/* /// COLOURS ///
Green		= 8bd23b;
Dark Green	= 2fab1e;
Dark Grey	= 3e3f43;
Red			= d30c00;

New
Green 		= 90cf48;
Dark Green 	= 3fa82c;
Dark Grey 	= 3e4043;
*/


/*
New Frank Regular
font-family: new-frank, sans-serif;
font-weight: 400;
font-style: normal;

New Frank Medium
font-family: new-frank, sans-serif;
font-weight: 500;
font-style: normal;

New Frank Bold
font-family: new-frank, sans-serif;
font-weight: 700;
font-style: normal;
*/

/*
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Thin.woff2') format('woff2'),
        url('fonts/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Light.woff2') format('woff2'),
        url('fonts/Inter-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.woff2') format('woff2'),
        url('fonts/Inter-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
*/


@import url("https://p.typekit.net/p.css?s=1&k=icy2mno&ht=tk&f=30194.30195.30196.30198.30201.30203.30204&a=3962216&app=typekit&e=css");

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/688988/00000000000000003b9ae439/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/688988/00000000000000003b9ae439/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/688988/00000000000000003b9ae439/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/f2dc8e/00000000000000003b9ae43b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f2dc8e/00000000000000003b9ae43b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f2dc8e/00000000000000003b9ae43b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/76347c/00000000000000003b9ae440/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/76347c/00000000000000003b9ae440/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/76347c/00000000000000003b9ae440/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
font-family:"frank-new";
src:url("https://use.typekit.net/af/7dd6c8/00000000000000003b9ae442/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/7dd6c8/00000000000000003b9ae442/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/7dd6c8/00000000000000003b9ae442/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

.tk-frank-new { font-family: "frank-new",sans-serif; }


html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	font-family: "frank-new", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 16px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: #fff;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cartLoader,
.priceBoxLoader {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 999;
	text-align: center;
	background: rgba(255,255,255,0.8);
}

.svgLoader,
.filterLoader {
	width: 100%;
	position: relative;
	top: 50px;
}

.svgLoader svg path,
.svgLoader svg rect,

.filterLoader svg path,
.filterLoader svg rect {
	fill: #aaa;
}

.filterLoader {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 999999999999999999999999;
	display: none;
}

a:link, a:visited, a:active, a:hover {
	color: #3fa82c;
	font-weight: 500;
}

a:hover {
	color: #90cf48;
}


p {
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: 200;
	font-style: normal;
}

p.bold, .bold, p .bold {
	font-weight: 400;
}

p.large {
	font-size: 1.4em;
	margin-bottom: 40px;
	font-weight: 400;
}

.captionLayer p {
	font-size: 0.8em;
	color: #000;
	line-height: normal;
	font-weight: 400;
}

.captionLayer {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 15px;
	/*background: rgba(0,0,0,0.4);*/
	background: #fff;
	width: 100%;
}

.container {
	width: 100%;
	/*max-width: 1320px;*/
	max-width: 1600px;
	overflow: hidden;
	margin: 0 auto;
}

.margin {
	margin: 0 20px;
	/*position: relative;*/
}

.margin.solid {
	padding: 20px;
	margin-top: 50px;
    margin-bottom: 50px;
	text-align: left;
}

.margin.green {
	background: #3fa82c;
    font-size: 0.9em
}

.margin.green .check {
    margin: 0 8px 0 16px;
    color: #9bd246;
}

.margin.green .nobreak {
    white-space: nowrap;
}

.margin.flex h1,
h2,
h2.headline,
p.headline {
	padding: 0;
	text-align: left;
	margin: 17px 0 3px 0;
	font-size: 2em;

	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.margin.flex
h2,
h2.headline {
	line-height: normal;
	font-size: 1em;
	margin-top: 20px;
	
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
	
}

h2.headline {
	font-size: 1.2em;
	font-weight: 400;
	margin: 30px 20px 10px 20px;
}

.seoDescription {
	padding: 20px 0;
}

.seoDescription h2 {
	padding: 10px 0 4px 0;
	font-style: normal;
	font-weight: 500;
	
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.seoDescription p {
	padding-bottom: 20px;
}

.margin.flex p {
	line-height: normal;
	padding: 0;
	margin: 0;
}

.margin.flex p a {
	font-weight: 400;
}

.margin.flex .seoDescription p {
    margin: 0 0 30px 0;
	font-style: normal;
	font-weight: 300;
}

.margin.flex .seoDescription p a {
    text-decoration: underline;
}

.margin.flex p.tiny {
	font-size: 0.8em;
	font-weight: 400;
	color: #aaa;
}

.margin.flex p.tiny > span {
	position: relative;
	top: 1px;
	font-size: 0.8em;
	margin: 0 3px;
	color: #9bd246;
	font-weight: 400;
}

.margin.flex p.tiny a {
	text-decoration: underline;
	font-weight: 400;
}

.margin.flex p.tiny a:last-child {
	font-weight: 600;
}


.row {
	width: 100%;
	clear: both }

.row.topmargin {
	margin-top: 20px;
}

.col-1-12 { width: 8.33% }
.col-2-12 { width: 16.66% }
.col-3-12 { width: 25% }
.col-4-12 { width: 33.33% }
.col-5-12 { width: 41.66% }
.col-6-12 { width: 50% }
.col-7-12 { width: 58.33% }
.col-8-12 { width: 66.66% }
.col-9-12 { width: 75% }
.col-10-12 { width: 83.33% }
.col-11-12 { width: 91.66% }
.col-12-12 { width: 100% }

.center {
	text-align: center;
}

p.soldOut {
	color: #cc0000;
	text-align: center;
	font-weight: 400;
}

.colMargin {
	padding: 20px;
}

[class*="col-"] {
	float: left;
	position: relative; }

[class*="col-"] .solid,
[class*="col-"].solid {
	background: #fff;
	margin: 10px;
	overflow: hidden; }

.col-2-12-box {
	width: calc(20% - 20px);
	background: #fff;
	overflow: hidden;
	margin: 10px;
}

.col-3-12-box {
	width: calc(25% - 20px);
	background: #fff;
	overflow: hidden;
	margin: 10px;
}

.col-4-12-box {
	width: calc(33.333% - 20px);
	background: #fff;
	overflow: hidden;
	margin: 10px;
}

.col-6-12-box {
	width: calc(50% - 20px);
	background: #fff;
	overflow: hidden;
	margin: 10px;
}

.col-12-12-box {
	width: calc(100% - 20px);
	background: #fff;
	overflow: hidden;
	margin: 10px;
}

.col-12-12-box.green {
	width: calc(100% - 20px);
	background: #3fa82c;
	background: #fff;
	overflow: hidden;
	margin: 30px 10px 40px 10px;
	
	border-radius: 4px;
	color: #666;
	
	padding: 20px;
}

.solid .rightMargin {
	margin-right: 20px;
}

.solid .leftMargin {
	margin-left: 20px;
}

.solid .bottomMargin {
	margin-bottom: 30px;
}

.solid.noMargin {
	margin: 0;
}

@media all and (max-width: 1100px) {
	.col-2-12-box {
		width: calc(25% - 20px);
	}
	.col-3-12 {
		width: 33.333%;
	}
	.col-3-12-box {
		width: calc(33.333% - 20px);
	}
	.col-4-12-box,
	.col-5-12-box {
		width: calc(50% - 20px);
	}
}

@media all and (max-width: 1000px) {
	.col-8-12,
	.col-7-12 {
		width: 50%;
	}
	.col-4-12.price,
	.col-5-12-box.price {
		width: 50%;
	}
	.header .col-8-12 {
		width: 66.66%;
	}
}

@media all and (max-width: 760px) {
	.col-8-12, .col-4-12.price, .col-7-12, .col-5-12.price {
		width: 100%;
	}
	
	.solid .rightMargin,
	.solid .leftMargin {
		margin: 0;
	}
}

@media all and (max-width: 860px) {
	.col-2-12-box {
		width: calc(33.333% - 20px);
	}
	.col-3-12 {
		width: 50%;
	}
	.col-3-12-box {
		width: calc(50% - 20px);
	}
	.col-4-12-box,
	.col-5-12-box {
		width: calc(50% - 20px);
	}
}

@media all and (max-width: 680px) {
	.col-6-12-box {
		width: 100%;
	}
	.col-4-12-box,
	.col-5-12-box {
		width: 100%;
	}
}

@media all and (max-width: 600px) {
	.col-2-12-box {
		width: calc(50% - 20px);
	}
	.col-3-12 {
		width: 100%;
	}
	.col-3-12-box {
		width: calc(100% - 20px);
	}
	.col-4-12-box,
	..col-5-12-box {
		width: calc(100% - 20px);
	}
}

h1 {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	font-weight: 400;
	text-align: center;
	margin: 50px 0 30px 0;
	
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
}

h1.left {
	text-align: left;
}

h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: normal;
	
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.margin.green h1 {
	color: #fff;
	margin: 10px 0 10px 0;
	padding: 20px;
	font-weight: 400;
}

.col-12-12-box.green h1 {
    margin: 0 0 6px 0;
    text-align: left;
	font-weight: 500;
}

.margin.solid h2 {
    margin: 0 0 20px 0;
    text-align: left;
	font-weight: 500;
	color: #666;
}

.margin.solid .col-6-12.first{
	padding-right: 70px;
}

.margin.solid p {
	font-weight: 300;
	font-size: 0.9em;
	color: #666;
}

.col-12-12-box.green p.bold,
.col-12-12-box.green p .bold {
	font-weight: 600;
}

.col-12-12-box.green p.bold {
	margin-bottom: 20px;
}

.col-12-12-box.green p {
	font-weight: 300;
}


h3 {
	font-size: 1em;
	margin: 4px 0 0 0;
	padding: 0;
	font-weight: 500;
	line-height: normal;
}

h3.promo {
	font-size: 1.4em;
}

a.btn, a.btn:link, a.btn:visited, a.btn:active, a.btn:hover, button, input[type=submit] {
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 500;
	font-size: 1em;
	margin: 0;
	border: none;
}

a.btn.default,
input[type=submit] {
	background: #3fa82c;
    border: 1px solid #3fa82c;
	color: #fff;
	padding: 6px 12px;
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-size: 0.9em;
	text-decoration: none;
	line-height: normal;
}

input[type=submit] {
	width: 100%;
	font-size: 1em;
	margin-top: 20px;
	padding: 6px 0;
}

a.btn.default:hover,
input[type=submit]:hover {
	background: #fff;
	color: #3fa82c;
	text-decoration: none;
	cursor: pointer;
}

input[type=submit].disabled {
	background: #3fa82c;
	color: #fff;
	cursor: default;
	opacity: 0.25;
}

input[type=submit].disabled:hover {
	background: #3fa82c;
	color: #fff;
	cursor: default;
}

input[type=submit]:focus {
    outline: none;
}

::-webkit-input-placeholder {
	color: #bbb;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
}
::-moz-placeholder {
	color: #bbb;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
}
:-ms-input-placeholder {
	color: #bbb;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
}
:-moz-placeholder {
	color: #bbb;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
}

input[type=text],
input[type=submit],
button {
	-webkit-appearance: none;
}


@media all and (max-width: 780px) {
	.margin.green h1 {
		font-size: 1.2em;
	}
}

@media all and (max-width: 560px) {
	.margin.green h1 {
		margin-top: 20px;
		font-size: 1em;
	}
}



.categoryDescription {
	padding: 20px 0;
}

.categoryDescription p {
	font-size: 1em;
	font-weight: 300;
}





/* ========== Header ========== */

.header {
	width: 100%;
	overflow: hidden;
	background: #032119;
	color: #ddd;
	height: 44px;
	line-height: 44px;
}

.header a:link,
.header a:visited,
.header a:active,
.header a:hover {
	color: inherit;
	text-decoration: underline;
}

.header ul {
	list-style-type: none;
	margin: 0; padding: 0;
	display: inline-block;
}

.header ul li,
.header ul li a {
	display: inline;
	font-size: 0.9em;
	font-style: normal;
	font-weight: 500;
	padding: 0; margin: 0;
}

.header ul li > .lift,
.header ul li > .lift.divider {
	position: relative;
	bottom: 2px;
}

.header ul li > .lift.divider {
	padding: 0 6px;
	color: #999;
}

.header ul li.large {
	font-size: 24px;
	padding: 0 5px;
	font-weight: 700;
}

.header ul li:nth-child(3) {
	padding: 0 0 0 0;
}

p.headerSmall, p.headerLarge {
	margin: 0; padding: 0;
	font-size: 14px;
}

p.headerSmall.bold {
    font-weight: 500;
    margin: 20px 0 10px 0;
}

p.headerLarge {
	font-size: 18px;
	font-weight: 700;
}

.header > .container > .margin > .col-4-12,
.header > .container > .margin > .col-5-12 {
	text-align: right;
}


.header ul.vatMode {
	float: right;
}

.header ul.vatMode li {
	position: relative;
	top: 7px;
	background: #555;
	-webkit-border-top-left-radius:		3px;
	-webkit-border-top-right-radius: 	3px;
	-moz-border-radius-topleft: 		3px;
	-moz-border-radius-topright: 		3px;
	border-top-left-radius: 			3px;
	border-top-right-radius: 			3px;
	
}

.header ul.vatMode li,
.header ul.vatMode li a {
	/*color: #90cf48;*/
	color: #999;
	font-size: 0.95em;
	font-weight: 500;
	text-decoration: none;
	padding: 6px 6px;
}

.header ul.vatMode li a:hover {
	color: #fff;
}


.header ul.vatMode li.on,
.header ul.vatMode li.on a,
.header ul.vatMode li span.icon-circle-on {
	color: #fff;
}

.header ul.vatMode li.on {
	background: #07372a;
}

/*
.nav ul li [class^="icon-"],
.nav ul li [class*=" icon-"] {
	position: relative;
	top: 2px;
	display: inline-block;
	color: #90cf48;
	font-weight: bold;
	
 	-webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
	
}

.header ul.vatMode li [class^="icon-"],
.header ul.vatMode li [class*=" icon-"] {
	margin-right: 2px;
	position: relative;
	top: 1px;
}
*/



@media all and (max-width: 1080px) {
	.header > .container > .margin > .col-7-12,
	.header > .container > .margin > .col-8-12,
	.header > .container > .margin > .col-4-12,
	..header > .container > .margin > .col-5-12 {
		width: 50%;
	}

	.header > .container ul li#ring {
		display: none;
	}
    /*
	.header > .container ul li:nth-child(2) {
		padding: 0 5px 0 0;
	}
    */
}

/*
@media all and (max-width: 980px) {
	.header > .container ul li:nth-child(3) {
		display: none;
	}
	.header > .container ul li:nth-child(2) {
		padding: 0 20px 0 0;
	}
}
*/

@media all and (max-width: 980px) {
	.header {
		height: 34px;
		line-height: 34px;
	}
	.header ul li > .lift,
	.header ul li > .lift.divider {
		bottom: 2px;
	}
    
    /*
	.header > .container > .margin > .col-4-12 {
		display: none;
	}
	.header > .container > .margin > .col-8-12 {
		width: 100%;
	}
    
	.header > .container > .margin > .col-8-12 {
		text-align: center;
	}
    */
    
	.header ul li {
		font-size: 12px;
	}
	.header ul li.large {
		font-size: 18px;
	}
    
    .header ul.vatMode li,
    .header ul.vatMode li a {
        font-size: 0.9em;
        padding: 5px 6px;
    }
    .header ul.vatMode li a {
        position: relative;
        top: -1px;
    }
}

@media all and (max-width: 860px) {
    .header ul li#link {
		display: none;
	}
}

@media all and (max-width: 760px) {
	.header {
		text-align: center
	}
	.header .col-4-12 {
		display: none;
	}
	.header .col-8-12 {
		width: 100%;
	}
}

@media all and (max-width: 520px) {
    .header ul li#hours {
		display: none;
	}
}














/* ========== Subheader ========== */

.subheader {
	width: 100%;
	background: #07372a;
	overflow: hidden;
	
	opacity: 1;
	
	-webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	

}

#checkout-mobile {
    display: none;
}

.subheader.sticky {
	position: fixed;
	top: 0;
	z-index: 999999;
	/*transition:all 0.25s ease 0s;*/
	height: 80px;

	animation: fadeIn ease .2s;
	-webkit-animation: fadeIn ease .2s;
	-moz-animation: fadeIn ease .2s;
	-o-animation: fadeIn ease .2s;
	-ms-animation: fadeIn ease .2s;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-o-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.subheader [class^="icon-"],
.subheader [class*=" icon-"] {
	font-size: 1.5em;
	position: relative;
	top: 4px;
	color: #9bd246;
	
}





.subheader .logo, .subheader .search, .subheader .cart-checkout {
	float: left;
	overflow: hidden;
}

.subheader .logo {
	line-height: 140px;
	width: 25%;
}

.subheader.sticky .logo {
	line-height: 80px;
}

.subheader .logo img {
	width: 280px;
	height: auto;
	vertical-align: middle;
	position: relative;
	top: 0px;
}

.subheader.sticky .logo img {
	width: 180px;
	/*transition:all 0.25s ease 0s;*/
}








.subheader .search {
	width: 50%;
	margin-top: 49px;
	position: relative;
	overflow: visible;
}

.subheader .search .usp {
	color: #fff;
	font-weight: 500;
	font-size: 1em;
	position: relative;
	top: 12px;
	width: 100%;
	text-align: center;
}

.subheader .search .usp .check,
.subheader .search .usp #usp-mobile .check {
	margin: 0 6px 0 20px;
	
	/*
	background: #d30c00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50px;
	padding: 0 3px;*/
	
	color: #5aaa32;
}

#mobile .usp {
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
    width: 80%;
    width: calc(100% - 120px);
    float: left;
    position: relative;
    top: -21px;
    left: 60px;
}

#mobile .usp .check,
#mobile .usp #usp-mobile .check {
    margin: 0 5px 0 20px;
    color: #9bd246;
}

.subheader .search .usp .check:first-child {
	margin-left: 0;
}

.subheader.sticky .search,
.subheader.sticky #checkout-mobile a {
	margin-top: 19px;
}

.subheader.sticky .search .usp {
	display: none;
}

@media all and (max-width: 1300px) {
    #usp-mobile {
        display: none;
    }
}


@media all and (max-width: 1250px) {
    .subheader .search .usp {
        display: none;
    }
}

@media all and (max-width: 600px) {
    #mobile .usp {
        font-size: 0.9em;
        top: -19px;
    }
    #mobile .usp > .check {
        margin: 0 5px 0 15px;
    }
}

@media all and (max-width: 550px) {
    #mobile .usp {
        font-size: 0.8em;
        top: -19px;
    }
}

@media all and (max-width: 510px) {
    #mobile .usp {
        font-size: 0.6em;
        top: -17px;
    }
    #mobile .usp > .check {
        margin: 0 2px 0 10px;
    }
}

@media all and (max-width: 400px) {
    #mobile .usp {
        display: none;
    }
}

.subheader .search .margin {
	margin: 0 40px;
}

.subheader .search input {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border: 0;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
	font-size: 1em;
	text-indent: 20px;

	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-appearance: none;
}

.subheader .search input::-webkit-inner-spin-button, 
.subheader .search input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.subheader .search button {
	position: absolute;
	top: 0;
	right: 0;
	
	margin: 0;
	padding: 10px;
	border: 0;
	font-size: 1em;
	background: transparent;
	height: 20px;
	
	/*
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	*/
}

.subheader .search button [class^="icon-"],
.subheader .search button [class*=" icon-"] {
	position: relative;
	top: -2px;
	color: #9bd246;
	
}

.subheader .search input:focus,
.subheader .search button:focus {
	outline: none;
}

.subheader .search button:hover {
	cursor: pointer;
}

.subheader .search .searchform {
	position: relative;
	overflow: auto;
}








.subheader .cart-checkout {
	width: 25%;
	margin-top: 49px;
}

.subheader.sticky .cart-checkout {
	margin-top: 20px;
}

.subheader .cart-checkout .col-6-12 {
	width: 50%;
	text-align: center;
}

.subheader .cart-checkout .col-6-12.left {
	float: left;
}

.subheader .cart-checkout .col-6-12.right {
	float: right;
}

.subheader .cart-checkout .col-6-12.left > .margin {
	margin: 0 10px 0 0;
}

.subheader .cart-checkout .col-6-12.right > .margin {
	margin: 0 0 0 10px;
}

.subheader .cart-checkout a.btn,
#checkout-mobile a.btn {
	display: block;
	background: #3fa82c;
	background: #5aaa32;
	padding: 4px 4px 11px 4px;
}

#checkout-mobile {
    width: 35%;
    float: left;
    text-align: center;
}

.subheader .cart-checkout a.btn:hover,
.subheader .cart-checkout a.btn.on {
	background: #fff;
	color: #3fa82c;
}



button.update {
	background: none;
	color: #000;
	padding: 0;
	margin: 0;
	color: #999;
	margin-left: 7px;
	position: relative;
	top: -2px;
}

button.update:hover {
	cursor: pointer;
	color: #000;
}

button.update:focus {
	outline: none;
}

#deleteFromCart:focus {
	outline: none;
}






@media all and (max-width: 1130px) {
	.subheader {
		height: auto;
	}
	

	.subheader .logo {
		width: 100%;
		line-height: normal;
		text-align: center;
	}
    
    .subheader.sticky .logo {
        display: none;
    }
	
	.subheader .logo img {
		max-width: 240px;
		padding: 25px 0;
	}
	
	.subheader .search,
	.subheader .cart-checkout {
		margin: 0 0 20px 0;
		width: 50%;
	}
	
	.subheader .search .margin {
		margin: 0 20px 0 0;
	}
    
    .subheader .usp {
        display: none;
    }

}

/*

@media all and (max-width: 640px) {
	.subheader .search,
	.subheader .cart-checkout {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.subheader .search .margin {
		margin: 0;
	}

}
*/

@media all and (max-width: 728px) {
    #checkout-desktop {
        display: none;
    }
    
    .subheader .search {
        width: 65%;
    }
    
    #checkout-mobile {
        display: block;
    }
}

@media all and (max-width: 640px) {
    /*
	.subheader.sticky .logo,
	.subheader.sticky .search {
		display: none;
	}
    */
	.subheader.sticky .logo {
		display: none;
	}

}

@media all and (max-width: 400px) {
	.subheader .search {
		width: 55%;
	}
    .subheader #checkout-mobile {
        width: 45%;
    }

}






/* ========== Subheader Cart ========== */
#cart:hover {
	cursor: pointer;
}

#cartTarget, #checkoutTarget {
	position: relative;
}

#subheader-cart {
	display: none;
	background: #fff;
	padding: 30px 10px;
	position: relative;
}

#subheader-cart .icon-cart {
	color: #9bd246;
	font-size: 2.4em;
}

#subheader-cart input[type=text],
#checkout input[type=text] {
	border: 1px solid #eee;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	-webkit-appearance: none;
	max-width: 40px;
	text-align: center;	
	padding: 3px 0;
}

#subheader-cart input[type=text]:focus,
#checkout input[type=text]:focus {
	outline: none;
	border: 1px solid #bbb;
}

#subheader-cart #btn-updateCart,
#checkout #btn-updateCart {
	display: none;
}
	
/* ========== Navigation ========== */


	
.nav {
	width: 100%;
	background: #3fa82c;
	color: #fff;
	line-height: 44px;
	font-weight: 400;
	overflow: visible;
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

.nav ul.left {
}

.nav ul li {
	display: inline-block;
	padding-right: 10px;
}



.nav ul li a {
	color: #fff;
	text-decoration: none;
}

.nav ul li a:hover {
	cursor: pointer;
	font-weight: 400;
}



	
@media all and (max-width: 780px) {
	.nav ul.left {
		float: none;
	}
	.nav ul.right {
		display: none;
	}
	.nav {
		text-align: center;
	}
}




@media all and (max-width: 600px) {
	table.cart tr td:nth-child(3) {
		display: none;
	}
	
	table.cart tr td {
		font-size: 0.8em;
		padding-right: 0px;
	}
	#updateCart input#qty,
	#updateCartCheckout input#qty {
		width: 30px;
	}
}





.nav-content {
	padding: 0 0 30px 0;
	display: none;
	text-align: center;
	background: url('https://www.uteprodukter.se/pics/nav-bg.png');
	background-repeat: repeat-x;
	background-color: #3fa82c;
	overflow: hidden;
}

.nav-content img {
	width: 50%;
	height: auto;
	border-radius: 50%;
	margin: 30px 0 10px 0;
}

.nav-content a {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
}

.nav-content .margin.flex,
.content .margin.flex,
.content .colMargin.flex,
.row.flex {
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;

	text-align: left;
	color: #000;
	font-weight: 400;
	font-size: 1em;
	line-height: normal;
}

.content.first {
	margin-top: 10px;
}

.content.related {
	margin-top: 10px;
	display: none;
}

.content .margin.flex {
	color: #000;
}


.nav-content .margin a,
.nav-content .margin.flex a,
.content .margin.flex a {
	text-decoration: underline;
}

.nav-content .margin a:hover,
.nav-content .margin.flex a:hover,
.content .margin.flex a:hover {
	text-decoration: underline;
}

.content .margin.flex a.btn.default,
.content .slider a.btn.default {
	margin-top: 10px;
	display: block;
	float: left;
	clear: left;
}
.content .margin.flex a.btn.default:hover {
	text-decoration: none;
}

.azHeader {
	text-align: left;
	font-weight: 400;
	color: #9bd246;
	font-size: 2.5em;
	padding: 30px 0 15px 0;
}

.content .margin.flex .categoryDescription p a {
	text-decoration: underline;
}


@media all and (max-width: 1040px) {
	.nav-content .col-2-12 { width: 25% }
}

@media all and (max-width: 800px) {
	.nav-content .col-2-12 { width: 33.333333% }
}

@media all and (max-width: 600px) {
	.nav-content .col-2-12 { width: 50% }
}



.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	z-index: 99999999999999999999;
}

.drop_menu li:hover {
	position:relative;
	background:#5FD367; }

.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#5FD367;
	padding:0px;
	z-index: 99999999999999;
	overflow: visible
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;
	background-color:#5FD367;
}
.drop_menu li:hover ul li a:hover { background:#005555; }






/* ========== Content ========== */

.spacer {
	display: block;
	margin: 60px 0;
}
.content .margin.flex {
	margin: 0 10px
}

.content .box-container,
.content .productbox-container {
	background: #fff;
	overflow: hidden;
	position: relative;
	height: 100%;
}

.content .productbox-container .productbox {
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #ddd;
	border: 1px solid rgba(0,0,0,0.1.5);
	border-radius: 4px;
}

.content .productbox-container .productbox:hover {
	border: 2px solid #bbb;
	border: 2px solid rgba(0,0,0,0.25);
	padding: 19px;
}


.content .productbox-container .productbox img {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

.content .productbox-container .productbox h2 a,
.content .productbox-container .productbox h3 a {
	color: #000;
	
	font-size: 1.1em;
	
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
	
	text-decoration: none;

}

.content .productbox-container .productbox p a{
	color: #000;
	margin: 0;
	font-weight: 300;
	
	text-decoration: none;
}

.tip {
	background: #ddf0c6;
	color: #369125;
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 12px 10px 12px 15px;
	font-weight: 400;
	font-size: 0.9em;
	border-left: 2px solid #4aa536;
}

.content .productbox-container .productbox p {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 0.9em;
	line-height: normal;
	color: #666;
}

.content .productbox-container .productbox p.tight {
    margin: 4px 0 0 0;
    font-size: 0.8em;
	font-weight: 300;
	color: #888;
}

.content .productbox-container .productbox p.price {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #d30c00;
}

.content .productbox-container .productbox p.small {
	font-size: 0.8em;
	margin: 0;
	font-weight: 300;
	color: #888;
}

.content .productbox-container .productbox button {
	margin: 15px 0 0 0;
}

.content .productbox-container .productbox.fade {
	opacity: 0.2;
}

.content .productbox-container .productbox img {
	border-radius: 3px;
}

.content .categorybox {
	position: relative;
}

.content .categorybox .text {
	position: absolute;
	text-align: left;
	
	font-family: "frank-new", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2em;
	color: #fff;
	top: 16px;
	left: 20px;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.content .categorybox .text a,
.content .categorybox .text a:hover {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}

.content .categorybox img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

/*
#subcategories {
	padding: 20px;
    background: #fff;
	background: #90cf48;
    color: #318322;
}

#subcategories ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

#subcategories ul li a {
	font-weight: 400;
	text-decoration: underline;
    color: #fff;
}

#subcategories ul li a:hover {
	text-decoration: none;
}

#subcategories ul li:first-child {
	font-weight: 400;
	font-size: 1.2em;
	margin-bottom: 16px;
}
*/

ul.subCategories {
    list-style-type: none;
    margin: 0; padding: 0;
}

ul.subCategories li {
    display: inline-block;
    background: #3fa82c;
    
    margin: 0 10px 10px 0;
    
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    
    border: 1px solid #3fa82c;
	
	font-wweight: 400;
}

ul.subCategories li a {
    color: #fff;
    display: block;
    padding: 1px 9px 2px 9px;
	font-style: normal;
	font-weight: 400;
}

ul.subCategories li:hover {
    background: #fff;
}

ul.subCategories li:hover a {
    color: #3fa82c;
    text-decoration: none!important;
}




.productDescription {
	width: 95%;
	padding: 0 0 20px 0;
}

.productDescription h2 {
	font-size: 1em;
	color: #000;
	padding: 0 0 10px 0;
	margin: 0;
	
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.productDescription h2:first-child {
	padding: 20px 0 10px 0;
}

.productDescription p,
.productDescription ul li {
	font-size: 0.9em;
	font-style: normal;
	font-weight: 300;
	color: #000;
	padding: 0 0 10px 0 !important;
}

.productDescription ul li {
	font-size: 0.9em;
	color: #000;
	padding: 0 0 10px 0 !important;
}

.productDescription table {
	border: none;
	border-collapse: collapse;
	margin: 20px 0 30px 0;
}

.productDescription table tr td {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 0.9em;
}

.priceBox {
	border: 2px solid #ddd;
	padding: 12px;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}

.priceBox p.price {
	font-size: 2em;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
	width: 100%;
	font-weight: 500;
	line-height: normal;
	padding: 3px 0 0 0;
	color: #d30c00;
}

.priceBox p.small {
	font-size: 1em;
	font-weight: 300;
	line-height: normal;
	padding: 0 0 14px 0;
	color: #000;
	text-align: center;
}

.priceBox p.smaller {
	font-size: 0.8em;
	font-weight: 400;
	line-height: normal;
	padding: 14px 0 0 0;
	color: #000;
	text-align: center;
}

p.center {
	font-weight: 400;
}

p.center.attribute {
    padding-top: 14px;
}

.priceBox select {
	width: 100%;
	border: 1px solid #9bd246;
	border: 1px solid #ddd;
	background: #fff;
	padding: 5px;
	padding-left: 10px;
	font-family: "frank-new", sans-serif;
	font-size: 0.9em;
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('https://www.uteprodukter.se/pics/icon-arrow-down.png') 97% / 4% no-repeat #eee;
	border-radius: 0;
	margin: 10px 0 0 0;
	border-radius: 4px;
}

.priceBox select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

@media screen and (min-width:0\0) {
    .priceBox select {
        background:none\9;
        padding: 5px\9;
    }
}

.priceBox select:focus {
	outline: none;
}

.priceBox select.warning {
	border: 2px solid #cc0000;
	color: #cc0000;
}

.priceBox .icon-minus,
.priceBox .icon-plus {
	background: #3fa82c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50px;
	color: #fff;
	font-size: 1.4em;
	padding: 5px;
}

.priceBox .icon-minus,
.priceBox .icon-plus {
	position: relative;
	top: 1px;
	border: 1px solid #3fa82c;
}

.priceBox .icon-minus {
	float: right;
}

.priceBox .icon-plus {
	float: left;
}

.priceBox .icon-minus:hover,
.priceBox .icon-plus:hover {
	border: 1px solid #3fa82c;
	background: #fff;
	color: #3fa82c;
	cursor: pointer;
}

.priceBox input[type=text] {
	width: 80%;
	border: 1px solid #ddd;
	margin: auto;
	font-family: "frank-new", sans-serif;
	text-align: center;
	font-size: 1.4em;
	padding: 2px 0;
	border-radius: 4px;
}

.priceBox input[type=text]:focus,
.priceBox input[type=submit]:focus {
	outline: none;
}

.sale-box {
	background: #d30c00;
	color: #fff;
	text-align: center;
	padding: 5px 10px 12px 10px;
	border-radius: 3px;
}

.sale-box.sp {
    /*background: #000;*/
    background: #d30c00;
}

.sale-box,
.sale-box-full {
	background: #d30c00;
	color: #fff;
	text-align: center;
	padding: 5px 10px 12px 10px;
	position: relative;
	margin: 0px;
}

.sale-box-full.sp,
.sale-box-full.sp p.large {
    /*background: #000;*/
    background: #d30c00;
}

.sale-box.sp p.large,
.sale-box-full.sp p.large {
    /*color: #90cf48;*/
    color: #fff;
}

.sale-box-full {
	padding: 5px 10px 6px 10px;
}

.sale-box {
	position: absolute;
	top: 14px;
	right: 14px;
	width: auto;
}

.sale-box p,
.sale-box-full p {
	font-size: 0.8em;
	line-height: normal;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #fff;
}

.sale-box p.large,
.sale-box-full p.large {
	font-size: 2.2em;
	font-weight: 500;
	color: #fff;
}

.sale-box-full p.large {
	font-size: 1.2em;
	padding: 0;
	color: #fff;
}




.product-info {
	width: 100%;
	font-size: 1em;
}

.product-info iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}

.product-info input[type=text], label, textarea {
	width: 90%;
	width: calc(100% - 26px);
}

.product-info label {
	display: block;
	font-size: 0.8em;
	margin: 10px 0 5px 0;
}

.product-info input[type=text], textarea {
	display: block;
	border: 1px solid #ddd;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
	font-size: 1em;
	padding: 10px 12px;
}

.product-info input:focus, textarea:focus {
	outline: none;
}

.product-info textarea {
	min-height: 150px;
}

.product-info table,
table.cart {
	width: 100%;
	border-collapse: collapse;
}

.product-info table tr td {
	font-size: 0.9em;
	padding: 4px;
}

.product-info table tr:hover {
	background: rgba(148,204,82,0.1);
}




table.cart tr td:first-child {
	font-weight: 400;
}

table.cart tr:first-child td {
	font-weight: 400;
	font-size: 0.9em;
}

table.cart tr td {
	padding: 12px 0;
	border-bottom: 1px solid #eee;
}

table.cart tr:nth-last-child(1) td,
table.cart tr:nth-last-child(2) td,
table.cart tr:nth-last-child(3) td,
table.cart tr:nth-last-child(4) td,
table.cart tr:nth-last-child(5) td {
	padding: 5px 0;
	border: none;
}

table.cart tr td:nth-child(2),
table.cart tr td:nth-child(3),
table.cart tr td:nth-child(4),
table.cart tr td:nth-child(5) {
	text-align: right;
}

table.cart tr:nth-last-child(1) td:last-child,
table.cart tr:nth-last-child(2) td:last-child,
table.cart tr:nth-last-child(3) td:last-child,
table.cart tr:nth-last-child(4) td:last-child,
table.cart tr:nth-last-child(5) td:last-child {
	text-align: right;
}

table.cart tr:nth-last-child(1) td,
table.cart tr:nth-last-child(2) td,
table.cart tr:nth-last-child(3) td,
table.cart tr:nth-last-child(4) td {
	font-weight: 400;
}

table.cart tr:last-child td {
	text-decoration: underline;
}

table.cart tr:nth-last-child(1) td:first-child,
table.cart tr:nth-last-child(2) td:first-child {
	text-align: left;
}

table.cart tr:nth-last-child(3) td {
	color: #d30c00;
}

table.cart tr:nth-last-child(4) td {
	padding-top: 50px;
}

table.cart td:last-child a {
	text-decoration: none;
	color: #d30c00;
}

table.cart tr td span[class*="icon-"]{
	font-size: 1.2em;
	position: relative;
	top: 3px;
}

table.cart tr td span.small {
	font-size: 0.75em;
	font-weight: 400;
	color: #666;
}

table.cart tr td span.large {
	font-size: 1.1em;
}



table.cart tr:first-child td:nth-child(2) {
	text-align: right;
	padding-right: 28px;
}

table.list tr td {
	font-size: 14px;
}

table.list tr:first-child td {
	font-weight: 400;
}

.product-info .toggleRows {
	font-weight: 400;
	padding: 14px 0;
	color: #000;
	border-top: 1px solid #eee;
	width: 100%;
}

.product-info .toggleRows.last,
.product-info .hiddenRow.last {
	padding-bottom: 0;
}

.product-info .hiddenRow.last {
	padding-top: 14px;
}

.product-info .toggleRows:hover {
	cursor: pointer;
}

.product-info .toggleRows:first-child {
	padding-top: 0;
	border: none
}

.product-info .icon-arrow-down {
	float: right;
 	-webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

ul.product-info li.toggleRows:hover {
	cursor: pointer;
}

.product-info  .hiddenRow {
	display: none;
	border: none;
	padding-bottom: 20px;
}



#smartTabContainer table {
	width: 100%;
	border-collapse: collapse;
}

#smartTabContainer table tr td {
	padding: 6px;
}

#smartTabContainer table tr:hover {
	background: rgba(148,204,82,0.1);
}


.largeText {
	font-size: 3em;
	text-align: center;
	padding-top: 30px;
	font-weight: 600;
	color: #cc0000;
}


img.imgShipping {
	width: 70%;
	height: auto;
}

@media all and (max-width: 1100px) {
	img.imgShipping {
		padding-top: 30px;
	}
}

@media all and (max-width: 900px) {
	img.imgShipping {
		padding-top: 40px;
	}
}

@media all and (max-width: 760px) {
	img.imgShipping {
		padding-top: 40px;
	}
}




/* ========== slider ========== */

.fullWidth {
	width: 66.666%;
}

.slide.fullWidth {
	width: 85%;
	width: 100%;
	margin: auto;
}


.slider {
	width: 100%;
	background: #fff;
	padding: 14px;
	margin: 20px 0 10px 0;
	border: 2px solid #ddd;
	border-radius: 4px;
}


.slider.marginBottom {
	margin: 0 0 20px 0;
}

.col-7-12 .slider {
	margin-bottom: 20px;
}

.slick-slide {
	outline: none;
	outline: none !important;
}

.colMargin .slider {
	padding: 0;
}

.slider:focus {
	outline: none;
}

.slide {
	position: relative;
	color: #fff;
	padding: 14px;
	padding: 0;
}

.slide p {
	color: #000;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
}

.slide#productPage {
	padding: 0;
}

.slide img {
	width: 100%;
	height: auto;
}

.slide img:focus {
	outline: none;
}

.slide div:focus {
	outline: none;
}

.slide:focus {
	outline: none;
}

.slide-gradient {
	position: absolute;
	bottom: 14px;
	left: 14px;
	width: 100%;
	height: 100%;
	height: 75%;
	width: calc(100% - 28px);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	z-index: 1;
}

.slide-info {
	position: absolute;
	bottom: 30px;
	left: 25px;
	z-index: 2;
}

.slide .slide-info h2 {
	font-weight: 400;
	font-size: 1.5em;
	line-height: normal;
	padding: 0;
	margin: 0 0 5px 0;
}



.solid .colMargin h2 {
	margin: 20px 0 5px 0;
}

.zoom.in,
.zoom.out {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.zoom.in.on,
.zoom.out.on {
	display: block;
}



@media all and (max-width: 980px) {
	.slide .slide-info h2 {
		font-size: 1.25em;
	}
	.slide-info p {
		display: none;
	}
}

@media all and (max-width: 780px) {
	.slide .slide-info h2 {
		font-size: 1.25em;
	}
}

@media all and (max-width: 680px) {
	.slide .slide-info h2 {
		font-size: 1em;
	}
}

.slide .slide-info h2 > span.price {
	background: #d30c00;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50px;
	*/
	padding: 0 10px;
	font-weight: 400;
	margin-left: 10px;
}

.slide-info p {
	padding: 0;
	margin: 0;
}

.slide-info a.btn.default:hover {
	border: 1px solid #fff;
}

.slider-arrow {
	background: rgba(0, 0, 0, 0.4);
	/*background: #3fa82c;*/
	color: #fff;
	font-size: 2em;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	z-index: 3;
	padding: 3px 4px 0 4px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}

@media all and (max-width: 780px) {
	.slider-arrow {
		visibility: hidden;
	}
	.slide .sale-box {
		/*display: none;*/
	}
	h1 {
		margin: 30px 0 5px 0;
	}
}


@media all and (max-width: 560px) {
	#slider {
		display: none;
	}
}

.slider-arrow:hover {
	cursor: pointer;
	background: #fff;
	color: #9bd246;
}

.slider-arrow:focus {
	outline: none;
}

.slider-arrow.prev {
	left: 40px;
}

.slider-arrow.next {
	right: 40px;
}

.slider-arrow.prev.small,
.slider-arrow.next.small {
	width: 30px;
	height: 30px;
	margin-top: -15px;
}

.slider-arrow.prev.small > span.icon-arrow-left,
.slider-arrow.next.small > span.icon-arrow-right {
	font-size: 0.7em;
	position: relative;
	top: -9px;
}

.slider-arrow.prev.small {
	left: 15px;
}

.slider-arrow.next.small {
	right: 15px;
}

.slider .sale-box {
	top: 0px;
	left: 0px;
	z-index: 9999999999999;
}




.slick-dots {
	width: 50%;
	text-align: right;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 35px;
	right: 32px
}

.colMargin .slick-dots {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 74px;
}

.slick-dots ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.slick-dots li {
	display: inline;

}
.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0 5px;
	font-size: 0;
	background: none;
	border: 1px solid #9bd246;
}


.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
	cursor: pointer;
	background: #9bd246;
}


.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background: #9bd246;
}


.slick-dots li button:before {
	background: #9bd246;
}


.slick-dots li.slick-active button:before {
	background: #9bd246;
}


.slidepromo {
   margin-top: 30px;
	margin-bottom: 40px;
}





/* ========== Checkout ========== */
#checkoutForm .col-5-12,
#stdForm .col-5-12 {
	width: 48%;
	width: calc(50% - 10px);
}

#checkoutForm .col-2-12,
#stdForm .col-2-12 {
	width: 20px;
}

#checkoutForm .col-12-12,
#stdForm .col-12-12 {
	font-weight: 400;
	margin: 45px 0 10px 0;
	font-size: 1.1em;
}

#stdForm .col-12-12 {
	margin: 10px 0 10px 0;
}

#checkoutForm .required,
#stdForm .required {
	color: #d30c00;
	margin-left: 3px;
}

@media all and (max-width: 700px) {
	.content .col-6-12 {
		width: 100%;
	}
	.col-6-12.uspShipping {
		display: none;
	}
	#checkoutForm .col-5-12,
	#stdForm .col-5-12 {
		width: 100%;
	}
	#checkoutForm .col-2-12,
	#stdForm .col-2-12 {
		display: none;
	}
}

#checkoutForm input[type=text],
#stdForm input[type=text],
#stdForm input[type=password] {
	width: 100%;
	border: 1px solid #eee;
	width: 100%;
	font-size: 1.1em;
	font-family: "frank-new", sans-serif;
	padding: 8px 12px;
}

#checkoutForm input[type=text]:focus,
#stdForm input[type=text]:focus,
#stdForm input[type=password]:focus,
#stdForm textarea:focus {
	background: #fefdec;
	outline: none;
	
}

#checkoutForm label,
#stdForm label {
	font-size: 0.8em;
	font-weight: 400;
	margin-bottom: 4px;
	margin-top: 12px;
	display: block;
}

.circle {
	background: #9bd246;
	color: #fff;
	height: 20px;
	padding: 0 6px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px;
}

#checkoutForm .hidden,
#stdForm .hidden {
	visibility: hidden;
}

#checkoutForm input.reqField,
#shippingAddress input.reqField,
#stdForm input.reqField,
#stdForm textarea.reqField {
	border: 1px solid #d30c00;
}

#shippingAddress {
	display: none;
}






/* ========== Footer ========== */
.footer {
	margin-top: 100px;
	background: #3e4043;
	color: #9d9d9f;
	padding: 40px 0;
	line-height: normal;
}

.footer a {
	color: #9d9d9f;
	color: #d8d8d9;
	font-weight: 400;
}

.footer a:hover {
	color: #ccc;
}

.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

.footer .row.divider {
	padding: 20px 0 30px 0;
}


.footer p,
.footer ul li {
	margin: 0; padding: 0;
	font-size: 0.9em;
	line-height: normal;
	font-weight: 400;
	padding: 5px 20px 30px 0;
}

.footer ul li {
	padding: 0 0 10px 0;
}



.footer ul li:last-child {
	margin-bottom: 30px;
}

.footer p.large {
	font-size: 13px;
	font-weight: 400;
	padding: 0;
}

.footer p.xl {
	font-size: 1.8em;
	font-weight: 700;
	padding: 2px 0 20px 0;
	color: #d8d8d9; /* too bright */
	color: #bcbcbc;
}

.footer p.small {
	font-size: 0.7em;
	margin: 0;
	padding: 2px 0 0 0;
	line-height: normal;
}

.footer hr {
	color: #555;
	height: 1px;
	background: #555;
	font-size: 0;
	border: 0;
}

.footer img {
	/*
	width: 100%;
	max-width: 500px;
	height: auto;
	margin-bottom: 15px;*/
	
}

.footer .row > .col-12-12 {
	text-align: center;
}

.footer ul.social {
	margin-top: 30px;
	width: 100%;
}

.footer ul.social li {
	display: inline;
	font-size: 2.2em;
	clear: both;
}

.footer ul.social li a {
	text-decoration: none;
}

img.payment {
	width: 100%;
	max-width: 600px;
	height: auto;
	padding: 5px 0;
}

.footer .badge {
    padding-bottom: 30px;
}

.footerlogo {
	display: inline-block;
	margin: 0 0 20px 0;
	width: 240px;
	height: auto;
	opacity: 0.6;
}

.footer .col-6-12 {
	padding-right: 100px;
}


.footer img.adda {
	margin-top: 25px;
	width: 130px;
	height: auto;
	opacity: 0.6
}



@media all and (max-width: 1100px) {
	.footer > .container > .margin > div.row > div:first-child {
		width: 100%;
	}
	
	.footer > .container > .margin > div.col-6-12 {
		width: 75%;
	}
	
	.footer > .container > .margin > div.row > div:last-child {
		width: 25%;
	}
	.footer > .container > .margin > div.row > div.col-12-12 {
		width: 100%;
	}
	.footer .col-6-12 {
		padding-right: 0;
	}
}

@media all and (max-width: 900px) {

	
	.footer > .container > .margin > div.row div:last-child {
		width: 100%;
	}
	.footer ul {
		margin-left: 75px;
		float: left;
	}
	.footer ul:first-child {
		margin-left: 0;
	}
	.footer .col-6-12 {
		width: 100%;
	}
}




/* ========== Hamburger Icon ========== */
.hamburger-container {
    padding: 14px 0;
}
#hamburger-icon {
    width: 26px;
    height: 20px;
    position: relative;
    left: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    
}

#hamburger-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

#hamburger-icon span:nth-child(1) {
  top: 0px;
}

#hamburger-icon span:nth-child(2),#hamburger-icon span:nth-child(3) {
  top: 8px;
}

#hamburger-icon span:nth-child(4) {
  top: 16px;
}

#hamburger-icon.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#hamburger-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#hamburger-icon.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}



.rotated {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	
 	-webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}









/* ========== Smart Tabs  ========== */

ul.smartTabs {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

ul.smartTabs li {
	display: inline-block;
	padding: 8px 12px;
	margin-bottom: -1px;
	border: solid 1px #eee;
	/*
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	*/
	background: #eee;
	border-top: 2px solid #eee;
	font-weight: 400;
	color: #ccc;
}

ul.smartTabs li a {
	text-decoration: none;
	color: #ccc;
	font-size: 14px;
}

ul.smartTabs li.active {
	border-bottom: solid 1px #fff;
	background: #fff;
	border-top: 2px solid #9bd246;
	color: #000;
}

ul.smartTabs li.active a {
	color: #000;
}

#smartTabContainer {
	padding: 20px;
	border: solid 1px #eee;
	background: #fff;
	font-size: 1em;
	color: #000;
	font-weight: 400;
	overflow: hidden;
}

#smartTabContainer section {
	display: none;
	font-size: 1em;
	font-weight: 400;
}

#smartTabContainer section:first-child {
	display: block;
}





/* ========== Notify ========== */
.notify {
	position: absolute;
	top: -44px;
	left: 0;
	width: 100%;
	text-align: center;
	height: 44px;
	line-height: 44px;
	display: block;
	font-family: "frank-new", sans-serif;
	font-weight: 400;
	z-index: 9999999999999;
}

.notify.success {
	background: #4aa536;
	background: #ddf0c6;
	color: #bcf27c;
	color: #369125;
}

.notify > span {
	font-size: 1.3em;
	position: relative;
	top: 2px;
	margin-right: 10px;
}

.shipping {
	padding: 20px 0;
}

.shipping img {
	padding: 20px 0;
}

/*
.shipping > .col-12-12:first-child {
	padding: 16px 0 20px 0;
	font-weight: 400;
	color: #cc0000;
	color: #000;
}*/

#btn-addToCart {
	margin-bottom: 20px;
	font-size: 1.2em;
}

.swedishmade {
	display: block;
	margin: 40px 0;
	font-weight: 400;
	font-size: 0.9em;
}

.swedishmade img {
	width: 18px;
	height: auto;
	margin-right: 10px;
}




/* ========== Filters ========== */

.filters {
	padding: 20px;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
}

.filters ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 50px 0 0;
	vertical-align: top;
}

.filters ul li {
	font-weight: 400;
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 3px 0;
}

.filters ul li.parent {
	font-weight: 400;
}

.filters p {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 0.9em;
	font-weight: 400;
}

.checkFilter {
	margin: 0 8px 0 0;
	font-size: 2em;
}

.filters select {
	background: transparent;
	font-family: "frank-new", sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	border: 1px solid #ddd;
}

.filters select:focus {
	outline: none;
}

.filterColumn {
	float: left;
	margin: 0 20px 0 0;
}

p.quoteOnly {
	font-weight: 700;
	color: #cc0000;
}

.red {
	color: #cc0000;
	font-weight: 700;
}

.disabled {
	background: red;
}

.results-container {
	width: 100%;
	position: absolute;
	z-index: 99999999999999999999;
}

.results-container.stickysearch {
	position: absolute;
	top: 80px;
    overflow: scroll;
}

#results {
	display: none;
	background: #fff;
	padding: 10px 0;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 999999999999999999999999999999;
	/*max-width: 1320px;*/
	max-width: 1600px;
	margin: auto;
	
	border-bottom: 5px solid #3fa82c;
	
-webkit-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.75);
}

#results ul,
.extendedSearch ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
}

#results ul li,
#results ul li:first-child,
.extendedSearch ul li {
	font-size: 1em;
	text-transform: none;
	font-weight: 400;
	margin: 0;
	padding: 0;
	height: 50px;
}

#results ul li:hover {
	background-color: #f2f2f2;
}

#results ul li:last-child {
	padding: 16px 0;
}

#results ul li:last-child:hover {
	background-color: transparent;
}

#results ul li a,
.extendedSearch ul li a {
	line-height: 20px;
	text-decoration: none;
	padding: 5px 15px;
	display: block;
	color: #000;
}

#results ul li img,
.extendedSearch ul li img {
	width: 40px;
	height: 40px;
	border: 1px solid #f2f2f2;
	margin-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}

#results ul li .text,
.extendedSearch ul li .text {
	position: relative;
	top: -15px;
}

.search_hover { 
	background-color: #f2f2f2!important; 
	color: #000!important;
	height: 50px!important;
}
.search_hover img,
#results ul li a:hover img,
.extendedSearch ul ul li a:hover img { 
	border: 1px solid #ddd!important;
}


#results ul li#header,
#results ul li#headerP {
	height: auto;
	padding: 5px 0 10px 15px;
	font-size: 0.8em;
	font-weight: 400;
}

#results ul li#headerP {
	padding: 25px 0 15px 15px;
}

#results ul li#header:hover,
#results ul li#headerP:hover {
	background: none;
}

#cat .search_hover { 
	background-color: #f2f2f2!important; 
	color: #000!important;
	height: 50px!important;
}

a#showAll {
	color: red;
}

#results ul li#cat {
/*
	height: 40px;
	
	line-height: 60px;*/
    font-size: 1.2em;
    height: 50px;
}

#results ul li#cat a {
    line-height: 40px;
}


#results ul li.key.last a {
	padding-top: 26px;
}


img.banner {
	width: 100%;
	height: auto;
	padding: 10px 0;
}









/* === NEW STYLE NAV === */
nav#desktop,
nav#mobile {
	background: #032119;
}

nav#desktop ul, nav#mobile ul {
	/*font-size: 0;*/
	margin: 0;
	padding: 0;
}

nav#desktop ul li {
	display: inline-block;
}

nav#desktop ul li.red,
nav#desktop ul li.red:hover,
nav#desktop ul li.yellow {
	background: #d30c00;
}

nav#desktop ul li.yellow,
nav#desktop ul li.yellow:hover {
	background: #ffde00;
}

nav#desktop ul li.yellow a,
nav#desktop ul li.yellow a:hover {
	color: #000;
}

nav#desktop ul#lev-2,
nav#desktop ul#lev-3 {
	padding: 20px 0;
}

nav#desktop ul#lev-2 .icon-arrow-right {
	font-weight: bold;
}

nav#desktop ul#lev-3 {
	/*
	position: absolute;
	left: 320px;
	width: calc(100% - 320px);
	top: 0;
	min-height: 100%;*/
	
	position: absolute;
	/*width: 100%;*/
	/*max-width: 1260px;*/
	width: 400px;
	top: 0;
	left: calc((100vw - 1560px) / 2);
	min-height: 100%;
	margin-left: 300px;
}

@media all and (max-width: 1500px) {
	nav#desktop ul#lev-3 {
		/*max-width: 1000px;*/
		left: calc((100vw - 1560px) / 2);
		margin-left: 400px;
	}
}

@media all and (max-width: 1400px) {
	nav#desktop ul#lev-3 {
		/*max-width: 11100px;*/
		left: calc((100vw - 1560px) / 2);
		margin-left: 420px;
	}
}

nav#desktop ul#lev-2 li,
nav#desktop ul#lev-3 li {
	display: block;
}

nav#mobile ul li {
	display: block;
}

nav#desktop ul li a,
nav#mobile ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	font-family: "frank-new", sans-serif;
	padding: 12px 14px;
	text-decoration: none;
	font-weight: 400;
}

nav#mobile ul li a {
    padding-left: 20px;
    width: 85%;
}

nav#desktop ul#lev-1 > li > a {
	font-weight: 400;
}

nav#desktop ul li:hover {
	background: #68b540;
	transition-delay: 0.2s;
}

nav#desktop ul li:hover a {
	color: #fff;
}

nav#desktop ul li ul { /* Level 2 */
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	/*min-height: 100%;*/
	background: #68b540;
	z-index: 99999999;
}

nav#mobile ul li ul {
    background: #68b540;
    margin: 0; padding: 0;
}

nav#mobile ul li ul {
    padding: 0;
}

nav#desktop ul li ul li ul { /* Level 3 */
	display: none;
	background: #7fc149;
	background: #68b540;
	border-left: 1px solid rgba(255,255,255,0.30);
}

nav#desktop ul li ul li ul li:hover { /* Level 3 */
	background: none;
}


nav#mobile ul li ul li ul {
    background: #7fc149;
}

nav#desktop ul li ul li,
nav#desktop ul li ul li ul li {
	display: inline-block;
	padding-top: 0px;
}

nav#desktop ul li ul li.parent:hover {
	font-weight: 700;
	font-style: normal;
}

nav#desktop ul li:hover > a,
nav#desktop ul li ul li:hover > a {
	text-decoration: underline;
}
nav#desktop ul li img {
	width: 40px;
	height: auto;
	border-radius: 50%;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

nav#desktop ul li .text {
	position: relative;
	top: -15px;
}

.levThreeBorder {
	/*border-bottom: 1px solid #ccc;*/
}

nav#mobile ul li ul li a {
    text-indent: 15px;
}

nav#mobile ul li ul li ul li a {
    text-indent: 30px;
}


nav#desktop ul#lev-1 > li {
	border-right: 1px solid rgba(144, 207, 72, 0.35);
}

nav#desktop ul#lev-1 > li:first-child {
	border-left: 1px solid rgba(144, 207, 72, 0.35);
}

nav#desktop ul#lev-1 > li:hover {
	border-right: 1px solid #3fa82c;
}

nav#desktop ul#lev-1 > li:first-child:hover {
	border-left: 1px solid rgba(144, 207, 72, 0.35);
}

nav#desktop ul#lev-1 > li > a {
	text-align: center;
}



.linkRedBtn,
.linkYellowBtn {
	background: #d30c00;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	top: 17px;
}

.linkYellowBtn {
	background: #ffde00;
}

.linkRedBtn.sp {
	background: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	top: 17px;
}

ul.campaigns {
	float: right;
}

nav#desktop ul.campaigns li:hover {
	background: none;
	text-decoration: none;
}

nav#desktop ul.campaigns li a {
	padding: 6px 12px;
	font-weight: 500;
	margin-right: 0;
	color: #fff;
	text-decoration: none;
}

nav#desktop ul.campaigns li:first-child a {
	margin-right: 6px;
}

nav#desktop ul.campaigns li a.linkYellowBtn {
	color: #000;
	color: rgba(0,0,0,0.75);
}

nav#desktop ul.campaigns li a:hover {
	background: #fff;
	text-decoraton: none;
	color: #3fa82c;
}

nav#mobile, nav#mobile #mobile-content {
    display: none;
}

nav#mobile ul li ul {
    display: none;
}

@media all and (max-width: 1250px) {
    nav#desktop {
        display: none;
    }
    
    nav#mobile {
        display: block;
    }
}
nav#mobile ul li {
    position: relative;
    border-bottom: 1px solid rgba(144, 207, 72, 0.35);
}

nav#mobile ul li ul li {
    position: relative;
    border-bottom: 1px solid rgba(144, 207, 72, 0.5);
}

nav#mobile ul li ul li:last-child {
    border: none;
}


nav#mobile ul li ul li ul li {
    position: relative;
    border-bottom: 1px solid rgba(144, 207, 72, 0.65);
}

nav#mobile ul li ul li ul li:last-child {
    border: none;
}

nav#mobile ul li:first-child,
nav#mobile ul li:last-child {
    /*border: none;*/
}

nav#mobile ul li.campaigns {
    background: #d30c00;
}

nav#mobile ul li.login {
    background: #2e871f;
}

nav#mobile .icon-arrow-right.one,
nav#mobile .icon-arrow-right.two {
    position: absolute;
    right: 20px;
    top: 12px;
    color: rgba(144, 207, 72, 1);
    font-weight: 600;
    font-size: 1.5em;
    
 	-webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
}

nav#mobile .icon-arrow-right.open,
nav#mobile .icon-arrow-right.open {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	
 	-webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
}

.header a[href^=tel] {
    font-weight: 600;
    text-decoration: none;
}

.highlight {
    background: #cc0000;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 4px 0;
}

@media all and (max-width: 700px) {
    .highlight {
        margin-top: 40px;
    }
}


.uc {
    opacity: 0.55;
    width: 180px;
    margin: auto;
    position: relative;
    top: 30px;
    left: 20px;
    filter: grayscale(100%);
}

a.btn_shipping{
	background: #3fa82c;
    border: 1px solid #3fa82c;
	color: #fff;
	padding: 6px 12px;
	font-family: "frank-new", sans-serif;
	font-weight: 500;
	font-size: 1em;
	text-decoration: none;
	line-height: normal;
	display: inline-block;
	border-radius: 4px;
}



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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-update:before {
  content: "\e911";
}
.icon-thumbs-down-solid:before {
  content: "\e90d";
}
.icon-thumbs-up-solid:before {
  content: "\e910";
}
.icon-close:before {
  content: "\e90c";
}
.icon-thumbs-down:before {
  content: "\e90e";
}
.icon-thumbs-up:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e90a";
}
.icon-plus:before {
  content: "\e90b";
}
.icon-circle-on:before {
  content: "\e907";
}
.icon-facebook-solid:before {
  content: "\e908";
}
.icon-instagram-solid:before {
  content: "\e909";
}
.icon-circle-off:before {
  content: "\e906";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e902";
}
.icon-arrow-up:before {
  content: "\e903";
}
.icon-cart:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e905";
}




    
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }