/* CSS Document */

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family:'LatoLight', Helvetica, Arial, sans-serif;
  background-color:#6a5811; 
  line-height:1.42857143;
  font-size:1.125em;  
  color:#555; 
}

/* Wrapper */

.wrapper{	
	max-width:1200px;
	margin:0 auto;
	width:100%;	
	*zoom: 1;
}
.wrapper:before, .wrapper:after{
    content: " "; 
    display: table;
}
.wrapper:after {
	clear: both;
}	

/* Navigation and Links */

.nav-footer ul{
	padding:0;	
}
.nav-footer ul li{
	font:normal 0.778em 'LatoRegular';
	text-transform:uppercase;
	list-style-type:none;	
	padding:0 0 12px;	
}
.nav-footer ul li a{
	color:#c7c7c7;	
}
.nav-footer ul li a:hover,
.nav-footer ul li.selected a{
	text-decoration:none;
	color:#f1f1f1;	
}

/* Header Area */

#top-area{
	background-color:#000;
	position:relative;	 	
}
#top-area #header{
	position:absolute;
	z-index:100;
	width:100%;
	left:0;
	top:0;
}
#top-area #header .header-top{
	padding:30px 10px 18px;	
}
#top-area #header .wrapper{
	text-align:center;
	position:relative;	
}
#header .wrapper .headerRight{
	position:absolute;
	text-align:right;
	width:190px;
	top:28px;
	right:0;		
}
.headerRight p{
	font:normal 1em/1em 'RobotoCondensed';
	margin-bottom:0;
	color:#fff;	
}
.headerRight p img{
	margin-left:5px;	
}
#header-inner #header{
	background:#5f615a url(../img/header-bg.jpg) center top no-repeat;
	background-size:cover;	
}
#header-inner #header .header-top{
	padding:30px 10px 18px;	
}
#header-inner #header .wrapper{
	text-align:center;
	position:relative;	
}
#header .wrapper .headerRight{
	position:absolute;
	text-align:right;
	width:330px;
	top:28px;
	right:0;		
}
#header .wrapper .headerRight span{
    font-size: 1.667em;
    margin-right: 15px;
}
#main-nav-holder{
	background-color:rgba(0,0,0,.38);	
}
#main-nav-holder .wrapper{
	padding-bottom:8px;
	padding-top:16px;	
}
.header-carousel{
	position:absolute;		
	z-index:100;
	bottom:16px;
	width:100%;
	left:0;
}

/* Content Area */

#contentMain{
	background-color:#fff;
	padding-right:10px;
	padding-left:10px;	
}
#contentMain .wrapper{
	padding-bottom:46px;
	padding-top:52px;
}
#content-featured{
	background:url(../img/carousel-bg.jpg) center top no-repeat;
	background-size:cover;
	padding-right:10px;
	padding-left:10px;	
}
#content-featured .wrapper{
	padding-bottom:20px;
	padding-top:20px;
}
#content-services{
	background:url(../img/bg-pattern-black.gif);	
}
#content-services .bg-services{
	background:url(../img/bg-engine.jpg) right top no-repeat;
	padding-right:10px;
	padding-left:10px;	
}
#content-services .wrapper{
	padding-bottom:25px;
	padding-top:76px;
	color:#fff;	
}
#content-services h2{
	border-bottom-color:#fff;
	display:inline-block;
	color:#fff;	
}
#content-services p{
	font:normal 1.3em 'LatoRegular';	
}
#content-branches{
	background-color:#fff;
	padding-right:10px;
	padding-left:10px;		
}
#content-branches .wrapper{
	padding-top:52px;	
}
#content-branches .col1{
	padding-bottom:26px;
	padding-right:20px;
	width:29.21536%;
	float:left;	
}
#content-branches .col2{
	padding-bottom:26px;
	padding-right:20px;
	width:24.37396%;
	float:left;	
}
#content-branches .col3{
	padding-bottom:26px;
	padding-right:20px;
	width:29.88314%;
	float:left;	
}
#content-branches .col4{
	padding-bottom:26px;
	width:16.52755%;
	float:left;	
}
#content-branches aside:hover{
	background:url(../img/line-hover.gif) left bottom no-repeat;	
}
#content-branches p{
	font:normal 1.278em/1.2em 'RobotoLight';
	text-transform:uppercase;	
}
#map-location{
	background:#767676 url(../img/bg-map.jpg) center top no-repeat;
	padding-right:10px;
	padding-left:10px;	
}
#map-location .wrapper{
	padding-bottom:70px;
	padding-top:112px;
	text-align:center;	
}
#map-location h2{
	font:normal 4em/1.2em 'RobotoCondensed';
	text-transform:uppercase;
	padding-bottom:40px;	
	letter-spacing:.2em;
	border-bottom:none;
	margin-bottom:0;
	color:#fff;	
}

/* Footer Area */

#footer{
	background-color:#000;
	padding-right:10px;
	padding-left:10px;	
}
#footer .wrapper{
	padding-bottom:20px;
	padding-top:46px;	
}
#footer .col1{
	width:20.81599%;
	float:left;	
}
#footer .col2{
	margin-left:5.49542%;
	width:20.81599%;
	float:left;	
}
#footer .col3{
	margin-left:5.49542%;
	width:20.81599%;
	float:left;	
}
#footer .col4{
	margin-left:5.74521%;
	width:20.81599%;
	float:left;	
}
#footer h6{
	font:bold 1em/1em Arial, sans-serif;
	border-bottom:1px solid #4d4d4d;
	text-transform:uppercase;
	padding-bottom:16px;
	margin-bottom:8px;
	color:#fff;
}
#footer p{	
	font-family:'LatoRegular';
	margin-bottom:14px;
	line-height:1.8em;
	font-size:13px;
	color:#c2c2c2;
}
#footer input[type="email"]{
	background:none;
	color:#fff;	
}
#footer .social-media{
	padding-top:8px;	
}
#footer .social-media img{
	margin-right:6px;	
}
#footer .btn{
	min-width:170px;padding:9px 12px 5px;
}
#footer .btn:hover{
	
}
.copyRight .wrapper{
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;		
}
.copyRight .wrapper p{
	font:normal 0.722em/1em 'LatoRegular';
	text-transform:uppercase;
	margin-bottom:0;
	color:#fff;	
}

/* Classes */

.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}
.services-slideshow .cycle-slide{
	width:100%;	
}
.carousel-prod{
	margin-bottom:0;
	padding:0;
	*zoom: 1;	
}
.carousel-prod:before, .carousel-prod:after{
    content: " "; 
    display: table;
}
.carousel-prod:after{
	clear: both;
}
.carousel-prod li{
	list-style-type:none;
	width:290px;
	float:left;
	padding:0;		
}
.featured-prod{
	position:relative;	
}
.featured-prod .desc{	
	text-align:center;
	position:absolute;
	padding:60px 13% 0;
	cursor:pointer;
	height:100%;
	width:100%;
	left:0;
	top:0;
	
	-webkit-transition:background-color .5s, padding-top .5s;
    transition:background-color .5s, padding-top .5s;	
}
.featured-prod .desc h4{
	font:bold 1.3em Arial, sans-serif;
	text-transform:uppercase;
	padding-bottom:16px;	
	color:#fff;
}
.featured-prod .desc h4 span{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	display:inline-block;
}
.featured-prod .desc p{
	font:normal 0.889em/1.2em 'LatoLight';
	opacity:0;
	color:#fff;	
	
	-webkit-transition:opacity .5s;
    transition:opacity .5s;	
}
.featured-prod:hover .desc{
	background-color:rgba(0,0,0,.6);
	padding-top:36px;	
}
.featured-prod:hover .desc p{
	opacity:1;	
}
.list-brands{
	padding:0;
	*zoom: 1;	
}
.list-brands:before, .list-brands:after{
    content: " "; 
    display: table;
}
.list-brands:after {
	clear: both;
}	
.list-brands li{
	list-style-type:none;
	margin-left:0.83333%;
	margin-bottom:10px;	
	width:49.58333%;
	float:left;
	padding:0;	
}
.list-brands li:nth-child(2n+1){
	margin-left:0;
	clear:both;	
}
.list-brands li.newletter{
	position:relative;	
}
.list-brands li.newletter img{
	visibility:hidden;	
}
.list-brands li .form-newsletter{
	border:1px solid #a3a3a3;
	position:absolute;	
	padding:6% 11% 0;
	height:100%;
	width:100%;
	color:#fff;
	left:0;
	top:0;		
}
.list-brands li .form-newsletter p{
	font:normal 1.667em 'RobotoCondensedItalic';
	text-transform:uppercase;
	margin-bottom:36px;
	text-align:center;
	color:#555;	
}
.list-brands li .form-newsletter .fields{
	border:1px solid #565656;	
}
.list-brands li .form-newsletter .fields input[type="email"]{
	font:normal 18px/1em 'RobotoCondensedItalic';
	text-transform:uppercase;
	height:48px;
	border:none;
	float:left;
	width:88%;	
}
.list-brands li .form-newsletter .fields input[type="submit"]{
	background:url(../img/ico-submit.gif) center no-repeat;	
	border:none;
	border-left:1px solid #565656;	
	text-indent:-9999px;
	text-align:left;	
	height:48px;
	float:left;
	width:12%;		
}
.list-check{
	padding:10px 0 0 5px;	
}
.list-check li{
	background:url(../img/list-check.png) left top no-repeat;
	list-style-type:none;
	padding:0 0 0 48px;	
    line-height:1.3em;
	min-height:60px;
}
.list-check li .type{
	background:url(../img/colon.png) right 4px no-repeat;
	vertical-align:top;
	display:table-cell;
	font-size:1.667em;
	width:190px;	
}
.list-check li .desc{
	vertical-align:top;
	display:table-cell;
	padding-left:16px;	
}
.services-pager{	
	text-align:center;
	margin-top:5%;	
	height:3px;	
}
.services-pager span{
	background-color:#b3b3b3;
	display:inline-block;
	text-indent:-9999px;
	cursor:pointer;
	text-align:left;
	margin:0 8px;
	height:3px;	
	width:12%;	
}
.services-pager span:hover,
.services-pager span.cycle-pager-active{
	background-color:#e5ba0f;	
}
.prod-list{
	position:relative;
	overflow:hidden;	
}
.prod-list .overlay{
	background-color:rgba(0, 0, 0, .5);
	text-align:center;
	padding:8% 11% 0;
	position:absolute;
	opacity:0;	
	height:100%;
	width:100%;
	color:#fff;
	z-index:1;
	left:0;
	top:0;	
	
	-webkit-transition:opacity .5s;
    transition:opacity .5s;
}
.prod-list .overlay h4{
	font:bold 2.667em/1em 'RobotoCondensedItalic';
	text-transform:uppercase;
	text-shadow:#000 0 0 8px;
	margin-bottom:12px;	
	padding-bottom:0;	
}
.prod-list .overlay h4 span{
	border-bottom:1px solid #f1c40f;	
}
.prod-list .overlay p{
    font:normal 1.3em 'LatoRegular';
	text-shadow:#000 0 0 8px;
}
.prod-list .desc{
	padding:16px 22px 0;
	position:absolute;	
	height:100%;
	width:100%;
	color:#fff;
	z-index:0;
	left:0;
	top:0;	
	
	-webkit-transition:opacity .5s;
    transition:opacity .5s;
}
.prod-list:hover .desc{
	opacity:0;	
}
.prod-list:hover .overlay{
	opacity:1;	
}
.prod-list .desc h4{
	font:bold 2em/1em 'RobotoCondensedItalic';
	text-transform:uppercase;
	text-shadow:#000 0 0 8px;
	padding-bottom:0;	
}
.prod-list .desc p{
    font:normal 1.2em 'LatoRegular';
	text-shadow:#000 0 0 8px;
}
.prod-list .desc .link{
	text-shadow:#000 0 0 8px;
	position:absolute;
	bottom:10px;
	right:20px;
	color:#fff;	
}
.clear{
	clear:both;
	height:0;	
}
/*
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
	-moz-box-shadow:0 0 5px 0 #012443;
    -webkit-box-shadow:0 0 5px 0 #012443;
    box-shadow:0 0 5px 0 #012443;
	
	.clearfix:before, .clearfix:after{
    content: " "; 
    display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}	
*/