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

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

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700');

body{
		font-family: 'Fira Sans', sans-serif;
		font-weight:normal;
		background-color:#e3e7ec;
	}
h1{
	
	color:rgb(255, 22, 22);
	font-size:22px;
	margin-bottom: 20px;
	letter-spacing:1px;
	font-weight:700;
	text-align:left;
	text-transform:capitalize;
	
	}
.contact-details-card h1{
	font-size: 18px;
}
h2{
	color:#0077C0;
	margin: 0;
	margin-bottom: 10px;
	font-size:20px;
	font-weight:bold;}
h3{
	color:#0077C0;
	
	font-size:18px;
}
p,li{
	
	color:rgb(137, 137, 137);
	text-align:left;
	font-size:15px;
	
	list-style:none;}
.list-point li{
	list-style:disc;
}
input, textarea{
	padding:5px;
	border: 2px solid #e4e3e3;
}
.btn-menu {
    position: relative;
    display:block;
	margin-top:15px;
	
}
input{
	line-height:30px;
	margin-bottom:25px;}
.btnx {
    vertical-align: middle !important;
    
    outline: none !important;
	border:3px solid #0077C0;
	color:#0077C0;
	padding:7px;
	width:120px;
    text-align:center;
	border-radius:3px;
   
    display: inline-block;
	
    
    font-size: 12px;
	font-weight:700;
   
}
.btn-width {
    width: 150px;
}
	.top-bar{
		position:fixed;
		z-index:2000;
		box-shadow: 0px 1px 9px rgba(0,0,0,0.3);
		background-color: white;
		padding-top: 10px;
		}

	.top-bar .inner{
		
		}

.mxnav{
	
	background-position:center;
	padding-bottom: 20px;
	text-align: right;
	border-radius:0px;}
.mxnav li{
	display:inline-block;
	padding-left:45px;
	padding-right:45px;
	text-align:center;
	line-height:30px;
	border-right: 1px solid rgb(240, 240, 240);
	}
	.mxnav li a:hover{
		color:rgb(0,49,255);
	}
#top-text{
text-align: right;	
		border-bottom: 1px solid rgb(240, 240, 240);
padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 15px;
}
#top-text li{
font-size:13px;
	text-align: right;
	display: inline-block;
	padding-left: 20px;
color:black;

}
.mxnav a {
	text-decoration: none;
	text-align: center;
	letter-spacing: 2px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	color: rgb(179, 184, 206);
}
.barline{
	
}
	#call-box{
	
	padding-left:15px;
	}
	
	#call-box li{
		font-size:12px;
		
color: #adadce;
		}


@media (min-width: 768px) {
	#call-box{
	margin-top:45px;
	
	padding-left:15px;
	
	;}
	#call-box img{
		margin-right:5px;
		height:32px;
		width:32px;}
	
	#call-box li{
		font-size:13px;
		line-height:30px;
color: white;
font-weight:700;
		}
}
#home .index, #page-products .serv, #abt .abt, #contact .contact{
	
	}
#home .index a, #page-products .serv a, #abt .abt a, #contact .contact a{
		color:rgb(255, 22, 22);
	font-weight:700;
	}	
	
.shadow-line{
	margin-top:20px;
	background-image:url(../img/header_shadow.png);

	background-repeat:no-repeat;
	width:115%;
	background-size:cover;
	margin-left:-7%;
	height:70px;}
.content{
	position:relative;
margin-bottom:20px;
	
	
	}
#home .main-top {
	position: relative;
margin-top: 300px;
	}
.wrap{
	width:80%;
	margin:0 auto;
}
.card{
	text-align: center;
	width:55%;
	margin:0 auto;
	margin-bottom: 40px;
	}
.home-content2{
	position:relative;
	top:-50px;
	background-color:rgb(240,240,240);
	min-height:400px;
	}
.card-about{
	margin-top:40px;
	
}
.card-about-white{
background-color: white;
	margin-top: -20px;
	padding: 30px;
	
}
.card-about h2{
	margin:0px;
	font-size: 18px;
}
.card-about h3{
	margin:0px;
	font-size: 16px;
}
#about{
	width:70%;
	margin:0px auto;
	margin-bottom:40px;
	}
#about h1{
	}
.contact-content .btnx:first-child {
    color: white;
    background-color: #0077C0;
    font-weight: 700;
    margin-left: 0px;
	
}
.contact-content .btnx {
	    margin-left: 10px;
   
   
    
    
}
.card p{
	text-align: left;
	}
.card-supply{
	background: rgb(24, 58, 130);
	padding: 50px;
	min-height: 500px;
	margin-bottom: 90px;
	margin-top: -60px;

	border-radius:4px;
}
#page-products .card-supply{

	margin-bottom: 30px;
margin-top: 0px;
}
.card-supply h1{
	margin:0;
	margin-bottom: 10px;
color:white;
}
.card-supply p{
	color:white;
}
.card-supply li{
	color:white;
}
.serv-text{
	
	font-weight:700;
	margin-top:15px;}
.card p, .card li{
	}
.card2{
	margin-bottom:40px;
	}
.card2 p{
	text-align:left;}
	
.card3{
	padding-left:20px;
	
	
		margin-bottom:20px;
	border-left:1px solid rgb(225,225,225);
	
	}
.card3 p{
	text-align:left;}
.card4 {
	border-right:1px solid rgb(225,225,225);
	padding-right:20px;}
.logo{
	
	
	text-align:center;
	padding-left:100px;

	
	}
.logo img{
	
	}
#bar{
	background-color: #EC008C;
	background-repeat:no-repeat;
	background-position:center;
	display:none;

	height:120px;
	}
.bar-text{
	
	color:white;
	text-align:center;
	font-size:40px;
	font-weight:700;
	line-height:120px;}
.left-bar{
	border-right: 1px solid rgb(225,225,225);
	padding-right:10px;}
.right-bar li{
	
	line-height:30px;}
.banner{
	position:relative;
	width:100%;
	background-image:url(../img/banner.jpg);
	height:350px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: bottom;
	top: 130px;

	
	}
#banner-inner{
	width:70%;
	margin:400px auto;
}
.banner a{
	text-decoration: none;
	
}

.btext-wrap{
	padding:40px;
	width:90%;
	cursor: pointer;
	display: block;
	opacity: 0.85;
	
	
}
.btext-wrap:hover{
	margin-top:-10px;
	
}
.btext-wrap li{
	font-size:30px;
	color:white;
	text-align: center;
	text-decoration: none;
}
.banner img{
	width:100%;
	
	}
.serv-img{
	background-color: #454596;
height: 300px;
border-radius: 4px;}
.card-serv{
	margin-bottom:40px;}
.brands{
	height:70px;
	background-size:contain;
	background-repeat:no-repeat;}
.banner-services{
	position:relative;
	width:100%;
	height:340px;
	background-repeat:no-repeat;
	}
.banner-text{
	margin-top:-200px;
	font-weight:bold;
	font-size:50px;
	text-transform:uppercase;
	text-align:center;
	
	color:white;
	}
.banner-text2{
	margin-top:340px;
	line-height:60px;
	font-weight:700;
	letter-spacing:10px;
	font-size:20px;
	text-transform:uppercase;
	background:#F474Bf;
	display:block;

	text-align:center;
	padding-left:15px;
	
	color:WHITE;
	}
.banner-text3{
	
	font-weight:bold;
	font-size:15px;
	
	
	text-align:left;
	margin-left:150px;
	color:white;
	}
.partner-logos{
	background-repeat:no-repeat;
	background-image:url(../img/PartnerLogos.jpg);
	
	height:183px;}
.content-top{
	position:relative;
	}
.content-top .inner{
	
	padding:20px;
	border-radius:4px;
	}
.content-top p{
	color:rgb(50,50,100);
	
	font-size: 40px;
line-height: 50px;
text-align: center;
font-weight: 700;}
.content-top li{
	color:grey;
	
	font-size: 20px;

text-align: center;
font-weight: 700;
font-style:italic;
}
.plist{

	margin-bottom: 50px;
	border-bottom:1px solid rgb(54, 107, 174);
	padding-bottom: 50px;
}
.plist img{
	width:90%;
}

.plist li{
	list-style: disc;
}
.plist p{
	margin-top:20px;
	
}

.section{
	margin-top:20px;
	}
.section h1{
	padding-bottom:10px;}
.section img{
	border-radius:4px;}
.section2{
	margin-top:20px;
	height:250px;
	background-color:black;
	
	}
.section2 h1{
	color:white;}
.section2 p{
	color:rgb(200,200,200);}
.middle{
	background-color:rgb(230,230,240);
	margin-top:20px;
	
	padding-bottom:20px;}
	.blogos{
		margin-top:20px;
		margin-bottom:20px;}
.strip{
	
	background-position:center;
	padding-top:70px;
	padding-bottom:30px;
	background-size:cover;
	background-color: #C00000;
	
	}
.strip-inner h2, .strip-inner li
{
	color:rgb(100,100,100);
	}
.strip-inner img{
	padding-top:20px;
	
	border-radius:4px;
	margin-bottom:10px;}
.strip h2{
	color: white;
font-size: 14px;
text-transform: capitalize;
}
.strip li{
	color:white;
	line-height:20px;
	font-size:13px;
	
	}
.strip li a{
	color:rgb(130,130,150);
	line-height:30px;
	font-size:12px;
	font-weight:300;
	}
.strip li span{
	font-size:12px;
	font-weight:300;
}
.top-head{
	height:35px;
	text-align:center;}
.top-head a{
	display:inline-block;
	border-radius:4px;
	background-color:rgb(50,130,240);
	color:white;
	width:150px;
	line-height:35px;
	padding-left:5px;
	padding-right:5px;}

.contact-content{
	
	min-height:500px;
	width: 50%;
	margin: 0 auto;
	background: white;
	padding: 30px;
	padding-bottom: 50px;
}
.contact-card{
	padding-top:30px;}
.contact-card li{
	text-align:left;
	}
	.contact-details-card:first-child{
		
	padding-top:0px;
	}
.contact-details-card{
	border-bottom:1px solid rgb(225,225,225);
	padding-bottom:20px;
	padding-top:20px;
	}
#sendcontact{
	cursor:pointer;}
#clear{
	cursor:pointer;
	}

.errorshow, .msgshow {
    border-radius: 4px;
    font-size: 14px;
    color: rgb(255, 0, 0);
    background-color: rgb(255, 255, 255);
}
.front-wording{
	width:90%;
	margin:0px auto;
	
	}
.front-wording p{
	color:rgb(100,100,100);
	font-size:25px;
	text-align:center;
	
	}
#top-text a {
    font-size: 13px;
    text-align: right;
    display: inline-block;
    padding-left: 20px;
    color: black;
}
.bantxt {
	width: 960px;
margin: 120px auto;
background: rgb(24, 58, 130);
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
border: 10px solid rgba(0, 0, 0, 0.04);
border-radius: 4px;
	
}
.bantxt p{
	color:white;
}
.banimg {
	height: 380px; 
	width: 100%
}

.bantxt h2 {
	color:white;
	font-size: 40px;
}

.bantxt2 {
	padding: 80px;
}

.barline {
	background-image: url(../img/banner.jpg);
	padding-top: 50px;
position: relative;
top: 130px;
margin-bottom: 130px;
padding-bottom: 50px;
}
.barline h1{
	color:white;
	text-align: center;
}

.card h1 {
	text-align: center;
}

.contact-details-cardx {
	padding-top: 30px;
}
.main-top {

    padding-bottom: 50px;
}
@media (max-width: 768px) {
	.main-top {
    margin-top: 250px;
   
}
	.top-bar{
		position:relative;
	}
	.banner{
		top:0px;
	}
	#home .content {
    
    top: 0px;
}
	.strip{
		padding-top:10px;
	}
.card-supply {
    background: rgb(24, 58, 130);
    padding: 35px;
    min-height: auto;
	}
	.strip h2 {
	color: white;
	font-size: 19px;
	text-transform: capitalize;
	font-weight: 400;
	margin-top: 40px;
}
	.mxnav{
		border-top:1px solid rgb(54, 107, 174);
		padding-top:10px;
		padding-bottom:10px;
		margin-top:0px;
		text-align:center;}
	.mxnav li{
		display: inline-block;
padding-left: 10px;
padding-right: 10px;}
#call-box{
	display:none;}
.logo{
	padding:10px;
	text-align:center;}
.logo img{
	text-align:center;
	width:100%;
	height:auto;
	
	}	
	.card p {
    height: auto;
}
	#banner-inner {
    width: 70%;
    margin: 20px auto;
}
	btext-wrap {
    padding: 30px;
	}
	#services {
    width: 70%;
    margin: 0px auto;
}
	.bantxt {
	width: 90%;
margin: 120px auto;
background: rgb(24, 58, 130);
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
border: 10px solid rgba(0, 0, 0, 0.04);
border-radius: 4px;
	
}
.bantxt p{
	color:white;
}
.banimg {
	height: 250px; 
	width: 100%
}
#top-text {
	text-align: right;
	border-bottom: none;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}
.card{
	width:90%;
}

.mxnav li {
	border-right:none;
}
.bantxt h2 {
	color:white;
	font-size: 40px;
}

.bantxt2 {
	padding: 30px;
}

.barline {
	background-image: url(../img/banner.jpg);
	padding-top: 50px;
top: 0px;
margin-bottom: 0px;
padding-bottom: 50px;
}
.barline h1{
	color:white;
	text-align: center;
}

.card h1 {
	text-align: left;
}
.card p {
	text-align: left;
}
.card a {
	text-align: left;
	display: block;
}
.wrap{
	width:95%;
}
#about{
	width:100%;
	margin-bottom: 0px;

}
.card-about-white {
    background-color: white;
    margin-top: 40px;
    padding: 30px;
}
.contact-content {
    min-height: 500px;
    width: 95%;
    margin: 0 auto;
    background: white;
    padding: 10px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.btn-width {
    width: 45%;
}
#contactform{
	text-align:center;

}
	.contact-card input, .contact-card textarea{
	width:100%;

}
.brands{
	margin-bottom: 20px;
}
.contact-details-cardx {
	padding-top: 30px;
}

	}