asiahighlights.com/css/inquiry-form-mobile.css

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body { font-family:'Hind Madurai', sans-serif}
/* new fonts */

  /* latin */
  @font-face {
    font-family: 'Alegreya Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'), url(https://www.asiahighlights.com/css/fonts/5aUu9_-1phKLFgshYDvh6Vwt5alOqEp2iw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Alegreya Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'), url(https://www.asiahighlights.com/css/fonts/5aUz9_-1phKLFgshYDvh6Vwt7VptvQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Alegreya Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), url(https://www.asiahighlights.com/css/fonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2iw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Hind Madurai';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Hind Madurai Light'), local('HindMadurai-Light'), url(https://www.asiahighlights.com/css/fonts/f0Xu0e2p98ZvDXdZQIOcpqjfXaUXfsEp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Hind Madurai';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Hind Madurai Regular'), local('HindMadurai-Regular'), url(https://www.asiahighlights.com/css/fonts/f0Xx0e2p98ZvDXdZQIOcpqjX9ocC.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* CSS Document */
sup { color:#a31022; font-size:105%; top:0px !important;}
#formBanner { display: block; position:relative}
#formBanner img{-webkit-filter: brightness(70%);
  filter: brightness(70%);}
.howWeWork{position: absolute;bottom: 30px;font-size: 18px;color: #FFF;text-align: center;padding: 0 70px;}
#formBanner h1 { border-bottom: none; color:#fff; position:absolute; width:100%; bottom:90px; text-align:center; font-size:32px !important; font-family:'Alegreya Sans',sans-serif; text-shadow:2px 2px 2px #666;font-weight: 500}
.procedure { background:rgba(0,0,0,.5); display: block; padding:20px 0; position:absolute; left:0; bottom:0; width:100%; color:#fff;}
.procedure .subTitle { display: block; font-size:18px; text-align:center; margin-bottom:30px;}
.whiteBorder { background:#fff; display: block; height:1px; margin:36px -12px 0 -15px;}
.procedure .listIcon { background:url(/pic/list-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px; background-size:55px 55px; margin-top:9px; font-size:14px;}
.procedure .peopleIcon { background:url(/pic/people-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;}
.procedure .emailIcon { background:url(/pic/email-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;}
.procedure .handIcon { background:url(/pic/hands-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;}
.twoBlanks{margin-left: -15px;margin-right: -15px}
.formTrust { display: block; margin-left:20px;}
.monkReview { background:url(/image/walking-monks.jpg) no-repeat right bottom; display: block; color:#fff; margin:50px 0; font-size:14px; padding:20px 30px 150px; border-radius:4px; background-size: 100%; line-height:22px;}
.monkReview b { display: block; margin-top:15px; font-size:16px; font-weight: normal;}
#inquiryBox { display: block;  margin:0 0 35px;  margin-top:20px;}
h3{    font-size: 20px;
  font-weight: 500;
  font-family: 'Alegreya Sans',sans-serif;margin-bottom: 10px;margin-top: 30px;}
#inquiryBox h2 { font-size:28px;padding-top:10px; margin:0 0 15px;font-family: 'Alegreya Sans',sans-serif;text-align: center;font-weight: 500;}
#contactInfo { display: block; box-shadow:0 0 5px #999; border-radius:4px; margin:0 0 25px; padding:25px; background:#fff;}
#contactInfo h2 { font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:20px; margin:0 0 00px;}
.labelTitle { display: block; font-size:16px; font-weight:400; color:#333; margin:30px 0 15px;}
.labelTitle .whatsThis { color:#a31022; font-size:13px;}
textarea { font-family:'Open Sans', sans-serif!important; font-size:16px; line-height:26px; padding:15px !important; border:1px solid #d1d1d1; background:#fff; width:100%; height:200px; border-radius:2px;margin-top: 10px;}
textarea:focus{border: 1px solid #7D9EC0;outline: none}
#contactInfo .subTitle { display: block; font-size:16px; font-weight:400; color:#333; margin:30px 0 15px;}
#contactInfo input { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:#fff; border:1px solid #d1d1d1;}
#Date_Start { width:100%; font-size:18px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:url(/pic/calendar-icon-red.png) no-repeat 96% 20px #fff; border:1px solid #d1d1d1;height: 60px}
#inquiryBox label { font-weight: normal;}
#inquiryBox .checked {background: url(/pic/checked-icon.png) no-repeat left;}
#inquiryBox select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important; border:1px solid #d1d1d1;}
#inquiryBox select option { padding:5px 0 5px 10px;}
#contactInfo select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important;border:1px solid #d1d1d1;height:38px}
#contactInfo select option { padding:5px 0 5px 10px;}
.submitBtn { display: block; margin:30px 0 100px; font-size:14px; line-height:22px;}
.submitBtn .beginNow { background:#a31022; border-radius:4px; display: block; margin-bottom:15px;}
.submitBtn .beginNow:hover { background:#800D1C; border-radius:4px; display: block; margin-bottom:15px;}
.submitBtn .beginNow a { color:#fff; text-decoration: none; display: block; font-size:20px; padding:9px 0; text-align:center;}
.submitBtn .beginNow .fa { font-size:170%; margin-left:10px; display:inline-block; vertical-align: middle; font-weight:300 !important;}
.onlyCall { display: block; font-size:14px; color:#777; margin:75px 0 0 -20px;}
.destinations li { display: block; float: left; width:24%; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; }
.destinations li.checked { background:url(/pic/checked-icon.png) no-repeat left;}
.hotelStyle li { display: block; float: left; width:32%; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; }
.hotelStyle li:nth-child(2) { width:35% !important;}
.hotelStyle { display: block; margin-bottom:25px; overflow: hidden;}
.hotelStyle li.checked { background:url(/pic/checked-icon.png) no-repeat left;}
.hotelStyle li em { display: block; font-style: normal; color:#999;}
.interestedIn { display: block; margin-bottom:10px; font-size:14px;}
.formNote{color: #999;font-size: 14px}
.travelStyle input{display: none;}
.travelTag{margin-left: -8px}
.travelStyle{display: inline-block}
/* selection box */
.optionLable input{display: none;}
.checkboxGender input[type="radio"] + label{font-size: 22px;padding: 5px 0;border: 1px solid #d1d1d1;border-radius: 4px;display: block;margin-top: 10px;text-align: center;color: #999;height: 65px;font-family: 'Alegreya Sans',sans-serif;padding-top: 15px}
.checkboxGender input[type="radio"]:checked + label{border: 1px solid #ad1818;color: #ad1818}
.optionLable input[type="radio"] + label{width: 100%;font-size: 22px;padding: 5px 0;border: 1px solid #d1d1d1;border-radius: 4px;display: block;margin-top: 10px;text-align: center;color: #999;height: 65px;font-family: 'Alegreya Sans',sans-serif;}
.optionLable input[type="radio"]:checked + label{border: 1px solid #ad1818;color: #ad1818}
.checkboxLabel input[type="checkbox"] + label{font-size: 22px;padding: 5px 0;border: 1px solid #d1d1d1;border-radius: 4px;display: block;margin-top: 10px;text-align: center;color: #999;height: 65px;font-family: 'Alegreya Sans',sans-serif;padding-top: 15px;}
.checkboxLabel input[type="checkbox"]:checked + label{border: 1px solid #ad1818;color: #ad1818}
.checkboxLabel{display: inline-block;width: 49%;}
.checkboxLabel:nth-child(even){float: right}
.checkboxLabel input{display: none}
.travelStyle input[type="checkbox"] + label{margin-left: 8px;margin-top: 8px;font-size: 14px;padding: 10px 7px;color: #999;border:1px solid #f1f1f1}
.checkYes input[type="checkbox"] + label{margin-left: 8px;margin-top: 8px;font-size: 14px;padding: 10px 7px;color: #999;border:none}
.checkYes input[type="checkbox"] + label{margin-left: 8px;margin-top: 8px;font-size: 14px;padding: 10px 7px;color: #999;border:none}
.number, .minaddBtn:focus{border:1px solid #ad1818;outline: none}
.travelTag input[type="checkbox"]:checked + label{color: #FFF;background-color: #ad1818}
.selectionMemo{font-size: 14px;font-style: italic;font-weight: 300;margin-top:2px}
#inquiryBox .flexibleDate{display: inline-block;
  margin-bottom: 10px;
  padding: 5px 0 5px 30px;}

  #children[type=checkbox]{
    width: 20px;
    height: 20px;border: 1px solid #f1f1f1;vertical-align: middle;margin-right: 10px}
.genderSelection{text-align: center}
.checkFlexible{margin-top: 10px;font-size: 18px}
hr{color: #f1f1f1}
.checkboxGender{width: 32%;display: inline-block;}
.checkboxGender label{width: 100%}
.checkboxGender input{display: none}
.checkboxGender:nth-child(3){float: right}
.checkboxGender:nth-child(1){float: left}
.peopleSelect{width: 100%;margin-top: 20px;font-size: 24px}
.number{width: 49%;text-align: center;border: 1px solid #d1d1d1;border-radius: 4px;font-weight: 300;height: 65px}
.minaddBtn{background: #FFF;border: 1px solid #d1d1d1;border-radius: 4px;color: #ad1818;height: 65px;font-weight: 700;width: 47%;display: inline-block}
.numberBtn{width: 49%;display: inline-block;float: right;overflow: hidden;}
.inputTerm label {
  display: block;
  width: 100%;
  font-size: 18px;
  position: absolute;
  left: 20px;
  top: calc(50% - 13px);
  transition: all ease-in-out .5s;
  pointer-events: none;height: 26px;
  color: #999;
}
.inputTerm {
  display: block;
  width: 100%;
  margin: 15px auto;
  position: relative;
}
.inputTerm input:focus ~ label, .inputTerm input:valid~label{top:5px;font-size:12px;color:#999;transition:0.3s;text-transform:uppercase}
.inputTerm input:focus{border: 1px solid #7D9EC0;outline: none}
.inputTerm input {
  width: 100%;
  margin: 0;
  font-size: 18px;
  border: 1px solid #d1d1d1;
  height: 65px;
  padding: 15px 15px 0 20px;
  border-radius: 4px;
  color: #000;
}
.checkYes {
  display: block;
  width: 100%;margin-top: 10px}
.checkBorder:checked {
  background-color: #ad1818;
  border-color: #ad1818;margin-right: 5px;
}
.checkBorder {
    background-color: #fff;
    border: 1px solid #c1c1c1;position: relative;
  width: 20px;
  height: 20px;
  background-clip: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: -0.15px 0.6px 0 0;
  vertical-align: text-bottom;
  border-radius: 2px;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  background-color: #fff;
  border: 1px solid #d1d1d1
}
.contactUs{border-top: 1px solid #d1d1d1;}
.contactUs p{margin-top: 15px;font-size: 18px;font-weight: normal}
p a
  input[type=checkbox]+label {
    color: #999;
    font-size: 16px !important;
}
.checkYes label {
  display: inline;
  font-style: italic;font-size: 18px;color: #999
}
input[type=checkbox]:checked+label{color: #000}

.checkBorder:checked:after {
  border-color: #fff;
}
.checkBorder:checked:after {
  content: '';
  display: block;
  height: 8px;
  width: 14px;
  border: 0 solid #FFF;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 3px;
  left: 2px;
}
.interestedRoute{background: url(https://data.asiahighlights.com/image/black-backpic.PNG) no-repeat top;background-size: 100%;position: relative;margin: 20px 0 10px 0;padding:20px 0 5px 0}
.routeName{font-size: 22px;text-align: center;font-weight: 400;width: 80%;margin: 0 auto;    font-family: 'Alegreya Sans',sans-serif;}
.headerText{background-color: #FFF;margin: 0 auto;padding: 0 15px;text-align: center;font-weight: 500;font-size: 14px;height: 22px;width: 200px;left: calc(50% - 100px);position: absolute;top:-8px;}
.formMemo{font-size: 14px;color: #999;margin-left:15px;    display: block; }
.peopleSelect .formMemo{margin-bottom: 5px;}
.inquiryBtn{display:block;padding:20px 0 0;text-align:center;font-family:Georgia,"Times New Roman",Times,serif;font-size:24px}
button{background: linear-gradient(#ca3c3b,#ad1818);
  text-align: center;
  display: table;
  border-radius: 60px;
  min-width: 230px;
  margin: 25px auto;
  padding: 8px 30px;border: 1px solid #FFF;color: #FFF;font-family: 'Alegreya Sans',sans-serif;font-weight: 500;font-size: 20px}
  .readMore {
    max-height:0;
    overflow:hidden;
    transition:max-height .3s;
  }
  :checked ~ .readMore {
    max-height:666px;
  }
 .foldDestinations input[type="checkbox"] {
    clip:rect(0 0 0 0);
    position: absolute;
  }
  #check:checked ~ .check-in {
    display:none;
  }
  #check:checked ~ .check-out {
      display:inline-block;
      margin-top: 10px;
float: right;
  }
  .check-out {
    display:none;
  text-align: center;
  }
  .check-in,.check-out {
    color:#ad1818;
      cursor:pointer;
      font-weight: 300;
      font-size: 20px;
  }
    #check:checked+.foldDestinations>.readMore {
    max-height:666px;
  }
  i{margin-left: 10px}

@media(max-width:760px) {
.destinations li {margin-left: 10px;width: 45%;padding:5px 0 5px 35px; }	
#inquiryBox select, #contactInfo select  { padding:10px 10px !important;}
.onlyCall { margin:10px 0 0 0 !important;}
.hotelStyle li { background-position: left 15px !important; width:100% !important; float: none !important;}
.hotelStyle li:nth-child(2) { width:100% !important;}

}
@media(min-width:1024px){.ticketSelection{display: none!important}}