/* * {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;} */
.offers-wrapper{min-height:430px;}
/* .top-search{ margin: -350px auto 50px; position: relative; max-width: 1050px;} */
.top-search{ position: absolute; width: 1050px;  top: 50%;   left: 50%;  transform: translate(-50%,-50%);
	}
.no-nav .top-search{ margin: -360px auto 50px; position: relative; max-width: 1050px;}
.top-search h1 { font-size: 60px;  font-weight: bold; margin-top: 0px; margin-bottom: 6px; line-height: 66px;text-align:center; color:#fff; text-shadow: 2px 2px 0px rgba(0,0,0,0.2);}
.top-search h2 {margin: 0 0 40px; font-size: 24px; line-height: 30px; font-weight: 500;text-align:center; color:#fff; text-shadow: 2px 2px 0px rgba(0,0,0,0.2);}
.srch-form{ background: rgba(0, 0, 0, 0.4); border-radius: 3px; padding: 15px 25px; max-width: 1050px;  }
.srch-form *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* .form-inner ul.form-group-wrap.ptop{margin-top:48px;} */
.form-inner ul.form-group-wrap:after{ content: ""; display: table; clear: both; }
.form-inner ul.form-group-wrap{ list-style: none; padding: 0; margin: 0; }
.form-inner ul.form-group-wrap > li{ padding:0; margin-bottom:5px; float:left; border-right: 1px solid #e3e6ea;}
.form-inner ul.form-group-wrap > li:first-child .form-control{ /* border-radius: 3px; */ }
.form-inner ul.form-group-wrap .origin-wrap{ width: 20%;}
.form-inner ul.form-group-wrap .destination-wrap{ width: 20%;}
.form-inner ul.form-group-wrap.ptop .origin-wrap{ width: 20%;}
.form-inner ul.form-group-wrap.ptop .destination-wrap{ width: 20%;}
.form-inner ul.form-group-wrap .depart-wrap,
.form-inner ul.form-group-wrap .return-wrap{ width: 15%; }
.form-inner ul.form-group-wrap .depart-wrap.depart-time, .form-inner ul.form-group-wrap .return-wrap.depart-time{width:8%;}
.form-inner ul.form-group-wrap.ptop .depart-wrap.depart-time, .form-inner ul.form-group-wrap.ptop .return-wrap.depart-time{width:10%;}
.form-inner ul.form-group-wrap .depart-wrap.icn-date,.form-inner ul.form-group-wrap .return-wrap.icn-date{width:12%;}
.form-inner ul.form-group-wrap.ptop .depart-wrap.icn-date,.form-inner ul.form-group-wrap.ptop .return-wrap.icn-date{width:15%;}
.form-inner ul.form-group-wrap .room-detail-wrap{ width: 12%; border-right: 0; }
.form-inner ul.form-group-wrap.ptop .room-detail-wrap{ width: 18%; border-right: 0; }
.form-inner ul.form-group-wrap .search-btn-wrap{ width: 8%; border-right: 0; /* margin-top:15px;  */}
.form-inner ul.form-group-wrap.ptop .search-btn-wrap{ width: 15%; border-right: 0; /* margin-top:15px;  */}
li.depart-wrap.icn-date, li.return-wrap.icn-date{float:left; }
li.depart-wrap.depart-time, li.return-wrap.depart-time{float:left;}
.room-detail-wrap .room-info .dropdown-toggle{ background: #fff; padding: 14px 14px 14px 5px; font-size: 13px; line-height: 1.3; display: block; color: #000; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 48px; }
.form-inner .trip-links, .form-inner .service-links{ padding: 0; margin: 0 0 15px; list-style: none; }
.form-inner .trip-links:after, .form-inner .service-links:after{ content: ""; display: table; clear: both; }
.form-inner .trip-links li, .form-inner .service-links li{ float: left; padding: 0 10px; position: relative; }
.form-inner .service-links li:first-child{padding-left:0;}
.form-inner .trip-links li:after, .form-inner .service-links li:after{ content: ""; display: block; height: 10px; width: 1px; background: #fff; position: absolute; top: 8px; right: 0; }
.form-inner .trip-links li:last-child:after, .form-inner .service-links li:last-child:after{ display: none; }

.form-inner .trip-links li a, .form-inner .service-links li a{ color: #fff; display: inline-block; padding: 5px 10px 5px 10px; background: none; font-size: 1.5em; }
.form-inner .service-links li a{font-size:16px;}
.form-inner .trip-links li a.active, .form-inner .service-links li a.active{ background: #ea2330; font-weight:bold; color: #fff; border-radius: 3px }

.form-inner .form-control{ background-color: #fff; display: block; color: #333; width: 100%; font-size: 14px; padding: 14px 14px 14px 8px; border: none; min-height: 48px; border-radius:0; }
.form-inner .form-control.hasDatepicker{/* width:98%; */}
.form-inner .form-control:focus{ outline: 0; }
.submit-btn{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ea2330; border-radius: 0 3px 3px 0; color: #fff; cursor: pointer; min-height: 48px; padding: 12px 5px; border: 1px solid #ea2330; display: block; width: 100%; font-size: 16px; text-align: center; }
 .custom-dropdown{ position: relative; }
 .icn-date{ position: relative; }
 .icn-date:after{ content: ""; display:block; height: 15px; width: 15px; background-image: url(../../images/offer/calendar-icon.png); background-position: 0 0; background-size: 100%; position: absolute; right: 10px; top: 17px; }
 .custom-dropdown:after{ content: ""; display:block; height: 5px; width: 10px; background-image: url(../../images/offer/select-icons.png); background-position: 0 bottom; position: absolute; right: 10px; top: 20px; }  
 .ui-menu .ui-menu-item{padding:5px 0; text-align:left;}  
 .form-control.disable-field{opacity:0.5; background:#fff;}
 
 
 .custom-dropdown-wrap{ position: absolute; top: 100%; left: 0; background: #fff; padding: 15px; min-width: 220px; border: 1px solid #d1d1d1; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); margin-top: 10px; border-radius: 3px; font-size: 13px; }
 .custom-dropdown-wrap:before{ content: ""; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; float: left; margin: -22px 0 0 15px; }
.p-group .btns:after,
.p-group:after{ content: ""; display: table; clear: both; }
.p-group{ padding: 18px 80px 18px 0; border-bottom: 1px solid #d9d9d9; position: relative; }
.p-group .light-grey{ display: inline-block; margin-left: 5px; font-size: 11px; opacity: 0.8; }
.p-group .btns{ position: absolute; right: 0; top: 10px; }
.p-group .btns{ border: 1px solid #cdcecf; border-radius: 3px; }
.p-group .btns a{ display: block; float: left; width: 32px; color: #757979; font-size: 18px; line-height: 32px; font-weight: bold; text-align:center; }
.p-group .btns a.disabled{ opacity: 0.6; }
.p-group .btns a.minus-btn{ border-right: 1px solid #cdcecf; }
.flight-class-list{ margin: 15px 0; padding: 0; }
.flight-class-list li{ padding: 5px 0; position: relative; overflow: hidden; }
.flight-class-list li label{ display: block; padding: 2px 0 2px 25px; position:relative; cursor: pointer; color: #666; }
.flight-class-list li label:hover,
.flight-class-list li label:focus{ color: #000; }
.flight-class-list li label:before{ content: ""; display: block; height: 16px; width: 16px; border: 1px solid #d7dce1; border-radius: 50%; position: absolute; left: 0; top: 2px; }
.flight-class-list li label:after{ content: ""; display: none; height: 10px; width: 10px; background: #f34f4f; border-radius: 50%; position: absolute; left: 3px; top: 5px; }
.flight-class-list li input.radio:checked + label:after{ display: block; }
.flight-class-list li input.radio:checked + label:before{ border-color: #f34f4f; }
.flight-class-list li input.radio:checked + label{ color: #000; }
.flight-class-list input.radio{ position: absolute; left: -10000px; height: 0; width: 0; overflow: hidden; }
.custom-dropdown-footer{ text-align: right; margin-top:10px;}
.custom-dropdown-footer .btn-done{ display: inline-block; padding: 10px 15px; background: rgba(234, 35, 48, 0.4); color: #fff; text-transform: uppercase; border-radius: 4px; }
.custom-dropdown-footer .btn-done:focus,
.custom-dropdown-footer .btn-done:hover{ background: rgba(234, 35, 48, 1); }

.dropdown-menu { display: none; }
.open > .dropdown-menu { display: block; }
.offers-wrapper .bs-banner-section{ overflow: hidden; }
.offers-wrapper .bs-banner-section > img{ max-width: none; min-width: 100%; min-height: 400px; position: relative; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); width: auto !important; }

.ui-autocomplete-loading { background:url(../../images/offer/loading.gif) no-repeat right center }

.flight-trip-list{ margin: 15px 0; padding: 0; }
.flight-trip-list li{ display:inline; padding: 5px 0; position: relative; overflow: hidden; }
.flight-trip-list li label{ display: inline; padding: 2px 10px 2px 25px; position:relative; cursor: pointer; color: #fff; }
.flight-trip-list li label:hover,
.flight-trip-list li label:focus{ color: #fff; }
.flight-trip-list li label:before{ content: ""; display: block; height: 16px; width: 16px; border: 1px solid #d7dce1; border-radius: 50%; position: absolute; left: 0; top: 2px; }
.flight-trip-list li label:after{ content: ""; display: none; height: 10px; width: 10px; background: #f34f4f; border-radius: 50%; position: absolute; left: 3px; top: 5px; }
.flight-trip-list li input.radio:checked + label:after{ display: block; }
.flight-trip-list li input.radio:checked + label:before{ border-color: #fff; }
.flight-trip-list li input.radio:checked + label{ color: #fff; }
.flight-trip-list input.radio{ position: absolute; left: -10000px; height: 0; width: 0; overflow: hidden; }
.srch-form a:hover, .srch-form a:active, .srch-form a:focus {
    text-decoration:none;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* .select-box-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    padding-right: 15px;
}

.select-box-wrap::after {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 8px;
    color: rgb(154, 148, 148);
} */
.relative{position:relative; /* min-height:500px; */}

.bs-banner-section .page-section_background {
    background-color: #308eb1;
}

.page-section_background {
    height: 200%;
    left: 0;
    position: absolute;
    right: 0;
    top: -100%;
    background-color: inherit;
    background-size: 480px;
    background-image: url(../../images/offer/form-bg.png);
}

.page-section_background {
    background-blend-mode: overlay;
    background-image: url(../../images/offer/form-bg.png);
}
.pac-container{width:380px !important;}
.footet-link{margin-right:18px;}
.wt-label{color:#fff; font-size:14px; margin-left:5px;}
.form-inner ul.form-group-wrap > li.playcard{border:0}
.viewport .form-inner ul.form-group-wrap > li{ width: 100% !important; margin-bottom: 15px; }
.viewport .top-search{ margin-top: 40px; margin-left: 15px; margin-right: 15px; max-width:100%; }
.viewport .room-detail-wrap .room-info .dropdown-toggle,
.viewport .submit-btn,
.viewport .form-inner ul.form-group-wrap > li:first-child .form-control,
.viewport .form-inner .form-control{ border-radius: 3px; }
.viewport .form-inner ul.form-group-wrap > li{ border: none; }		
.viewport .form-inner ul.form-group-wrap .origin-wrap{ padding-left:0;}

/* .viewport .offers-wrapper .bs-banner-section{display:none;} */
.viewport .offers-wrapper{min-height:0;}
.viewport .pac-container{width:auto !important;}
/* .viewport .form-inner .service-links li a{font-size:20px;} */
/* .viewport .flight-trip-list li label{font-size:12px; padding-left:40px;} */

/* .viewport .flight-trip-list li label:before{height:28px; width:28px; top:8px  } */
/* .viewport .flight-trip-list li label:after{height:22px; width:22px; top:12px; } */
.viewport .top-search h1{font-size:36px;}
.viewport .theme-beetle.offers-wrapper{background:#00279d;}
.viewport .top-search{margin-top:0; padding:15px 0;     position: initial;
    width: auto;
    top: unset;
    left: unset;
    transform: unset;}
/* .viewport #srch-form{display:none;} */
@media screen and (max-width: 767px) { 		
	.viewport .form-inner ul.form-group-wrap > li{ width: 48% !important; margin-bottom: 15px; margin-right:5px; }
	.srch-form{ margin-top: 20px; margin-left: 15px; margin-right: 15px; max-width:100%; }
	.room-detail-wrap .room-info .dropdown-toggle,
	.submit-btn,
	.form-inner ul.form-group-wrap > li:first-child .form-control,
	.form-inner .form-control{ border-radius: 3px; }
	.form-inner ul.form-group-wrap > li{ border: none; }		
	.form-inner ul.form-group-wrap .origin-wrap{ padding-left:0;}
	.viewport .top-search h1, .top-search h1{font-size:36px;}
	.viewport .theme-beetle.offers-wrapper, .theme-beetle.offers-wrapper{background:#00279d;}
	.viewport .top-search{margin-top:0; padding:15px 0; position: initial; width: auto; top: unset; left: unset; transform: unset;}
	 /* #srch-form{display:none;} */
}
	
@media screen and (max-width: 380px){ 
	.viewport .form-inner ul.form-group-wrap > li{ width: 100% !important; margin-bottom: 15px; margin-right:5px; }
	
}