diff --git a/css/inquiry-form-mobile.css b/css/inquiry-form-mobile.css index 00c40872..f78d6b64 100644 --- a/css/inquiry-form-mobile.css +++ b/css/inquiry-form-mobile.css @@ -1,9 +1,8 @@ @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 */ + /* new fonts */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; @@ -47,65 +46,28 @@ body { font-family:'Hind Madurai', sans-serif} 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;} +/* basic css */ +.howWeWork{position: absolute;bottom: 30px;font-size: 18px;color: #FFF;text-align: center;padding: 0 70px;} #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} @@ -123,7 +85,6 @@ textarea:focus{border: 1px solid #7D9EC0;outline: none} #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} @@ -199,6 +160,7 @@ p a color: #999; font-size: 16px !important; } +.checkYes, .whatsapp{margin-top: 0} .checkYes label { display: inline; font-style: italic;font-size: 18px;color: #999 @@ -224,7 +186,8 @@ input[type=checkbox]:checked+label{color: #000} .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; } +.formMemo{font-size: 14px;color: #999;margin-left:15px; display: block;margin-top: -8px; + padding-bottom: 5px; } .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} input[type=submit]{background: linear-gradient(#ca3c3b,#ad1818); @@ -268,13 +231,3 @@ float: right; 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}} \ No newline at end of file