@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	font-family: 'Poppins', sans-serif;
}
body,html{
	height: 100%;
}
/*** ### Header ### ***/
header {
	position: relative;
}
header .navigation {
	position: relative;
	margin: 30px 0px 0px 0px;
}
header .navigation nav ul {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
header .navigation nav ul li {
	position: relative;
}
header .navigation nav ul li a {
	position: relative;
	padding: 15px 30px;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 19px;
	font-weight:700;
	color: #FFFFFF;
	outline: none;
	background: #1c2d4c;
	border-right: 1px solid #FFFFFF;
}
header .navigation nav ul li:last-child a{
	border: none;
}
header .navigation nav ul li a:hover{
	background: #922727;
}
header .navigation nav ul li.active a{
	background: #922727;
}
/*** ### Header All ### ***/
header.header-all {
	padding: 15px 0px;
}
header.header-all .navigation {
	position: relative;
	margin: 0px;
}
header.header-all .navigation nav a{
	padding: 10px 10px;
}
.device-nav {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 100001;
	color: #1c2d4c;
	padding:10px;
	background:#FFFFFF;
	border-radius:5px;
	display: none;
}
.device-nav span {
	background: #000f2c;
	border-radius: 3px;
	display: block;
	height: 3px;
	margin-bottom: 4px;
	position: relative;
	-webkit-transform-origin: 4px 0;
	-o-transform-origin: 4px 0;
	transform-origin: 4px 0;
	-webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	-o-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -o-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
	transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -o-transform .5s cubic-bezier(.77, .2, .05, 1);
	width: 28px;
	z-index: 1
}
.device-nav span:first-child {
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}
.device-nav span:nth-last-child(2) {
	-webkit-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%
}
.device-nav span:last-child{
	margin-bottom:0px;
}
.device-nav.active span {
	opacity: 1;
	-webkit-transform: rotate(-45deg) translate(0px, 0px);
	-o-transform: rotate(-45deg) translate(0px, 0px);
	transform: rotate(-45deg) translate(0px, 0px)
}
.device-nav.active span:nth-child(2) {
	opacity: 0;
	-webkit-transform: rotate(0deg) scale(.2);
	-o-transform: rotate(0deg) scale(.2);
	transform: rotate(0deg) scale(.2)
}
.device-nav.active span:nth-last-child(3) {
	opacity: 1;
	-webkit-transform: rotate(45deg) translate(0px, -4px);
	-o-transform: rotate(45deg) translate(0px, -4px);
	transform: rotate(45deg) translate(0px, -4px);
}
@media only screen and (max-width: 991px) {
.device-nav {
	display: block;
}
header.header-all .logo img{
	max-height: 40px;
}
header.header-all .device-nav{
	top: 0px;
}
header .navigation{
	margin: 0px;
}
header .navigation nav {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-o-transform: translate(100%);
	-o-transform-origin: 0 0;
	-o-transition: -o-transform .5s cubic-bezier(.77, .2, .05, 1);
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translate(100%);
	-webkit-transform-origin: 0 0;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	height: calc(100% + 100px);
	transform: translate(100%);
	transform-origin: 0 0;
	transition: -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -o-transform .5s cubic-bezier(.77, .2, .05, 1);
	background:#1c2d4c;
	z-index: 1000;
}
.navigation, nav, header .navigation nav ul, header .navigation nav ul li, header .navigation nav ul li a {
	display: block;
	width: 100%;
}
header .navigation nav ul {
	display: block;
	text-align: center;
	padding: 30px 0px;
}
header .navigation nav ul li {
	width: 100%;
	text-align: center;
	margin: 0px !important;
}
header .navigation nav ul li a {
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 10px 15px;
	font-size: 15px;
}
header .navigation nav.reveal {
	opacity: 1;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	background: #1c2d4c;
}
}
/*** ### Home Page Section ### ***/
.main-content{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	background: url(../images/bg.png);
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	align-items: center;
	height: 100%;
}
.main-content .items{
	padding: 0px 15px 50px 0px;
}
.main-content .logo{
	position: relative;
	text-align: center;
	padding: 0px 30px;
	margin: 20px 0px 0px 0px;
}
.main-content .logo a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.main-content .logo img{
	display: inline-block;
	vertical-align: middle;
}
/*** ### Section One ### ***/
.section-one{
	position: relative;
	padding: 50px 15px;
	background: url(../images/truck.png) top 50px left no-repeat;
	background-size: 80%;
}
/*** ### Truck Image ### ***/
.truck-image{
	position: relative;
	margin-top: 20px;
	text-align:center;
}
.truck-image img{
	display: inline-table;
	vertical-align: top;
	max-height: 115px;
}
.main-content .text-box{
	position: relative;
	text-align: right;
	margin-top: 20px;
}
.main-content .text-box p{
	color: #1c2d4c;
	font-size: 21px;
	font-weight: 500;
	font-style: italic;
	margin:0px;
	padding: 0px;
}
@media (max-width:767px) {
.section-one{
	background:none;
}
	.truck-image img{
		max-height: 100px;
	}
	.main-content .text-box p{
		font-size: 16px;
		text-align: center;
	}
}
/*** ### Footer ### ***/
footer{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px 0px;
	background: #1c2d4c;
	z-index: 100;
}
footer p{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
}
footer p a{
	color: inherit;
	text-decoration: none;
	outline: none;
}
@media (max-width:767px) {
	footer p{
		color: #FFFFFF;
		font-size: 12px;
	}
}
/*** ### About Us page ### ***/
.about-us{
	position: relative;
	background: url(../images/bg.png);
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	align-items: center;
	padding: 0px 15px;
	min-height: 100%;
	padding-bottom: 120px;
}
/*** ### Who we are ### ***/
.about-us .who-we-are{
	position: relative;
	margin: 30px 0px 0px 0px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
}
.about-us .who-we-are .items-heading{
	position: relative;
	padding: 5px 10px;
	background: #922727;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	min-width: 230px;
}
.about-us .who-we-are h2{
	color: #e4e8e7;
	font-size: 35px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
.about-us .who-we-are .items-paragraph{
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 5px 5px;
	background: #1c2d4c;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
}
.about-us .who-we-are p{
	color: #e4e8e7;
	font-size: 19px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
@media only screen and (max-width: 991px) {
	.about-us .who-we-are{
		margin: 15px 0px 0px 0px;
		display: block;
		display: -webkit-block;
		display: -moz-block;
		display: -ms-block;
		display: -o-block;
	}
	.about-us .who-we-are .items-heading{
		display: block;
		display: -webkit-block;
		display: -moz-block;
		display: -ms-block;
		display: -o-block;
		padding: 5px 10px;
		min-width: 100%;
		width: 100%;
	}
	.about-us .who-we-are h2{
		font-size: 25px;
		text-align: center;
	}
	.about-us .who-we-are .items-paragraph{
		margin: 5px 0px 0px 0px;
		display: block;
		display: -webkit-block;
		display: -moz-block;
		display: -ms-block;
		display: -o-block;
	}
	.about-us .who-we-are p{
		font-size: 16px;
		text-align: center;
	}
}
/*** ### About Us Banner ### ***/
.about-us-banner{
	position: relative;
	margin: 10px 0px 0px 0px;
}
/*** ### Goal Section ### ***/
.about-us .goal-section{
	position: relative;
	margin: 10px 0px;
	padding: 10px 15px;
	background: #1c2d4c;
}
.about-us .goal-section p{
	color: #e4e8e7;
	font-size: 19px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
@media only screen and (max-width: 991px) {
	.about-us .goal-section p{
		font-size: 16px;
	}
}