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

html{scroll-behavior:smooth}
body{color:#6d6d6d !important;margin:0;padding:0;font-family:first !important;font-size:14px!important;overflow-x:hidden; background-color: #f2f1f1 !important;}
@font-face{font-family:first;src:url(../font/FiraSans-Light.ttf);}
@font-face{font-family:sec;src:url(../font/FiraSans-Regular.ttf);}
@font-face{font-family:third;src:url(../font/FiraSans-Medium.ttf);}
@font-face{font-family:fourth;src:url(../font/FiraSans-Bold.ttf);}


h1, h2, h3, h4, h5, h6{border:none;outline:none}

input,select,option,textarea{outline:none;resize:none}
button{outline:none}
img{border:none;margin:0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:none!important}
a:focus{text-decoration:none}
ul{list-style-type: none; padding: 0; margin: 0;}
.top-space{margin-top:70px}
.full-width{width: 100%;}

ul.top-call{
	margin: 0;
}
ul.top-call li{
	display: inline-block;
    color: #737373;
    border-right: solid #b3b3b3 1px;
    padding: 0 10px 0 0;
    margin: 0 4px 0 0;
    line-height: 1;
	font-family: 'sec';
    font-size: 15px;
}
ul.top-call li:last-child{
	border-right: none;
	padding: 0;
}
ul.top-call li a{
	color: #737373 !important;
}
ul.request{
	margin: 0;
	text-align: right;
}
ul.request li{
	display:  inline-block;
}
ul.request li a{
	background-color: #013463;
    color: #fff;
    padding: 4px 15px 4px 22px;
    display: block;
    border-radius: 20px;
}
.top-bg{
	background-color: #fff;
	padding: 20px 0 20px 0;
}
.logo{}
.slider-bg{
	position: relative;
}
.slider-bg:before, .slider-bg:after{
	display: block;
    content: "";
    background-image: url(../images/patern.jpg);
    height: 16px;
    position: absolute;
    width: 100%;
    opacity: .755;
    z-index: 1;
}
.carousel-control-prev{
	width: 60px !important;
    height: 60px !important;
    top: 50% !important;
    transform: translate(0, -50%);
    background-color: #013463;
    opacity: 1 !important;
    border-radius: 50%;
    left: 3% !important;
}
.carousel-control-next{
	width: 60px !important;
    height: 60px !important;
    top: 50% !important;
    transform: translate(0, -50%);
    background-color: #013463;
    opacity: 1 !important;
    border-radius: 50%;
    right: 3% !important;
	
}

.pro-bg{
    padding: 4% 0 2% 0;
}
.web-content{
	font-size: 15px;
    line-height: 1.6;
    color: #696969;
    font-weight: 100;
}
.heading{
    font-family: 'third';
    font-size: 40px;
    color: #013463;
    letter-spacing: 0px;
}
.warehouse{}
.our-features{
	font-family: fourth;
	letter-spacing: 1px;
}
.cus-sprt{
	background-color: #e0e0e0;
	height: 1px;
}
.feature-box{
	background-color: #fff;
    overflow: auto;
    padding: 0 25px;
    min-height: 115px;
    align-items: center;
    display: flex;
	margin: 20px 0 0 0;
	transition: all ease .5s;
}
.truck-icon{
	float: left;
    font-size: 65px;
    color: #66d3fa;
    height: auto;
    line-height: normal;
    margin: 0 10px 0 0;
}
.feature-box h3{
	font-family: 'third';
	color: #013463;
    font-size: 28px;
    margin: 0;
}
.feature-box:hover{
	background-color: #013463;
}
.feature-box:hover h3{
	color: #fff;
}
.blue-bg{
	background-color: #013463;
    position: relative;
	padding: 5% 0 5% 0;
}
.blue-bg:before{
	display: block;
    content: "";
    background-image: url(../images/map.png);
    opacity: .3;
    width: 100%;
    height: 100%;
    position: absolute;
	top: 0;
}
.shotr-title{
	color: #66d3fa;
    font-size: 24px;
    margin: 0 0 4px 0;
}
.white-font{
	color: #fff;
}
.process-box{
	min-height: 100px;
    align-items: center;
    display: flex;
    color: #fff;
}
.process-box h5{}
.star-box{
	text-align: center;
    height: 290px;
    min-height: 100%;
    background-color: #fff;
    padding: 0% 8% 0 8%;
    align-items: center;
    display: table-cell;
    vertical-align: middle;
}
.star-box2{
	background-color: #f7f6f2;
}
.star-box3{
	background-color: #1f2d37;
}
.star-box4{
	background-color: #0f5298;
}
.star-box3 h6, .star-box4 h6, .star-box3 p, .star-box4 p{
	color: #fff;
}
.start-icon{
	margin: 0 0 20px 0;
}
.star-box h6{
	text-transform: uppercase;
    font-family: 'sec';
}
.app-space{
	margin: 9% 0 0 0;
}
ul.store-icon{
	margin-top: 30px;
}
ul.store-icon li{
	display: inline-block;
	margin: 0 10px 0 0;
}
.footer-bg{
	background-color: #1f2d37;
	padding: 3% 0 3% 0;
}
.follow-us{
	text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: 'first';
    letter-spacing: 1px;
    text-transform: uppercase;
}
ul.ftr-social{
	margin: 0;
    text-align: center;
}
ul.ftr-social li{
	display: inline-block;
    margin: 0 10px 0 0;
}
ul.ftr-social li a{
	width: 35px;
    height: 35px;
    color: #fff;
    border: solid #fff 1px;
    border-radius: 50%;
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
}
.copyright-bg{
	text-align: center;
    padding: 1% 0 1% 0;
}
.copyright-bg p{
	margin: 0;
}
.developed-by{
	margin: 6px 0 0 0 !important;
}
.developed-by a{
    color: #6d6d6d !important;

}
.demo-from{
	background-color: #d9edff;
    padding: 4% 10% 4% 10%;
}
.demo-from input, select{
	width: 100%;
    height: 50px;
    border-radius: 30px;
    border: solid #ccc 0px;
    margin: 0 0 20px 0;
    padding: 0 0 0 17px;
}
.demo-from textarea{
	width: 100%;
    border: solid #ccc 0px;
    margin: 0 0 20px 0;
    padding: 16px 0 0 19px;
    border-radius: 60px;

}
.demo-from input[type="submit"]{
	background-color: #0055ad;
    color: #fff;
    display: inline-block;
    width: 100px;
    padding: 0;
}
.modal-header{
	padding: 11px 10px 10px 18px !important;
    margin: 0 !important;
}
.modal-title{
	font-size: 16px;
    font-family: 'sec';
	margin: 10px 0 0 0;
}
.close-btn{
	margin: 0 !important;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    border: solid #0060c3 1px !important;
    border-radius: 50%;
    opacity: 1 !important;
    font-size: 35px !important;
    color: #0060c3 !important;
    outline: none !important;
}
.contact-bg{
	background-color: #f7f6f2;
    padding: 3% 0 3% 0;
}
.contact-bg input{
	height: 40px;
    border: solid #ccc 1px;
    padding: 0 0 0 10px;
}
.contact-bg input, textarea{
	width: 100%;
	margin-bottom: 20px;
}
.contact-bg textarea{
    border: solid #ccc 1px;
    padding: 10px 0 0 10px;
}
.contact-bg input[type="submit"]{
	width: auto;
    padding: 0 20px;
    background-color: #013463;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 10px 0 0 0;
}

.privacy {
    text-align: center;
    margin: 0;
    padding-top: 20px;
    color: #fff;
    text-decoration: underline;
}
.privacy:hover{
    text-decoration: none;
}




/* MOBILE CSS */

@media screen and (max-width:992px){
	.feature-box{
		padding: 0 15px;
	}
	.feature-box h3 {
    font-family: 'sec';
    font-size: 16px;
	}
}


@media screen and (max-width:768px){
	.warehouse{
		text-align: center;
	}
	ul.top-call, .app-icon{
		text-align: center;
	}
	ul.request {
    margin: 15px 0 0 0;
    text-align: center;
	}
	.logo{
		text-align: center;
	}
	.star-box{
		display: block;
		height: auto;
		padding: 8% 0 8% 0;
	}
	.demo-from select{
		margin-bottom: 20px;
	}

}