body { font-size: 16px; color:#333; font-family: Arial, Helvetica, sans-serif; }
.nav-link { color:#333; text-transform:uppercase; font-weight:bold; } 
.herobanner-container { background: #0057ad; padding: 15px 0; }       
.herobanner-container h1 { font-size: 26px; color: #fff; font-weight: bold; margin-bottom: 10px; }
.search-engine {
    background: #fff;
    padding:25px; 
    color:#333;
}
.innerbanner-container { background: url(/resources/images/inner.jpg) #0057ad no-repeat center top; }    
.innerbanner-container h1 { text-align: center; color: #fff; text-transform: uppercase; background: rgba(0,87,173,0.5); padding:20px 0; }
 
.search-engine .col-6, .search-engine .col-12 { padding: 0 ; }
.search-engine .trip-type { margin-bottom: 15px; border: 2px solid #0057ad; margin-left: -10px;  }
.search-engine .trip-type ul { margin: 0; padding: 0; display: flex;  }
.search-engine .trip-type ul li { padding: 10px; list-style: none; width: 50%; text-align: center; }
.search-engine .trip-type ul li.active { background: #0057ad; color:#fff;  }

 
.search-engine-row .form-input { margin-right: 10px; position: relative; margin-bottom: 15px; }
.search-engine-row .form-input.mb0 { margin-bottom:0; }
.search-engine-row .form-input label { width: 100%; margin-bottom: 5px; }
.search-engine-row .form-input label.hide {  display: none;    }
.search-engine-row .form-input .bi { font-size: 20px; position: absolute; left: 10px; top: 7px; color: #0057ad; }
.search-engine-row .form-input input { width: 100%; padding:10px 10px 10px 40px; border: 1px solid #999; }
.search-engine-row .search-btn button {
    width: 96%;
    background-image: linear-gradient(-60deg,#ff5858 0%,#f09819 100%);
    border: 0;
    padding: 8px; 
    color: #fff;
    font-size: 20px;
}

 

    /*Traveller Start*/
    .traveller-section {
        background: #fff;
        padding: 15px;
        position: absolute;
        margin-top: 5px;
        z-index: 1;
        box-shadow: 1px 1px 3px #999;
    }
    .traveller-section { margin-bottom: 10px; }
    .traveller-section .add-traveller { display: inline-flex; margin-bottom: 10px; } 
    .traveller-section label { width: 100px !important; display: block; margin-top:10px  !important; }
    .traveller-section input { padding: 5px !important; text-align: center !important; width: 70px !important; } 
    .traveller-section a {     background: #0057ad; text-align: center;  padding: 7px 15px; color: #fff; text-decoration: none; height: 40px; }
    .traveller-section button { background-image: linear-gradient(-60deg,#ff5858 0%,#f09819 100%); color: #fff;
        border: 0;   width: 250px;   padding: 7px; }

.content-container {  padding:20px 0; font-size:14px; line-height:1.7em; }
.content-container h2 { color: #0057ad; margin: 0 0 15px 0; font-size: 26px; font-weight: bold; }
.content-container p { text-align: justify; margin-bottom: 10px; }


/*Subscribe*/
.subscribe-block { background: #eee;  padding:20px 0; }
.subscribe-block .head { font-size: 26px; font-weight: bold; position: relative; line-height: 1.2em; padding-left: 80px; }
.subscribe-block .head img { position: absolute; left: 0; margin-right: 10px; }
.subscribe-block .btn-outline-secondary { background: #0057ad; color: #fff; width: 30%; padding: 10px; }
.subscribe-block a {color: #0057ad; text-decoration: none; }
/*Footer Start*/
footer { background: #666; padding:30px 0; color:#fff; }
footer  .head { font-size: 16px; margin-bottom: 15px; }
footer ul { padding: 0; margin: 0; }
footer ul li { list-style: none; margin-bottom: 10px; }
footer ul li a { color: #ccc; text-decoration: none; font-size:14px; }
footer ul li a:hover  { color: #fff; }
footer ul li .bi { border: 1px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    float: left;
    margin-right: 10px; } 
.footer-devider { display: inline-block;  height: 200px;  border-left: 1px solid #999;  border-right: 1px solid #333;  float: right; }

.copyrights { background: #eee;  padding:20px 0; text-align: center; }
.copyrights .payment-option { margin-bottom: 20px; }
.copyrights p { margin-bottom: 20px; }


/*Contact Us*/
.contact-block { background: #eee; padding:30px ; color:#000; }
.contact-block  .head { font-size: 20px; margin-bottom: 15px; }
.contact-block ul { padding: 0; margin: 0; }
.contact-block ul li { list-style: none; margin-bottom: 20px; }
.contact-block ul li a { color: #333; text-decoration: none; }
.contact-block ul li a:hover  { color: #000; }
.contact-block ul li .bi { border: 1px solid #666;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    float: left;
    margin-right: 10px; } 

.why-choose { background: #eee; padding:30px 0; }    
.why-choose h2 { font-size: 20px; font-weight: bold; margin: 0 0 10px 0; text-align: center; }
.why-choose .why-block {  font-size: 16px;   background: #fff;  padding: 20px 20px 20px 120px;  position: relative;  min-height: 120px; }
.why-choose .why-block img { position: absolute; left: 34px; top: 14px; }
.why-choose .why-block img.first { left: 10px; top: 10px; }
.why-choose .why-block .head {font-weight: bold; margin-bottom: 5px; }

.secure-logo { background: #fff; padding:20px 0; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.secure-logo .logo-div { display: inline-block; margin: 0 30px; vertical-align: middle; }

.popular-destinations { background: #fff; padding:20px 0; text-align: center; margin-bottom: 20px; }
.popular-destinations h2 { font-size: 22px; margin-bottom: 20px; font-weight: bold; text-align: left; }
.popular-destinations .destination-block { display: flex; align-items: center; }
.popular-destinations .destination-block .destination-div img  { width: 100%;   }
.popular-destinations .destination-block .destination-div img:hover { box-shadow: 0 0 10px #666; }
.popular-destinations .destination-block .destination-div { padding: 0 10px ; }
.popular-destinations .destination-block .destination-div label { padding: 5px 0; color:#333; text-align: left; display: block; text-decoration: none; font-size: 16px; font-weight: bold; }
.popular-destinations .destination-block .destination-div a { text-decoration: none; }

.top-routes { position: relative; font-size: 16px; font-weight: bold; text-align: left; padding: 10px 0 10px 80px; border: 1px solid #ccc; margin-bottom: 20px; }
.top-routes img { position: absolute; left: 10px; border-radius: 5px; margin-right: 10px; width: 55px; top: 10px; }
.top-routes .code { color: #0057ad; padding: 5px 0; }
.home-banner {  margin-top: 40px;}

.visible-xs { display:none; }
.hidden-xs { display:block; }


	.visible-sm { display:none; }
	.hidden-sm { display:block; }

@media only screen and (max-width:1024px) {
.home-banner { width:100%; margin-top:20px; }
.why-choose .why-block { margin-bottom:10px; }

	.visible-sm { display:block; }
	.hidden-sm { display:none; }
	
	.copyrights .payment-option img { width:100%; }
}
@media only screen and (max-width:767px) { 
	.copyrights .payment-option img { width:100%; }
    .popular-destinations .destination-block { overflow-x: auto; display: contents; }
    .popular-destinations .destination-block .destination-div { width: auto; margin-bottom: 15px; }
    .hidden-xs { display: none !important; }
	.search-engine-row .search-btn button { width:94%; }

    .visible-xs { display:block; }
	.hidden-xs { display:none; }
    .logo { width: 150px; }
    .ui-widget.ui-widget-content { width: 320px !important; }
    .traveller-section {  width: 320px; }
	.traveller-section label { width:130px !important;}
	.traveller-section button { width:283px;}
    .nav-pills .nav-link { position: absolute; right: 0; }
	

}

