/*
	Theme Name: Voltz Bikes 2018
	Description: Voltz Website Theme
	Author: Tom Edson (@edson_bsx)
	Author URI: http://tom-edson.co.uk
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	overflow-x: hidden;
	width: 100%;
}
body {
	font-size: 16px;
	font-family: 'Muli', sans-serif;
	/*font-family: 'Mitr', Helvetica, Arial, sans-serif;*/
	color:#191919;
	background-color: #fff;
	overflow-x: hidden;
	width: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

@media only screen and (max-width:1000px) {
	body{
		font-size: 15px;
	}
}
@media only screen and (max-width:700px) {
	body{
		font-size: 14px;
	}
}
/* clear */
.cf:before,
.cf:after {
    content:' ';
    display:table;
}

.cf:after {
    clear:both;
}
.cf {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#86bc4a;
	text-decoration:none;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
a:hover {
	color:#3f3f3f;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

input{
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
}

input:focus {
	border:1px solid #8dc63f;
}

/*button, html input[type="button"], input[type="reset"], input[type="submit"]{
	background-color: #8dc63f;
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid #8dc63f;
	width: auto;
	padding: 5px 20px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	background-color: #3f3f3f;
	color: #fff;
}*/

button, html input[type="button"], input[type="reset"], input[type="submit"]{
  color: #191919;
  border: 1px solid #86bc4a;
	background-color: #86bc4a;
  padding: 0.5em 1.5em;
  display: inline-block;
  font-size: 0.75em;
  font-weight: bold !important;
  letter-spacing: 0.1em;
	text-transform: uppercase;
	width: auto;
  
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
  background-color: #fff;
  color: #86bc4a;
	border-color: #86bc4a;
}

.button {
	
}

.button, button {
  
}

.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: .85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color .25s ease-out,color .25s ease-out;
  transition: background-color .25s ease-out,color .25s ease-out;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe;
  
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1em;
  background-color: #86bc4a;
  color: #333;
  font-size: 14.4px;
}
.button:hover,  button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
  background-color: #679336;
  color: #fff;
}

.hasTransition03{
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.inline-block{
	display: inline-block;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper, .heroContent {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
	/*border-left: 1px solid #86bc4a;
	border-right: 1px solid #86bc4a;*/
	background-color: #fff;
	/*padding-bottom: 10px;*/
}

.wrapper .innerWrapper{
	padding: 2em;
}
/* header */
.header {
	/*background-color: #191919;*/
	background-color: #000;
	color: #fff;
}
/* logo */
.header .logo, .header h1.logo {
  padding: 1.5em 0 !important;
  margin: 0;
  text-align: center;
  font-size: 2em;
  position: relative;
  z-index: 5;
}
.header .logo a{
  position: relative;
  display: block;
  background-image: url('img/site-logo.png');
  background-size: contain;
  max-width: 300px;
  width: 70%;
  margin: 0px auto;
}
.header .logo-img {  
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
	max-height: none;
  animation: Pulsate 8s linear infinite;
}
.header .logo-img.logo-col{
  position: relative;
  top: -100%; 
}
@keyframes Pulsate {
  from { opacity: 1; }
  30% { opacity: 1; }
/*  31% { opacity: 0; }
  32% { opacity: 1; }
  33% { opacity: 0; }
  34% { opacity: 1; }*/
  40% { opacity: 0; }
  80% { opacity: 0; }
  90% { opacity: 1; }
  to { opacity: 1; }
}
.header .headerOuter{
  position: relative;
}
.header .headerImg{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
  background-size: cover;
}
/* nav */
.nav {	
	font-weight: 400;
	text-transform: uppercase;	
	float: none;
	text-align: center;
	border-top: 1px solid #b1b1b1;
	padding: 1em 0;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
}
.nav a{
	color: #fff;
	border-bottom: 1px solid #000;
}
.nav a:hover{
	color: #b1b1b1;
}

.nav ul, .nav li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav ul{
	margin-left: -10px;
}

.nav li{
	display: inline-block;
	float: none;
	/*padding: 0 10px;*/
	margin-right: 0px;
	/*border-right: 1px solid #b1b1b1;*/
	
	position: relative;
	
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.nav li:after{
  content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: FontAwesome;
  font-size: 0.65em;
  top: -1px;
  padding: 0 1.2em 0 1.5em;
  position: relative;
  /*color: #b1b1b1;
  opacity: 0.5;*/
  
  color: #86bc4a;
}

.nav li#menu-item-42 a{
	background-image: url('img/menu-logo.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 27px;
}

.nav li#menu-item-42 ul li a{
	padding-left: 0px;
	background-image: none;
}

.nav li:last-of-type{
	border-right: none;
}

.nav li:last-of-type:after{
  content: "";
  padding: 0;
  top: 0;
}

.nav li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 10px;
	width: 150px;
	z-index: 11;
	background-color: #fff;
	font-size: 0.8em;
}

.nav li:hover ul li a {
	color: #191919;
}

.nav li a i {
	color: #86bc4a;
}

.nav li:hover a{
	color: #86bc4a;
	text-decoration: none;
	/*border-bottom-color: #fff;*/
}

.nav li:hover ul{
	display: block;
	text-align: left;
}

.nav li:hover ul li:after{
  content: "";
  padding: 0;
  top: 0;
}

.nav li.menu-item-object-custom:hover{
  background: transparent;
}
.nav li.menu-item-object-custom:hover:hover a{
	color: #b1b1b1;
	cursor: default;
	border-bottom: none;
}

.nav li ul li{
	display: block;
	margin: 0;
	padding: 5px 10px;
	border: none;
	float: none;
}

.nav li ul li a{
	display: block;
	border-bottom: 1px solid #fff;
}

.nav li ul li a:hover{
	border-bottom: 1px solid #92c01f;
}

.header .phone{
	float: right;
	font-weight: 600;
}

.header .phone i{
	margin-right: 10px;
	font-size: 1.1em;
}

@media only screen and (max-width:1000px) {
	.header .nav{
		float: none;
		margin-bottom: 10px;
	}
	
	.header .phone{
		float: none;
	}
}

/*article*/
article{
	/*display: table-cell;
	padding-right: 10px;
	border-right: 1px solid #efefef;*/
}

article img{
	height: auto;
}

article p:first-child{
	font-size: 1.2em;
	font-weight: 600;
}

article *{
	line-height: 1.6em;
}

article p, article ol, article ul, article blockquote, article h1, article h2, article h3, article h4, article h5, article h6, article table{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
article table{
  width: 100%;
}
article table td{
  /*padding: 5px 5px 5px 0;*/
}

/* sidebar */
.sidebar {
	display: table-cell;
	width: 25%;
	max-width: 350px;
	min-width: 100px;
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: top;
}

.sidebar .inner{
	position: relative;
}

.sidebar .featBttn{
	display: block;
	padding: 8px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #3f3f3f;
	border: 4px solid #3f3f3f;
	font-size: 1.2em;
	text-align: center;
	font-weight: 600;
	background-image: url('img/transp-Z-light.png');
	background-position: center right;
	background-repeat: no-repeat;
}

.sidebar .featBttn:hover{
	color: #3f3f3f;
	background-color: #92c01f;
}

.sidebar .featBttn span{
	display: inline-block;
}

.sidebar .sidebar-widget{
	background-color: #efefef;
	position: relative;
	margin-bottom: 10px;
	font-size: 0.9em;
}

.sidebar .sidebar-widget h3{
	background-color: #92c01f;
    text-transform: uppercase;
    margin: 0;
    padding: 2px 5px;
    width: 100%;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.sidebar .sidebar-widget ul, .sidebar .sidebar-widget li{
	padding: 0;
	margin: 0;
	list-style: none;
}

.sidebar .sidebar-widget ul{
	padding: 10px;
}

.sidebar .sidebar-widget li{
	margin: 10px 0;
	position: relative;
	padding-left: 20px;
}

.sidebar .sidebar-widget li:before{
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;

/*    font-size: 18px;*/
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 0;
}

.sidebar .sidebar-widget a{
	color: #191919;
	display: block;
	position: relative;
	left: 0;
}

.sidebar .sidebar-widget a:hover{
	left: 10px;
}

.sidebar .shopInfo{
	display: block;
	width: auto;
	margin-bottom: 10px;
	border: none;
}

.sidebar .shopInfo .left{
	width: auto;
	display: block;
	float: none;
	margin-bottom: 10px;
}

.sidebar .shopInfo .right{
	width: auto;
	display: block;
	float: none;
	position: relative;
	height: 150px;
}

.sidebar .shopInfo .right iframe{
	padding: 0;
}

/*lowerBoxes*/

.lowerBoxes{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	background-color: #3f3f3f;
	/*border-bottom: 2px solid #fff;*/
}

.lowerBoxes .inner{
	/*padding: 10px;*/
	font-size: 0.9em;
}

.lowerBoxes .lowerBox{
	/*width: 33%;*/
	display: table-cell;
	vertical-align: top;
	background-color: #333;
	position: relative;
}

.lowerBoxes .lowerBox h4{
	/*color: #92c01f;*/
	color: #fff;
	background-color: #3f3f3f;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    font-size: 1em;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.voltzSocial.lowerBox{
	text-align: center;
	/*background-image: url('img/wood.jpg');*/
	background-repeat: repeat;
}

.lowerBoxes .voltzSocial.lowerBox .inner{
	padding: 0;
	min-height: 300px;
}

.voltzSocial.lowerBox iframe{
	width: 100%;
	max-width: 510px;
	height: 290px;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.voltzOffers.lowerBox{
	background-color: #666;
	background-image: url('img/ebay-bg.jpg');
	background-size: cover;
	color: #fff;
}

.voltzOffers .inner{
	padding-bottom: 70px;
}

.voltzOffers p{
	margin: 0 0 10px 0;
}

.voltzOffers .auction-nudge #an-ebay-logo{
	display: none;
}

.voltzOffers .auction-nudge div.credit{
	clear: both;
}

.voltzOffers .auction-nudge div.credit a{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #b4b4b4;
	color: #666 !important;
	font-size: 0.8em !important;
	display: block;
	padding: 3px 5px;
	text-align: right;
	width: 100%;
}

.voltzOffers .auction-nudge div.credit a span{
	color: #666 !important;
	text-decoration: underline;
}

#auction-nudge-items div.an-item{
	display: none;
	color: #191919;
}

.voltzOffers .auction-nudge div#an-item-wrap a{
	display: block;
	/*font-size: 1em !important;*/
}

.voltzOffers .an-image, .voltzOffers .an-image *{
	height: auto !important;
}

.voltzOffers .an-item{
	width: auto !important;
	max-width: none !important;
	float: right !important;
	padding: 5px !important;
	margin: 0 0 10px 0 !important;
	background-color: #fff;
	display: block;
	width: 49% !important;
	margin: 0 0 10px 0 !important;
	clear: none !important;
}

.voltzOffers .an-item:first-of-type{
	float: left !important;
}

.voltzOffers .an-title a{
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #efefef;
	padding-bottom: 3px;
}

.voltzOffers .an-price{
	margin: 0px !important;
}

.voltzOffers .an-ends{
	font-size: 0.8em;
}

.voltzOffers .an-view a{
	font-weight: 600 !important;
}

.voltzOffers .storeLinkWrap{
	position: absolute;
	bottom: 30px;
	left: 0;
	margin: 0;
	padding: 0 10px;
	width: 100%;
}

.voltzOffers .storeLink{
	display: block;
	text-align: center;
	background-color: #3f3f3f;
	color: #92c01f;
	font-size: 1.2em;
	padding: 5px;
}

.voltzOffers .storeLink:hover i{
	margin-left: 10px;
	color: #fff;
}

.latestNews.lowerBox{
	/*border-left: 5px solid #3f3f3f;*/
	vertical-align: middle;
}

.latestNews{
	background-color: #000;
	position: relative;
	vertical-align: middle;	
	text-align: center;
	padding: 1em;
	border-left: 1px solid #fff;
}

.latestNews h3{
/*	background-color: #fff;
	text-transform: uppercase;
	display: inline-block;
	color: #86bc4a;
	margin: 0 auto;
	text-align: center;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*!/
	position: relative;
	z-index: 5;
	text-align: center;
	font-size: 1.25em;
	padding: 0.4em 0.8em 0.3em 0.8em;
	/*border-radius: 0.2em;*!/*/
	
	text-transform: uppercase;
	margin: 0 auto;
	
	position: relative;
	z-index: 5;
	text-align: center;
	font-size: 1.25em;
	padding: 0.4em 0.8em 0.3em 0.8em;
	
	color: #fff;
	border: 1px solid #fff;
	padding: 0.5em 1.5em 0.45em 1.5em;
	display: inline-block;
	letter-spacing: 0.1em;
	font-weight: 300;
	margin: 3em auto;
	
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.latestNews .img{
	position: absolute;
	right: 0px;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	background-color: #3f3f3f;
	opacity: 0.4;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.latestNews a{
	font-weight: 600;
	color: #191919;
	margin-top: 5px;
	display: block;
}

.latestNews a:hover .img{
	opacity: 0.8;
}

.latestNews a:hover h3{
  background-color: #fff;
  color: #000;
}

.voltzWeather{
  /*border-left: 2px solid #fff;*/
  border-right: 1px solid #fff;
}

.voltzWeather .inner{
	min-height: 275px;
	position: relative;
}

.voltzWeather .weatherMessage{
	text-align: center;
	font-size: 2em;
	background-color: #92c01f;
	color: #fff;
	font-weight: 600;
	height: 50%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('img/cloud.jpg');
	background-position: top right;
	background-size: cover;
}

.voltzWeather .weatherMessage.tornado{ background-image: url('img/tornado.jpg'); }
.voltzWeather .weatherMessage.tropical-storm{ background-image: url('img/tropical-storm.jpg'); }
.voltzWeather .weatherMessage.hurricane{ background-image: url('img/hurricane.jpg'); }
.voltzWeather .weatherMessage.thunder-storm{ background-image: url('img/thunder-storm.jpg'); }
.voltzWeather .weatherMessage.snow{ background-image: url('img/snow.jpg'); }
.voltzWeather .weatherMessage.sleet{ background-image: url('img/sleet.jpg'); }
.voltzWeather .weatherMessage.rain{ background-image: url('img/rain.jpg'); }
.voltzWeather .weatherMessage.hail{ background-image: url('img/hail.jpg'); }
.voltzWeather .weatherMessage.dust{ background-image: url('img/dust.jpg'); }
.voltzWeather .weatherMessage.fog{ background-image: url('img/fog.jpg'); }
.voltzWeather .weatherMessage.haze{ background-image: url('img/haze.jpg'); }
.voltzWeather .weatherMessage.smoke{ background-image: url('img/smoke.jpg'); }
.voltzWeather .weatherMessage.wind{ background-image: url('img/wind.jpg'); }
.voltzWeather .weatherMessage.cold{ background-image: url('img/cold.jpg'); }
.voltzWeather .weatherMessage.cloud{ background-image: url('img/cloud.jpg'); }
.voltzWeather .weatherMessage.sun{ background-image: url('img/sun.jpg'); }
.voltzWeather .weatherMessage.clear{ background-image: url('img/clear.jpg'); }

.voltzWeather .weatherMessage .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
	z-index: 4;
}

.voltzWeather .weatherMessage span{
	position: relative;
	z-index: 5;
}

.voltzWeather .temp{
	width: 50%;
	float: left;
	font-size: 1.5em;
	background-color: #efefef;
	text-align: center;
/*	padding: 2em 10px;*/
	font-weight: 500;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 0;
}

.voltzWeather div:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.voltzWeather .wind-info{
	width: 50%;
	float: left;
	font-size: 1.5em;
	background-color: #3f3f3f;
	color: #fff;
	text-align: center;
/*	padding: 2em 10px;*/
	font-weight: 300;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
}

.voltzWeather span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 15px;
}

/* footer */
.footer {
	background-color: #3f3f3f;
	padding: 10px;
	font-weight: 600;
	font-size: 0.9em;
	color: #fff;
}

.footer p{
	margin: 0;
}

.footer .socialLinks{
	float: right;
	font-size: 0.9em;
}

.footer .socialLinks a{
	display: inline-block;
	color: #fff;
	margin-right: 10px;
}

.footer .socialLinks a:last-of-type{
	margin-right: 0;
}

.left{
	float: left;
}

.right{
	float: right;
}

.noTransition{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.home .wrapper{
	width: 100%;
	max-width: none;
	border: none;
}

.hero{
	height: 35em;
	background-color: #191919;
	position: relative;
}

@media only screen and (max-height:900px) {
	.hero{
		height: 35em;
	}
}

@media only screen and (max-height:768px) {
	.hero{
		height: 20em;
	}
	
	.hero .heroItem img{
		top: 0;
		bottom: auto;
	}
}

@media only screen and (max-width:1000px) {
	.hero{
		height: 20em;
	}
	
	.hero .heroItem img{
		top: 0;
		bottom: auto;
	}
}

.heroLoad{
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #000;
	color: #fff;
	z-index: 25;
}

.heroLoad i{
	position: relative;
	top: 45%;
	font-size: 3em;
}

.hero h1{
	width: 40%;
	margin: 0px auto;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 30%;
	/*z-index when acting*/
	z-index: 12;	
}

.hero.isLoading h1{
	/*z-index on load*/
	z-index: 14;
}

@media only screen and (max-height:768px) {
	.hero h1{
		top: 20%;
	}
}

.hero{
  background-color: #000;
}

.hero h1 img{
	width: 100%;
}

.hero .heroSect{
	width: auto;
	float: none;
	height: 100%;
	overflow: hidden;
}

.hero .heroItem{
	height: 100%;
	width: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
	background-color: #000;
	
/*	-webkit-transition: 0.75s linear;
	-moz-transition: 0.75s linear;
	-ms-transition: 0.75s linear;
	-o-transition: 0.75s linear;
	transition: 0.75s linear;*/
}

.hero .heroImg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;  
  opacity: 0.6;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;

}

.hero .heroImg.hover{
  opacity: 0.8;
}

.hero .heroItem.beingMoved{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.hero .heroItem img{
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	max-width: none;
}

.hero .heroItem .heroContent{
	color: #fff;
	position: relative;
	border: none;
	background: transparent;
	font-size: 1.5em;	
	margin-top: 8em;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

@media only screen and (max-height:768px) {
	.hero .heroItem .heroContent{
	  margin-top: 3em;
	}
}

@media only screen and (max-width:1000px) {
	.hero .heroItem .heroContent{
	  margin-top: 3em;
	}
}

.hero .heroItem .heroContent h3{
	text-transform: uppercase;
	position: relative;
	margin: 0em 0 0.25em 0;
	font-size: 2.5em;
  font-family: 'Oswald', sans-serif;
  line-height: 1.2em;
}

.hero .heroItem .heroContent .heroSubText{
	position: relative;
	display: block;
}

.no-js .hero .heroItem:hover .heroContent{
	height: auto;
}

.hero .heroItem .heroContent .heroLink{
  color: #fff;
  border: 1px solid #fff;
  padding: 0.5em 1.5em 0.45em 1.5em;
  display: inline-block;
  font-size: 0.75em;
  letter-spacing: 0.3em;
  
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.hero .heroItem .heroContent .heroLink:hover{
  background-color: #fff;
  color: #000;
}

.hero .heroItem .heroContent .bg{
	background-color: #000;
	z-index: 11;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.6;
	position: absolute;
}

.heroProgress, .heroProgress .inner{
	height: 2px;
	width: 100%;
}

.heroProgress .inner{
	width: 0px;
	background-color: #92c01f;
}

.heroControls{
  position: absolute;
  z-index: 20;
  bottom: 1em;
  width: 100%;
  left: 0;
  color: #fff;
  padding: 0 1em;
  font-size: 2em;
}

.heroControls .fa{
  opacity: 0.3;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.heroControls .fa:hover{
  cursor: pointer;
  opacity: 1.0;
}

.heroControls .fa.nextTrig{
  float: right;
}

.home article{
	width: auto;
	display: block;
	padding: 0;
	border: none;
}

/*secondThree*/

.secondThree{
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 2px solid #fff;
}

.secondThree .section{
  display: table-cell;
  text-align: center;
  color: #fff;
  background-color: #000;
  position: relative;
}

.secondThree .section.mid{
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

.secondThree .section h3{
  font-size: 1.5em;
  text-transform: uppercase;
  padding: 4em 0;
  margin: 0;
  position: relative;
  z-index: 5;
}

.secondThree .section div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  z-index: 1;
  opacity: 0.6;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.secondThree .section:hover div{
  opacity: 0.8;
}

/*homeContent*/

.homeContent{
  color: #666;
  margin: 4em auto;
  max-width: 1200px;
  padding: 0 2em;
  text-align: center;
}

.homeContent h2{
  text-align: center;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 300;
  color: #999;
  
}

/*.homeContent h2 span,
.homeContent a{
  color: #fff;
  font-weight: 600;
  display: inline-block;
  background-color: #86bc4a;
  padding: 0.1em 0.5em 0 0.5em;
  /*border-radius: 0.2em;*!/
}

.homeContent a{
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.homeContent a:hover{
  background-color: #666;
  color: #fff;
}*/

.homeContent iframe{
  width: 100%;
  height: 25em;
  margin: 0px auto;
  display: block;
}

.homeContent p{
  font-size: 1.1em;
}

.homeContent .dot{
  font-size: 0.75em;
  color: #86bc4a;
  display: inline-block;
  margin: 0 0.5em;
}

/*Shop Info*/

.shopInfo{
	width: auto;
	/*float: left;*/
	background-color: #3f3f3f;
	color: #fff;	
	position: relative;
	line-height: 2em;
	vertical-align: top;
	display: block;
	border-bottom: 2px solid #fff;
}

.shopInfo h2{
	margin: 0;
	font-size: 1.4em;
	font-weight: 500;
}

.shopInfo p{
	margin: 0;
}

.shopInfo a{
	color: #fff;
}

.shopInfo .streetView{
	margin: 10px 0;
	font-size: 1.1em;
}

.shopInfo .streetView a{
	color: #86bc4a;
	font-weight: 600;
}

.shopInfo .left{
	width: 50%;
	border-right: 1px solid #fff;
	padding: 15px;
}

/*.shopInfo .left i{
	display: none;
}*/

.shopInfo .right{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	border-left: 1px solid #fff;
	background-color: #000;
}

.shopInfo .right iframe{
	width: 100%;
	height: 100%;
	/*padding: 10px;*/
	opacity: 0.8;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.shopInfo .right iframe:hover, .shopInfo .right iframe:focus{
  opacity: 1.0;
}

.promotedBrands{
	width: 100%;
	overflow: hidden;
	/*border-top: 2px solid #3f3f3f;*/
	background-color: #fff;
}

.promotedBrands ul, .promotedBrands li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.promotedBrands ul{
	width: 100000%;
	
	-webkit-transition: 4.0s linear;
	-moz-transition: 4.0s linear;
	-ms-transition: 4.0s linear;
	-o-transition: 4.0s linear;
	transition: 4.0s linear;
}

.promotedBrands li{
	float: left;
	width: 150px;
	margin: 0 20px;
}

.promotedBrands li .table{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.promotedBrands li .tableCell{
	display: table-cell;
	height: 75px;	
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.promotedBrands img{
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	cursor: pointer;
	opacity: 0.7;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.promotedBrands img:hover{
  opacity: 1.0;
  filter: none; /* IE6-9 */
  -webkit-filter: none; /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: none; /* Microsoft Edge and Firefox 35+ */
}

.productInterest{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

.productInterest .inner{
	position: absolute;
	z-index: 102;
	background-color: #fff;
	width: 50%;
	left: 25%;
	bottom: -100%;
	padding: 20px;
	padding-bottom: 80px;
	/*-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;*/
}

.productInterest .inner h4{
	margin: 0;
	font-size: 1.8em;
	color: #92c01f;
	font-weight: 400;
}

.productInterest .inner p{
	margin: 0;
}

.productInterest .inner form{
	margin: 20px 0;
}

.productInterest input.brandName{
	display: none;
}

.productInterest .inner .fa-times{
	position: absolute;
	top: 8px;
	right: 12px;
	color: #ccc;
	font-size: 2em;
	cursor: pointer;
}

.productInterest .inner .fa-times:hover{
	color: #92c01f;
}

.productInterest .bg{
	background-color: #000;
	opacity: 0.0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pageHeader{
	background-position: center;
	background-size: cover;
	text-align: center;
	background-attachment: fixed;
	position: relative;
}

.pageHeader img{
	display: block;
	margin: 0px auto;
	padding: 4em 2em;
	height: auto;
	width: auto;
	max-width: 80%;
}

.pageHeader h1{
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	position: relative;
	font-size: 1.8em;
	padding: 3em 1em;
	position: relative;
	z-index: 5;
	
	text-transform: uppercase;
	margin: 0 auto;
	
	position: relative;
	z-index: 5;
	text-align: center;
	padding: 0.4em 0.8em 0.3em 0.8em;
	
	color: #fff;
	/*border: 1px solid #fff;*/
	padding: 0.5em 1.5em 0.45em 1.5em;
	display: inline-block;
	letter-spacing: 0.1em;
	font-weight: 300;
	margin: 3em auto;
	
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.pageHeader .titleInner{
	position: relative;
	z-index: 5;
}

.pageHeader .bg{
	background-color: #000;
	opacity: 0.5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	position: absolute;
}

.wallpaperWrap{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;	
}

.wallpaperWrap .wrapper{
	height: 100%;
}

.wallpaperWrap .wallpaper{
	position: absolute;
	background-color: #333;
	height: 100%;
	width: 400px;
	top: 0;
	left: -400px;
	overflow: hidden;	
}

.wallpaperWrap .wallpaper img.wpImg{
	height: auto;
	width: auto;
	max-width: none;
	min-height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0.7;
}

.wallpaperWrap .wallpaper img.fade{
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
}

.wallpaperWrap .wallpaper.wpR{
	left: auto;
	right: -400px;
}

.wallpaperWrap .wallpaper.wpR img{
	right: auto;
	left: 0;
}

.wallpaperWrap .wallpaper.wpR img.fade{
	left: auto;
	right: 0;
}

.contact-ctas .cell{
	background-color: #e9e9e9;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 1em;
}
.contact-ctas h4 {
	font-size: 4rem;
	color: #666;
}

/*------------------------------------*\
    WooCommerce
\*------------------------------------*/

.callTodayCTA{
  background-color: #77a464;
  font-size: 1.2em;
  padding: 5px 10px;
  color: #fff;
  font-weight: 600;
}

.woocommerce-tabs,
.related.products{
  max-width: 1000px;
  margin: 0px auto;
}

.related.products{
  border: 1px solid #000;
  margin-top: 1.5em;
}

.related.products h2{
  background-color: #000;
  padding: 0.2em 0.5em;
  color: #fff;
  margin-top: 0;
  
  font-size: 1.25em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: uppercase;
}

.related.products ul.products{
  margin: 1em 0em 1em 1em !important;
  display: table;
}

.related.products ul li.product{
  margin: 0 0 1em 0;
  width: 25%;
  padding: 0 0.5em;
  display: table-cell;
  float: none;
  margin: 0;
  border-right: 1em solid #fff;
}

@media only screen and (max-width:768px) {
  .related.products ul.products{
    display: block;
  }
  .related.products ul li.product{
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }
  
}

.woocommerce-tabs .specsLayout .col{
  width: 48%;
  float: left;
}

.woocommerce-tabs .specsLayout .col.right{
  float: right;
}

/*Strange Override to show images when hiding add to cart button*/
.product.has-default-attributes.has-children>.images{
  opacity: 1 !important;
}

.woocommerce-breadcrumb{
  display: none !important;
}

.woocommerce ul.products li.product{
  background-color: #000;
  padding: 1em;
}

.woocommerce ul.products li.product a{
  color: #fff;
}

.woocommerce ul.products li.product a:hover{
  color: #86bc4a;
}

.woocommerce ul.products li.product .price{
  color: #fff;
  margin-bottom: 0;
  font-size: 1.0em;
}

.woocommerce ul.products li.product a img{
  border: 1px solid #999;
  margin-bottom: 0;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.woocommerce ul.products li.product a:hover img{
  border: 1px solid #86bc4a;
}

.specsData{
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0.5em 0;
}

.specsData .bg{
  background-color: #000;
  position: absolute;
  top: 0;
  left: -4000px;
  width: 16000px;
  height: 100%;
  z-index: 1;
}

.specsData .specsInner{
  display: none;
  position: relative;
  z-index: 5;
}

.specsData .specsTrigger{
  cursor: pointer;
  position: relative;
  z-index: 5;
}

.specsData i{
  float: right;
}

.homeContent .woocommerce ul.products{
  margin: 0;
  max-width: none;
}

.homeContent .woocommerce ul.products li.product{
  width: 23%;
  margin: 0 1%;
}

.page-template-template-feature-page .lowerBoxes{
  display: none;
}
.feature-page {
  background-color: #333;
  color: #fff;
}
.feature-page .cell{
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 6rem 4rem;
}
.feature-page__row1 {
  padding: 12rem 3rem;
  font-size: 2rem;
  margin-top: 0 !important;
  
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.feature-page__row1 h1{
  text-transform: uppercase;
  font-size: 3.5rem;
  border-bottom: 5px solid #fff;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  margin-top: 0;
}
.feature-page article p:first-child {
  font-size: inherit;
  font-weight: inherit;
}
.feature-page article {
  font-size: 0.9em;
}
.feature-page__text-left {
  padding-left: 5rem !important;
}
.feature-page__text-right {
  padding-right: 5rem !important;
}
.feature-page__row5 .inner {
  background-color: rgba(255, 255, 255, .95);
  color: #000;
  max-width: 600px;
  margin: 4rem auto;
  padding: 2rem;
}



.blog-grid .inner{
  background: rgba(0, 0, 0, .65);
  min-height: 100%;
  padding: 2rem;
  padding-top: 0;
  color: #fff;
  position: relative;
  padding-bottom: 8rem;
}
.blog-grid h2{
  background: rgba(0, 0, 0, .75);
  margin: 0 -2rem 1rem -2rem;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 2rem;
}
.blog-grid h2 a, .blog-grid h2 a:hover{
  color: inherit;
}
.blog-grid h2 a:hover{
  opacity: 0.8;
}
.blog-grid span.date {
  font-size: 0.85em;
  font-style: italic;
  opacity: 0.9;
}
.blog-grid .button {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

@media only screen and (max-width:900px) {
	.home article{
		display: block;
		margin: 0;
	}
	
	.home .shopInfo, .latestNews{
		width: auto;
		display: block;
		/*margin: 10px;*/
		border: none;
	}
	
	.shopInfo .left, .latestNews .inner .left{
		width: 65%;
	}
	
	.latestNews .postImg, .shopInfo .right{
		width: 35%;
	}
	
	.lowerBoxes{
		/*padding-left: 10px;
		padding-right: 10px;*/
	}
	
	.voltzSocial.lowerBox{
		display: none;
	}
	
	.lowerBoxes .lowerBox{
		width: 50%;
	}
	
	.voltzOffers.lowerBox{
		border-left: none;
	}
	
	.productInterest .inner{
		width: 90%;
		left: 5%;
	}
}

@media only screen and (max-width:700px) {
	
	.nav li{
		width: 25%;
		border-right: none;
		margin-bottom: 5px;
	}
	
	.nav li:after{
	  content: "";
	  padding: 0;
	}
	
	.hero{
		overflow: hidden;
		height: 20em;
	}
	
	.hero h1{
		width: 60%;
		left: 20%;
	}
	
	.hero .heroItem .heroContent{
		margin-top: 1em;
		text-align: center;
	}
	
	.hero .heroSect{
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width:600px) {
	.shopInfo .left{
		width: auto;
		float: none;
	}
	
	.shopInfo .right{
		width: auto;
		float: none;
		position: relative;
		top: 0;
		left: 0;
		margin-top: 10px;
		height: 10em;
	}
	
	.shopInfo .right iframe{
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		
	}
	
	.wrapper{
		width: 100%;
		border: none;
	}
	
	article, .sidebar{
		display: block;
		width: auto;
		border: none;
		padding: 0;
		max-width: none;
		min-width: 0px;
	}
	
	.sidebar .inner{
		position: static;
	}
	
	.sidebar .featBttn{
		background-size: contain;
	}
	
	.secondThree {
	  display: block;
	}
	
	.secondThree .section{
	  display: block;
	}
	
	.secondThree .section.mid{
	  border-left: none;
	  border-right: none;
	  border-bottom: 1px solid #fff;
	  border-top: 1px solid #fff;
	}
}

@media only screen and (max-width:500px) {
	.nav li{
		width: 33%;
	}
	
	.lowerBoxes{
		display: block;
		margin: 0;
	}
	
	.lowerBoxes .lowerBox{
		display: block;
		width: auto;
		border: none;
		/*margin-top: 10px;*/
	}
	
	.voltzSocial.lowerBox{
		display: none;
	}
	
	.footer .socialLinks{
		float: none;
		display: block;
		margin-bottom: 5px;
	}
	
	.woocommerce-tabs .specsLayout .col{
	  width: auto !important;
	  float: none !important;
	}
}

@media only screen and (max-width:400px) {
	.nav li{
		width: 50%;
		text-align: center;
	}
	
	.header .phone{
		text-align: center;
	}	
	
}

/* 3rd Party Booking Form */
.bookableitem-extras [type=text] {
  height: auto;
}
.wpcf7 {
  text-align: left;
}
input[type="checkbox"], input[type="radio"] {
  width: auto;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


/** WEBSTORE SPECIFIC **/

h1, .gui-page-title, .gui-blog-article h1 a {
	font-weight: 600 !important;
}

h2 {
	font-weight: 600 !important;
}

.product h3, .related h3 {
	font-weight: 600;
}

a.btn, button, input[type="submit"], input[type="reset"], input[type="button"] {
	font-weight: 600;
}

#footercontainer > .bottomfooter > div > .left > span, #footercontainer > .bottomfooter > div > .left > a {
	font-weight: 600;
}

.headline:hover .slider-prev, .headline:hover .slider-next {
	background-color: #8dc63f;
}

.headline .slider {
	background-color: #000;
}
.headline ul li {
	text-align: center;
	background-color: #000;
}
@media screen and (max-width: 768px) {
	.headline {
		padding-left: 0;
		padding-right: 0;
	}
	.headline .slider li {
		overflow: hidden;
	}
	.headline .slider img{
		width: 200% !important;
		max-width: 200% !important;
		position: relative;
		left: -100%;
	}
}


/*
.headline ul li img{
	max-width: 1200px;
	display: inline-block;
}*/

.shop-home .container.relative {
	background: transparent;
}
.shop-home #contentcontainer .featured {
	display: none;
}
.shop-home #contentcontainer .fauxrow {
	width: 100%;
}
.shop-home .homebanners {
	margin-top: 0;
}
.shop-home .homebanners .col-xs-4 {
	padding-left: 0;
	padding-right: 0;
}
.shop-home .col-md-80 {
	width: 100%;
	float: none !important;
	display: block;
}
.shop-home h3.feattitle {
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 2rem;
}

.product-page ul li p {
	display: inline;
}

.selectors, .col-md-80, .container.relative {
	background: #f4f4f4 !important;
}
.selectors  {
	padding-left: 25px;
}
.selection input,
.selection select {
	background-color: #fff;
}
.product {
	background-color: #f4f4f4;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 0;
}
.product .image-wrap {
	background-color: #fff;
	padding: 10px;
}
.product .info {
	background-color: #fff;
	padding: 10px;
}
.product .info:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	clear: both;
}
.product .old-price {
	margin-right: 5px;
}

@media (min-width: 768px) {
	.col-md-4 {
	    width: 33.33333333% !important;
	}
}
@media (min-width: 992px) {	
	.col-md-4 {
	    width: 33.33333333% !important;
	}
}
.zoombox .thumbs {
	margin-left: -15px;
	margin-right: 0;
	width: auto;
	padding: 15px 0 !important;
}
.zoombox .thumbs a,
.zoombox .thumbs a:nth-child(4n+4) {
	margin: 0 0 15px 15px;
}

.product-titel h1 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.product-page .old-price,
.product-page .price {
		display: block;
		float: none;
}
.product-page .price {
	line-height: 1em;
	font-weight: 600;
	margin-bottom: 15px;
}
.product-page .out-of-stock {
	display: inline-block;
	background-color: #f26666;
	color: #fff;
	padding: 5px 15px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 15px;
}
.quantity .change a {
	height: 50%;
	line-height: 1em;
}
.quantity .change a.down {
	padding-left: 5px;
}
.tabsPages .page {
	padding: 15px 0;
	font-size: 16px;
	line-height: 1.4em;
}
.tabsPages .page p,
.tabsPages .page ul,
.tabsPages .page ol,
.tabsPages .page table{
	font-size: inherit;
	line-height: inherit;
}
.tabsPages .page p {
	margin: 15px 0;
}
.product-page .details {
	margin-bottom: 15px;
}
.product-page .details .availability .out-of-stock {
	padding: 3px;
	line-height: 1em;
	font-size: 0.9em;
	margin: 0 0 0 5px;
}
.full-width-products-list {
	margin: 0 15px;
}
.full-width-products-list .container{
	width: auto !important;
}
.full-width-products-list .product {
	text-align: center;
}
.full-width-products-list .product img{
	margin: 0 auto;
}
.full-width-products-list .old-price, .full-width-products-list .new-price {
	display: inline-block;
	float: none;
}
.full-width-products-list .col-md-80 .clearfix {
	display: none;
}
.tabs {
	background-color: #3f3f3f;
}
.tabs ul li {
	margin: 0;
	padding: 0;
}
.tabs ul li a {
	color: #fff;
	background: transparent;
	border: none;
	margin: 0;
	padding: 10px 15px;
}
.tabs ul li.active a {
	color: #fff;
	background: #86bc4a;
	padding-bottom: 10px;
}
/*@media (min-width: 992px) {
	.col-md-4 {
	    width: 33.33333333% !important;
	}
}*/


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}