/*================ default ==================*/
:root {
  --smartq-light: #fffFFF;
  --smartq-gray: #666666;
  --smartq-green: #00A94F;
  --smartq-tsition: .3s ease-in-out;
}

/*============================== TEXT ===============================*/
.icw-popup-smartq .text-green{color: var(--smartq-green) !important;}
.icw-popup-smartq .text-gray{color: var(--smartq-gray) !important;}

/*============================== Hidden & Visible ===============================*/
.icw-popup-smartq .show-w1199{display: none;}
.icw-popup-smartq .show-w991{display: none;}
.icw-popup-smartq .show-w767{display: none;}
.icw-popup-smartq .show-w414{display: none;}
.icw-popup-smartq .show-w375{display: none;}
.icw-popup-smartq .show-w360{display: none;}

@media (max-width: 1199px){
  .icw-popup-smartq .show-w1199{display: block;}
  .icw-popup-smartq .hide-w1199{display: none;}
}
@media (max-width: 991px){
  .icw-popup-smartq .show-w991{display: block;}
  .icw-popup-smartq .hide-w991{display: none;}
}
@media (max-width: 767px){
  .icw-popup-smartq .show-w767{display: block;}
  .icw-popup-smartq .hide-w767{display: none;}
}
@media (max-width: 414px){
  .icw-popup-smartq .show-w414{display: block;}
  .icw-popup-smartq .hide-w414{display: none;}
}
@media (max-width: 375px){
  .icw-popup-smartq .show-w375{display: block;}
  .icw-popup-smartq .hide-w375{display: none;}
}
@media (max-width: 360px){
  .icw-popup-smartq .show-w360{display: block;}
  .icw-popup-smartq .hide-w360{display: none;}
}


/*############################ popup ###################################*/
.icw-popup-smartq.mfp-close-btn-in .mfp-close{width: 30px; height: 30px; background-color: var(--smartq-green); color: var(--smartq-light); top: -15px; right: -15px; border: 1px solid var(--smartq-green);
  display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 1; font-size: 36px; transition: var(--smartq-tsition); font-family:"kurious-looped";
}
.icw-popup-smartq.mfp-close-btn-in .mfp-close:hover{background-color: var(--smartq-light); color: var(--smartq-green);}
.icw-popup-smartq.mfp-close-btn-in .mfp-close:after{display: none;}
.icw-popup-smartq.mfp-close-btn-in .mfp-close:active{top: -15px;}
.icw-popup-smartq{
  display:none;
}
.icw-popup-smartq.mfp-bg{background: rgba(0, 0, 0, 0.7);}
.icw-popup-smartq .mfp-content{display: flex; align-items: center; overflow: auto; min-height: 100vh; height: auto; max-width: inherit; background: transparent;}
.icw-popup-smartq .main-container{background-color: #fff; width: 96%; max-width: 1000px; border-radius: 8px; margin: 0 auto; position: relative; padding: 0;}
.popup-qrcode-box{display:none;}
.icw-popup-smartq.mfp-ready .popup-qrcode-box{display:flex;}
.popup-qrcode-box .row-flex{display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: nowrap;}
.popup-qrcode-box .row-flex > div{min-height: 360px; display: flex; align-items: center; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
.popup-qrcode-box .-boxI{background: var(--smartq-light); border-radius: 8px 0 0 8px;}
.popup-qrcode-box .-boxII{background: var(--smartq-green); border-radius: 0 8px 8px 0; justify-content: center;}
.popup-qrcode-box .content {padding: 0 32px;}
.popup-qrcode-box .content .title{line-height: 1.5;margin: 0 0 16px;font-size: 26px;font-family: 'kurious-looped' ;}
.popup-qrcode-box .content .title strong{line-height: 1.5;margin: 0 0 16px;font-size: 26px;font-family: 'kurious-looped' ; font-weight:600}
.popup-qrcode-box .content .title .icon{width: 58px; position: relative; top: -3px;}
.popup-qrcode-box .content .desc{line-height: 1.5em; margin: 0px; font-size: 16px; font-family: 'kurious-looped';}
.popup-qrcode-box .content .desc small{font-size: 13px;}
.popup-qrcode-box .thumb{max-width: 282px;}
.popup-qrcode-box .thumb .icon{display: block; margin: 0 auto -16px; width: 110px; position: relative; z-index: 1;}
.popup-qrcode-box .img-qr-code{border-radius: 8px; padding: 8px; background: var(--smartq-light);}
.popup-qrcode-box .img-qr-code > canvas{max-width: 266px;}

@media screen and (min-width: 768px) { 
  .popup-qrcode-box .content .title{/* font-size: 42px; */}
  .popup-qrcode-box .content .desc{font-size: 18px;}
}
@media screen and (min-width: 992px) {
  .popup-qrcode-box .row-flex > div{min-height: 474px;}
  .popup-qrcode-box .content {padding: 0 58px;}

}
@media screen and (min-width: 1140px) {
.icw-popup-smartq{
  display:block;
}
}
@media screen and (min-width: 1200px) {
  .icw-popup-smartq .main-container{width: 100%;}

  .popup-qrcode-box .content{padding: 0 66px;}
}


/*############################ smartq-bar ###################################*/
.smartq-bar{position: fixed; bottom: 56px; z-index: 2; left: 0; right: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(244, 244, 244, 0.80); backdrop-filter: blur(5px);  border-top: 1px solid rgba(204, 204, 204, 0.80); text-align: center; padding: 8px 16px; height: auto;
}
.smartq-bar p{margin: 0; color: #666666; font-size: 14px;}

@media screen and (min-width:1200px) {
  .smartq-bar{display: none;}
}

#navigation-page-sticky .box-cta a{
  font-family:"kurious-looped";
}
#navigation-widgets .wrap-badge.hasTooltip{
  margin-bottom:12px;
}