
@font-face {
    font-family: 'robotomedium';
    src: url('../../fonts/roboto-medium-webfont.eot');
    src: url('../../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-medium-webfont.woff2') format('woff2'),
		url('../../fonts/roboto-medium-webfont.woff') format('woff'),
		url('../../fonts/roboto-medium-webfont.ttf') format('truetype'),
		url('../../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../../fonts/roboto-regular-webfont.eot');
    src: url('../../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-regular-webfont.woff2') format('woff2'),
		url('../../fonts/roboto-regular-webfont.woff') format('woff'),
		url('../../fonts/roboto-regular-webfont.ttf') format('truetype'),
		url('../../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../../fonts/roboto-light-webfont.eot');
    src: url('../../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-light-webfont.woff2') format('woff2'),
		url('../../fonts/roboto-light-webfont.woff') format('woff'),
		url('../../fonts/roboto-light-webfont.ttf') format('truetype'),
		url('../../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{height:100%;}
body{min-height:100%;position:relative;}
ul, li{list-style:none; margin:0; padding:0;}
a:hover, a:active, a:focus{text-decoration:none; outline:none;}
label{color:#707070; font-size:16px; font-weight:normal;}
.form-control{border-radius:2px; box-shadow:none; font-size:14px; height:40px;}
.padding0{padding:0}
.paddingR0{padding-right:0}
.paddingL0{padding-left:0}

/*comman sprite css*/
.middlewrap .tabs .nav-tabs li a i.flight, .middlewrap .tabs .nav-tabs li a i.hotel, .middlewrap .tabs .nav-tabs li a i.bus, .middlewrap .tabs .nav-tabs li a i.cab, .middlewrap .tabs .nav-tabs li a i.train, .classdrop a .caret, .middlewrap .tabs .tab-content .journey .presearch i, .middlewrap .map > i, .middlewrap .cal > i, .middlewrap .tabs .tab-content .hform .form-group .classtravel i, .middlewrap .tabs .tab-content .hform .form-group .collapsed i, .middlewrap .tabs .tab-content .hform .form-group  .railway i, .middlewrap .tabs .tab-content .qklink ul li a i, .visabg .tabs .tab-content .search span i, .visabg .tabs .tab-content .countries li a .icon, .middlewrap .tabs .tab-content .journey .presearch ul p span.close, .middlewrap .tabs .tab-content .journey .presearch ul li a .arrow, .middlewrap .tabs .tab-content .journey .presearch ul li a .arrow2, .middlewrap .tabs .tab-content .journey .presearch .dropdown-menu .top_arrow, .ui-autocomplete-category .area i, .ui-autocomplete-category .landmark i, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span, .middlewrap .tabs .tab-content .journey .radioswitch label i, .middlewrap .container .tabs li.dropdwn ul li .arrow, .classdrop .txtfild .caret, .mob_head span.srchtxt i, .srchdta .outer i, section.content .extrapnt li.tkt .icon, section.content .extrapnt li.bustkt .icon, section.content .extrapnt li.inven .icon{background: url('//akam.cdn.jdmagicbox.com/images/icontent/travel/sprite.png') no-repeat;}

.maincontainer{padding-bottom:60px;background:#ffffff;}
/*top css*/
.topwrap header{padding:20px 0 15px 0; float:left;}
.topwrap header .jd_logo{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/jd_logo.png') no-repeat; height: 29px; width: 158px; display:inline-block;}
.topwrap header .jd_logo span{color: #757575;font-size: 12px;margin: 13px 0 0;}
.topwrap header .links{ margin: 16px -6px 0 0;}
.topwrap header .links a {color: #9b9b9b;float: left;font-size: 12px;line-height: 11px;padding: 0 10px;}
.topwrap header .links ul {float: left;margin: 0 0 0 2px;}
.topwrap header .links ul li {border-left: 1px solid #9b9b9b;float: left;}
.topwrap header .links ul li:first-child {border: 0 none;}
.topwrap header .links ul li a {color: #9b9b9b;float: left;font-size: 12px;line-height: 11px;padding: 0 10px;transition: all 1s ease 0s;}
.topwrap header ul.nav{margin:20px 0 0 0; clear:left;}
.topwrap header ul.nav li a{font-size:15px; color:#000; padding:5px 4px;}
.topwrap header ul.nav li a:hover{background:none;}
.topwrap header ul.nav li.selected a{color:#1273c0; border-bottom:2px solid #1273c0;background:#ffffff;}
/*middle css*/
.middlewrap{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/Web_BG.jpg') no-repeat center; background-size:cover;box-shadow:0 0px 7px #252525 inset; padding:20px 0 20px 0}
.middlewrap .tabs{width:850px; margin:0 auto;}
.middlewrap .tabs .nav-tabs{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/tabs-trans1.png') repeat; border:0; border-top-left-radius:10px; border-top-right-radius:10px;}
.middlewrap .tabs .nav-tabs li:first-child{border-top-left-radius:10px; overflow:hidden;}
.middlewrap .tabs .nav-tabs li.active:first-child a{border-radius:0;border-top-left-radius:10px;}
.middlewrap .tabs .nav-tabs li.active a{color:#1d253c;}
.middlewrap .tabs .nav-tabs li a{font-size:14px; color:#fff; text-align:center; float:left; border:0; width:126px; border-radius:0; border-right:1px solid #525D65;margin:0; padding:18px 10px;}
.middlewrap .tabs .nav-tabs li a:hover{background:none;}
.middlewrap .tabs .nav-tabs li a span{float:left; width:100%;}
.middlewrap .tabs .nav-tabs li.active a{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/tabs-trans2.png') repeat;}
.middlewrap .tabs .nav-tabs li a i.flight{background-position:-4px -6px;width: 44px;height: 35px; display:inline-block;}
.middlewrap .tabs .nav-tabs li.active a i.flight{background-position:-4px -46px;}
.middlewrap .tabs .nav-tabs li a i.hotel{background-position:-57px -8px;width: 44px;height: 35px; display:inline-block;}
.middlewrap .tabs .nav-tabs li.active a i.hotel{background-position:-57px -48px;}
.middlewrap .tabs .nav-tabs li a i.bus{background-position:-111px -6px;width: 32px;height: 35px; display:inline-block;}
.middlewrap .tabs .nav-tabs li.active a i.bus{background-position:-111px -46px;}
.middlewrap .tabs .nav-tabs li a i.cab{background-position:-152px -6px;width: 36px;height: 35px; display:inline-block;}
.middlewrap .tabs .nav-tabs li.active a i.cab{background-position:-152px -46px;}
.middlewrap .tabs .nav-tabs li a i.train{background-position:-193px -5px;width: 34px;height: 35px; display:inline-block;}
.middlewrap .tabs .nav-tabs li.active a i.train{background-position:-193px -45px;}
.middlewrap .tabs .tab-content{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/tabs-trans3.png') repeat; padding:15px 15px 30px 15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.middlewrap .tabs .tab-content .journey label{color:#fff; font-size:18px; font-weight:normal;}
.middlewrap .tabs .tab-content .journey .radioswitch{}
.middlewrap .tabs .tab-content .journey .radioswitch label i{background-position:-6px -136px;width: 13px;height: 13px; display:inline-block; float:left; margin:4px 5px 0 0}
.middlewrap .tabs .tab-content .journey .radioswitch label.active i{background-position:-25px -136px;}
.middlewrap .tabs .tab-content .journey label input{margin:7px 5px 0 0; float:left;}
.middlewrap .tabs .tab-content .journey .presearch{text-align:right; width:200px; position:relative;}
.middlewrap .tabs .tab-content .journey .presearch a{color:#36d6e5; font-size:14px; text-decoration:underline; float:right; margin:0; padding:0;}
.middlewrap .tabs .tab-content .journey .presearch span{float:right;}
.middlewrap .tabs .tab-content .journey .presearch i{background-position:-112px -134px;width: 23px;height: 20px; display:inline-block; float:right;}
.middlewrap .tabs .tab-content .journey .presearch .dropdown-menu{right:15px; padding:0; background:none; width:260px; border:0;}
.middlewrap .tabs .tab-content .journey .presearch .dropdown-menu .top_arrow{background-position:-30px -176px;width: 18px;height: 7px; margin-right:45px;}
.middlewrap .tabs .tab-content .journey .presearch ul  li{float:left; width:100%; background:#fff; border-bottom:1px solid #dfdfdf}
.middlewrap .tabs .tab-content .journey .presearch ul  li:first-child{border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;background:none;}
.middlewrap .tabs .tab-content .journey .presearch ul  li:last-child a, .middlewrap .tabs .tab-content .journey .presearch ul  li:last-child{border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.middlewrap .tabs .tab-content .journey .presearch ul p{background: #289eab;padding: 8px 20px;overflow: hidden; margin:0;}
.middlewrap .tabs .tab-content .journey .presearch ul p span{font-size: 12px;float: left; color:#fff;}
.middlewrap .tabs .tab-content .journey .presearch ul p span.close{background-position: -143px -140px;width: 10px;height: 10px;display: inline-block;float: right;margin: 3px -5px 0 0;cursor: pointer; opacity:1;}
.middlewrap .tabs .tab-content .journey .presearch ul li a{padding: 8px 0;float: left;width: 100%;}
.middlewrap .tabs .tab-content .journey .presearch ul li a .city{float: left;width: 90px;margin: 0 0 0 20px;}
.middlewrap .tabs .tab-content .journey .presearch ul li a .city .first{float: left;font-size: 12px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90px;}
.middlewrap .tabs .tab-content .journey .presearch ul li a .city .second{float: left;font-size: 11px;color: #7e7e7e; clear: left;}
.middlewrap .tabs .tab-content .journey .presearch ul li a .arrow{float: left;background-position:-130px -174px;width: 14px;height: 16px;display: inline-block;margin: 2px 28px 0 10px;}
.middlewrap .tabs .tab-content .journey .presearch ul li a .arrow2{float: left;background-position:-104px -172px;width: 14px;height: 21px;display: inline-block;margin: 2px 28px 0 10px;}
.middlewrap .tabs .tab-content .journey .presearch ul li a .destination{float: left;font-size: 12px; color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90px;}
.middlewrap .tabs .tab-content .hform .form-group{margin:5px 0}
.middlewrap .tabs .tab-content .hform .form-group .map, .middlewrap .tabs .tab-content .hform .form-group .cal{position:relative;}
.middlewrap .map > i{width:17px; height:24px; background-position:-35px -207px; display:inline-block; position:absolute; top:6px; left:6px;}
.middlewrap .cal > i{width:22px; height:22px; background-position:-6px -206px; display:inline-block; position:absolute; top:8px; left:6px; display:none;}
.middlewrap .tabs .tab-content .hform .form-group .map input{padding:6px 12px 6px 28px; color:#555;}
.middlewrap .tabs .tab-content .hform .form-group .map input.ui-autocomplete-input{text-transform:capitalize;}
.middlewrap .tabs .tab-content .hform .form-group .cal input{padding:6px 12px 6px 35px; background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/trvl_calicn.png') no-repeat 7px 4px #fff; cursor:pointer;}
.middlewrap .tabs .tab-content .hform .form-group .classtravel{color:#36d6e5; font-size:17px; background:none; padding:6px 0; border:0;}
.middlewrap .tabs .tab-content .hform .form-group .classtravel i{background-position:-55px -168px; width:12px; height:12px; display:inline-block;margin:0 5px 0 0}
.middlewrap .tabs .tab-content .hform .form-group .collapsed i{background-position:-55px -183px;}
.middlewrap .tabs .tab-content .hform .form-group .inputbtn{font-size:22px; color:#fff; width:163px; background:#048bd1; font-weight:normal; border-radius:2px;}
/*dropdown css*/
.classdrop{width:100%;}
.classdrop .txtfild{position:relative; float:left; width:100%;}
.classdrop .txtfild .caret{position:absolute; top: 18px;right: 10px;border: 0;background-position: -34px -186px;width: 10px;height: 5px;display:inline-block;}
.classdrop .txtfild input{width:100%; border-radius:2px; padding:10px; text-align:left; color:#555;}
.classdrop a{width:100%; text-align:left; border-radius:2px; border:0; padding:0 12px; background:#fff; font-size:14px; line-height:40px; color:#555; position:relative; text-transform:capitalize;}
.classdrop a .caret{top:18px; right:10px; border:0; background-position:-34px -186px;width: 10px;height: 5px; display:inline-block; position:absolute;}
.classdrop .dropdown-menu{min-width:100%; width:100%; border-radius:0; padding:0;}
.classdrop .dropdown-menu li{font-size:18px; color:#666}
.classdrop .dropdown-menu li a{line-height:36px; padding:0 12px 0 20px; float:left;}
.classdrop a.blu{background:#d6dced;}

.middlewrap .tabs .tab-content .hform .form-group #classtrvlcol{margin-left:-15px;}
.middlewrap .tabs .tab-content .hform .form-group .roomsbtn{font-size:16px; background:#d0d0d0; color:#4b4b4b; width:100%;padding:8px 12px}
.middlewrap .tabs .tab-content .hform .form-group .inputoth{margin:15px 0 0 0}
.middlewrap .tabs .tab-content .hform .form-group  .railway{font-size:17px; color:#fff;}
.middlewrap .tabs .tab-content .hform .form-group  .railway i{float:right; width:45px; height:42px; background-position:-152px -87px; margin:-14px 0 0 0;}
.middlewrap .tabs .tab-content .qklink{border-left:1px solid #545454; padding:0 35px 0 20px;}
.middlewrap .tabs .tab-content .qklink h3{font-size:18px; color:#e0e0e0; margin:0 0 10px 0;}
.middlewrap .tabs .tab-content .qklink ul li{float:left; width:100%; clear:left; padding:15px 0; border-top:1px solid #545454;}
.middlewrap .tabs .tab-content .qklink ul li:first-child{border:0;}
.middlewrap .tabs .tab-content .qklink ul li:last-child{padding-bottom:2px;}
.middlewrap .tabs .tab-content .qklink ul li a{color:#fff; font-size:13px; float:left;}
.middlewrap .tabs .tab-content .qklink ul li a i{float:left; margin:0 15px 0 0; width:19px;}
.middlewrap .tabs .tab-content .qklink ul li a span{float:left;}
.middlewrap .tabs .tab-content .qklink ul li a.pnr i{background-position:-4px -93px;height: 18px;}
.middlewrap .tabs .tab-content .qklink ul li a.trainavail i{background-position:-32px -92px;height: 19px;}
.middlewrap .tabs .tab-content .qklink ul li a.canceltick i{background-position:-61px -96px;height: 12px; margin-top:4px;}
.middlewrap .tabs .tab-content .qklink ul li a.maslist i{background-position:-83px -92px;height: 19px; margin-top:2px;}
.middlewrap .tabs .tab-content .qklink ul li a.lnkacc i{background-position:-112px -92px;height: 19px;}

/*flight css*/
.flightbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/flight.jpg') no-repeat center;}
/*hotel css*/
.hotelbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/hotel.jpg') no-repeat center;}
/*bus css*/
.busbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/bus.jpg') no-repeat center;}
/*cab css*/
.cabbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/cab.jpg') no-repeat center;}
/*train css*/
.trainbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/railway.jpg') no-repeat center;}
/*visa css*/
.visabg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/visa.jpg') no-repeat center;}
.visabg .tabs .tab-content{background:#fff; border-radius:10px;}
.visabg .tabs .tab-content .search .col-sm-8 span{border:1px solid #c1c1c1; width:100%; float:left; position:relative; border-radius:2px;}
.visabg .tabs .tab-content .search span i{background-position:-172px -145px;width: 28px;height: 28px; position:absolute; top:10px; left:10px;}
.visabg .tabs .tab-content .search span input{padding:25px 10px 25px 50px; border:0; outline:none; font-size:22px; color:#5c5c5c;}
.visabg .tabs .tab-content .countries{clear:left; padding:10px 0; margin:0;}
.visabg .tabs .tab-content .countries li{margin:8px 0 8px 0; text-align:center; float:left;}
.visabg .tabs .tab-content .countries li a{color:#000; font-size:16px; cursor:pointer;}
.visabg .tabs .tab-content .countries li a span{margin:7px 0 0 0; float:left;}
.visabg .tabs .tab-content .countries li a .icon{width:31px;height:31px;margin:0 10px 0 0;display:inline-block;}
.visabg .tabs .tab-content .countries li a.australia .icon{background-position:-9px -246px;}
.visabg .tabs .tab-content .countries li a.austria .icon{background-position:-51px -245px;}
.visabg .tabs .tab-content .countries li a.belgium .icon{background-position:-98px -246px;}
.visabg .tabs .tab-content .countries li a.canada .icon{background-position:-9px -295px;}
.visabg .tabs .tab-content .countries li a.china .icon{background-position:-51px -293px;}
.visabg .tabs .tab-content .countries li a.cyprus .icon{background-position:-97px -291px;}
.visabg .tabs .tab-content .countries li a.denmark .icon{background-position:-9px -343px;}
.visabg .tabs .tab-content .countries li a.france .icon{background-position:-51px -340px;}
.visabg .tabs .tab-content .countries li a.germany .icon{background-position:-97px -340px;}
.visabg .tabs .tab-content .countries li a.greece .icon{background-position:-9px -391px;}
.visabg .tabs .tab-content .countries li a.hungary .icon{background-position:-51px -388px;}
.visabg .tabs .tab-content .countries li a.iceland .icon{background-position:-97px -391px;}
.visabg .tabs .tab-content .countries li a.ireland .icon{background-position:-9px -440px;}
.visabg .tabs .tab-content .countries li a.italy .icon{background-position:-51px -437px;}
.visabg .tabs .tab-content .countries li a.japan .icon{background-position:-98px -440px;}
.visabg .tabs .tab-content .countries li a.luxembourg .icon{background-position:-9px -488px;}
.visabg .tabs .tab-content .countries li a.malaysia .icon{background-position:-51px -487px;}
.visabg .tabs .tab-content .countries li a.malta .icon{background-position:-97px -487px;}
.visabg .tabs .tab-content .countries li a.netherland .icon{background-position:-9px -537px;}
.visabg .tabs .tab-content .countries li a.poland .icon{background-position:-51px -536px;}
.visabg .tabs .tab-content .countries li a.portugal .icon{background-position:-97px -537px;}
.visabg .tabs .tab-content .countries li a.korea .icon{background-position:-9px -584px;}
.visabg .tabs .tab-content .countries li a.saudiarabia .icon{background-position:-51px -586px;}
.visabg .tabs .tab-content .countries li a.singapore .icon{background-position:-97px -586px;}
.visabg .tabs .tab-content .countries li a.solvenia .icon{background-position:-9px -633px;}
.visabg .tabs .tab-content .countries li a.southafrica .icon{background-position:-51px -635px;}
.visabg .tabs .tab-content .countries li a.spain .icon{background-position:-97px -635px;}
.visabg .tabs .tab-content .countries li a.srilanka .icon{background-position:-9px -682px;}
.visabg .tabs .tab-content .countries li a.sweden .icon{background-position:-51px -684px;}
.visabg .tabs .tab-content .countries li a.switzerland .icon{background-position:-97px -682px;}
.visabg .tabs .tab-content .countries li a.thailand .icon{background-position:-9px -730px;}
.visabg .tabs .tab-content .countries li a.turkey .icon{background-position:-51px -733px;}
.visabg .tabs .tab-content .countries li a.uaedubai .icon{background-position:-97px -732px;}
.visabg .tabs .tab-content .countries li a.uk .icon{background-position:-9px -778px;}
.visabg .tabs .tab-content .countries li a.usa .icon{background-position:-51px -778px;}
/*foreign exchange css*/
.foreignbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/forex.jpg') no-repeat center;}
/*mobile sim css*/
.mobilesimbg{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/sim.jpg') no-repeat center;}
/*flight css*/
.flightbg .tab-content, .hotelbg .tab-content, .busbg .tab-content, .cabbg .tab-content, .trainbg .tab-content{border-radius:10px;}

/*pages middle content*/
.middlewrap .tabs .tab-content .search{box-shadow:0 -5px 10px #dedede inset; padding:10px 0 20px 0}
.middlewrap .tabs .innerpages{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/tabs-trans2.png') repeat; border-radius:10px; padding:15px 0 30px 0;}
.middlewrap .tabs  .innerpages .middlecontent{padding:50px 0}
.middlewrap .tabs  .innerpages .middlecontent h3{font-size:24px; color:#fd7814; text-align:center;}
.middlewrap .tabs  .innerpages .middlecontent p{font-size:18px; color:#1e1e1e; text-align:center;}
.middlewrap .tabs  .innerpages .middlecontent p a{color:#1273c0; font-size:18px; text-decoration:underline;}

/*date picker css*/
.ui-datepicker{border:0; border-radius:3px; box-shadow:2px 0 6px #000; padding:0 0 5px 0; width:300px;}
.ui-datepicker .ui-datepicker-header{background:#f3f3f3;border:0; border-bottom:1px solid #ccc; border-radius:0; border-top-left-radius:3px; border-top-right-radius:3px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span{font-weight:normal; color:#000; font-size:16px; font-family:robotolight;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month{text-transform:uppercase;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{font-size:15px;}
.ui-datepicker .ui-datepicker-header a{width: 8px;height: 15px; border-radius:0; top:8px; cursor:pointer}
.ui-datepicker .ui-datepicker-header a:hover{border:0; background:none; top:8px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:8px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:8px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover{left:8px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover{right:8px;}
.ui-datepicker .ui-datepicker-header a span{top:0; left:0; margin:0; width: 8px;height: 15px; display:inline-block;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{background-position:-211px -162px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span{background-position:-15px -176px;}
.ui-datepicker .ui-datepicker-calendar{width:98%; margin:0 auto;}
.ui-datepicker .ui-datepicker-calendar thead{border-bottom:1px solid #ccc;}
.ui-datepicker .ui-datepicker-calendar th{padding:3px 5px}
.ui-datepicker .ui-datepicker-calendar th span{color:#7A7A80; font-weight:bold; font-family:robotolight; text-transform:uppercase; font-size:12px;}
.ui-datepicker .ui-datepicker-calendar tr td{text-align:center; padding:4px 0;}
.ui-datepicker .ui-datepicker-calendar tr td .ui-state-default{background:none; font-family:robotolight; border:0; text-align:center; width:auto;padding:3px 6px; float:none; display:inline-block;}
.ui-datepicker .ui-datepicker-calendar tr td .ui-state-default{padding:4px 0; width:28px;}
.ui-datepicker .ui-datepicker-calendar tr td .ui-state-highlight{background:#d0d0d0; border-radius:50%;}
.ui-datepicker .ui-datepicker-calendar tr td .ui-state-active{background:#50d2c2; border-radius:50%;}
.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled .ui-state-default{color:#aaa;}

/*auto complete css*/
.ui-autocomplete{overflow-y:auto; overflow-x:hidden; border:0; /*max-height:150px;*/ max-height:230px; box-shadow:0 2px 5px #252525}
.ui-autocomplete li.ui-menu-item {padding:8px 0 8px 15px; border:0; background:none; margin:0; line-height:20px; font-size:15px; text-transform:capitalize; float:left; width:100%;}
/*categories autocomplete css*/
.ui-autocomplete-category{line-height:40px; float:left; width:100%;}
.ui-autocomplete-category span{color:#bbbaba; font-size:17px; float:left; width:100%;}
.ui-autocomplete-category span span{width:auto; line-height:34px;}
.ui-autocomplete-category i{float:left; display:inline-block; margin:11px 10px 0 10px;}
.ui-autocomplete-category .area i{background-position:-58px -209px;width: 11px;height: 19px; position:relative; float:left; margin:8px 10px 0 16px;}
.ui-autocomplete-category .landmark i{background-position:-76px -175px;width: 17px;height: 17px; position:relative; float:left; margin:8px 10px 0 6px;}

/*custom scrollbar*/
.customeScrollBar{max-height:150px;}
.mCSB_inside>.mCSB_container{margin-right:10px;}
.mCSB_scrollTools{width:9px;}
.mCSB_scrollTools .mCSB_draggerRail{width:5px; border-radius:0; background:#d5d5d5}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; border-radius:0; opacity:1; background:#4d4d4d}
.customscroll{overflow-y:auto; max-height:150px;}

/*footer css*/
.innerfooter{clear: left;color: #a4a4a4;display: table;font-size: 11px;margin:0 auto;padding:20px 0;text-align: center;width: 100%; position:absolute; bottom:0;}
.innerfooter .jd {background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/jd_footer.png') no-repeat;height: 12px;width: 79px; display:inline-block;}
.innerfooter span a{color: #424242; font-size: 11px;}


/*modal center css*/
.modal {text-align: center;padding: 0!important;} .modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;} .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

/*login css*/
.modal-open{overflow-y:scroll; padding-right:0 !important;}
.loginpop .modal-dialog{width:422px;}
.loginpop .modal-content{width:420px; padding:60px 40px 40px 40px;overflow:hidden; position:relative;}
.jcl{width:29px; height:29px; display:inline-block; background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/cls.png') no-repeat center; position:absolute; top:10px; right:10px; cursor:pointer}
.loginpop .jpbg{width:auto;padding:0;}
.jpbg p {float: left;padding: 0 0 10px;}
.jpbg label {float: left;color: #424242;font-size: 14px;width: 100px;padding: 8px 10px 0 0;}
.jpbg .jinp {display: inline-block;border: 1px solid #cbcbcb;font-size: 16px;height: 32px; width: 237px;float: left; margin: 0; padding: 4px 0 4px 4px;}
.jerr{clear: left;color: red;font-size: 12px;text-align: center;margin: 0 auto 10px;width: 100%;text-align: left;}
.jfp {float: left;width: 250px;text-align: left;margin: 7px 0 0;}
.jfp a {color: #1274c0;font-weight: normal; font-size:12px;}
.jbtn {background: #53b1e5;color: #fff;font-weight: normal;border: 0;float:right;overflow: visible;cursor: pointer;margin: 0;padding: 6px 13px;}

/*forgot password css*/
.forgotpop .modal-dialog{width:458px;}
.forgotpop .modal-content{width:456px; padding:60px 40px 40px 40px;overflow:hidden; position:relative;}
.loginhdr {font-size: 18px;font-weight: bold;margin: 0 5px 10px 0; float:left;}
.jpbgc .para {font-size: 12px;float:left;margin:6px 0 5px;}
.jpbgc .finp {border: 1px solid #cbcbcb;display: inline-block;font-size: 16px;height: 32px; width: 374px; margin: 0 0 10px;padding:4px 0 4px 4px;}
.captcha {border: 1px solid #1274c0;width: 104px;height: 32px;display: inline-block;float: left;}
.jpbgc .finps {border: 1px solid #cbcbcb;display: inline-block;font-size: 16px;height: 32px;width:260px;float: left;margin: 0 0 10px 10px;padding:4px 0 4px 4px;}
.lgftr {clear: both;display: block;text-align: center;margin: 20px 0 0; float:left; width:100%;}
.lgftr .jbtn{float:none;}
.forgotpop .modal-dialog .jpbgc{padding:0;position:static;}

/*forgot password send css*/
.forgotsend .modal-dialog{width:500px;}
.forgotsend .modal-dialog .modal-content{width:500px; padding:40px 0px 20px;overflow:hidden; position:relative;}
.forgotsend .modal-dialog .modal-content #smsg{font-size:13px;}
.forgotsend .modal-dialog .modal-content .jpbg{width:100%;}

/*form validation error css*/
.custerr{width:100%; border:2px solid #b00000; border-radius:3px; background:#ddc7cf; padding:3px 0 3px 10px;}
.custerr li{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/error_icon_wap.png') 0 1px no-repeat; padding:0 0 0 25px; margin:5px 0; font-size:14px; color:#b00000}
.errbx{border:2px solid #b00000;}

/*Range css*/
.rangeout{float:left; background:#fff; border-radius:2px; height:40px; display:table}
.rangeout span{width:30%; text-align:center; font-size:20px; cursor:pointer; color:#555; padding:6px 0;}
.rangeout .minus{float:left;}
.rangeout .val{float:left; width:40%; color:#555; text-align:center; border:0; font-size:16px; outline:none; padding:9px 0;}
.rangeout .plus{float:right;}

/*content css*/
section.content{width:1030px;margin: 0 auto;padding:20px 15px;display:table;}
section.content.pad0{padding:0;}
section.content1{width:1030px;margin: 0 auto;padding: 10px 0;display:table;}
section.content1.brdcrbk{padding:0;margin:10px auto 0;}
section.content1.brdcrbk .pad0{padding:0;}
section.content1.brdcrbk .breadcrumb{margin:0;background:none;}
section.content h1:not(.abthdr){font-size: 16px;color: #2f2f2f;font-weight: bold;line-height: 35px;float: left;clear: left; margin:10px 0 5px 0;}
section.content p{color: #535353;float: left;clear: left;width: 100%;margin: 0 0 20px 0; font-size:13px;}
section.content p .hlight {color: #FD6C01; float: none;clear: none;}
section.content h2:not(.abthdr) {font-size: 16px;color: #2f2f2f;font-weight: bold;line-height: 35px;float: left;clear: left; margin:10px 0 5px 0;}
section.content .extrapnt {float: left;width:100%;margin: 10px 0 0 0;/*background: url('//akam.cdn.jdmagicbox.com/images/icontent/travel/travel_lower_shadow.png') no-repeat center bottom;*/padding: 0 0 45px 0;}
section.content .extrapnt li {float: left;width:50%;border-left: 1px dashed #676767;padding: 10px 15px 10px 25px;}
section.content .extrapnt li:first-child {border: 0; padding: 10px 15px 10px 15px;}
section.content .extrapnt li .icon {display: inline-block;float: left;}
section.content .extrapnt li.tkt .icon{background-position:-79px -133px;width: 27px;height: 25px;}
section.content .extrapnt li .title {float: left;font-size: 13px;color: #2f2f2f;margin: 2px 0 0 12px;clear: none;line-height: 16px;}
section.content .extrapnt li .desc {float: left;clear: left;font-size: 12px;color: #2f2f2f;margin: 6px 0 0 0;width: 100%;}
section.content .extrapnt li.bustkt .icon {background-position:-47px -134px;width: 27px;height: 25px;}
section.content h5 {font-size: 12px;color: #2f2f2f;font-weight: bold;float: left;clear: left;width: 100%; margin:0;}
section.content .extlnks a {color: #2f2f2f;font-size: 11px;transition: all 0.3s;}
section.content .extlnks a:hover{color: #FD6C01;}
section.content .extlnks span {clear: none;padding: 0 4px;line-height: 14px;font-size: 11px;float: none;}
section.content .avlciti{float:left; width:100%;}
section.content .avlciti h2{width:100%;}
section.content .avlciti ul{float: left;width:100%;margin:0;}
section.content .avlciti ul li{float:left; width:25%; padding:0 10px 0 0;}
section.content .avlciti ul li a {color: #222222;font-size: 12px;transition: all 0.3s;}
section.content .avlciti ul li a:hover{color: #FD6C01;}
section.content .extrapnt li.inven .icon{background-position:-160px -208px;width: 36px;height: 20px;}
section.content .top_shadow {background: url('../img/travel_upper_shadow.png') no-repeat center bottom;width: 100%;clear: left;float: left;height: 15px;}
section.content .pophtl{width:100%; float:left; clear:left;}
section.content .pophtl ul{float:left;}
section.content .pophtl ul li{float:left; width:160px;}
section.content .pophtl ul li a {color: #222222;font-size: 12px;transition: all 0.3s;}
section.content .pophtl ul li a:hover{color: #FD6C01;}
.cabprodrop{display:none !important}

/*New Seo Related Changes*/


.abthdr{width:100%;font-size:18px;color:#ff6c00;display:block;}
.abtcnt{font-size:13px;width:100%;display:block;color:#747474;line-height:27px;padding: 5px 0 10px;}
.route_tbl{display:table;width:100%;padding: 10px 0;}
.route_tbl table{width:100%;font-size:14px;color:#747474;}
.route_tbl table th {background-color:#F3F3F3;font-size:15px}
.route_tbl table th,.route_tbl table td{padding:8px 12px;text-align:left;}
.route_tbl table  .cent{text-align:center;}
.route_tbl table tr:nth-child(even){background-color:#ffffff;border-bottom:1px solid #e4e4e4}
.route_tbl table tr:nth-child(odd){background-color:#F5FAFE;border-bottom:1px solid #e4e4e4;}
.seledat{display:inline-block;color:#ffffff;background-color:#74C3EC;border-radius:5px;padding: 4px 25px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border:none}
/*Popular Route Css*/
.poplrwp{background:#f9f9f9;padding:15px 20px;border-top:1px solid #e4e4e4;}
.poplrwp .poplrdv{padding:0;}
.poplrwp .poplrdv .poplrtxt{color:#747474;font-size:13px;width:100%;float:left;padding-bottom:10px;}
.poplrwp .poplrdv .poplrul{width:100%;float:left;}
.poplrwp .poplrdv .poplrul li{width:33.33%;float:left;}
.poplrwp .poplrdv .poplrul li a{color:#999999;font-size:12px;font-weight:300;padding-bottom:5px;float:left;}
.poplrwp .poplrdv .poplrul li a.mre{text-decoration:underline;}
/*Popular Route Css End*/

/*Bus Route Css*/
.bsrutwp{padding:0;}
.bsrutwp .bsrutspn{float:left;}
.bsrutwp .bsrutspn .bsrte{float:left;font-size:15px;color:#424242;font-weight:300;}
.bsrutwp .bsrutspn .byalpbt{font-size:12px;color:#747474;float:left;font-style:italic;margin:3px;}
.bsrutwp .bkbtn{font-size:13px;color:#1274c0;float:right;}

.bsrutwp .alphwpr{background:#e3f3ff;float:left;width:100%;padding:0 15px;}
.bsrutwp .alphwpr a{width:6.25%;float:left;font-size:15px;text-align:center;padding:10px 0;color:#1274c0;}
.bsrutwp .alphwpr a:hover{color:#ff6c00;}
.stnbsrt{color:#424242;font-size:15px;float:left;margin:10px 0;}
.bsrutwp .alphwpr a.bktxt{float:right;width:auto;}

.pgidxselected{border-bottom: 3px solid #ff6c00;color: #ff6c00;}
/*Bus Route Css End*/

/*Bread Crum Css*/
.brdcrmwp{padding:25px 15px;}
.brdcrmwp li{width:auto;float:left;margin-right:10px;font-size:12px;}
.brdcrmwp li a{color:#747474;}
.brdcrmwp li a.active{color:#ff6c00;}
/*Bread Crum Css End*/

/*City Route Css*/
.bsrutwp .ctyrtwp{padding:15px;}
.bsrutwp .ctyrtwp li{width:25%;float:left;}
.bsrutwp .ctyrtwp .brdcrmwp li {width:auto;float:left;}
.bsrutwp .ctyrtwp li a{    font-size: 12px;     color: #747474;     float: left;     padding-bottom: 18px;     width: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     padding: 6px 10px;}
.bsrutwp .ctyrtwp li a.active{color:#ff6c00;}
.bsrutwp .ctyrtwp li a.mre{color:#1274c0;}
/*City Route Css End*/
.btmftr{width:1030px;}
/*New Seo Related Changes End*/
.depCross {
    position:absolute;
    left:95%;
    font-weight: bold;
    cursor: pointer;
    color: #c7c7c7;
    margin-top:-29px;
}
.arrCross {
    position:absolute;
    font-weight: bold;
    cursor: pointer;
    color: #c7c7c7;
    margin-top: -30px;
    left:95%;
}
.airCross {
    position:absolute;
    left:92%;
    top:26%;
    cursor: pointer;
    font-weight: bold;
    color: #c7c7c7;
}

/*bus drop down select*/
.dropslct .slctdwn{position:absolute;top:42px;left:0;width:100%;border-radius:4px;background:#fff;z-index:1;max-height: 200px;overflow-y: auto;overflow-x: hidden;display:none;}
.dropslct .dropdown-toggle{background:#fff;}
.dropslct .slctdwn li{float:left;width:100%;}
.dropslct .dropdown-header{line-height: 30px;padding: 0px 15px;color: #bbbaba;font-size: 17px;}
.dropslct .slctdwn li a{float:left;width:100%;color:#222;padding:8px 0 8px 15px;font-size:15px;line-height:20px;text-transform: capitalize;}
.dropslct .slctdwn li a:hover{border-left:5px solid #50d2c2;padding:8px 0 8px 10px;background:#f8f8f9}
.dropslct .slctdwn li a .gry{font-size:12px;color:#747474;}
.dropslct .slctdwn li a .arw{font-size:22px;color:#747474;}
.dropslct .slctdwn li.rcntli a{padding:6px 0 6px 15px;}
.dropslct .slctdwn li.rcntli a:hover{padding:6px 0 6px 10px;}



/*media queries*/
/* @media all (min-width : 320px) and (max-width : 481px){}
@media all (min-width : 480px) and (max-width : 768px){} */
@media all and (max-width : 767px){
	/*font face*/
	@font-face {
		font-family: "helveticaroman";
		src: url("../../fonts/helveticaltstd-roman.eot");
		src: url("../../fonts/helveticaltstd-roman.eot#iefix") format("embedded-opentype"),
			url("../../fonts/helveticaltstd-roman.woff") format("woff"),
			url("../../fonts/helveticaltstd-roman.ttf") format("truetype"),
			url("../../fonts/helveticaltstd-roman.svg") format("svg");
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: "helveticalight";
		src: url("../../fonts/helveticaltstd-light.eot");
		src: url("../../fonts/helveticaltstd-light.eot#iefix") format("embedded-opentype"),
			url("../../fonts/helveticaltstd-light.woff") format("woff"),
			url("../../fonts/helveticaltstd-light.ttf") format("truetype"),
			url("../../fonts/helveticaltstd-light.svg") format("svg");
		font-weight: normal;
		font-style: normal;
	}
	*{font-family:helveticalight, arial;}
	html{height:100%;}
	body{padding:0; height:100%;}
	label{font-family:helveticaroman, arial; font-size:13px;}
	.form-control{font-size:12px; font-family:helveticaroman}
	.maincontainer{height:100%; padding:0 0 0 0; overflow-y:scroll;}
	.container{width:100%; height:100%; display:table; padding-top:35px;}
	.middlewrap{padding:0; height:100%; display:table; width:100%;}
	.middlewrap .tabs{width:100%; height:100%; float:left; display:table;}
	.middlewrap .tabs .tab-content{padding:14px 0 50px 0; height:100%; float:left;display:table; width:100%;}
	.topwrap header{display:none;}
	.middlewrap .container .tabs{width:100%; padding:59px 0 0 0;}
	.busbg .container .tabs, .flightbg .container .tabs, .hotelbg .container .tabs, .cabbg .container .tabs, .trainbg .container .tabs{padding:0;}
	.middlewrap .container .manage{color:#fff; font-size:12px; background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/managearrow@1x.png') no-repeat right 0; margin:-22px 0 10px; padding:0 12px 0 0; float:right; line-height:12px;}
	.middlewrap .tabs .nav-tabs{height:56px; float:left; width:100%; margin-top:-56px;}
	.middlewrap .tabs .nav-tabs li{width:19%;}
	.middlewrap .tabs .nav-tabs li a{padding:5px 0 3px 0; width:100%;}
	.middlewrap .tabs .nav-tabs li a i.flight{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/flight1@1x.png');display:inline-block; width:30px; height:30px;}
	.middlewrap .tabs .nav-tabs li.active a i.flight{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/flight@1x.png');}
	.middlewrap .tabs .nav-tabs li a i.hotel{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/hotel1@1x.png'); display:inline-block; width:30px; height:30px;}
	.middlewrap .tabs .nav-tabs li.active a i.hotel{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/hotel@1x.png');}
	.middlewrap .tabs .nav-tabs li a i.bus{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/bus1@1x.png'); display:inline-block; width:30px; height:30px;}
	.middlewrap .tabs .nav-tabs li.active a i.bus{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/bus@1x.png');}
	.middlewrap .tabs .nav-tabs li a i.cab{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/cab1@1x.png');display:inline-block; width:30px; height:30px;}
	.middlewrap .tabs .nav-tabs li.active a i.cab{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/cab@1x.png');}
	.middlewrap .tabs .nav-tabs li a i.train{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/train1@1x.png'); display:inline-block; width:30px; height:30px;}
	.middlewrap .tabs .nav-tabs li.active a i.train{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/train@1x.png');}
	.middlewrap .container .tabs li a > span{font-size:8.5px;}
	.middlewrap .container .tabs li.dropdwn{height:100%; width:5%;}
	.middlewrap .container .tabs li.dropdwn .dropdown-toggle{border-right:0; padding:20px 0 0 0; background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/more@1x.png') no-repeat center 13px; width:100%; height:100%; display:inline-block;}
	.middlewrap .container .tabs li.open a.dropdown-toggle{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/more1@1x.png') no-repeat center 13px #D2D6DC; border-top-right-radius:10px;}
	.middlewrap .container .tabs li.dropdwn ul{border:2px solid #011f30; background:#e3e7ec; border-radius:0; padding:0 5px; width:176px;}
	.middlewrap .container .tabs li.dropdwn ul  li .arrow{background-position:-179px -184px;width: 16px;height: 7px; display:inline-block; position:absolute; top:-7px; right:4px;}
	.middlewrap .container .tabs li.dropdwn ul li{border-top:1px dashed #8696a7; float:left; width:100%; border-radius:0;}
	.middlewrap .container .tabs li.dropdwn ul li:first-child{border:0;}
	.middlewrap .container .tabs li.dropdwn ul li a{width:100%; text-align:left; border:0; color:#191c1d; padding:10px 0;}
	.middlewrap .container .tabs li.dropdwn ul li a i{width:26px; height:22px; float:left;}
	.middlewrap .container .tabs li.dropdwn ul li a.visalnk i{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/visa@1x.png') no-repeat;}
	.middlewrap .container .tabs li.dropdwn ul li a.foreignlnk i{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/exchange@1x.png') no-repeat;}
	.middlewrap .container .tabs li.dropdwn ul li a.mobilnk i{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/sim@1x.png') no-repeat;}
	.middlewrap .container .tabs li.dropdwn ul li a span{font-size:12px; float:left; width:auto; line-height:22px;}
	.middlewrap .tabs .tab-content .journey label{font-size:13px;}
	.middlewrap .tabs .tab-content .journey label input{margin:4px 5px 0 0;}
	.middlewrap .tabs .tab-content .journey .presearch{width:auto; margin:0; padding:0;}
	.middlewrap .tabs .tab-content .journey .presearch .dropdown-menu{right:-10px;}
	.middlewrap .tabs .tab-content .journey .presearch .dropdown-menu .top_arrow{margin:0 10px 0 0}
	.middlewrap .tabs .tab-content .journey .radioswitch label i{margin:0 5px 0 0}
	.middlewrap .tabs .tab-content .hform .form-group{padding:0 4px; margin:5px 0 10px 0;}
	.middlewrap .tabs .tab-content .hform .mobpad0{padding:0;}
	.middlewrap .tabs .tab-content .hform .form-group .classtravel{font-size:13px;}
	.middlewrap .tabs .tab-content .hform .form-group .classtravel i{float:left; margin:1px 5px 0 0}
	.middlewrap .tabs .tab-content .hform .form-group #classtrvlcol{margin-left:-4px; margin-right:-4px;}
	.middlewrap .tabs .tab-content .hform .form-group .classtrvldrop a .caret{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/arrow1@1x.png') no-repeat; width:8px; height:8px; position:absolute; right:0; bottom:0; top:auto;}
	.classdrop .txtfild input{font-size:12px;}
	.classdrop .txtfild .caret{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/arrow1@1x.png') no-repeat; width:8px; height:8px; position:absolute; right:0; bottom:0; top:auto;}
	.middlewrap .tabs .selectlabel{color:#fff; font-size:13px; text-align:center; margin:10px 0 0 0}
	.middlewrap .tabs .tab-content .qklink{padding:25px 18px 0 18px; border:0;}
	.middlewrap .tabs .tab-content .qklink ul li{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/railway_trans.png') repeat; margin:0 0 4px 0; border:0; padding:15px 15px 15px 15px;}
	.middlewrap .tabs .tab-content .qklink ul li:last-child{padding-bottom:12px;}
	.middlewrap .tabs .tab-content .qklink ul li a{background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/managearrow@1.5x.png') no-repeat right; width:100%;}
	.middlewrap .tabs .tab-content .qklink ul li a span{font-size:12px;}
	.middlewrap .tabs .tab-content .qklink ul li a.maslist i{margin:0 15px 0 0;}
	.middlewrap .tabs .tab-content .qklink ul li a.canceltick i{margin:3px 15px 0 0;}
	.middlewrap .tabs .innerpages{position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:scroll; border-radius:0; background-color:#fff;}
	.middlewrap .tabs .innerpages .search {padding:0 0 10px 0;}
	.middlewrap .tabs  .innerpages .search h2{font-size:16px; color:#1e1e1e; text-align:center; margin:0; line-height:26px;}
	.middlewrap .tabs  .innerpages .middlecontent{padding:0;}
	.middlewrap .tabs  .innerpages .middlecontent h3{font-size:15px; color:#fd7814; text-align:center; font-family:helveticaroman; margin:30px 0 20px 0}
	.middlewrap .tabs  .innerpages .middlecontent p{font-size:15px; line-height:24px;}
	.middlewrap .tabs  .innerpages .middlecontent p a{font-size:15px; color:#2a75db;}
	.middlewrap .tabs .innerpages .search .back a{background:url('../img/back@1x.png') no-repeat; width:27px; height:27px; display:inline-block;}
	.middlewrap .tabs .innerpages .search span input{height:24px; font-size:12px; padding:0 5px 0 30px;}
	.middlewrap .tabs .innerpages .search span i{background-position:-205px -140px; width:17px; height:16px; top:5px; left:5px;}
	/*datepicker css*/
	.dateouter{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; display:table;}
	.dateouter .datepick{position:relative; top:0; left:0; float:left; width:100%; height:100%;}
	.dateouter .datepick .caln{position:relative; float:left; width:100%; margin:50px 0 0 0;}
	.dateouter .datepick .mob_head{float:none; top:0; left:0; position:absolute; height:51px;}
	.dateouter .datepick .caln .ui-datepicker{width:100%; border:0; top:0 !important; left:0 !important; padding:0; box-shadow:none; border-bottom:1px solid #F3F3F4; border-radius:0; position:relative !important;}
	.dateouter .datepick .caln .ui-datepicker .ui-widget-header{background:#FAFAFA; border:0; border-top:1px solid #F3F3F4; border-bottom:1px solid #F3F3F4; border-radius:0;}
	.dateouter .datepick .caln .ui-datepicker .ui-widget-header .ui-datepicker-title span{color:#909090; font-size:14px;}
	.ui-datepicker .ui-datepicker-header a{top:5px; width:22px; height:25px;}
	.ui-datepicker .ui-datepicker-header a span{margin:5px 0 0 12px;}
	.ui-datepicker .ui-datepicker-header a:hover{top:10px;}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:15px;}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{margin:5px 0 0 0;}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:12px;}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover{left:15px; top:5px;}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover{right:12px; top:5px;}
	.ui-datepicker .ui-datepicker-calendar thead{border-bottom:0;}
	.dateouter .datepick .mob_head{box-shadow:none;}
	/*auto complete css*/
	.autocomp_outer{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:scroll; display:none; z-index:9999;}
	.autopick{position:relative; top:0; left:0;}
	.autopick .autocomp{position:relative; top:100px; left:0;}
	.autopick .autocomp .ui-autocomplete{position:absolute; top:0 !important; left:0 !important; width:100% !important; border:0; height:auto;max-height:none;}
	.autopick .autocomp .ui-autocomplete li{font-size:14px;  color:#3b3b3b; border-bottom:1px solid #ddd; padding:0; line-height:20px; cursor:pointer;}
	.autopick .autocomp .ui-autocomplete li.ui-menu-item:hover{border-left:4px solid #3ecebc; padding:0; background:#f6f6f6;}
	.autocomp_outer .autopick .autocomp .ui-autocomplete li.ui-menu-item:focus{border-left:4px solid #3ecebc; padding:0; background:#f6f6f6;}
	.autopick .autocomp .ui-autocomplete li a{line-height:20px; padding:8px 15px 8px 19px; float:left; width:100%;}
	/*categories autocomplete css*/
	.locauto_outer{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:scroll; display:none; z-index:9999;}
	.locauto_outer ul li{clear:left; width:100%; float:left;}
	.locauto_outer ul > li > a > span{font-size:15px !important; color:#222;}
	.locauto_outer span{float:left; width:auto; border:0; color:#bbbaba; font-size:15px;}
	.ui-autocomplete-category i{margin:12px 10px 0 0}
	.ui-autocomplete-category span span{margin:0;}
	.ui-autocomplete-category span.area span{margin:0;}
	.ui-autocomplete-category .area i{margin:6px 10px 0 16px}
	.ui-autocomplete-category .landmark i{background-position:-76px -175px;width: 17px;height: 17px; margin:6px 10px 0 16px}

	/*mobile heading*/
	.mob_head{float:left; width:100%; position:relative; padding:15px; box-shadow:0 -2px 10px #ccc inset}
	.mob_head .back{position:absolute; padding:0; top:12px; left:15px; display:inline-block; width:27px; height:27px; background: url('//akam.cdn.jdmagicbox.com/images/icontent/travel/back@1x.png') no-repeat;}
	.mob_head span{width:100%; text-align:center; float:left; font-size:15px; color:#5c5c5c;}
	.mob_head span.srchtxt{width:85%; float:right; position:relative;}
	.mob_head span.srchtxt input{width:100%; float:right; font-size:12px; margin:-2px 0 0 0; height: 25px;padding: 0 5px 0 30px; border:1px solid #c1c1c1;border-radius: 2px;}
	.mob_head span.srchtxt i{background-position: -205px -140px;width: 17px;height: 16px;top: 3px;left: 5px; position:absolute;}
	/*mobile dropdown*/
	.classdrop a{font-size:12px; text-overflow: ellipsis; overflow: hidden;word-wrap: break-word;height: 40px;white-space: normal; padding:0 26px 0 12px}
	.classdrop .dropdown-menu{max-height:auto; overflow-y:auto;}
	.classdrop .dropdown-menu li{font-size:12px;}
	.classdrop .dropdown-menu li a{padding:0 12px 0 10px; line-height:24px;}
	.classdrop .dropdown-menu li a:hover{padding:0 12px 0 15px; background:#f8f8f9; border-left:5px solid #50d2c2;}
	/*mobile pop*/
	.classdrop .mobiouter{position:fixed; top:0; left:0; width:100%; height:100%; margin:0; border:0; box-shadow:none; overflow-y:scroll; max-height:100%;}
	.classdrop .mobiouter ul li{border-bottom:1px solid #ddd; float:left; width:100%;}
	.classdrop .mobiouter ul li a{width:100%; float:left; font-size:14px; color:#3b3b3b; line-height:40px; padding:0 12px 0 20px}
	.classdrop .mobiouter ul li a:focus{border-left:4px solid #3ecebc; padding:0 15px 0 16px; background:#f6f6f6;}
	/*mobile footer css*/
	.mofooter{position:fixed; left:0; bottom:0; width:100%; background:#000; box-shadow:0 0 10px #000; display:none;}
	.mofooter a{width:100%; float:left; padding:15px 0; text-align:center; font-size:15px; color:#fff;}
	.mofooter .skip{background:#222222}
	.mofooter .search{background:#048BD1}
	/*form validation error css*/
	.custerr span{color:#b00000; background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/error_icon_wap.png') 0 1px no-repeat; padding:0 0 0 25px;}
	.custerr li{background:none; list-style:disc;padding:0; margin:0 0 0 43px}
	/*Search data filer css*/
	.srchdta{float:left; width:100%; padding:15px;}
	.srchdta .outer{border:1px solid #ccc; border-radius:2px; position:relative; float:left; width:100%;}
	.srchdta .outer i{background-position: -205px -140px;width: 17px;height: 16px;top: 8px;left: 5px;position: absolute;}
	.srchdta .outer input{width:100%; padding:7px 5px 5px 30px; border:0; background:none; float:left; outline:none; font-size:13px; color:#555;}
	/*autocomplete class open css*/
	.uiopen{display:block !important;}
	/*bus autocomplete popup*/
	.locauto_outer_bus, .desauto_outer_bus,.locauto_outer_depCity, .locauto_outer_arrCity,.locauto_outer_htlCity,.locauto_outer_airln{position:absolute; top:0; left:0; width:100%; height:100%; display:none; background:#fff; overflow-y:scroll;}
	/*Auto dropdown caret css*/
	.autodrop{position:relative;}
	.autodrop i{position:absolute; bottom:0; right:0;}
	.autodrop i{background: url('//akam.cdn.jdmagicbox.com/images/icontent/travel/arrow1@1x.png') no-repeat; width: 8px; height: 8px; position: absolute; right: 0; bottom: 0; top: auto;}

	/*manage booking css*/
	.middlewrap.cabbg .container .manage{color:#424242;}

	.ui-autocomplete{box-shadow:none;}
}
@media all and (min-width : 320px) and (max-width : 480px){
	/*.middlewrap .tabs .nav-tabs li a{padding:5px 0 3px 0; width:52px;}*/
	.middlewrap .tabs .tab-content  label{font-size:12px;}
	.visabg .tabs .tab-content .countries li a span{font-size:12px;}
	.middlewrap .tabs .tab-content .hform .form-group .cal i{background-position: -140px -307px; width: 18px;	height: 17px; top:11px; left:5px;}
	.middlewrap .tabs .tab-content .hform .form-group .cal input{padding:6px 2px 6px 23px; font-size:11px; background:url('//akam.cdn.jdmagicbox.com/images/icontent/travel/trvl_calicn_mo.png') no-repeat 2px 10px #fff;}
}
@media all and (min-width : 320px) and (max-width : 480px) and (orientation: portrait){
	.middlewrap .tabs .nav-tabs li{width:18%;}
	.middlewrap .container .tabs li.dropdwn{width:10%;}
}
@media all and (min-width : 320px) and (max-width : 480px) and (orientation: landscape){
	.middlewrap .tabs .nav-tabs li a{padding:5px 0 3px 0;}
}
@media all and (min-width : 768px){
	.form-horizontal .control-label{text-align:left; margin:0 0 5px 0}
	.topwrap header{display:block; width:100%;}
	.topwrap, .middlewrap .container{width:100%;}
	.middlewrap .container .tabs{width:100%; margin:0 auto;}
	.topwrap header ul.nav{width:100%;}
	.topwrap header ul.nav li{margin:0 18px; margin:0 18px;}
	.topwrap header ul.nav li:first-child{margin:0 18px 0 0}
	.topwrap header ul.nav li:last-child{margin:0 0 0 18px;}
	.middlewrap .tabs{width:100%;}
	.middlewrap .tabs .tab-content .form-group{margin:5px 0}
	.middlewrap .tabs .tab-content .hform .form-group label{font-size:14px;}
	.middlewrap .tabs .tab-content .hform .journey label input{margin:4px 5px 0 0}
}

@media all and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait){
	.topwrap header ul.nav li{margin:0 4px;}
	.topwrap header ul.nav li:first-child{margin:0 4px 0 0}
	.topwrap header ul.nav li:last-child{margin:0 0 0 4px;}
	section.content{width:100%; padding:20px 10px;}
	.middlewrap .tabs .tab-content .hform .form-group label{font-size:13px;}
	section.content1.brdcrbk{width:100%;}
	.btmftr{width:100%;}
	.btmftr .markt-sec{width:68%;}
	.btmftr .social-sec{width:32%;}
}
@media all and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
	.topwrap header ul.nav li{margin:0 15px;}
	section.content{width:100%;}
	section.content1.brdcrbk{width:100%;}
	.btmftr{width:100%;}
}

@media all and (min-width : 992px){
	.topwrap, .middlewrap .container{width:100%;}
	.middlewrap .container .tabs{width:850px; margin:0 auto;}
	.nav-tabs > li{margin-bottom:0}
	.middlewrap .tabs .tab-content .hform .form-group label{font-size:16px;}
	x:-o-prefocus, .middlewrap .tabs .tab-content .hform .form-group label {font-size:15px;}
	.middlewrap .tabs .tab-content .hform .journey label input{margin:6px 5px 0 0}

}
@media all and (min-width : 1200px){
	.topwrap, .middlewrap .container{width:1030px;}
	/*.topwrap header ul.nav li{float:left; margin:0 15px;}*/
}
@media all and (min-width : 1025px){
	.ui-autocomplete li.ui-menu-item:hover{padding:8px 0 8px 10px; border:0; background:#f8f8f9; margin:0; border-left:5px solid #50d2c2;}
	.ui-autocomplete li.ui-state-focus{padding:8px 0 8px 10px; border:0; background:#f8f8f9; margin:0; border-left:5px solid #50d2c2;}
	.classdrop .dropdown-menu li:hover{background:#f8f8f9;cursor:pointer; color:#000;}
	.classdrop .dropdown-menu li a:hover{padding:0 12px 0 15px; background:#f8f8f9; border-left:5px solid #50d2c2;}
}
.dn{display : none;}

/******************* Css changes for Flights and Hotels******************Please do not remove this************************************/

#wrongdep,#wrongarrv,#wrongdep_date,#wrongret_date,#errordiv{
	color:red;
	display:none;
}

#prevSrch,#flterrDiv,sErrorHotel{
	display:none;
}

.internationalLink{

    color: #048BD1;
    font-weight: bold;
    font-family: Helvetica;
    float: right;
    line-height: 18px;

}

.sError{
	border:3px solid red;
}

.disclaimer{
	color: #ccc;
	padding: 0px 16px;
}


/******************* Css changes for Flights and Hotels******************Please do not remove this************************************/

/************************************ cabs popup code ***************************************************/
.jpop{background:#fff;box-shadow:0 3px 5px #333;float:left;z-index:10;position:absolute;_border:solid 1px #b0b0b0}
.jpbg{background:#fff;float:left;text-align:justify;width:420px}
.jcl{background:url(//images.jdmagicbox.com/icontent/cls.gif) no-repeat scroll;color:#fff;cursor:pointer;font-size:15px;font-weight:bold;height:29px;position:absolute;right:10px;top:10px;width:29px;text-indent:-9999px}
.farebtn .jbtn{background:#53B1E5;color:#FFFFFF;padding:5px 0;font-size:16px;display:inline-block;width:140px;text-align:center;font-weight:bold}
.cnfmsg{float:left; width:100%;}
.cnfbtn{float:left; width:100%; text-align:center;}
.cnfbtn p{float:none; margin:0 5px; display:inline-block;}
.cnfcnt{width:100%; text-align:center;}
#cancelDone .jbtn{padding:5px 24px;}

.noHover:hover {color: #777 !important;}
/* Css for removing clear sign in IE*/
input[type=text]::-ms-clear {
    display: none;
}
/**********************************************New Addition*********************************************************************************/
.dropdownnewXYZ-menu{top: 40px;z-index: 1000;float: left;min-width: 160px;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border-radius: 4px;display: none;}
div#intPop {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #B0B0B0;
    color: #000000;
    display: none;
    height: auto;
    left: 50%;
    margin: -107px 0 0 -227px;
    padding: 25px 55px;
    position: fixed;
    text-align: left;
    top: 50%;
    width: 420px;
    z-index: 1000;
    

}
.proceedbtn{
    background: #53b1e5; /* Old browsers */
    background: -moz-linear-gradient(top, #53b1e5 0%, #53b1e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53b1e5), color-stop(100%,#53b1e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #53b1e5 0%,#53b1e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #53b1e5 0%,#53b1e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #53b1e5 0%,#53b1e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #53b1e5 0%,#53b1e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b1e5', endColorstr='#53b1e5',GradientType=0 ); /* IE6-9 */
    border-radius:0!important;
    border:none!important;
    -webkit-box-shadow: 0 0 0 0 #53b1e5;
    box-shadow: 0 0 0 0 #53b1e5;
    color: #ffffff;
    cursor: pointer;
    font-family: arial;
    font-weight: bold;
    height: 34px;
    margin: 0 0 10px 103px;
    width: 357px;
}
div#fade {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
# fade {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

---------------------------------------------------------- Login CSS --------------------------------------------------
.new-user-login .modal-dialog{width: 360px;}
.new-user-login .modal-header{padding: 25px 15px 15px;}
.new-user-login .modal-content .modal-body{padding: 15px 25px;}
.new-user-login .close {position: absolute; z-index: 2; right: 15px; top: 15px; border: none; background: url("//akam.cdn.jdmagicbox.com/images/icontent/jdrwd_new/popup_close.png") no-repeat center center;}
.new-user-login .pop-logo{background: url("//akam.cdn.jdmagicbox.com/images/icontent/jdrwd_new/jd_logo_popup.png") no-repeat; display: inline-block; width: 99px; height: 24px; margin-bottom: 5px;}
.new-user-login .pop-subtext{font-size: 16px; font-weight: 400; color: #424242; letter-spacing: 0.13px; width: 100%; text-align: center; float: left;}
.new-user-login .modal-input-group{margin-top:10px; }
.new-user-login .modal-content .modal-input-group .modal-input:placeholder{color: #c6c6c6;}
.new-user-login .modal-content .modal-input-group .modal-input{height: 42px; border-radius: 2px; padding: 0px 12px; border-color: #e5e5e5; font-size: 14px; font-weight: 400; letter-spacing: 0.14px; color: #424242}
.new-user-login .modal-content .modal-button-small{font-size: 16px; font-weight: 500; letter-spacing: 0.14px; height: 42px; border-radius: 2px; background: #337ab7}
.new-user-login .or-text{font-size: 14px; font-weight: 400; letter-spacing: .14px; color: #afafaf; background: #f4f3f3; width: 51px; height: 29px; border-radius: 25px; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 2} .new-user-login .pop-or{z-index: 1; }
.new-user-login .pop-or:before{position: absolute; content: ''; left: 0; right: 0; top:49%; width: 100%; background:#f4f3f3; height: 1px; }
.new-user-login .facbook-login{border: 1px solid #4268b3; height: 42px; border-radius: 2px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: transparent;}
.new-user-login .facbook-login .fb-text{ font-size: 14px; font-weight: 400; color: #4268b3; letter-spacing: .14px; padding-left: 40px; display: inline-block;}
.new-user-login .facbook-login .pop-fb-icon{background: url("//akam.cdn.jdmagicbox.com/images/icontent/jdrwd_new/pooup_fb.png") no-repeat; display: inline-block; width: 12px; height: 20px;}

.new-user-login .otp-big-text{font-size: 16px; font-weight: 400; color: #424242; letter-spacing: .14px;}
.new-user-login .otp-text{font-size: 13.5px; font-weight: 400; color: #747474; letter-spacing: .14px;}
.new-user-login .otp-number{font-size: 16px; font-weight: 500; color: #424242; letter-spacing: 0.16px; display: inline-block;}
.new-user-login .modal-edit-icon{background: url("//akam.cdn.jdmagicbox.com/images/icontent/jdrwd_new/popup_edit.png") no-repeat; display: inline-block; width: 17px; height: 16px; margin-left: 5px; cursor: pointer;}
.new-user-login .otp-input{margin: 5px 0 15px; padding-bottom: 15px;}

.new-user-login .otp-small-text {font-size: 14px; font-weight: 400; letter-spacing: .14px; color: #747474;}
.new-user-login .otp-small-text a{color: #337ab7; }
.new-user-login .otp-msg{color: #337ab7; }
.new-user-login .otp-tickmark{background: url("//akam.cdn.jdmagicbox.com/images/icontent/jdrwd_new/popup_tickmark.png") no-repeat; display: inline-block; width: 17px; height: 13px; margin-right:3px; cursor: pointer;}
.new-user-login .otp-msg-text{font-size: 13px; font-weight: 400; letter-spacing: .14px; color: #45B859;}


.new-user-login .otp-input input{ margin: 0 1.97%; width: 12%; padding: 0;color: #424242; font-size: 22px; font-weight: 500; border-left: 0; border-bottom: 2px solid #747474; border-radius: 0; padding-bottom: 5px; text-align: center; -webkit-appearance: none; box-shadow: unset; border-right: 0; border-top: 0;}
.new-user-login .otp-input input:first-child{margin-left: 0;}
.new-user-login .otp-input input:last-child{margin-right: 0;}
.new-user-login .mb-10{margin-bottom: 10px;}
.new-user-login .mb-20{margin-bottom: 20px;}
.new-user-login .mb-25{margin-bottom: 25px;}
.new-user-login.loginpop .modal-content{padding:0;}
.new-user-login .modal-header{border-bottom:none;padding:0;}
.new-user-login .modal-dialog {width: 420px; margin: 0 auto; background: #fff; border-radius: 6px; padding: 40px; box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.new-user-login .modal-content{-webkit-box-shadow: unset;border:none; box-shadow: unset;width:auto;}


