/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?56311752');
  src: url('../fonts/fontello.eot?56311752#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?56311752') format('woff2'),
       url('../fonts/fontello.woff?56311752') format('woff'),
       url('../fonts/fontello.ttf?56311752') format('truetype'),
       url('../fonts/fontello.svg?56311752#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?56311752#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
/*   opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
/*   text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cd:before { content: '\e801'; } /* '' */
.icon-bag:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */

@font-face{font-family:'bebas_neue';src:url('../fonts/bebasneue_thin-webfont.woff2')    format('woff2'),url('../fonts/bebasneue_thin-webfont.woff')    format('woff');font-weight:100;font-style:normal}
@font-face{font-family:'bebas_neue';src:url('../fonts/bebasneue_light-webfont.woff2')   format('woff2'),url('../fonts/bebasneue_light-webfont.woff')   format('woff');font-weight:200;font-style:normal}
@font-face{font-family:'bebas_neue';src:url('../fonts/bebasneue_book-webfont.woff2')    format('woff2'),url('../fonts/bebasneue_book-webfont.woff')    format('woff');font-weight:300;font-style:normal}
@font-face{font-family:'bebas_neue';src:url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),url('../fonts/bebasneue_regular-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'bebas_neue';src:url('../fonts/bebasneue_bold-webfont.woff2')    format('woff2'),url('../fonts/bebasneue_bold-webfont.woff')    format('woff');font-weight:700;font-style:normal}
/* news-cycle-regular - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url('news-cycle-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('News Cycle'), local('NewsCycle'),
       url('../fonts/news-cycle-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/news-cycle-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/news-cycle-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/news-cycle-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/news-cycle-v13-latin-regular.svg#NewsCycle') format('svg'); /* Legacy iOS */
}
/* news-cycle-700 - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 700;
  src: url('news-cycle-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('News Cycle Bold'), local('NewsCycle-Bold'),
       url('../fonts/news-cycle-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/news-cycle-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/news-cycle-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/news-cycle-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/news-cycle-v13-latin-700.svg#NewsCycle') format('svg'); /* Legacy iOS */
}
/* Global options */
.smoothfont {-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale;-moz-osx-font-smoothing:grayscale}
.noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none}
.clearfix:after {content:'';display:block;clear:both}

/* Mobile menu */
INPUT#menuicon {display:none}
LABEL.menuicon {position:absolute;bottom:250px;top:250px;width:100%;display:block;z-index:1001;cursor:pointer}
LABEL.menuicon > SPAN {display:block;position:absolute;top:50%;left:50%;padding:11px;margin:-25px 0 0 -23px}
LABEL.menuicon > SPAN > SPAN {display:block;margin:4px 0;width:24px;height:4px;background-color:#000;border-radius:2px;transition:transform .4s, opacity .4s}
LABEL.menuicon:hover > SPAN > SPAN {background-color:#18605D}
#menuicon:checked ~ HEADER LABEL.menuicon > SPAN > SPAN:nth-child(1) {transform:translate(-1px,8px) rotate(45deg)}
#menuicon:checked ~ HEADER LABEL.menuicon > SPAN > SPAN:nth-child(2) {opacity:0}
#menuicon:checked ~ HEADER LABEL.menuicon > SPAN > SPAN:nth-child(3) {transform:translate(-1px,-8px) rotate(-45deg)}

/* Headings and Fonts */
BODY {font-family:'News Cycle',sans-serif;font-size:18px}
.h1 {font-family:'bebas_neue',sans-serif;font-weight:700;font-size:62px;line-height:0.8em}
/* .h1 > SPAN {display:block} */
ARTICLE H2,
.h2 {font-family:'bebas_neue',sans-serif;font-weight:700;font-size:36px;line-height:1em}
.h3 {font-family:'bebas_neue',sans-serif;font-weight:700;font-size:28px}

/* Background image */
#background {position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;z-index:-1}
#background > DIV {position:absolute;width:100%;min-height:150%;left:0;top:0;background-size:cover;background-position:left top;background-color:#eee}
#background > IMG {min-width:100%}

/* Header and logo */
HEADER {background-color:#fff;position:fixed;left:0;bottom:0;top:0;width:90px;z-index:1000;font-weight:700;font-family:'bebas_neue',sans-serif;box-shadow:rgba(0,0,0,0.19) 3px 0 3px}
HEADER A.logo {text-decoration:none;display:block;text-align:center;position:relative;color:#000;font-size:53px;transition:opacity .25s;z-index:1}
HEADER A.logo IMG {width:64px;height:150px;margin:10px auto 0;display:block}
HEADER A.logo SPAN {color:#fff;background-color:#000;border-radius:30px;font-size:21px;display:block;margin:-8px 7px 0}
HEADER A.logo:hover IMG {opacity:1}
HEADER A.logo:hover {color:#18605D}
HEADER A.logo:hover SPAN {background-color:#18605D}

HEADER .social {position:absolute;bottom:6px;text-align:center}
HEADER .social A {display:inline-block;background-color:#000;color:#fff;border-radius:30px;width:30px;height:30px;text-decoration:none;text-align:center;line-height:31px;margin:0 2px 6px 2px}
HEADER .social A:hover {background-color:#18605D}

HEADER .cart {position:absolute;bottom:120px;color:#000;text-decoration:none;font-size:60px;width:100%;text-align:center}
HEADER .cart > SPAN {position:absolute;color:#000;left:0;width:100%;font-size:24px;top:-20px;/* text-shadow:#000 0 0 2px */}

/* Navigation */
NAV {font-family:'bebas_neue',sans-serif;font-weight:700;transform:translateX(-210px);position:fixed;top:0;left:90px;background:#fff;display:table;height:100%;z-index:999;font-size:35px;width:200px;letter-spacing:0.06em;box-shadow:rgba(0,0,0,0.1) 2px 0 2px;opacity:1;transition:transform .4s, opacity .4s}
NAV .nav0 {display:table-cell;vertical-align:middle}
NAV .nav0 > LI {display:block}
NAV .nav0 > LI > A {color:#000;text-decoration:none;display:block;padding:5px 20px}
NAV .nav0 > LI:hover > A {color:#18605D}
NAV .nav0 > LI.active > A {color:#18605D}
NAV .nav1 {display:none}
#menuicon:checked ~ NAV {transform:translateX(0);opacity:1}

/* Homepage */
.home .item {float:left;width:10%;height:0;padding-bottom:10%;position:relative;color:#fff;background-color:#000;font-size:42px;transition:filter .25s}
.home .item:hover {z-index:1}
.home .item .img {position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;background-position:center center} /* ;opacity:0.4;transition:opacity .25s */
.flip-container {-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px) scale(1.01);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; }
.flip-container:hover .flipper, 
.flip-container.hover .flipper {-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);opacity:1;transition:transform 0.6s, opacity .25s}
.flip-container, .home .front, .home .back {width:100%;height:100%;background-size:cover;background-position:center center}
.flipper {transition:transform 0.6s, opacity 5s;transform-style:preserve-3d;position:relative;padding-bottom:100%;opacity:0.4}
.home .front, .home .back {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
.home .front {z-index:2;transform:rotateY(0deg)}
.home .back {transform:rotateY(180deg)}

.home .item A {position:absolute;top:0;bottom:0;left:0;right:0}
.home .item:hover .img {opacity:0.9}
.home .item H2     {font-family:'bebas_neue',sans-serif;position:absolute;font-weight:700;top:0;text-shadow:rgba(0,0,0,0.5) 0 0 3px;line-height:0.85em;padding:10px 20px}
.home .item H3     {font-family:'bebas_neue',sans-serif;position:absolute;font-weight:700;bottom:20px;right:20px;font-size:0.8em;color:#fff;text-shadow:rgba(0,0,0,0.5) 0 0 3px}
.home .item .order {font-family:'bebas_neue',sans-serif;position:absolute;font-weight:700;bottom:20px;left:20px;font-size:0.8em;background-color:#fff;color:#000;border-radius:10px;padding:5px 10px}

/* News Overview Page */
.news {max-width:960px;margin:5%}
.news .item {position:relative;font-size:26px;border-top:1px solid #ccc;padding:10px 0}
.news .item:first-child {border-top: 0 none}
.news .item A:hover {background-color:rgba(0,0,0,0.1)}
.news .item .img {position:relative;width:180px;height:180px;background-size:cover;background-position:center center;float:left;margin-right:1%}
.news .item A {position:absolute;top:0;bottom:0;left:0;right:0}
.news .item H2 {font-family:'bebas_neue',sans-serif;position:relative;font-weight:700;line-height:0.85em;padding:10px 20px}
.news .item P {font-size:16px;line-height:1.4em;height:7em;overflow:hidden}
.news .item .date {font-weight:700;display:block}
.news .item .more {font-size:17px;color:#18605D}

/* Shop Page */
.shop {max-width:960px;margin:5%}
.shop .item {position:relative;font-size:26px;border-top:1px solid #ccc;padding:10px 0}
.shop .item:first-child {border-top: 0 none}
.shop .item A:hover {background-color:rgba(0,0,0,0.1)}
.shop .item .img {position:relative;width:90px;height:90px;background-size:cover;background-position:center center;float:left;margin-right:1%}
.shop .item A {position:absolute;top:0;bottom:0;left:0;right:0}
.shop .item H2 {font-family:'bebas_neue',sans-serif;position:relative;font-weight:700;line-height:0.85em;padding:10px 20px}
.shop .item H2 > SPAN {color:#666;margin-right:5px;display:inline-block}
.shop .item .order {font-family:'bebas_neue',sans-serif;position:relative;font-weight:700;font-size:0.8em;background-color:#000;color:#fff;border-radius:10px;padding:3px 8px;z-index:1;cursor:pointer;border:2px solid #000;text-decoration:none}
.shop .item .order:hover {background-color:#fff;color:#000}

.checkout {max-width:960px;margin:5%}
.checkout .qty {width:35px;text-align:right;display:inline-block;padding:2px 5px;/* border:1px solid #171e2c */;margin:0 4px;cursor:default}
.checkout .plus,
.checkout .minus {display:inline-block;width:18px;height:18px;border-radius:16px;top:3px;position:relative;border:1px solid rgba(0,0,0,0.25)}
.checkout .minus {background-color:#fbb}
.checkout .minus:hover {background-color:#c00}
.checkout .plus {background-color:#beb}
.checkout .plus:hover {background-color:#0b0}
.checkout .plus:before,
.checkout .minus:before {content:'';position:absolute;height:2px;width:10px;background-color:#fff;top:7px;left:3px}
.checkout .plus:after {content:'';position:absolute;height:10px;width:2px;background-color:#fff;top:3px;left:7px}
.checkout .plus.is-loading,
.checkout .minus.is-loading {visibility:hidden}

.checkout FORM,
.checkout TABLE {width:100%/* ;max-width:600px */}
.checkout TABLE .right {text-align:right}
.checkout TABLE .center {text-align:center}
.checkout LABEL {display:block;margin:10px 0 5px;clear:both}
.checkout TEXTAREA,
.checkout INPUT {font-family:inherit;font-size:inherit;margin:0 0 10px;padding:5px 10px;border:1px solid #171e2c;width:100%;display:block;float:left}
.checkout TEXTAREA {resize:vertical}
.checkout INPUT[name=firstname] {width:40%}
.checkout INPUT[name=infix] {width:18%;margin-left:1%;margin-right:1%}
.checkout INPUT[name=lastname] {width:40%}
.checkout INPUT:focus {outline:none;background-color:#f9ecce}

.checkout .select {display:block;float:left;position:relative;margin-right:1%}
.checkout .select:after {content:'';position:absolute;right:10px;top:18px;display:block;border:4px solid transparent;border-top:6px solid #171e2c;pointer-events:none}
.checkout SELECT {background:#fff;border:1px solid #171e2c;border-radius:0;padding:5px 20px 5px 10px;margin:0;-webkit-appearance:button;-moz-appearance:none;appearance:none;outline:none;font-family:inherit;font-size:inherit;margin-bottom:20px}
.checkout SELECT option[disabled] {display:none}
.checkout BUTTON {clear:both;display:block;max-width:100%;border:2px solid #171e2c;font-family:inherit;font-size:1.5em;padding:10px 20px;letter-spacing:0.1em;position:relative;background:none;margin:10px 0;cursor:pointer;font-weight:600}
.checkout BUTTON:hover {background-color:#171e2c;color:#fff}

.checkout .errors {background-color:#fee;border:1px solid #933;padding:5px 10px;color:#600;margin:20px 0}
.checkout TEXTAREA.error,
.checkout INPUT.error,
.checkout SELECT.error {background-color:#fee;border-color:#933;color:#600}

/* Content */
#main {padding-left:90px;transition:transform .4s;position:relative}
#menuicon:checked ~ #main {transform:translateX(100px)}

ARTICLE .content {max-width:960px;margin:5%}
ARTICLE .picture {width:50%;float:left;padding-right:5%}
ARTICLE .picture IMG {width:100%;display:block;margin-bottom:30px}
ARTICLE .picture .video {width:100%;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;margin-top:30px}
ARTICLE .picture .video > IFRAME {position:absolute;left:0;right:0;top:0;bottom:0;display:block;width:100%;height:100%}
ARTICLE .body {width:50%;float:left}
ARTICLE .body.full {width:100%;float:none}
ARTICLE A {text-decoration:none;color:#18605D}
ARTICLE A:hover {text-decoration:underline}
ARTICLE P {margin:0.5em 0 1em}
ARTICLE .mejs__container {filter:invert();border:1px solid #222}
ARTICLE .price {margin-top:30px;line-height:1.3em}
ARTICLE .price A {display:block;float:right;color:#fff;background-color:#000;border-radius:20px;padding:10px 20px;transition:all .4s;line-height:0.7em}
ARTICLE .price A > SPAN {display:inline-block;overflow:hidden;text-align:center;transition:all .4s}
ARTICLE .price A > SPAN:first-child {width:120px}
ARTICLE .price A > SPAN:last-child {width:0}
ARTICLE .price A.success > SPAN:last-child {width:120px}
ARTICLE .price A.success > SPAN:first-child {width:0}
ARTICLE .price A:hover {text-decoration:none;background-color:#18605D}
ARTICLE .price A.success {background-color:#3c3}
ARTICLE .price A.success:hover {background-color:#0a0}
ARTICLE TABLE TD {vertical-align:top}
ARTICLE .back {color:#18605D;text-transform:uppercase;font-weight:bold;margin-top:20px;display:block}

@media screen and (max-width: 2600px) { .home .item {width:11.1111111111%;padding-bottom:11.1111111111%} }
@media screen and (max-width: 2400px) { .home .item {width:12.5%;padding-bottom:12.5} }
@media screen and (max-width: 2300px) { .home .item {width:14.285714285714286%;padding-bottom:14.285714285714286%} }
@media screen and (max-width: 2000px) { .home .item {width:16.6666666667%;padding-bottom:16.6666666667%} }
@media screen and (max-width: 1700px) { .home .item {width:20%;padding-bottom:20%} }
@media screen and (max-width: 1380px) { .home .item {width:25%;padding-bottom:25%} }
@media screen and (max-width: 1120px) { .home .item {width:33.3333333333%;padding-bottom:33.3333333333%} }
@media screen and (max-width:  960px) { .home .item {font-size:38px} }
@media screen and (max-width:  800px) { .home .item {font-size:35px} }
@media screen and (max-width:  750px) { .home .item {width:50%;padding-bottom:50%} }
@media screen and (max-width:  600px) { .home .item {font-size:34px} }
@media screen and (max-width:  520px) { .home .item {font-size:32px} }
@media screen and (max-width:  500px) { .home .item {font-size:42px;width:100%;padding-bottom:100%} }
@media screen and (max-width:  340px) { .home .item {font-size:38px} }

@media screen and (max-width: 700px) {
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 360px) {
}