body {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #343741;
	background-image:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
}

@media screen and (min-width:0\0) {
    body  {
		filter: none;
	}
}

.homeh1 {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

a,
.btn {
	-o-transition: color .3s, background .3s, border-color .3s;
	-ms-transition: color .3s, background .3s, border-color .3s;
	-moz-transition: color .3s, background .3s, border-color .3s;
	-webkit-transition: color .3s, background .3s, border-color .3s;
	  transition: color .3s, background .3s, border-color .3s;
}

a:hover,
a:focus {
	text-decoration: none;
}

.form-control {
	box-shadow: none;
	border-color: #dcdcdc;
}

.n-wrapper-form-control select {
	box-shadow: none;
	border-color: #dcdcdc;
}

.dropdown-menu {
	border-color: #ededed;
}

.navbar-default {
	background: none;
	border: none;
}

.navbar {
	min-height: inherit;
	margin-bottom: 0;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.navigation-list li {
    width: 23.9%;
}

.navigation-list li a {
	color: #fff;
}

.wrap-left-menu .navigation-list li a {
	color: #fff;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
	filter: -;
}

.ccwrap {
	float: left;
}

.nsearchinput-pl.well {
	margin-top: 45px !important;
	box-shadow: none;
	border-color: #91c84c;
}

hr {
	border-color: #e0e0e0;
}

.upsell-head {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 900;
	color: #00562f;
	text-align: center;
}


h2,
h3,
h4 {
	/*text-transform: uppercase;*/
	font-weight: 550;
}

h1 {
	font-size: 26px;
	font-weight: 700;
	color: #00562f;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 23px;
}


.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@media (min-width: 768px) {
	.navbar-nav {
		float: none;
		text-align: center;
	}
}


@media (max-width: 767px) {
	.upsell-head {
		font-size: 18px;

	}
}


@-webkit-keyframes fadeInUp {
	0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	}
	100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
	opacity: 0;
	-moz-transform: translateY(20px);
	}
	100% {
	opacity: 1;
	-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
	opacity: 0;
	-o-transform: translateY(20px);
	}
	100% {
	opacity: 1;
	-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
	opacity: 0;
	transform: translateY(20px);
	}
	100% {
	opacity: 1;
	transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	}
	100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
	opacity: 0;
	-moz-transform: translateY(-20px);
	}
	100% {
	opacity: 1;
	-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
	opacity: 0;
	-o-transform: translateY(-20px);
	}
	100% {
	opacity: 1;
	-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
	opacity: 0;
	transform: translateY(-20px);
	}
	100% {
	opacity: 1;
	transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	}
	100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
	opacity: 0;
	-moz-transform: translateX(-20px);
	}
	100% {
	opacity: 1;
	-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
	opacity: 0;
	-o-transform: translateX(-20px);
	}
	100% {
	opacity: 1;
	-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
	opacity: 0;
	transform: translateX(-20px);
	}
	100% {
	opacity: 1;
	transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes bounceInUp {
	0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	}
	60% {
	opacity: 1;
	-webkit-transform: translateY(-30px);
	}
	80% {
	-webkit-transform: translateY(10px);
	}
	100% {
	-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
	opacity: 0;
	-moz-transform: translateY(2000px);
	}
	60% {
	opacity: 1;
	-moz-transform: translateY(-30px);
	}
	80% {
	-moz-transform: translateY(10px);
	}
	100% {
	-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
	opacity: 0;
	-o-transform: translateY(2000px);
	}
	60% {
	opacity: 1;
	-o-transform: translateY(-30px);
	}
	80% {
	-o-transform: translateY(10px);
	}
	100% {
	-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
	opacity: 0;
	transform: translateY(2000px);
	}
	60% {
	opacity: 1;
	transform: translateY(-30px);
	}
	80% {
	transform: translateY(10px);
	}
	100% {
	transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}

	80% {
		-webkit-transform: translateX(10px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}

	80% {
		-moz-transform: translateX(10px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}

	80% {
		-o-transform: translateX(10px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		transform: translateX(-30px);
	}

	80% {
		transform: translateX(10px);
	}

	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}

	25% {
		-moz-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}

	25% {
		-o-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.95);
	}

	50% {
		opacity: 1;
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		transform: scale(.3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

.wrapper-main-conts {
	/*padding: 20px 30px;*/
	padding: 2px 30px;
	margin-bottom: 25px;
	background: #fff;
	border-radius: 4px;
}

#right-content {
	padding-left: 30px;
}

@media (max-width: 767px) {

	.wrapper-main-conts {
		padding: 20px 10px;
	}

	#right-content {
		padding-left: 15px;
	}

}

/* Responsive Carousel */

.row.jwrap {
	margin: 0;
}

.jcarousel-wrapper {
	position:relative;
	width: 100%;
}

.jcarousel {
	position: relative;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}

.jcarousel .featuredcarwrap {
	position: relative;
	margin: 0;
	padding: 0;
	width: 20000em;
	list-style: none;

}

.wrapper-jcarousel-nav .jcarousel-nav {
	position: absolute;
}

.jcarousel-alt-images {
	margin-bottom: 30px;
}

.jcarousel-alt-images a {
	cursor: pointer;
}

.jcarousel-prev,
.jcarousel-next {
	position: absolute;
	display: block;
	font-size: 26px;
	color: #e0e0e0;
	top: 5px;
}

.jcarousel-prev {
	left: 0px;
}

.jcarousel-next {
	right: 0px;
}

.jcarousel > ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	width: 20000em;
}

.jcarousel > ul > li {
	padding: 0 5px;
	float: left;
}


@media (max-width: 767px) {

	.jcarousel-wrapper .wrapper-thumbnail {
		float: left;
	}

	.jcarousel-prev,
	.jcarousel-next {
		font-size: 20px;
	}
}

/* Social */

.list-social > li {
	padding-left: 3px;
	padding-right: 3px;
}

.list-social a {
	width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
	color: #fff;
    vertical-align: top;
	display: inline-block;
    text-align: center;
    border-radius: 50%;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	  transition: opacity .3s;
}

.bg-facebook {
	background: #3b5998;
}

.bg-twitter {
	background: #00acee;
}

.bg-gplus {
	background: #dd4b39;
}

.bg-ytube {
	background: #c4302b;
}

.bg-ig {
	background: #3f729b;
}

.bg-pin {
	background: #c8232c;
}

.bg-tmblr {
	background: #34526f;
}

.bg-linkedin {
	background: #0e76a8;
}

.list-social a:hover,
.list-social a:focus {
	color: #fff;
	opacity: 0.8;
}


/* Thumbnails */

.thumbnail {
	border-color: #e0e0e0;
}

.brand-name-wrap {
	height: 14px;
	overflow: hidden;
	font-size: 12px;
	color: #b9b9b9;
}

.brand-name-wrap a {
	color: #B9B9B9;
}

.brand-name-wrap a:hover {
	color: #000;
}

.wrap-thumbprod-name-vehicle {
	height: 110px;
	overflow: hidden;
}

.wrap-thumbprod-name-tyre {
	height: 160px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.wrap-thumbprod-name {
		height: 80px;
		overflow: hidden;
	}
	.wrapper-thumbnail.category .caption .price {
	    height: 111px;
	    margin-bottom: 0;
	}
}

/* hubpage grid style change added on 1 Dec 2021 start */
@media (min-width: 768px) and (max-width: 991px) {
    .wrapper-thumbnail.hubpage.col-sm-6 {
	    min-height: 300px;
	}
}

.hubpage-heading {
    position: relative;
}
@media (min-width: 768px) {
    .hubpage-heading a {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

/* hubpage style added on 1 Dec 2021 end */

.thumbnail .caption {
    padding: 5px;
}

.thumbnail .caption h3 {
    font-size: 14px;
    height: auto;
}

.thumbnail .caption h3 a {
	color: #343741;
}

.price {
	font-size: 14px;
	font-weight: 700;
	color: #91c84c;
}

.price-member {
    font-size: 12px;
	font-weight: 400;
	color: #343741;
	display:block;
}
.price-nonmember {
    font-size: 10px;
	font-weight: 400;
	color: #343741;
}

.rrpwrap {
	font-weight: 400;
	color: #b9b9b9;
	text-decoration: line-through;
}

.rrpwrap-list {
	font-size: 10px;
	font-weight: 400;
	color: #b9b9b9;
	text-decoration: line-through;
}

.row-vehicle .wrapper-thumbnail {
	width: 33.33%;
}

.row-nonvehicle-category .wrapper-thumbnail {
	width: 33%;
}

.thumbnail-list-name h3 a {
	color: #343741;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px ;
}

a .thumbnail-btn {
	background-color: #00562f;
	border-color: #00562f;
}

.wrapper-thumbnail.category .thumbnail-reviews {
	margin-top: 5px;
}

@media (max-width: 767px) {
	.row-vehicle .wrapper-thumbnail {
		width: 83.33333333333334%;
	}
}


/* Breadcrumbs */

.breadcrumb {
	padding-bottom: 15px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
	color: #343741;
	list-style: none;
	background: none;
	border-radius: 0;
	font-size: 13px;
	color: #343741;
	border-bottom: 1px solid #e0e0e0;
}

.breadcrumb > li {
	display: inline-block;
}

.breadcrumb > li > a {
	color: #343741;
}

.breadcrumb > li + li:before {
	content: "/\00a0";
	padding: 0 5px;
	color: #343741;
}

.breadcrumb > li:first-child > a {
	color: #00562f;
}

.breadcrumb > li:last-child > a:after {
    content: attr(data-reg);
	padding-left: 5px;
}



/* Top links */

.wrapper-toplinks {
	background: #343741;
}

.locateus {
	width: 27px;
	height: 30px;
	display: inline-block;
	background: url(../img/icon-locate.png) no-repeat left top;
	vertical-align: middle;
}

.aboutuslink {
	padding-left:1px;
	padding-top:3px;
	display: inline-block;
	vertical-align: middle;
}

.aboutus {
	width: 1px;
	height: 30px;
	padding-left:1px;
	display: inline-block;
	background: url(https://www.rvsupercentre.co.nz/assets/images/meettheteam/aboutusbg.jpg) no-repeat left top;
	vertical-align: middle;
}

.top-links {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-links > li {
	float: left;
}

.top-links > li > a {
	padding: 13px 15px 16px;
	display: block;
	font-size: 15px;
	color: #fff;
}

.top-links > li > a i {
	margin-right: 8px;
	font-size: 30px;
	color: #fff;
	vertical-align: middle;
}

.top-links > li > a.locatelink {
	padding: 10px 15px;
}

.top-links > li > a:hover,
.top-links > li > a:focus {
	color: #91c84c;
}

.top-links > li > a:hover i,
.top-links > li > a:focus i{
	color: #fff;
}

.top-acct {
	width: auto;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-acct > li {
	position: relative;
	float: left;
}

.top-acct > li:after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	content:'\002F';
	color: #5b5a5a;
	font-size: 13px;
}

.top-acct > li > a {
	padding: 16px 14px 16px 8px;
	display: block;
	font-size: 18px;
	color: #00562f;/*#fff;*/
}

.top-acct > li:last-child:after {
	content:'';
}

.top-acct > li:last-child > a {
	padding-right: 15px;
}

.top-acct > li > a:hover,
.top-acct > li > a:focus {
	color: #91c84c;
}

@media (max-width: 767px){
	.top-links > li > a {
		padding: 13px 7px 16px;
		font-size: 13px;
	}
	.top-links > li > a i {
		margin-right: 6px;
	}
	
	.wrapper-header {
	background: #00562f !important; /*CHANGE BG GOLOUR*/
    }
}


/* Header */

.wrapper-header {
	padding: 20px 0 20px;
	background: #fff;
}

.logo {
	margin-top: 0;
}

.header-search,
#header-cart {
    margin-top: 0;
    padding-top: 10px;
}

.header-search .btn {
	height: 45px;
	padding-left: 20px;
	padding-right: 20px;
}

.header-search .form-control {
	height: 45px;
	border-color: #91c84c;
}

.header-search .form-control:focus {
	border-color: #91c84c;
	box-shadow: none;
}

.header-search .btn {
	margin-left: 0 !important;
}

.header-search .btn:focus {
	box-shadow: none;
	outline: none;
}

.header-search .input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 4px 0 0 4px;
}


#header-cart .btn {
	height: 45px;
	padding-left: 24px;
	padding-right: 24px;
	font-size: 15px;
	line-height: 31px;
	margin-right: 28px;
}

@media (max-width: 767px) {
	.header-search {
		margin-top: 10px;
	}
}

/* Nav */

.wrapper-nav {
	margin-bottom: 20px;
	background: #00562f;
	border-bottom: 3px solid #91c84c;
}

.wrapper-nav .nav > li {
	padding: 0 8px; /* was 0 17px */
}

.wrapper-nav .nav > li:first-child {
	padding-left: 0;
}

.wrapper-nav .nav > li:last-child {
	padding-right: 0;
}

.wrapper-nav .nav > li > a {
	padding: 16px 10px; /* was 16px 15px */
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.wrapper-nav .nav > li > a:hover,
.wrapper-nav .nav > li > a:focus {
	color: #91c84c;
}

.wrapper-nav .nav > li > a.active {
	background: #91c84c;
}

.wrapper-nav .nav > li > a.active:hover,
.wrapper-nav .nav > li > a.active:focus {
	background: #91c84c;
	color: #fff;
}

@media (min-width: 768px) {
	.wrapper-nav .nav > li {
		float: none;
		display: inline-block;
		text-align: center;
	}
}


@media (max-width: 1199px) {
	.wrapper-nav .nav > li {
		padding: 0 10px;
	}

	.wrapper-nav .nav > li > a {
		padding: 16px 12px;
		font-size: 14px;
	}
}

@media (max-width: 991px) {

	.wrapper-nav .nav > li {
		padding: 0 5px;
	}

	.wrapper-nav .nav > li > a {
		padding: 16px 8px;
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.wrapper-nav .nav > li {
		padding: 0;
		text-align: left;
	}

	.wrapper-nav .nav > li > a {
		padding: 10px 15px;
		font-size: 14px;
	}
	.navbar-nav .dropdown-menu > li > a {
		color: #fff;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background: #91c84c;
	}
}


/* Top ribbon */
.top-ribbon {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: normal;
}

@media (max-width: 768px) {
.ribbon-left {
    display: none;
}
}

@media (max-width: 768px) {
.ribbon-hr {
    display: none;
}
}

.ribbon-item{
    padding-right: 10px;
    padding-left: 10px;
}

.ribbon-right{
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    float: right;
}

.ribbon-right a, .top-ribbon a{
    font-weight: normal;
}

.ribbon-left{
    float: left;
}    
    
@media (max-width: 768px) {
.ribbon-right {
	float: inherit;
    text-align: center;
    width: 100%;
    padding-top: 10px
	}
}
/* Home */

#homepageCarousel {
	margin-bottom: 25px;
}

#homepageCarousel,
#homepageCarousel img {
	border-radius: 4px;
}

/* Carousel */


.carousel .item {
	left: 0 !important;
	-webkit-transition: opacity 0.9s;
	transition: opacity 0.9s;
}



.carousel .next.left,
.carousel .prev.right {
	opacity: 1;
	z-index: 1;
}

.carousel .active.left,
.carousel .active.right {
	opacity: 0;
	z-index: 2;
}

.carousel-caption {
	padding-top: 0;
}

.carousel-caption h3 {
	margin-bottom: 10px;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: none;
	padding: 1px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.carousel .item:hover .carousel-caption h3 {
	-webkit-transform: translateY(-10px);
  	transform: translateY(-10px);
}

.carousel-caption h3 a {
	color: #fff;
}


.carousel-caption p {
	margin-bottom: 20px;
	font-size: 20px;
	color: #fff;
	text-shadow: none;
}

.carousel-caption .btn {
	height: 45px;
	padding-left: 25px;
	padding-right: 25px;
	text-shadow: none;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 31px;
	color: #fff;
	border-color: #fff;
	background: none;
}

.carousel-caption .btn i {
	margin-left: 8px;
}

.carousel-control {
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	opacity: 1.0;
	z-index: 999;
	line-height: 50px;
	text-align: center;
}


.carousel-control.left {
	left: 0;
}

.carousel-control.right {
	right: 0;
}



.carousel-control .fa {
	position: relative;
	top: 0;
	left: 0;
	z-index: 5;
	display: inline-block;
}





@media screen and (min-width: 768px){
	.carousel-caption {
		left: 58px;
		right: auto;
		bottom: auto;
		top: 80px;
		padding-bottom: 0;
		width: 50%;
		text-align: left;
	}
}

@media (max-width: 1199px) {

	.carousel-caption-wrap {
		width: 300px;
	}

	.carousel-caption h3 {
		font-size: 28px;
	}

	.carousel-caption p {
		font-size: 14px;
	}

	.carousel-caption .btn {
		height: 40px;
		padding-left: 22px;
		padding-right: 22px;
		text-shadow: none;
		font-size: 16px;
		line-height: 28px;
	}

}

@media (max-width: 991px) {

	.carousel-caption-wrap {
		bottom: 30px;
		right: 20px;
		width: 240px;
	}

	.carousel-caption h3 {
		font-size: 18px;
	}

	.carousel-caption p {
		font-size: 11px;
	}

	.carousel-caption .btn {
		height: 40px;
		padding-left: 22px;
		padding-right: 22px;
		text-shadow: none;
		font-size: 14px;
		line-height: 28px;
	}

	.carousel-control {
		display: block;
	}
}

@media (max-width: 767px) {
	.carousel-caption {
		left: 20px;
		right: auto;
		bottom: auto;
		top: 20%;
		padding-bottom: 0;
		width: 60%;
		height: 40%;
		text-align: left;
	}

	.carousel-indicators {
		display: none;
	}


	.carousel-caption h3 {
		font-size: 12px;
	}

	.carousel-caption p {
		font-size: 9px;
	}


	.carousel-control {
		top: 10px;
		margin-top: 0;
	}

	.carousel-control {
		width: 20px;
		height: 20px;
		line-height:20px;
		font-size:18px;
	}

	.carousel-control.left {
		left: auto;
		right: 35px;
	}

	.carousel-control.right {
		right: 10px;
	}

	#homepageCarousel {
		margin-bottom: 10px;
	}

}

@media (max-width: 530px) {
	.carousel-caption p {
		display: none;
	}

	.carousel-caption h3 {
		font-size: 11px;
	}

}


.twobanner-conts {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	border-radius: 4px;
	cursor: pointer;
}

.twobanner-text {
	width: 231px;
	height: 220px;
	float: left;
	padding: 0 10px 0 30px;
	display: table;
}

.twobanner-textconts {
	display: table-cell;
    vertical-align: middle;
}

.twobanner-text h3 {
	font-size: 17px;
	padding: 1px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.twobanner-conts:hover .twobanner-text h3 {
	-webkit-transform: translateY(-10px);
  	transform: translateY(-10px);
}

.twobanner-text a {
	font-size: 12px;
	text-transform: uppercase;
}

.twobanner-img {
	width: 294px;
	float: left;
	text-align: right;
}

.twobanner-img img {
	max-width: 100%;
	height: 220px;
	object-fit: contain;
}

.twobanner-img-bg {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	border-radius: 4px;
}

.twobanner-img-bg img {
	max-width: 100%;
	border-radius: 4px;
	display: block;
	margin: 0 auto;
}


@media (max-width: 1199px) {

	.twobanner-text {
		width: 221px;
		height: 220px;
		padding: 0 10px 0 20px;
	}


	.twobanner-text h3 {
		font-size: 17px;
	}

	.twobanner-text a {
		font-size: 12px;
	}

	.twobanner-img {
		width: 204px;
	}

	.twobanner-img img {
		height: 220px;
	}
}

@media (max-width: 991px) {

	.twobanner-text {
		width: 190px;
		height: 180px;
		padding: 0 10px 0 10px;
	}


	.twobanner-text h3 {
		font-size: 13px;
	}

	.twobanner-text p{
		font-size: 11px;
	}

	.twobanner-text a {
		font-size: 11px;
	}

	.twobanner-img {
		width: 125px;
	}
}


@media (max-width: 767px) {

	.twobanner-text {
		width: 40%;

	}

	.twobanner-img {
		width: 60%;
	}
}


@media (max-width: 450px) {

	.twobanner-img-bg {
		display: block;
	}

	.twobanner-text {
		width: 100%;
		height: auto;
		padding: 10px;
	}

	.twobanner-img {
		display: none;
	}

	.twobanner-text a {
		display: block;
	}
}


.threebanner-conts {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
	display: table;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.threebanner-conts img {
	border-radius: 4px;
	max-width: 100%;
}

.threebanner-text {
	display: table-cell;
    vertical-align: middle;
}

.threebanner-text h3 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 1px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.threebanner-conts:hover .threebanner-text h3 {
	-webkit-transform: translateY(-10px);
  	transform: translateY(-10px);
}

.threebanner-text p {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0;
}


@media (max-width: 1199px) {

	.threebanner-text h3 {
		font-size: 18px;
	}

	.threebanner-text p {
		font-size: 13px;
	}

}

@media (max-width: 991px) {

	.threebanner-text h3 {
		font-size: 14px;
	}

	.threebanner-text p {
		font-size: 11px;
	}
}

@media (max-width: 767px) {

	.threebanner-wrap {
		width: 100%;
	}
}

/* One Banner */
.onebanner-conts {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
	display: table;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.onebanner-conts img {
	border-radius: 4px;
	max-width: 100%;
}

.onebanner-text {
	display: table-cell;
    vertical-align: middle;
}

.onebanner-text h3 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 1px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.onebanner-conts:hover .threebanner-text h3 {
	-webkit-transform: translateY(-10px);
  	transform: translateY(-10px);
}

.onebanner-text p {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0;
}


@media (max-width: 1199px) {

	.onebanner-text h3 {
		font-size: 18px;
	}

	.onebanner-text p {
		font-size: 13px;
	}

}

@media (max-width: 991px) {

	.onebanner-text h3 {
		font-size: 14px;
	}

	.onebanner-text p {
		font-size: 11px;
	}
}

@media (max-width: 767px) {

	.onebanner-wrap {
		width: 100%;
	}
}

/* One Banner End */

@media (max-width: 450px) {
}


.home-brands {
	text-align: center;
}

.home-brands img {
	max-width: 100%;
	height: 57px;
	object-fit: contain;
}

/* Sidebar */

#left-sidebar .panel-default {
	border-color: #efefef;
}

.panel-default > .panel-heading {
	padding: 15px;
	color: #000;
    background-color: #efefef;
    border-color: #efefef;
}

.panel-default > .panel-heading-filter .panel-title {
	text-transform: uppercase;
}

.list-group-item {
    background-color: #efefef;
    border: 1px solid #efefef;
}

.list-group-item-subhead {
	padding-bottom: 0;
}

.list-group-item-subhead h4 {
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	text-transform: none;
}

.list-group-collapse {
	padding-top: 0;
	padding-bottom: 0;
}

.list-group-collapse h4 {
	text-transform: none;
}

.list-group-collapse h4 a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	display: block;
	border-bottom: 1px solid #fff;
}

.list-group-collapse h4 a.collapsed:after {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    float:right;
    color:#000;
	text-align:right;
}

.list-group-collapse h4 a:after{
   	content: "\f106";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    float:right;
    color:#000;
	width:20px;
	text-align:right;
}


#left-sidebar .list-group h4 a.collapsed{
	color:#000;
}


#left-sidebar .list-group .sidecatitem h4 a.collapsed:after {
	content: "\f107";
}


.sidefilter-categ {
	margin-bottom: 0;
}

.sidefilter-categ .list-group-item {
	padding: 10px 0;
}

#left-sidebar ul.sidefilter-categ > li.filter > a:before {
  content: '\F096\0020';
  font-family: FontAwesome;
}
#left-sidebar ul.sidefilter-categ > li.filter-remove > a:before {
  content: '\F14A\0020';
  font-family: FontAwesome;
}

.panel-heading-links {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.panel-heading-links h3 {
	padding-top: 15px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #fff;
}

.panel-filter-head {
	width: auto;
}

.panel-heading-filter {
	position: relative;
}

.clearallfilter {
	position: absolute;
	right: 15px;
    top: 12px;
}

.leftbannerconts {
	width: 100%;
	height: 180px;
	float: left;
	padding: 0 18px;
	margin-bottom: 15px;
	display: table;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.leftbanner-text {
	display: table-cell;
    vertical-align: middle;
}

.leftbanner-text h3 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.leftbanner-text p {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0;
}

@media (max-width: 1199px) {
	.leftbannerconts {
		height: 140px;
	}

	.leftbanner-text h3 {
		font-size: 18px;
	}

	.leftbanner-text p {
		font-size: 14px;
	}
}

@media (max-width: 991px) {
	.list-group-item {
		font-size: 12px;
	}


	.list-group-collapse h4 {
		font-size: 12px !important;
	}

	.leftbannerconts {
		height: 120px;
	}

	.leftbanner-text h3 {
		font-size: 14px;
	}

	.leftbanner-text p {
		font-size: 11px;
	}

	.panel-filter-head {
		width: 100%;
	}

}

/* Pagination */

.pagination {
  margin-top: 0;
}

.pagination > li > a,
.pagination > li > span {
  color: #000;

}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #000;
  background-color: #eeeeee;
  border-color: #dddddd;
}



/* Category */

.row-categ-head {
	padding-bottom: 20px;
/*	padding-bottom: 30px;*/
}

.categ-head {
	font-size: 24px;
	color: #00562f;
}

.threebanner-categconts {
	width: 100%;
	float: left;
	height: 95px;
	margin-bottom: 20px;
	text-indent: -9999px;
	border-radius: 4px;
	cursor: pointer;
	-o-transition: opacity .3s;
	-ms-transition: opacity  .3s;
	-moz-transition: opacity  .3s;
	-webkit-transition: opacity  .3s;
	  transition: opacity .3s;
}

.threebanner-categconts:hover {
	opacity: 0.8;
}

.wrapper-categ-banner {
	width: 100%;
	float: left;
	height: 225px;
	margin-bottom: 20px;
	display: table;
	text-align: center;
	color: #fff;
	border-radius: 4px;
}

.wrapper-categ-banner-conts {
	display: table-cell;
    vertical-align: middle;
}

.wrapper-categ-banner-conts h1 {
	color: #fff;
}

.wrapper-cat-image {
	width: 100%;
	text-align: center;
}

.wrapper-cat-image img {
	max-width: 100% !important;
	height: 222px !important;
	object-fit: contain;
}

.catlistwrap .thumbnail {
	margin-bottom: 20px;
}

.catlistwrap .thumbnail .caption h3 {
    font-size: 15px;
    height: 40px;
}

.catlistwrap .thumbnail .caption a {
	text-transform: uppercase;
}

.viewby .btn-default.active {
	color: #fff;
	background-color: #4ea147;
    border-color: #4a9a43;
}

.categ-desc {
	/*margin-bottom: 40px;*/
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	.threebanner-categconts {
		height: 65px;
	}

	.wrapper-categ-banner {
		height: 185px;
	}

	.wrapper-categ-banner-conts h1 {
		font-size: 18px;
	}

	.wrapper-cat-image img {
		height: 182px !important;
	}

}

@media (max-width: 630px) {

	.threebanner-categ {
		width: 100%;
	}
	.threebanner-categconts {
		height: 95px;
	}
}

@media (max-width: 450px) {

	.threebanner-categconts {
		height: 85px;
	}

	.wrapper-categ-banner {
		height: 135px;
	}

	.wrapper-categ-banner-conts h1 {
		font-size: 15px;
	}

}


/* Newslet */

.wrapper-newslet {
	padding-top:30px;
	/*padding-bottom: 35px;*/
	/* background: #00562f; */
	background-image: linear-gradient(to bottom, #91c84c, #00562f);
}

.wrapper-newslet h4 {
	margin-bottom: 18px;
	font-weight: 400;
	font-size: 20px;
	text-transform: none;
}

.wrap-newslet-text {
	text-align: center;
	color: #e8eae9;
	padding-bottom:15px;
}

.wrap-newslet-text h3 {
	margin-bottom: 15px;
	font-size: 22px;
	text-transform: none;
}

.wrap-newslet-form {
	text-align: center;
	color: #e8eae9;
}

.wrap-newslet-form .form-control {
	height: 48px;
	border-color: #91c84c;
}

.wrap-newslet-form .btn {
	margin-left: 0 !important;
	padding-left: 18px;
	padding-right: 18px;
	height: 48px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}



@media (max-width: 767px) {

	.wrap-newslet-form {
		margin-bottom: 10px;
	}
}

/* Newsletter Links */


#n_home .fancybox-skin {
	padding: 0 !important;
}

.newsletterpop {
	display: none;
}

.wrapper-popnewslet {
    width: 100%;
    padding: 78px 390px 0 46px;
    float: left;
	height: 420px;
}

.wrapper-pophead {
	width: 368px;
	margin-bottom: 20px;
	font-size: 31px;
	font-weight: 700;
}

.wrapper-poptext {
	width: 368px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #343741;
}

.wrapper-pophead .fa
{
   color: #343741;
}

.wrapper-field {
	width: 368px;
}

.wrapper-field .form-control {
	height: 55px;
	border-color: #91c84c;
}


@media (max-width: 875px) {
	.wrapper-popnewslet {
		width: 100%;
		padding: 46px;
		float: left;
		height: auto;
	}

	.wrapper-pophead {
		width: 100%;
		margin-bottom: 20px;
		font-size: 31px;
		font-weight: 700;
	}

	.wrapper-poptext {
		width: 100%;
		margin-bottom: 20px;
		font-size: 16px;
		color: #343741;
	}

	.wrapper-field {
		width: 100%;
	}

	.wrapper-field .form-control {
		height: 55px;
		border-color: #91c84c;
	}

	.wrapper-popnewslet wrapper-field .btn {
		padding-left: 12px;
		padding-right: 12px;
		font-size: 14px;
	}
}


.wrapper-field .btn {
	margin-left: 0 !important;
	padding-left: 22px;
	padding-right: 22px;
	height: 55px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}


.wrap-social {
	text-align: center;
	color: #e8eae9;
}

.wrap-social h4 {
	font-size: 18px;
}

/* Product Page */

.wrapper-product-title {
	position: relative;
}

.prod-brand-wrap {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-right: 65px;
	color: #b9b9b9;
}

.prod-brand-wrap a {
	color: #b9b9b9;
}

#n_product h1 {
    margin-top: 0;
	margin-bottom: 0;
	padding-right: 65px;
	font-size: 24px;
	color: #00562f;
}

.productpricetext {
    font-size: 30px;
    font-weight: 700;
	color: #91c84c;
}

.wrap-prod-btn .btn {
	height: 50px;
	text-transform: uppercase;
	font-size: 20px !important;
}

.wrap-prod-btn a.btn {
	line-height: 28px;
}

.wishlist_toggle {
	text-transform: uppercase;
	    line-height: 28px;
}

.wrap-stock {
	width: 100%;
	padding: 18px 15px;
	float: left;
	margin-bottom: 10px;
	background: #eeeeee;
	border-radius: 4px;
}

.stock-icon {
	width: 37px;
	float: left;
}

.stock-icon span {
	width: 37px;
	height: 37px;
	line-height: 37px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 50%;
	background: #91c84c;
}

.wrap-outofstock .stock-icon span {
	background: #BA6161;
}

.stock-text {
	/*width: 550px;*/
	float: left;
	padding-left: 10px;
	font-size: 11px;
}

.stock-text span {
	font-size: 13px;
}

.stock-text span.shead {
	font-weight: 700;
	text-transform: uppercase;
}

.stock-text span.slimit {
	font-style: italic;
}

.specific > ._itmspec_listitm {
	display: inline-block;
}

.specific > div > a {
	border: 1px solid #eeeeee;
	display: block;
}

.specific > div > a > img{
	width: 24px;
	height: 24px;
}

.specific > div > a._itmspec_selected {
	padding: 0;
	border-color: #00562f;
}

.specific > div > a.sizebox {
	padding: 4px 12px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}


.sizeguidelink > a {
	border: none !important;
	color: #2d3e51;
}

.variation-name {
	width: 100%;
}

@media (max-width: 1199px) {
	.wrap-prod-btn.btn-stack .col-xs-12 + .col-xs-12 {
		margin-top: 5px;
	}

	.stock-text {
		width: 433px;
	}


}

@media (max-width: 991px) {

	.stock-text {
		width: 305px;
	}
}

@media (max-width: 767px) {
}

@media (max-width: 437px) {

	.stock-icon {
		width: 100%;
		text-align: center;
	}

	.stock-text {
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
		text-align: center;
	}
}

/* Panel */

.panel-product.panel-group .panel + .panel {
	margin-top: 10px;
}

.panel-product .panel-default {
	border: none;
	box-shadow: none;
}

.panel-product .panel-heading {
	padding: 0;
}

.panel-product .panel-heading h4 a {
	display: block;
	padding: 14px 16px;
}

.panel-product .panel-body {
	border: none !important;
}

.panel-product .panel-title a {
	background: #e4e4e4;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.panel-product .panel-title a:before{
	width: 24px;
    content: "\f146";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    float:left;
    color:#000;
}

.panel-product .panel-title a.collapsed {
	background: #efefef;
	color: #000;
}

.panel-product .panel-title a.collapsed:before {
	width: 24px;
    content: "\f0fe";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    float:left;
    color:#000;
}

/* NEW TAG */

.savings-container {
    top: 8px;
    left: 8px;
	width: 90%;
}

.newtag {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	background: #91c84c;
	border-radius: 50%;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
}
.newtagl {
	width: 100px;
	height: 100px;
	display: inline-block;
	float:right;
	padding: 0;
}

.newtagl-thumbnail {
	width: 65px;
	height: 65px;
	display: inline-block;
	float:right;
	padding: 0;
}

.prod-badget {
	position: absolute;
	top: 0;
	right: 20px;
}

.onsaletag {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	background: #d9534f;
	border-radius: 50%;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
}

.thumb-location {
	display: inline-block;
	float: left;
	padding: 3px 8px;
	border-radius: 4px;
	background-color: rgba(214, 214, 214, 0.75);
}

.thumb-sale {

	float: right;

}

/* Tabs */

.nav-tabs {
	border-bottom: 1px solid #e0e0e0;
}

.nav-tabs > li > a {
	margin-right: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #b9b9b9;
	text-transform: uppercase;
}

.nav-tabs > li > a:hover {
	border-color: #eeeeee #eeeeee #e0e0e0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #91c84c;
	border: 1px solid #91c84c;
	border-bottom-color: transparent;
	cursor: default;
}



/* Footer */

.wrapper-footer {
	padding: 55px 0 25px;
	background: #343741;
	font-size: 13px;
	color: #dadada;
}

.wrapper-footer a {
	color: #dadada;
}


.wrapper-footer hr {
	border-color: #414141;
}

.wrapper-footer h4 {
	font-size: 15px;
}

.wrapper-footer address {
	font-size: 12px;
	padding-top: 10px;
}

.footer-logo {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.footer-text {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.wrapper-footer .nav {
	margin-bottom: 20px;
}

.wrapper-footer .nav > li > a {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #dadada;
}

.wrapper-footer .nav > li > a > i {
	color: #91c84c;
}

.wrapper-footer .nav > li > a:hover,
.wrapper-footer .nav > li > a:focus {
	color: #91c84c;
	background: none;
}


.fancybox-overlay {
	z-index: 80100 !important;
}

.fancybox-opened {
	z-index: 80300 !important;
}


@media (max-width: 343px){
	.sort_container .btn{
		padding:6px 8px;
		font-size:14px;
	}

}

.slick-prev:before, .slick-next:before{
	color: #00562f;
	font-size: 35px;
}
.nCustom-slick-wrapper{
	padding: 0 16px;
}
#fancybox-thumbs{
	z-index: 99999 !important;
}
#fancybox-thumbs.bottom{
	bottom: 5% !important;
}
#fancybox-thumbs ul{
	left:inherit !important;
	width: 100% !important;
	text-align: center;
}
#fancybox-thumbs ul li{
	float: none !important;
	display: inline-block !important;
}
.slick-prev{
	left: -34px;
}
.main-image  .slick-prev:before,
.main-image .slick-next:before{
	color: #fff;
	opacity: 1;
	content: "";
}
.main-image  .slick-next{
	right:13px;
}
.main-image  .slick-prev{
	left: 0;
	z-index: 5;
}
.slick-next{
	right:-20px;
}
.fancybox-nav span{
	visibility: visible !important;
}
#fancybox-thumbs ul li{
	opacity: 0.9 !important;
}
#fancybox-thumbs ul li.active{
	opacity: 1 !important;
}
.slick-slider{
	margin-bottom: 15px !important;
}




.main-image .slick-arrow{
	top: 50%;
	width: inherit;
	display: block !important;
}


.main-image .slick-arrow {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 100%;
    cursor: pointer;
    background: transparent url(blank.gif);
    z-index: 8040;
}
.main-image .slick-arrow span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
}
.main-image .slick-prev span, .main-image .slick-next span{
	background-image: url(../img/fancybox_sprite.png);
}
.main-image .slick-next span {
    right: -9px;
    background-position: 0 -72px;
}
.main-image .slick-prev span {
	left: 5px;
    background-position: 0 -36px;
}


/* CSS for dynamic iFrames */
.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* CSS for dynamic iFrames ends */





/* CSS for Marketo forms */
.wrapper-newslet input[type="text"],
.wrapper-newslet input[type="email"],
.wrapper-newslet .mktoFieldWrap .mktoTextField,
.wrapper-newslet .mktoFieldWrap .mktoEmailField {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    color: #343741 !important;
    background: #e0e0e0 !important;
    border: none !important;
    padding: 13px 19px 12px !important;
    margin-right: 0 !important;
    width: 100% !important;
}
.wrapper-newslet input[type="submit"],
.wrapper-newslet .mktoButtonWrap .mktoButton,
.wrapper-newslet .mktoButtonWrap input[type="submit"] {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    padding: 10px 16px 10px !important;
    color: #ffffff !important;
    background: #91c84c !important;
    background-color: #91c84c !important;
    border: 0 !important;
    background-image: none !important;
    box-shadow: none !important
}
.wrapper-newslet .mktoForm {
    padding-bottom: 1%;
    width: 100% !important;
    display: inline-block;
    text-align: center;}

.wrapper-newslet .mktoForm .mktoFormRow {
    display: inline-block !important;
    clear: both !important;
    width: 33.3333%;
    margin-right: 1.3333%;
}


.wrapper-newslet .mktoButtonRow {
	top: 0;
}

.wrapper-newslet .mktoForm .mktoFormRow {
    position: initial;
    left: 9.4%;
    top: 60px;
}
.wrapper-newslet .mktoForm .mktoFormRow,
.wrapper-newslet .mktoLabel {
	padding-top: 0px;
}
.wrapper-newslet .mktoForm .mktoFormCol {
    float: left;
    position: relative;
    min-height: 2em;
    width: 100%;
}
.wrapper-newslet .mktoForm .mktoFieldWrap {
    float: left;
    width: 100%;
}
.wrapper-newslet .mktoForm .mktoRequiredField .mktoAsterix {
    display: none !important;
    font-weight: normal !important;
}
.wrapper-newslet .mktoLabel {
    float: right !important;
    width: 87% !important;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px !important;
    text-transform: none !important;
    color: #ffffff;
    font-family: 'Montserrat',sans-serif !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 5px !important;
    cursor: pointer;
    position: relative !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.49);
}
.wrapper-newslet .mktoForm .mktoCheckboxList {
    width: 8% !important;
    margin-top: 0px;
}
.wrapper-newslet .mktoForm .mktoOffset {
    width: 0px;
    height: 0px !important;
}


.wrapper-newslet .mktoButtonWrap {
    margin: 0px !important;
}
.wrapper-newslet .mktoButtonRow {
    display: inline-block !important;
    top: -25px;
}
.wrapper-newslet .mktoForm .mktoClear {
    clear: none !important;
}
.wrapper-newslet .mktoForm .mktoGutter {
    display: none !important;
}
.wrapper-newslet .mktoInvalid {
    border: 1px solid #bf0000 !important;
}
.wrapper-newslet .mktoForm .mktoError {
    display: none !important;
}
@media screen and (max-width: 995px) {
    .wrapper-newslet .mktoForm .mktoFormRow {
        width: 40%;
    }
    .wrapper-newslet .mktoButtonRow {
        width: 40%;
    }
    .mktoForm .mktoButtonWrap.mktoMinimal .mktoButton {
        width:100% !important;
    }
    .wrapper-newslet .mktoForm .mktoCheckboxList {
        width: 12% !important;
    }
    .wrapper-newslet .mktoLabel {
        width: 84% !important;
    }
    .mktoForm .mktoCheckboxList > label {
        margin:3px;
    }
}


@media screen and (max-width: 768px) {
    .wrapper-newslet {
        bottom: 2% !important;
    }
    .wrapper-newslet form {
        width: 100% !important;
        padding: 0 15px !important;
    }
    .wrapper-newslet .mktoButtonWrap {
        margin: 5px 0 0 10px !important;
    }
    .wrapper-newslet .mktoForm .mktoFormRow {
        float: none !important;
        width: 100% !important;
    }
    .wrapper-newslet .mktoForm .mktoButtonRow {
        float: left !important;
        width: 97% !important;
    }
    .wrapper-newslet input[type="text"],
    .wrapper-newslet input[type="email"] {
        display: inline-block !important;
        margin: 0px auto !important;
        max-width: 100% !important;
    }

    .wrapper-newslet .mktoForm .mktoButtonRow {
        float: none !important;
        text-align: center !important;
        margin-top:20px;

     }

    .wrapper-newslet input[type="submit"],
    .wrapper-newslet .mktoButtonWrap input[type="submit"] {
        width: 100% !important;
    }

    .wrapper-newslet .formTitle {
        display: block !important;
        margin: 0 auto !important;
    }
    .wrapper-newslet .mktoForm .mktoCheckboxList {
        width: 25px !important;
        margin-top: 0px;
    }
}


@media screen and (max-width: 468px) {

 .wrapper-newslet {
     position: static !important;
 }
.wrapper-newslet input[type="text"],
.wrapper-newslet input[type="email"],
.wrapper-newslet .mktoFieldWrap .mktoTextField,
.wrapper-newslet .mktoFieldWrap .mktoEmailField {
    height: 40px !important;
}
.wrapper-newslet .mktoLabel {
    width:80% !important;
}
.wrapper-newslet .mktoButton {
    width: 100% !important;
}

}

/* Load FontAwesome to create a pure CSS checkbox */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.wrapper-newslet .mktoCheckboxList input {
    opacity: 0;
    position: absolute;
}

.wrapper-newslet .mktoCheckboxList label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
    position: relative;
}

.wrapper-newslet .mktoCheckboxList label {
    position: relative;
}

/* Edit the properties below to change the colors of the un-checked checkbox */
.wrapper-newslet .mktoCheckboxList input + label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
/* Edit the properties below to change the colors of the checked checkbox */
.wrapper-newslet .mktoCheckboxList input:checked + label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #46A24C;
    color: #fff;
    border-color:#46A24C;
}

body .wrapper-newslet .mktoForm .mktoCheckboxList > label {
    margin-left:0;
}
/* CSS for Marketo forms ends */