@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
	url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {font-family: 'Roboto', sans-serif; font-size: 15px;}
a {transition: all 0.2s linear;}
img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; color: #142440;}
p {color: #333; line-height: 25px; font-size: 16px;}

.page-wraper {background: #fff;}
.section{padding: 40px 0;}
.section-title h2 {font-size: 28px; font-weight: 700; color: #cc0223; padding: 0 0 20px 0; margin: 0 0 25px 0; position: relative;}
.section-title h2::before {content: ""; position: absolute; left: 47%; bottom: 0; width: 60px; height: 3px; background: #fca901;}

/* header */
.site-header{}
.header-top{background-color: #142440;}

.social-media{font-size: 20px; margin: 0; padding: 0; float: right;}
.social-media li{float:left;list-style: none;}
.social-media li a{padding:5px 10px; display:block; color: #fca901;}
.social-media li a:hover{color: #fff;}

.log-reg{font-size: 15px; margin: 0; padding: 0; float: right;}
.log-reg li{float:left;list-style: none;}
.log-reg li a i{margin: 0 5px 0 0;}
.log-reg li a{padding:5px 15px; margin: 5px; display:block; color: #fff;}
.log-reg li a:hover{text-decoration: none; }
.log-reg li:first-child a{background-color: #ff5e14;}
.log-reg li:first-child a:hover{background-color: #df4803;}
.log-reg li:last-child a{background-color: #fca901;}
.log-reg li:last-child a:hover{background-color: #d79001;}

/* navbar */
.navbar-main{background-color: rgba(255, 255, 255, 0.10); border-bottom: 1px solid rgba(255, 255, 255, 0.30); position: absolute; z-index: 99;width: 100%;}
.navbar-main .navbar {padding: 0;}
.navbar-main .navbar-brand img{width: 60px; margin: 0 5px 0 0;}
.navbar-main .navbar-brand {color: #fff; font-weight: bold;font-size: 30px;}
.navbar-main ul {margin: 0 0 0 auto;}
.navbar-main ul li a{font-size: 16px; text-transform: uppercase; font-weight: 600; color: #fff; padding: 30px 18px !important;}
.navbar-main ul li a:hover{color: #fca901;}
.navbar-main .active a{color: #fca901;border-bottom: #fca901 solid 4px;}
.navbar-toggler-icon {background-image: url('../images/toggler.png');width: 26px; height: 18px;}

/* slider*/
.slider-main{position: relative;}
.slider-main img{width: 100%;}
.slider-main .carousel-control-prev, .carousel-control-next {width: 60px; height: 60px; top: 47%; background-color: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.10);}
.slider-main .carousel-control-prev {left: 2%;}
.slider-main .carousel-control-next {right: 2%;}
.slider-main .carousel-caption {top: 35%; left:10%; right: 10%;} 
.slider-main .carousel-caption h1 {font-size: 45px; font-weight: 400; margin: 0 0 30px 0; color: #fff;} 
.slider-main .carousel-caption .btn {border: #fca901 solid 3px; padding: 5px 15px; border-radius: 0; color: #fff; font-size: 20px;}
.slider-main .carousel-caption .btn:hover {background: #fca901;}

/* tracking search panel */
.tracking-search{ position: absolute; width: 100%;bottom: 10%; z-index: 99;}
.tracking-search .tracking-form .col-lg-4,.col-lg-3{padding: 0 5px;}
.tracking-search .tracking-form {width: 100%; max-width: 700px; margin: 0 auto;}
.tracking-search .tracking-form input { background: #fff; height: 50px; font-size: 17px; color: #333; padding: 0 15px;  border: 0; border-radius: 0;}
.tracking-search .tracking-form button {background: #fca901; color: #fff; border: 0; outline: 0; font-size: 17px; width: 200px; height: 50px; transition: all .3s;}
.tracking-search .tracking-form button:hover {background: #d79001; }

/* Who we are*/
.about-area{}
.about-img img{max-height: 340px; float: right;margin: 0 25px 0 0;}
.about-content h2 {font-size: 36px; font-weight: 700; position: relative; padding: 0 0 8px 0;  margin:0 0 30px 0;}
.about-content h2::before { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; 
 background: #fca901;}
.about-content p {margin:0 0 30px 0;}
.about-content ul {margin: 0 0 0 30px ; padding: 0; font-size: 16px; line-height: 40px;}
.about-content ul li{list-style: none;}
.about-content li::before {content: ""; position: absolute; left: 15px; width: 15px; height: 15px; background: #fca901;
margin: 15px 0 0 0;}

/* Service */
.service-area{padding: 40px 0; background-color: #f0f0f0;}
.service-single {background: #fff; padding: 25px 15px; margin: 0 0 30px 0;box-shadow: 0 4px 10px 0 rgba(50,50,50,.2);}
.service-single .service-icon {background-color: #fca901; transition: all 0.2s linear; width: 90px; height: 90px; line-height: 90px; text-align: center; border-radius: 50%; position: relative; margin: 0 auto 10px auto;}
.service-single .service-icon:hover{background-color: #fdb930;}
.service-single .service-icon i {color: #000000; font-size: 30px;}
.service-single .service-icon a img {width: 50px;}
.service-single h2{line-height: 22px; margin:20px 0 0 0;}
.service-single h2 a{font-size: 18px;  font-weight: 500;color: #315491;}
.service-single h2 a:hover{color: #cc0223; text-decoration: none;}
.service-single p {line-height: 30px; color: #333; margin: 0;font-size: 18px;}

/* Get The App */
.app-area{}
.app-img img{max-height: 340px; float: right;margin: 0 25px 0 0;}
.app-content h2 {font-size: 24px; font-weight: 700; position: relative; padding: 0 0 8px 0;  margin:0 0 30px 0;}
.app-content h2 strong{color: #fca901;}
.app-content ul {margin: 0 ; padding: 0; font-size: 18px; line-height: 40px;}
.app-content ul li{list-style: none;}
.app-content ul li i{margin: 0 15px 0 0; color: #fca901; font-size: 20px;}
.app-content .download-btn a:hover{opacity: 0.8;}
.app-content .download-btn{margin: 30px 0;}

/* Testimonials */
.testimonial-area{padding:0px 0 40px 0; background-color: #fb4a68;}
.testimonial-single {background: #fff; text-align: center; padding: 65px 15px 10px 15px;box-shadow: 0 4px 10px 0 rgba(50,50,50,.2); margin: 150px 0 0 0;}
.testimonial-single .profile-pic{ position: absolute; top: 0; left: 32%;}
.testimonial-single .profile-pic img { width: 200px; height: 200px; border-radius: 50%; border: #fff solid 4px; }
.testimonial-single h2 {font-size: 26px; margin:0 0 10px 0; font-weight: 600;color: #cc0223;}
.testimonial-single h4 {font-size: 17px; margin:0 0 20px 0; font-weight: 500;color: #142440; text-transform: uppercase;}
.testimonial-single p {line-height: 26px; font-style: italic; color: #797979; margin: 0;}

/* Team */
.team-area{padding: 40px 0; }
.team-single {background: #fff; text-align: center; margin: 0 0 15px 0;box-shadow: 0 4px 10px 0 rgba(50,50,50,.2);}
.team-profile a:hover{opacity: 0.9;}
.team-single .team-name{padding: 15px;}
.team-single .team-name h2 {font-size: 22px; margin:0 0 10px 0; font-weight: 500;color: #142440;}
.team-single .team-name h4 {font-size: 16px; margin:0; font-weight: 500;color: #666; text-transform: capitalize;}

/* Footer */
.footer-area {background: #142440;}
.footer-top {padding: 30px 0;}
.footer-top p {color: #d2d2d2; margin-bottom: 30px;}
.footer-logo {margin:0 0 15px 0;}
.footer-social .social-media{float: left;}
.footer-social .social-media li {margin: 0 5px 0 0; width: 40px; text-align: center;}
.footer-social .social-media li a {background-color: #071225;}

.footer-area .widget h3 {color: #fff; margin: 0 0 20px 0; font-size: 26px; border-bottom: #273e66 solid 1px; padding: 0 0 10px 0;}
.footer-area .widget ul {margin: 0;padding: 0;}
.footer-area .widget ul li { margin: 0 0 15px 0; list-style: none; position: relative;}
.footer-area .widget ul li::before {content: "\f105"; position: absolute; left: 0; top: 0px; display: block; font-family: "FontAwesome";  color: #fca901; font-size: 18px;}
.footer-area .widget ul li a{color: #fff; text-decoration: none; padding: 0 20px;}
.footer-area .widget ul li a:hover{color: #fca901;}

.footer-area .widget-contact h3 {color: #fff; margin: 0 0 20px 0; font-size: 26px; border-bottom: #273e66 solid 1px; padding: 0 0 10px 0;}
.footer-area .widget-contact ul {margin: 0 0 0 35px;padding: 0; font-size: 15px; color: #fff;}
.footer-area .widget-contact ul li{list-style: none; margin: 0 0 25px 0;}
.footer-area .widget-contact ul li a{color: #fff;}
.footer-area .widget-contact ul li i {font-size: 16px; color: #fca901; margin-top: 3px; position: absolute; left: 20px;}
.footer-bottom {background: #101e35; padding: 20px 0; color: #bababa;}
.footer-bottom a{color: #fca901;}
.footer-bottom a:hover{color: #fff;}

@media only screen and (max-width:1199px) {
	.navbar-main {border-bottom: 0;}
	.navbar-main ul li a {padding: 7px 0px !important;font-size: 15px;}
	.navbar-main .active a {border-bottom: 0;}
	.navbar-collapse {background-color: #142440;padding: 15px;border-radius: 7px;}	
	.slider-main .carousel-caption {top: 20%; left: 8%; right: 8%;}	
} 

@media only screen and (max-width: 991px) {
	.slider-main .carousel-caption h1 {font-size: 30px; text-align: center;}
	.slider-main .carousel-caption p {text-align: center;}
	.slider-main .carousel-caption .btn {font-size: 15px; border: #fca901 solid 2px;}
	.tracking-search{ position: relative;z-index: 9;}
	.tracking-search .tracking-form { width: 85%;margin: 20px auto;}
	.tracking-search .tracking-form input {border: 1px #ccc solid;margin: 0 0 10px 0;}
	.tracking-search .tracking-form button {width: 100%;}
}

/* Mobile */
@media only screen and (max-width:400px) {
	.log-reg li a {padding: 5px 10px; margin: 3px;}	
	.social-media {font-size: 17px;}
	.social-media li a {padding: 5px 7px}
	
	.slider-main .carousel-caption {top: 25%; left: 11%; right: 11%;}
	.slider-main .carousel-caption h1 {font-size: 22px; text-align: center;margin: 0 0 15px 0;}	
	.slider-main .carousel-caption .btn {font-size: 13px; border: #fca901 solid 2px;}
	.slider-main img{min-height: 250px;}
	.slider-main .carousel-control-prev, .carousel-control-next {width: 30px; height: 30px; background-color:transparent; 
	border: 0;}	
	.app-content .download-btn img {width: 150px; }
	.testimonial-single .profile-pic {left: 25%;}
	.section-title img{width: 100px;}
	.testimonial-single .profile-pic img {width: 180px;	height: 180px;}
	.testimonial-single {padding: 40px 15px 10px 15px;}
}