﻿@charset "utf-8";
/* CSS Document */
body { font-family: san-sarif, Tahoma, Geneva, sans-serif; margin: 0; padding: 0; }
/*header*/
.main_cn_sm { width: 90%; padding: 0PX 0% 0px 0%; margin: 0 auto; }
.container { width: 100%!important; margin: 0 !important; padding: 0 !important; }
.logo_sec { width: 40%; float: left; padding: 2% 0%; }
img { max-width: 100%; }
.clr { clear: both; }
.menu_bar_re1 { float: right; text-align: right; margin-right: 9%; cursor: pointer; }
.special-menu { width: 17%; float: right; margin-top: 11px; }
.menu_bar_re1 { float: right; text-align: right; margin-right: 9%; cursor: pointer; }
.mnu { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arw.png); background-position: -35px 4px; background-repeat: no-repeat; height: 38px; width: 38px; background-size: 189px 186px; }
.black_backgr { position: fixed; left: 0; top: 0; background-color: #fff; width: 100%; height: 100%; opacity: 0.7; z-index: 999; }
.res_nav_n { width: 100%; Z-INDEX: 9999; POSITION: FIXED; left: 0; top: 1%; }
.res_top_n { width: 100%; border-bottom: 5px solid #3678a9; overflow: hidden; padding: 1% 4% 3% 4%; border-radius: 5px; background-color: #FFF; }
.res_p_lft { width: 48%; float: left; }
.res_p_lft ul { margin: 0; padding: 0; }
.res_p_lft ul li { margin: 0; padding: 0; list-style: none; }
.res_p_lft ul li a { display: block; margin-bottom: 5px; font-size: 13px; padding: 10px 0px 0px 41px; color: #2b2c2c; text-decoration: none; }
.clos_cv { width: 25%; float: right; text-align: right; }
.f_res1 { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -182px 0px; background-repeat: no-repeat; height: 38px; width: 23px; }
.h_res { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -218px 0px; background-repeat: no-repeat; height: 38px; width: 23px; }
.b_res { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -147px 0px; background-repeat: no-repeat; height: 38px; width: 23px; }
.fr_res { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -110px 0px; background-repeat: no-repeat; height: 38px; width: 23px; }
.hp_res { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -182px 0px; background-repeat: no-repeat; height: 38px; width: 23px; }
.res_lft2 { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -149px -34px; background-repeat: no-repeat; height: 38px; width: 23px; }
.con_res { background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arrow-solid-rec.png); background-position: -35px -76px; background-repeat: no-repeat; height: 38px; width: 100%; }
.res_rht { width: 48%; float: right; margin-left: 1% }
.res_rht ul { margin: 0; padding: 0; }
.res_rht ul li { margin: 0; padding: 0; list-style: none; }
.res_rht ul li a { display: block; margin-bottom: 5px; font-size: 13px; color: #2b2c2c; text-decoration: none; padding: 10px 0px 10px 38px; }
.clr { clear: both; }
.cbn2 { width: 100%; text-align: right; font-size: 11px; color: #999; text-decoration: underline; cursor: pointer }
/*header end*/

.bok-bus2 { width: 100%; float: left; background: #1b5fbd; padding: 1% 5%; color: #ffffff; height: 49px; line-height: 40px; }
.bok-bus-ar { float: left; width: 29px; height: 23px; margin-top: 8px; margin-right: 0%; cursor: pointer;}
.bok-bus-tx { font-size: 19px; }
/*one-way*/

.radio-btn-m { display: block; width: 100%; margin: 3% 0% 2% 0%; border-bottom: 1px solid #ccc; padding: 3% 0%; }
.radio-btn-m2 { display: block; width: 91%; margin: 0 auto; }
.bus-one { width: 10%; float: left; }
.bus-one2 { width: 80%; float: left; font-size: 17px; margin: 0% 0% 3% 0%; color: #000; }
<!--
Radio-->  .radio + .radio, .checkbox + .checkbox { margin: 0; }
.radio + .radio, .checkbox + .checkbox { margin-top: 0px; }
.radio, .checkbox { position: relative; display: block; margin: 0; }
.radio input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer; }
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 0px; margin-bottom: 0; /* font-weight: normal; */
cursor: pointer; }
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
 .radio input:focus ~ label, input:valid ~ label {
 top:2px;
 font-size:13px;
 color:#4a4949 !important;
}
.radio label::before { content: ""; display: inline-block; position: absolute; width: 19px; height: 19px; left: 2%; margin-left: 0px; border: 3px solid #1b5fbd; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 5px; top: 5px; margin-left: 0px; border-radius: 50%; background-color: #1b5fbd; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer; top: 25%; left: 80%; }
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio.radio-inline { margin-top: 0; }
.radio-danger input[type="radio"] + label::after { background-color: #1b5fbd; }
.radio-danger input[type="radio"]:checked + label::before { border-color: #1b5fbd; outline: 0; }
.radio-danger input[type="radio"]:checked + label::after { background-color: #1b5fbd; }
<!--
Radio--> 

/*one-way end*/

/*frmto*/

.mobile-wi1 { width: 100%; float: left; }
.mobile-sec { display: block; width: 100%; padding-bottom: 0px; margin-bottom: 2px; border-bottom: 1px solid #ccc; }
.mobile-sec-m2 { display: block; width: 91%; margin: 0 auto; }
.mob-from { width: 40%; height: 89px; float: left; margin-left: 0%; }
.mob-imp-w { width: 100%; }
.form-new { text-align: left; margin-top: 8px; line-height: 18px; height: 71px; padding: 0; }
.p-from { padding: 0; width: 83%; color: #000; }
.inp-val3 { border: none; padding-bottom: 10px; font-size: 23px; color: #000; }
.txt-fo4 { color: #000; font-size: 15px; margin-top: 3px; width: 94%; margin: auto; }
.mob-img2 { width: 44px; float: left; text-align: center; background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arw.png); background-repeat: no-repeat; height: 43px; display: block; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; cursor: pointer; margin-top: 5%; background-size: 236px 236px; background-position: 0px -40px; }
.mob-from-to { width: 40%; height: 71px; float: right; }
.mob-imp-w { width: 100%; }
.to-new { margin-top: 8px; line-height: 18px; height: 71px; padding: 0; }
.p-to { padding: 0; color: #000; }
.inp-val-to { border: none; padding-bottom: 10px; font-size: 23px; color: #000; }
.txt-fo4 { color: #000; font-size: 14px; margin-top: 3px; width: 94%; margin: auto; }
/*frmto-end*/
/*date*/
.date-sec-m2 { display: block; width: 91%; margin: 0 auto; }
.date-sec-n { width: 100%; border-radius: 0px; border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 8px; }
.depar-date-n { cursor: pointer; float: left; margin-right: 1%; width: 43%; font-family: sans-serif, Arial, Helvetica;/* padding-top: 1%; */
}
.frm-dpt-l { width: 21%; float: left; color: #fff; background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arw.png); background-position: -3px -91px; background-repeat: no-repeat; background-size: 192px 176px; height: 25px; }
.frm-dpt-r { width: auto; float: left; text-align: left; color: #000; font-size: 15px; margin-left: 4%; padding-top: 2%; }
.depar-date-n2 { cursor: pointer; margin-right: 1%; width: 55%; font-family: sans-serif, Arial, Helvetica; }
.fnt { font-size: 43px; color: #454443; }
.fnt2 { font-size: 18px; color: #454443; }
.fnt3 { font-size: 14px; color: #454443; }
.dte { width: auto; float: left; margin-right: 5%; }
.dte2 { width: auto; float: left; margin-top: 7%; }
.dte3 { width: 100%; float: left; }
.dte4 { width: 100%; float: left; }
/*date-end*/
/*search*/
.searh-sect { width: 100%; margin: 10% 0; }
.srch-bn { background-color: #0364c5; width: 85%; font-size: 33px; outline: none; padding: 4px 0; border: 1px solid #0364c5; border-radius: 3px; color: #fff; font-family: sans-serif; margin: 0 auto; margin-left: 8%; }
/*search-end*/
/*select-city*/
.rcnt-src { width: 100%; height: 100%; background-color: #fff; }
.rcnt-src2 { width: 100%; float: left; background: #0099cc; padding: 1% 5%; color: #ffffff; height: 46px; line-height: 40px; }
.rcnt-src2-ar { float: left; width: 29px; height: 23px; margin-top: 10px; margin-right: 0%; background: url(https://images.emtcontent.com/bus-img/mcss_img_js/img/arw.png); background-position: -2px -5px; background-repeat: no-repeat; background-size: 192px 192px; cursor: pointer; }
.rcnt-src2-tx { font-size: 19px; }
.rcnt-bx { width: 100%;
    background-color: #fff;
    padding: 14px 16px; }
.spc-cty { margin-top: 0% !important; }
.rcnt-bx2 {
    width: 100%;
    margin: 13px 0;
    color: #000;
    display: flex;
    align-items: center;
    border-bottom: 1PX SOLID #eaeaea;
    padding-bottom: 14px;
}
.rct-arw-tx { font-size: 15px;
    width: auto;
    float: left;
    margin-top: 0; }
.rct-arw { float: left;
    background-position: center center;
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url(https://images.emtcontent.com/content/img/city-icon-v1.svg) no-repeat;
    background-size: 17px 17px;
    margin-right: 8px; }
.mrg-rgt { margin-right: 0 !important; margin-left: 0!important; padding-right: 0 !important; padding-left: 0!important; }
.inp1 { font-size: 17px; padding: 10px 0px 7px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #a7a2a2; outline: none; }
.email-m { width: 100%; float: left; margin-top: 0%; padding: 2% 6%; }
/* BOTTOM BARS ================================= */
.bar { position: relative; display: block; width: 100%; }
.bar:before, .bar:after { content: ''; height: 2px; width: 0; bottom: 0px; color: #04bdb7; position: absolute; background: #1b5fbd; border: none !important; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.bar:before { left: 50%; }
.bar:after { right: 50%; }
.ttl-inp { background-color: #ccc; border: 1px solid #ccc; }
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after { width: 100%; margin: auto; left: 0; right: 0; }
/*select-city-end*/

.drp-arw1 { float: left; width: 10%; height: 27px; margin-right: 5%; }
.but-m2 { width: 98%; margin: 0 auto; }
.but-m2 a { display: block; padding: 5px 0px; text-align: center; color: #ffffff; background-color: #f26822; border-radius: 4px; bottom: 0px; position: fixed; width: 98%; margin: 0 auto 4px auto; }
.but-m2 a:hover { text-decoration: none; }
/*--Traveller Detail Ends--*/
/*--Net Banking--*/
.se-bnk { width: 100%; float: left; font-size: 13px; font-weight: bold; }
.se-bnk span { font-weight: normal; }
.bnk-de { width: 100%; float: left; }
.bnk-l { width: 50%; float: left; }
.bn-d { width: 87%; float: left; margin-top: 9px; color: #3c3c3c; font-size: 25px; background-color: #fff; margin: 6% 0% !important; padding: 6% 3%; border: 1px solid #dedede; border-radius: 5px; border-bottom: 3px solid #dedede; }
.bn-d span { margin-left: 3%; }
.bn-d input:focus ~ label, input:valid ~ label {
top:0 !important;
}
.bnk-r { width: 50%; float: left; }
.nt-m { width: 100%; float: left; position: relative; display: noe; background-color: #eeeeee; }
.rew-n { float: left; width: 16px; height: 23px; margin-top: 8px; margin-right: 4%; cursor: pointer; }
.tr-n { width: 96%; float: left; background: #1b5fbd; padding: 0px 2%; color: #ffffff; height: 40px; line-height: 36px; margin-bottom: 20px; }
.td-n { color: #ffffff; font-size: 15px; cursor: pointer; }
.nt-c { width: 96%; margin: 0 auto; }
.se-bnk { width: 100%; float: left; font-size: 13px; font-weight: bold; margin-bottom: 10px; }
.se-bnk span { font-weight: normal; }
.bnk-o { width: 100%; float: left; }
.bnk-o select { height: 43px; line-height: 35px; width: 98%; border: 1px solid #ffffff; -webkit-appearance: none !important; -moz-appearance: none !important; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; outline: none; cursor: pointer; padding-left: 2%; border-radius: 4px; font-size: 14px; color: #3c3c3c; }
.nte { width: 100%; float: left; margin-top: 15px; margin-bottom: 15px; color: #696969; font-size: 13px; }
.nt-pr { width: 100%; position: fixed; bottom: 0%; background-color: #1b5fbd; padding: 3%; }
.nt1 { width: 47%; float: left; color: #FFF; font-size: 15px; text-align: right; padding-right: 2%; }
.nt2 { width: 2%; float: left; color: #FFF; font-size: 15px; }
.b-nt { width: 10px; height: 15px; float: left; }
.nt3 { width: 47%; float: left; color: #282727; font-size: 16px; padding-left: 2%; }
.py { width: 100%; float: left; position: fixed; bottom: 0px; }
.py button { margin: 20px 2%; background: #f26822; color: #ffffff; font-size: 15px; text-align: center; width: 96%; border: 1px solid #f26822; border-radius: 4px; height: 40px; cursor: pointer; outline: 0; }
/*--Net Banking--*/
.br-pr { width: 100%; position: fixed; bottom: 0%; padding: 3%; color: #000; }
.fr-rule { width: 100%; float: left; background-color: #eeeeee; display: nne; }
.route-left { width: 50%; float: left; font-size: 19px; }
.chrg { width: 100%; float: left; color: #999; margin: 5% 0%; }
.term-sc { width: 100%; margin: 9% 0% 0% 0%; }
.term-sc2 { width: 100%; margin: 5% 0%; }
.term-sc2 ul { padding: 0px 18px; margin: 0; }
.term-sc2 ul li { padding: 0; margin: 0; line-height: 27px; font-size: 14px; }
.route { width: 96%; margin: 0 auto; padding: 5% 0%; }
/*--Wallet--*/
.wal-m { width: 100%; float: left; background-color: #eeeeee; display: one; }
.nt-w { width: 100%; float: left; position: relative;}
.rew-w { float: left; width: 16px; height: 23px; margin-top: 8px; margin-right: 4%; cursor: pointer; }
.tr-w { width: 96%; float: left; background: #1b5fbd; padding: 0px 2%; color: #ffffff; height: 40px; line-height: 40px; }
.wal-mm { width: 100%; float: left; }
.sel-we { width: 96%; line-height: 35px; color: #969595; margin: 0 auto; font-size: 14px; }
.wal-c { width: 96%; margin: 0 auto; }
.wa-pa { width: 49%; float: left; padding: 10px 0; border-bottom: 1px solid #dcdcdc; background-color: #fff; margin: 2% 0% !important; padding: 5% 0%; border: 1px solid #dedede; border-radius: 5px; border-bottom: 3px solid #dedede; }
.wa-pa2 { width: 48%; float: right; padding: 10px 0; border-bottom: 1px solid #dcdcdc; background-color: #fff; margin: 2% 0% !important; padding: 5% 0%; border: 1px solid #dedede; border-radius: 5px; border-bottom: 3px solid #dedede; }
.wa1 { width: 36%; float: left; padding-left: 3%; padding-top: 1%; }
.wa2 { width: 39%; float: right; color: #363535; font-size: 13px; font-weight: bold; padding-top: 1%; }
.wa3 { width: 20%; float: left; }
.wa-pr { width: 98%; position: absolute; bottom: 15%; }
.wal1 { width: 47%; float: left; color: #282727; font-size: 15px; text-align: right; padding-right: 2%; }
.wal2 { width: 2%; float: left; color: #282727; font-size: 15px; }
.b-wal { width: 10px; height: 17px; float: left; margin-top: 3px; }
.wal3 { width: 47%; float: left; color: #282727; font-size: 16px; padding-left: 2%; }
.wal { width: 96%; position: fixed; bottom: 0px; }
.wal button { margin: 20px 2%; background: #f26822; color: #ffffff; font-size: 15px; text-align: center; width: 96%; border: 1px solid #f26822; border-radius: 4px; height: 40px; cursor: pointer; outline: 0; }
.pay { width: 47px; height: 13px; float: left; }
.sbi { width: 63px; height: 15px; float: left; }
.mobi { width: 51px; height: 15px; float: left; }
.cit { width: 46px; height: 17px; float: left; }
.payu { width: 57px; height: 15px; float: left; }
/*--Wallet--*/

/*--Payment Option--*/
.pay-m { width: 100%; float: left; display: nne; background-color: #eeeeee; }
.pay-det { width: 96%; float: left; background: #1b5fbd; padding: 0px 2%; height: 40px; }
.pay-bt { float: left; width: 16px; height: 22px; cursor: pointer; margin-right: 8%; margin-top: 8px; }
.hme-ic1 { width: 23px; height: 23px; float: right; display: none; }
.pay-l { width: 50%; float: left; color: #ffffff; }
.pay-l span:nth-child(2) { line-height: 40px; }
.pay-rs { width: 50%; float: left; }
.pay-o { width: 96%; float: left; cursor: pointer; padding: 5% 0%; margin: 2%; background-color: #fff; }
.pay-o1 { width: 96%; float: left; cursor: pointer; padding: 4% 0%; margin: 2%; background-color: #fff; }
.pay-o2 { width: 96%; float: left; cursor: pointer; padding: 4% 0%; margin: 2%; background-color: #fff; }
.pay-om { width: 100%; float: left; }
.pay1 { width: 10%; float: left; margin-left: 3% }
.deb-cr { width: 21px; height: 16px; float: left; }
.pay2 { width: 61%; float: left; padding-left: 25%; }
.grp { left: 10px !IMPORTANT; }
.grp2 { border-bottom: none !important; }
.exry { width: 100%; font-size: 15px; color: #696969; padding: 1% 0% 3% 0%; }
.cv-inp { width: 100%; padding: 2%; border: 1px solid #fff; float: left; margin-right: 2%; -webkit-appearance: none; outline: none; font-size: 15px; color: #000; }
.cv-im { height: 16px; line-height: 35px; outline: none; cursor: pointer; }
.net-cr { width: 22px; height: 25px; float: left;}
.pay2 span:nth-child(1) { width: 100%; display: block; font-size: 13px; font-weight: bold; color: #282727; }
.pay2 span:nth-child(2) { width: 100%; display: block; font-size: 11px; font-weight: bold; color: #969595; }
.pay3 { width: 5%; float: left; }
.wal-cr { width: 26px; height: 16px; float: left;}
.pay-c { width: 100%; }
.btm-pr { width: 100%; padding: 10px 0; position: fixed; bottom: 0; }
.pr1 { width: 52%; float: left; color: #000000; font-size: 15px; text-align: right; padding-right: 2%; }
.pr2 { width: 2%; float: left; color: #000000; font-size: 15px; margin-top: 3px; }
.b-pr { width: 10px; height: 17px;float: left; }
.pr3 { width: 47%; float: left; color: #000000; font-size: 16px; padding-left: 2%; }
.cas-ar { width: 11px; height: 20px; float: left; }
/*--Payment Option--*/

.mnth-y { width: 33%; padding: 2%; color: #999; border: 1px solid #fff; float: left; margin-right: 2%; -webkit-appearance: none; outline: none; font-size: 15px; }
.cy1 { width: 22%; float: right; padding: 1.5%; border: 1px solid #fff; float: left; margin-right: 2%; -webkit-appearance: none; outline: none; background: #fff; }
/*--Credit Card  Option--*/
.cr-car-m { width: 100%; float: left; background-color: #eeeeee; display: one; }
.cr-c { width: 96%; margin: 0 auto; }
.cr-mas { width: 100%; float: left; text-align: right; }
.cr-ms { width: 50%; height: 20px; float: right; margin-right: 2%; margin-top: 10px; }
.cr-det { width: 100%; float: left; }
.rew-cr { float: left; width: 16px; height: 25px; margin-top: 8px; margin-right: 4%; cursor: pointer; }
.tr-cr { width: 96%; float: left; background: #1b5fbd; padding: 0px 2%; color: #ffffff; height: 40px; line-height: 36px; }
.td-cr { color: #ffffff; font-size: 15px; cursor: pointer; }
.cr-no { width: 100%; float: left; color: #c8c8cd; }
.cr-nm { width: 100%; float: left; }
.cr-ex { width: 100%; float: left; }
.ex-l { width: 62%; float: left; margin-right: 3%; }
.ex-r { width: 35%; float: left; }
.sfe-m { width: 100%; float: left; margin-top: 30px; }
.sf { width: 100%; float: left; text-align: center; font-size: 12px; color: #a8a7a7; }
.btm-n { width: 100%; float: left; }
.sec-m { width: 107px; font-size: 14px; color: #a8a7a7; margin: 0 auto; }
.sec-m1 { width: 125px; height: 20px; margin: 20px auto;}
.sec-mn { width: 145px; height: 22px; margin: 20px auto;}
.sa-i { width: 16px; height: 20px;float: left; }
.pr1n { width: 47%; float: left; color: #282727; font-size: 15px; text-align: right; padding-right: 2%; }
.pr2n { width: 2%; float: left; color: #282727; font-size: 15px; }
.b-prn { width: 10px; height: 17px; float: left; margin-top: 3px; }
.pr3n { width: 47%; float: left; color: #282727; font-size: 16px; padding-left: 2%; }
.con-n { width: 100%; float: left; }
.con-n button { margin: 10px 2%; background: #f26822; color: #ffffff; font-size: 15px; text-align: center; width: 96%; border: 1px solid #f26822; border-radius: 4px; height: 40px; cursor: pointer; outline: 0; }
/*--Credit Card  Option--*/
.ex-r-new { width: 97%; float: left; margin: 19px 0; color: #696969; font-size: 13px; }
.ttl select option { border: 1px solid #ccc !important; text-decoration: none; list-style: none; padding: 2% !important; color: #000; border-radius: 3px; background-color: #ccc; }
/* form starting stylings ------------------------------- */
.group { position: relative; }
.group { position: relative; margin-bottom: 0px; font-size: 15px; }
.inp { font-size: 18px; padding: 10px 0px 10px 0px; display: block; width: 100%; margin: 0px 0 0 0; border: none; border-bottom: 1px solid #a7a2a2; }
.inp1 { font-size: 18px; padding: 10px 0px 10px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #a7a2a2; }
.inp-n { font-size: 18px; padding: 10px 0px 10px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #757575; }
input:focus { outline: none; }
/* LABEL ======================================= */
.group label { color: #999; font-weight: normal; position: absolute; pointer-events: none; left: 0px; top: 10px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.group label span { font-size: 9px; }
/* active state */
.group input:focus ~ label, input:valid ~ label {
 top:-20px;
 font-size:10px;
 color:#04bdb7;
}
/* BOTTOM BARS ================================= */
.bar { position: relative; display: block; width: 100%; }
.bar:before, .bar:after { content: ''; height: 2px; width: 0; bottom: 0px; color: #04bdb7; position: absolute; background: #04bdb7; border: none !important; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.bar:before { left: 50%; }
.bar:after { right: 50%; }
.ttl-inp { background-color: #ccc; border: 1px solid #ccc; }
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after { width: 100%; margin: auto; left: 0; right: 0; }
/* HIGHLIGHTER ================================== */
.highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }
/* active state */
input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; }

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {  from {
background:#5264AE;
}
to { width: 0; background: transparent; }
}
@-moz-keyframes inputHighlighter {  from {
background:#5264AE;
}
to { width: 0; background: transparent; }
}
@keyframes inputHighlighter {  from {
background:#5264AE;
}
to { width: 0; background: transparent; }
}
/*--Traveller Detail Ends--*/


/*------Date Picker--------*/
.mai-dv { width: 100%; display: none; }
.tp-d { width: 100%; background-color: #2196f3; padding-top: 6px; }
.m-lt { width: 48%; float: left; }
.m-ct { width: 2%; float: left; height: 46px; border-right: 1px solid #FFF; }
.m-rt { width: 48%; float: right; }
.tp-lt { width: 100%; height: 50px; text-align: center; padding: 8px 0px 0px 0px; color: #FFF; }
.tp-rt { width: 100%; height: 54px; text-align: center; padding: 8px 0px 0px 0px; color: #FFF; }
.bg-whit { border-bottom: 4px solid #FFF; margin-top: 4px; }
.sptx1 { font-size: 15px; font-weight: bold; }
.sec-1-ret { color: #dedede }
.week-sec { width: 100%; background-color: #e0e0e0; padding: 5px 0px; }
.week-sec ul { margin: 0px; padding: 0px; }
.week-sec ul li { margin: 0px; padding: 0px; list-style: none; }
.week-sec ul li span { display: block; float: left; width: 14.2%; text-decoration: none; color: #000; text-align: center; }
.month-n-dat-sec { width: 100%; padding-top: 5px; }
.mon-dat-over { overflow: auto; }
.mon-n-dat { width: 100%;background: #fafafa; }
.mon-tit { width: 100%; text-align: center; font-size: 18px; color: #000; padding: 10px 0px; }
.date-sct { width: 100%; }
.date-sct ul { margin: 0px; padding: 0px; }
.date-sct ul li { margin: 0px; padding: 0px; list-style: none; }
.date-sct ul li span { 
    margin: .5%;
    padding: 0;
    list-style: none;
    height: 40px;
    line-height: 40px;
    float: left;
    width: 13.2%;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    font-size: 14px; }
#stickyheader { width: 100%; height: 10px; }
#stickyheaderCal { width: 100%; height: 10px; }
#stickyalias { display: none; height: 10px; }
.active-date { background-color: #2196f3 !important; color: #FFF !important; }
.old-dt { color: #c9c7c7 !important; pointer-events: none; }
.old-month-dt { display: none; }
/*------Date Picker--------*/


.fli_autosugst {
    width: 100%;
    background: #fff;
    height: auto;
    padding: 0;
    float: left;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 1px 10px rgb(0 0 0 / 4%), 0 4px 5px rgb(0 0 0 / 6%);
	position: relative;
    z-index: 1;
}
.fli-c-blv2 {
    width: 90%;
    margin: 0 auto;
}
.sel_fullblock {
    width: 100%;
    float: left;
}
.arw_wrap {
    width: 30px;
    float: left;
}
.arrBlack {
    width: 15px;
    height: 14px;
    display: inline-block;
    background: url(https://images.emtcontent.com/common/left-arrow.svg) no-repeat 0 0;
    background-size: 15px 15px;
    margin: 19px 8px 0 0;
    vertical-align: middle;
}
.input_autosugst {
    float: left;
    width: calc(100% - 30px);
}
.input_autosugst_inner {
    font-size: 17px;
    padding: 16px 0;
    display: block;
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #a7a2a2; */
    outline: none;
	font-family:'Lato', sans-serif;
}

@media only screen and (min-width:120px) and (max-width:250px){
.bok-bus2{padding:0 4%; height:30px; line-height:30px;}
.bok-bus-tx{font-size:12px;}
.bus-one2{font-size:12px;}
.radio label::before{width:14px; height:14px; border:2px solid #1b5fbd;}
.radio label::after{width:7px; height:7px; left:4px; top:4px;}
.p-from{font-size:11px; margin:0;}
.inp-val3{font-size:13px;}
.p-to{font-size:11px; margin:0; float:left; text-align:right; width:100%;}
.inp-val-to	{font-size:13px; text-align:right; float:right; width:100%;}
.mob-img2{background-size: 76px 95px;background-position: 0px -15px; width:20px; height:20px;}
.mob-from{height:auto; width:45%;}
.mob-from-to{height:auto; width:45%;}
.form-new{height:auto;}
.to-new{height:auto;}
.depar-date-n{width:100%;}
.fnt{font-size:26px;}
.depar-date-n2{width:100%;}
.fnt2{font-size:12px;}
.dte2{margin-top:4px;}
.dte4{font-size:12px;}
.frm-dpt-l{width:30px;}
.srch-bn{font-size:15px;}
.frm-dpt-r{font-size:12px;}
.inp1{font-size:12px;}
.rct-arw-tx{margin-top:10px; font-size:12px; padding-left:2%;}
.sptx1{font-size:11px; font-weight:normal;}
.m-ct{height:30px;}
.tp-lt{height:auto;}
.week-sec ul li span{font-size:10px;}
.mon-tit{font-size:12px;}
.date-sct ul li span{font-size:12px;}
.mnu{background-position: -28px -4px;background-size: 125px 151px; width:17px; height:17px;}
.rcnt-src2-ar{background-size: 148px 162px; height:18px; margin-top:0;}
.rcnt-src2-tx{font-size:12px;}
.rcnt-src2{height:auto; line-height:normal; padding:5px 5%;}













	
	
	
}
