/* 
Theme Name: AIS Duty Free Education
Theme URI: https://AISDutyFreeEducation.com
Version: 1
Description: Custom Wordpress theme for AIS Duty Free Education
Author: Peter Go
Author URI: https://tpnretail.com
*/

body {
    background-color: #ededed;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: scroll !important;
	overflow-x: hidden !important;    
}
.ais_main_wrapper {
	overflow-x: hidden !important;
}
.fixedbar {
	position: fixed;
  	top: 0;
  	left: 0;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
  	z-index: 999998;
  	width: 100%;
}
.img_responsive { width: 100%; height: auto; }

.my_flex_wrapper {
  width: 1200px; 
  max-width: 100%;
}

.my_flex_wrapper_960 {
  width: 960px; 
  max-width: 100%;
}

.hamburger, .icon_xclose {
    position: fixed;
    top: 36px;
    right: 24px;;
    cursor: pointer;
    z-index: 999999;
    display: none;
}



/*** Main Menu ***/
.menu-main-menu-container ul {
  list-style: none;
  margin: 0;
  padding: 24px 20px 6px 20px;
  text-align: right;
}
.menu-main-menu-container li {
  display: inline-block;
  margin: 0 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.menu-main-menu-container a {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 4px;
}

/*** Mobile Menu ***/
.mobile_menu {
  position: fixed;
  top: 99px;
  right: 0;
}

.mobile_menu ul {
  list-style: none;
  margin: 0;
  padding: 12px 20px 36px 20px;
  text-align: right;
}
.mobile_menu li {
  margin: 0 8px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.mobile_menu a {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 4px;
}


/*** Carousel ***/
#goToPrevSlide, #goToNextSlide {
    cursor: pointer;
    z-index: 1000;
}
.carousel_wrapper {
    margin-top: -16% !important;
}



/*** CF7 ***/
.wpcf7-response-output {
    margin: 0 0 20px 0 !important;
}
.wpcf7-not-valid-tip {
  padding-top: 10px;
}

/** Font and Text settings **/
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font26 { font-size: 26px; }
.font28 { font-size: 28px; }

.font30 { font-size: 30px; }
.font32 { font-size: 32px; }
.font34 { font-size: 34px; }
.font36 { font-size: 36px; }
.font38 { font-size: 38px; }

.font40 { font-size: 40px; }
.font42 { font-size: 42px; }
.font44 { font-size: 44px; }
.font46 { font-size: 46px; }
.font48 { font-size: 48px; }

.font50 { font-size: 50px; }
.font52 { font-size: 52px; }
.font54 { font-size: 54px; }
.font56 { font-size: 56px; }
.font58 { font-size: 58px; }

.font60 { font-size: 60px; }
.font70 { font-size: 70px; }
.font80 { font-size: 80px; }

.lh80 { line-height: 80%;}
.lh90 { line-height: 90%;}
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh200 { line-height: 200%;}

.lspacing3 { letter-spacing: 3px;}
.lspacing5 { letter-spacing: 5px;}
.lspacing8 { letter-spacing: 8px;}
.lspacing10 { letter-spacing: 10px;}

.text_white { color: #fff !important; }
.text_black { color: #222220 !important; }
.text_red{ color: #c93531 !important; }
.text_green{ color: #009900 !important; }

.bg_white { background-color: #fff !important; }
.bg_gray { background-color: #909090 !important; }
.bg_lgray { background-color: #e5e5e5 !important; }
.bg_black { background-color: #000 !important; }
.bg_red { background-color: #c93531 !important; }

.text_light { font-weight:300 !important; }
.text_medium { font-weight:500 !important; }
.text_bold  { font-weight:700 !important; }
.text_semibold  { font-weight:600 !important; }
.text_extrabold { font-weight:800 !important; }
.text_allcaps { text-transform: uppercase !important; }
.text_italics { font-style: italic !important; }
.text_underline { text-decoration: underline !important; }
.text_nounderline { text-decoration: none !important; }

.font_akshar {
    font-family: 'Akshar', sans-serif;
}


.ctalink {
    color: #fff !important;
    font-weight:700;
    font-size: 26px;
    padding: 16px 24px !important;
    border: 2px solid #fff !important;
    text-decoration: none;
    border-radius: 0 !important;
    text-transform: uppercase;
    outline: none;
    box-shadow: none;
}
.ctalink:hover { 
    color: #c93531 !important; 
}
.ctalink:focus { 
    outline: none;
    box-shadow: none;
}


/*** Page Scroll to ID ***/
.mPS2id-highlight  {
    border-bottom: 1px solid #fff !important;
}
#ps2id-dummy-offset { height: 99px; }



/*** Consumer ***/
.our_consumer_section ul, #merchandising ul {
  list-style: none
  margin: 0;
  padding: 0;
}

.our_consumer_section li, #merchandising li {
  background: url('/wp-content/uploads/2022/04/red_bullet.svg') no-repeat left 7px;
  padding-left: 26px;
  display: block;
  margin-bottom: 12px;
  margin-left: 1px !important;
}

.consumer_learnmore1, .consumer_learnmore2, .consumer_learnmore3 { cursor: pointer; z-index: 100; }
.consumer_bullets1, .consumer_bullets2, .consumer_bullets3 { opacity: 0; }



/*** Quiz ***/
.quiz_wrapper {
    margin-top: -13% !important;
}

.ans1a, .ans1b, .ans1c, 
.ans2a, .ans2b, .ans2c, 
.ans3a, .ans3b, .ans3c, 
.ans4a, .ans4b, .ans4c, 
.ans5a, .ans5b, .ans5c {
	padding: 8px 30px 5px 0;
	margin: 0 8px 5px 8px;
}

.greenbox {
	border: 1px solid #090;
  	background: url(/wp-content/uploads/2022/05/checkmark.svg) center right no-repeat;
}

.quiz_radio_col1 {width: 12%;}
.quiz_radio_col2 {width: 88%;}

.btn {
    border-radius: 0 !important;
    min-width: 160px !important;
}

.btn-red {
  background-color: #c93531;
  border-color: #c93531;
  color: #fff !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  background-color: #b4302c;
  border-color: #a02a27;
}
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active {
  background-color: #c93531;
  border-color: #c93531;
}

#quiz_submit input.form-control, 
.cf7_login_form input.form-control, 
.cf7_login_form select.form-control,
.cf7_login_form option{
    border: 1px solid #c93531 !important;
    border-radius: 0 !important;
    text-align: center !important;
}

input[type=radio] {
  padding: 6px;
  -webkit-appearance: none;
  outline: 2px solid #c93531;
  outline-offset: 0.1em;
  margin: 6px 8px 0 12px;
}

input[type=radio]:checked {
  display: inline-block;
  background-color: #c93531;
}

.aisdf_consumer_img_header_mobile {display: none; }




/*** mobile menu position 
#mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    width: auto !important;
    right: 0 !important;
    
}
#mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu li {
    text-align: right !important;
    white-space: nowrap !important;
}
**/


.show768 { display: none; }

.our_consumer_mobile, 
.consumer_bullets1_mobile, 
.consumer_bullets2_mobile, 
.consumer_bullets3_mobile { display: none; }

.consumer_learnmore1_mobile, 
.consumer_learnmore2_mobile, 
.consumer_learnmore3_mobile {cursor: pointer; margin-bottom: 16px;}

@media(max-width: 1024px) {
	.quiz_radio_col1 {width: 14%;}
	.quiz_radio_col2 {width: 86%;}
}

@media(max-width: 950px) {
  #goToPrevSlide img, #goToNextSlide img { width: 38px; height: auto; }
}

@media(max-width: 950px) {
    #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu { margin-top: 35px; }
}

@media(max-width: 870px) {
	.quiz_radio_col1 {width: 16%;}
	.quiz_radio_col2 {width: 84%;}
}


@media(max-width: 768px) {
  #goToPrevSlide img, #goToNextSlide img { width: 30px; height: auto; }
  .carousel_wrapper { margin-top: -12% !important; }
  
  .menu-main-menu-container {display: none;}
  .hamburger {display: inline;}

  .mPS2id-highlight  { border-bottom: none !important; }
  .show768 { display: inline !important; }
  .hide768 { display: none !important; }
  
  #most_valuable .spacer {height: 50px !important;}
  .our_consumer_section .spacer {height: 50px !important;}
  #merchandising .spacer {height: 50px !important;}
  #faqs .spacer {height: 50px !important;}
  
  .ctalink {font-size: 24px !important;}
  .cta_image { left: -120px; }

	.quiz_radio_col1 {width: 13%;}
	.quiz_radio_col2 {width: 87%;}
  
}

@media(max-width: 650px) {
  .cta_image { left: -90px; }
}
@media(max-width: 600px) {
  .cta_image { left: -75px; }
}

@media(max-width: 576px) {
  .our_consumer_section .img_responsive { width: 75% !important; height: auto; }
  .our_consumer_section .p-5 { padding: 10px 16px !important;}
  .our_consumer_section img { text-align: center; display: block; margin: 0 auto !important;}
  .our_consumer_section .font12 {font-size: 11px !important;}

  .our_consumer_desktop {display: none;}
  .our_consumer_mobile {display: inline;}

}

@media(max-width: 500px) {
  #goToPrevSlide img, #goToNextSlide img { width: 24px; height: auto; }
  .carousel_wrapper { margin-top: -8% !important; }
  .aisdf_consumer_img_header_mobile {display: inline; }
  .aisdf_consumer_img_header {display: none; }

}

@media(max-width: 420px) {
  #product_info .font20 { font-size: 18px !important; }
  .cta_image { left: -60px; }
}
@media(max-width: 370px) {
  #product_info .font20 { font-size: 16px !important; }
  .cta_image { left: -50px; }
}