﻿
#pnSearchForm{
    text-align:left;
    float:left;
    width:100%;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    /* border: 1px solid; */
    z-index: 11;
    position: relative;
    padding: 20px 20px 20px 10px;
    margin: auto;
    background: #0180A3;
    }
#pnSearchForm .search-form-tab{margin-top:-40px;margin-bottom:0px;position:absolute;width:100%}
#pnSearchForm .search-form-tab .form-title{background:rgba(255,255,255,0.9);float:left;padding:10px 40px 10px 20px;font-size:18px;padding-bottom:10px;color:#696969;margin-top:-1px;cursor:pointer;width:50%;text-align:center}
#pnSearchForm .search-form-tab .form-title:hover{background:#fff;}
#pnSearchForm .search-form-tab .form-title.first{margin-left:0px;border-radius:6px 0px 0px 0px;}
#pnSearchForm .search-form-tab .form-title.last{border-radius:0px 6px 0px 0px;}
#pnSearchForm .search-form-tab .form-title.active{padding:11px 40px 10px 20px;background:rgba(0, 0, 0, 0.75);color:#fff;cursor:default;}
#pnSearchForm .title{font-size:16px;margin-bottom:20px;padding-top:20px;display:none;}
#pnSearchForm .title .number{color:#febf2b;font-size:25px;position:relative;top:-3px;}
#pnSearchForm .leg-container{padding:0px 0px;}
#pnLegArr .leg-container{margin-top:5px}
.leg-title{display:none}
.leg-title.multi{display:none;float:left;line-height:35px;padding-right:10px}
#pnSearchForm .itinerary-select{overflow:auto;float:left;width:25%;padding-left:16px}
#pnSearchForm .itinerary-select .select-item{float:left;width:38.333%;padding-right:10px}
#pnSearchForm .itinerary-select .select-item:last-child{padding-right:0px}
#pnSearchForm .itinerary-select .select-item .select-item-text {border-radius:3px;padding:5px;background:rgba(255, 255, 255, 0.41);text-align:center;cursor:pointer;}
#pnSearchForm .itinerary-select .select-item.selected .select-item-text{background: #27748b;font-weight:bold;cursor:default;color: #fff;}
#pnSearchForm .itinerary-select .select-item.disabled .select-item-text{color:#cacaca;cursor:default}
#pnSearchForm .itinerary-select .select-item .select-item-text:hover{background:#0180A3 !important;color:#fff;font-weight:bold;}
#pnSearchForm .itinerary-select.mobile {display:none}
#pnSearchForm .search-by-month {float:left;padding-left:10px;width:25%}
#pnSearchForm .search-by-month .search-by-month-checkbox {line-height:30px;font-size:16px;}
#pnSearchForm .destination{width:55%;float:left}
#pnSearchForm .destination.multi{}
#pnSearchForm .destination.multi .col span{}
.swaper{float:left;width:30px;min-height:1px;text-align:center;}
.swaper a.swap-icon{color:#fff;height:35px;line-height:35px;font-size:18px;}
.swaper a.swap-icon:hover{color:#febf2b;}
#pnSearchForm .destination .controlHolder, #pnSearchForm .datetime .controlHolder{position:relative;}
#pnSearchForm .destination .controlHolder:after{content:'\f041';position:absolute;top:7px;left:8px;font:normal normal 20px 'FontAwesome';color:#dedede;z-index:4;}
#pnSearchForm .destination .controlHolder .dest-code,
#pnSearchForm .destination .controlHolder .dest-city,
#pnSearchForm .destination .controlHolder .dest-country{display:none;}
#pnSearchForm .datetime{width:45%;float:left}
#pnSearchForm .datetime.multi{width:25%}
#pnSearchForm .datetime.multi .col{float:none;width:100%;}
#pnSearchForm .datetime.multi .col span{}
#pnSearchForm .datetime .controlHolder:after{content:'\f073';position:absolute;top:7px;left:8px;font:normal normal 20px 'FontAwesome';color:#dedede;}
#pnSearchForm .datetime .controlHolder.clear-after:after{content:'';}
#pnSearchForm .datetime .clear-return{position:absolute;background:url(/book/img/close-red.png) 0 0 no-repeat;padding:9px;transition:none;-o-transition:none;-webkit-transition:none;cursor:pointer;top:7px;right:5px;}
#pnSearchForm .datetime .clear-return:hover{background-position:-18px 0px;}
#pnSearchForm .add-more-leg > a {display:none}
.clear-leg{clear:both;margin-bottom:10px;}
.form-footer {padding:0px 0px;float:right;width:45%;}
.passenger{}
.passenger .pax-select{height:35px;background: #ccc;color: #333;border:none;font:400 15px/22px 'Roboto', sans-serif;padding:6px 12px 7px;border-radius:3px;width:100%;position:relative;cursor:pointer;}
.passenger .pax-select .pax-select-list{background:#fff;border-radius:3px;padding:10px;padding-bottom:0px;width:100%;position:absolute;left:0;top:36px;box-shadow:0 2px 30px -2px rgba(0,0,0,0.4), 0 0 3px -1px rgba(0,0,0,0.6);visibility:hidden;opacity:0;z-index:2;-webkit-transform:translateY(-2em);-moz-transform:translateY(-2em);-ms-transform:translateY(-2em);-o-transform:translateY(-2em);transform:translateY(-2em);transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.passenger .pax-select .pax-select-list.visible{visibility:visible;opacity:1;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}
.passenger .pax-select .pax-select-list .pax-select-item{border-bottom:1px solid #dedede;overflow:auto;padding:7px 0px;}
.passenger .pax-select .pax-select-list .pax-select-item .table-pax-numb{float:right;width:80px;}
.passenger.col {padding-left:10px}
.passenger tr:first-child{background:transparent !important;}
.passenger td{border:none;}
.passenger td.minus, .passenger td.plus{width:33%;text-align:center;cursor:pointer;color:#0180A3;font-size:20px;}
.passenger td.minus:hover, .passenger td.plus:hover{color:#0180A3;}
.passenger td.minus span.disable, .passenger td.plus span.disable, td.minus span.disable:hover, td.plus span.disable:hover{cursor:default;color:#dcdcdc;}
.passenger td.value{width:33%;text-align:center;color:#333}
.passenger.block{width:unset;position:unset;right:unset;top:unset;width:100%;margin:auto;}
.passenger.block .pax-select{height:auto;background:#fff;color:#4D4D4D;border:none;padding:0px;margin-right:10px;border-radius:3px;width:100%;position:relative;cursor:default;}
.passenger.block .pax-select .pax-select-list{background:#fff;border-radius:3px;padding:0px;padding-bottom:0px;width:unset;position:unset;left:unset;top:unset;box-shadow:none;visibility:unset;opacity:unset;z-index:9999;-webkit-transform:unset;-moz-transform:unset;-ms-transform:unset;-o-transform:unset;transform:unset;transition:unset;color:inherit}
.passenger.block .pax-select .pax-select-list .pax-select-item .table-pax-numb{float:right;width:120px;font-size:18px;}
.passenger.block td.minus, .passenger.block td.plus{font-size:22px;}
#pnSearchForm .remove-leg-container{width:25%;float:left;padding-left:10px}
#pnSearchForm .remove-leg-container .delete-leg{}
#pnSearchForm .search-button{position:relative;}
#pnSearchForm .search-button .submit{display:block;color:#fff;text-decoration:none;width:100%;height:35px;border:0;border-radius:3px;outline:0;background-color: #ec1c2e;cursor:pointer;overflow:hidden;z-index:1;-webkit-transition:background-color 400ms ease,box-shadow 600ms ease;-moz-transition:background-color 400ms ease,box-shadow 600ms ease;-ms-transition:background-color 400ms ease,box-shadow 600ms ease;-o-transition:background-color 400ms ease,box-shadow 600ms ease;transition:background-color 400ms ease,box-shadow 600ms ease;}
#pnSearchForm .search-button .submit > span{position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:inherit;-webkit-mask-image:-webkit-radial-gradient(circle,white,black);}
#pnSearchForm .search-button .submit .label{font-size: 16px;color: #fff;text-align: center;width: 100%;height: 30px;line-height: 30px;display: inline-block;font-weight: bold;}
#pnSearchForm .search-button .submit:hover, #pnSearchForm .search-button .submit:focus{background-color:#f00;}
#pnSearchForm .row{margin:0px}
#pnSearchForm .col{float:left;width:50%;padding-left:10px;}
#pnSearchForm .col+.col{padding-left:10px;}
#pnSearchForm .search-form-option{padding:5px 25px;float:left;}
#pnSearchForm .search-form-option .option-group{float:left;margin-right:20px;}
#pnSearchForm input[type=text], select{
	height: 40px !important;
	margin-top: 0px !important;
	width:100%;
	border:none;
	/* border: 1px solid; */
	padding-left:32px;
	margin-right:0px;
	color: #666;
	font: 400 15px/22px 'Roboto', sans-serif;
	border-radius: 3px;
	}
#pnSearchForm > select.select{padding-left:10px;}
.intro{margin-bottom:0px !important;}
a.add-leg{color:#fff;line-height:20px;padding:6px;border:1px dotted #fff;display:block;text-align:center;width:100%}
a.add-leg:hover{color:#dedede;background:rgba(255, 255, 255, 0.29);}
.SelectCityBox{max-width:100%;margin:auto;background-color:#FFF;display:none;z-index:100;position:absolute;color:#333;margin-top:-6px;border-radius:3px;box-shadow:0 2px 30px -2px rgba(0,0,0,0.4), 0 0 3px -1px rgba(0,0,0,0.6);padding:20px;}
.SelectCityBox.visible{display:block;}
.SelectCityBox .SelectCityBoxSearch{display:block;padding:3px 0px;border-radius:4px;border: 2px solid #0180A3;box-shadow: 0 2px 6px #0180A3;}
.SelectCityBox .SelectCityBoxHeader{font-size:18px;font-weight:300;padding-bottom:10px;margin-bottom:15px;}
.SelectCityBox .SelectCityBoxHeader .Title{float:left;white-space:nowrap;}
.SelectCityBox .SelectCityBoxHeader .Close{float:right;margin-right:10px;font-size:18px;cursor:pointer;}
.SelectCityBox .SelectCityBoxContent{width:auto;margin:auto;font-size:13px;}
.SelectCityBox-Arrival{left:-165px;}
.Column1 {float: left;}
.Column2 {float: left;margin-left: 30px;}
.Column3 {float: left;margin-left: 30px;}
.RegionTitle{font-weight:700;margin-top:15px;}
.RegionTitle.alone{display:none}
#txtAutocompleteCity{height:35px}
#pnCity ul{margin-top:8px;padding: 0px;}
#pnCity ul li{list-style: none;margin-left: 2px;padding: 2px 0px 1px 0px;line-height:22px;}
#pnCity ul li a{font-size:12px;color:#666 !important;}
#pnCity ul li:hover a {color: #fff !important;font-weight: bold;background:#0180A3;padding: 5px 10px 5px 10px;border-radius: 3px;text-decoration: none !important;}
.highlight-city {font-weight: 600;}
.list-cities ul{margin: 0px;padding: 0px 0px;list-style: none;-moz-column-count: 3;-moz-column-gap: 20px;-webkit-column-count: 3;-webkit-column-gap: 20px;column-count: 3;column-gap: 20px;}
/* .list-cities ul li {margin-bottom: 5px;padding: 2px 10px;} */
.list-cities ul li {padding: 2px 0px 1px 0px;line-height: 20px;margin-left: 0px;list-style: none;font-size: 12px;list-style:none}
.list-cities ul li:hover{background-color:#4285f4;cursor:pointer;}
.list-cities ul li a{color:#666;transition:none;-o-transition:none;-webkit-transition:none;white-space: nowrap;}
.list-cities ul li a:hover{color:#fff;}
.list-cities ul li a:visited{color:#fff;}
.list-cities ul li a:active{color:#fff;}
.list-cities ul li:hover a{color:#FFF;}
.list-cities .sp_mien{margin-left:0px;font-weight:bold;color:#0180A3;text-transform:uppercase;}
.list-cities .sp_city.sp_city{line-height:25px;width:100px;}
/*Overwrite jquery*/
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em .5em 1em;text-decoration: none;}
.ui-tabs.ui-corner-all.ui-widget.ui-widget-content {max-height: 100%;border:none;}
.autocomplete-list-airport-icon{float:left;margin-right:10px;padding-top:3px;}
.autocomplete-list-airport-icon img{-webkit-filter:opacity(50%);filter:opacity(50%);}
.autocomplete-list-airport-content{float:left;}
.autocomplete-list-airport-city{font-weight:bold;}
#pnSearchForm.notab{border-radius:3px;margin-top:0px;padding-top:25px;padding-bottom:25px;}
#pnSearchForm.notab .itinerary-select{display:none;}
#pnSearchForm.notab .destination{width:520px;margin-left:25px;float:left;}
#pnSearchForm.notab .datetime{width:290px;margin-left:25px;float:left;}
#pnSearchForm.notab .passenger{width:160px;position:absolute;right:125px;top:25px;}
#pnSearchForm.notab .search-button{position:absolute;width:100px;right:25px;top:15px;}
#pnSearchForm.notab .search-button .submit{display:block;position:absolute;top:0px;right:0;color:white;text-decoration:none;width:80px;height:80px;border:0;border-radius:80px;}
#pnSearchForm.notab .search-button .submit .label{font-size:15px;line-height:80px;text-align:center;width:80px;display:block;margin-top:0px;font-weight:unset;vertical-align:middle;}
.quick-search-content{padding:15px 0px;box-shadow:inset 0px -5px 5px -5px rgba(0, 0, 0, 0.3);background:#3367d6;}
.quick-search-content #pnSearchForm{padding:0px;background:none}
#pnSearchForm.quick{border-radius:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;background:none;box-shadow:none;width:100%}
#pnSearchForm.quick .leg-container{padding: 0px 0px;float:left;}
#pnSearchForm.quick .itinerary-select{margin-left:0px;padding:0px;margin-bottom:10px;}
#pnSearchForm.quick .itinerary-select .select-item{border-radius:3px;padding:2px 5px;min-width:74px;font-size:12px;}
#pnSearchForm.quick .row{}
#pnSearchForm.quick .row.intro{display:none;}
#pnSearchForm.quick .destination{width:545px;margin-left:0px;float:left}
#pnSearchForm.quick .destination.multi{width:715px;}
#pnSearchForm.quick .datetime{width:290px;margin-left:10px;float:left}
#pnSearchForm.quick .datetime .swaper{width:10px}
#pnSearchForm.quick .datetime .col{width:calc(50% - 5px)}
#pnSearchForm.quick .datetime.multi{width:140px;}
#pnSearchForm.quick .clear-leg{clear:unset;}
#pnSearchForm.quick .form-footer{padding: 0px 0px;float:left;margin-left:10px;width:auto}
#pnSearchForm.quick .form-footer .swaper{width:10px}
#pnSearchForm.quick .passenger{width:180px}
#pnSearchForm.quick .search-button{width:120px;margin-top:0px;}
#pnSearchForm.quick .search-button .submit .label{font-size:15px;text-align:center;display:block;margin-top:0px;font-weight:unset;vertical-align:middle;}
#pnSearchForm.quick .SelectCityBox {left:0px;}
@media only screen and (max-width:1199px){

}
@media (min-width:980px) and (max-width:1199px){

}
@media (min-width:768px) and (max-width:979px){

}
@media only screen and (max-width:767px){#pnMultiLeg{float:none;}
#pnMultiLeg .add-more-leg{float:none;background:#009744;margin-bottom:10px;margin: 0px}
#pnSearchForm{font-size:14px;font-family: 'Open Sans', arial, sans-serif;color:#fff;box-shadow:none;background-color:unset;border-radius:0px;margin-top:0px;z-index:11;padding: 10px;width:100%;background:none;}
#pnSearchForm .search-form-tab{display:none;}
#pnSearchForm .search-form-tab .form-title{background:rgba(255,255,255,0.9);float:left;padding:10px 40px 10px 20px;font-size:18px;padding-bottom:10px;color:#696969;margin-left:1px;margin-top:-1px;cursor:pointer;}
#pnSearchForm .search-form-tab .form-title:hover{background:#fff;}
#pnSearchForm .search-form-tab .form-title.first{margin-left:0px;border-radius:6px 0px 0px 0px;}
#pnSearchForm .search-form-tab .form-title.last{border-radius:0px 6px 0px 0px;}
#pnSearchForm .search-form-tab .form-title.active{padding:11px 40px 10px 20px;background:rgba(9,164,225,0.9);color:#fff;cursor:default;}
#pnSearchForm .title{display:none;}
#pnSearchForm .title .number{color:#febf2b;font-size:25px;position:relative;top:-3px;}
#pnSearchForm .leg-container{width:100%;float:left;padding:10px;margin-bottom:10px;border-radius:3px;background: #0180A3;}
.leg-title{}
.leg-title.multi{display:block;font-size:20px;font-weight:300;padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin-bottom:5px;float:none;padding-right:0px;line-height:unset}
#pnSearchForm .itinerary-select {display:none}
#pnSearchForm .itinerary-select{overflow:auto;margin-left:0px;padding:10px 0px;width:100%;}
#pnSearchForm .itinerary-select .select-item {
        float: left;
        border-radius: 3px;
        width: calc(33.333% - 7px);
        text-align: center;
        cursor: pointer;
        margin-right: 5px;
        background:none;
    }
#pnSearchForm .itinerary-select .select-item + .select-item{margin-left:5px;}
#pnSearchForm .itinerary-select .select-item + .select-item + .select-item{margin-right:0px;}
#pnSearchForm .itinerary-select .select-item.selected{font-weight:normal;cursor:default;}
#pnSearchForm .itinerary-select .select-item .select-item-text {border-radius: 3px;padding: 5px;background: #ebebeb;color: #333;}
#pnSearchForm .itinerary-select .select-item.selected .select-item-text{background:#ec1c2e;font-weight:bold;cursor:default;color:#fff}
#pnSearchForm .itinerary-select .select-item.disabled .select-item-text{color:#cacaca;cursor:default}
#pnSearchForm .itinerary-select.mobile {display:block;float:none;padding: 10px;}
#pnSearchForm .destination{width:100%;margin-left:0px;float:left;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin-bottom:5px;}
#pnSearchForm .destination .col{width:50%;}
.swaper{float:left;width:30px;min-height:1px;text-align:center;}
.swaper a.swap-icon{color:#fff;height:35px;line-height:35px;font-size:18px;}
.swaper a.swap-icon:hover{color:#febf2b;}
#pnSearchForm .destination .col + .swaper + .col{width:calc(50% - 15px);text-align:right;}
#pnSearchForm .destination.multi{width:100%;float:none;padding-right:0px;}
#pnSearchForm .destination.multi .col{width:50%;float:left;}
#pnSearchForm .destination.multi .col + .swaper + .col{}
#pnSearchForm .destination .controlHolder, #pnSearchForm .datetime .controlHolder{position:relative;}
#pnSearchForm .destination .controlHolder:after{display:none;}
#pnSearchForm .destination .controlHolder .text-box-point{display:none;}
#pnSearchForm .destination .controlHolder.depart{text-align:left;}
#pnSearchForm .destination .controlHolder.arrive{text-align:right;}
#pnSearchForm .destination .controlHolder .dest-code,
#pnSearchForm .destination .controlHolder .dest-city,
#pnSearchForm .destination .controlHolder .dest-country{display:block;}
#pnSearchForm .destination .controlHolder .dest-code{font-size:40px;line-height:50px;font-weight:200;color:#ec1c2e;}
#pnSearchForm .destination .controlHolder .dest-city{font-size:12px;}
#pnSearchForm .datetime{width:100%;margin-left:0px;float:none;}
#pnSearchForm .datetime.multi{width:50%;float:left;padding-right:5px;margin-top: 5px;}
#pnSearchForm .datetime.multi .col{float:none;width:100%;padding-right:0px;}
#pnSearchForm .destination.multi .controlHolder .dest-code {
    font-size: 30px;
    line-height: 30px;
}
#pnSearchForm .datetime .controlHolder:after{content:'\f073';position:absolute;top:7px;left:8px;font:normal normal 15px 'FontAwesome';color:#dedede;}
#pnSearchForm .datetime .controlHolder.clear-after:after{content:'';}
#pnSearchForm .datetime .clear-return{position:absolute;background:url(/book/img/close-red.png) 0 0 no-repeat;padding:9px;transition:none;-o-transition:none;-webkit-transition:none;cursor:pointer;top:7px;right:5px;}
#pnSearchForm .datetime .clear-return:hover{background-position:-18px 0px;}
#pnSearchForm .search-by-month {float: none;padding-left: 0px;width: 100%;margin-bottom:10px}
#pnSearchForm .search-by-month .search-by-month-checkbox {
    line-height: 30px;
    font-size: 16px;
    background: #0180A3;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 5px 10px;
}
.form-footer{padding: 0px 0px;float:none;width:100%;float:none}
.passenger{width:100%;position:relative;right:unset;background: #0180A3;padding:10px 10px 5px 10px;margin-bottom:10px;border-radius:3px;top:unset;}
.pax-search {position:relative;right:unset}
.passenger .pax-select{height:auto;background:none;color:unset;border:none;font:400 15px/22px 'Roboto', sans-serif;padding:0px;margin-right:10px;border-radius:3px;width:100%;position:relative;cursor:pointer;}
.passenger .pax-select .pax-select-list{background:none;border-radius:0;padding:0;padding-bottom:0;width:100%;position:relative;left:unset;top:unset;box-shadow:none;visibility:visible;opacity:1;z-index:unset;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;transition:none;color:#fff}
.passenger .pax-select .pax-select-list.visible{visibility:visible;opacity:1;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}
.passenger .pax-select .pax-select-list .pax-select-item{border-bottom:none;overflow:unset;padding:0px 0px;float:left;width:33.33%}
.passenger .pax-select .pax-select-list .pax-select-item.footer{display:none}
.passenger .pax-select .pax-select-list .pax-select-item .table-pax-numb{font-size:18px;float:none;width:100%;}
.passenger .pax-select .pax-select-list .pax-select-item .pax-select-item-container{border-left:1px solid rgba(255, 255, 255, 0.3);padding-right:5px;padding-left:5px}
.passenger .pax-select .pax-select-list .pax-select-item:first-child .pax-select-item-container {border-left:none;padding-left:10px}
.passenger .pax-select .pax-select-list .pax-select-item.last .pax-select-item-container{padding-right:5px}
.passenger .pax-select .pax-select-list .pax-select-item .pax-select-item-container .title-item{font-size:13px;color:#fff;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin-bottom:5px}
.passenger td.minus, .passenger td.plus{width:33%;text-align:center;cursor:default;color:#fff;font-size:23px;}
.passenger td.minus:hover, .passenger td.plus:hover{color:inherit;}
.passenger td.minus span.disable, .passenger td.plus span.disable, .passenger td.minus span.disable:hover, .passenger td.plus span.disable:hover{cursor:default;color:#6b6b6b;}
.passenger td.value{width:33%;text-align:center;color:#fff}
.passenger.block{background:none;}
.passenger .row.intro{display:none}
.passenger.block {padding:0px}
.passenger.block .pax-select .pax-select-list .pax-select-item{border-bottom:1px solid #dedede;overflow:auto;padding:7px 0px;}
.passenger.block td.minus, .passenger.block td.plus{color:rgba(9,164,225,0.9)}
.passenger.block td.minus span.disable, .passenger.block td.plus span.disable, .passenger.block td.minus span.disable:hover, .passenger.block td.plus span.disable:hover{cursor:default;color:#dcdcdc;}
#pnTotalPax {display:none;}
#pnSearchForm .remove-leg-container{width:50%;margin-left:0px;padding-left:5px;margin-top: 5px;}
#pnSearchForm .remove-leg-container .delete-leg{}
#pnSearchForm .search-button{position:relative;width:100%!important;right:unset;top:unset;margin-top:0px;padding-right:0px!important;float:none;padding-left:0px}
    #pnSearchForm .search-button .submit {
        display: block;
        position: relative;
        top: 0px;
        right: unset;
        margin: auto;
        text-decoration: none;
        outline: 0;
        cursor: pointer;
        overflow: hidden;
        height: 40px;
        z-index: 1;
        -webkit-transition: background-color 400ms ease,box-shadow 600ms ease;
        -moz-transition: background-color 400ms ease,box-shadow 600ms ease;
        -ms-transition: background-color 400ms ease,box-shadow 600ms ease;
        -o-transition: background-color 400ms ease,box-shadow 600ms ease;
        transition: background-color 400ms ease,box-shadow 600ms ease;
    }
        #pnSearchForm .search-button .submit > span {
            position: absolute;
            top: 0;
            left: 0;
            width: inherit;
            height: inherit;
            border-radius: inherit;
            -webkit-mask-image: -webkit-radial-gradient(circle,white,black);
        }
        #pnSearchForm .search-button .submit .label {
            font-size: 16px;
            text-align: center;
            display: inline-block;
            font-weight: bold;
            height: 40px;
            line-height: 40px;
        }
        #pnSearchForm .search-button .submit:hover, #pnSearchForm .search-button .submit:focus {
            color: white;
        }
#pnSearchForm .row{margin-left:0px;margin-bottom:5px;}
#pnSearchForm .col{float:left;width:50%;padding-right:5px;padding-left:0px}
#pnSearchForm .col + .col{padding-right:0px;padding-left:5px;text-align:right;}
#pnSearchForm .search-form-option{border-top:1px solid rgba(255, 255, 255, 0.59);padding:0px;padding-top:10px;margin-top:0px;display:none;}
#pnSearchForm .search-form-option .option-group{float:left;margin-right:20px;}
#pnSearchForm input[type=text], select{width:100%;border:none;padding-left:27px;margin-right:0px;font-size:13px;}
#pnSearchForm select.select{padding-left:10px;}
.passenger.col {padding-left: 0px;width:100%!important;}
.intro{font-size:13px;}
a.add-leg{color:#fff;line-height:20px;padding:6px;border:1px dotted #fff;margin-top:5px;display:block;text-align:center;background: rgba(0, 0, 0, .68);}
a.add-leg:hover{color:#dedede;background:rgba(255, 255, 255, 0.29);}
.SelectCityBox{width:100%;min-height:100%;left:0 !important;top:0 !important;position:fixed;margin:auto;background-color:#FFF;z-index:999;color:rgb(113, 113, 113);margin-top:0px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);display:block;border-radius:0px;box-shadow:none;padding:0px;}
.SelectCityBox.visible{-webkit-transform:translateZ(0);transform:translateZ(0);}
.SelectCityBox .SelectCityBoxSearch{width: 99%;display: block;padding: 3px 0px;border: 2px solid #ec1c2e;box-shadow: 0 2px 7px #f68383;margin-bottom: 10px;}
.SelectCityBox .SelectCityBoxHeader{font-weight:unset;padding:10px;background-color:#fff;border-radius:0px;color:inherit;border-bottom:none;padding-bottom: 2px;}
.SelectCityBox .SelectCityBoxHeader .Title{float:none;white-space:nowrap;padding-left:30px;font-size:22px;font-weight:300;}
.SelectCityBox .SelectCityBoxHeader .Close{float:none;margin-right:0px;font-size:18px;cursor:pointer;position:absolute;top:5px;left:5px;}
.SelectCityBox .SelectCityBoxHeader .Close > a > img{height:30px;}
.SelectCityBox .SelectCityBoxContent{width:100%;margin:auto;padding:0px 40px 10px 40px;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;position:absolute;}
.SelectCityBox-Arrival{left:-165px;}
.Column1{float:none;width:100%;}
.Column2{float:none;margin-left:0px;width:100%;}
.Column3{float:none;margin-left:0px;}
.RegionTitle{color:inherit;font-size:18px;padding:0px;margin:0px;font-weight: 600;}
.RegionTitle.alone{display:block}
.SelectCityBoxContent ul li{list-style: none;margin-left: 2px;}
#pnCity ul {margin: 0px;padding:0px}
.list-cities ul {margin: 0px;padding: 0px 0px;list-style: none;-moz-column-count: unset;-moz-column-gap: unset;-webkit-column-count: unset;-webkit-column-gap: unset;column-count: unset;column-gap: unset;}
.list-cities ul li{padding:7px 0px;font-size:15px;border-bottom:1px solid #dedede;}
.list-cities ul li:hover{background-color:#33c7f8;color:#FFF;cursor:pointer;}
.list-cities ul li a{color:#717171;transition:none;-o-transition:none;-webkit-transition:none;}
.list-cities ul li a:hover{color:#fff;}
.list-cities ul li a:visited{color:#fff;}
.list-cities ul li a:active{color:#fff;}
.list-cities ul li:hover a{color:#FFF;}
.list-cities .sp_mien{margin-left:0px;font-weight:bold;color:#ED3229;text-transform:uppercase;}
.list-cities .sp_city.sp_city{line-height:25px;width:100px;}
.autocomplete-list-airport-icon{float:left;margin-right:10px;padding-top:3px;}
.autocomplete-list-airport-icon img{-webkit-filter:opacity(50%);filter:opacity(50%);}
.autocomplete-list-airport-content{float:left;}
.autocomplete-list-airport-city{font-weight:bold;}
.ui-datepicker.ui-widget.ui-widget-content{left:0 !important;width:100% !important;height:100% !important;top:0 !important;position:fixed !important;border-radius:0px !important;box-shadow:none !important;overflow:hidden;}
}
@media only screen and (max-width:374px){#pnSearchForm .itinerary-select .select-item{/*margin-right:0px;*/}
.ui-datepicker td a{padding:.2em .3em;}
}
/*popup*/
.custom-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.66);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-index:1000;}
.custom-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.6s 0s, visibility 0s 0s;-moz-transition:opacity 0.6s 0s, visibility 0s 0s;transition:opacity 0.6s 0s, visibility 0s 0s;}
.custom-popup-container{position:relative;margin:auto;top:0;padding:20px;background:#fff;border-radius:3px;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-50%) scale(0.5);-moz-transform:translateY(-50%) scale(0.5);-ms-transform:translateY(-50%) scale(0.5);-o-transform:translateY(-50%) scale(0.5);transform:scale(0.5);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;transition-duration:0.6s;max-height:100%;max-width:95%;overflow:auto;-webkit-overflow-scrolling:touch;}
.custom-popup-container .custom-popup-content{}
.custom-popup-container .custom-popup-title{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:10px;}
.custom-popup-container .custom-popup-title .custom-popup-title-text{float:left;font-size:18px;}
.custom-popup-close{position:absolute;right:20px;top:10px;}
.custom-popup-close img{height:30px;}
.is-visible .custom-popup-container{-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:scale(1);}
.custom-popup-container .item{border-top:1px solid #ddd;margin-top:10px;padding-top:10px;}
.custom-popup-container .item:first-child{border-top:none;margin-top:0px;padding-top:0px;}
.website-title{font-size:20px;font-weight:300;padding:15px 0px 5px 0px;margin-bottom:10px;}
.custom-popup-footer{display:block;margin-top:10px;}
.required-field{border:1px solid #e60000 !important;}
#pnPassenger{}
#pnContact{}

/*Custom*/
.widget li {border: none;font-size: 12px;}
@media only screen and (max-width: 767px) {
    #bookadtd{margin-top: 10px !important;width: 98%!important;}	
    #pnSearchForm {
}
}
@media only screen and (min-width: 767px) {
    #bookadtd{width:1100px;z-index:999;display:inline-block;margin-top:15px}
    .TextBox:focus, .tmSelect:focus {
            border: 2px solid #FF8802 !important;
            box-shadow: 2px 2px 3px rgba(121, 119, 119, 0.15);
        }
    }
