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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700,300);
body{
	margin:0px;
	padding:0px;
	background:#ffffff ;
	font-family: 'Roboto', sans-serif;
	margin:0px;
	padding:0px;
	color:#000;
	font-weight:normal;
	

}
.clear {
	clear: both;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	font-family: 'Roboto', sans-serif;
}



a{
	border:none;
	color: inherit;
	text-decoration:none;
}
a:hover{
	color: inherit;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
img{border:none;
}
input{border:none; outline:none;
}

.container{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	max-width:1170px;
}

.header{
	float:left;background:#fff;  width:100%;  height:auto; padding:10px 0;
	}
.logo{
	 width:39%; float:left;
	}
.logo img{ width:100%;}	
	

.top_right{
	 width:50%; float:right;
	}

.social_col{
	 width:100%; float:right; text-align:right; font-size:14px;
	}

.social_col p{ font-weight:700; font-size:20px; text-align:right;}

.div_nav{
	width:100%; float:left; height:auto; background:#fa3535; margin-top:10px;
	}	



.div_nav ul{ margin:0px 0 0px 0; display: block;}

.div_nav ul li{ 
	display:inline; font-size:16px;  list-style:none; text-transform:uppercase; font-weight:400; line-height:35px; 
}
.div_nav ul li a{color:#ffffff;padding:7px 30px;}


.div_nav ul li a:hover{color:#fff;  background:#980a08; line-height:35px; }

.mobile_menu{ display:none;}
.banner{
	width:100%; float:left; overflow:hidden;
	position:relative;  background:#fff;
	}
	
.banner img{width:100%; float:left}


.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}



.tagline{
	width: 37%;
	position: absolute;
	bottom: 0px;
	margin: 0px 0px 50px 50px;
	left: 0px;
	float: left;
	text-align: left;
	display:block; z-index:99999999;
	}
	
.tagline h1{	
	font-size:33px; color:#fff; line-height:40px;  font-weight:700; margin-bottom:20px;display:block;}


.tagline p{	
	font-size:33px; color:#fff; line-height:20px;  font-weight:300; display:block; margin-bottom:10px;}


.form_overlay {
	position: absolute;
	right: -25%;
	width: 57%;
	top: 0px;
	height: 127%; z-index:99999999;
	background: none repeat scroll 0% 0% rgba(223, 52, 52, 0.8);
	transform: rotate(16deg); -moz-transform: rotate(16deg); -webkit-transform: rotate(16deg); -o-transform: rotate(16deg); -ms-transform: rotate(16deg);
	}

.contactform{
    float: left;
    height: auto;
    width: 44%;
    transform: rotate(-16deg); -moz-transform: rotate(-16deg); -webkit-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg);
    margin: 81px 0px 20px 45px;
	}
.contactform h3{
	text-align:center; letter-spacing:10px; color:#fff; font-size:16px; text-transform:uppercase; font-weight:400; margin-bottom:10px;
	}

.f_inp{
	width:96.5%; float:left; height:47px; margin:0 0 10px 0; background:#fff; border:none; font-size:14px; padding-left:10px;
	}


.f_inp2{
	width:50.5%; float:left; height:47px; margin:0 0 10px 10px; background:#fff; border:none; font-size:14px; padding-left:10px;
	}

.contactform img{ width:125px; height:47px;}

.button {
	width: 100%;
	height: 40px;
	border: 0; background:#fff;
	font-family: 'Roboto', sans-serif;
	margin: 0px 0; cursor:pointer;
	color: #4f4e4e;
	text-transform: uppercase;
	font-size: 18px;}
	
.button:hover {
	background: #000; color:#fff;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

.content_part{
	width:100%; float:left; height:auto; margin:20px 0;
	}

.abt_col{
	width:100%; float:left; height:auto;
	border-bottom:5px #000 solid; padding:20px 0; margin-bottom:10px;
	 }

.abt_col img{ float:left; margin:0 20px 20px 0;}

#pic{ display:block;}

.content_part h1{color:#4f4b4b; font-size:30px; font-weight:300;}
.content_part h2{color:#161616; font-size:25px; font-weight:700; margin-bottom:20px;}
.content_part p{color:#5e5d5d; font-size:15px; font-weight:400; text-align:justify;}


.listing_col{
	width:100%; float:left; height:auto;
	}

.product{
	width:24%; float:left; height:auto; margin:0 1.3% 1% 0; border-bottom:solid 4px #fa3535; overflow:hidden;
	}

.product.last{ margin-right:0px;}

.product:hover{border-bottom:solid 4px #000;}



.product img{ width:100%; float:left; margin-bottom:20px; min-height:270px; transition: all .2s ease-in-out; }
.product img:hover { transform: scale(1.1); }

.content_part h4{color:#000; font-size:15px; font-weight:700; margin-bottom:10px;}
.content_part h5{color:#fa3535; font-size:19px; font-weight:700; margin:10px 0;}


.brands {
    overflow: hidden; margin:20px 0;
	width:100%; float:left; height:118px;border-left: 1px solid #E3E2E2;border-right: 1px solid #E3E2E2;

}
.brands img{
    float: left;
    height:116px;width:116px;
    border: 1px solid #E3E2E2; margin:0 2px 2px 0;
}


.footer{
	width:100%; float:left; height:auto; background:#000; padding:15px 0;
	}
	
.footer ul {
	width:42%; float:left; 
	}	
	
	
	

.footer ul li{ 
	display:inline;  list-style:none; text-transform:uppercase; font-weight:400; line-height:25px; 
}
.footer ul li a{color:#787878;padding:0px 10px; font-size:13px;  border-right:solid 1px #787878; }

.footer ul li a:hover{color:#fff;}
.footer p{color:#787878;font-size:13px; padding-left:10px;}
.footer h3{color:#787878;font-size:15px;  text-transform:uppercase;}


.newsletter_col{
	width:34%;  height:auto; color:#fff; float:left; margin-left:2%;
}

#cop{ display:none;}
#flk{display:block;}

.signcol{ width:22%; float:left; text-align:right;}

.f_inp3{ width:70%; background:#fff; border:none; font-size:14px; padding-left:10px; height:40px;}


.button2 {
	width: 25%;
	height: 40px;
	border: 0; background:#fa3535;
	font-family: 'Roboto', sans-serif;
	margin: 0px 0; cursor:pointer;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;}
	
.button2:hover {
	background: #fff; color:#000;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}




.contact_col{
	width:100%;
	float:left;
	height:auto;
	}

.contact_col form{
	width:40%;
/*	float:left;
*/  height:auto;
	margin:0 auto;
	}
	
.contact_col h4{
	font-size:20px;
	color:#fa3535;
	margin-bottom:20px;
	}

.input_conta{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9B9B8;
    border-radius: 0;
    box-shadow: 0 3px 20px 3px #EAECF1 inset;
    color: #000; font-size:15px;
    margin-bottom:25px;
    width: 100%;
	padding:10px;
	}
	
	
	
.conta_textarea{
	 background:#FFF;
	 width:100%; padding:10px; color:#000; 
	 height:87px;  border: 1px solid #B9B9B8; line-height:37px;margin-bottom:13px; font-size:14px;
	 box-shadow: 0 3px 20px 3px #EAECF1 inset;}
	 


.conta_but{
	width:140px;
	height:40px; font-size:18px;
	margin-left:auto; margin-right:auto;
	margin-bottom:10px;
	background:#fa3535; color:#fff; cursor:pointer; border:0px;
	 text-transform:uppercase;
	}
		
.conta_but:hover{
	background:#000;
	}	

.contact_col_2{
	width:55%;
	float:right;
	height:auto;
	padding-left:10px;
	}

.map{
	width:98%;
	float:right;
	height:250px;
	margin:20px 0;
	border:double 5px #fa3535;
	}



.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
			border: 1px solid #E3E2E2;
		}
	


.input_cr{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9B9B8;
    border-radius: 0;
    box-shadow: 0 3px 20px 3px #EAECF1 inset;
    color: #000; font-size:15px;
    margin-bottom:25px;
    width:47%;
	padding:10px;
	}