@charset "utf-8";

/*start here flixible*/
.bg-light-gray {
    background-color: #f8f9fa !important;
    padding: 7px 0px;
    border: solid 1px #e9e4e4;
}
.legend span{
    border-color: #cff9e3;
    background-color: #dbfaeb;
    float: left;   
}	 
.legend span{
    height: 20px;
    width: 20px;
    margin: 10px;
	display:inline!important;
  
}
.cheapest {
    border-color: #cff9e3;
    background-color: #dbfaeb;
}
.highest {
    border-color: #fadddf;
    background-color: #fce6e8;
}
.selected {
    /* background-color: #fe6b2c; */
    background: linear-gradient(to top right, #fb5103, #fd9146);
    border-color: #fb5103;
    color: #fff;
}
.legend {
    height: 20px;
    width: 20px;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}	 
.flight-calendar .th_outbound_div .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0177d9;
    left: 135%;
    top: -1.15rem;
    position: relative;
}
.lowest-price{
    /*border-color: #cff9e3!important;*/
    /*background-color: #dbfaeb!important;*/
}	
.highest-price{
    /*border-color: #fce6e8!important;*/
    /*background-color: #fadddf!important;*/
}
.legend.cheapest {
    border-color: #cff9e3;
    background-color: #dbfaeb;
}
.legend {
    height: 20px;
    width: 20px;
    margin-top:3px; 
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
    border: 1px solid #ccc;
    border-radius: 5px;
	float:left;
}
.legend.highest {
    border-color: #fadddf;
    background-color: #fce6e8;
}
.legend.selected {
    /* background-color: #fe6b2c; */
    background: linear-gradient(to top right, #fb5103, #fd9146);
    border-color: #fb5103;
    color: #fff;
}
 
img{vertical-align:middle;}
.text-center{text-align:center;}

.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-12{float:left;}
.col-xs-12{width:100%;}
table{background-color:transparent;}
th{text-align:left;}
.table{width:100%;max-width:100%;margin-bottom:20px;}
.flight-calendar th,.flight-calendar td{padding:10px!important;line-height:1.5em!important;border:none!important;text-align:center!important;}
.flight-calendar th{vertical-align:top!important;}
.flight-calendar td{vertical-align:middle!important;}
.flight-calendar .th_outin{max-height:80px!important;display:inline-block;padding:0!important;}
.flight-calendar .th_outbound,.flight-calendar .th_inbound{text-transform:capitalize;color:#fff;border-radius:5px;padding:3px 15px;}
.flight-calendar .th_outbound_div{margin-top:12px;}
.flight-calendar .th_outbound{background-color:#ef3f3e73;}
.flight-calendar .th_outbound_div .path{height:2px;width:35px;position:relative;top:-13px;left:100%;right:0;content:"";background-color:#ef3f3e73;}
.flight-calendar .th_outbound_div .dot{width:8px;height:8px;border-radius:50%;background-color:#ef3f3e73;left:135%;top:-1.15rem;position:relative;}
.flight-calendar .th_inbound{background-color:#ef3f3e73;}
.flight-calendar .th_inbound_div .path{height:20px;width:2px;position:relative;left:50%;content:"";background-color:#ef3f3e73;}
.flight-calendar .th_inbound_div .dot{width:8px;height:8px;border-radius:50%;background-color:#ef3f3e73;left:47%;top:-1px;position:relative;}
.flight-calendar th.coldate,.flight-calendar td.rowdate{background-color:transparent!important;}
.flight-calendar th.coldate > div,.flight-calendar td.rowdate > div{border-radius:5px;padding:7px 5px;}
.flight-calendar th.coldate.active > div{background-color:#ef3f3e73;color:#fff;}
.flight-calendar td.rowdate.active > div{background-color:#77c1ff;color:#fff;}
.flight-calendar th.coldate,.flight-calendar td.rowdate{font-weight:bold;height:60px;text-transform:uppercase;}
.flight-cell-info-airline-logo{max-height:30px;max-width:80px;}
.flight-cell-info{cursor:pointer;display:flex;flex-direction:column;align-items:center;border:1px solid #ddd;padding:5px;min-height:90px;justify-content:space-evenly;color:#606060;border-radius:7px;margin:auto;max-width:90px;}
.flight-cell.available-data .flight-cell-info{border-color:#fcedd0;background-color:#fff0d9;}
.flight-cell.highest-price .flight-cell-info{border-color:#fadddf;background-color:#fce6e8;}
.flight-cell.lowest-price .flight-cell-info{border-color:#cff9e3;background-color:#dbfaeb;}
.flight-cell.available-data .flight-cell-info.selected{background:linear-gradient(to top right, #fb5103, #fd9146);border-color:#fb5103;color:#fff;}
.flight-cell.available-data .flight-cell-info.selected:hover{color:#fff;}
.flight-cell.available-data .flight-cell-info:hover{color:#606060;-webkit-box-shadow:0 2px 20px rgba(0,0,0,0.3);box-shadow:0 2px 20px rgba(0,0,0,0.3);}
.flight-cell-info-price{font-size:14px;font-weight:bold;}
@media screen and (max-width: 1200px){
.flight-calendar .th_outbound_div .path{width:20px;}
.flight-calendar .th_outbound_div .dot{left:115%;}
}
@media screen and (max-width: 991px){
.flight-calendar .th_outbound_div .path{width:15px;}
.flight-calendar .th_outbound_div .dot{left:110%;}
}
/*end here flixibke */
/* CSS Document */
.headering{
	width: 100%;
    height: auto;}
.headering2{margin-top:125px!important;}
.toppy{margin-top:7px!important;}
/* start here calendar */
.make-me-sticky2 {
    position: sticky;
    top: -20%;
    padding: 10px 15px 20px;
}
.ui-datepicker {
	width: 19em;
	margin-top: 14px;
	display: none;
	background: #fff;
	position: relative;
	font: 15px/1.55 Roboto, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-o-box-shadow: 0 0 4px rgba(0,0,0,.3);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	border: 5px solid #fc5b62;
	z-index: 9999!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #666
}
.ui-datepicker:before {
	content: "";
	bottom: auto;
	border: solid;
	border-width: 16px;
	border-color: transparent transparent #fc5b62;
	border-color: rgba(255,255,255,0) rgba(255,255,255,0) #fc5b62 rgba(255,255,255,0);
	position: absolute;
	margin-left: -10px;
	display: block;
	top: -32px;
	left: 10%;
	height: 0;
	width: 0
}
.ui-datepicker a{
    color: #050d1d;
    font-weight: 600;
    text-align: center;
}
.ui-datepicker .ui-state-disabled span {
	color: #D9DDE5
}
.ui-timepicker-div .ui-widget-header, .ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #fc5b62;
	line-height: 27px;
	font-size: 15px;
	padding: 10px
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 14px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	color: #073f58!important;
	top: 19.5%
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px
}
.ui-datepicker .ui-datepicker-next {
	right: 2px
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	color: #fff; 
	font-weight:bold;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	margin: 0 0 .4em;
	border-collapse: collapse
}
.ui-datepicker th {
    padding: .5em .3em;
    text-align: center;
    font-weight: 700;
    border: 0;
    background-color: #050d1d;
    color: #fff;
}
.ui-datepicker td {
	border: 0;
	padding: 2px 7px
}
.ui-datepicker td span, .ui-datepicker td a {
	padding: .25em;
	display: block;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.ui-datepicker td span:hover, .ui-datepicker td a:hover {
	background: #D7DCDE
}
.ui-datepicker .ui-state-disabled span:hover {
	background: none
}
.ui-datepicker-today a, .ui-datepicker-today a:hover, .ui-datepicker .ui-state-highlight {
	font-weight: 700;
	background: #050d1d!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff
}
.cal-widget .ui-datepicker {
	width: 100%;
	margin-top: 0
}
.cal-widget .ui-datepicker:before {
	display: none
}
.ui-datepicker.ui-datepicker-multi {
	width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.333%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}
.ui-datepicker-buttonpane {
	border-top: 1px solid #D9DDE5;
	padding: 10px
}
.ui-datepicker-buttonpane button {
	padding: 8px 12px;
	margin-right: .2em;
	position: relative;
	line-height: normal;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255,255,255,0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
	background: #bdc3c7;
	text-align: center;
	overflow: visible;
	cursor: pointer;
	color: #243140;
	border: 0
}
.ui-datepicker-buttonpane button:hover {
	color: #243140;
	background: #cacfd2
}
.ui-datepicker-buttonpane button:active {
	color: #1d2938;
	background: #a1a6a9
}
.ui-monthpicker .ui-datepicker-header {
	margin-bottom: 3px
}
.smart-forms .slider-wrapper, .smart-forms .sliderv-wrapper {
	background: #E2E8F1;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.smart-forms .ui-slider {
	position: relative;
	text-align: left
}
.smart-forms .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.5em;
	height: 1.5em;
	cursor: default;
	background: #fff;
	text-decoration: none;
	border: 3px solid #ffcc01;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-ms-touch-action: none;
	touch-action: none;
	margin-top: -3px;
	outline: none
}
.smart-forms .ui-slider .ui-slider-handle:before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	background-color: #ffcc01;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: 2;
	left: 4px;
	top: 4px
}
.smart-forms .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background-color: #ffcc01;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle, .smart-forms .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}
.smart-forms .ui-slider-horizontal {
	height: .5em
}
.smart-forms .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}
.smart-forms .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}
.smart-forms .ui-slider-horizontal .ui-slider-range-min {
	left: 0
}
.smart-forms .ui-slider-horizontal .ui-slider-range-max {
	right: 0
}
.smart-forms .ui-slider-vertical, .smart-forms .sliderv-wrapper {
	width: .5em;
	height: 100px
}
.smart-forms .ui-slider-vertical .ui-slider-handle {
	left: -.45em;
	margin-left: 0;
	margin-bottom: -.6em
}
.smart-forms .ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}
.smart-forms .ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}
.smart-forms .ui-slider-vertical .ui-slider-range-max {
	top: 0
}
.smart-forms .slider-input {
	color: #f6931f!important;
	border: 0;
	background: none
}
.smart-forms .slider-group .sliderv-wrapper {
	height: 150px;
	float: left;
	margin: 15px
}
.smart-forms .ui-slider .ui-state-active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}
.smart-forms .slider-tip {
	display: block;
	position: absolute;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif;
	background: #34495E;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	color: #fff
}
.smart-forms .slider-wrapper .slider-tip {
	top: -50px;
	left: -15px
}
.smart-forms .slider-wrapper .slider-tip:after {
	content: '';
	position: absolute;
	top: 98%;
	left: 35%;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}
.smart-forms .sliderv-wrapper .slider-tip {
	left: 30px;
	top: -12px
}
.smart-forms .sliderv-wrapper .slider-tip:after {
	content: '';
	position: absolute;
	top: 30%;
	right: 98%;
	border-right: 8px solid #34495E;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent
}
.smart-forms .yellow-slider .ui-slider .ui-slider-handle {
	border-color: #ed9c28
}
.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before, .smart-forms .yellow-slider .ui-slider .ui-slider-range {
	background-color: #ed9c28
}
.smart-forms .red-slider .ui-slider .ui-slider-handle {
	border-color: #e74c3c
}
.smart-forms .red-slider .ui-slider .ui-slider-handle:before, .smart-forms .red-slider .ui-slider .ui-slider-range {
	background-color: #e74c3c
}
.smart-forms .purple-slider .ui-slider .ui-slider-handle {
	border-color: #9B59B6
}
.smart-forms .purple-slider .ui-slider .ui-slider-handle:before, .smart-forms .purple-slider .ui-slider .ui-slider-range {
	background-color: #9B59B6
}
.smart-forms .blue-slider .ui-slider .ui-slider-handle {
	border-color: #3498db
}
.smart-forms .blue-slider .ui-slider .ui-slider-handle:before, .smart-forms .blue-slider .ui-slider .ui-slider-range {
	background-color: #3498db
}
.smart-forms .black-slider .ui-slider .ui-slider-handle {
	border-color: #34495e
}
.smart-forms .black-slider .ui-slider .ui-slider-handle:before, .smart-forms .black-slider .ui-slider .ui-slider-range {
	background-color: #34495e
}
.smart-forms .green-slider .ui-slider .ui-slider-handle {
	border-color: #2ecc71
}
.smart-forms .green-slider .ui-slider .ui-slider-handle:before, .smart-forms .green-slider .ui-slider .ui-slider-range {
	background-color: #2ecc71
}
.ui-timepicker-div .ui-widget-header {
	position: relative;
	line-height: 27px;
	font-size: 15px;
	padding: 10px
}
.ui-timepicker-div dl {
	text-align: left;
	border: 1px solid #D9DDE5;
	border-width: 1px 0 0;
	padding: 15px 10px;
	padding-bottom: 15px;
	margin: 0
}
.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px
}
.ui-timepicker-div dl dd {
	margin: 0 10px 15px 40%
}
.ui-timepicker-div td {
	font-size: 90%
}
.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0
}
.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none
}
.ui-timepicker-rtl {
	direction: rtl
}
.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0
}
.ui-timepicker-rtl dl dt {
	float: right;
	clear: right
}
.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
	background: #E2E8F1;
	position: relative;
	top: 6px
}
.ui-timepicker-div dl .ui_tpicker_hour, .ui-timepicker-div dl .ui_tpicker_minute, .ui-timepicker-div dl .ui_tpicker_second, .ui-timepicker-div dl .ui_tpicker_millisec {
	background: #E2E8F1;
	position: relative;
	top: 5px
}
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt {
	display: none
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: block;
	padding-top: 2px
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align: right
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
	display: inline-block;
	margin: 0
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content: ':';
	display: inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content: '.';
	display: inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display: none
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index: 10000000;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #bbb;
	border-top: 0;
	background: #fff;
	max-height: 100px;
	overflow-x: hidden;
	overflow-y: auto
}
.ui-autocomplete .ui-menu {
	position: absolute
}
.ui-autocomplete .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 8px 10px;
	cursor: pointer;
	min-height: 0;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	background: #F2F4FA;
	border-bottom: 1px solid #DCE1EE;
	-webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.5);
	box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.5)
}
.ui-autocomplete .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0;
	border-color: #ddd
}
.ui-autocomplete .ui-menu-item:hover {
	background: #DCE1EE
}
.custom-combobox {
	position: relative;
	padding-right: 46px;
	display: block
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin-left: -1px;
	padding: 0;
	z-index: 10;
	width: 46px;
	line-height: 40px;
	height: 100%;
	text-align: center;
	background: #F2F4FA;
	border: 2px solid #BDC3C7;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	color: #ADB4B8;
	border-left: 0
}
.custom-combobox-input.gui-input {
	margin: 0;
	padding: 5px 10px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px
}
.smart-forms .progress-section {
	display: none
}
.smart-forms .progress-bar {
	position: relative;
	background: #EDF0F8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.smart-forms .progress-bar .percent {
	position: absolute;
	display: inline-block;
	top: -3px;
	right: -24px;
	font-size: 9px;
	color: #93A2AA
}
.smart-forms .progress-bar > .bar {
	width: 60%;
	height: 7px;
	display: block;
	background-size: 16px 16px;
	background-color: #bdc3c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.smart-forms .bar-primary > .bar {
	background-color: #ffcc01
}
.smart-forms .bar-blue > .bar {
	background-color: #3498db
}
.smart-forms .bar-black > .bar {
	background-color: #34495e
}
.smart-forms .bar-green > .bar {
	background-color: #2ecc71
}
.smart-forms .bar-purple > .bar {
	background-color: #9B59B6
}
.smart-forms .bar-red > .bar {
	background-color: #e74c3c
}
.smart-forms .bar-yellow > .bar {
	background-color: #ed9c28
}
.smart-forms .ui-slider .ui-slider-range, .smart-forms .progress > button[type="submit"]:hover, .smart-forms .progress > button[type="submit"], .smart-forms .progress-bar > .bar {
	background-size: 16px 16px;
	background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 50%, transparent 50%, transparent 75%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.3));
	background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 50%, transparent 50%, transparent 75%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.3));
	background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 50%, transparent 50%, transparent 75%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.3));
	background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 50%, transparent 50%, transparent 75%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.3))
}
.smart-forms .progress > button[type="submit"], .smart-forms .progress > button[type="submit"]:hover, .smart-forms .progress-animated > .bar {
	-webkit-animation: sfprogress .6s linear infinite;
	-moz-animation: sfprogress .6s linear infinite;
	-o-animation: sfprogress .6s linear infinite;
	animation: sfprogress .6s linear infinite
}
.smart-forms .progress > button[type="submit"]:hover {
	cursor: wait
}
@-webkit-keyframes sfprogress {
from {
background-position:0 0
}
to {
	background-position: -16px 0
}
}
@-moz-keyframes sfprogress {
from {
background-position:0 0
}
to {
	background-position: -16px 0
}
}
@-o-keyframes sfprogress {
from {
background-position:0 0
}
to {
	background-position: -16px 0
}
}
@keyframes sfprogress {
from {
background-position:0 0
}
to {
	background-position: -16px 0
}
}
.clone-widget {
	padding-right: 100px;
	position: relative
}
.clone-widget .button {
	position: absolute;
	right: 0;
	top: 0
}
.clone-widget .clone {
	right: 50px
}
.smart-forms .map-container {
	padding: 10px;
	border: 2px solid #BDC3C7
}
.smart-forms #map_canvas {
	width: 100%;
	height: 300px;
	overflow: hidden
}
.smart-forms .block {
	display: block
}
.smart-forms .frm-row {
	margin: 0 -10px
}
.smart-forms .slider-group:before, .smart-forms .slider-group:after, .smart-forms .frm-row:before, .smart-forms .frm-row:after {
	display: table;
	content: "";
	line-height: 0
}
.smart-forms .slider-group:after, .smart-forms .frm-row:after {
	clear: both
}
.smart-forms .frm-row .colm {
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	float: left
}
.smart-forms .frm-row .colm1 {
	width: 8.33%
}
.smart-forms .frm-row .colm2 {
	width: 16.66%
}
.smart-forms .frm-row .colm3 {
	width: 25%
}
.smart-forms .frm-row .colm4 {
	width: 33.33%
}
.smart-forms .frm-row .colm5 {
	width: 41.66%
}
.smart-forms .frm-row .colm6 {
	width: 50%
}
.smart-forms .frm-row .colm7 {
	width: 58.33%
}
.smart-forms .frm-row .colm8 {
	width: 66.66%
}
.smart-forms .frm-row .colm9 {
	width: 75%
}
.smart-forms .frm-row .colm10 {
	width: 83.33%
}
.smart-forms .frm-row .colm11 {
	width: 91.66%
}
.smart-forms .frm-row .colm12 {
	width: 100%
}
.smart-forms .frm-row .colm1-5 {
	width: 20%
}
.smart-forms .frm-row .colm1-8 {
	width: 12.5%
}
.smart-forms .spacer {
	border-top: 1px solid #D9DDE5;
	display: block;
	height: 0
}
.smart-forms .spacer-t10 {
	margin-top: 10px
}
.smart-forms .spacer-b10 {
	margin-bottom: 10px
}
.smart-forms .spacer-t15 {
	margin-top: 15p
}
.smart-forms .spacer-b15 {
	margin-bottom: 15px
}
.smart-forms .spacer-t20 {
	margin-top: 20px
}
.smart-forms .spacer-b20 {
	margin-bottom: 20px
}
.smart-forms .spacer-t25 {
	margin-top: 25px
}
.smart-forms .spacer-b25 {
	margin-bottom: 25px
}
.smart-forms .spacer-t30 {
	margin-top: 30px
}
.smart-forms .spacer-b30 {
	margin-bottom: 30px
}
.smart-forms .spacer-t40 {
	margin-top: 40px
}
.smart-forms .spacer-b40 {
	margin-bottom: 40px
}
.smart-forms .frm-row .pad-l10 {
	padding-left: 10px
}
.smart-forms .frm-row .pad-r10 {
	padding-right: 10px
}
.smart-forms .frm-row .pad-l20 {
	padding-left: 20px
}
.smart-forms .frm-row .pad-r20 {
	padding-right: 20px
}
.smart-forms .frm-row .pad-l30 {
	padding-left: 30px
}
.smart-forms .frm-row .pad-r30 {
	padding-right: 30px
}
.smart-forms .frm-row .pad-l40 {
	padding-left: 40px
}
.smart-forms .frm-row .pad-r40 {
	padding-right: 40px
}
.smart-forms .bdl {
	border-left: 1px solid #D9DDE5
}
.smart-forms .bdr {
	border-right: 1px solid #D9DDE5
}
.smart-forms .fine-grey {
	color: #919DA8
}
.smart-forms .small-text {
	font-size: 11px;
	font-style: normal
}
.smart-forms .text-align {
	height: 42px;
	line-height: 42px
}
.smart-forms .align-right {
	text-align: right
}
.smart-forms .align-center {
	text-align: center
}
.smart-forms .price-box {
	padding: 30px;
	text-align: center;
	position: relative;
	border: 1px solid #D0D6DF;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
	-o-box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.05)
}
.smart-forms .price-box p {
	line-height: 1.5em;
	color: #526066;
	margin-bottom: 0
}
.smart-forms .price-box h5 {
	text-transform: uppercase;
	font-weight: 300;
	margin: 0;
	font-size: 15px;
	color: #BACDD6;
	letter-spacing: 2px
}
.smart-forms .price-box h4 {
	font-size: 60px;
	font-weight: 300;
	margin: 0;
	color: #547698
}
.smart-forms .selected-box h4 {
	color: #ffcc01
}
.smart-forms .price-box h4 sup {
	position: relative;
	font-size: 30px;
	vertical-align: top;
	top: 15px
}
.smart-forms .price-box h4 .per-month {
	font-size: 14px
}
.smart-forms .expand {
	height: 50px;
	line-height: 50px!important
}
.smart-forms .ribbon, .smart-forms .ribbon-large {
	width: 75px;
	height: 78px;
	overflow: hidden;
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 1
}
.smart-forms .ribbon-inner {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #ffcc01;
	letter-spacing: 4px;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 14px;
	padding: 7px 0;
	width: 100px;
	color: #fff;
	z-index: 1;
	left: 3px;
	top: 6px
}
.smart-forms .ribbon-inner:before, .smart-forms .ribbon-inner:after {
	content: "";
	border-top: 3px solid #16a085;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px
}
.smart-forms .ribbon-inner:before {
	left: 0
}
.smart-forms .ribbon-inner:after {
	right: 0
}
.smart-forms .ribbon-large {
	width: 115px;
	height: 118px
}
.smart-forms .ribbon-large .ribbon-inner {
	width: 160px;
	left: -8px;
	top: 28px
}
.smart-forms .sfcode {
	padding-left: 24px
}
.smart-forms .captcode {
	padding: 0;
	position: relative
}
.smart-forms .captcode:hover {
	background: #BDC3C7!important
}
.smart-forms .captcode img {
	position: relative;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	top: 2px;
	left: 1px
}
.smart-forms .refresh-captcha {
	position: absolute;
	background: #ffcc01;
	border: 3px solid #16a085;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	right: -15px;
	height: 32px;
	width: 32px;
	top: 4px
}
.smart-forms .refresh-captcha i {
	position: absolute;
	text-align: center;
	line-height: 26px;
	font-size: 17px;
	color: #fff;
	left: 24%
}
.smart-forms .refresh-black {
	background: #34495e;
	border-color: #2c3e50
}
.smart-forms .refresh-blue {
	background: #3498db;
	border-color: #2c81ba
}
.smart-forms .refresh-green {
	background: #2ecc71;
	border-color: #27ad60
}
.smart-forms .refresh-purple {
	background: #9B59B6;
	border-color: #8E44AD
}
.smart-forms .refresh-red {
	background: #e74c3c;
	border-color: #c44133
}
.smart-forms .refresh-yellow {
	background: #ed9c28;
	border-color: #d58512
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.smart-forms .option, .smart-forms .rating, .smart-forms .switch, .smart-forms .captcode {
	-webkit-animation: bugfix infinite 1s
}
}
@-webkit-keyframes bugfix {
from {
padding:0
}
to {
	padding: 0
}
}
.smart-forms .switch {
	margin-right: 10px;
	margin-bottom: 5px
}
.smart-forms .option {
	margin-right: 15px
}
.smart-forms .switch-round > .switch-label:after {
	font: 20px/18px Times, Serif
}
@media (max-width: 800px) {
.smart-forms .frm-row {
	margin: 0
}
.smart-forms .frm-row .colm {
	width: 100%;
	float: none;
	padding: 0
}
.smart-forms .bdl {
	border-left: 0
}
.smart-forms .bdr {
	border-right: 0
}
.smart-forms .align-right {
	text-align: left
}
}

/* end here calendar */

/* end here pop search engine inside css */
.flightarea {
    float: left;
    width: 100%;
    padding: 0px 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(156,170,179,.28);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
}
.topheader {
     position: absolute; 
	display:block;
	margin-top:68px;
    float: left;
    top: 0;
    width: 100%;
    cursor: pointer;
    background-image: linear-gradient( 
190deg, #032258 0%, #da4b51 100%);
}
.inner {
	width: 100%;
	max-width: 1176px;
	margin: auto;
}
.search {
    float: left;
    width: 100%;
}
.s_left {
    float: left;
    width: 100%;
    background: url(../images/s_bg.png);
    position: relative;
    border-top-left-radius: 0px;
    padding: px;
    margin-bottom: 0px;
}
.flightarea {
    float: left;
    width: 100%;
    padding: 0px 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(156,170,179,.28);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
}
.radio {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.radio1 {
    float: left;
    border-radius: 20px;
    /* background: #6a6a6a; */
    font: normal 15px roboto;
    color: #fff;
}
.oneway.active {
    background: #324976;
}
.oneway {
    float: left;
    padding: 6px 14px;
    cursor: pointer;
    background: #fc5b62;
    font: normal 15px roboto;
    color: #fff;
    border-radius: 100px;
    margin-right: 12px;
}
input[type="radio"] {
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 12px;
    border-radius: 50%;
    -webkit-appearance: none;
    outline: none;
}
.r1:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
}
.flight-font {
    color: #000;
    font-size: 28px;
    font-weight: 500;
    float: right;
}
.row1 {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.flying {
    float: left;
    width: 25%;
    /* margin-right: 5px; */
    position: relative;
}
.flying label {
    float: left;
    width: 100%;
    font: normal 12px roboto;
    color: #000;
    margin-bottom: 5px;
    padding-left: 5px;
}
/*input[placeholder], *[placeholder], [placeholder] {
    color: #050d1d!important;
    font-weight: 600;
}*/
.formtxt {
    width: 100%;
    padding: 4px 4px;
    border: 2px solid #fff;
    outline: none;
    font: normal 29px roboto;
    color: #000!important;
    /*background: #fff url(../images/cal.png) right no-repeat;*/
    background-position: 97% 40%;
}
.formtxt-icon {
    width: 100%;
    padding: 4px 4px;
    border: 2px solid #fff;
    outline: none;
    font: normal 29px roboto;
    color: #000!important;
    background: #fff url(../images/flight-change.jpg) right no-repeat;
    background-position: 97% 40%;
}
.formtxt1 {
    width: 100%;
    padding: 6px 4px;
    border: 2px solid #fff;
    outline: none;
    font: normal 19px roboto;
    color: #e01212!important;
    background: #fff url(../images/cal.png) right no-repeat;
    background-position: 97% 40%;
}
.dateformat {
    float: left;
    width: 100%;
    /* height: 47px; */
    position: relative;
    border: 2px solid #fff;
    outline: none;
    font: normal 13px Roboto;
    background: #fff url(../images/cl1.png) right no-repeat;
    background-position: 96% 40%;
}
.fromdrop {
    position: absolute;
    width: 100%;
    top: 66px;
    /* left: 8px; */
    background: #fff;
    webkit-box-shadow: 0 0 1px 1px #ccc;
    -moz-box-shadow: 0 0 1px 1px #ccc;
    box-shadow: 0 0 1px 1px #ccc;
    z-index: 9999;
    display: none;
}
.dr1 {
    float: left;
    width: 100%;
    padding: 12px 6px;
    border-bottom: solid 1px #dcdbdb;
    font: normal 15px roboto;
    color: #050d1d;
    background: #fff url(../images/plane1.png) left no-repeat;
    background-position: 5% 40%;
    padding-left: 8px;
}
.dr2 {
    float: left;
    width: 100%;
    padding: 12px 6px;
    border-bottom: solid 1px #dcdbdb;
    font: normal 15px roboto;
    color: #050d1d;
    background: #fff url(../images/plane1.png) left no-repeat;
    background-position: 5% 40%;
    padding-left: 8px;
}
.child {
    margin-right: 0;
}
.date1 {
    float: left;
    width: 49.5%;
    margin-right: 0px;
    border-left: solid 1px #ddd;
    padding: 0px 5px;
}
.sDay {
    font: normal 13px Roboto;
    color: #490a3d;
    float: left;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 5px;
}
.sDate {
    color: #490a3d;
    float: left;
    font: 22px Roboto;
    margin-left: 4px;
    margin-top: 0;
}
.sMonth {
    color: #490a3d;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 1px !important;
    text-align: center;
    width: 25px;
}
.departure {
    position: absolute;
    top: 19px;
    width: 100%;
    left: 0;
    opacity: 0;
    height: 48px;
    border-radius: 20px;
    border: 2px solid #fff;
    outline: none;
    font: normal 13px Roboto;
}
.searchb {
    float: right;
    margin-top: 5px;
}
.searchb1 {
    outline: none;
    background: #f51c26;
    font: normal 18px roboto;
    color: #fff;
    padding: 17px 8px;
    font-weight: 600;
    border-radius: solid 1px #f51c26;
    border-radius: 5px;
}
.minus {
    float: right;
    width: 25px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #050d1d;
    font-weight: bold;
    cursor: pointer;
}
.plus {
    float: right;
    width: 25px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    cursor: pointer;
    color: #050d1d;
    font-weight: bold;
}
.row2 {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.searchrow1 {
    float: left;
    width: 100%;
    padding: 5px 10px;
    position: relative;
    color: #1f1f1f;
}
.flightdetail {
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.onoffbtn {
    width: 36px;
    height: 12px;
    border-radius: 15px;
    background: #e0dddd;
    display: block;
    position: relative;
}
.onoffbtn input[type="checkbox"] {
    opacity: 0;
}
.onoffbtn:after {
    position: absolute;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    background: #d2d0d0;
    top: -4px;
    left: 1px;
    content: '';
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-align: center;
    line-height: 29px;
    color: #fff;
    font-size: 12px;
}
.bag {
    float: left;
    font: normal 14px Roboto;
    color: #585858;
    line-height: 32px;
    margin-top: -57px;
    padding-left: 44px;
    margin-top: -22px;
    padding-right: 14px;
}
.inner {
	width: 100%;
	max-width: 1176px;
	margin: auto;
}
.search {
    float: left;
    width: 100%;
}
.s_left {
    float: left;
    width: 100%;
    background: url(../images/s_bg.png);
    position: relative;
    border-top-left-radius: 0px;
    padding: px;
    margin-bottom: 0px;
}
.flightarea {
    float: left;
    width: 100%;
    padding: 0px 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(156,170,179,.28);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
}
.radio {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.radio1 {
    float: left;
    border-radius: 20px;
    /* background: #6a6a6a; */
    font: normal 15px roboto;
    color: #fff;
    padding-top: 10px;
}
.oneway.active {
    background: #324976;
}
.oneway {
    float: left;
    padding: 6px 14px;
    cursor: pointer;
    background: #fc5b62;
    font: normal 15px roboto;
    color: #fff;
    border-radius: 100px;
    margin-right: 12px;
}
input[type="radio"] {
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 12px;
    border-radius: 50%;
    -webkit-appearance: none;
    outline: none;
}
.r1:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
}
.flight-font {
    color: #000;
    font-size: 28px;
    font-weight: 500;
    float: right;
}
.row1 {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.flying {
    float: left;
    width: 25%;
    /* margin-right: 5px; */
    position: relative;
}
.flying label {
    float: left;
    width: 100%;
    font: normal 12px roboto;
    color: #000;
    margin-bottom: 5px;
    padding-left: 5px;
}
/*input[placeholder], *[placeholder], [placeholder] {
    color: #050d1d!important;
    font-weight: 600;
}*/
.formtxt-icon {
    width: 100%;
    padding: 4px 4px;
    border: 2px solid #fff;
    outline: none;
    font: normal 29px roboto;
    color: #000!important;
    background: #fff url(../images/flight-change.jpg) right no-repeat;
    background-position: 97% 40%;
}
.formtxt1 {
    width: 100%;
    padding: 6px 4px;
    border: 2px solid #fff;
    outline: none;
    font: normal 19px roboto;
    color: #000!important;
    background: #fff url(../images/cal.png) right no-repeat;
    background-position: 97% 40%;
}
.dateformat {
    float: left;
    width: 100%;
    /* height: 47px; */
    position: relative;
    border: 2px solid #fff;
    outline: none;
    font: normal 13px Roboto;
    background: #fff url(../images/cl1.png) right no-repeat;
    background-position: 96% 40%;
}

.fromdrop {
    position: absolute;
    width: 100%;
    top: 66px;
    /* left: 8px; */
    background: #fff;
    webkit-box-shadow: 0 0 1px 1px #ccc;
    -moz-box-shadow: 0 0 1px 1px #ccc;
    box-shadow: 0 0 1px 1px #ccc;
    z-index: 9999;
    display: none;
}
.fromdrop h2 {
	float: left;
	width: 100%;
	background: #fff url(../images/loc1.png) right no-repeat;
	background-position: 96% 40%;
	color: #050d1d;
	font: normal 15px roboto;
	padding: 4px 10px;
	line-height: 20px;
}
.fromdrop h2:hover {
	background: #fc5b62 url(../images/loc1.png) right no-repeat;
	background-position: 96% 40%;
	color:#fff;
	cursor: pointer;
}
.dr1 {
    float: left;
    width: 100%;
    padding: 12px 6px;
    border-bottom: solid 1px #dcdbdb;
    font: normal 15px roboto;
    color: #050d1d;
    background: #fff url(../images/plane1.png) left no-repeat;
    background-position: 5% 40%;
    padding-left: 8px;
}
.dr1:hover {
    background: #fc5b62 url(../images/plane1.png) left no-repeat;
    background-position: 5% 40%;
    color: #FFF;
    cursor: pointer;
}
.dr2 {
    float: left;
    width: 100%;
    padding: 12px 6px;
    border-bottom: solid 1px #dcdbdb;
    font: normal 15px roboto;
    color: #050d1d;
    background: #fff url(../images/plane1.png) left no-repeat;
    background-position: 5% 40%;
    padding-left: 8px;
}
.dr2:hover {
    background: #fc5b62 url(../images/plane1.png) left no-repeat;
    background-position: 5% 40%;
    color: #FFF;
    cursor: pointer;
}

.child {
    margin-right: 0;
}
.date1 {
    float: left;
    width: 49.5%;
    margin-right: 0px;
    border-left: solid 1px #ddd;
    padding: 0px 5px;
}
.sDay {
    font: normal 13px Roboto;
    color: #490a3d;
    float: left;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 5px;
}
.sDate {
    color: #490a3d;
    float: left;
    font: 22px Roboto;
    margin-left: 4px;
    margin-top: 0;
}
.sMonth {
    color: #490a3d;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 1px !important;
    text-align: center;
    width: 25px;
}
.departure {
    position: absolute;
    top: 19px;
    width: 100%;
    left: 0;
    opacity: 0;
    height: 48px;
    border-radius: 20px;
    border: 2px solid #fff;
    outline: none;
    font: normal 13px Roboto;
}
.searchb {
    float: right;
    margin-top: 5px;
}
.searchb1 {
    outline: none;
    background: #f51c26;
    font: normal 18px roboto;
    color: #fff;
    padding: 17px 8px;
    font-weight: 600;
    border-radius: solid 1px #f51c26;
    border-radius: 5px;
}
.minus {
    float: right;
    width: 25px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #050d1d;
    font-weight: bold;
    cursor: pointer;
}
.plus {
    float: right;
    width: 25px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    cursor: pointer;
    color: #050d1d;
    font-weight: bold;
}
.row2 {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.searchrow1 {
    float: left;
    width: 100%;
    padding: 5px 10px;
    position: relative;
    color: #1f1f1f;
}
.flightdetail {
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.onoffbtn {
    width: 36px;
    height: 12px;
    border-radius: 15px;
    background: #e0dddd;
    display: block;
    position: relative;
}
.onoffbtn input[type="checkbox"] {
    opacity: 0;
}
.onoffbtn:after {
    position: absolute;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    background: #d2d0d0;
    top: -4px;
    left: 1px;
    content: '';
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-align: center;
    line-height: 29px;
    color: #fff;
    font-size: 12px;
}
.bag {
    float: left;
    font: normal 14px Roboto;
    /* font-family: Arial, Helvetica, sans-serif; */
    color: #585858;
    line-height: 16px;
    margin-top: -57px;
    padding-left: 44px;
    margin-top: -22px;
    padding-right: 14px;
}
.onoffbtn {
    width: 36px;
    height: 12px;
    border-radius: 15px;
    background: #e0dddd;
    display: block;
    position: relative;
}
.onoffbtn:after {
    position: absolute;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    background: #d2d0d0;
    top: -4px;
    left: 1px;
    content: '';
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-align: center;
    line-height: 29px;
    color: #fff;
    font-size: 12px;
}
.onoffbtn.active:after {
    left: 100%;
    margin-left: -20px;
    background: #ef241f;
    content: '';
}
.onoffbtn input[type="checkbox"]{
  opacity:0;
}
/* end here pop search engine inside css */





/* start here seach engine strip only html structure */

.date4 {
    float: left;
    width: 100%;
    margin-right: 0px;
    padding: 0px 5px;
}
.flightarea3 {
    float: left;
    width: 100%;
    padding: 5px 10px 0px 0px;
}
.flightarea3 input{
    float: left;
    width: 100%;  
   color:#fff!important;
   font-size:16px;
}
.flying3 label {
    float: left;
    width: 100%;
    font: normal 12px roboto;
    color: #fff;
    margin-bottom: 5px;
    padding-left: 0px;
}  	
.flying3 {
    float: left;
    width: 25%;
    position: relative;
}
.flying3 span{float: left;
    color: #fff;
    font-size: 11px;
	font-weight:600;
}
.row3 {
    float: left;
    width: 100%;
    padding: 10px 0px;
}
.right-line3 {
    border-right: 1px solid #fff;
    padding-left: 10px;
}
.right-line31 {
    border-left: 1px solid #fff;
    padding-left: 10px;
}
.formtxt-icon3{
    width: 100%;
    padding: 4px 4px;
    outline: none;
    font: normal 29px roboto;
    color: #e01212!important;
    background: #fff0 url(../images/flight-change.jpg) right no-repeat;
    background-position: 97% 40%;
}
.date3{
    float: left;
    width: 49.5%;
    margin-right: 0px;
    padding: 0px 5px;
}
.formtxt3{
    width: 100%;
    outline: none;
    font: normal 19px roboto;
    color: #e01212!important;
    background: #fff0 url(../images/cal.png) right no-repeat;
    background-position: 97% 40%;
}
.dateformat3{
    float: left;
    width: 100%;
    position: relative;
    outline: none;
    font: normal 13px Roboto;
    background-position: 96% 40%;
}
.white-text{
    background: transparent!important;
	color:#fff!important;
}

/*.white-text input[placeholder], *[placeholder], [placeholder] {
    color: #050d1d;
}
*/.searchb3{
    outline: none;
    background: #f51c26;
    font: normal 18px roboto;
    color: #fff;
    padding: 13px 8px;
    margin-top: -7px;
    font-weight: 600;
    border-radius: solid 1px #f51c26;
    border-radius: 2px;
}
.searchb4{
    outline: none;
    background: none;
    font: normal 18px roboto;
    color: #fff;
    border: solid 2px #fff;
    padding: 8px 8px;
    margin-top: -7px;
    font-weight: 600;
    border-radius: solid 1px #f51c26;
    border-radius: 0px;
}
.searchb4:hover{
	 background: none;
	 border:solid 2px #fff;
	 color: #fff;
    border: solid 2px #fff;
}
/* end here seach engine strip only html structure */

/* start here serach engine popup */
.container{
  float:none;
  margin:0 auto;
  padding:10px;
}
.container>.overly{
  width:300px;
  height:80px;
  font-size:25px;
  cursor:pointer
}
.modalbox {
    min-width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(15, 15, 15, 0.8);
    z-index: 10;
    pointer-events: auto;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.modalbox > .dialog {
    max-width: 100%;
    position: relative;
    top: 188px;
    /* margin: 5% 10%; */
    padding: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    display: block;
    pointer-events: auto;
}

.closebutton {
    float: right;
	height:45px;
	width:45px;
	padding:3px;   
    z-index: 9999;
    cursor: pointer;
    margin-right: 15%;
	background:url(../images/close.png);
}
/* start here seach engine strip only html structure */

/* start here serach engine transparent */







/* end here serach engine transparent */


/* ==========================================================================
   #SELECT adult child
   ========================================================================== */
.quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
}

@media (max-width: 575px) {
  .quantity {
    float: none;
    margin-top: 10px;
  }
}
input {
    overflow: none;
 /*   width: 100%;*/
    font-size: 12px;
	border:none
}
.quantity > input {
    -webkit-appearance: none;
    width: 21px;
    text-align: center;
    font-size: 13px;
    color: #555;
    font-weight: 700;
    border: none;
}
.plus {
    float: right;
    width: 22px!important;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    cursor: pointer;
    color: #050d1d;
    font-weight: bold;
}
.minus {
    float: right;
    width: 22px!important;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #050d1d;
    font-weight: bold;
    cursor: pointer;
}
.minus, .plus {
    display: inline-block;
    width: 32px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 20px;
    /* color: #ccc; */
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
    /* border-radius: 50%; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.minus:hover,
.plus:hover {
  background: #222;
  border-color: #222;
  color: #fff;
}

.list-room {
  list-style: none;
  max-height: 210px;
  overflow-y: auto;
}

/*.list-room__item {
  margin-bottom: 20px;
}*/
.list-room__footer {
  padding-top: 22px;
  border-top: 1px solid #e5e5e5;
}

.list-room__name {
  margin-bottom: 27px;
  display: block;
  font-weight: 700;
  color: #999;
}

.list-person {
  list-style: none;
}

.list-person .list-person__item:last-child {
  margin-bottom: 0;
}

.list-person__item {
  margin-bottom: 34px;
}

.list-person__item::after {
  content: "";
  clear: both;
  display: table;
}

.list-person__item .name {
  font-size: 12px;
  color: #555;
  font-weight: 700;
  display: inline-block;
  margin-top: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#btn-add-room {
  font-family: inherit;
  font-size: 16px;
  color: #6c7ae0;
  font-weight: 700;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#btn-add-room:hover {
  text-decoration: underline;
}
.dropdown-select.show {
    display: block;
    width: min;
}
.dropdown-select {
    display: none;
    font-family: "Lato", "Arial", "Helvetica Neue", sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: -webkit-calc(100% + 2px);
    top: -moz-calc(100% + 2px);
    top: calc(100% + 2px);
    background: #fff;
    z-index: 999;
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    /* border-radius: 10px; */
    -webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
    padding: 15px 17px;
    /* padding-right: 25px; */
    top: 63%;
    /* margin-left: 5px; */
    width: 85%;
	
}
.dropdown-select.show {
  display: block;
}

.open .input-icon::before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.open .input-icon.zmdi-plus:before {
  content: '\f273';
}

/* ==========================================================================


/* collepse dropdown start */
body{ font-family:roboto!important;}
.mb-0 > a {
    display: block;
    position: relative;
    color: #111111;
    font-size: 13px;
    font-weight: 600;
}
.mb-0 > a:before {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  color:#111111;
  font-size:13px; 
  font-weight:600;
/*  position: absolute;
  */
}
.mb-0 > a[aria-expanded="true"]:before {
  content: "\f077"; /* fa-chevron-up */
  color:#111111;
  font-size:13px; 
  font-weight:600;
}
.card-header{
    padding: .75rem 0.25rem;
    margin-bottom: 0;
    background-color: #fff;
}
.filter-icon{
	color:#111111;
  font-size:16px; 
  font-weight:600;
	}

.card-body { font-size:13px;
color:#111;}

/** {
    margin: 0;
    padding: 0;
    outline: 0!important;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
.filter[_ngcontent-serverApp-c38] .heading[_ngcontent-serverApp-c38] {
    margin: 0 0 8px;
}
ul[_ngcontent-serverApp-c38] {
    list-style-type: none;
	padding:0px;
}
.filter[_ngcontent-serverApp-c38] li[_ngcontent-serverApp-c38] {
    margin-right: 12px;
    cursor: pointer;
	margin-right:5px;
}
.doller-font{color: #000;
    font-size: 18px;
    font-weight: 600;
	padding-left:12px;}
	
.small-font {
    color: #5f5d5d;
    font-size: 12px!important;
    font-weight: 600;
    padding: 8px 0px;
    margin-bottom: 10px;
}
	
 .number[_ngcontent-serverApp-c38] {
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ebebeb;
    transition: all .3s ease;
	margin-right:16px;
}
.number[_ngcontent-serverApp-c38]:hover {
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;
}

.filter[_ngcontent-serverApp-c38] li[_ngcontent-serverApp-c38] p[_ngcontent-serverApp-c38] {
    font-size: 16px!important;
    font-weight: 600;
    color: #363636;
    margin: 5px 0 0;
    text-align: center;
}

/* start here depature */
.number2[_ngcontent-serverApp-c38] {
    width: 50px;
    height: 50px;
    line-height: 27px;
    margin-top: 11px;
    border-radius: 5px;
    padding-top: 7px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ebebeb;
    transition: all .3s ease;
    margin-right: 5px;
}
.number2[_ngcontent-serverApp-c38]:hover, .number2.active[_ngcontent-serverApp-c38] {
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;
}

.filter2[_ngcontent-serverApp-c38] li[_ngcontent-serverApp-c38] p[_ngcontent-serverApp-c38] {
    font-size: 16px!important;
    font-weight: 600;
    color: #363636;
    margin: 5px 0 0;
    text-align: center;
}
.icontext{font-size:18px;}

/* start here airlines */
.chek_list {
    list-style: none;
    width: 100%;
    padding-left: 0px;
    margin: 0 auto;
}
.chek_list li {
    line-height: 24px;
}

.chek_list li span {
    padding-left: 7px;
    font-weight: 600;
}
.rt {
    float: right;
}
.btn-clos_clear {
    background: #efefef;
    color: #6b6b6b;
    padding: 2px 6px;
    font-size: 12px;
    margin-bottom: 10px;
}
.chek_list li span {
    padding-left: 7px;
    font-weight: 600;
    font-size: 12px;
}
.form-check-input[type=checkbox] {
    border-radius: .10em;
}
.form-check-input {
    border: 1px solid #999 !important;
}
.btn-select {
    background: #f9e7e7;
    color: #ef3f3e;
    padding: 2px 6px;
    font-size: 12px;
    margin-bottom: 10px;
}
.btn:hover {
    color: #212529;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.form-check-input:checked {
    border: 1px solid #ef3f3e !important;
}
.form-check-input:checked {
    background-color: #ef3f3e;
    border-color: #ef3f3e;
}


input[type=checkbox]:not(.switch) {
    border-radius: 5px;
	margin-top: 5px;
}

input[type=checkbox]:not(.switch), input[type=radio]:not(.switch) {
    width: 14px;
}
input[type=checkbox], input[type=radio] {
    --active: #275EFE;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #275EFE;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
 /*   -webkit-appearance: none;
    -moz-appearance: none;*/
    height: 14px!important;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
input[type=checkbox]:not(.switch):after {
    width: 5px!important;
    height: 9px!important;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 5px;
    top: 2px;
    transform: rotate(var(--r, 34deg));
}
input[type=checkbox]:not(.switch):after, input[type=radio]:not(.switch):after {
    opacity: var(--o, 2);
}
input[type=checkbox]:after, input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
*:before, *:after {
    box-sizing: inherit;
}

/* start here price range css*/
 .zero{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;0:align-items;1:box-sizing;2:display;3:flex-direction;4:align-content;5:justify-content;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;place-content:center flex-start;webkit-align-content:center;webkit-align-items:center;webkit-box-sizing:border-box;webkit-flex-direction:row;webkit-justify-content:flex-start;}
 .zero-02{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;0:align-items;1:box-sizing;2:display;3:flex-direction;4:align-content;5:justify-content;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;place-content:center flex-start;webkit-align-content:center;webkit-align-items:center;webkit-box-sizing:border-box;webkit-flex-direction:row;webkit-justify-content:flex-start;}
/*.nav-tabs {
 
    padding: 15px 40px;
    background-color: white;
 
    border: solid 1px #ddd;
}
*/
.slideContainer {
width: 100%;
position: absolute;
margin: auto;
color: #F00!important;
}
.slideContainer img{
width:100%; height:100vh
}

/* collepse dropdown end */

/* start here switch button */
 .onoffbtn {
    width: 36px;
    height: 12px;
    border-radius: 15px;
    background: #e0dddd;
    display: block;
    position: relative;
}
.onoffbtn:after {
    position: absolute;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
 /*   background: #ff0000;*/
    top: -3px;
    left: 1px;
    content: '';
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-align: center;
    line-height: 29px;
    color: #fff;
    font-size: 12px;
}
.onoffbtn.active:after {
    left: 100%;
    margin-left: -16px;
    background: #ff0000;
     content: ''; 
}
.onoffbtn input[type="checkbox"]{
  opacity:0;
}



/* start here price tab css*/
.rates-page-tabs .nav-tabs>li>a {
    border: none;
    text-transform: uppercase;
    color: #7d7d7d;
    font-size: 12px;
    padding-right: 71px;
    font-weight: 600;
}
.rates-page-tabs .nav-tabs>li>a:hover,
.rates-page-tabs .nav-tabs>li>a:focus {
  color: red;
  background-color: white;
}

.rates-page-tabs .nav-tabs>li.active>a,
.rates-page-tabs .nav-tabs>li.active>a:focus,
.rates-page-tabs .nav-tabs>li.active>a:hover {
  border: none;
  box-shadow: 0px -2px 0px red inset;
  color: red;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #ddd;
    padding: 15px 15px 15px 15px;
    text-align: justify;
    margin-bottom: 5px;
    background-color: #fff;
}
.rates-page-tabs .panel-group,
.rates-page-tabs .panel-group .panel,
.rates-page-tabs .panel-group .panel-heading,
.rates-page-tabs .panel-group .panel-heading a,
.rates-page-tabs .panel-group .panel-title,
.rates-page-tabs .panel-group .panel-title a,
.rates-page-tabs .panel-group .panel-body,
.rates-page-tabs .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 2px;
  border: 0;
}
.rates-page-tabs .panel-group .panel-heading {
  padding: 0;
  background-color: white;
}
.rates-page-tabs .panel-group .panel-heading a {
  display: block;
  color: #303030;
  font-size: 18px;
  padding: 15px 15px 15px 45px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
.rates-page-tabs .panel-group .panel-heading a.collapsed {
  
}
.rates-page-tabs .panel-group .panel-heading a:before {
  content: '-';
  position: absolute;
  left: 14px;
  top: 8px;
  font-size:26px;
}
.rates-page-tabs .panel-group .panel-heading a.collapsed:before {
  content: '+';
  left: 10px;
  top: 10px;
}


.rates-page-tabs .panel-group .panel-collapse {
  margin-top: 5px !important;
}
.rates-page-tabs .panel-group .panel-body {
  background: #ffffff;
  padding: 15px;
}
.rates-page-tabs .panel-group .panel {
  background-color: transparent;
}
.rates-page-tabs .panel-group .panel-body p:last-child,
.rates-page-tabs .panel-group .panel-body ul:last-child,
.rates-page-tabs .panel-group .panel-body ol:last-child {
  margin-bottom: 0;
}


/* end here price tab css*/


/* start here result page code*/






/*start here stop css */

/*.filter[_ngcontent-serverApp-c38] .white-bg[_ngcontent-serverApp-c38] {
    background: #fff;
    border: 1px solid rgba(156,170,179,.28);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 15px 15px 10px;
    margin: 0 0 15px;
    position: relative;
}
ul[_ngcontent-serverApp-c38] {
    list-style-type: none;
}
.filter[_ngcontent-serverApp-c38] .stops[_ngcontent-serverApp-c38] li[_ngcontent-serverApp-c38] {
    margin-right: 12px;
    cursor: pointer;
}*/




/* start here drepdown toggle fare show */




.tab-padding{
    padding:1px 1px;
    background-color: white;
    border-left: solid 1px #fff!important;
	border-right: solid 1px #fff!important;
	border-top: solid 1px #fff!important;
	border-bottom: solid 1px #fff;
	color: #495057!important;
    background-color: #fff;
    font-size: 12px;
	font-weight: 600;
	width:100%;
}
.tab-padding a{color:red!important;} 
.tab-padding .active {
    color: #495057!important;
    background-color: #fff;
    font-size: 12px;
    background-color: white;
	 border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
    border-bottom: solid 4px red!important;
    font-weight: 600;
}
.tab-padding:hover{
    background-color: white;
    border-left: solid 1px #fff!important;
	border-right: solid 1px #fff!important;
	border-top: solid 1px #fff!important;
	border-bottom: solid 1px #fff;
	color: #495057!important;
    background-color: #fff;
    font-size: 12px;
	font-weight: 600;
}



.right-line:first-child {
    border-right: 1px solid #ddd;
}
.click-big {
    color: #fff;
    display: inline-block;
    border: 1px solid #ef241f;
    height: 38px;
    padding: 0 13px;
    line-height: 38px;
    font-weight: 800;
    font-size: 16px;
    background: #ef241f;
    cursor: pointer;
    margin-top: -18px;
    margin-bottom: 10px;
}
.click-big:hover {
    color: #ef241f;
    display: inline-block;
    border: 1px solid #ef241f;
    height: 38px;
    padding: 0 13px;
    line-height: 38px;
    font-weight: 800;
    font-size: 16px;
    background: #fff;
}


.inclusion-baggage_01 {
    font-size: 38px;
    color: #000;
    font-weight: 900;
	cursor:pointer;
}
.inclusion-baggage_01 span{
    font-size:14px;
    color: #888;
    font-weight:600;
}

.flight-card__arrival_01 {
    margin-right: 1rem;
    text-align: left;
	width:33%;
}

.flight-card__departure_01 {
    margin-left: 1rem;
    text-align: right;
	width:33%;
}

.flight-card__day_01 {
    font-size: 12px;
    font-weight: 600;
}
.flight-card__time_01 {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 25px;
    color: #000;
    font-weight: 600;
    /* font-weight: var(--font-weight-bold); */
}
.flight-card__city_01 {
    margin-bottom: 0.4rem;
    font-size: 18px;
    font-weight: 700;
}

.flight-card-01 {
    box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 15px;
    background-color: #f8f9fa;
    border: solid 1px #ececec;
	background:#FFF
}

.border-bot{border-bottom: 1px solid #000;
    padding: 8px;
	}
#vn-click {
	color: #19478a;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
	cursor:pointer;
}
#vn-click:hover{
   color: red;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
}

#vn-info {
    display: none;
    text-align: center;
    background: #f8f9fa;
    color: #666;
    padding: 10px 0px;
}
#vn-click1 {
	color: #19478a;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
	cursor:pointer;
}
#vn-click1:hover{
   color: red;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
}

#vn-info1{
    display: none;
    text-align: center;
    background: #f8f9fa;
    color: #666;
    padding: 10px 0px;
}
#vn-click2 {
	color: #19478a;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
	cursor:pointer;
}
#vn-click2:hover{
   color: red;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
}

#vn-info2{
    display: none;
    text-align: center;
    background: #f8f9fa;
    color: #666;
    padding: 10px 0px;
}
#vn-click3 {
	color: #19478a;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
	cursor:pointer;
}
#vn-click3:hover{
   color: red;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
}

#vn-info3{
    display: none;
    text-align: center;
    background: #f8f9fa;
    color: #666;
    padding: 10px 0px;
}

#vn-click4 {
	color: #19478a;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
	cursor:pointer;
}
#vn-click4:hover{
   color: red;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
}

#vn-info4{
    display: none;
    text-align: center;
    background: #f8f9fa;
    color: #666;
    padding: 10px 0px;
}

#vn-click5 {
	color: #19478a;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
	cursor:pointer;
}
#vn-click5:hover{
   color: red;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
	font-size:12px;
}
#vn-info5{
    display: none;
    text-align: center;
    background: #f8f9fa;
    color: #666;
    padding: 10px 0px;
}
.fli-details {
    text-align: right;
    margin-top: -29px;
    margin-bottom: 0px;
}
.inclusion-baggage{font-size:12px; color:#000; }	

/*start here more less content css */
/*.right-line :first-child {
    border-right: 1px solid #ddd;
}*/
.gray-strip{ 
    background: #f4f6f8;
    padding: 8px 15px;
    margin-left: -15px;
    margin-right: -15px;
}

section {
    width: 100%;
    height: auto;
    word-wrap: break-word;
}
.moretext {
  display: none;
}
.blue-btn{
	cursor:pointer;	
	font-size:13px;
    color: #19478a;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #19478a;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
}
.blue-btn:hover{
	cursor:pointer;
	font-size: 13px;
    color: red;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid red;
    border-radius: 4px;
    height: 25px;
    padding: 0 8px;
    line-height: 24px;
    font-weight: 500;
}

.blue-btn > a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #19478a;
    border-left: 2px solid #19478a;
    right: 10px;
    transform: rotate(
45deg);
    top: 16px;
    transition: 0.3s;
}


/* pretty radio */
label > input[type="radio"] {
  display: none;
}
label > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: gray;
}
label > input[type="radio"]:checked + * {
  color: red;
}
label > input[type="radio"]:checked + *::before {
  background: radial-gradient(red 0%, red 40%, transparent 50%, transparent);
  border-color:red;
}

/* basic layout */
fieldset {
  margin: 20px;
  max-width: 400px;
}
label > input[type="radio"] + * {
    display: inline-block;
    padding: -1px 6px;
}
 .mat-radio-inner-circle {
    width: 18px;
    height: 18px;
    background: #d32f2f;
    transform: scale(0);
    -moz-transform: scale(0);
}

.flight-card__duration, .flight-card__type {
    font-size: 1.4rem;
}

.flight-card__duration {
    min-width: 50px;
    text-align: center;
}
.route-line {
    position: relative;
/*    margin: -12px 0 0;*/
    width: 100%;
    height: 0px;
    border: 1px dashed;
    color: #bdbbbb;
}
.route-line__start {
    left: 0;
    border: 0.6rem solid HSL(var(--color-purple));
    background-color: #fff;
}
.route-line__stop {
    border-radius: 100%;
    box-sizing: content-box;
    /* width: 0.8rem; */
    height: 0.8rem;
    position: absolute;
    top: 50%;
    background-color: HSL(var(--color-purple));
    transform: translate3d(-50%, -50%, 0);
}
.route-line__end {
    right: 0;
    border: 0.6rem solid HSL(var(--color-light-purple));
    transform: translate3d(50%, -50%, 0);
}

.route-line__end ::after {
    content: "\f0fb";
    position: absolute;
    right: 0;
    top: 0;
    font-family: akbar!important;
    font-size: 15px;
    color: #5e5e5e;
}
.route-line__stop-name {
    margin-top: 12px;
    font-size: 10px;
    font-weight: 600;
    /* transform: translateX(-0.7rem); */
    color: #636262;
    text-align: center;
}






.flights__total {
  margin-bottom: 1rem;
  font-weight: var(--font-weight-medium);
}
.flights__total span {
  font-size: 1.3rem;
}
.top-flights {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.top-flights .top-flight-card:not(:last-child) {
  margin-right: 2rem;
}
.top-flight-card {
  border-radius: 1.5rem;
  box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
  display: flex;
  padding: 2rem;
  background-color: #fff;
  cursor: pointer;
  transition: 0.6s var(--ease-out-quart);
}
.top-flight-card__price {
  margin-right: 1.5rem;
}
.top-flight-card__heading {
  margin-bottom: 0.4rem;
  font-weight: var(--font-weight-medium);
}
.top-flight-card__sub-heading {
  font-size: 1rem;
}
.top-flight-card.is-active,
.top-flight-card:hover {
  background-color: HSL(var(--color-purple));
  color: #fff;
}
.flights-list__item:not(:last-child) {
    margin-bottom: 1rem;
}
.flight-card {
    border-radius: 1.5rem;
    box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem;
    background-color: #fff;
}
.flight-card__airline {
  border-radius: 100%;
  overflow: hidden;
  flex: 0 1 5rem;
  border: 0.2rem solid #fff;
}
.flight-card__airline + .flight-card__airline {
  position: relative;
  top: -1.5rem;
}
.flight-card__departure {
    margin-left: 1rem;
    text-align: left;
    display: flex;
    flex-flow: wrap;
}
.flight-card__arrival {
    margin-right: 1rem;
    text-align: right;
    display: flex;
    flex-flow: wrap;
}
.flight-card__route {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
    /*margin-top: -22px;*/
    align-self: start;
}
.flight-card__route_01 {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
    margin-top: -22px;
	width:33%;
}

.flight-card__duration,
.flight-card__duration, .flight-card__type {
    font-size: 12px;
	margin-bottom:5px;
}
.flight-card__type {
  margin-top: 1rem;
}
.flight-card__action {
  text-align: center;
}
.flight-card__time {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 700;
    /* font-weight: var(--font-weight-bold); */
}
.flight-card__city {
    margin-bottom: 0.4rem;
    font-size: 13px;
    font-weight: 700;
}
.flight-card__day {
    font-size: 10px;
}
.flight-card__price {
  margin-bottom: 1rem;
}
.flight-card__cta {
  min-width: 16rem;
}
.sidebar {
  box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
  border-radius: 1.5rem;
  margin-top: 2.6rem;
  padding: 3rem 2rem;
  background-color: #fff;
}
.sidebar__action {
  width: 100%;
}
.sidebar-section:not(:last-child) {
  margin-bottom: 4rem;
}
.sidebar-section__heading {
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
  font-weight: var(--font-weight-medium);
}



.gapping{position: relative;
    padding: 10px 0;}	
.bg-space{padding: 7px 15px;
    background: #f4f6f8;
	width:100%;}
.bg-white {
    padding: 2px 12px;
    background: #fff;
    margin: 0px;
    width: 100%;
}

.bg-space-small{color: #000;
    font-size: 13px;
    font-weight: 500;}
.stand{display: inline-block;
    margin: 0 4px;
	border: 0px solid #dee2e6!important;
	}
.airways-name{font-size: 13px;
	float:left;
    font-weight: 400;
    color: #000;
    margin: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.airways-name bold{display: block;
    margin: 3px 0 0;
    color: #878686;
    font-size: 11px;
    font-weight: nold;
}

.airways-name small{display: block;
    margin: 3px 0 0;
    color: #878686;
    font-size: 11px;
    font-weight: 600;
}
.airways-name1{font-size: 13px;
float:right;
    font-weight: 400;
    color: #000;
    margin: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:right!important;
}
.reultboxleft{
    background: #fff;
    border: 1px solid rgba(156,170,179,.28);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    /* padding: 10px 15px 0; */
    transition: box-shadow .3s ease;
}
.reultboxleft:hover {
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 40%);
}

.reultbox {
    background: #fff;
    border: 1px solid rgba(156,170,179,.28);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 10px 15px 0;
    margin: 0 0 15px;
    transition: box-shadow .3s ease;
}
.reultbox:hover {
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 40%);
}
.fli-list-heading-section {
    border-bottom: 1px solid #ededed;
    padding: 8px;
	width:100%;
}
.append_right9 {
    margin-right: 9px;
    margin-left: 9px;
}
.fli-list .airways-name {
    color: #878787;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 4.4px;
}
/*.lineing{border-left: 1px solid #ddd;
    padding-left: 15px;}
*/
.fli-list-body-section {
/*    border-bottom: 1px solid #ededed;*/
    color: #565656;
    font-size: 12px;
    /* padding: 20px 0px; */
    position: relative;
    padding-bottom: 8px;
}
.fli-list-body-section .dept-options {
    border-right: 1px solid #ededed;
    padding-right: 18px;
}
.append_bottom19 {
    margin-bottom: 19px;
}
.widel{width:100%;
float:left;}
.wider{width:100%;
float:right;
color:#F00;
text-align:right;}

.append_bottom19 strong{
    color: #000;
    font-size: 14px;
    font-weight: 500;
	width:100%;
	clear:both;
	padding-left:10px;
}
.radio {
    color: #9b9b9b;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    position: relative;
}
.one-stop-line {
    background-position: -6px -45px;
}
.one-stop-line, .three-stop-line, .two-stop-line {
    height: 8px;
    margin-left: 18px;
    margin-right: 18px;
    width: 165px;
}
.fli-list .stops {
    color: #9b9b9b;
    font-size: 10px;
    height: 12px;
    left: 18px;
    line-height: 12px;
    position: absolute;
    top: 17px;
    width: 195px;
}
.one-stop .stop1 {
    margin-left: 62px;
}
.stops span {
    text-align: center;
    width: 40px;
}
.one-stop-line {
    background-position: -6px -45px;
}
.one-stop-line, .three-stop-line, .two-stop-line {
    height: 8px;
    margin-left: 18px;
    margin-right: 18px;
    width: 165px;
}
.fli-list .flight-duration {
    background-color: #fff;
    color: #787878;
    font-size: 12px;
    height: 16px;
    left: 49px;
    position: absolute;
    text-align: center;
    top: -16px;
    width: 116px;
}
.fli-list .fli-details {
    color: #0055b7;
    cursor: pointer;
    font-size: 14px;
    height: 37px;
    position: relative;
    width: 237px;
}
.fli-list .cancellation-fee, .fli-list .inclusion-text {
    color: #878787;
    font-size: 11px;
    line-height: 16px;
    margin-left: 5px;
}
.fli-list .view-more-btn:hover {
    color: #0055b7;
}
.fli-list .dept-time, .fli-list .reaching-time {
    color: #484848;
}
.radio input:checked + .outer {
    border: 1px solid #5c9bc4;
}
.radio .outer {
    background-color: #fff;
    border: 1px solid #5c9be4;
    border-radius: 50%;
    display: block;
    float: left;
    height: 18px;
    margin-top: 3px;
    width: 18px;
}
.fli-list .dept-time, .fli-list .reaching-time {
    color: #484848;
}

/*start here payment page */
.searchrow1 {
    float: right;
    width: 100%;
    margin-top: 0px;
	/*background:#f4f6f8!important;*/
}
.searchrow1 .wide-1{
    float: left;
    width: 15%;
}
.searchrow1 .wide-a{
    float: left;
    width: 20%;
}
.searchrow1 .wide-b{
    float: left;
    width: 10%;
}
.searchrow1 .wide-c{
    float: left;
    width: 10%;
}
.searchrow1 .wide-d{
    float: left;
    width: 22.5%;
}
.searchrow1 .wide-e{
    float: left;
    width: 22.5%;
}
.bnd_det_heading {
    background: #e1f0f7;
    color: #222;
    font-size: 12px;
    display: inline;
    padding: 6px 10px;
    border-radius: 3px;
    text-align: left;
    text-align: center;
    float: left;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

/* stayle start here contactus page */
.contact-info {
    margin-bottom: 14px;
}
.contact-info__icon {
    margin-right: 20px;
}
.contact-info__icon i, .contact-info__icon span {
    color: #8f9195;
    font-size: 27px;
}
.ti-home:before {
    content: "\e69b";
}

/* end here contactus apge */

/* stayle start here support page */
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
    background-color: #fff;
    border-radius: 0;
    border: none;
    color: #ad3131;
    padding: 0;
	border: solid 1px #ddd;
}

.panel-title a {
    display: block;
    color: #000;
    padding: 10px;
    position: relative;
    font-size: 14px;
    font-family: roboto;
    font-weight: 400;
}

.panel-body {
  background: #fff;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

accordion .panel-heading a:before {
    content: '\e316';
    font-size: 24px;
    position: absolute;
    font-family: 'Material Icons';
    right: 5px;
    top: 5px;
    transform: rotate(180deg);
    transition: all 0.5s;
}

.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 5px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  content: '\e316';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 5px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.top-space{padding-top:74px;}
/* end here support apge */

/*srating here flight page slider range */
.rangeSlider {
    position: relative;
    height: 6px;
    margin: 12px;
    margin-top: 45px;
    margin-bottom: 12px;
    border-radius: 500px;
    background-color: #ddd;
}
.rangeSlider--animate .rangeSlider__handle,
.rangeSlider--animate .rangeSlider__tooltip {
  transition: left 300ms;
}
.rangeSlider--animate .rangeSlider__range {
  transition: left 300ms, width 300ms;
}
.rangeSlider__handle {
    display: inline-block;
    position: absolute;
    top: -6px;
    width: 19px;
    height: 19px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #999;
}
.rangeSlider__handle:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: calc(50% - 8px);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #333;
}
.rangeSlider__handle:after {
    content: attr(data-value);
    display: block;
    position: absolute;
    top: -33px;
    left: -25px;
    width: 71px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    transition: margin 300ms;
}
.rangeSlider__handle:focus {
  outline: 0;
}
.rangeSlider__handle--from {
  left: -15px;
}
.rangeSlider__handle--to {
  right: -15px;
}
.rangeSlider__handle--active {
  z-index: 1;
}
.rangeSlider__range {
    position: absolute;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ef3f3e;
    border-radius: 500px;
}
.rangeSlider__tooltips {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 25px;
  filter: url("#composite-goo");
}
.rangeSlider__tooltip {
    position: absolute;
    width: 33px;
    height: 25px;
   /* margin-left: 24px;
     margin-right: -21px; */
    background-color: #333;
}
.rangeSlider__tooltip--from {
  left: -40px;
}
.rangeSlider__tooltip--to {
  right: -40px;
}
.finner {
    padding: 10px;
    float: left;
    width: 100%;
}
.not-show{display:block;}
/* ending the flight page slider range */

/* start here sorting by */
.theme-search-results-sort {
    padding: 10px 20px;
    z-index: 15;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background: #fff;
	width:100%;
}
.theme-search-results-sort-title {
    font-size: 18px;
    margin: 0;
    margin-right: 0px;
    margin-right: 14px;
    float: left;
    padding-top: 7px;
    font-weight: 600;
    letter-spacing: 0;
    color: #4c4c4c;
}
.theme-search-results-sort-list {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.theme-search-results-sort-list > li {
    float: left;
    margin-bottom: 10px;
}
.theme-search-results-sort-list > li > a {
    padding: 0 17px;
    display: block;
    font-size: 13px;
    color: #737373;
    margin-bottom: -20px;
    font-weight: 500;
    /* opacity: 0.85; */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
}
.theme-search-results-sort-list > li > a > span {
    display: block;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    font-size: 10px;
    line-height: 7px;
}
.theme-search-results-sort-alt {
    float: right;
    font-size: 13px;
    padding: 0px 10px;
}
.theme-search-results-sort-list:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 11;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    width: auto;
    font-size: 15px;
    line-height: 25px;
    padding-left: 10px;
    /* margin-left: -124px; */
    color: #48494a!important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menu a{ color:#333;}
.hidding{display:none;}
.fa.pull-right {
    margin-left: 0;
}

/* end here sorting by */

/* filter checkbox*/
.chiller_cb {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
    /*padding-right: 25px;*/
    padding-right: 15px;
}
.chiller_cb input ~ span, .chiller_cb input:checked ~ span {
    /*background: #fd2727; */
    border-color: #fd2727;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;
    width: 60px;
    height: 30px;
    line-height: 30px;
    padding-right: 0px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ebebeb;
    transition: all .3s ease;
    cursor: pointer;
}
.chiller_cb input:checked ~ span {
    background: #fd2727;
}
.chiller_cb input ~ span:hover, .chiller_cb input:checked ~ span:hover{
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;
}

.chiller_cb input ~ span:before, .chiller_cb input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input ~ span:after, .chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}
.gap{ padding:15px!important;}
.chiller_cb2 {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.chiller_cb2 input:checked ~ span {
    background: #fd2727;
    border-color: #fd2727;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;
    width: 60px;
    height: 30px;
    line-height: 30px;
    padding-right: 0px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ebebeb;
    transition: all .3s ease;
}
.chiller_cb2 input:checked ~ span:hover{
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;
}

.chiller_cb2 input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb2 input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb2 input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb2 input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb2 input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb2 label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}
.over-btn{margin-left: -56px;
    background-color: #fff;
	box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
   }
	
.over-btn:hover{box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    background: #ea7373;
    color: #fff;
    border-color: #ea7373;}
	
/* end here filter check box */
/* staring here filter popup */
#wrapper{ /*width:100%;
min-height:100%;*/
overflow:hidden;
	}
#blackwall{
	background:rgba(44,62,80,0.6);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
	}
#nlmodal{width:100%;
	max-width:400px;
	min-height:200px;
	box-sizing:border-box;
	background:#FFF;
	border-radius:5px;
	margin:10% auto 0;
	box-shadow:1px 2px 3px #111;
	overflow:hidden;
	transition:all 0.5s ease;
	transform:scale(0,0);
	}
.modal-header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    color: #fff;
    font-family:roboto;
    background: #ffffff;
    box-sizing: border-box;
}
.modal-header h1{
	margin:0;
	font-size:22px;
	float:left;
	}
.modal-header .hider{
	float:right;
	cursor:pointer;
	transition:all 0.5s ease;
	}
.modal-header .hider:hover{
	transform:scale(1.2,1.2);
	transition:all 0.5s ease;
	}	
.modal-body{
	font-family:roboto;
	box-sizing:border-box;
	padding:5px 15px;
	color:#333;
	text-align:justify;
	}
.modal-body h3{
	font-family:roboto;
	font-size:18px;
	font-weight:800;}	
.blockScroll{
	overflow-y:hidden;}
.modal-header a:not([href]):not([tabindex]) {
    color: #222;
    text-decoration: none;
}
.topopy{margin-top:-92px;}
.left-side{ float:left;}
.right-side{ float:right;}
.text-right-side{float: right!important;
    text-align: end;}
/* end here filter popup */


/* start here media query */
@media only screen and (max-width: 600px) {
/* star here flixible */	
.flight-calendar th.coldate > div, .flight-calendar td.rowdate > div {
    border-radius: 5px;
    padding: 0px;
}
/* end here flixible  */
	
/*.right-side{ float:left;}	
.hidding2{display:block;}	*/
#nlmodal{width:100%;
	max-width:424px;
	min-height:200px;
	box-sizing:border-box;
	background:#FFF;
	border-radius:5px;
	margin:0px!important;
	box-shadow:1px 2px 3px #111;
	overflow:hidden;
	transition:all 0.5s ease;
	transform:scale(0,0);
	}	
	
.theme-search-results-sort-alt {
    float: right;
    font-size: 13px;
    /* padding: 2px 10px; */
    padding-left: 18px;
}	
.hidding{display:block;}
.hidding2{display:none;}
.theme-search-results-sort {
    padding: 10px;
    margin-bottom: 10px;
    z-index: 15;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background: #fff;
    width: 73%;
}
.theme-search-results-sort-title{
  display:none;}	
	
  .flight-card__route{
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    margin-top: -22px;
}

.flight-card-01{
    box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
     display:block; 
    justify-content: space-between;
    align-items: center;
    padding: 16px 15px;
    background-color: #f8f9fa;
    border: solid 1px #ececec;
    background: #FFF;
}
.flight-card__departure_01{
    margin-left: 0rem;
    text-align: right;
    text-align: left;
    width: 100%;
}
.flight-card__route_01{
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
    margin-top: -22px;
    width: 90%;
    margin: 10px 20px 31px -60px;
}
.flight-card__arrival_01{
    margin-right: 1rem;
    text-align: left;
    width: 100%;
}
.flight-card-01 span{
    font-size: 12px;
	margin:0px;
}
.flight-card__duration b{ margin-bottom:0px;}
.slider-range{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#dc3545!important;
    margin: 0px 16px;
    -webkit-transition: .4s;
    transition: .4s;
    width: 86%;
}
.date4{
    float: left;
    width: 49.5%;
    margin-right: 0px;
    padding: 0px 5px;
}
.topheader{
    /* position: absolute; */
	display:none;
	margin-top:103px;
    float: left;
    top: 0;
    width: 100%;
    cursor: pointer;
    background-image: linear-gradient( 
190deg, #032258 0%, #da4b51 100%);
}
.headering2{
    margin-top:77px!important;
}
.rates-page-tabs .nav-tabs>li>a {
    border: none;
    text-transform: uppercase;
    color: #7d7d7d;
    font-size: 12px;
    padding-right: 40px;
    font-weight: 600;
}
.searchrow1 .wide-1 {
    float: left;
    width: 50%;
	margin: 3px 0px;
}
.searchrow1 .wide-a {
    float: left;
    width: 50%;
	margin: 3px 0px;
	text-align: right;
	padding: 0px 15px;
}
.searchrow1 .wide-b {
    float: left;
    width: 50%;
	margin: 3px 0px;
	padding: 0px 15px;
}
.searchrow1 .wide-c {
    float: left;
    width: 50%;
	margin: 3px 0px;
	text-align: right;
	padding: 0px 15px;
}
.searchrow1 .wide-d {
    float: left;
    width: 50%;
	margin: 3px 0px;
	padding: 0px 15px;
}
.searchrow1 .wide-e {
    float: left;
    width: 50%;
	margin: 3px 0px;
	text-align: right;
	padding: 0px 15px;
}

.list-person__item .name {
    font-size: 12px;
    color: #555;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
	margin-bottom:0px;	
}
.quantity > input {
    -webkit-appearance: none;
    width: 16px;
    text-align: center;
    font-size: 15px;
    color: #555;
    font-weight: 700;
	border:none;
}
.minus {
    float: right;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #050d1d;
    font-weight: bold;
    cursor: pointer;
}
.dropdown-select {
    display: none;
    font-family: "Lato", "Arial", "Helvetica Neue", sans-serif;
    position: absolute;
    left: -8px;
    right: 0;
    top: -webkit-calc(100% + 2px);
    top: -moz-calc(100% + 2px);
    top: calc(100% + 2px);
    background: #fff;
    z-index: 999;
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    /* border-radius: 10px; */
    -webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
    padding: 15px 4px;
    /* padding-right: 25px; */
    top: 63%;
    /* margin-left: 5px; */
    width: 85%;
}
.list-room {
    list-style: none;
    max-height: 210px;
    overflow-y: auto;
}
.list-person__item {
    margin-bottom: 0px!important;
    display: inline-block;
}

.list-person__item .name {
    font-size: 12px;
    color: #555;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
}
.quantity > input {
    -webkit-appearance: none;
    width: 12px;
    text-align: center;
    font-size: 12px;
    color: #555;
    font-weight: 700;
    border: none;
}
.make-me-sticky {
    position: sticky;
    top: 0;
     padding:0px; 
}
.quantity {
    float: none;
}
.quantity {float:none; margin-top:10px;}
.get-started-btn {
    margin: 0 0px 0 12px;
    padding: 6px 18px;
}
.mobile-nav-toggle {
    position: fixed;
    right: 15px;
    top: 41px;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}



}


@media (max-width: 768px) {
	.not-show{display:none;}
	
.flight-card__route {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0 44px;
    margin-top: -22px;
}
.flight-card__departure {
    margin-left: 0rem;
    text-align: left;
}
.headering2 {
    margin-top: 83px!important;
}
	
	
	}

/* Chrome, Safari, Edge, Opera */
.quantity > input::-webkit-outer-spin-button,
.quantity > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* do not show in Firefox */
@-moz-document url-prefix() { 
    .rangeSlider__tooltips {
    filter: unset;
}
.quantity > input[type=number] {
    -moz-appearance: textfield;
}
}
@media only screen and (max-width: 410px) {
    .get-started-btn {
        margin: 0 0px 0 10px;
        padding: 6px 10px;
        font-size: 12px;
    }
    .whatsapp {
        margin-left: 0.5rem !important;
    }
}

.modal-header.close-btn {
    justify-content: flex-end;
    padding: 1rem;
    height: auto;
}