/*====================================================*/
/*suatrip detail page css*/
.maintick{
    width:90%;
    margin: auto;
    margin-top:20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
    position: relative;
}
.flightpadalbox{position: relative;}
/*.flightpadalbox:before{
	content: "";
    border-left: 2px solid #dadfe6;
    display: block;
    height: 100%;
    position: absolute;
    left: 14.5%;
    top:11px;
}*/
.maintickleft {

    width:70%;
    float:left;
   /* height: 500px;
    overflow:auto;*/
}
.innertick {
	background:#fff;

    padding:20px 20px;
    box-sizing: border-box;
}
.maintickright {
	width:28%;
	margin-left: 2%;
	background:#fff;
    padding:20px 20px;
    box-sizing: border-box;
	float:right;
    /*right:30px;*/
     position: -webkit-sticky;
  position: sticky;
  top: 0;
   top:40px
}
.maintickleft h1{
	font-size: 24px;
	color:red;
    font-weight:600;
    color:#411c74;
}

.floatleft{
	float:left;
}

.floatright{float:right;}
.clearfix{clear:both;}
.title-left {
	width:70%;
}
.filbox {
	width:65%;
    max-width:170px;
    position: relative;	
}
.filbox:after{
	content:"";
	display: inline-block;
	vertical-align: top;
	width:10px;
	height: 10px;
	position: absolute;
	background: #ccc;
	right:-4px;
	top:4px;
}
.filrbox:after{
content: "";
    border-left: 2px solid #dadfe6;
    display: block;
    height: 40px;
    position: absolute;
    left: -7px;
    top: -11px;
}
.filbox span{font-size: 14px!important;}
.filrbox span{font-size: 14px!important;}
.title-right {
	width:20%;
	margin-top: 15px;
       	text-align: right;
}
.flileft{width:100%;}
.fliright {
	width: 100%;
    margin-top: 10px;
   position: relative;
}
.filrbox{ 
	width:35%;
    padding-left: 6px;
    position: relative;
}
.jetblot {
	text-align: right;
    position: absolute;
   right:0px;
}
.flightpadalbox{padding-top: 20px; margin-bottom: 20px;}
.tickborder{
border-bottom:1px dashed #ccc;	
}
.time{padding-left: 20px;}
.innerlistpart{margin-top: 20px;}
.flightbox{margin-top: 15px;}
.innerlistpart .span{
	font-size: 18px;
    line-height: 24px;
    margin-bottom: 18px;
    font-weight: 600;

}
.dib{
	display: inline-block;
	vertical-align: top;
}	


.flighttext ul li{font-size: 13px;}
.price-head h2{
	font-size: 24px;
    color: #5ecbf5;
    font-weight: 600;
    margin-bottom: 15px;
}
.pricedashed{border-bottom: 1px dashed #ccc;}
.pricelist {
	margin-top: 16px;
    margin-bottom: 16px;
}
.pricetag{
	display: inline-block;
	vertical-align: top;
	width:46%;
}
.pricenum{
	display: inline-block;
	vertical-align: top;
	width:54%;
	/*margin-left: -5px;*/
	text-align:right;
}
.pricebas{margin-bottom: 8px; display: flex;}
.pricetotal {
	margin-top: 20px;
   margin-bottom: 18px;
}
.pricetotal .pricepan {
 float:left;
 width:47%;
 font-weight:600;
}
.maintotal {
	float:right;	
   width:50%;
   margin-top: -23px;
   margin-right: 10px;
}
.maintotal{
 	font-size: 28px;
    padding-left: 5px;
    color: #5ecbf5;
}
.pricetag{color:#666;}
.pricenum{color:#666;}

.pricol{
	font-weight:600;
	color: #040404;
}
.pricecoin{
	padding:15px 15px;
	box-sizing: border-box;
	background: #f5f7fa;
}
.price-trip{font-size: 14px;}
.price-trip .fa{
	border: 1px solid #411c74;
    border-radius: 50%;
    color: #411c74;
    width: 21px;
    height: 21px;
    text-align: center;
    padding: 4px;
    box-sizing: border-box;
    padding-top: 1px;
    padding-left: 3px;
    margin-left: 5px;
}
.pricecoin ul {
	padding-top: 10px;
    font-size: 14px;
}
	
.triplet{
	color: #5ecbf5;
}
.passenger{
	padding:20px 20px;
	box-sizing: border-box;
	background:#fff;
   margin-top: 15px;
}
.fabox{
background: #34166a;
    width: 10%;
    text-align: center;
    max-width: 60px;
    padding: 20px;
    padding-top: 16px;
    max-height:60px;
    border-radius:50%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
.fabox .fa {
	color: #fff;
    font-size: 30px;
}
.faright{
	width:80%;
	padding-top: 12px;
	padding-left: 15px;
	display: inline-block;
	vertical-align: top;
}
.fainpas{
	width:80%;
	display: inline-block;
	vertical-align: top;
}
.faright p{
	margin-bottom: 6px;
	font-size: 15px;
	color: #666;
}

.fa-signe{
width:20%;
display: inline-block;
margin-left: -5px;
text-align:right;
margin-top: 20px;
}
.fa-signe a{
	border:1px solid #5ecbf5;
	padding:14px 20px 14px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	font-weight:600;
	color: #5ecbf5;
}
.flightpara {
	font-weight:600;
   color: #040404!important;
}
.promobox{
		padding:20px 20px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 15px;
	position: relative;
}
.promobut{
	position: absolute;
	top:20px;
	cursor:pointer;
	right: 20px;
}

.promobox h2{
	font-size: 24px;
    font-weight: 600;
    color: #411c74;
}
.textbox{
	padding:20px 20px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 15px;
}

.textbox h2{
	font-size: 18px;
    font-weight: 600;
}
.textbox ul{padding-left: 20px;}
.textbox ul li{
	list-style-type:disc;
}
.textbox ul li p {
	font-size: 14px;
    line-height: 23px;
    color:#666;
    margin-bottom: 5px;
}
.orange{
	color:#421d74!important;
	font-weight:600;
}
.dark{
	color:#3c3c3e!important	;
	font-weight:600;
}
.textbox ul li a{
	color:#5ecbf5!important;
}
.textbox ul li p.step{margin-top: 10px;}
.promohides{display: none;}
.promoinput{
	margin-top: 15px;
}
.promoinputform{display: none;}
.promoinput input{
	padding:10px 10px;
	box-sizing: border-box;
	width:40%;
	border: none;
   border-bottom:1px solid #ccc;
   margin-right:15px;
}
.promoinput input:focus{
	outline:none;
  border-bottom:1px solid #5ecbf5;
}
.promoinput .but{
	background: transparent;
	border: none;
	color: #5ecbf5;
	width:auto;
	padding:10px 30px;
	border:1px solid #5ecbf5;
}
.paybox{
	background: #fff;
	padding:25px 35px 30px;
	box-sizing: border-box;
   margin-top: 15px;
   font-size: 14px;
}
.paybox p{
	font-family: 'Avenir-Medium';
}
.paybox p a{
	color: #0095E7;
}
.passform{
		background: #fff;
	padding:0px 35px 25px 35px;
	box-sizing: border-box;
}
.passenger-info{margin-top: 15px;}
.passenger-info h2{
	font-size: 24px;
	    font-weight: 600;
    color: #000;
    		background: #fff;
	padding:25px 35px 0px 35px;
	box-sizing: border-box;
	margin-bottom: 0px;
}
.pasleft{
	width:50%;
	float:left;
	padding-right: 10px;
}
.pasleft h3 {
	font-size: 20px;
   padding-top: 20px;
   font-weight: 600;	
}
.passenger-info h3 {
	font-size: 20px;
   padding-top: 20px;
   font-weight: 600;	
}
.pasright{
	width:50%;
	float:right;
		padding-left:10px;
}
.forminputbox label{
	display: block;
	font-size: 14px;
	/*margin-top: 10px;*/
	margin-bottom: 0px;
}
.forminputbox #dob{
padding: 2px 15px;
}
.forminputbox{margin-top: 20px;}
.passenger-info .forminputbox input{
border: 1px solid #c6c6c6;
    line-height: 22px;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 15px;
    color: #000;
    margin-top: 10px;
}
.contactinput .forminputbox input{
border: 1px solid #c6c6c6;
    line-height: 22px;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 15px;
    color: #000;
    margin-top: 10px;
}
.passenger-info .forminputbox input::placeholder{
	color: #000;
}
.passenger-info .forminputbox label{
	font-size: 14px;
}
.forminputbox input{
	border: 0;
    border-bottom: 1px solid #ced2d9;
    line-height: 22px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0;
    color: #000;
}

.forminputbox input::placeholder {
	color:#000 !important;
    font-weight:500;
}
.forminputbox .dropdown{width:100%;}
.forminputbox .dropdown-content{width:100%;}

.forminputbox input:focus{
	    border-bottom-color: #287dfa;
    outline: none;

}
.forminputbox select::placeholder {
	color:#000;
    font-weight:500;
}

.forminputbox select:focus{
	    border-bottom-color: #287dfa;
    outline: none;
    
}
.passenger-info .forminputbox select{
border: 1px solid #c6c6c6;
padding: 5px 15px;
color: #000;
margin-top: 10px;
font-size: 12px;
}
.passenger-info .forminputbox #id_number{
	padding: 3px 15px;
}
.passenger-info .forminputbox #expiry{
	padding: 2px 15px;
}
.passenger-info .forminputbox #inputclass{
	padding: 3px 15px;
}
.passenger-info .forminputbox #firstname{
	padding: 3px 15px;
}
.forminputbox select{
		border: 0;
    border-bottom: 1px solid #c6c6c6;
    line-height: 22px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0;
    color: #0f294d;
}
.paybutt{
	width:100%;
	background: #0095e7;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}
.paybutt a{color:#fff!important;}
.pasuser{
	text-align: right;
	padding-top:23px;
	color: #5ecbf5;

}
/*====================================================*/

/*form dropdown with searchbar	*/

.dropbtn {
  /*background-color: #4CAF50;*/
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/*.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}*/

#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 15px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.tapform{margin-top: 15px;}

.formadd{margin-top: 30px;}
/*.tapform{display: none;}*/

.m-passenger-info__note{
	background: rgba(0, 149, 231, 0.1);
    border-radius: 2px;
    color: #0095E7;
    padding: 16px;
    font-size: 12px;
    font-family: 'Avenir-Medium';
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 25px;
}

 .m-passenger-info__note .note-item:before{
	content: "";
    height: 4px;
    width: 4px;
    border-radius: 4px;
    background-color: #6b8299;
    position: absolute;
    left: 0;
    top: 7px;
}
.travelCard__note{
	    font-size: 14px;
    color: #6b8299;
}

.mainleftul{
	width:50%;
	padding-right: 10px;
	padding-left: 20px;

}
.mainrightul{
	width:50%;
   padding-left: 10px;
   padding-right: 20px;
}
.travelCard__airline img {
	width:30px;
    padding-right: 10px;
}
.travelCard__list{
    margin: 8px 0;
    padding: 16px 24px 0;
    padding-bottom: 24px;
    background: #fff;
    border: 1px solid #f0f2f5;
    box-shadow: 0 4px 8px 0 rgba(69,88,115,.12);
    border-radius: 2px;	
    margin-top: 20px;
}
select option {
	padding-top:10px;
    padding-bottom: 10px;
}
.travelCard__airline{margin-left: 20px;}
.travelCard__airline-name{font-weight:600;}
.buildtravel .fa-plus{
    text-align: center;
    border: 1px solid #5ecbf5;
    border-radius: 50%;
    color: #5ecbf5;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
   transition: 0.4s ease;
}

.fa-rot{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


.hover-underline{
	color:#5ecbf5;
	cursor:pointer;
}
.builintravel {
	margin-top: 15px;
   display: none;
}
.builtindis{display: block;}

.contactbox{
    background: #fff;
    /*padding: 20px 20px 20px 20px;*/
    box-sizing: border-box;	
    margin-top: 15px;
}
.contactbox .contactinput{
	padding: 20px 35px 20px 35px;
}
.contactbox h2{
	font-size: 24px;
    font-weight: 600;
    color: #411c74;
}
/*.contactlaps .forminputbox{
	width:50%;
	float:left;
}*/
.contact-tap{padding-left: 10px;}
.indrop1{
	width:20%!important;
	float:left;
}	
.indrop2{
	width:76%!important;
   float:left;
  /* margin-left: 10px;*/
  border-left: 0px !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.check{
	font-size: 14px;
	margin-top: 20px;
	font-family: 'Avenir-Medium';
}
/*.check input{
	margin-top: 3px;
}*/

@media only screen and (min-width:1500px){
	.maintick{width:85%;}
	.filrbox:after{left:-6px;}
}

@media only screen and (min-width:1570px){
	.maintotal {
		margin-top: -4px;
        margin-right: -1px;
	    text-align:right;
	}
	.pricetotal .pricepan{width:50%;}
	.maintickrightinner .pricetotal .pricepan {
    width: 46%;
    font-size: 23px;
}
.maintickrightinner .pricetotal .maintotal{
	width: 54%;
	font-size: 23px;
}
}

@media(max-width:1300px){
	.maintotal {
		margin-top: -23px;
        margin-right: 20px;
	}
}

@media(max-width: 1200px){
	.pricetotal{margin-right: 20px;}
}

@media(max-width:1100px) {
	.time{padding-left: 8px;}
  .maintick{width:97%;}
  .forminputbox .indrop2{width:75%!important;}
  .forminputbox .indrop1{width:20%!important;}
}

@media(max-width:1020px){
	.fabox{
		max-width:40px;
		max-height: 40px;
		padding: 15px;
		padding-top: 11px;
	}
	.faright{padding-top: 4px;}
	.fabox .fa{font-size: 20px;}
	.fa-signe a{    padding: 9px 20px 10px 20px;}
	.maintotal{font-size: 24px;}
}

@media(max-width:990px){
	.flileft {
		width:100%;
        display: block;
        float: none; 
	}
 .filbox {
 	width:30%;
    max-width:150px;
 }
 .fliright{
 	width:100%;
 	display: block;
 	float:none;
   margin-top: 10px;
 }
.filrbox:after{display: none;}
.jetblot {
	position: static;
   padding-left: 13px;
}
.flightpadalbox{padding-top: 30px;}
.forminputbox input{font-size: 14px;}
.forminputbox select{font-size: 14px;}

.title-right{
	width:100%;
	float:none;
	text-align:left;
	margin-bottom: 15px;
}
.title-left{
		width:100%;
	float:none;
	text-align:left;
}
.maintickright{
	position: fixed;
	right:0px;
	z-index:10;
}
.price-head{display: none;}
.pricecoin{display: none;}
.pricol{font-size: 14px;}
.maintotal{font-size: 22px;}
}


@media(max-width:820px){
.maintickleft{
	width:100%;
	display: block;
	float:none;
}	
.maintickright{
	border: 1px solid #f0f2f5;
	width:35%;
    box-shadow: 0 4px 8px 0 rgba(69,88,115,.12);
}
.maintotal{margin-right: 7px;}
}

@media(max-width:767px){
	.maintickright {
		width:100%;
        top:0px;
        padding-bottom: 0px;
	}
	.pricetotal{
		margin-right: 0px;
	}
	.maintotal{
		margin: 0px;
		text-align:right;
	}
	.maintickleft{padding-top: 10px;}
}

@media(max-width:600px){
	.fainpas {
		width:100%;
        display: block;
	}
	.fa-signe{
		width:auto;
		display: block;
		text-align: left;
		margin-left: 5px;
	}
	.fa-signe a {
    padding: 7px 30px 8px 30px;
}
.pasleft h3{font-size: 16px;}
.filbox{
	width:100%;
	float:none;
   display: block;
}
.filbox:after{display: none;}
.filrbox{
	width:100%;
	display: block;
	padding-left: 0px;
}
.time{font-size: 600px;}
.filbox span{font-weight: 600;}
.innerlistpart .span{font-size: 16px;}
.promoinput input{width:60%;}
}

@media(max-width: 480px){
	.forminputbox select{
		width:100%!important;
		display: block;
	}
		.forminputbox input{
		width:100%!important;
		display: block;
	}
	.fa-signe a{
		width:100%;
		display: block;
		text-align: center;
	}
	.pasleft{
		width:100%;
		display: block;
		float:none;
	}
.pasright{
	width:100%;
		display: block;
		float:none;
		padding-left: 0px;
}
.pasuser{text-align:left;}
.promoinput input {
	width:100%;
   float:none;
   display: block;
}
.contactlaps .forminputbox{
	width:100%;
	display: block;
	float:none;
}
.contact-tap{padding-left: 0px;}
.promoinput .but{
	width:100%;
	display: block;
	margin-top: 20px;
}
.pricetotal p{margin-bottom: 7px;}
.pricetotal{margin-top: 10px;}
.pricebas{margin-bottom: 4px;}
.maintickright{
	    padding: 15px 15px 5px 15px;
}
.fabox{width:40px;}
.promobox h2{font-size: 20px;}
.contactbox h2{font-size: 20px;}
.passenger-info h2{font-size: 20px;}
.maintickleft h1{font-size: 20px;}
}