html, body{
	margin:0;	
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@font-face{
	font-family:"proxima nova";
	src:url(../fonts/ProximaNovaReg.ttf);	
}

@font-face{
	font-family:"proxima nova bold";
	src:url(../fonts/ProximaNovaExtraBold.ttf);	
}
a{
	color:inherit;
	text-decoration:none;	
}
p{
	font-family:"proxima nova";
	line-height:25px;
}
h1, h2, h3, h4{
	font-family:"proxima nova";
	font-weight:normal;
}
h1 span{
	font-family:"proxima nova bold";
}
h1{
	font-size:45px;
	margin:15px 0;	
}
.clear{
	clear:both;
}
.wrapper{
	width:1000px;
	margin:0 auto;	
}
.homeheader{
	position:absolute;
	left:8%;
	z-index:2000;
}
.header{
	/*background-color:#152f54;*/
	background:url(../images/header-bg.jpg) top center no-repeat;
	background-size:cover;
}
.logo{
	width:25%;
	float:left;	
}
.menu{
	width:75%;
	float:left;
	padding-top:75px;	
}
.menu ul li{
	display:inline;	
}

.menu ul li a{
	color:#fff;
	padding:15px 25px;
	font-family:"proxima nova bold";	
}

.menu ul li a.active{
	color:#FF0;	
}

.banner-section{
	position:relative;
}
.banner img{
	width:100%;	
}
.content{
	padding:20px 0 0 0;	
}
.homeAbout{
	padding:30px 0 50px 0;	
}
.homeAbout p{
	text-align:justify;
	color:#666;
}
.abtLft{
	width:57%;
	float:left;
	padding-right:3%;	
}
.abtRt{
	width:40%;
	float:left;	
}
.readmore{
	font-family:"proxima nova";
	background-color:#152f54;
	display:inline-block;
	padding:15px 25px;
	color:#fff;
	transition:0.5s;
}

.readmore:hover{
	background-color:#fcb222;
	color:#000;	
}

.qenquiry{
	height:600px;
	background:url(../images/enquiry-bg.jpg) no-repeat;
	background-size:cover;	
}

.newproducts{
	width:50%;
	float:left;
	color:#fff;
	
}
.new-wrap{
	background-color:rgba(56,27,9,0.9);
	width:80%;
	margin:20px auto;
	height:500px;
	padding:25px;
	text-align:center;	
}
.enquiry-form{
	width:50%;
	float:right;
	padding:20px 0;	
	color:#fff;
}
.enquiry-form input[type="text"]{
	padding:10px;
	border:1px solid #fff;
	margin-bottom:15px;
	width:90%;
	height:40px;
	font-family:"proxima nova";	
}
.enquiry-form textarea{
	padding:10px;
	border:1px solid #fff;
	height:100px;
	width:90%;
	margin-bottom:15px;
	font-family:"proxima nova";	
}
.enquiry-form input[type="button"]{
	background:#000;
	color:#fff;
	width:91%;
	padding:20px 0;
	border:none;
	font-family:"proxima nova bold";
	font-size:20px;	
}
.products{
	height:450px;
	background:url(../images/product-bg.jpg) no-repeat;
	background-size:cover;
	padding:20px 0;
	color:#fff;
	text-align:center;		
}


.clients{
	padding:20px;
	text-align:center;	
}
.footer{
	height:auto;
	background-color:#07152b;
	text-align:center;
	color:#fff;
	padding:20px 0;	
}
.btmLinks{
	padding:10px 0;	
}
.btmLinks a{
	padding:0 15px;	
	font-family:"proxima nova";
}
.social a{
	display:inline-block;
	margin:10px 10px 0 0;
	border:2px solid #5f81b5;
	border-radius:30px;
	width:30px;
	height:30px;
	line-height:27px;
	color:#5f81b5;		
}
.innerBanner{
	height:150px;
	background-color:#152f54;	
}
.productWrapper {
	margin:0 5%;
	text-align:center;	
}
.clents{
	height:auto;
	padding:25px 0;
	text-align:center;	
}
.clientBx{
	width:33.3%;
	float:left;
	height:201px;
}
.prdctBx{
	width:24%;
	height:200px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	text-align:center;
	padding:20px 0;
	margin-right:1%;
	background-color:#f1f1f1;
	transition:0.5s;	
}
.prdctBx:hover{
	background-color:#fff;
	-webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);	
}

.productWrapper h4{
	padding-top:15px;	
}
.prdctBx:hover img{
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.bsnav{
	text-align:left;
	border-bottom:1px dotted #f1f1f1;
	border-top:1px dotted #f1f1f1;
	padding:10px 0;
	font-family:"proxima nova";	
}
.bsnav a{
	font-weight:bold;
	color:#152f54;	
}
.bsnav span{
	color:#fcb222;	
}
.og-grid img{
	border-radius:250px;	
}
.rb{
	border-right:1px solid #f1f1f1;	
}
.bb{
	border-bottom:1px solid #f1f1f1;	
}
.vision, .mission{
		width:50%;
		float:left;
		text-align:center;
		padding:0 5%;
		margin-bottom:20px;
}
.vision h1, .mission h1{
	font-size:60px;	
}

.vision h2, .mission h2{
	font-size:50px;
	padding:20px 0;	
}

.vision-section{
	background-color:#f1f1f1;
	padding:55px 0;	
}
.contact{
	background:#f1f1f1 url(../images/world-map-dotted-black2.png) no-repeat center -50px;
	background-size:cover;
	padding:100px 0 25px 0;	
}
.contact-left, .contact-right{
	width:48%;
	float:left;
	height:600px;
	padding:25px;
	background-color:rgba(252,252,252,0.9);
	margin:25px 1%;	
}

.contact-right input[type="text"]{
	padding:10px;
	width:95%;
	border:none;
	border-bottom:1px dotted #bbb;
	margin-bottom:10px;
	outline:none;
	 font-family:"proxima nova";
	background-color:transparent;
}

.contact-right textarea{
	padding:10px;
	width:95%;
	border:none;
	border-bottom:1px dotted #bbb;
	margin-bottom:10px;
	height:100px;
	outline:none;
	 font-family:"proxima nova";
	background-color:transparent;
}
.contact-right input[type="button"]{
	border:none;
	padding:15px 35px;
	text-align:center;
	color:#fff;
	background-color:#152f54;
	outline:none;		
}
.contact-right ::-webkit-input-placeholder {
   text-transform:uppercase;
   font-family:"proxima nova";
   color:#152f54;	
}
.contact H2{
	padding:15px 0;
	font-weight:bold;
	color:#152f54;
	font-family:"proxima nova bold";
}

.loc{
	padding:15px 0 0 35px;
	position:relative;
}
.loc:after{
	content:"\f041";
	font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
	left:2px;
	top:15px;
	position:absolute;
	font-size:25px;
	color:#152f54;
}
.phone {
	padding:15px 0 0 35px;
	position:relative;	
}
.phone:after{
	content:"\f095";
	font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
	left:2px;
	top:15px;
	position:absolute;
	font-size:25px;
	color:#152f54;
}

.email {
	padding:15px 0 0 35px;
	position:relative;	
}
.email:after{
	content:"\f0e0";
	font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
	left:2px;
	top:15px;
	position:absolute;
	font-size:20px;
	color:#152f54;
}
.new-release{
	padding:10px;
	text-align:center;
	margin-bottom:15px;	
}
.newBx{
	padding:30px;
	background-color:#FC6;
	position:relative;
	text-align:center;
	width:55%;
	margin:0 auto;
}

.newBx img{
	
	margin-right:15px;
}
.newBx h2{
		font-size:30px;
		font-family:"proxima nova bold";
}
.testimonials{
	text-align:center;
	padding:35px;
	background-color:#f1f1f1;	
}
.testimonials p{
	font-size:14px;
	line-height:21px;
	padding:10px 17%;
	color:#666;	
}

 #client .item{
        margin: 3px;
    }
 
	.btm-contact{
		height:200px;
		background:url(../images/btm-contact.jpg) top no-repeat;
		background-attachment:fixed;
		margin:10px 0 0 0;	
	}
	.btm-bx{
		float:left;
		width:50%;
		text-align:center;
		color:#fff;
		font-size:30px;
		padding:60px 0;
		font-weight:normal;
	}
		.btm-bx p{
			padding-top:10px;	
		}

.footer-logo{
	height:188px;
	background:url(../images/btm-logo.jpg) top center no-repeat;
	margin:10px 0;
}
.enqBtn{
	padding:10px 25px;
	text-align:center;
	color:#000;
	border:2px solid #fff;
	display:inline-block;
	margin:10px 0;
	transition:0.5s;
	font-family:"proxima nova";	
	font-weight:normal;	
}
.enqBtn:hover{
	background-color:#fff;
	font-weight:bold;	
}

@media only screen and (max-width: 1024px) {
	.wrapper{
		width:96%;
		margin:0 2%;	
	}
	.homeheader{
	left:2%;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width: 992px) {
	.homeheader{
	left:-2%;
	}
}

/*Tablet Pottrait size to standerd 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrapper{
		width:90%;
		margin:0 5%;	
	}
	.homeheader{
	left:-30px;
	}
	.logo img{
		width:100%;	
	}
	.menu {
		padding-top:40px;	
	}
	.menu ul li a{
		padding:15px 6px;
		font-size:14px;	
	}
	.abtRt img{
		width:100%;
		padding-top:80px;	
	}
	.productWrapper {
	margin:0 2%;
	text-align:center;	
}
	.prdctBx{
	width:48%;
	margin-right:2%;	
}
.btm-contact{
	height:140px;
}
	
	
}

/* All Mobile Sizes (devices and browers) */
@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-height: 600px) {
	
}

/*Mobile Landscape Size to Tablet Portrait  (devices and browers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper{
		width:90%;
		margin:0 5%;	
	}
	.homeheader{
	position:static;
	background:url(../images/header-bg.jpg) top center no-repeat;
	background-size:cover;
	}
	.logo{
		width:100%;
		float:none;	
	}
	
	.logo img{
		width:30%;	
	}
	.menu {
		padding-top:0;
		width:100%;
		float:none;
		padding-bottom:10px;
		display:none;
	}
	.menu ul{
		margin:0;	
	}
	.menu ul li{
		display:block;
		text-align:center;
		padding:5px 0;
		border-bottom:1px dotted #fff;	
	}
	.menu ul li:nth-child(1){
		border-top:1px dotted #fff;	
	}
	.menu ul li:hover{
		background-color:#FC0;
		
	}
	.menu ul li:hover a{
		color:#000;	
	}
	.menu ul li a{
		font-weight:normal;	
	}
	.homeAbout {
    padding: 10px 0;
	}
	.abtLft, .abtRt{
		width:100%;
		float:none;	
	}
	.abtRt img{
		width:100%;
		padding:10px 0;	
	}
	.enquiry-form{
		width:100%;
		float:none;	
	}
	.enquiry-form input[type="text"], .enquiry-form textarea, .enquiry-form input[type="button"]{
		width:100%;	
	}
	.products{
		height:485px;	
	}
	.footer img{
		width:100%;	
	}
	.btmLinks a{
		font-size:13px;
	}
	.productWrapper {
	margin:0 2%;
	text-align:center;	
}
.prdctBx{
	width:48%;
	margin-right:2%;	
}
.btm-bx{
	font-size:20px;
	padding:40px 0;
}
.btm-contact{
	height:150px;
}
.contact-left, .contact-right{
		width:100%;
		float:none;
		height:auto;	
	}
	.contact{
	padding:20px 0 25px 0;	
	}
	.btmLinks a{
	padding:0 5px;	
	}
}

/* Mobile Portrait SIze to Mobbile Landsscape Size (devices and browers) */
@media only screen and (max-width: 479px) {
	
	
	.wrapper{
		width:90%;
		margin:0 5%;	
	}
	.homeheader{
	position:static;
	background:url(../images/header-bg.jpg) top center no-repeat;
	background-size:cover;
	}
	.logo{
		width:100%;
		float:none;	
	}
	
	.logo img{
		width:50%;	
	}
	.menu {
		padding-top:0;
		width:100%;
		float:none;
		padding-bottom:10px;
		display:none;
	}
	.menu ul{
		margin:0;	
	}
	.menu ul li{
		display:block;
		text-align:center;
		padding:5px 0;
		border-bottom:1px dotted #fff;	
	}
	.menu ul li:nth-child(1){
		border-top:1px dotted #fff;	
	}
	.menu ul li:hover{
		background-color:#FC0;
		
	}
	.menu ul li:hover a{
		color:#000;	
	}
	.menu ul li a{
		font-weight:normal;	
	}
	.homeAbout {
    padding: 10px 0;
	}
	.abtLft, .abtRt{
		width:100%;
		float:none;	
	}
	.abtRt img{
		width:100%;
		padding:10px 0;	
	}
	.enquiry-form{
		width:100%;
		float:none;	
	}
	.enquiry-form input[type="text"], .enquiry-form textarea, .enquiry-form input[type="button"]{
		width:100%;	
	}
	.products{
		height:485px;	
	}
	
	.footer img{
		width:100%;	
	}
	.btmLinks a{
		display:block;
		font-size:12px;
		padding:8px 0;	
	}
	.btmLinks br{
		display:none;	
	}
	.vision, .mission{
		width:100%;
		float:none;	
	}
	.mission{
		border-left:none;
		border-top:1px dotted #b1b1b1;
		padding-top:25px;
		margin-top:35px;	
	}
	.prdctBx{
		width:100%;
		margin-right:0;	
	}
	.clientBx{
		width:100%;
		float:none;
	}
	.clientBx:nth-child(9){
		border-top:1px solid #f1f1f1;
	}
	.rb{
		border-right:none;	
	}
	.contact-left, .contact-right{
		width:100%;
		float:none;
		height:auto;	
	}
	.contact{
	padding:20px 0 25px 0;	
	}
	.newBx{
		width:100%;	
	}
	.testimonials p{
		padding:10px 5%;	
	}
	h1{
		font-size:35px;
		text-align:center;	
	}
	.btm-contact{
		height:auto;	
	}
	.btm-bx{
		width:100%;
		float:none;
		font-size:25px;
		padding:25px 0;
	}
		
		
		
}