@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap');

@font-face {
    font-family: 'Birdman';
    src: url('../font/Birdman.woff2') format('woff2'),
        url('../font/Birdman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{ font-family: 'arial'; font-size: 14.58px; color: #767676;}


h1, h2, h3, h4, h5, h6{ line-height: 100%; width: 100%; }



/*topbar*/
.topbar{ background-color: #21c3ff; height: 30px; width: 100%; }


/*nav bar*/

nav.navbar { padding: 20px 0 30px; }
.navbar-brand{ margin:0px; padding: 0px;  }
.navbar-expand-lg .navbar-collapse{ flex-wrap: wrap; justify-content: flex-end;  }
.menubox, .searchbox{ width: 100%; }
.menubox .navbar-nav{ justify-content: flex-end; margin-top: 63px; }
.searchbox .form-inline{justify-content: flex-end;}

.search-panel .container{ position: relative; }
.searchbox { position: absolute; top: 20px; right: 15px; z-index: 3;}
.searchbox .form-control{ border-radius: 0px;     margin-right: 0 !important;}
.searchbox .btn{ border:none; position: absolute; color: #d2d2d2; right: 9px;   }
.searchbox .btn:hover{    background-color: transparent !important;}


.dropdown:hover, .dropdown:focus { outline: none; }
.dropdown:hover .dropdown-menu { display: block;  margin-top: 0; padding-top: 10px; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); }


.dropdown .dropdown-menu { border: none; border-radius: none; min-width: 250px; } 
.navbar-expand-lg .navbar-nav .nav-link{ padding-left:22px; padding-right:22px;      padding-bottom: 10px;    line-height: 100%;  }

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #21c3ff; }

.dropdown-item:focus, .dropdown-item:hover {
    color: #21c3ff;
    text-decoration: none;
    background-color: transparent;
}

.navbar-light .navbar-nav .nav-link{font-size: 16.67px; color: #4c4c4c; }
.navbar-light .navbar-nav .nav-item:last-child .nav-link{ padding-right: 0px; }
.navbar-light .navbar-nav .nav-link:hover{color: #21c3ff; }

.bg-light {
    background-color: #FFF !important;
        box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}



/*bannerbox*/

.bannerbox{ position: relative; margin-bottom: 40px; }
.bannerbox .bannerimg{ position: relative; overflow: hidden; }
.bannerbox .bannerimg img{ max-width: 100%; width: 100%; }
.bannerbox .bannerimg .bottom-shadow{ position: absolute; z-index: 9; bottom: -10px; left: -10px; right: -10px; }
.bannerbox .bannerimg .bottom-shadow img{ width: 100%; }

/*.bannerbox .bannerimg [class*="effecttill-"]{ width: 50%;  height: 300px; background-color: #FFF; position: absolute; bottom: -160px;      }

.bannerbox .bannerimg .effecttill-left{ left: 0px;  transform: skew(0deg,12deg); box-shadow: -3px 24px 17px rgba(0,0,0,0.3) inset;}
.bannerbox .bannerimg .effecttill-right{ right: 0px; transform: skew(0deg,-12deg);box-shadow: -1px 24px 17px rgba(0,0,0,0.3) inset; }
*/

.bannerbox .banner-form{     position: absolute;  width: 100%; text-align: center; bottom: 30%; }
.bannerbox .banner-form h1{ font-size: 72px; color: #1196c8;   font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 3px; margin-bottom: 31px; }
.bannerbox .banner-form h4{ font-size:50px; color: #FFF; font-family: 'PT Sans Narrow', sans-serif; margin-bottom:34px; }

.bannerbox .banner-form .form-inline{ display: flex; justify-content: center;align-items: flex-start; }
.bannerbox .banner-form .form-inline .form-control{ border-radius: 0px; border:none; box-shadow: none;width: 100%;font-size: 13px;padding: .375rem 0.40rem; background:#ffffff; }
.bannerbox .banner-form .form-inline .mx-sm-3{ margin-left: 10px !important; margin-right: 10px !important; }
.bannerbox .banner-form .form-inline .btn {
    margin-left: 1px;
    min-width: 197px;
    padding: .330rem .75rem;
}

.btn{border-radius: 0px;  -webkit-border-radius: 0px;  -moz-border-radius: 0px; border: none;}
.btn-primary { background-color: #0c7ca7 !important;  }



/*aboutusbox*/

.aboutusbox{ padding:100px 0;  }
.aboutusbox p{ line-height: 25px; margin-bottom: 40px; }
.heaidng{ font-family: 'Birdman'; font-size: 50px; color: #000000; margin-bottom: 45px; text-transform: uppercase;}

.heaidng span{ color: #21c3ff; }

.under-border{ background: url(../images/under-border.png) no-repeat bottom center; }

.aboutusbox .under-border{ background: url(../images/under-border-small.png) no-repeat bottom left; }



/*fleets-imgbox*/



.fleets-imgbox{ margin-top: 60px; margin-bottom: 60px; }

.fleets-imgbox .tworow .row:first-child{ margin-bottom: 30px; }

.fleets-imgbox img{ width: 100%; height:100%; object-fit: contain; }



/*client-logo*/

.client-logo{ margin-bottom: 150px; }
.client-logo .owl-slider{}
.client-logo .owl-slider ul { padding: 0px;  margin: 0px;}
.client-logo .owl-slider ul li{ list-style: none; text-align: center; }

.client-logo .owl-slider ul li img{ max-width: 100%; width: auto; margin: 0 auto; }

.client-logo.innerpage{ margin-top: 100px;      margin-bottom:0px; padding-bottom: 100px; border-bottom: solid 1px #CCC; }

/*contact-usbox*/

.contact-usbox{  padding: 118px 0 98px; position: relative; text-align: center;  }
.contact-usbox:before{ background:rgba(0,0,0,0.7);  position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; content: "";  }
.contact-usbox .container{ z-index: 3; position: relative; }
.contact-usbox  .heaidng{ color: #FFF; }

.contact-usbox p{ font-size: 25px; color: #FFF; text-align: center; margin-bottom: 38px;     padding: 0 13%; }


.contact-us{ background-color: #FFF; padding: 24px 35px; font-weight: bold; color: #21c3ff; font-size: 25px; text-transform: uppercase; }


/*footer*/

footer{ padding:95px 0 100px;  }
footer .social-media{ margin-top: 30px; margin-bottom: 23px; }
footer .social-media ul{padding: 0px; margin: 0px; }
footer .social-media ul li{ list-style: none; width: 35px; height: 35px; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border: solid 3px #000; display: inline-block;     padding-top: 5px;     text-align: center; margin-left: 10px;}
footer .social-media ul li a{ color: #000; display: block;    }

footer .social-media ul li:hover{ border-color: #21c3ff; }
footer .social-media ul li:hover a{ color:#21c3ff;  }
footer .quck-link h3{ font-size: 24px; font-weight: bold; color: #000; margin-bottom: 40px; }
footer .quck-link ul{ padding: 0px; margin: 0px; }
footer .quck-link ul li{ list-style: none; padding: 10px 0; }
footer .quck-link ul li a{ color: #767676; }
footer .quck-link ul li:hover a{ text-decoration: none; color:#21c3ff;  }
footer .quck-link ul li i{ margin-right: 12px; }





/*inner-page-content*/




.inner-page-content{ padding:100px 0; }
.premium-partners-page{ margin-bottom: 150px; }



/*contact us page*/

.mapbox iframe, .mapbox .gmap_canvas, .mapbox  .mapouter { width: 100% !important; }
.contact-icons{ padding: 30px 0 0 0; }
.contact-icons li{ list-style: none; display: flex; margin-bottom: 15px; }
.contact-icons li i{ margin-right: 10px; color: #21c3ff; }
.contact-icons li p a, .contact-icons li p a:hover{color: #888888; text-decoration: none;}



.form-control{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.logo-detailbox{ margin-top:80px;  }

.headingrow{ margin-bottom: 80px; }


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ outline: none !important; }

.inline-view{ display: inline-block;     vertical-align: middle; }

.form-group.mx-sm-1.mb-2 {
    width: 15%;
}
.form-group.mx-sm-1.mb-2:nth-child(3), .form-group.mx-sm-1.mb-2:nth-child(5) {
    width: 10%;
}
.bannerbox .banner-form .form-inline .gj-datepicker-bootstrap input.form-control {
    width: 76%;
}
.bannerbox .banner-form .form-inline .text-danger{font-size:12px;}

.bannerbox .banner-form .form-inline button.btn.btn-outline-secondary {
    background: #0c7ca7 !important;
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon{
	color: #ffffff !important;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.menubox  .dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;}
.menubox  .dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;}

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.menubox  .dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;}
	.menubox  .dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;}

	.client-logo { margin-bottom: 80px;}
	.form-group.mx-sm-1.mb-2:nth-child(3), .form-group.mx-sm-1.mb-2:nth-child(5) {
	    width: 11%;
	}
	.bannerbox .banner-form .form-inline .gj-datepicker-bootstrap input.form-control {
	    width: 70%;
	}
	.bannerbox .banner-form .form-inline .btn {
	    min-width:135px;
	}
}

@media (max-width: 991.98px){
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-light .navbar-brand{    max-width: 70%;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.form-group.mx-sm-1.mb-2 {
	    width: 15%;
	}
	.form-group.mx-sm-1.mb-2:nth-child(3), .form-group.mx-sm-1.mb-2:nth-child(5) {
	    width:14%;
	}
	.bannerbox .banner-form .form-inline button.btn.btn-outline-secondary{
		width: 25px;
	}
	.navbar-light .navbar-toggler{border:none;  }
.menubox .navbar-nav{    margin-top: 15px; background: #f1f0f0; padding: 15px;}

footer .col-sm-12{ width: 100%;    flex: 0 0 100%; max-width: 100%;  text-align: center;}
footer .quck-link{ width: 50%;     flex: 0 0 50%; max-width: 50%; margin-top: 35px;  }
footer { padding: 45px 0 30px;}



.aboutusbox [class*="col-"]{ width: 100%;  flex: 0 0 100%; max-width: 100%;  }
.aboutusbox [class*="col-"] img{ width: 100% }
.bannerbox .bannerimg .bottom-shadow{ bottom: 0px; }
.bannerbox .banner-form .form-inline .mx-sm-3{ max-width: 25%;  }
.bannerbox .banner-form .form-inline .form-control{    width: 100%; padding: 5px;height: 30px; font-size: 12px; }
.bannerbox .banner-form .form-inline .btn{      min-width: 100px; height: 30px; line-height: 100%; font-size: 14px;}

.bannerbox .banner-form h1{    font-size: 40px;     letter-spacing: 0px;   margin-bottom: 10px;}
.bannerbox .banner-form h4{    font-size: 30px;     margin-bottom: 15px;}

.aboutusbox { padding: 30px 0;}
.fleetsbox{ margin-top: 30px;  }
.fleetsbox .heaidng{ margin-bottom: 0px; }
.fleets-imgbox {  margin-top: 40px;}

.client-logo { margin-bottom: 60px;}





}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.form-group.mx-sm-1.mb-2 {
	    width: 100%;
	}
	.form-group.mx-sm-1.mb-2:nth-child(3), .form-group.mx-sm-1.mb-2:nth-child(5) {
	    width: 100%;
	}
	.aboutusbox img{ max-width: 100% }

	.effecttill-left, .effecttill-right{ display: none; }
	.bannerbox .banner-form{    position: static; padding: 50px 0;}
	.bannerbox .banner-form h1{    font-size: 40px;}
	.bannerbox .banner-form h4{    font-size: 30px;  color: #000;}
	.bannerbox .banner-form .form-inline .mx-sm-3{ width: 100%; }
	.bannerbox .banner-form .form-inline .form-control{    border: solid 1px #CCC; width: 100%}	
	.bannerbox .banner-form .form-inline .btn{ margin-top: 10px; }

	.navbar-brand img{ max-width: 80%; } 
	.navbar-light .navbar-toggler{border:none;  }
	.bannerbox .bannerimg .bottom-shadow{ bottom: 0px; }
	.heaidng{ font-size: 36px;     margin-bottom: 15px; }
	.fleets-imgbox img{ margin-bottom: 15px;  }
	.fleets-imgbox .tworow .row:first-child { margin-bottom: 0;}
	.navbar-expand-lg .navbar-nav .nav-link{ padding:5px 0px; }

	.searchbox .btn{right: 0px;  top: -6px;}
	.fororder{ display: flex; flex-wrap: wrap; }
	.searchbox { position: relative; top: 0px; right: 0;}
	.search-panel{    width: 100%;    order: 2;}
	.searchbox .form-inline{margin-bottom: 15px !important;   }
	nav.navbar { padding: 20px 0 5px; width: 100%;}

	.menubox .navbar-nav{    margin-top: 15px; background: #f1f0f0; padding: 15px;}
	footer {  padding: 50px 0 50px;}
	.aboutusbox { padding: 30px 0 50px;}
	.bannerbox .banner-form {  padding: 30px 0;}
	.bannerbox{ margin-bottom: 0px; }
	.fleets-imgbox { margin-top: 0px; margin-bottom: 30px;}
	.client-logo { margin-bottom: 30px;}

	.contact-usbox p{    font-size: 18px;     margin-bottom: 38px;}
	.contact-us{    padding: 10px 35px;     font-size: 18px;}

	footer .quck-link{ width: 50%;     flex: 0 0 50%; max-width: 50%; margin-top: 25px; }
	.searchbox .form-control{ width: 100%; } 
	.searchbox .btn{    top: 2px;}
	footer .col-sm-12{ width: 100%;    flex: 0 0 100%; max-width: 100%;  text-align: center;}


}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	.bannerbox .banner-form h1 {font-size: 30px;letter-spacing: 0; margin-bottom: 10px;}
	.bannerbox .banner-form h4 { font-size: 24px; color: #000; margin-bottom: 15px;}
	.bannerbox .banner-form {  padding: 30px 0;}
	.bannerbox{ margin-bottom: 0px; }
	.aboutusbox { padding: 30px 0;}

	.heaidng{ font-size: 24px;     margin-bottom: 15px; padding-bottom: 8px;     margin-top: 15px; }
	.aboutusbox p{    margin-bottom: 20px;}
	.fleets-imgbox { margin-top: 0px; margin-bottom: 30px;}
	.client-logo { margin-bottom: 30px;}
	.contact-usbox{    padding: 50px 0 50px;}
	footer { padding: 45px 0 50px;}
	footer .quck-link h3{    margin-bottom: 10px;  margin-top:20px;}
	footer .quck-link ul li { list-style: none; padding: 5px 0;}

	.contact-usbox p{    font-size: 16px;     margin-bottom: 38px;}
	.contact-us{    padding: 10px 35px;     font-size: 18px;}

	footer .quck-link{ width: 100%;     flex: 0 0 100%; max-width: 100%;  }

	.searchbox .btn { top: -6px;}
	footer .col-sm-12{ width: 100%;    flex: 0 0 100%; max-width: 100%;  text-align: left;}

}