body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#000; font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
 

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 

.hvr-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
.hvr-shutter-out-horizontal::before {
    background-color:#808080;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index:-1; border-radius:5px; 
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: #fff ; }
.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before { transform: scaleX(1); }
 
*{ box-sizing:border-box;} 


.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1170px; margin:0 auto; padding:0px; display:table;}


header{width:100%; float:left; margin:0px; padding:0px; background:#ad8d8a; position:fixed; z-index:9999; padding: 5px 0px; min-height:45px;}

.mail_link{float:right; padding:0px; margin:6px 0 0 0; color:#FFFFFF;  }
.mail_link a{color:#333; text-decoration:none; font-size:14px;}
.mail_link a:hover{color:#fff; text-decoration:none}

.logo{width:100%; float:left; margin:45px 0 0 0; padding:15px 0; line-height:0px; width:100%; text-align:center; background:#000}

.banner{background-image:url(../images/banner.jpg); height:580px; background-attachment:fixed; background-position:center; background-repeat:no-repeat; 
margin:150px 0 0 0; padding:200px 0 0 0; background-size:cover; box-sizing:border-box;}

 
.banner-txt { width:890px; margin:0 auto; display:table; background:rgba(173, 141, 138, 0.9); box-sizing:border-box; padding:35px 0px 42px 0px;}
.banner-txt h2{ width:100%; margin:0px; float:left; padding:0px; font-size:48px; letter-spacing:-4px; color:#fff; font-weight:700; text-transform:uppercase; text-align:center}
.banner-txt h2 span{font-weight:300;}
.banner-txt p{width:100%; margin:0 0 20px 0; float:left; padding:0px; font-size:17px; color:#fff; font-weight:400; text-transform:uppercase; text-align:center}
 
.contact-us{width:185px; background-color:#000 ; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 auto; border-radius:5px; left:40%; }

/*.contact-us{width:185px; margin:0 auto; display:table;}
.contact-us a{width:185px; background-color:#ea5e00; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 auto; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000; float:left; transition: all 0.5s ease-in-out 0s;}
.contact-us a:hover{width:185px; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 0 0; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000; float:left; background-image: -webkit-linear-gradient(#333, #000000);
background-image:    -moz-linear-gradient(#333, #000000); 
background-image:     -ms-linear-gradient(#333, #000000); 
background-image:      -o-linear-gradient(#333, #000000); 
background-image:         linear-gradient(#333, #000000); transition: all 0.5s ease-in-out 0s;}*/

 
.arrow-down {
    bottom: -196px;
    float: left;
    left: 49%;
    margin: 0;
    position: absolute;
    text-align: center;
}
.arrow-down:hover {opacity: 0.8;}


.about_area{ width:100%; float:left; margin:70px 0; padding:0px;}
.about_area_left{ width:45%; float:left; margin:0px; padding:0px; line-height:0px;}
.about_area_left img{ width:100%; height:auto;}

.about_area_right{width:50%; float:right; margin:0px; padding:90px 0 0 0px; box-sizing:border-box;}
.about_area_right h2{width:100%; margin:0px; padding:0px; font-size:30px;  color:#000;  }
.about_area_right p{width:100%;  margin:22px 0 0 0; padding:0px; font-size:18px; line-height:24px; color:#333; font-weight:300;}


.products_range { width:100%; padding:60px 1% ; margin:0px; float:left; background:#000;}

.products_range_content { width:100%; padding:0px 1% ; margin:0px 0 30px ; float:left; text-align:center;}
.products_range_content h2{ width:100%; margin:0 0 0px 0; padding:0px; float:left; font-size:48px; color:#fff; font-weight:300; text-transform: uppercase; line-height:46px}
.products_range_content h2 span{ width:100%; color:#ad8d8a; font-weight:700; }
.products_range_content p{ width:100%; margin:15px 0 0 ; padding:0px 20px 0 0; float:left; font-size:18px; color:#fff; font-style:italic; font-weight:400;  line-height:28px}
.products_range_content p span{font-size:18px; color:#ad8d8a; text-align:center; font-weight:700; }

.products_range_images { width:100%; padding:0px 0; margin:0px; float:left;}
.products_range_images ul{ width:100%; float:left; margin:0px; padding:0px;}
.products_range_images ul li{width:24%; float:left; margin:0.5%; padding:0px; line-height:0; list-style:none;  position:relative;   }
.products_range_images ul li p{position:relative; overflow:hidden; background:red; border-radius:50%; }

.products_range_images ul li p img{width:100%; height:auto; line-height:0;  transition: all 0.3s ease-in-out 0s; }
.products_range_images ul li p img:hover{  -moz-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1); }
.products_range_images ul li span{ width:100%; float:left; display:inline-table; text-align:center;  margin:20px 0 0; padding:0px 0px;   font-size:16px; font-weight:700; color:#fff; text-transform:uppercase;}


.values{ width:100%; float:left; margin:70px 0; padding:65px; background:url(../images/values.jpg) center center; background-size:cover;}
.values-txt{width:50%; float:left; margin:0px; padding:30px 40px 50px; box-sizing:border-box;  background:rgba(255, 255, 255, 0.8);}
.values-txt h2{width:100%; float:left; margin:0px; padding:0px; font-size:30px; color:#000; font-weight:700; letter-spacing:-1px; }
.values-txt p{width:100%; float:left; margin:10px 0 0 0; padding:0px; font-size:18px; line-height:24px; color:#333333;}
.values-txt p span{width:100%; float:left; color:#fbad2b;  font-weight:700; margin:0px 0 15px 0; } 


footer{width:100%; float:left; margin:0px; padding:45px 0; background:#000; box-sizing:border-box;}

.quick_link { width:25%; float:left; margin:0px; padding:0px;}
.quick_link h3{ width:100%; float:left; margin:0 0 12px 0; padding:0px; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase}
.quick_link ul{ width:100%; float:left; margin:0px; padding:0px;}
.quick_link ul li{float:left; width:100%; margin:0px 0 10px 0; padding:0 0px; list-style:none; color:#fff; font-size:14px; font-weight:400; line-height:15px; font-style:italic;}
.quick_link ul li a{color:#fff; text-decoration:none}
.quick_link ul li a:hover{color:#fbad2b; text-decoration:none}

.address-left { width:35%; float:left; margin:0px; padding:0px;}
.address-left h3{ width:100%; float:left; margin:0 0 12px 0; padding:0px; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase}
.address-left p{width:80%; float:left; margin:0px 0 0 0; padding:0px; font-size:14px; line-height:24px; color:#fff; font-weight:400;}
.address-left p a{ color:#ad8d8a;}
.address-left p a:hover{ color:#fff; text-decoration:underline;}

.form-right { width:35%; float:left; margin:0px; padding:0px;}
.form-right ul{width:100%; float:left; margin:0 15px 0 0; padding:0px;}
.form-right ul li{width:100%; float:left; margin:0 0 6px 0; padding:0px; list-style:none; }
.form-right ul li:last-child{width:100%; float:right; margin:0 0 6px 0; padding:0px; list-style:none;}

.textfield{width:100%; float:left; margin:0px; padding:0 10px; box-sizing:border-box; background:#fff;  font-size:13px; color:#363639; font-style:italic;   height:40px; border:0;}
.textarea{width:100%; float:left; margin:0px; padding:10px; box-sizing:border-box; background:#fff;  font-size:13px; color:#363639; font-style:italic;  height:80px; border:0;font-family: 'Open Sans', sans-serif;}

.submit{width:160px; background-color:#ad8d8a; height:42px; text-align:center; font-weight:bold; color:#fff; font-size:14px; text-transform:uppercase;
line-height: 42px; margin:0px; float:left; border:0; cursor:pointer; }
 
.submit:hover{background-color:#a5a5a5;}

.copyright { width:100%; float:left; margin:0px; padding:18px 0; color:#333; font-size:13px; font-weight:400;}

#section-1{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-2{margin:-84px 0 0 0; padding:84px 0 0 0; position:relative;}
#section-3{margin:-50px 0 0 0; padding:50px 0 0 0; position:relative;}
#section-4{margin:-84px 0 0 0; padding:84px 0 0 0; position:relative;}