/* BASIC
------------------------------------------------------------- */

/* reset */
html,body {margin:0;padding:0;width:100%;height:100%;}
ul,ol,dl,li,dt,dd {list-style:none;margin:0;padding:0;}
p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6,input,textarea,button,iframe {border:0;padding:0;margin:0;}
address {font-style:normal;}

/* box sizing fix */
*,
*:before,
*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* float clearfix */
.clear:after {clear:both;}
.clear:after,
.clear:before {content:" ";display:table;}

/* pie fix */
.quote .photo,
.quote span {behavior:url(/static/css/PIE.htc);}


/* LAYOUT
------------------------------------------------------------- */

body {background-color:#fff;color:#323a3a;font:normal 14px/20px Arial,'Helvetica Neue','Lucida Grande',Helvetica,Tahoma,Verdana,sans-serif;text-align:center;}
a {color:#3168cd;text-decoration:underline;}
a:hover {color:#e35d26;text-decoration:none;}

iframe {width:100%;}

img {max-width:100%;height:auto;}

dl,
dl dt,
dl dd {float:left;}

table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
table th,
table td {padding:5px 0;}
table th {vertical-align:bottom;}
table td {vertical-align:top;}

.table-simple {border:1px solid #ccc;}
.table-simple th,
.table-simple td {padding:5px 10px;}
.table-simple th {background-color:#efefef;}

h1 {margin:0 0 25px;font:normal 40px/40px 'Exo 2',Arial,sans-serif;font-weight:200;text-transform:uppercase;letter-spacing:2px;color:#26251c;}
h2 {margin:0 0 25px;font:normal 30px/30px 'Exo 2',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#26251c;}
h3 {margin:0 0 15px;font:normal 20px/20px 'Exo 2',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#26251c;}
h4 {margin:0 0 10px;font:bold   15px/20px 'Exo 2',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000000;}
h5 {margin:0 0 10px;font:bold   13px/20px 'Exo 2',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000000;}
h6 {margin:0 0 10px;font:bold   11px/10px 'Exo 2',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000000;}

/* wrappers */
.ow {position:relative;display:block;clear:both;width:100%;margin:0;text-align:center;}
.iw {position:relative;clear:both;width:1160px;margin:0 auto;text-align:left;}

.ow-lightgrey {background-color:#f5f5f5;}

/* helpers */
.hidden {display:none !important;}
.last {margin-right:0 !important;}
.align-right {text-align:right;}
.align-center {text-align:center;}

.mrb-20 {margin-bottom:20px;}
.mrb-40 {margin-bottom:40px;}

.photo-wrap {display:block;position:relative;text-decoration:none;}
.photo-wrap img {display:block;z-index:1;width:100% !important;height:auto !important;}
.photo-wrap .caption {clear:both;display:block;width:100%;padding:5px 0;color:#888;text-align:left;font-style:italic;text-decoration:none;}
.photo-wrap .s {overflow:hidden;position:absolute;z-index:100;width:100%;height:100%;background-image:url("../images/layout/transparency/black-6.png");background-repeat:repeat;background-position:0 0;text-indent:-9999px;}
.photo-wrap .p {position:absolute;z-index:200;left:0;top:50%;width:100%;height:80px;padding:60px 0 0;margin-top:-40px;background-image:url("../images/icons/video-play.png");background-repeat:no-repeat;background-position:50% 0;color:#fff;font-style:normal;font-weight:bold;font-size:14px;text-align:center;}

.caret {display:inline-block;width:0;height:0;margin:-2px 0 0 0;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent;}

.border-bottom-grey {padding-bottom:30px;border-bottom:1px solid #888;margin-bottom:50px;}

/* columns */
.cols {display:block;float:left;clear:both;position:relative;width:100%;}
.cols .col {display:block;float:left;position:relative;min-height:1px;}
.cols-2 > .col {width:47.00%;margin-right:5.99%;}
.cols-3 > .col {width:30.00%;margin-right:4.99%;}
.cols-3 > .col2 {width:64.99%;margin-right:4.99%;}
.cols-4 > .col {width:22.00%;margin-right:3.99%;}
.cols-5 > .col {width:18.00%;margin-right:2.50%;}

.cols .header {float:left;clear:both;position:relative;width:100%;margin:0 0 20px;font-size:17px;}
.cols .header-inline .title {float:left;margin:10px 20px 0 0;}
.cols .header-inline .button {float:left;}

.cols-border-bottom {padding:0 0 40px;border-bottom:1px solid #ccc;margin:0 0 40px;}

/* cms content */
.cms {margin:0 0 20px;color:#323a3a;}
.cms p {margin-bottom:13px;}
.cms p.last,
.cms p:last-child {margin-bottom:0;}
.cms small {font-size:11px;line-height:1.3;}
.cms strong {color:#000;text-shadow:0 1px 0 #fff;font-weight:700;}

.cms ul,
.cms ol {width:auto !important;height:auto !important;padding:0 !important;border:0 !important;margin:0 0 20px !important;background:none !important;line-height:20px !important;}
.cms ul {list-style:disc;}
.cms ol {list-style:decimal;}
.cms ul li {list-style:disc;display:list-item;float:none;width:auto;height:auto;border:0;padding:0 0 0 5px;margin:0 0 0 35px;background-image:none;background-color:transparent;}
.cms ol li {list-style:decimal;display:list-item;float:none;width:auto;height:auto;border:0;padding:0 0 0 5px;margin:0 0 0 35px;background-image:none;background-color:transparent;}

.cms ~ h2,.cms p ~ h2,
.cms ~ h3,.cms p ~ h3,
.cms ~ h4,.cms p ~ h4,
.cms ~ h5,.cms p ~ h5,
.cms ~ h6,.cms p ~ h6 {margin-top:30px;}

.cms table {margin:0 0 20px;}

.cms .text-large {font-size:17px;line-height:25px;}
.cms .text-small {font-size:12px;line-height:10px;}

.cms .text-bg-yellow {padding-left:5px;padding-right:5px;background-color:#feea7d;}

/* cms photos */
.cms img {display:block;max-width:100%;height:auto !important;}

.cms .align-left {float:left;margin:0 40px 20px 0;}
.cms .align-right {float:right;margin:0 0 20px 40px;}

/* colors - text */
.cl-red {color:#f00;}


/* FORMS
------------------------------------------------------------- */

/* defaults */
form,
form fieldset {width:100%;}
form input,
form label,
form button,
form fieldset,
form textarea {float:left;}

/* type */
form textarea,
form input.text,
form input.submit {font:normal 17px/20px Arial,'Helvetica Neue','Lucida Grande',Helvetica,Tahoma,Verdana,sans-serif;font-weight:500;}

form textarea,
form input.text {position:relative;width:200px;height:40px;padding:7px 10px 6px;border:1px solid #ccc;background-color:#fff;-webkit-appearance:none;line-height:20px;}
form textarea {height:auto;resize:none;}
form textarea:focus,
form input.text:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102, 175, 233, .6);}
form input.radio,
form input.checkbox {padding:0;border:none;margin:1px 6px 0 0;background-image:none;background-color:transparent;}

form ul,
form ol,
form li {float:left;clear:both;width:100%;}
form li {position:relative;margin:0 0 10px;}
form li ol,
form li ul,
form li li {clear:none;width:auto;}
form li li {margin:0 20px 0 0;}
form li li label {width:auto;}

/* button defaults */
.button {display:block;float:left;position:relative;overflow:hidden;padding:10px 20px;border:2px solid transparent;font:normal 14px/20px 'Exo 2',Arial,'Helvetica Neue','Lucida Grande',Helvetica,Tahoma,Verdana,sans-serif;font-weight:700;letter-spacing:1px;text-decoration:none;text-align:center;cursor:pointer;}
.button-l {padding-top:15px;padding-bottom:15px;font-size:20px;}
.button-xl {padding-top:20px;padding-bottom:20px;font-size:25px;line-height:30px;}

/* button blue */
.button-blue {background-color:#6187cc;color:#fff;}
.button-blue:hover {background-color:#4469ab;color:#fff;}

.button-border.button-blue {border-color:#6187cc;background-color:transparent;color:#6187cc;}
.button-border.button-blue:hover {background-color:#6187cc;color:#fff;}

.button-border-no.button-blue {background-color:transparent;color:#6187cc;}
.button-border-no.button-blue:hover {color:#4469ab;}

/* button orange */
.button-orange {background-color:#e35d26;color:#fff;}
.button-orange:hover {background-color:#cb4f1d;color:#fff;}

.button-border.button-orange {border-color:#e35d26;background-color:transparent;color:#e35d26;}
.button-border.button-orange:hover {background-color:#e35d26;color:#fff;}

.button-border-no.button-orange {background-color:transparent;color:#e35d26;}
.button-border-no.button-orange:hover {color:#cb4f1d;}

/* form - contact form */
.form-contact {float:left;position:relative;clear:both;width:100%;}
.form-contact ul {float:left;display:block;clear:both;width:100%;}
.form-contact ul li {float:left;display:block;clear:both;width:100%;margin:0 0 10px;}
.form-contact ul li .mainlabel {float:left;display:block;clear:both;width:100%;margin:0 0 2px;}
.form-contact ul li .text {width:100%;}
.form-contact ul li.humancheck .text {width:60px;text-align:center;}
.form-contact ul li.humancheck .required {position:absolute;right:0;top:2px;font-size:11px;}

/* header */
#header {position:fixed;z-index:400;left:0;top:0;/*padding-bottom:25px;background-image:url("../images/layout/bg-header-fade.png");background-position:0 100%;background-repeat:repeat-x;*/border-bottom:2px solid #ccc;background-color:#fff;}
#header .iw {padding-top:15px;padding-bottom:15px;}

#site {padding-top:106px;}

#logo {float:left;width:255px;height:54px;}
#logo img {display:block;width:100%;height:100%;}

/* main navigation */
#main-nav {position:absolute;z-index:100;right:0;top:0;height:100%;}
#main-nav-mobile {display:none;padding:17px 15px 15px 51px;margin:15px 15px 0 0;background-image:url("../images/icons/mobile-nav.svg");background-repeat:no-repeat;background-position:15px 15px;background-size:23px auto;color:#6187cc;font-size:24px;border:1px solid #ccc;cursor:pointer;}

#nav,
#nav ul,
#nav li {float:left;display:block;position:relative;height:100%;}
#nav li:hover {background-color:#e35d26;}
#nav li:hover a {color:#fff;}
#nav a {display:block;height:100%;padding:35px 20px 12px;color:#6187cc;text-decoration:none;font-size:20px;font-weight:500;text-transform:uppercase;}
#nav .l1.active {background-color:#e35d26;}
#nav .l1.active a {color:#fff;}
#nav .order a {padding-left:60px;background-image:url("../images/icons/cart.png");background-position:12px 28px;background-repeat:no-repeat;color:#e35d26;}
#nav .order:hover a,
#nav .order.active a {background-position:12px -172px;color:#fff;}

#nav ul ul {display:none;z-index:900;position:absolute;left:0;top:84px;width:300px;height:auto;border-top:2px solid #ccc;background-color:#e35d26;font-weight:bold;}
#nav ul li:hover ul {display:block;}
#nav ul ul li {width:100%;height:auto;border:none;border-bottom:1px solid #fff;}
#nav ul ul li.last {border-bottom:none;}
#nav ul ul li a {width:100%;padding:15px 20px;color:#fff;font-size:17px;text-transform:none;}
#nav ul ul li a:hover {background-color:#cb4f1d;color:#fff;}

/* footer */
#footer {margin-top:60px;margin-bottom:60px;}
#footer,#footer a,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {color:#888;}
#footer-top {margin-bottom:2px;background-color:#ececec;}
#footer-bottom {background-color:#ececec;font-size:12px;}
#footer .cols {width:1120px;margin:25px 20px;}

#footer .legal p {margin:0 0 20px;}

#footer .title,
#footer .links li {margin:0 0 10px;}
#footer .links h5 a,
#footer .links li a {text-decoration:none;}
#footer .links li a:hover {text-decoration:underline;}

#footer .blog ul {float:left;clear:both;}
#footer .blog li {float:left;clear:both;display:block;position:relative;width:100%;margin:0 0 20px;}
#footer .blog a {float:left;clear:both;color:#3168cd;}
#footer .blog .datetime {float:left;clear:both;font-size:12px;}

#footer .ssl {padding-top:60px;text-align:center;font-size:14px;}
#footer .ssl a {display:block;position:absolute;left:50%;top:-3px;width:93px;height:50px;margin:0 0 15px -46px;background:url("../images/icons/ssl-certificate.png") no-repeat 0 0;text-align:left;text-indent:-9999px;outline:none;}
#footer .ssl a:hover {text-decoration:none;}
#footer .ssl .p1 {color:#7c99d1;font-weight:bold;}
#footer .ssl .p2 {color:#2da61d;}

#footer .social ul {float:left;display:block;}
#footer .social ul li {float:left;display:block;margin:0 30px 0 0;}
#footer .social ul li a,
#footer .social ul li a:hover {text-decoration:none;}
#footer .social ul li a em {display:block;margin:0 0 5px;font-style:normal;}
#footer .social ul li a span {display:block;width:43px;height:43px;background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;outline:none;}
#footer .social ul li.fb a span {background:url("../images/icons/facebook.png");}
#footer .social ul li.fb a:hover span {background-position:0 -43px;}
#footer .social ul li.yt a span {background:url("../images/icons/youtube.png");}
#footer .social ul li.ig a span {background:url("../images/icons/instagram.png");}

/* keyvisual */
#kv {clear:both;position:relative;width:100%;height:202px;border-bottom:2px solid #bbb;margin:-20px 0 60px;}
#kv .slider {position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;}
#kv .slider img {position:absolute;left:0;top:0;z-index:100;}
#kv .slider .content {position:absolute;right:40px;top:50px;z-index:200;width:660px;padding-right:240px;}
#kv .slider .content .cms {float:left;width:100%;margin:-10px 0 0;}
#kv .slider .content .text {margin-top:10px;font-size:17px;line-height:25px;}
#kv .slider .content .title {font:normal 30px/30px 'Exo 2',Arial,sans-serif;font-weight:200;letter-spacing:1px;}
#kv .slider .content .button {position:absolute;right:0;width:200px;}

#kv-ctrl {z-index:300;position:absolute;left:50%;bottom:15px;width:50px;height:15px;margin:0 0 0 -25px;}
#kv-ctrl div {overflow:hidden;float:left;width:15px;height:15px;margin:0 5px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:2px solid #333;background-color:transparent;text-indent:-9999px;cursor:pointer;}
#kv-ctrl .active {background-color:#333;}

/* USP list */
#usplist {margin:30px 0;background-color:#6187cc;color:#fff;}
#usplist .iw {padding:30px 0;text-align:center;}
#usplist h6 {margin-bottom:5px;color:#fff;font-size:14px;line-height:20px;}
#usplist p {padding:80px 10px 0;background-repeat:no-repeat;}
#usplist .list {float:left;clear:both;position:relative;width:100%;}
#usplist .list .usp {float:left;position:relative;width:20%;padding:0 10px;}
#usplist .p1 p {background-position:50% 0;background-image:url("../images/icons/usp-delivery.png");}
#usplist .p2 p {background-position:50% 0;background-image:url("../images/icons/usp-guarantee.png");}
#usplist .p3 p {background-position:50% 0;background-image:url("../images/icons/usp-original.png");}
#usplist .p4 p {background-position:50% 0;background-image:url("../images/icons/usp-packacking.png");}
#usplist .p5 p {background-position:50% 0;background-image:url("../images/icons/usp-prices.png");}

#usplist .title-ribbon {top:-60px;width:300px;margin-left:-150px;}

.front #usplist {margin-top:0;}

/* front header */
#front-promo .title {float:left;width:30%;margin:0 0 20px;}
#front-promo h1 {margin:0 0 5px;font-weight:700;}
#front-promo h3 {margin:0;font-weight:500;}
#front-promo .badge {position:absolute;left:360px;bottom:0;height:110px;}
#front-promo #timer {float:right;margin-top:20px;}


/* ELEMENTS
------------------------------------------------------------- */

#fb-iframe {overflow:hidden;width:100%;border-bottom:1px solid #ccc;}

.push-qty {float:left;clear:both;width:100%;margin:0 0 50px;text-align:center;}

/* header */
.front #header .iw {border:none;}

/* productlist */
.front .productlist {margin-bottom:0;}
.productlist {margin-bottom:40px;}

.productlist {float:left;clear:both;width:100%;padding:30px 0 25px;}
.productlist li {float:left;position:relative;width:208px;margin-right:30px;}
.productlist h3 {float:left;clear:both;width:100%;margin:0 0 20px;font-size:20px;text-align:center;letter-spacing:normal;}
.productlist h3 a {text-decoration:none;}
.productlist .cms {float:left;margin:0 0 10px;text-align:center;}
.productlist .cms p {margin:0;}
.productlist .button {width:100%;}

.productlist .photo {float:left;position:relative;overflow:hidden;width:100%;height:140px;border-bottom:3px solid #a9a5a6;margin:0;}
.productlist .photo img {position:absolute;z-index:100;left:50%;}
.productlist .photo i {position:absolute;z-index:50;left:0;bottom:0;width:100%;height:0;border-bottom:33px solid #d8d8d8;border-left:30px solid transparent;border-right:30px solid transparent;}
.productlist .p1 .photo img {bottom:9px;margin-left:-64px;}
.productlist .p2 .photo img {bottom:9px;margin-left:-64px;}
.productlist .p3 .photo img {bottom:10px;margin-left:-70px;}
.productlist .p4 .photo img {bottom:12px;margin-left:-58px;}
.productlist .p5 .photo img {bottom:10px;margin-left:-70px;}

.productlist .price {float:left;clear:both;position:relative;width:100%;padding:10px 0 8px;border-bottom:1px solid #ccc;margin:0 0 8px;text-align:center;font-size:17px;}
.productlist .price .price-old {position:relative;margin:0 5px;font-style:normal;}
.productlist .price .price-old:before {position:absolute;content:"";left:-5px;top:50%;right:-5px;border-top:1px solid;border-color:inherit;-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.productlist .price .price-old:after {position:absolute;content:"";left:-5px;top:50%;right:-5px;border-top:1px solid;border-color:inherit;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.productlist .price .price-old\ {background-image:url("../images/icons/cross-black.png");background-repeat:no-repeat;background-position:50% 50%;}/* IE7 hack */
.productlist .price .price-new {color:#f00;font-weight:bold;}

#timer {float:left;position:relative;width:480px;height:40px;font-size:17px;}
#timer .wrap {position:absolute;left:50%;top:0;width:510px;height:100%;margin:0 0 0 -245px;}
#timer label {float:left;width:140px;margin:10px 0 0 0;}
#timer-time {float:left;width:340px;}
#timer-time span {float:left;margin-top:10px;}
#timer-time .ts {float:left;display:block;width:60px;height:40px;padding:11px 0 0 6px;margin:0 3px 0 10px;background-image:url("../images/layout/timeslots.png");background-repeat:no-repeat;background-position:0 0;color:#fff;letter-spacing:14px;font:bold 25px/20px "Courier New",Consolas,mono;text-align:right;}
#timer-time .h {margin-left:0;}

/* purchase popups */
.purchase-popup {}
.purchase-popup .noty-message {}
.purchase-popup .noty-text {}

/* rating stars */
.rating {float:left;}
.rating span {overflow:hidden;display:block;float:left;position:relative;width:88px;height:16px;margin:0 5px 0 0;background-image:url("../images/icons/stars.png");background-repeat:no-repeat;text-indent:-9999px;}
.rating em {float:left;color:#888;font-style:normal;font-size:12px;}
.rating .r50 {background-position:0 0;}
.rating .r45 {background-position:0 -16px;}
.rating .r40 {background-position:0 -32px;}
.rating .r35 {background-position:0 -48px;}
.rating .r30 {background-position:0 -64px;}
.rating .r25 {background-position:0 -80px;}
.rating .r20 {background-position:0 -96px;}
.rating .r15 {background-position:0 -128px;}
.rating .r10 {background-position:0 -144px;}
.rating .r05 {background-position:0 -160px;}

/* quotes */
.quote {min-height:150px;height:auto !important;height:150px;padding:0 0 0 160px;}
.quote .photo {overflow:hidden;position:absolute;z-index:100;left:0;top:0;width:150px;height:150px;margin:0 20px 0 0;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px;border:1px solid #ccc;}
.quote .photo img {display:block;width:100%;height:100%;-webkit-border-radius:100%;border-radius:100%;border-radius:100%;}
.quote cite {float:left;clear:both;width:100%;margin:0 0 10px;}
.quote span {position:absolute;left:65px;top:90px;width:283px;padding:10px 0 10px 95px;border-radius:0 20px 20px 0;background-color:#ccc;color:#333;font-weight:bold;}
.quote span em {font-weight:normal;}

/* badges */
.badge {overflow:hidden;position:relative;width:140px;height:140px;text-align:center;}

.badge-red {background-image:url("../images/icons/badge-red.png");background-repeat:no-repeat;color:#ff0;font-family:'Exo 2',Arial,sans-serif;}

.badge-01 {padding-top:35px;line-height:30px;}
.badge-01 .p1 {font-size:25px;font-weight:500;}
.badge-01 .p2 {font-size:30px;font-weight:700;}


/* ribbons */
.title-ribbon {position:absolute;left:50%;height:50px;padding:0 0 0 30px;background-repeat:no-repeat;background-position:0 0;font-weight:700;font-size:20px;font-family:'Exo 2',Arial,sans-serif;}
.title-ribbon div {float:left;position:relative;width:100%;height:100%;padding:9px 30px 0 0;text-align:center;background-position:100% -50px;}

.title-ribbon-lightblue,
.title-ribbon-lightblue div {background-image:url("../images/layout/ribbon-lightblue.png");color:#4c71b4;}

/* pushbox - fakes - ingredients */
#pushbox-fakes-ingredients {margin:20px 0 30px;background-position:50% 0;background-repeat:no-repeat;text-align:center;}
#pushbox-fakes-ingredients .header {font-weight:bold;}
#pushbox-fakes-ingredients .col {padding:130px 0 0;background-repeat:no-repeat;background-position:50% 0;color:#f00;}
#pushbox-fakes-ingredients .p1 {background-image:url("../images/icons/fake-ingredient-paint.png");}
#pushbox-fakes-ingredients .p2 {background-image:url("../images/icons/fake-ingredient-ink.png");}
#pushbox-fakes-ingredients .p3 {background-image:url("../images/icons/fake-ingredient-wax.png");}
#pushbox-fakes-ingredients .p4 {background-image:url("../images/icons/fake-ingredient-dust.png");}
#pushbox-fakes-ingredients .p5 {background-image:url("../images/icons/fake-ingredient-rats.png");}

/* pushbox - fakes - USPs */
#pushbox-fakes-usp {margin-top:4px;}
#pushbox-fakes-usp .cms {margin:0 0 45px;text-align:center;}
#pushbox-fakes-usp .block {position:relative;float:left;width:100%;padding:40px 30px 20px;background-color:#ede6e6;}
#pushbox-fakes-usp .block .title-ribbon {top:-30px;width:346px;margin-left:-173px;}
#pushbox-fakes-usp .block ol,
#pushbox-fakes-usp .block ol li {float:left;clear:both;position:relative;width:100%;}
#pushbox-fakes-usp .block ol li {min-height:33px;padding-left:50px;margin:0 0 15px;background-image:url("../images/icons/tick-green.png");background-position:0 5px;background-repeat:no-repeat;}
#pushbox-fakes-usp .block .button {width:100%;}

.is-sticky #pushbox-fakes-usp {width:348px;}


/* PAGE: PRODUCT DETAILS
------------------------------------------------------------- */

/* product description */
.product-subhead {margin:-15px 0 30px;color:#888;font-size:17px;}

.product-desc .buttons .button {font-size:20px;line-height:30px;}

/* product specs */
.product-spec {float:left;position:relative;width:100%;margin:-10px 0 0;}
.product-spec h6 {float:left;width:100%;padding:5px 10px;margin:0;background-color:#ccc;color:#fff;text-align:center;line-height:20px;font-weight:500;}
.product-spec dl {float:left;width:100%;border:1px solid #ccc;border-bottom:none;}
.product-spec dt,
.product-spec dd {width:50%;height:40px;padding:10px 0 10px 10px;border-bottom:1px solid #ccc;}

/* product photos */
.product-photos {position:relative;width:100%;height:320px;border-bottom:3px solid #a9a5a6;}
.product-photos i {position:absolute;z-index:50;left:0;bottom:0;width:100%;height:0;border-bottom:33px solid #d8d8d8;border-left:30px solid transparent;border-right:30px solid transparent;}

/* product quotes */
.product-quotes {margin:0 0 20px;}

/* product blog */
.product-blog {margin:20px 0;}
.product-blog .article {float:left;width:100%;padding:15px;border:1px solid #ccc;}
.product-blog .article a {text-decoration:none;}
.product-blog .article a:hover {text-decoration:underline;}
.product-blog .article .cms {margin:0;}


/* IE6, IE7, IE8
------------------------------------------------------------- */
#sample {color:blue\9;}


/* MAGNIFIC POPUP - 1.1.0
------------------------------------------------------------- */
.mfp-bg {top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.mfp-wrap {top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container {text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width:100%;cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom {cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none !important;}

.mfp-preloader {color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a {color:#CCC;}
.mfp-preloader a:hover {color:#FFF;}

.mfp-s-ready .mfp-preloader {display:none;}
.mfp-s-error .mfp-content {display:none;}

button.mfp-close,
button.mfp-arrow {overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner {padding:0;border:0;}

.mfp-close {width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover,
.mfp-close:focus {opacity:1;}
.mfp-close:active {top:1px;}

.mfp-close-btn-in .mfp-close {color:#333;}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}

.mfp-counter {position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}

.mfp-arrow {position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:hover,
.mfp-arrow:focus {opacity:1;}
.mfp-arrow:before,
.mfp-arrow:after {content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after {border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before {border-top-width:21px;border-bottom-width:21px;opacity:0.7;}

.mfp-arrow-left {left:0;}
.mfp-arrow-left:after {border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before {margin-left:25px;border-right:27px solid #3F3F3F;}

.mfp-arrow-right {right:0;}
.mfp-arrow-right:after {border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before {border-left:27px solid #3F3F3F;}

.mfp-iframe-holder {padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}

.mfp-iframe-scaler {width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe {position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}

/* main image in popup */
img.mfp-img {width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}

/* shadow behind the image */
.mfp-figure {line-height:0;}
.mfp-figure:after {content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
.mfp-figure small {color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure {margin:0;}

.mfp-bottom-bar {margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title {text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
	/* Remove all paddings around the image on small screen */
	.mfp-img-mobile .mfp-image-holder {padding-left:0;padding-right:0;}
	.mfp-img-mobile img.mfp-img {padding:0;}
	.mfp-img-mobile .mfp-figure:after {top:0;bottom:0;}
	.mfp-img-mobile .mfp-figure small {display:inline;margin-left:5px;}
	.mfp-img-mobile .mfp-bottom-bar {background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
	.mfp-img-mobile .mfp-bottom-bar:empty {padding:0;}
	.mfp-img-mobile .mfp-counter {right:5px;top:3px;}
	.mfp-img-mobile .mfp-close {top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px) {
	.mfp-arrow {-webkit-transform:scale(0.75);transform:scale(0.75);}
	.mfp-arrow-left {-webkit-transform-origin:0;transform-origin:0;}
	.mfp-arrow-right {-webkit-transform-origin:100%;transform-origin:100%;}
	.mfp-container {padding-left:6px;padding-right:6px;}
}


/* LIGHTBOX
------------------------------------------------------------- */
#lightbox {position:relative;width:960px;margin:20px auto 0;background-color:#fff;text-align:left;}
#lightbox-header,
#lightbox-body,
#lightbox-footer {float:left;clear:both;position:relative;width:100%;padding:20px;}
#lightbox-header {background-color:#f5f5f5;}
#lightbox-header h1,
#lightbox-header h2 {margin:0;}
#lightbox-header .mfp-close {right:20px;top:50%;width:30px;height:30px;margin-top:-15px;cursor:pointer;overflow:hidden;text-indent:-9999px;background-image:url("../images/icons/cross-black.png");background-repeat:no-repeat;background-position:50% 50%;}


/* SMALLER SCREENS
------------------------------------------------------------- */
@media screen and (min-width : 980px) and (max-width : 1200px) {
	.iw {width:960px;}
	
	#lightbox {width:860px;}
	
	#footer .cols {width:920px;}
	#nav a {padding-left:10px;padding-right:10px;}
	#nav .l1 {font-size:20px;}
	
	.productlist li {width:176px;margin-right:20px;}
	.productlist h3 {font-size:18px;}
	.productlist .photo i {border-left-width:20px;border-right-width:20px;}
	
	.quote span {top:0;left:75px;width:213px;padding-left:75px;font-size:12px;}
	.quote {background:pink;}
	.quote cite {margin:50px 0 0;}
	
	.product-spec .rating em {font-size:11px;}
	
	.is-sticky #pushbox-fakes-usp {width:288px;}
	#pushbox-fakes-usp .block {padding:20px 15px 15px;}
}

@media screen and (max-width : 979px) {
	.iw {width:100%;padding-left:20px;padding-right:20px;}
	
	#main-nav {margin-top:0;}
	#main-nav-mobile {display:block;}
	#nav {display:none;}
	
	#footer {margin-bottom:0;}
	#footer .cols {width:100%;margin-left:0;margin-right:0;}
	#footer .social ul li {margin-right:20px;}
	
	#kv .slider .content {top:25px;width:410px;}
	#kv .slider .content .cms {width:100%;margin:0 0 15px;text-align:right;}
	#kv .slider .content .title {font-size:25px;}
	#kv .slider .content .button {float:right;}
	
	.cols-3 > .col2,
	.cols-4 > .col,
	.cols-5 > .col {clear:both;width:100%;margin:0 0 20px;}
	
	.productlist ul {width:100%;margin-bottom:10px;}
	.productlist li {width:30%;margin:0 5% 30px 0;}
	.productlist li:nth-child(3n+3) {margin-right:0;}
	
	#usplist h6 {height:40px;}
	
	.cols-3 > .col-front-text,
	.cols-3 > .col-front-video {width:100%;}
	.col-front-video .cms {float:left;width:47.00%;margin-right:5.99%;}
	.col-front-video .video-thumb {float:left;width:47.00%;}
}

@media screen and (max-width : 767px) {
	#kv,
	#footer-bottom .social {display:none;}
	
	#lightbox {width:720px;}
	
	.iw {width:100%;padding-left:10px;padding-right:10px;}
	
	#footer {margin-bottom:0;}
	
	.cols-2 > .col,
	.cols-3 > .col {clear:both;width:100%;margin:0 0 20px;}
}

@media screen and (max-width : 420px) {
	#logo {width:150px;height:31px;margin-top:10px;}
	
	#lightbox {width:90%;}
}