/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
/* line 11, _normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, _normalize.css */
audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, _normalize.css */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 51, _normalize.css */
[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, _normalize.css */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, _normalize.css */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, _normalize.css */
a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, _normalize.css */
a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 104, _normalize.css */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 118, _normalize.css */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, _normalize.css */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 135, _normalize.css */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, _normalize.css */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, _normalize.css */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 162, _normalize.css */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 171, _normalize.css */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, _normalize.css */
pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 191, _normalize.css */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 199, _normalize.css */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 207, _normalize.css */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

/* line 215, _normalize.css */
sup {
    top: -0.5em;
}

/* line 219, _normalize.css */
sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, _normalize.css */
img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, _normalize.css */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, _normalize.css */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 263, _normalize.css */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 274, _normalize.css */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 285, _normalize.css */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 299, _normalize.css */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 311, _normalize.css */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 324, _normalize.css */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 336, _normalize.css */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 346, _normalize.css */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, _normalize.css */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 370, _normalize.css */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 379, _normalize.css */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, _normalize.css */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, _normalize.css */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

/* line 24, _fonts.scss */
[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;
}

/* line 39, _fonts.scss */
.icon-bedrijfskleding:before {
    content: "\e921";
}

/* line 42, _fonts.scss */
.icon-bedrijfsuitje:before {
    content: "\e922";
}

/* line 45, _fonts.scss */
.icon-bezoek-klant:before {
    content: "\e923";
}

/* line 48, _fonts.scss */
.icon-event:before {
    content: "\e924";
}

/* line 51, _fonts.scss */
.icon-feestdag:before {
    content: "\e925";
}

/* line 54, _fonts.scss */
.icon-gedenkdag:before {
    content: "\e926";
}

/* line 57, _fonts.scss */
.icon-jubileum:before {
    content: "\e927";
}

/* line 60, _fonts.scss */
.icon-kerst-eindejaars:before {
    content: "\e928";
}

/* line 63, _fonts.scss */
.icon-open-dag:before {
    content: "\e929";
}

/* line 66, _fonts.scss */
.icon-overig:before {
    content: "\e92a";
}

/* line 69, _fonts.scss */
.icon-salesactie:before {
    content: "\e92b";
}

/* line 72, _fonts.scss */
.icon-teamsportkleding:before {
    content: "\e92c";
}

/* line 75, _fonts.scss */
.icon-vakantie:before {
    content: "\e92d";
}

/* line 78, _fonts.scss */
.icon-calendar-solid:before {
    content: "\e91d";
}

/* line 81, _fonts.scss */
.icon-dashboard:before {
    content: "\e91e";
}

/* line 84, _fonts.scss */
.icon-lock:before {
    content: "\e91f";
}

/* line 87, _fonts.scss */
.icon-user:before {
    content: "\e920";
}

/* line 90, _fonts.scss */
.icon-account:before {
    content: "\e900";
}

/* line 93, _fonts.scss */
.icon-add:before {
    content: "\e901";
}

/* line 96, _fonts.scss */
.icon-arrow-down:before {
    content: "\e902";
}

/* line 99, _fonts.scss */
.icon-arrow-left:before {
    content: "\e903";
}

/* line 102, _fonts.scss */
.icon-arrow-long-down:before {
    content: "\e904";
}

/* line 105, _fonts.scss */
.icon-arrow-long-left:before {
    content: "\e905";
}

/* line 108, _fonts.scss */
.icon-arrow-long-right:before {
    content: "\e906";
}

/* line 111, _fonts.scss */
.icon-arrow-long-up:before {
    content: "\e907";
}

/* line 114, _fonts.scss */
.icon-arrow-right:before {
    content: "\e908";
}

/* line 117, _fonts.scss */
.icon-arrow-up:before {
    content: "\e909";
}

/* line 120, _fonts.scss */
.icon-calendar:before {
    content: "\e90a";
}

/* line 123, _fonts.scss */
.icon-cart:before {
    content: "\e90b";
}

/* line 126, _fonts.scss */
.icon-check:before {
    content: "\e90c";
}

/* line 129, _fonts.scss */
.icon-delete-thin:before {
    content: "\e90d";
}

/* line 132, _fonts.scss */
.icon-delete:before {
    content: "\e90e";
}

/* line 135, _fonts.scss */
.icon-download:before {
    content: "\e90f";
}

/* line 138, _fonts.scss */
.icon-edit:before {
    content: "\e910";
}

/* line 141, _fonts.scss */
.icon-email:before {
    content: "\e911";
}

/* line 144, _fonts.scss */
.icon-facebook:before {
    content: "\e912";
}

/* line 147, _fonts.scss */
.icon-googleplus:before {
    content: "\e913";
}

/* line 150, _fonts.scss */
.icon-linkedin:before {
    content: "\e914";
}

/* line 153, _fonts.scss */
.icon-logout:before {
    content: "\e915";
}

/* line 156, _fonts.scss */
.icon-phone:before {
    content: "\e916";
}

/* line 159, _fonts.scss */
.icon-pin:before {
    content: "\e917";
}

/* line 162, _fonts.scss */
.icon-play:before {
    content: "\e918";
}

/* line 165, _fonts.scss */
.icon-search:before {
    content: "\e919";
}

/* line 168, _fonts.scss */
.icon-settings:before {
    content: "\e91a";
}

/* line 171, _fonts.scss */
.icon-stats:before {
    content: "\e91b";
}

/* line 174, _fonts.scss */
.icon-twitter:before {
    content: "\e91c";
}

/* 1e1f20 */
/* 3f9fcf */
/* eceef3 */
/* ec3937 */
/* 0acc73 */
/* ff9c00 */
/*/  BASE  /////////////////////////////////////////////////////////////////*/
/* line 20, style.scss */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

/* line 22, style.scss */
html {
    width: 100%;
    height: 100%;
}

/* line 27, style.scss */
body {
    font: 18px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    color: #1e1f20;
    background: #fff;
    position: relative;
    margin: 0;
    padding: 0;
}

/* line 39, style.scss */
h1 {
    font-style: normal;
    font-weight: 300;
    font-size: 1.33em;
    margin: 0 0 10px;
    padding: 0;
    color: #1e1f20;
}

/* line 48, style.scss */
h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 1.11em;
    margin: 0 0 10px;
    padding: 0;
    color: #1e1f20;
    letter-spacing: 0;
}

/* line 58, style.scss */
h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 1em;
    margin: 0 0 10px;
    padding: 0;
    color: #1e1f20;
}

/* line 67, style.scss */
h4 {
    font-style: normal;
    font-weight: 600;
    font-size: .9em;
    margin: 0 0 10px;
    padding: 0;
    color: #1e1f20;
}

/* line 76, style.scss */
p {
    font-size: 1em;
    margin: 0 0 30px;
    padding: 0;
    line-height: 1.7em;
}

/* line 84, style.scss */
a {
    cursor: pointer;
    font-size: 1.0em;
    margin: 0;
    padding: 0;
    color: #3f9fcf;
    text-decoration: underline;
    outline: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 94, style.scss */
a:hover {
    text-decoration: none;
    color: #1e1f20;
}

/* line 100, style.scss */
a.btn {
    text-decoration: none;
    border-radius: 4px;
    padding: 8px 15px;
    display: inline-block;
    background: #0acc73;
    color: #fff;
    text-align: center;
}

/* line 109, style.scss */
a.btn span.icon {
    margin-right: 10px;
    font-size: 1em;
    position: relative;
    top: 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 117, style.scss */
a.btn:hover {
    background: #089b58;
}

/* line 121, style.scss */
a.btn.alternative {
    background: #ff9c00;
}

/* line 124, style.scss */
a.btn.alternative:hover {
    background: #cc7d00;
}

/* line 129, style.scss */
a.btn.border {
    background: none;
    border: 1px solid #cdd2df;
    color: #1e1f20;
}

/* line 134, style.scss */
a.btn.border:hover {
    background: rgba(0, 0, 0, 0.035);
}

/* line 140, style.scss */
ul {
    margin: 0 0 30px 0;
    padding: 0;
}

/* line 141, style.scss */
ol {
    padding: 0 0 0 18px;
    margin-bottom: 30px;
}

/* line 142, style.scss */
ul li {
    list-style: none;
    line-height: 1.8em;
}

/* line 143, style.scss */
ol li {
    line-height: 1.8em;
}

/* line 144, style.scss */
img {
    border: none;
    -webkit-backface-visibility: hidden;
}

/* line 146, style.scss */
strong {
    font-weight: 600;
}

/* line 148, style.scss */
.wrapper {
    max-width: 1400px;
    padding: 0 80px;
    margin: 0 auto;
}

/* line 154, style.scss */
.mobile-show {
    display: none;
}

/* line 155, style.scss */
.mobile-hide {
    display: block;
}

/*/  SELECTIONS & PLACEHOLDERS  ////////////////////////////////////////////////////////////////*/
/* line 161, style.scss */
p::selection, h1::selection, h2::selection, h3::selection, a::selection, li::selection, input::selection, textarea::selection, label::selection, strong::selection, span::selection {
    background: #3f9fcf;
    color: #fff;
}

/* line 162, style.scss */
p::-webkit-selection, h1::-webkit-selection, h2::-webkit-selection, h3::-webkit-selection, a::-webkit-selection, li::-webkit-selection, input::-webkit-selection, textarea::-webkit-selection, label::-webkit-selection, strong::-webkit-selection, span::-webkit-selection {
    background: #3f9fcf;
    color: #fff;
}

/* line 163, style.scss */
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, a::-moz-selection, li::-moz-selection, input::-moz-selection, textarea::-moz-selection, label::-moz-selection, strong::-moz-selection, span::-moz-selection {
    background: #3f9fcf;
    color: #fff;
}

/* line 166, style.scss */
::-webkit-input-placeholder {
    color: #1e1f20;
    opacity: 0.3;
}

/* line 167, style.scss */
:-moz-placeholder {
    color: #1e1f20;
    opacity: 0.3;
}

/* line 168, style.scss */
::-moz-placeholder {
    color: #1e1f20;
    opacity: 0.3;
}

/* line 169, style.scss */
:-ms-input-placeholder {
    color: #4f5255;
}

/* line 171, style.scss */
input[type="text"], input[type="file"], input[type="number"], input[type="password"], textarea {
    -webkit-appearance: none;
}

/*/  HEADER  /////////////////////////////////////////////////////////////////*/
/* line 176, style.scss */
.header {
    background: #fff;
    height: 80px;
    top: 0;
    left: 0;
    position: sticky;
    z-index: 15;
    width: 100%;
    border-bottom: 1px solid #eceef3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 187, style.scss */
.header .wrapper {
    height: 100%;
}

/* line 189, style.scss */
.header a.logo {
    text-decoration: none;
    display: block;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 70px;
    outline: 0;
}

/* line 199, style.scss */
.header a.logo img {
    height: 100%;
    display: block;
}

/* line 205, style.scss */
.header ul.nav {
    display: inline-block;
    float: left;
    margin: 0 0 0 30px;
}

/* line 210, style.scss */
.header ul.nav li {
    float: left;
}

/* line 213, style.scss */
.header ul.nav li a {
    outline: 0;
    font-size: 0.73em;
    padding: 0 15px;
    line-height: 80px;
    display: block;
    text-decoration: none;
    color: #1e1f20;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* line 225, style.scss */
.header ul.nav li a:hover {
    text-decoration: none;
    color: #3f9fcf;
}

/* line 230, style.scss */
.header ul.nav li a.active {
    font-weight: 700;
    color: #3f9fcf;
}

/* line 235, style.scss */
.header ul.nav li a span.icon-add {
    display: none;
}

/* line 240, style.scss */
.header ul.nav li .foldout {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 101;
    background: rgba(255, 255, 255, 0.85);
    width: 100vw;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 251, style.scss */
.header ul.nav li .foldout ul {
    float: left;
    width: 25%;
    margin: 25px 0;
}

/* line 256, style.scss */
.header ul.nav li .foldout ul li {
    float: none;
}

/* line 259, style.scss */
.header ul.nav li .foldout ul li a {
    line-height: 30px;
    text-transform: inherit;
    letter-spacing: .02em;
    display: inline-block;
}

/* line 269, style.scss */
.header ul.nav li:hover > .foldout {
    visibility: visible;
    height: 251px;
}

/* line 274, style.scss */
.header ul.nav li ul > li {
    padding: 3px 0;
}

/* line 280, style.scss */
.header .cart {
    position: relative;
    float: right;
    margin: 12px 0 0 5px;
}

/* line 287, style.scss */
.header .cart:hover .cart-icon span.amount {
    background: #0acc73;
}

/* line 290, style.scss */
.header .cart:hover .cart-icon span.icon-cart {
    color: #91c8e3;
}

/* line 297, style.scss */
.header .cart.active .cart-icon {
    -webkit-transition: all 0.6s ease;
    -webkit-transition-delay: 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
}

/* line 300, style.scss */
.header .cart.active .cart-icon span.amount {
    background: #0acc73;
}

/* line 303, style.scss */
.header .cart.active .cart-icon span.icon-cart {
    color: #91c8e3;
}

/* line 308, style.scss */
.header .cart.active .foldout {
    top: 56px;
    opacity: 1;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -webkit-transition-delay: 0s, 0.2s;
    -moz-transition: top 0.3s ease false, opacity 0.3s ease 0.2s;
    -o-transition: top 0.3s ease false, opacity 0.3s ease 0.2s;
    transition: top 0.3s ease, opacity 0.3s ease 0.2s;
}

/* line 315, style.scss */
.header .cart .cart-icon {
    cursor: pointer;
    z-index: 3;
    width: 56px;
    height: 56px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease false;
    -o-transition: all 0.15s ease false;
    transition: all 0.15s ease;
}

/* line 324, style.scss */
.header .cart .cart-icon span.icon-cart {
    color: #3f9fcf;
    font-size: 1.8em;
    line-height: 56px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 331, style.scss */
.header .cart .cart-icon span.amount {
    position: absolute;
    right: 4px;
    top: 4px;
    background: #ff9c00;
    color: #fff;
    border-radius: 555px;
    font-size: .6em;
    min-width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 348, style.scss */
.header .cart .foldout {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    z-index: 2;
    position: absolute;
    top: -570px;
    opacity: 0;
    right: 0;
    background-color: #fff;
    border-radius: 4px;
    width: 320px;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -moz-transition: top 0.3s ease false, opacity 0.3s ease false;
    -o-transition: top 0.3s ease false, opacity 0.3s ease false;
    transition: top 0.3s ease, opacity 0.3s ease;
}

/* line 360, style.scss */
.header .cart .foldout::after {
    background: url(../img/menu-arrow.png) no-repeat;
    content: "";
    width: 37px;
    height: 22px;
    position: absolute;
    right: 7px;
    top: -22px;
}

/* line 370, style.scss */
.header .cart .foldout ul {
    margin: 0;
    overflow-y: scroll;
    max-height: 400px;
}

/* line 375, style.scss */
.header .cart .foldout ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 17px 20px 20px;
    overflow: hidden;
}

/* line 380, style.scss */
.header .cart .foldout ul li:last-child {
    border: none;
}

/* line 382, style.scss */
.header .cart .foldout ul li .left {
    margin-top: 3px;
    margin-right: 10px;
    float: left;
    width: 46px;
    height: 46px;
    border-radius: 5px;
}

/* line 390, style.scss */
.header .cart .foldout ul li .left img {
    width: 100%;
    display: block;
}

/* line 396, style.scss */
.header .cart .foldout ul li .text {
    width: -moz-calc(100% - 56px);
    width: -webkit-calc(100% - 56px);
    width: -o-calc(100% - 56px);
    width: calc(100% - 56px);
    float: left;
    position: relative;
}

/* line 404, style.scss */
.header .cart .foldout ul li .text a.title {
    line-height: 1.4em;
    font-size: .75em;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: left;
    display: block;
    text-decoration: none;
    outline: none;
}

/* line 414, style.scss */
.header .cart .foldout ul li .text a.title:hover {
    text-decoration: underline;
    color: #3f9fcf;
}

/* line 419, style.scss */
.header .cart .foldout ul li .text a.title .total {
    line-height: 1.4em;
    position: relative;
    float: right;
    color: #1e1f20;
    font-weight: 400;
}

/* line 428, style.scss */
.header .cart .foldout ul li .text .amount {
    line-height: 20px;
    font-size: .75em;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    float: left;
}

/* line 437, style.scss */
.header .cart .foldout ul li .text .price {
    display: inline-block;
    text-transform: uppercase;
}

/* line 442, style.scss */
.header .cart .foldout ul li .text a.delete {
    border-radius: 555px;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    float: right;
    text-decoration: none;
    color: #1e1f20;
    font-size: .5em;
    display: block;
    position: relative;
    margin-left: 10px;
}

/* line 456, style.scss */
.header .cart .foldout ul li .text a.delete span.icon-delete {
    line-height: 20px;
}

/* line 460, style.scss */
.header .cart .foldout ul li .text a.delete:hover {
    background: #ec3937;
    color: #fff;
}

/* line 469, style.scss */
.header .cart .foldout .totals {
    text-transform: uppercase;
    padding: 25px 20px;
    font-weight: 600;
    font-size: .9em;
    letter-spacing: .12em;
    border-top: 1px solid #e5e5e5;
}

/* line 477, style.scss */
.header .cart .foldout .totals span.price {
    float: right;
}

/* line 482, style.scss */
.header .cart .foldout a.button {
    text-align: center;
    line-height: 52px;
    border-radius: 8px;
    margin: 0 20px 20px;
    background: #0acc73;
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .15em;
}

/* line 495, style.scss */
.header .cart .foldout a.button:hover {
    background: #08aa60;
}

/* line 499, style.scss */
.header .cart .foldout a.button span.icon {
    display: inline-block;
    margin-right: 10px;
    font-size: 1.2em;
    position: relative;
    top: 2px;
}

/* line 510, style.scss */
.header .account {
    position: relative;
    float: right;
    margin: 12px 0 0 15px;
}

/* line 517, style.scss */
.header .account:hover .account-icon span.amount {
    background: #0acc73;
}

/* line 520, style.scss */
.header .account:hover .account-icon span.icon-account {
    color: #91c8e3;
}

/* line 527, style.scss */
.header .account.active .account-icon {
    -webkit-transition: all 0.6s ease;
    -webkit-transition-delay: 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
}

/* line 530, style.scss */
.header .account.active .account-icon span.amount {
    background: #0acc73;
}

/* line 533, style.scss */
.header .account.active .account-icon span.icon-account {
    color: #91c8e3;
}

/* line 538, style.scss */
.header .account.active .foldout {
    top: 56px;
    opacity: 1;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -webkit-transition-delay: 0s, 0.2s;
    -moz-transition: top 0.3s ease false, opacity 0.3s ease 0.2s;
    -o-transition: top 0.3s ease false, opacity 0.3s ease 0.2s;
    transition: top 0.3s ease, opacity 0.3s ease 0.2s;
}

/* line 545, style.scss */
.header .account .account-icon {
    cursor: pointer;
    z-index: 3;
    width: 56px;
    height: 56px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease false;
    -o-transition: all 0.15s ease false;
    transition: all 0.15s ease;
}

/* line 554, style.scss */
.header .account .account-icon span.icon-account {
    color: #3f9fcf;
    font-size: 1.8em;
    line-height: 56px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 561, style.scss */
.header .account .account-icon span.amount {
    position: absolute;
    right: 4px;
    top: 4px;
    background: #ff9c00;
    color: #fff;
    border-radius: 555px;
    font-size: .6em;
    min-width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 578, style.scss */
.header .account .foldout {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    z-index: 2;
    position: absolute;
    top: -570px;
    opacity: 0;
    right: 0;
    background-color: #fff;
    border-radius: 4px;
    width: 210px;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -moz-transition: top 0.3s ease false, opacity 0.3s ease false;
    -o-transition: top 0.3s ease false, opacity 0.3s ease false;
    transition: top 0.3s ease, opacity 0.3s ease;
}

/* line 590, style.scss */
.header .account .foldout::after {
    background: url(../img/menu-arrow.png) no-repeat;
    content: "";
    width: 37px;
    height: 22px;
    position: absolute;
    right: 8px;
    top: -22px;
}

/* line 600, style.scss */
.header .account .foldout ul {
    margin: 5px 0;
}

/* line 603, style.scss */
.header .account .foldout ul li {
    overflow: hidden;
}

/* line 606, style.scss */
.header .account .foldout ul li a {
    text-decoration: none;
    color: #1e1f20;
    text-transform: uppercase;
    font-size: .66em;
    letter-spacing: .1em;
    line-height: 38px;
    text-align: left;
    display: block;
    padding: 0 15px;
}

/* line 617, style.scss */
.header .account .foldout ul li a:hover {
    color: #3f9fcf;
}

/* line 621, style.scss */
.header .account .foldout ul li a .icon {
    float: left;
    font-size: 1.31em;
    line-height: 38px;
    margin-right: 10px;
}

/* line 633, style.scss */
.header .counter {
    float: right;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 639, style.scss */
.header .counter p {
    font-size: 0.66em;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 5px 0;
}

/* line 645, style.scss */
.header .counter p strong {
    font-weight: 700;
}

/* line 647, style.scss */
.header .counter .bar {
    border-radius: 555px;
    height: 6px;
    width: 180px;
    background: #eceef3;
}

/* line 653, style.scss */
.header .counter .bar .filled {
    border-radius: 555px;
    height: 6px;
    background: #0acc73;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/*/  MOBILE NAV BUTTON  /////////////////////////////////////////////////////////////////*/
/* line 666, style.scss */
.mobile-nav-btn {
    cursor: pointer;
    padding: 0 1rem 7px;
    background: none;
    border: medium none;
    display: none;
    margin: 0;
    position: relative;
    float: left;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 681, style.scss */
.mobile-nav-btn span {
    display: block;
}

/* line 683, style.scss */
.mobile-nav-btn .lines {
    background: none repeat scroll 0 0 #1e1f20;
    display: inline-block;
    height: 0.1rem;
    position: relative;
    width: 1.8rem;
    -webkit-border-radius: 0.28571rem;
    -moz-border-radius: 0.28571rem;
    -ms-border-radius: 0.28571rem;
    -o-border-radius: 0.28571rem;
    border-radius: 0.28571rem;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* line 692, style.scss */
.mobile-nav-btn .lines:before, .mobile-nav-btn .lines:after {
    background: none repeat scroll 0 0 #1e1f20;
    content: "";
    display: inline-block;
    height: 0.1rem;
    left: 0;
    position: absolute;
    width: 1.8rem;
    -webkit-transform-origin: 0.28571rem center 0 50%;
    -moz-transform-origin: 0.28571rem center 0 50%;
    -ms-transform-origin: 0.28571rem center 0 50%;
    -o-transform-origin: 0.28571rem center 0 50%;
    transform-origin: 0.28571rem center 0 50%;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 0.28571rem;
    -moz-border-radius: 0.28571rem;
    -ms-border-radius: 0.28571rem;
    -o-border-radius: 0.28571rem;
    border-radius: 0.28571rem;
}

/* line 705, style.scss */
.mobile-nav-btn .lines:before {
    top: .5rem;
}

/* line 706, style.scss */
.mobile-nav-btn .lines:after {
    top: -.5rem;
}

/* line 709, style.scss */
.mobile-nav-btn:hover {
    background: none;
    opacity: 1;
}

/* line 713, style.scss */
.mobile-nav-btn:hover .lines {
    background: #1e1f20;
}

/* line 716, style.scss */
.mobile-nav-btn:hover .lines:before {
    top: .5rem;
    background: #1e1f20;
}

/* line 717, style.scss */
.mobile-nav-btn:hover .lines:after {
    top: -.5rem;
    background: #1e1f20;
}

/* line 722, style.scss */
body.mobile-nav-open .mobile-nav-btn .lines {
    background: none repeat scroll 0 0 transparent;
}

/* line 725, style.scss */
body.mobile-nav-open .mobile-nav-btn .lines:before, body.mobile-nav-open .mobile-nav-btn .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0 50%;
    -moz-transform-origin: 50% 50% 0 50%;
    -ms-transform-origin: 50% 50% 0 50%;
    -o-transform-origin: 50% 50% 0 50%;
    transform-origin: 50% 50% 0 50%;
    width: 1.9rem;
}

/* line 731, style.scss */
body.mobile-nav-open .mobile-nav-btn .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

/* line 732, style.scss */
body.mobile-nav-open .mobile-nav-btn .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

/* line 738, style.scss */
body.mobile-nav-open .header-scroll.active {
    opacity: 0;
}

/*/  BG  /////////////////////////////////////////////////////////////////*/
/* line 744, style.scss */
.home .bg {
    height: 250px;
    text-align: center;
}

/* line 748, style.scss */
.home .bg .bg-wrapper {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: auto;
    padding: 0;
    height: auto;
}

/* line 756, style.scss */
.home .bg .searchfield {
    float: none;
    position: relative;
    left: 0;
    top: 0;
    height: 60px;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    margin-bottom: 15px;
}

/* line 767, style.scss */
.home .bg .searchfield .field {
    width: 750px;
    margin: 0;
}

/* line 771, style.scss */
.home .bg .searchfield .field input {
    height: 60px;
    font-size: 1.11em;
    width: 680px;
}

/* line 772, style.scss */
.home .bg .searchfield .field button {
    height: 60px;
    width: 60px;
    font-size: 1.5em;
}

/* line 773, style.scss */
.home .bg .searchfield .field button span.icon {
    line-height: 60px;
}

/* line 777, style.scss */
.home .bg ul.usp {
    margin: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* line 784, style.scss */
.bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 60px;
    position: relative;
}

/* line 792, style.scss */
.bg::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #3f9fcf;
    opacity: .25;
    position: absolute;
    left: 0;
    top: 0;
}

/* line 803, style.scss */
.bg .bg-wrapper {
    z-index: 1;
    position: relative;
    max-width: 1400px;
    padding: 0 80px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

/* line 813, style.scss */
.bg .searchfield {
    margin: 0 auto;
    text-align: center;
    position: relative;
    float: left;
    top: 50%;
    height: 44px;
    line-height: 44px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 824, style.scss */
.bg .searchfield .field {
    display: block;
    float: left;
    margin: 0;
    width: calc(100% - 305px);
}

/* line 830, style.scss */
.bg .searchfield .field.category {
    float: left;
    width: 300px;
    margin-right: 5px;
}

/* line 835, style.scss */
.bg .searchfield .field.category select {
    width: 100%;
}

/* line 840, style.scss */
.bg .searchfield .field input {
    padding: 0 15px;
    display: block;
    float: left;
    text-align: left;
    height: 44px;
    font-size: .88em;
    width: calc(100% - 44px);
    border: none;
    font-weight: 300;
    border-radius: 8px 0 0 8px;
    line-height: 44px;
}

/* line 853, style.scss */
.bg .searchfield .field input:focus {
    border: none;
}

/* line 856, style.scss */
.bg .searchfield .field select {
    padding: 0 15px;
    display: block;
    float: left;
    text-align: left;
    height: 44px;
    font-size: .88em;
    width: 400px;
    border: none;
    font-weight: 300;
    border-radius: 8px 0 0 8px;
}

/* line 868, style.scss */
.bg .searchfield .field select:focus {
    border: none;
}

/* line 871, style.scss */
.bg .searchfield .field button {
    display: block;
    float: left;
    border: none;
    height: 44px;
    width: 44px;
    font-size: 1.2em;
    background: #0acc73;
    color: #fff;
    border-radius: 0 8px 8px 0;
    color: #fff;
    padding: 0;
    text-align: center;
}

/* line 885, style.scss */
.bg .searchfield .field button span.icon {
    line-height: 44px;
    margin: 0;
}

/* line 890, style.scss */
.bg .searchfield .field button:hover {
    background: #089b58;
}

/* line 897, style.scss */
.bg ul.usp {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 906, style.scss */
.bg ul.usp li {
    display: inline-block;
    color: #fff;
    text-shadow: 0px 1px 1px black;
    margin-left: 60px;
}

/* line 912, style.scss */
.bg ul.usp li:first-child {
    margin-left: 0;
}

/* line 914, style.scss */
.bg ul.usp li span.icon {
    display: block;
    float: left;
    margin: 7px 10px 0 0;
}

/*/  CONTENT  /////////////////////////////////////////////////////////////////*/
/* line 926, style.scss */
.home .content {
    margin-top: 30px;
}

/* line 929, style.scss */
.category .content .block .products {
    margin-right: 0;
}

/* line 932, style.scss */
.category .content .block .products a.product {
    width: 20%;
}

/* line 934, style.scss */
.category .topbar {
    height: auto;
    padding-bottom: 0;
}

/* line 941, style.scss */
.product .content .block .products {
    margin-right: 0;
}

/* line 944, style.scss */
.product .content .block .products a.product {
    width: 20%;
}

/* line 949, style.scss */
.marketing-shop .content .block .products {
    margin-right: 0;
}

/* line 952, style.scss */
.marketing-shop .content .block .products a.product {
    width: 20%;
}

/* line 956, style.scss */
.content {
    margin-top: 30px;
    position: relative;
    z-index: 10;
    display: block;
    opacity: 1;
    height: auto;
    -webkit-transition: opacity 0.4s ease, display 0.4s ease, height 0.4s ease, margin 0.1s ease;
    -webkit-transition-delay: 2s, 0s, 0s, 0s;
    -moz-transition: opacity 0.4s ease 2s, display 0.4s ease false, height 0.4s ease false, margin 0.1s ease false;
    -o-transition: opacity 0.4s ease 2s, display 0.4s ease false, height 0.4s ease false, margin 0.1s ease false;
    transition: opacity 0.4s ease 2s, display 0.4s ease, height 0.4s ease, margin 0.1s ease;
}

/* line 965, style.scss */
.content .col {
    margin-bottom: 60px;
}

/* line 969, style.scss */
.content .block .title {
    border-bottom: 1px solid #eceef3;
    margin-bottom: 20px;
}

/* line 973, style.scss */
.content .block .title h2 {
    font-size: 1em;
}

/* line 978, style.scss */
.content .block .products {
    margin-right: 40px;
}

/* line 981, style.scss */
.content .block .products a.product {
    display: block;
    float: left;
    width: 25%;
    height: 300px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    color: #1e1f20;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 995, style.scss */
.content .block .products a.product:hover {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    background: #fff;
}

/* line 999, style.scss */
.content .block .products a.product:hover .field {
    opacity: 1;
    top: 0;
}

/* line 1005, style.scss */
.content .block .products a.product img {
    margin: 20px 0;
    height: 130px;
}

/* line 1010, style.scss */
.content .block .products a.product .price {
    font-weight: 600;
    font-size: .88em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* line 1017, style.scss */
.content .block .products a.product .stock {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .66em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* line 1025, style.scss */
.content .block .products a.product .field {
    display: inline-block;
    width: auto;
    opacity: 0;
    position: relative;
    top: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1033, style.scss */
.content .block .products a.product .field input {
    font-size: .66em;
    float: left;
    width: 64px;
    border: 1px solid #eceef3;
    border-radius: 4px;
    background: #fff;
    height: 34px;
    line-height: 34px;
}

/* line 1043, style.scss */
.content .block .products a.product .field input:focus {
    border: 1px solid #3f9fcf;
}

/* line 1048, style.scss */
.content .block .products a.product .field button {
    margin-left: 5px;
    font-size: .66em;
    border: none;
    background: #0acc73;
    border-radius: 4px;
    float: left;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-weight: 600;
}

/* line 1064, style.scss */
.content .block .products a.product .field button:hover {
    background: #089b58;
}

/* line 1072, style.scss */
.content .block .sidebar {
    border: 1px solid #eceef3;
    padding: 15px;
}

/* line 1076, style.scss */
.content .block .sidebar h2 {
    background: #3f9fcf;
    color: #fff;
    font-weight: 600;
    margin: -15px -15px 15px;
    padding: 13px 15px;
    font-size: 1em;
}

/* line 1085, style.scss */
.content .block .sidebar .image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 100%;
    padding-top: 100%;
    margin-bottom: 20px;
}

/* line 1095, style.scss */
.content .block .sidebar a.btn {
    margin-bottom: 20px;
    font-size: .9em;
    display: block;
}

/* line 1101, style.scss */
.content .block .sidebar ul.links {
    margin: 0 0 20px;
}

/* line 1104, style.scss */
.content .block .sidebar ul.links li {
    display: block;
    line-height: 1.5em;
}

/* line 1108, style.scss */
.content .block .sidebar ul.links li a {
    color: #1e1f20;
    font-size: .77em;
    font-weight: 300;
}

/* line 1113, style.scss */
.content .block .sidebar ul.links li a:hover {
    color: #3f9fcf;
}

/* line 1121, style.scss */
.content .block .banner {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #eff1f5;
    padding: 20px;
    overflow: hidden;
}

/* line 1127, style.scss */
.content .block .banner .image {
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin-right: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 1140, style.scss */
.content .block .banner .text {
    position: relative;
    float: left;
    width: calc(100% - 180px);
}

/* line 1145, style.scss */
.content .block .banner .text h2 {
    margin: 0 0 20px;
}

/* line 1149, style.scss */
.content .block .banner .text a.btn {
    margin-right: 10px;
}

/* line 1154, style.scss */
.content .block .banner.banner-contact {
    height: 190px;
}

/* line 1157, style.scss */
.content .block .banner.banner-contact .text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 1165, style.scss */
.content .block .textblock p {
    font-weight: 300;
}

/* line 1172, style.scss */
.content .block .shopping-cart table {
    margin: 0 0 30px;
}

/* line 1175, style.scss */
.content .block .shopping-cart table thead {
    background: #eceef3;
}

/* line 1178, style.scss */
.content .block .shopping-cart table thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .66em;
    line-height: 30px;
    border: none;
    padding: 0;
    height: 30px;
}

/* line 1187, style.scss */
.content .block .shopping-cart table thead th:first-child {
    padding-left: 10px;
}

/* line 1188, style.scss */
.content .block .shopping-cart table thead th:first-child {
    padding-right: 10px;
}

/* line 1190, style.scss */
.content .block .shopping-cart table thead th.right {
    text-align: right;
}

/* line 1197, style.scss */
.content .block .shopping-cart table tbody td {
    border-bottom: 1px solid #eceef3;
    padding: 20px 0;
}

/* line 1201, style.scss */
.content .block .shopping-cart table tbody td.right {
    text-align: right;
}

/* line 1205, style.scss */
.content .block .shopping-cart table tbody td .image {
    border: 1px solid #eceef3;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin-right: 20px;
    width: 100px;
    height: 100px;
}

/* line 1216, style.scss */
.content .block .shopping-cart table tbody td .product {
    float: left;
    margin-top: 18px;
}

/* line 1220, style.scss */
.content .block .shopping-cart table tbody td .product a.article {
    font-size: .88em;
    font-weight: 600;
    display: inline-block;
}

/* line 1225, style.scss */
.content .block .shopping-cart table tbody td .product .sub {
    font-weight: 300;
    font-size: .88em;
}

/* line 1231, style.scss */
.content .block .shopping-cart table tbody td .field {
    margin: 0;
}

/* line 1234, style.scss */
.content .block .shopping-cart table tbody td .field input {
    line-height: 34px;
    height: 34px;
    width: 100px;
    font-size: .77em;
}

/* line 1242, style.scss */
.content .block .shopping-cart table tbody td a.delete {
    text-decoration: none;
    font-size: .7em;
}

/* line 1250, style.scss */
.content .block .shopping-cart .address {
    border: 1px solid #eceef3;
    padding: 25px;
    width: calc(60% - 30px);
    margin: 0 30px 0 0;
    float: left;
    overflow: hidden;
}

/* line 1258, style.scss */
.content .block .shopping-cart .address ul {
    float: left;
    width: 50%;
    margin: 0;
}

/* line 1263, style.scss */
.content .block .shopping-cart .address ul li {
    font-size: .88em;
}

/* line 1266, style.scss */
.content .block .shopping-cart .address ul li:first-child {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 10px;
}

/* line 1279, style.scss */
.content .block .shopping-cart .totals {
    width: 40%;
    background: #eceef3;
    padding: 25px;
    float: left;
}

/* line 1285, style.scss */
.content .block .shopping-cart .totals ul {
    margin: 0 0 30px;
}

/* line 1288, style.scss */
.content .block .shopping-cart .totals ul li {
    text-align: right;
    font-size: .88em;
}

/* line 1292, style.scss */
.content .block .shopping-cart .totals ul li span {
    text-align: left;
    float: left;
}

/* line 1297, style.scss */
.content .block .shopping-cart .totals ul li.total {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    margin-top: 10px;
    font-size: 1.11em;
    font-weight: 600;
}

/* line 1307, style.scss */
.content .block .shopping-cart .totals a.btn {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1em;
    font-weight: 600;
    padding: 13px 15px;
}

/* line 1318, style.scss */
.content .block .product-image {
    margin-right: 40px;
}

/* line 1322, style.scss */
.content .block .product-image .image img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

/* line 1329, style.scss */
.content .block .product-image .thumbs {
    overflow: hidden;
}

/* line 1332, style.scss */
.content .block .product-image .thumbs a.nav {
    display: block;
    float: left;
    width: 50px;
    text-decoration: none;
    color: #1e1f20;
    font-size: 1.11em;
    margin-top: 5%;
}

/* line 1341, style.scss */
.content .block .product-image .thumbs a.nav.prev {
    text-align: left;
}

/* line 1342, style.scss */
.content .block .product-image .thumbs a.nav.next {
    text-align: right;
}

/* line 1344, style.scss */
.content .block .product-image .thumbs a.nav:hover {
    color: #3f9fcf;
}

/* line 1347, style.scss */
.content .block .product-image .thumbs ul.images {
    float: left;
    display: block;
    margin: 0;
    width: calc(100% - 100px);
}

/* line 1353, style.scss */
.content .block .product-image .thumbs ul.images li {
    display: block;
    float: left;
    width: 20%;
}

/* line 1358, style.scss */
.content .block .product-image .thumbs ul.images li a {
    display: block;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
    width: 85%;
    padding-top: 85%;
    margin: 0 auto;
}

/* line 1368, style.scss */
.content .block .product-image .thumbs ul.images li a:hover {
    border: 1px solid #eceef3;
}

/* line 1372, style.scss */
.content .block .product-image .thumbs ul.images li a.active {
    border: 1px solid #eceef3;
}

/* line 1381, style.scss */
.content .block .product-detail {
    background: #eceef3;
    padding: 20px;
}

/* line 1385, style.scss */
.content .block .product-detail .top {
    padding-bottom: 20px;
}

/* line 1388, style.scss */
.content .block .product-detail .top .left {
    float: left;
    margin-bottom: 15px;
    width: calc(100% - 70px);
}

/* line 1394, style.scss */
.content .block .product-detail .top .right {
    float: right;
    text-align: right;
}

/* line 1399, style.scss */
.content .block .product-detail .top .small {
    text-transform: uppercase;
    font-size: .66em;
    font-weight: 600;
    letter-spacing: .05em;
}

/* line 1406, style.scss */
.content .block .product-detail .top p {
    clear: both;
    font-size: .77em;
    font-weight: 300;
    margin: 0;
}

/* line 1413, style.scss */
.content .block .product-detail .top h1 {
    margin: 0;
}

/* line 1415, style.scss */
.content .block .product-detail .top .price {
    font-weight: 600;
    font-size: 1.33em;
}

/* line 1421, style.scss */
.content .block .product-detail .item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
}

/* line 1426, style.scss */
.content .block .product-detail .item h2 {
    font-size: .88em;
}

/* line 1428, style.scss */
.content .block .product-detail .item table {
    font-size: .77em;
    font-weight: 300;
}

/* line 1432, style.scss */
.content .block .product-detail .item table td {
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.05);
}

/* line 1436, style.scss */
.content .block .product-detail .item table td.right {
    text-align: right;
}

/* line 1440, style.scss */
.content .block .product-detail .item table tr:nth-child(2n) td {
    background: transparent;
}

/* line 1445, style.scss */
.content .block .product-detail .item.colour ul {
    margin: 0;
    overflow: hidden;
}

/* line 1449, style.scss */
.content .block .product-detail .item.colour ul li {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

/* line 1454, style.scss */
.content .block .product-detail .item.colour ul li a {
    width: 30px;
    height: 30px;
    display: block;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

/* line 1462, style.scss */
.content .block .product-detail .item.colour ul li a:hover {
    border: 2px solid rgba(0, 0, 0, 0.5);
}

/* line 1470, style.scss */
.content .block .product-detail .item.amount {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 1475, style.scss */
.content .block .product-detail .item.amount h2 {
    float: left;
    margin: 0;
    line-height: 34px;
}

/* line 1477, style.scss */
.content .block .product-detail .item.amount .field {
    float: right;
    width: auto;
    margin: 0;
}

/* line 1482, style.scss */
.content .block .product-detail .item.amount .field input {
    height: 34px;
    line-height: 34px;
    width: 130px;
    font-size: .66em;
}

.content .block .product-detail .product-prices {
    margin-bottom: 1rem;
}

.content .block .product-detail .product-prices p {
    font-size: 0.88em;
    margin: 0;
}

/* line 1491, style.scss */
.content .block .product-detail .item.totals {
    background: #fff;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

/* line 1497, style.scss */
.content .block .product-detail .item.totals h2 {
    background: #e2e4ea;
    margin: -10px -10px 10px;
    padding: 5px 10px;
}

/* line 1503, style.scss */
.content .block .product-detail .item.totals ul {
    margin: 0 0 20px;
}

/* line 1506, style.scss */
.content .block .product-detail .item.totals ul li {
    text-align: right;
    font-size: .77em;
    line-height: 2em;
}

/* line 1511, style.scss */
.content .block .product-detail .item.totals ul li span {
    text-align: left;
    float: left;
}

/* line 1516, style.scss */
.content .block .product-detail .item.totals ul li.total {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    margin-top: 10px;
    font-size: 1em;
    font-weight: 600;
}

/* line 1526, style.scss */
.content .block .product-detail .item.totals a.btn {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .9em;
    font-weight: 400;
    padding: 11px 15px;
}

/* line 1538, style.scss */
.content .block .activities {
    margin: 0 -20px;
}

/* line 1541, style.scss */
.content .block .activities a.activity {
    float: left;
    width: calc(25% - 40px);
    margin: 20px;
    display: block;
    border: 1px solid #eceef3;
    border-radius: 10px;
    padding: 10px 10px 20px;
    text-decoration: none;
    text-align: center;
    position: relative;
    color: #1e1f20;
}

/* line 1554, style.scss */
.content .block .activities a.activity:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 1559, style.scss */
.content .block .activities a.activity .image {
    width: 90px;
    height: 90px;
    font-size: 4em;
    color: #bfbdcb;
    margin: 0 auto 5px;
}

/* line 1567, style.scss */
.content .block .activities a.activity h2 {
    color: #3f9fcf;
    margin: 0 0 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* line 1575, style.scss */
.content .block .activities a.activity .date {
    font-weight: 300;
    text-transform: uppercase;
    font-size: .77em;
    letter-spacing: .05em;
    margin: 0 0 5px 0;
}

/* line 1583, style.scss */
.content .block .activities a.activity .location {
    font-weight: 400;
    text-transform: uppercase;
    font-size: .66em;
    letter-spacing: .05em;
    opacity: .5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* line 1594, style.scss */
.content .block .activities a.activity .notification {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 555px;
    height: 30px;
    min-width: 30px;
    color: #fff;
    background: #ff9c00;
    text-align: center;
    line-height: 30px;
    font-size: .77em;
    padding: 0 7px;
}

.content .block .product-detail .top .left {
    width: inherit;
}

/*/  TOPBAR  /////////////////////////////////////////////////////////////////*/
/* line 1616, style.scss */
.topbar {
    border-bottom: 1px solid #eceef3;
    margin-bottom: 22px;
    height: 44px;
    padding-bottom: 10px;
    clear: both;
}

/* line 1623, style.scss */
.topbar h1, .topbar h2 {
    display: inline-block;
    margin: 0;
    line-height: 34px;
}

/* line 1629, style.scss */
.topbar a.back {
    line-height: 34px;
    text-decoration: none;
    color: #1e1f20;
    font-size: .722em;
    display: block;
    float: left;
}

/* line 1637, style.scss */
.topbar a.back span.icon {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    font-size: .8em;
    line-height: 34px;
}

/* line 1645, style.scss */
.topbar a.back:hover {
    color: #3f9fcf;
}

/* line 1650, style.scss */
.topbar .meta {
    float: right;
}

/* line 1653, style.scss */
.topbar .meta .item {
    margin-left: 10px;
    float: left;
}

/* line 1657, style.scss */
.topbar .meta .item:first-child {
    margin-left: 0;
}

/* line 1660, style.scss */
.topbar .meta .total {
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    height: 34px;
    line-height: 34px;
    display: block;
    font-weight: 600;
}

/* line 1670, style.scss */
.topbar .meta .viewport {
    border: 1px solid #eceef3;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    height: 34px;
    padding: 7px;
}

/* line 1678, style.scss */
.topbar .meta .viewport a {
    width: 19px;
    height: 19px;
    float: left;
    display: block;
    text-decoration: none;
    margin-left: 10px;
}

/* line 1686, style.scss */
.topbar .meta .viewport a:first-child {
    margin: 0;
}

/* line 1688, style.scss */
.topbar .meta .viewport a span {
    display: block;
    float: left;
    background: #eceef3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1696, style.scss */
.topbar .meta .viewport a:hover span {
    background: #1e1f20;
}

/* line 1702, style.scss */
.topbar .meta .viewport a.active span {
    background: #3f9fcf;
}

/* line 1708, style.scss */
.topbar .meta .viewport a.tiles span {
    width: 8px;
    height: 8px;
    margin: 0 0 3px 0;
}

/* line 1713, style.scss */
.topbar .meta .viewport a.tiles span:first-child {
    margin: 0 3px 3px 0;
}

/* line 1714, style.scss */
.topbar .meta .viewport a.tiles span:nth-child(3) {
    margin: 0 3px 3px 0;
}

/* line 1715, style.scss */
.topbar .meta .viewport a.tiles span:last-child {
    margin: 0;
}

/* line 1720, style.scss */
.topbar .meta .viewport a.rows span {
    width: 19px;
    height: 8px;
    margin: 0 0 3px;
}

/* line 1725, style.scss */
.topbar .meta .viewport a.rows span:last-child {
    margin: 0;
}

/* line 1732, style.scss */
.topbar .meta .select .field {
    margin: 0;
}

/* line 1735, style.scss */
.topbar .meta .select .field select {
    border: 1px solid #eceef3;
    border-radius: 3px;
    display: block;
    float: left;
    overflow: hidden;
    height: 34px;
    padding: 7px;
    width: 165px;
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
}

/* line 1753, style.scss */
.topbar .subbar {
    background: #eceef3;
    overflow: hidden;
    padding: 0 10px;
    height: 30px;
    margin-top: 20px;
}

/* line 1760, style.scss */
.topbar .subbar ul.filters {
    margin: 0;
}

/* line 1763, style.scss */
.topbar .subbar ul.filters li {
    float: left;
    display: block;
    margin-right: 20px;
    font-size: .722em;
    line-height: 30px;
}

/* line 1770, style.scss */
.topbar .subbar ul.filters li:last-child {
    margin-right: 0;
}

/* line 1772, style.scss */
.topbar .subbar ul.filters li a.delete {
    color: #3f9fcf;
    text-decoration: none;
    display: block;
    float: right;
    font-size: .75em;
    margin: 1px 0 0 6px;
}

/* line 1780, style.scss */
.topbar .subbar ul.filters li a.delete:hover {
    color: #ff9c00;
}

/* line 1787, style.scss */
.topbar .subbar .total {
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 30px;
    display: block;
    font-weight: 600;
    float: right;
}

/* line 1798, style.scss */
.topbar ul.breadcrumbs {
    margin: 0;
    overflow: hidden;
}

/* line 1802, style.scss */
.topbar ul.breadcrumbs li {
    float: left;
    display: block;
    line-height: 34px;
    font-size: .722em;
}

/* line 1808, style.scss */
.topbar ul.breadcrumbs li a {
    text-decoration: none;
    color: #3f9fcf;
}

/* line 1812, style.scss */
.topbar ul.breadcrumbs li a:hover {
    color: #1e1f20;
    text-decoration: underline;
}

/* line 1818, style.scss */
.topbar ul.breadcrumbs li span.icon {
    margin: 0 10px;
    font-size: .6em;
}

/*/  FOOTER  /////////////////////////////////////////////////////////////////*/
/* line 1829, style.scss */
.footer {
    clear: both;
    border-top: 1px solid #eceef3;
    text-align: center;
    overflow: hidden;
}

/* line 1835, style.scss */
.footer p {
    margin: 20px 0;
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 300;
}

/* line 1842, style.scss */
.footer p img {
    display: inline-block;
    width: 147px;
}

/*/  PAGINATION  /////////////////////////////////////////////////////////////////*/
/* line 1852, style.scss */
.pagination {
    margin: 20px 0;
}

/* line 1855, style.scss */
.pagination ul {
    margin: 0;
    text-align: center;
}

/* line 1859, style.scss */
.pagination ul li {
    display: inline-block;
    border: none;
}

/* line 1863, style.scss */
.pagination ul li:first-child {
    margin-left: 0;
}

/* line 1867, style.scss */
.pagination ul li a {
    border: 1px solid #eceef3;
    color: #1e1f20;
    background: #fff;
    font-size: .66rem;
    display: block;
    background: #fff;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 555px;
}

/* line 1881, style.scss */
.pagination ul li a.active {
    background: #3f9fcf;
    color: #fff;
    border: 1px solid #3f9fcf;
}

/* line 1886, style.scss */
.pagination ul li a.active:hover {
    border: 1px solid #3f9fcf;
}

/* line 1891, style.scss */
.pagination ul li a:hover {
    border: 1px solid #1e1f20;
}

/* line 1897, style.scss */
.pagination ul li.nav a {
    background: none;
    border: 1px solid transparent;
}

/* line 1901, style.scss */
.pagination ul li.nav a span.icon {
    line-height: 21px;
}

/* line 1905, style.scss */
.pagination ul li.nav a:hover {
    border: 1px solid #1e1f20;
}

/*/  POPUP  /////////////////////////////////////////////////////////////////*/
/* line 1917, style.scss */
.popup-simple {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

/* line 1925, style.scss */
.popup-simple .overlay {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* line 1934, style.scss */
.popup-simple .popup-content {
    margin: 0 auto;
    max-width: 800px;
    padding: 20px;
    position: relative;
    background: #fff;
    border-radius: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 1944, style.scss */
.popup-simple .popup-content .head {
    padding: 0 20px;
    margin: -20px -20px 0;
    height: 60px;
    position: relative;
    background: #3f9fcf;
    border-radius: 8px 8px 0 0;
}

/* line 1952, style.scss */
.popup-simple .popup-content .head h2 {
    color: #fff;
    font-size: 1.33em;
    line-height: 60px;
    float: left;
}

/* line 1959, style.scss */
.popup-simple .popup-content .head a.close {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
}

/* line 1970, style.scss */
.popup-simple .popup-content .head a.close span.icon {
    line-height: 60px;
}

/* line 1972, style.scss */
.popup-simple .popup-content .head a.close:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* line 1978, style.scss */
.popup-simple .popup-content .main {
    overflow: hidden;
    clear: both;
    margin: 40px 0 20px;
}

/* line 1983, style.scss */
.popup-simple .popup-content .main .field {
    position: relative;
    float: left;
    width: auto;
    margin: 0;
}

/* line 1989, style.scss */
.popup-simple .popup-content .main .field.buttonfield {
    float: left;
    margin-left: 10px;
}

/* line 1994, style.scss */
.popup-simple .popup-content .main .field input {
    text-align: right;
    padding-left: 40px;
}

/* line 1999, style.scss */
.popup-simple .popup-content .main .field span.euro {
    line-height: 50px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 600;
    font-size: 1.2em;
}

/* line 2009, style.scss */
.popup-simple .popup-content .main .field button {
    line-height: 50px;
    height: 50px;
    padding: 0 15px;
    background: #3f9fcf;
    color: #fff;
    border-radius: 4px;
    font-size: .8em;
    font-weight: 600;
}

/* line 2019, style.scss */
.popup-simple .popup-content .main .field button:hover {
    background: #1e1f20;
    border-color: #1e1f20;
}

/*/  POPUP  /////////////////////////////////////////////////////////////////*/
/* line 2034, style.scss */
.popup {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

/* line 2042, style.scss */
.popup .overlay {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* line 2051, style.scss */
.popup .popup-content {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 80px;
    position: relative;
}

/* line 2057, style.scss */
.popup .popup-content .inner {
    background: #fff;
    border-radius: 5px;
}

/* line 2062, style.scss */
.popup .popup-content .head {
    border-bottom: 1px solid #eceef3;
    padding: 0 20px;
    height: 80px;
    position: relative;
}

/* line 2068, style.scss */
.popup .popup-content .head span.icon-event {
    font-size: 3em;
    color: #bfbdcb;
    display: block;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 10px;
}

/* line 2079, style.scss */
.popup .popup-content .head h2 {
    color: #3f9fcf;
    font-size: 1.33em;
    line-height: 80px;
    float: left;
}

/* line 2086, style.scss */
.popup .popup-content .head span.meta {
    line-height: 80px;
    float: right;
    font-size: 1em;
    letter-spacing: .02em;
    font-weight: 300;
    text-transform: uppercase;
    margin-right: 55px;
}

/* line 2095, style.scss */
.popup .popup-content .head span.meta span.date {
    font-weight: 600;
    margin-left: 5px;
}

/* line 2101, style.scss */
.popup .popup-content .head a.close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    text-decoration: none;
    color: #1e1f20;
    font-size: 1.4em;
}

/* line 2110, style.scss */
.popup .popup-content .head a.close:hover {
    color: #ff9c00;
}

/* line 2116, style.scss */
.popup .popup-content .summary {
    overflow: hidden;
    clear: both;
    padding: 10px 30px 20px;
}

/* line 2121, style.scss */
.popup .popup-content .summary ul {
    float: left;
    margin: 0 40px 0 0;
}

/* line 2125, style.scss */
.popup .popup-content .summary ul li {
    font-size: .77em;
    font-weight: 300;
}

/* line 2129, style.scss */
.popup .popup-content .summary ul li:first-child {
    font-size: .66em;
    text-transform: uppercase;
    color: #3f9fcf;
    letter-spacing: .05em;
    font-weight: 400;
    margin-bottom: 10px;
}

/* line 2141, style.scss */
.popup .popup-content .block {
    overflow: hidden;
    background: #dce0e9;
    padding: 7px;
}

/* line 2147, style.scss */
.popup .popup-content ul.tabs {
    margin: 0;
}

/* line 2150, style.scss */
.popup .popup-content ul.tabs li {
    width: 50%;
    display: block;
    float: left;
}

/* line 2155, style.scss */
.popup .popup-content ul.tabs li a {
    display: block;
    color: #1e1f20;
    font-size: 1.33em;
    font-weight: 300;
    text-decoration: none;
    outline: none;
    text-align: center;
    padding: 17px 0 22px;
}

/* line 2165, style.scss */
.popup .popup-content ul.tabs li a span.count {
    border-radius: 555px;
    height: 28px;
    line-height: 28px;
    min-width: 28px;
    padding: 0 7px;
    margin-left: 5px;
    font-size: .6em;
    display: inline-block;
    font-weight: 600;
    background: #ff9c00;
    color: #fff;
    position: relative;
    top: -1px;
}

/* line 2181, style.scss */
.popup .popup-content ul.tabs li a:hover {
    background: rgba(255, 255, 255, 0.4);
}

/* line 2185, style.scss */
.popup .popup-content ul.tabs li a.active {
    background: #fff;
}

/* line 2188, style.scss */
.popup .popup-content ul.tabs li a.active span.count {
    background: #dce0e9;
}

/* line 2196, style.scss */
.popup .popup-content .topbar {
    background: #fff;
    margin: 0;
    padding: 20px 20px 0;
    border: none;
    height: auto;
    overflow: hidden;
}

/* line 2205, style.scss */
.popup .popup-content .products {
    background: #fff;
    overflow: hidden;
    padding: 25px;
    clear: both;
}

/* line 2211, style.scss */
.popup .popup-content .products .title {
    padding: 0;
    border-bottom: 1px solid #eceef3;
    margin-bottom: 10px;
    overflow: hidden;
}

/* line 2217, style.scss */
.popup .popup-content .products .title h2 {
    font-weight: 300;
    float: left;
    font-size: .88em;
}

/* line 2222, style.scss */
.popup .popup-content .products .title h2 strong {
    font-weight: 600;
    margin-right: 10px;
}

/* line 2225, style.scss */
.popup .popup-content .products .title .price {
    float: right;
    font-weight: 600;
    font-size: 1.11em;
}

/* line 2232, style.scss */
.popup .popup-content .products a.product {
    display: block;
    float: left;
    width: 20%;
    height: 300px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    color: #1e1f20;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 2246, style.scss */
.popup .popup-content .products a.product:hover {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    background: #fff;
}

/* line 2250, style.scss */
.popup .popup-content .products a.product:hover .field {
    opacity: 1;
    top: 0;
}

/* line 2256, style.scss */
.popup .popup-content .products a.product img {
    margin: 20px 0;
    height: 130px;
}

/* line 2261, style.scss */
.popup .popup-content .products a.product .price {
    font-weight: 600;
    font-size: .88em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* line 2268, style.scss */
.popup .popup-content .products a.product .stock {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .66em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* line 2276, style.scss */
.popup .popup-content .products a.product .field {
    display: inline-block;
    width: auto;
    opacity: 0;
    position: relative;
    top: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 2284, style.scss */
.popup .popup-content .products a.product .field input {
    font-size: .66em;
    float: left;
    width: 64px;
    border: 1px solid #eceef3;
    border-radius: 4px;
    background: #fff;
    height: 34px;
    line-height: 34px;
}

/* line 2294, style.scss */
.popup .popup-content .products a.product .field input:focus {
    border: 1px solid #3f9fcf;
}

/* line 2299, style.scss */
.popup .popup-content .products a.product .field button {
    margin-left: 5px;
    font-size: .66em;
    border: none;
    background: #0acc73;
    border-radius: 4px;
    float: left;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-weight: 600;
}

/* line 2315, style.scss */
.popup .popup-content .products a.product .field button:hover {
    background: #089b58;
}

/* line 2323, style.scss */
.popup .popup-content .pagination {
    background: #fff;
    padding: 20px 0 60px 0;
    margin: 0;
}

/* line 2329, style.scss */
.popup .popup-content .popup-product {
    background: #fff;
    overflow: hidden;
    clear: both;
}

/* line 2334, style.scss */
.popup .popup-content .popup-product .product-image {
    margin: 0 40px;
}

/* line 2338, style.scss */
.popup .popup-content .popup-product .product-image .image img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

/* line 2345, style.scss */
.popup .popup-content .popup-product .product-image .thumbs {
    overflow: hidden;
}

/* line 2348, style.scss */
.popup .popup-content .popup-product .product-image .thumbs a.nav {
    display: block;
    float: left;
    width: 50px;
    text-decoration: none;
    color: #1e1f20;
    font-size: 1.11em;
    margin-top: 5%;
}

/* line 2357, style.scss */
.popup .popup-content .popup-product .product-image .thumbs a.nav.prev {
    text-align: left;
}

/* line 2358, style.scss */
.popup .popup-content .popup-product .product-image .thumbs a.nav.next {
    text-align: right;
}

/* line 2360, style.scss */
.popup .popup-content .popup-product .product-image .thumbs a.nav:hover {
    color: #3f9fcf;
}

/* line 2363, style.scss */
.popup .popup-content .popup-product .product-image .thumbs ul.images {
    float: left;
    display: block;
    margin: 0;
    width: calc(100% - 100px);
}

/* line 2369, style.scss */
.popup .popup-content .popup-product .product-image .thumbs ul.images li {
    display: block;
    float: left;
    width: 20%;
}

/* line 2374, style.scss */
.popup .popup-content .popup-product .product-image .thumbs ul.images li a {
    display: block;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
    width: 85%;
    padding-top: 85%;
    margin: 0 auto;
}

/* line 2384, style.scss */
.popup .popup-content .popup-product .product-image .thumbs ul.images li a:hover {
    border: 1px solid #eceef3;
}

/* line 2388, style.scss */
.popup .popup-content .popup-product .product-image .thumbs ul.images li a.active {
    border: 1px solid #eceef3;
}

/* line 2397, style.scss */
.popup .popup-content .popup-product .product-detail {
    background: #eceef3;
    padding: 20px;
    margin: 20px 20px 20px 0;
}

/* line 2402, style.scss */
.popup .popup-content .popup-product .product-detail .top {
    padding-bottom: 20px;
}

/* line 2405, style.scss */
.popup .popup-content .popup-product .product-detail .top .left {
    float: left;
    margin-bottom: 15px;
    width: calc(100% - 70px);
}

/* line 2411, style.scss */
.popup .popup-content .popup-product .product-detail .top .right {
    float: right;
    text-align: right;
}

/* line 2416, style.scss */
.popup .popup-content .popup-product .product-detail .top .small {
    text-transform: uppercase;
    font-size: .66em;
    font-weight: 600;
    letter-spacing: .05em;
}

/* line 2423, style.scss */
.popup .popup-content .popup-product .product-detail .top p {
    clear: both;
    font-size: .77em;
    font-weight: 300;
    margin: 0;
}

/* line 2430, style.scss */
.popup .popup-content .popup-product .product-detail .top h1 {
    margin: 0;
}

/* line 2432, style.scss */
.popup .popup-content .popup-product .product-detail .top .price {
    font-weight: 600;
    font-size: 1.33em;
}

/* line 2438, style.scss */
.popup .popup-content .popup-product .product-detail .item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
}

/* line 2443, style.scss */
.popup .popup-content .popup-product .product-detail .item h2 {
    font-size: .88em;
}

/* line 2445, style.scss */
.popup .popup-content .popup-product .product-detail .item table {
    font-size: .77em;
    font-weight: 300;
}

/* line 2449, style.scss */
.popup .popup-content .popup-product .product-detail .item table td {
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.05);
}

/* line 2453, style.scss */
.popup .popup-content .popup-product .product-detail .item table td.right {
    text-align: right;
}

/* line 2457, style.scss */
.popup .popup-content .popup-product .product-detail .item table tr:nth-child(2n) td {
    background: transparent;
}

/* line 2462, style.scss */
.popup .popup-content .popup-product .product-detail .item.colour ul {
    margin: 0;
    overflow: hidden;
}

/* line 2466, style.scss */
.popup .popup-content .popup-product .product-detail .item.colour ul li {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

/* line 2471, style.scss */
.popup .popup-content .popup-product .product-detail .item.colour ul li a {
    width: 30px;
    height: 30px;
    display: block;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

/* line 2479, style.scss */
.popup .popup-content .popup-product .product-detail .item.colour ul li a:hover {
    border: 2px solid rgba(0, 0, 0, 0.5);
}

/* line 2487, style.scss */
.popup .popup-content .popup-product .product-detail .item.amount {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 2492, style.scss */
.popup .popup-content .popup-product .product-detail .item.amount h2 {
    float: left;
    margin: 0;
    line-height: 34px;
}

/* line 2494, style.scss */
.popup .popup-content .popup-product .product-detail .item.amount .field {
    float: right;
    width: auto;
    margin: 0;
}

/* line 2499, style.scss */
.popup .popup-content .popup-product .product-detail .item.amount .field input {
    height: 34px;
    line-height: 34px;
    width: 130px;
    font-size: .66em;
}

/* line 2508, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals {
    background: #fff;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

/* line 2514, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals h2 {
    background: #e2e4ea;
    margin: -10px -10px 10px;
    padding: 5px 10px;
}

/* line 2520, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals ul {
    margin: 0 0 20px;
}

/* line 2523, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals ul li {
    text-align: right;
    font-size: .77em;
    line-height: 2em;
}

/* line 2528, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals ul li span {
    text-align: left;
    float: left;
}

/* line 2533, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals ul li.total {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    margin-top: 10px;
    font-size: 1em;
    font-weight: 600;
}

/* line 2543, style.scss */
.popup .popup-content .popup-product .product-detail .item.totals a.btn {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .9em;
    font-weight: 400;
    padding: 11px 15px;
}

/*/  BOTTOMBAR  /////////////////////////////////////////////////////////////////*/
/* line 2561, style.scss */
.bottombar {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 101;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 2569, style.scss */
.bottombar.active {
    top: calc(100% - 70px);
}

/* line 2573, style.scss */
.bottombar.open {
    bottom: 0;
    top: auto;
}

/* line 2578, style.scss */
.bottombar.open .head a.toggle {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

/* line 2584, style.scss */
.bottombar .head {
    background: #0acc73;
    height: 70px;
    position: relative;
    padding: 0 20px;
}

/* line 2590, style.scss */
.bottombar .head .cart-icon {
    float: left;
    background: #fff;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    color: #0acc73;
    text-align: center;
    font-size: 1.15em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    margin-right: 20px;
}

/* line 2604, style.scss */
.bottombar .head .cart-icon span.icon {
    line-height: 52px;
}

/* line 2609, style.scss */
.bottombar .head .total-products {
    font-weight: 600;
    float: left;
    color: #fff;
    line-height: 70px;
}

/* line 2616, style.scss */
.bottombar .head .total {
    font-weight: 300;
    float: right;
    color: #fff;
    line-height: 70px;
    margin-right: 80px;
}

/* line 2624, style.scss */
.bottombar .head a.toggle {
    width: 70px;
    height: 70px;
    display: block;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

/* line 2636, style.scss */
.bottombar .head a.toggle:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* line 2640, style.scss */
.bottombar .head a.toggle span.icon {
    line-height: 70px;
}

/* line 2644, style.scss */
.bottombar .bottombar-content {
    background: #fff;
    overflow: hidden;
}

/* line 2648, style.scss */
.bottombar .bottombar-content .products {
    overflow-x: scroll;
    height: 280px;
}

/* line 2653, style.scss */
.bottombar .bottombar-content .product {
    display: block;
    float: left;
    width: 20%;
    height: 230px;
    overflow: hidden;
    text-align: center;
    border-radius: 0;
    border-right: 1px solid #eceef3;
    border-bottom: 1px solid #eceef3;
    padding: 10px;
    text-decoration: none;
    color: #1e1f20;
    position: relative;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 2670, style.scss */
.bottombar .bottombar-content .product img {
    margin: 20px 0;
    height: 110px;
}

/* line 2675, style.scss */
.bottombar .bottombar-content .product .price {
    font-weight: 600;
    font-size: .88em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* line 2682, style.scss */
.bottombar .bottombar-content .product .stock {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .66em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* line 2690, style.scss */
.bottombar .bottombar-content .product a.delete {
    position: absolute;
    top: 20px;
    right: 20px;
    text-decoration: none;
    color: #3f9fcf;
    display: block;
    font-size: .88em;
}

/* line 2699, style.scss */
.bottombar .bottombar-content .product a.delete:hover {
    color: #ff9c00;
}

/* line 2703, style.scss */
.bottombar .bottombar-content .buttonbar {
    background: #eceef3;
    height: 70px;
    overflow: hidden;
    clear: both;
    padding: 0 20px;
}

/* line 2710, style.scss */
.bottombar .bottombar-content .buttonbar a.btn {
    float: right;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .88em;
    padding: 12px 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*/  LOGIN  /////////////////////////////////////////////////////////////////*/
/* line 2727, style.scss */
.page-login body {
    height: 100%;
}

/* line 2731, style.scss */
.login {
    height: 100%;
}

/* line 2734, style.scss */
.login .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-top: 0;
}

/* line 2745, style.scss */
.login .bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.25);
}

/* line 2756, style.scss */
.login .center {
    float: left;
    z-index: 2;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

/* line 2764, style.scss */
.login .center .logo {
    height: 74px;
    text-align: center;
    margin: 0 0 15px;
}

/* line 2769, style.scss */
.login .center .logo img {
    height: 100%;
    display: inline-block;
}

/* line 2773, style.scss */
.login .center .form .field {
    margin: 0;
    position: relative;
}

/* line 2777, style.scss */
.login .center .form .field input {
    border-radius: 0 0 7px 7px;
    height: 66px;
    line-height: 66px;
    width: 310px;
    font-size: 1em;
    padding: 0 13px;
}

/* line 2785, style.scss */
.login .center .form .field input:focus {
    border-color: #dce3eb;
}

/* line 2790, style.scss */
.login .center .form .field span.icon {
    font-size: 1em;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .2;
}

/* line 2799, style.scss */
.login .center .form .field span.icon-lock {
    font-size: 1.3em;
}

/* line 2802, style.scss */
.login .center .form .field:first-child input {
    border-radius: 7px 7px 0 0;
    border-bottom: none;
}

/* line 2805, style.scss */
.login .center .form .field.buttonfield {
    margin-top: 15px;
}

/* line 2808, style.scss */
.login .center .form .field.buttonfield button {
    background: #3f9fcf;
    color: #fff;
    width: 100%;
    display: block;
    height: 62px;
    line-height: 62px;
    text-transform: inherit;
    font-size: 1em;
    padding: 0 13px;
    font-weight: 400;
    letter-spacing: 0;
    border-radius: 7px;
    margin-bottom: 10px;
    border: none;
}

/* line 2824, style.scss */
.login .center .form .field.buttonfield button:hover {
    background: #2c83af;
}

/* line 2829, style.scss */
.login .center .form .field.buttonfield a.link {
    color: #fff;
    display: block;
    text-align: center;
}

/*/  GRID  /////////////////////////////////////////////////////////////////*/
/* line 2843, style.scss */
.col {
    position: relative;
    float: left;
}

/* line 2847, style.scss */
.col.size1of1, .col.size2of2, .col.size3of3, .col.size4of4, .col.size5of5 {
    width: 100%;
}

/* line 2849, style.scss */
.col.size1of2 {
    width: 50%;
}

/* line 2850, style.scss */
.col.size1of3 {
    width: 33.33%;
}

/* line 2851, style.scss */
.col.size2of3 {
    width: 66.66%;
}

/* line 2853, style.scss */
.col.size1of4 {
    width: 25%;
}

/* line 2854, style.scss */
.col.size2of4 {
    width: 50%;
}

/* line 2855, style.scss */
.col.size3of4 {
    width: 75%;
}

/* line 2857, style.scss */
.col.size1of5 {
    width: 20%;
}

/* line 2858, style.scss */
.col.size2of5 {
    width: 40%;
}

/* line 2859, style.scss */
.col.size3of5 {
    width: 60%;
}

/* line 2860, style.scss */
.col.size4of5 {
    width: 80%;
}

/*/  TABLE STYLING  /////////////////////////////////////////////////////////////////*/
/* line 2866, style.scss */
table {
    width: 100%;
    border-collapse: initial;
}

/* line 2871, style.scss */
table.small th {
    padding: 10px 5px;
}

/* line 2872, style.scss */
table.small th:first-child {
    padding-left: 5px;
}

/* line 2873, style.scss */
table.small th:last-child {
    padding-right: 5px;
}

/* line 2874, style.scss */
table.small td {
    padding: 12px 5px;
    cursor: default;
}

/* line 2875, style.scss */
table.small td:first-child {
    padding-left: 5px;
}

/* line 2876, style.scss */
table.small td:last-child {
    padding-right: 5px;
}

/* line 2877, style.scss */
table.small tr:hover td {
    background: none;
}

/* line 2880, style.scss */
table th {
    font-weight: 600;
    background: none;
    color: #1e1f20;
    height: 40px;
    text-align: left;
    padding: 15px 5px;
    line-height: 1.7em;
    letter-spacing: .05em;
    font-size: 1em;
}

/* line 2891, style.scss */
table th:first-child {
    padding-left: 10px;
}

/* line 2892, style.scss */
table th:last-child {
    padding-right: 10px;
}

/* line 2894, style.scss */
table th.right {
    text-align: right;
}

/* line 2899, style.scss */
table td {
    background: none;
    vertical-align: middle;
    padding: 15px 5px;
    line-height: 1.7em;
    font-size: 1em;
    position: relative;
    border-top: 1px solid #dce3eb;
}

/* line 2908, style.scss */
table td:first-child {
    padding-left: 10px;
    border-top: 1px solid none;
}

/* line 2909, style.scss */
table td:last-child {
    padding-right: 10px;
}

/* line 2911, style.scss */
table td.right {
    text-align: right;
}

/*/  PDF ORDER  /////////////////////////////////////////////////////////////////*/
/* line 2920, style.scss */
.pdf {
    padding: 40px;
}

/* line 2923, style.scss */
.pdf .meta {
    margin: 0 0 40px;
}

/* line 2926, style.scss */
.pdf .meta.left {
    float: left;
}

/* line 2929, style.scss */
.pdf .meta.left h2 {
    font-size: 2em;
}

/* line 2934, style.scss */
.pdf .meta.right {
    width: 300px;
    float: right;
    background: #f2f2f2;
    padding: 10px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
}

/* line 2942, style.scss */
.pdf .meta.right ul {
    margin: 0;
}

/* line 2945, style.scss */
.pdf .meta ul {
    margin: 0 0 20px;
}

/* line 2949, style.scss */
.pdf .meta ul li span {
    width: 130px;
    font-weight: 600;
    display: block;
    float: left;
}

/* line 2958, style.scss */
.pdf .meta img.logo {
    max-height: 100px;
}

/* line 2963, style.scss */
.pdf .order {
    clear: both;
    overflow: hidden;
}

/* line 2967, style.scss */
.pdf .order table {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #dce3eb;
}

/* line 2971, style.scss */
.pdf .order table th {
    background: #f2f2f2;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* line 2977, style.scss */
.pdf .order table td {
    padding-top: 11px;
    padding-bottom: 11px;
}

/* line 2983, style.scss */
.pdf .order table tr.settings td {
    border-top: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .9em;
    opacity: .5;
}

/* line 2993, style.scss */
.pdf .order .totals {
    width: 250px;
    float: right;
    text-align: right;
}

/* line 2998, style.scss */
.pdf .order .totals .costs {
    margin: 0 0 10px;
}

/* line 3001, style.scss */
.pdf .order .totals .costs span {
    width: 130px;
    display: block;
    float: left;
    text-align: left;
}

/* line 3008, style.scss */
.pdf .order .totals .costs.final {
    font-weight: 600;
    font-size: 1.2em;
}

/*/  FORM STYLING  /////////////////////////////////////////////////////////////////*/
/* line 3018, style.scss */
form {
    padding: 0;
    margin: 0;
}

/* line 3023, style.scss */
.field {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}

/* line 3029, style.scss */
.field.error input[type="text"], .field.error input[type="file"], .field.error input[type="number"], .field.error input[type="password"], .field.error select, .field.error textarea {
    border: 1px solid #cee6f3;
    background: #f7fbfd;
}

/* line 3034, style.scss */
.field.error p.label, .field.error label {
    color: #3f9fcf;
}

/* line 3036, style.scss */
.field.error span.image {
    background-color: #cee6f3;
}

/* line 3040, style.scss */
.field.error .error {
    font-size: .7em;
    color: #3f9fcf;
    clear: both;
    margin-top: 5px;
    line-height: 1.8em;
    margin-left: 0;
}

/* line 3050, style.scss */
.field.radiocheck {
    margin-bottom: 5px;
}

/* line 3053, style.scss */
.field.radiocheck input[type="checkbox"], .field.radiocheck input[type="radio"] {
    margin-right: 5px;
}

/* line 3057, style.scss */
.field.radiocheck label {
    font-weight: 400;
    float: left;
    margin-right: 30px;
    width: auto;
    letter-spacing: 0;
}

/* line 3060, style.scss */
.field label, .field p.label {
    font-weight: normal;
    width: 220px;
    font-size: 1em;
    float: left;
    line-height: 50px;
    font-weight: 400;
}

/* line 3069, style.scss */
.field input[type="text"], .field input[type="file"], .field input[type="number"], .field input[type="password"], .field select {
    width: 340px;
    float: left;
    border: 1px solid #dce3eb;
    padding: 0 7px;
    line-height: 50px;
    height: 50px;
    background: #fff;
    font-size: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 3081, style.scss */
.field input[type="text"]:focus, .field input[type="file"]:focus, .field input[type="number"]:focus, .field input[type="password"]:focus, .field select:focus {
    border: 1px solid #a8b5c3;
}

/* line 3084, style.scss */
.field input[type="text"]:focus::-webkit-input-placeholder, .field input[type="file"]:focus::-webkit-input-placeholder, .field input[type="number"]:focus::-webkit-input-placeholder, .field input[type="password"]:focus::-webkit-input-placeholder, .field select:focus::-webkit-input-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 3085, style.scss */
.field input[type="text"]:focus:-moz-placeholder, .field input[type="file"]:focus:-moz-placeholder, .field input[type="number"]:focus:-moz-placeholder, .field input[type="password"]:focus:-moz-placeholder, .field select:focus:-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 3086, style.scss */
.field input[type="text"]:focus::-moz-placeholder, .field input[type="file"]:focus::-moz-placeholder, .field input[type="number"]:focus::-moz-placeholder, .field input[type="password"]:focus::-moz-placeholder, .field select:focus::-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 3087, style.scss */
.field input[type="text"]:focus:-ms-input-placeholder, .field input[type="file"]:focus:-ms-input-placeholder, .field input[type="number"]:focus:-ms-input-placeholder, .field input[type="password"]:focus:-ms-input-placeholder, .field select:focus:-ms-input-placeholder {
    color: #37393a;
}

/* line 3091, style.scss */
.field input[type="file"] {
    padding: 0 5px;
}

/* line 3093, style.scss */
.field textarea {
    width: 650px;
    float: left;
    border: 1px solid #dce3eb;
    padding: 5px 7px;
    line-height: inherit;
    height: 100px;
    font-size: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border 0.3s ease, opacity 0.3s ease, color 0.3s ease;
    -moz-transition: border 0.3s ease false, opacity 0.3s ease false, color 0.3s ease false;
    -o-transition: border 0.3s ease false, opacity 0.3s ease false, color 0.3s ease false;
    transition: border 0.3s ease, opacity 0.3s ease, color 0.3s ease;
    resize: none;
}

/* line 3105, style.scss */
.field textarea:focus {
    border: 1px solid #a8b5c3;
}

/* line 3108, style.scss */
.field textarea:focus::-webkit-input-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 3109, style.scss */
.field textarea:focus:-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 3110, style.scss */
.field textarea:focus::-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 3111, style.scss */
.field textarea:focus:-ms-input-placeholder {
    color: #37393a;
}

/* line 3115, style.scss */
.field button {
    background: none;
    border: 1px solid #3f9fcf;
    border-radius: 555px;
    color: #3f9fcf;
    display: inline-block;
    font-weight: 300;
    font-size: 1em;
    padding: 15px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 3130, style.scss */
.field button:hover {
    background: #3f9fcf;
    color: #fff;
}

/* line 3134, style.scss */
.field button:hover span.icon {
    margin-left: 20px;
}

/* line 3137, style.scss */
.field button span.icon {
    font-size: 0.8em;
    margin-left: 10px;
    position: relative;
    top: 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 3147, style.scss */
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* line 3155, style.scss */
fieldset.placeholder .field.error .error {
    margin-left: 0px;
}

/* line 3160, style.scss */
fieldset.placeholder .field input[type="text"], fieldset.placeholder .field input[type="file"], fieldset.placeholder .field input[type="number"], fieldset.placeholder .field input[type="password"], fieldset.placeholder .field select {
    width: 100%;
}

/* line 3161, style.scss */
fieldset.placeholder .field textarea {
    width: 100%;
}

/*/  MEDIA SCREENS  /////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1300px) {
    /* line 3170, style.scss */
    body {
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) {
    /* line 3175, style.scss */
    body {
        font-size: 15px;
    }
    /* line 3176, style.scss */
    .wrapper {
        padding: 0 40px;
    }
    /* line 3177, style.scss */
    .bg .bg-wrapper {
        padding: 0 40px;
    }
    /* line 3178, style.scss */
    .home .bg .searchfield .field {
        width: 650px;
    }
    /* line 3179, style.scss */
    .home .bg .searchfield .field input {
        width: 580px;
    }
}

@media screen and (max-width: 1100px) {
    /* line 3184, style.scss */
    body {
        font-size: 14px;
    }
    /* line 3185, style.scss */
    .wrapper {
        padding: 0 20px;
    }
    /* line 3186, style.scss */
    .bg .bg-wrapper {
        padding: 0 20px;
    }
    /* line 3187, style.scss */
    .header {
        height: 70px;
    }
    /* line 3188, style.scss */
    .header a.logo {
        height: 60px;
    }
    /* line 3189, style.scss */
    .header .cart {
        margin: 7px 0 0 5px;
    }
    /* line 3190, style.scss */
    .header .account {
        margin: 7px 0 0 15px;
    }
    /* line 3191, style.scss */
    .header ul.nav li a {
        line-height: 70px;
    }
    /* line 3192, style.scss */
    .bg {
        margin-top: 70px;
        height: 50px;
    }
    /* line 3193, style.scss */
    .home .bg {
        height: 300px;
    }
    /* line 3194, style.scss */
    .home .bg .searchfield .field input {
        height: 60px;
    }
    /* line 3195, style.scss */
    .home .bg .searchfield .field button {
        height: 60px;
        width: 60px;
    }
    /* line 3196, style.scss */
    .home .bg .searchfield .field button span.icon {
        line-height: 40px;
    }
    /* line 3197, style.scss */
    .home .bg .searchfield .field {
        width: 640px;
    }
    /* line 3198, style.scss */
    .home .bg ul.usp {
        margin-top: 10px;
    }
    /* line 3200, style.scss */
    .bg .searchfield {
        height: 40px;
    }
    /* line 3201, style.scss */
    .bg .searchfield .field input {
        height: 40px;
        width: calc(100% - 40px);
    }
    /* line 3202, style.scss */
    .bg .searchfield .field button {
        height: 40px;
        width: 40px;
    }
    /* line 3203, style.scss */
    .bg .searchfield .field button span.icon {
        line-height: 40px;
    }
    /* line 3204, style.scss */
    .bg .searchfield .field select {
        height: 40px;
    }
    /* line 3206, style.scss */
    .home .content {
        margin-top: 30px;
    }
    /* line 3207, style.scss */
    .content {
        margin-top: 20px;
    }
    /* line 3208, style.scss */
    .content .block .products a.product .field input {
        width: 54px;
    }
    /* line 3209, style.scss */
    .popup .popup-content {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1023px) {
    /* line 3217, style.scss */
    body {
        font-size: 14px;
    }
    /* line 3218, style.scss */
    a.btn {
        padding: 8px;
    }
    /* line 3220, style.scss */
    .header .cart .cart-icon span.amount, .header .account .account-icon span.amount {
        font-size: .8em;
    }
    /* line 3222, style.scss */
    .content .block .products a.product {
        width: 33.33%;
    }
    /* line 3223, style.scss */
    .content .block .sidebar {
        padding: 10px;
    }
    /* line 3224, style.scss */
    .content .block .sidebar h2 {
        padding: 10px;
        margin: -10px -10px 10px;
    }
    /* line 3225, style.scss */
    .content .block .sidebar a.btn {
        padding: 8px 5px;
        font-size: .8em;
        margin-bottom: 10px;
    }
    /* line 3226, style.scss */
    .content .block .sidebar a.btn span.icon {
        display: none;
    }
    /* line 3227, style.scss */
    .content .block .sidebar ul.links {
        margin-bottom: 10px;
    }
    /* line 3229, style.scss */
    .content .block .activities {
        margin: 0 -10px;
    }
    /* line 3230, style.scss */
    .content .block .activities a.activity {
        width: calc(50% - 20px);
        margin: 10px;
    }
    /* line 3232, style.scss */
    .content .block .banner.banner-contact {
        height: 140px;
    }
    /* line 3233, style.scss */
    .content .block .banner .image {
        width: 100px;
        height: 100px;
        margin-right: 20px;
    }
    /* line 3234, style.scss */
    .content .block .banner .text {
        width: calc(100% - 120px);
    }
    /* line 3236, style.scss */
    .category .content .block .products a.product {
        width: 25%;
    }
    /* line 3237, style.scss */
    .product .content .block .products a.product {
        width: 25%;
    }
    /* line 3238, style.scss */
    .marketing-shop .content .block .products a.product {
        width: 25%;
    }
    /* line 3240, style.scss */
    .popup .popup-content .products a.product {
        width: 25%;
    }
    /* line 3241, style.scss */
    .popup .popup-content .head {
        padding: 0 10px;
    }
    /* line 3242, style.scss */
    .popup .popup-content .head a.close {
        right: 15px;
    }
    /* line 3243, style.scss */
    .popup .popup-content .head span.meta {
        margin-right: 45px;
    }
    /* line 3244, style.scss */
    .popup .popup-content .summary {
        padding: 10px 15px 15px;
    }
    /* line 3245, style.scss */
    .popup .popup-content .summary ul:last-child {
        clear: both;
        margin-top: 20px;
    }
    /* line 3246, style.scss */
    .popup .popup-content .products {
        padding: 15px;
    }
    /* line 3248, style.scss */
    .topbar .meta .select .field select {
        width: 100px;
    }
    /* line 3250, style.scss */
    .popup-simple .popup-content {
        max-width: none;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    /* line 3255, style.scss */
    .popup-simple .popup-content .main .field {
        width: calc(100% - 130px);
    }
    /* line 3256, style.scss */
    .popup-simple .popup-content .main .field.buttonfield {
        width: auto;
    }
    /* line 3257, style.scss */
    .popup-simple .popup-content .main .field input {
        width: 100%;
    }
    /* line 3258, style.scss */
    .popup-simple .popup-content .main .field button {
        width: 120px;
    }
}

@media screen and (max-width: 767px) {
    /* line 3262, style.scss */
    .header {
        height: 60px;
    }
    /* line 3263, style.scss */
    .header a.logo {
        height: 50px;
    }
    /* line 3264, style.scss */
    .header .counter {
        display: none;
    }
    /* line 3265, style.scss */
    .header .cart, .header .account {
        margin-top: 10px;
    }
    /* line 3266, style.scss */
    .header .cart .cart-icon, .header .account .account-icon {
        height: 40px;
        width: 40px;
    }
    /* line 3267, style.scss */
    .header .cart .cart-icon span.icon-cart, .header .account .account-icon span.icon-account {
        line-height: 40px;
    }
    /* line 3268, style.scss */
    .header .cart .cart-icon span.amount, .header .account .account-icon span.amount {
        right: 0;
        top: 0;
    }
    /* line 3269, style.scss */
    .header ul.nav li a {
        line-height: 60px;
    }
    /* line 3270, style.scss */
    .bg {
        margin-top: 60px;
    }
    /* line 3271, style.scss */
    .header .account .foldout::after, .header .cart .foldout::after {
        right: 1px;
    }
    /* line 3273, style.scss */
    .header .mobile-nav-btn {
        display: inline-block;
        z-index: 13;
    }
    /* line 3274, style.scss */
    .mobile-nav-open .header {
        z-index: 11;
        background: #fff;
        position: fixed;
    }
    /* line 3279, style.scss */
    .mobile-nav-open .header a.logo {
        z-index: 13;
    }
    /* line 3281, style.scss */
    .mobile-nav-open .header ul.nav {
        top: 60px;
        z-index: 12;
    }
    /* line 3287, style.scss */
    .header ul.nav {
        position: fixed;
        right: 0;
        top: -100%;
        width: 100%;
        z-index: 5;
        height: 100%;
        background: #fff;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease false;
        -o-transition: all 0.1s ease false;
        transition: all 0.1s ease;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        float: none;
        padding: 15px;
    }
    /* line 3300, style.scss */
    .header ul.nav li {
        float: none;
        overflow: hidden;
        margin: 0;
    }
    /* line 3305, style.scss */
    .header ul.nav li a {
        line-height: 50px;
        font-size: 1em;
        text-align: center;
    }
    /* line 3310, style.scss */
    .header ul.nav li a.active {
        background: rgba(0, 0, 0, 0.05);
    }
    /* line 3316, style.scss */
    .header ul.nav li:last-child a {
        margin-top: 5px;
    }
    /* line 3321, style.scss */
    .mobile-nav-btn {
        opacity: 1;
    }
    /* line 3324, style.scss */
    .header ul.nav li .foldout {
        position: relative;
        height: 0;
        overflow-y: scroll;
        width: 100%;
        background: rgba(0, 0, 0, 0.05);
        padding: 0;
    }
    /* line 3332, style.scss */
    .header ul.nav li .foldout .wrapper {
        padding: 0;
    }
    /* line 3334, style.scss */
    .header ul.nav li .foldout ul {
        float: none;
        width: 100%;
        margin: 0;
    }
    /* line 3339, style.scss */
    .header ul.nav li .foldout ul li:last-child a {
        margin-top: 0;
    }
    /* line 3344, style.scss */
    .header ul.nav li .foldout.active {
        height: 175px;
        padding: 10px 0;
    }
    /* line 3350, style.scss */
    .header ul.nav li:hover .foldout {
        height: 0;
    }
    /* line 3353, style.scss */
    .header ul.nav li:hover .foldout.active {
        height: 175px;
    }
    /* line 3359, style.scss */
    .header ul.nav li a span.icon-add {
        display: inline-block;
        margin: 0 10px 0 0;
        border: 1px solid #eceef3;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        font-size: .75em;
    }
    /* line 3373, style.scss */
    .wrapper {
        padding: 0 10px;
    }
    /* line 3375, style.scss */
    .home .bg .searchfield {
        padding: 0 10px;
        display: block;
    }
    /* line 3376, style.scss */
    .home .bg .searchfield .field {
        width: 100%;
    }
    /* line 3377, style.scss */
    .home .bg .searchfield .field input {
        width: calc(100% - 50px);
        height: 50px;
        font-size: .9em;
    }
    /* line 3378, style.scss */
    .home .bg .searchfield .field button {
        width: 50px;
        height: 50px;
    }
    /* line 3380, style.scss */
    .bg ul.usp {
        font-size: .65em;
    }
    /* line 3381, style.scss */
    .bg ul.usp li {
        margin-left: 15px;
    }
    /* line 3382, style.scss */
    .bg ul.usp li span.icon {
        margin: 4px 5px 0 0;
    }
    /* line 3384, style.scss */
    .col.size1of2, .col.size2of2,
    .col.size1of3, .col.size2of3, .col.size3of3,
    .col.size1of4, .col.size2of4, .col.size3of4, .col.size4of4,
    .col.size1of5, .col.size2of5, .col.size3of5, .col.size4of5, .col.size5of5 {
        width: 100%;
    }
    /* line 3389, style.scss */
    .content .block .products {
        margin-right: 0;
    }
    /* line 3390, style.scss */
    .content .block .products a.product {
        width: 100%;
        height: auto;
    }
    /* line 3391, style.scss */
    .content .block .products a.product img {
        height: 200px;
    }
    /* line 3392, style.scss */
    .content .block .products a.product .price {
        font-size: 1.2em;
    }
    /* line 3393, style.scss */
    .content .block .products a.product .stock {
        font-size: .9em;
    }
    /* line 3395, style.scss */
    .content .block .sidebar .image {
        width: 100px;
        height: 100px;
        padding-top: 0;
        float: left;
        margin-right: 20px;
    }
    /* line 3396, style.scss */
    .content .block .sidebar a.btn {
        float: left;
        width: calc(100% - 120px);
        font-size: 1em;
    }
    /* line 3397, style.scss */
    .content .block .sidebar a.btn span.icon {
        display: inline-block;
    }
    /* line 3398, style.scss */
    .content .block .sidebar ul.links li {
        line-height: 1.7em;
    }
    /* line 3399, style.scss */
    .content .block .sidebar ul.links li a {
        font-size: .9em;
    }
    /* line 3401, style.scss */
    .topbar {
        height: auto;
        border: none;
        padding-bottom: 0;
    }
    /* line 3402, style.scss */
    .topbar .meta {
        float: none;
        background: #eceef3;
        padding: 5px;
        clear: both;
        overflow: hidden;
    }
    /* line 3409, style.scss */
    .topbar .meta .item {
        float: none;
    }
    /* line 3410, style.scss */
    .topbar h1, .topbar h2 {
        display: block;
        margin: 0 0 5px;
    }
    /* line 3411, style.scss */
    .topbar .meta .viewport {
        display: none;
    }
    /* line 3412, style.scss */
    .topbar ul.breadcrumbs li span.icon {
        margin: 0 5px;
    }
    /* line 3413, style.scss */
    .topbar ul.breadcrumbs li {
        line-height: inherit;
    }
    /* line 3414, style.scss */
    .topbar .meta .select .field {
        width: auto;
    }
    /* line 3415, style.scss */
    .topbar .meta .item.select {
        float: left;
        margin: 5px;
        width: calc(50% - 10px);
    }
    /* line 3416, style.scss */
    .topbar .meta .select .field select {
        width: 100%;
    }
    /* line 3418, style.scss */
    .content .block .activities a.activity {
        width: calc(100% - 20px);
    }
    /* line 3420, style.scss */
    .content .block .banner {
        padding: 10px;
    }
    /* line 3421, style.scss */
    .content .block .banner.banner-contact {
        height: auto;
    }
    /* line 3422, style.scss */
    .content .block .banner.banner-contact .text {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    /* line 3423, style.scss */
    .content .block .banner .text a.btn {
        margin-bottom: 10px;
        font-size: .9em;
    }
    /* line 3425, style.scss */
    .category .content .block .products a.product {
        width: 100%;
    }
    /* line 3426, style.scss */
    .product .content .block .products a.product {
        width: 100%;
    }
    /* line 3427, style.scss */
    .marketing-shop .content .block .products a.product {
        width: 100%;
    }
    /* line 3429, style.scss */
    .footer p img {
        margin-top: 10px;
    }
    /* line 3431, style.scss */
    .popup .popup-content {
        padding: 0 10px;
    }
    /* line 3432, style.scss */
    .popup .popup-content .head {
        height: auto;
        padding-bottom: 10px;
    }
    /* line 3433, style.scss */
    .popup .popup-content .head h2 {
        line-height: 1em;
        float: none;
        padding-left: 50px;
        margin: 0 0 3px;
        padding-top: 13px;
        font-size: 1.1em;
    }
    /* line 3434, style.scss */
    .popup .popup-content .head span.meta {
        float: none;
        line-height: 1em;
        padding-left: 0;
        font-size: .7em;
    }
    /* line 3435, style.scss */
    .popup .popup-content .head span.icon-event {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        margin-top: 10px;
    }
    /* line 3436, style.scss */
    .popup .popup-content .summary ul {
        width: 50%;
        margin: 0 0 10px;
    }
    /* line 3437, style.scss */
    .popup .popup-content .summary ul:last-child {
        width: 100%;
    }
    /* line 3438, style.scss */
    .popup .popup-content .summary ul li:first-child {
        margin-bottom: 0;
    }
    /* line 3440, style.scss */
    .popup .popup-content ul.tabs li a {
        font-size: 1em;
        padding: 10px 0 15px;
    }
    /* line 3441, style.scss */
    .popup .popup-content ul.tabs li a span.count {
        height: 20px;
        line-height: 20px;
        min-width: 20px;
    }
    /* line 3442, style.scss */
    .popup .popup-content .topbar {
        padding: 10px;
    }
    /* line 3443, style.scss */
    .popup .popup-content .products a.product {
        width: 100%;
    }
    /* line 3444, style.scss */
    .popup .popup-content .products a.product .price {
        font-size: 1.2em;
    }
    /* line 3445, style.scss */
    .popup .popup-content .products a.product .stock {
        font-size: .9em;
    }
    /* line 3446, style.scss */
    .popup .popup-content .products .title h2 strong {
        display: block;
    }
    /* line 3448, style.scss */
    .bottombar .head {
        padding: 0 10px;
    }
    /* line 3449, style.scss */
    .bottombar .head .total-products {
        line-height: 1em;
        float: none;
        margin-bottom: 8px;
        padding-top: 17px;
    }
    /* line 3450, style.scss */
    .bottombar .head .total {
        line-height: 1em;
        float: none;
    }
    /* line 3451, style.scss */
    .bottombar .bottombar-content .product {
        width: 50%;
    }
    /* line 3452, style.scss */
    .bottombar .bottombar-content .buttonbar {
        padding: 0 10px;
    }
    /* line 3454, style.scss */
    .bg .searchfield .field {
        width: calc(100% - 105px);
    }
    /* line 3455, style.scss */
    .bg .searchfield .field.category {
        width: 100px;
    }
    /* line 3456, style.scss */
    .bg .bg-wrapper {
        padding: 0 10px;
    }
    /* line 3458, style.scss */
    .content .block .product-image {
        margin-right: 0;
    }
    /* line 3459, style.scss */
    .content .block .product-image .thumbs a.nav {
        width: 30px;
        margin-top: 4.5%;
    }
    /* line 3460, style.scss */
    .content .block .product-image .thumbs ul.images {
        width: calc(100% - 60px);
    }
    /* line 3462, style.scss */
    .content .block .shopping-cart {
        border-top: 1px solid #eceef3;
    }
    /* line 3463, style.scss */
    .content .block .shopping-cart table {
        margin-bottom: 10px;
    }
    /* line 3464, style.scss */
    .content .block .shopping-cart table tbody td .image {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    /* line 3465, style.scss */
    .content .block .shopping-cart table tbody tr {
        display: block;
        border-bottom: 1px solid #eceef3;
        padding: 15px 0;
    }
    /* line 3466, style.scss */
    .content .block .shopping-cart table thead th {
        display: none;
    }
    /* line 3467, style.scss */
    .content .block .shopping-cart table tbody td {
        display: block;
        overflow: hidden;
        border: none;
        padding: 0;
        font-size: .88em;
        line-height: 34px;
    }
    /* line 3468, style.scss */
    .content .block .shopping-cart table tbody td.right {
        text-align: left;
    }
    /* line 3469, style.scss */
    .content .block .shopping-cart table tbody td span.mobile-show {
        width: 90px;
        line-height: 34px;
        float: left;
        text-transform: uppercase;
        font-size: 0.66em;
        letter-spacing: 0.05em;
    }
    /* line 3470, style.scss */
    .content .block .shopping-cart table tbody td .field {
        width: auto;
        display: inline-block;
    }
    /* line 3471, style.scss */
    .content .block .shopping-cart table tbody td .field input {
        font-size: 1em;
    }
    /* line 3472, style.scss */
    .content .block .shopping-cart table tbody td .product a.article {
        font-size: 1em;
        line-height: 1.3em;
    }
    /* line 3473, style.scss */
    .content .block .shopping-cart table tbody td .product .sub {
        font-size: 1em;
        line-height: 1em;
    }
    /* line 3474, style.scss */
    .content .block .shopping-cart table tbody td .product {
        margin-top: 0;
        width: calc(100% - 160px);
        margin-bottom: 10px;
    }
    /* line 3475, style.scss */
    .content .block .shopping-cart table tbody td a.delete {
        border: 1px solid #3f9fcf;
        display: inline-block;
        overflow: hidden;
        padding: 0 10px;
        border-radius: 555px;
        font-size: .8em;
        height: 30px;
        margin-left: 90px;
    }
    /* line 3476, style.scss */
    .content .block .shopping-cart table tbody td a.delete span.icon-delete {
        float: left;
        margin: 0 5px 0 0;
        display: block;
        line-height: 28px;
    }
    /* line 3477, style.scss */
    .content .block .shopping-cart table tbody td a.delete span.mobile-show {
        width: auto;
        float: left;
        line-height: 28px;
        font-size: 1em;
        display: block;
    }
    /* line 3478, style.scss */
    .content .block .shopping-cart table tbody td:last-child {
        padding: 10px 0 0;
    }
    /* line 3480, style.scss */
    .content .block .shopping-cart .address {
        width: 100%;
        padding: 15px;
        margin-bottom: 10px;
    }
    /* line 3481, style.scss */
    .content .block .shopping-cart .totals {
        width: 100%;
        padding: 15px;
    }
    /* line 3483, style.scss */
    .mobile-show {
        display: block;
    }
    /* line 3484, style.scss */
    .mobile-hide {
        display: none;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    /* line 3488, style.scss */
    .header .cart .foldout ul {
        max-height: 320px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    /* line 3492, style.scss */
    .header .cart .foldout ul {
        max-height: 150px;
    }
    /* line 3493, style.scss */
    .header .cart .foldout a.button {
        line-height: 40px;
    }
    /* line 3494, style.scss */
    .header .cart .foldout .totals {
        padding: 15px 20px;
    }
    /* line 3496, style.scss */
    .bottombar .bottombar-content .products {
        height: 200px;
    }
    /* line 3497, style.scss */
    .bottombar .bottombar-content .product {
        width: 33.333%;
    }
}

/*/  TOUCH INTERFACE  /////////////////////////////////////////////////////////////////*/
/* line 3504, style.scss */
.touchevents .content .block .products a.product:hover {
    -webkit-box-shadow: 0 0 7px transparent;
    -moz-box-shadow: 0 0 7px transparent;
    box-shadow: 0 0 7px transparent;
    background: none;
}

/* line 3505, style.scss */
.touchevents .content .block .products a.product .field {
    top: 0;
    opacity: 1;
}

/* line 3507, style.scss */
.touchevents .popup .popup-content .products a.product:hover {
    -webkit-box-shadow: 0 0 7px transparent;
    -moz-box-shadow: 0 0 7px transparent;
    box-shadow: 0 0 7px transparent;
    background: none;
}

/* line 3508, style.scss */
.touchevents .popup .popup-content .products a.product .field {
    top: 0;
    opacity: 1;
}

.footer-nav{
	display: flex;
	flex-flow: column nowrap;
}
.product-pagination {
	display: block;
	grid-column: span var(--columns);
	width: 100%;
}

.product-pagination .page-item {
	margin: 0 10px;
}

.shopping-cart .cart-empty-notice{
	display: block;
	text-align: center;
}

.product-pagination nav{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}