*{margin:0;padding:0;}
html{background:none!important;}
body{background: #f3f3f3;}

#txtSearchInput:-moz-placeholder {color: white;}
#txtSearchInput::-moz-placeholder {color:white;}
#txtSearchInput::-webkit-input-placeholder {color:#fff;opacity:0.5;}

@font-face{font-family:OpenSans;src: url(../fonts/OpenSans-Regular.ttf);}
@font-face{font-family:Roboto;src: url(../fonts/RobotoCondensed-Regular.ttf);}
@font-face{font-family:RobotoL;src: url(../fonts/RobotoCondensed-Light.ttf);}
@font-face{font-family:Rockwell;src: url(../fonts/Rock.ttf);}



input[type="text"]{border-radius: 0px;}
.fmRoboto{font-family: Roboto;}
.fmRobotoL{font-family: RobotoL;}
.fmRock{font-family: Rockwell;}
.fmOpen{font-family:OpenSans;}

.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font26{font-size: 26px;}
.font27{font-size: 27px;}
.font28{font-size: 28px;}
.font29{font-size: 29px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font37{font-size: 37px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}











div,span,input{box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.blockin{display: inline-block;}
.block{display: block;}
.txtCenter{text-align: center;}
.txtLet{text-align: left;}
.txtRight{text-align: right;}

.fLeft{float:left;}
.fRight{float:right;}

.cFF{color:#fff;}
.c666{color:#666;}
.c333{color:#333}
.cOrange{color:#f49712;}
.cGray{color:#b3b3b3;}
.cBlue{color:#378C99;}

.mTop1{margin-top: 1%;}
.mTop2{margin-top: 2%;}
.mTop3{margin-top: 3%;}
.mTop4{margin-top: 4%;}
.mTop5{margin-top: 5%;}
.mLeft2{margin-left:2%;}
.mLeft4{margin-left:4%;}
.mLeft10{margin-left:10%;}

.pLeft2{padding-left: 2%}

.w20{width:20% !important;}
.w40{width:40%;}
.w42{width:42%;}
.w50{width:50%;}
.w58{width:58%;}
.w60{width:60%;}
.w100{width:100%;}

.h100{height:100%}
.h60{height:60%}

.lH10{line-height: 10px;}

.borderRight{border-right:1px dashed #b3b3b3; }
.txtWrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.container{width:100%;height:auto;margin:0;background:#fff;float:left;margin-top: 80px;}
.adv_title{height: 40px;width:100%;background: #333333;color:#fff;}
.backButton{height: 100%;width:auto;float: left;background-color: #4d4d4d;background-image: url(../images/back.png);background-repeat: no-repeat;background-position: left center;line-height: 42px;padding: 0 20px 0 40px;font-family: roboto;color: #b3b3b3;cursor: pointer;}
.cart{margin-left: 1%;height: 100%;width: auto;padding: 0 40px;background: #333 url(../images/payment/CART.svg)no-repeat;background-size:auto 80%;background-position: left center;line-height: 40px;}


/*LOGIN*/
.loginBox{width:78%;height:470px;}
.loginSpan{width: 100%;height: 20%;padding: 5% 0 1% 0;text-align: left;background: #f3f3f3;}
.loginDiv{width:100%;height:80%;background: #fff;box-shadow: 0 0 35px 5px rgba(0,0,0,0.1);padding: 2%;}

.loginIcon {width: 16%;padding-bottom: 16%;margin-left: -20%;margin-top: 0;position: relative;z-index: -1;}
.loginBg1{background: url(../images/payment/TABS/LOGIN_GREY.svg)no-repeat;background-size: auto 100%;background-position: left;}
.loginBg2{background: url(../images/payment/TABS/LOGIN_BLUE.svg)no-repeat;background-size: auto 100%;background-position: left;}
.loginBg3{background: url(../images/payment/TABS/LOGIN_ORANGE.svg)no-repeat;background-size: auto 100%;background-position: left;}

.txtLoginContainer{width:250px;height: auto;}

.txtInput{width:100%;height: 35px;border: 1px solid #b3b3b3;background: transparent;padding: 0 4%;outline:none;outline-style: none;line-height: 35px;color: #b3b3b3;}
.loginBtn{width:50%;height: 35px;line-height: 35px;background: #f49712;color: #fff;cursor: pointer;}
.forgotPass{width:80%;height: 35px;border-bottom:1px solid #b3b3b3; }

/*CART*/
.itineraryOverview{width:100%;height: 35px;line-height: 35px;border-bottom:2px solid #b3b3b3;background: #fff }
.iOverview1{width:55.5%;height: 100%;padding: 0 5%;}
.iOverview2{width:44.5%;height: 100%;}
.overviewTitleCommon{height: 100%;float:left}
.oQty{width: 37%;background: #f7f7f7;}
.oPrice{width: 27%;background: #f1f1f1;}
.oTotal{width: 36%;background: #fff;}

.itinearyContainer{width:100%;min-height: 135px}

.itinearySummary{width: 100%;height: 135px !important;margin-top: 4%;padding: 0 0 0 5%;margin-bottom: 2%;}
.summaryChild{width:92%;height: 100%;border: 2px dashed #b3b3b3;}
.markerIcon{position: relative;z-index: 999;margin-top: -36px;margin-left: -8.2%;width: 16%;height: 112px;background: url(../images/daynumber.png)no-repeat;background-position: top center;background-size: 85% auto;display: inline-block;float: left;color: #333;}
.markerAdv{padding:0 !important;width: 59%  !important;height: 56%  !important;margin-left: 20%  !important;margin-top: 14% !important;}


.summaryTitle{width: 98%;height: 45px;background: #333;border: 1px solid #333;border-radius: 50px;margin-top: -25px;padding: 0 3% 0 8%;line-height: 45px;float: left;margin-left: -8%;}
.advDet{max-width: 67%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.advTime{float: right;width: 33%;text-align: right;}
.tripProvider{width:90%;height: 40px;line-height: 40px;}
.trip1{}
.trip2{width:74%;padding-left: 1%;}
.pckDetail{width:100%;height:auto;border-top:1px solid #b3b3b3;position: relative;padding: 2%;margin-top: -2%;padding-bottom: 0;}
.detailsCommon{width:40%;float:left;height: 100%;padding: 0 1%;}
.detailsCommon img{width:auto;height: auto}
.borderRight{border-right:2px solid #b3b3b3;}
.participantContainer{width: 45%;height: 100%;padding: 2%;background: #f7f7f7}
.participants{width:100%;height: 50%; }
.participantsDetails{width:100%;height: 50%;padding-top: 8%;}
.inputNo{width:50px;height: 30px;outline: none;outline-style: none;margin-bottom: 11%;}
.pckPrice{width: 33%;height: 100%;padding: 2% 0;background: #f1f1f1}
.priceDiv{width:auto;height: 30px;line-height: 30px;padding:0% 10%;background: #fff;display: inline-block}
.finalPrice{cursor: pointer;width:16%;height: 40px;top: 35%;background: url( ../images/payment/pricetab.svg)no-repeat;background-size: 90% auto;background-position: center;float: left;margin-left: -8%;position: relative;line-height: 40px;}

.footer{width:100%;height: 160px;background: #333;padding: 1% 0;float:left}
.fChild1{height: 100%;background: #333 url(../images/payment/footermap.svg)no-repeat;background-position: right center;background-size: 35% auto;}
.requestBroacher{width:69%;height: 100%;}
.broText{width:100%;height: 35px;border-bottom: 2px solid #b3b3b3;padding: 0 5%;line-height: 35px;}
.footerText{width: 100%;height: 70%;padding: 2% 0 0 5%;}
.mission{width:31%;height: 100%;padding: 1% 0;}
.forTxt1{padding-left: 10%;line-height: 0px;}
.forTxt2{padding-left: 20%;}
.forTxt3{padding-left: 25%;line-height: 0px;}

.fChild2{height: 100%; padding:0 2%;}
.innskDiv{width:70%;height: 100%;}
.linkTabs{width:30%;height: 40px;transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;moz-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s; border-bottom: 1px solid #b3b3b3; line-height: 50px;float:left;margin-left: 3%; cursor: pointer;}
.linkTabs:hover{line-height: 40px; color: #fff; border-bottom: 4px solid #f49712;}
.socialLinks{width:30%;height: 100%;padding: 3% 0% 0 0;}
.socialIcons{width:80%;height: 40px;}

.linkedIn{width: 20%; height: 100%;background: url(../images/payment/linkedin.svg)no-repeat;background-size: 100% auto;background-position: center;margin-left: 5%}
.fb{width: 20%; height: 100%;background: url(../images/payment/facebook.svg)no-repeat;background-size: 100% auto;background-position: center;margin-left: 5%}
.twitter{width: 20%; height: 100%;background: url(../images/payment/twiter.svg)no-repeat;background-size: 100% auto;background-position: center;margin-left: 5%}
.rss{width: 20%; height: 100%;background: url(../images/payment/RSS.svg)no-repeat;background-size: 100%;background-position: center;margin-left: 5%}
.exploreMore{width:100%;height: 80px;background: #fff; margin: 0% 0 1% 0%;}
.exploreBtn{margin-top:20px;width:15%;padding:0 0 0 4%;line-height: 50px;height: 50px;background: #f3f3f3 url(../images/payment/exploreArrow.svg)no-repeat;background-position: 13% center; border-top: 2px solid #b3b3b3;}
.needHelp{margin-top:20px; width:51%;height: 50px;line-height: 60px;border-top: 2px solid #b3b3b3;}
.proceedPayment{width:34%;height: 80px;background: transparent url(../images/payment/fold.svg) no-repeat; background-size: auto 10px; background-position: left bottom;}
.proceedPaymentChild{background: #f49712; height:70px; padding:1%;border-bottom:2px solid rgba(0,0,0,0.2);}
.proceedText{height: 100%;line-height: 32px;}
.priceTxt{height: 40px;line-height: 25px;}
.bgWarrow{background: url(../images/payment/whiteArrow.svg)no-repeat;background-position:right center;padding-right: 7%;}


.dn{display:none!important}

.footCont{width:100%;height:24px;border:1px solid #333;overflow: hidden;}
.bgNone{background: none !important}

.socialIcons2 {width: 150px; height: 20px;margin-right: 5px;}
.socialIcons2 .rss,.socialIcons2 .fb,.socialIcons2 .twitter,.socialIcons2 .linkedIn{  background-size: 100% 20px;  background-position: center;  margin-left: 0;}
.transition300{transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;}

.transitY{transform: translateY(114px);-webkit-transform: translateY(114px);-ms-transform: translateY(114px);-moz-transform: translateY(114px);-o-transform: translateY(114px);}



input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]:hover::-webkit-outer-spin-button {
   opacity: 1;
}
@media only screen and (max-width:1199px){
    #header-wrapper{height: 70px;background-size: 23%;}
    .container {margin-top: 70px;}
    .head_contents{max-width: 70%;margin-top: 15px;margin-right: 15px;}
    .txtTransit{width:250px ! important;}
    .txtSearch{width:150px;}
    .needHelp {width: 45%;}    
    .fChild1 {background-size: 36% auto;}
    .requestBroacher {width: 66%;height: 100%;}
    .proceedPayment {width: 40%;}
    
    .font10{font-size: 8px;}
    .font11{font-size: 9px;}
    .font12{font-size: 10px;}
    .font13{font-size: 11px;}
    .font14{font-size: 12px;}
    .font15{font-size: 13px;}
    .font16{font-size: 14px;}
    .font18{font-size: 15px;}
    .font20{font-size: 16px;}
    .font22{font-size: 17px;}
    .font23{font-size: 18px;}
    .font24{font-size: 19px;}
    .font25{font-size: 20px;}
    .font26{font-size: 21px;}
    .font28{font-size: 22px;}
    .font29{font-size: 23px;}
    .font30{font-size: 24px;}
    .font32{font-size: 25px;}
    .font34{font-size: 27px;}
    .font35{font-size: 28px;}
    .font40{font-size: 32px;}
    .font43{font-size: 34px;}
    .font45{font-size: 36px;}
    .font49{font-size: 39px;}
    .font50{font-size: 40px;}
    .font51{font-size: 41px;}
    .font55{font-size: 44px;}
    .font60{font-size: 48px;}
    .font70{font-size: 56px;}
}

@media only screen and (max-width:1210px){
    #header-wrapper{background-size:28% auto; }
    .txtTransit{width:300px;} 
}


@media only screen and (min-width:1580px){
    .markerIcon {margin-left: -6.8%;width: 13%;}
    .finalPrice {height: 50px;line-height: 50px;}    
}




@media only screen and (min-width:1680px){
    #header-wrapper{background-size: 16% auto;}
    .font10{font-size: 13px;}
    .font11{font-size: 14px;}
    .font12{font-size: 15px;}
    .font13{font-size: 16px;}
    .font14{font-size: 18px;}
    .font15{font-size: 19px;}
    .font16{font-size: 20px;}
    .font18{font-size: 23px;}
    .font20{font-size: 25px;}
    .font22{font-size: 28px;}
    .font23{font-size: 29px;}
    .font24{font-size: 30px;}
    .font25{font-size: 32px;}
    .font26{font-size: 33px;}
    .font28{font-size: 35px;}
    .font29{font-size: 36px;}
    .font30{font-size: 38px;}
    .font32{font-size: 40px;}
    .font34{font-size: 43px;}
    .font35{font-size: 44px;}
    .font40{font-size: 50px;}
    .font43{font-size: 54px;}
    .font45{font-size: 56px;}
    .font49{font-size: 61px;}
    .font50{font-size: 63px;}
    .font51{font-size: 65px;}
    .font55{font-size: 69px;}
    .font60{font-size: 70px;}
    .font70{font-size: 88px;}
    
    .itinearyContainer {width: 100%;min-height: 155px;}
    .itinearySummary {width: 100%;height: 155px !important;}    
    .finalPrice {height: 60px;line-height: 60px;}    
    .markerIcon {margin-left: -5.5%;width: 11%;}
    .summaryTitle {width: 80%;height: 50px;line-height: 50px;}
    .exploreMore {width: 100%;height: 100px;}    
    .footer {width: 100%;height: 200px;}
    .transitY{transform: translateY(148px);-webkit-transform: translateY(148px);-ms-transform: translateY(148px);-moz-transform: translateY(148px);-o-transform: translateY(148px);}
    .fChild1 {height: 100%;background: #333 url(../images/payment/footermap.svg)no-repeat;background-position: right center;background-size: 35% 100%;}        
    .socialIcons {width: 80%;height: 60px;}
    .socialLinks {width: 30%;height: 100%;padding: 1% 0% 0 0;}
    .tripProvider {width: 90%;height: 50px;line-height: 50px;}
    .pckDetail {margin-top: 0%;}
    .inputNo{width:55px;}
    
    
}