@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Droid+Serif:400i");
@import url(vendor/jquery.mmenu.all.css);
@import url(vendor/font-awesome.css);
@import url(vendor/owl/owl.carousel.css);
@import url(vendor/owl/owl.theme.default.css);

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Thin.ttf");
    font-weight: 100;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Bold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Black.ttf");
    font-weight: 900;
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

#pi_tracking_opt_in_div a {
    color: black;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
    display: none;
}

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

/*
 * Removes default margin.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
}

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

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

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

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

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

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

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

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

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
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.
 */
button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

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

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

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

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

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

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

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

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px) {
    .container {
        width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1280px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
}

.col-xs-1:last-child, .col-sm-1:last-child, .col-md-1:last-child, .col-lg-1:last-child, .col-xs-2:last-child, .col-sm-2:last-child, .col-md-2:last-child, .col-lg-2:last-child, .col-xs-3:last-child, .col-sm-3:last-child, .col-md-3:last-child, .col-lg-3:last-child, .col-xs-4:last-child, .col-sm-4:last-child, .col-md-4:last-child, .col-lg-4:last-child, .col-xs-5:last-child, .col-sm-5:last-child, .col-md-5:last-child, .col-lg-5:last-child, .col-xs-6:last-child, .col-sm-6:last-child, .col-md-6:last-child, .col-lg-6:last-child, .col-xs-7:last-child, .col-sm-7:last-child, .col-md-7:last-child, .col-lg-7:last-child, .col-xs-8:last-child, .col-sm-8:last-child, .col-md-8:last-child, .col-lg-8:last-child, .col-xs-9:last-child, .col-sm-9:last-child, .col-md-9:last-child, .col-lg-9:last-child, .col-xs-10:last-child, .col-sm-10:last-child, .col-md-10:last-child, .col-lg-10:last-child, .col-xs-11:last-child, .col-sm-11:last-child, .col-md-11:last-child, .col-lg-11:last-child, .col-xs-12:last-child, .col-sm-12:last-child, .col-md-12:last-child, .col-lg-12:last-child {
    padding-right: 0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1024px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1280px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
html {
    background-color: #000000;
}

body {
    color: #ffffff;
    font-size: 1em;
    max-width: 1280px;
    margin: 0 auto;
}

.layout-container {
    /*overflow: hidden;*/
}

.layout-container::after {
    clear: both;
    content: "";
    display: block;
}

.layout-container header::after {
    clear: both;
    content: "";
    display: block;
}

#block-bainultra-branding {
    width: calc(100% - 12px);
    float: left;
    margin-left: 6px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 6px;
    }

    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 .col-md-6 {
        width: 45%;
    }

    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 .col-md-5 {
        width: 41.66667%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-bainultra-branding {
        width: calc(16.66667% - 7px);
        float: left;
        margin-left: 6px;
    }

    #block-breadcrumbs-2::after {
        clear: both;
        content: "";
        display: block;
    }

    .page #block-bainultra-page-title::after {
        clear: both;
        content: "";
        display: block;
    }

    .page #block-bainultra-page-title h1 {
        width: calc(33.33333% - 8px);
        float: left;
        margin-left: 6px;
        margin-left: calc(8.33333% - 6.5px + 12px);
    }

    #collection-contours .custom-column-width .col-md-2,
    #collection-characteristics .custom-column-width .col-md-2,
    .single-article .latest-body .custom-column-width .col-md-2 {
        width: 19.9999%;
    }

    #block-footer-links #logo-menu {
        width: 22.8%;
    }

    #block-footer-links #footer-links-lists .col-md-3 {
        width: 23.5%;
    }

    #block-footer-links #socials-copyright .col-md-3:nth-child(1) {
        width: 22.8%;
    }

    .node-product-type-wrapper section.accessories .accessory-text.col-md-4 {
        width: 30.4%;
    }

    .node-product-type-wrapper section.accessories .accessories-colors.col-md-8 {
        width: 69.6%;
    }

    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 .col-md-6 {
        width: 45%;
    }

    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 .col-md-5 {
        width: 46.66667%;
    }
}

body {
    font-family: "Roboto", sans-serif;
}

body h1, body h2, body h3, body h4, body p, body span, body li, body a {
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body a {
    color: #ffffff;
}

body a:visited {
    color: #ffffff;
}

body a:hover {
    color: #ffffff;
}

body a:active {
    color: #ffffff;
}

body a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

body a:hover, body a:active, body a:focus {
    text-decoration: underline;
    outline: 0;
}

body p {
    font-weight: 400;
    line-height: 1.4em;
}

body sup {
    font-size: 0.6em;
    top: -0.6em;
}

body strong {
    font-weight: 600;
}

.display-mobile-only {
    display: block;
}

@media only screen and (min-width: 768px) {
    .display-mobile-only {
        display: none;
    }
}

.display-tablet-plus {
    display: none;
}

@media only screen and (min-width: 768px) {
    .display-tablet-plus {
        display: block;
    }
}

.display-tablet-less {
    display: block;
}

@media only screen and (min-width: 1024px) {
    .display-tablet-less {
        display: none;
    }
}

.display-desktop-plus {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .display-desktop-plus {
        display: block;
    }
}

.display-none {
    display: none;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

img {
    width: 100%;
    border: 0;
    display: block;
    height: auto;
}

.img-height-hack img {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .img-height-hack img {
        padding-right: 6px !important;
    }
}

.padding-mobile {
    padding: 0 12px;
}

@media only screen and (min-width: 768px) {
    .padding-mobile {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {
    .padding-tablet {
        padding: 0 1em;
    }
}

@media only screen and (min-width: 1024px) {
    .padding-tablet {
        padding: 0;
    }
}

.page-title-with-text {
    margin-bottom: 1.1em;
}

.page-title-with-text + .builder-element-type-text p {
    line-height: 1.4em;
}

#block-bainultra-local-tasks {
    text-align: right;
    position: fixed;
    top: auto;
    left: 0;
    right: auto;
    z-index: 503;
    bottom: 0;
}

@media only screen and (min-width: 768px) {
    #block-bainultra-local-tasks {
        top: -15px;
        left: auto;
        right: 14%;
        bottom: auto;
    }
}

#block-bainultra-local-tasks ul {
    margin: 20px 0;
}

#block-bainultra-local-tasks ul li {
    display: inline-block;
}

#block-bainultra-local-tasks ul li a {
    color: #000000;
}

#block-bainultra-local-tasks ul li a:visited {
    color: #000000;
}

#block-bainultra-local-tasks ul li a:hover {
    color: #ffffff;
}

#block-bainultra-local-tasks ul li a:active {
    color: #ffffff;
}

#block-bainultra-local-tasks ul li a {
    padding: 5px 10px;
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;
    border: 1px solid #000000;
    background-color: #ffffff;
}

#block-bainultra-local-tasks ul li a:hover, #block-bainultra-local-tasks ul li a:active {
    background-color: #000000;
    border: 1px solid #ffffff;
}

#block-bainultra-local-tasks ul li a.is-active {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ffffff;
}

.white-bg {
    background-color: #ffffff;
    color: #000000;
}

.white-bg a {
    color: #000000;
}

.white-bg a:visited {
    color: #000000;
}

.white-bg a:hover {
    color: #000000;
}

.white-bg a:active {
    color: #000000;
}

.grey-bg {
    background-color: #f1f1f1;
    color: #000000;
}

.grey-bg a {
    color: #000000;
}

.grey-bg a:visited {
    color: #000000;
}

.grey-bg a:hover {
    color: #000000;
}

.grey-bg a:active {
    color: #000000;
}

.pdf-file {
    position: relative;
}

.pdf-file:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    position: absolute;
    left: -47px;
    top: -17px;
    background-image: url("../images/custom/svg/download.svg");
}

.italic-subtitle {
    font-size: calc(12px + 0.39063vw) !important;
    font-style: italic;
    font-family: "Droid Serif", serif;
    color: #3db9c5;
}

@media only screen and (min-width: 1280px) {
    .italic-subtitle {
        font-size: 1.063em !important;
    }
}

.notice {
    padding: 1.5em 12px;
}

@media only screen and (min-width: 768px) {
    .notice {
        padding: 1.5em 1em;
    }
}

@media only screen and (min-width: 1024px) {
    .notice {
        padding: 1.5em 0;
    }
}

.notice p, .notice li {
    font-size: 1em;
    color: yellow;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.red-plus-circle {
    font-family: "Droid Serif", serif;
    font-size: 0.875em;
    text-decoration: underline;
    font-style: italic;
    font-weight: 400;
    margin-top: 0.7em;
    display: inline-block;
}

.red-plus-circle:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.red-plus-circle:hover:after, .red-plus-circle:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

#block-bainultra-tools {
    position: fixed;
    top: 0;
    right: 6%;
    z-index: 502;
}

#block-bainultra-tools ul {
    margin: 5px 0;
}

#block-bainultra-tools ul li {
    display: inline-block;
}

#block-bainultra-tools ul li a {
    color: #000000;
}

#block-bainultra-tools ul li a:visited {
    color: #000000;
}

#block-bainultra-tools ul li a:hover {
    color: #ffffff;
}

#block-bainultra-tools ul li a:active {
    color: #ffffff;
}

#block-bainultra-tools ul li a {
    padding: 5px 10px;
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;
    border: 1px solid #000000;
    background-color: #ffffff;
}

#block-bainultra-tools ul li a:hover, #block-bainultra-tools ul li a:active {
    background-color: #000000;
    border: 1px solid #ffffff;
}

#block-bainultra-tools ul li a.is-active {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ffffff;
}

.toolbar-tray-open {
    padding-top: 0 !important;
}

.toolbar-tray-open .toolbar-bar {
    background-color: #6d6e70 !important;
}

.toolbar-tray-open .toolbar-bar a {
    color: #ffffff !important;
}

.toolbar-tray-open .toolbar-lining {
    background-color: #afafb0;
}

.toolbar-tray-open .toolbar-lining a {
    color: #ffffff !important;
}

@media only screen and (min-width: 768px) {
    .padding-right {
        padding-right: 6px !important;
    }
}

.node-basicpage-type-wrapper .node-basicpage-type-wrapper .node-title {
    display: none;
}

#block-bainultra-branding {
    display: inline-block;
    width: auto;
}

#block-bainultra-branding > a > img {
    margin: 1.15em 2em 1.15em 0.55em;
    min-width: 150px;
    max-width: 150px;
    min-height: 44px;
    max-height: 80px;
}

@media only screen and (min-width: 1024px) {
    #block-bainultra-branding > a > img {
        margin: 1.15em 2em 1.15em 1em;
    }
}

#block-breadcrumbs {
    background-color: #1a1a1a;
}

#block-breadcrumbs nav {
    padding-bottom: 4px;
}

#block-breadcrumbs ol {
    padding: 0 1em;
    line-height: 0.55em;
}

@media only screen and (min-width: 1024px) {
    #block-breadcrumbs ol {
        padding: 0 3em;
    }
}

#block-breadcrumbs ol li {
    display: inline-block;
    font-style: italic;
    font-size: 0.65em;
}

#block-breadcrumbs ol li a {
    color: #ffffff;
}

#block-breadcrumbs ol li a:visited {
    color: #ffffff;
}

#block-breadcrumbs ol li a:hover {
    color: #ffffff;
}

#block-breadcrumbs ol li a:active {
    color: #ffffff;
}

#block-breadcrumbs ol li:after {
    content: "|";
    display: inline-block;
    color: #e10000;
    padding: 0 8px
}

#block-breadcrumbs ol li:last-child:after {
    content: none;
}

#block-breadcrumbs ol li a {
    text-decoration: none;
}

#block-breadcrumbs ol li a:hover, #block-breadcrumbs ol li a:active, #block-breadcrumbs ol li a:focus {
    text-decoration: underline;
}

#block-linktomainnavigation,
#block-linktobathcollection {
    position: absolute;
    top: 0;
    left: auto;
    right: 0px;
}

#block-linktomainnavigation ul li a,
#block-linktobathcollection ul li a {
    position: relative;
    display: inline-block;
    padding-top: 46px;
    font-size: 0.763em;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 0.5em;
    font-weight: 400;
}

#block-linktomainnavigation ul li a:hover, #block-linktomainnavigation ul li a:focus,
#block-linktobathcollection ul li a:hover,
#block-linktobathcollection ul li a:focus {
    text-decoration: none;
}

#block-linktomainnavigation ul li a:before,
#block-linktobathcollection ul li a:before {
    content: "";
    width: 44px;
    height: 27px;
    background-image: url("../images/custom/svg/menu-icon.svg");
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    margin-top: -36px;
    margin-left: -1px;
}

#block-linktomainnavigation ul li a.actived:before,
#block-linktobathcollection ul li a.actived:before {
    margin-left: 7px;
    background-image: url("../images/custom/svg/menu-x-icon.svg");
}

#block-languageswitcher {
    right: 125px;
}

html[lang="es"] #block-languageswitcher a[hreflang="es"] {
    display: none;
}

html[lang="en"] #block-languageswitcher a[hreflang="en"] {
    display: none;
}

html[lang="fr"] #block-languageswitcher a[hreflang="fr"] {
    display: none;
}

#block-languageswitcher {
    position: absolute;
    top: 0;
}

#block-languageswitcher .language-link {
    position: relative;
    display: inline-block;
    padding-top: 46px;
    font-size: 0.763em;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 0.5em;
    font-weight: 400;
}

#block-languageswitcher .language-link:hover, #block-languageswitcher .language-link:focus {
    text-decoration: none;
}

#block-languageswitcher .language-link:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #3db9c5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 32px;
}

#block-subsectionmenu {
    display: none;
}

@media only screen and (min-width: 1024px) {
    #block-subsectionmenu {
        display: inline-block;
    }

    #block-breadcrumbs {
        margin-top: -19px;
    }
}

#block-subsectionmenu > ul:not(.contextual-links) {
    display: inline-block;
    margin-left: 3px;
    padding: 34px 0;
}

#block-subsectionmenu > ul:not(.contextual-links) > li {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-size: 0.75em;
    font-weight: 500;
    position: relative;
    /*padding: 34px 0;*/
    margin: 0;
}

#block-subsectionmenu > ul:not(.contextual-links) > li:hover > ul {
    display: block !important;
}

#block-subsectionmenu > ul:not(.contextual-links) > li ul {
    background-color: #1a1a1a;
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 500;
    padding: 1em 0;
    display: none;
    min-width: 100%;
    font-size: 0.95em;
}

#block-subsectionmenu > ul:not(.contextual-links) > li ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    border-top: 1px solid #e10000;
    width: 55px;
    height: 1px;
}

#block-subsectionmenu > ul:not(.contextual-links) > li ul li {
    line-height: 1.6em;
}

#block-subsectionmenu > ul:not(.contextual-links) > li ul li a {
    padding: 9px 1.4em;
}

#block-subsectionmenu > ul:not(.contextual-links) > li:after {
    display: inline-block;
    content: "|";
    color: #e10000;
    margin: 0;
    width: 1px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0px;
    left: auto;
    font-size: 28px;
}

#block-subsectionmenu > ul:not(.contextual-links) > li:last-child:after {
    display: none;
}

#block-subsectionmenu > ul:not(.contextual-links) > li a {
    display: block;
    padding: 10px 12px;
}

#block-subsectionmenu > ul:not(.contextual-links) > li a:hover, #block-subsectionmenu > ul:not(.contextual-links) > li a:focus, #block-subsectionmenu > ul:not(.contextual-links) > li a:active, #block-subsectionmenu > ul:not(.contextual-links) > li a.is-active {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

#block-linktobathcollection,
#block-collectionshortcut {
    display: none;
}

#block-linktobathcollection {
    display: block;
}

#block-linktomainnavigation {
    right: 63px;
}

.mm-menu.mm-offcanvas.mm-opened {
    display: block !important;
}

#block-linktobathcollection ul li a {
    letter-spacing: 0.5px;
}

#block-linktobathcollection ul li a:before {
    background-image: url("../images/custom/svg/bath-menu-icon.svg");
    margin-left: -3px;
}

#block-linktobathcollection ul li a.actived:before {
    margin-left: 9px;
}

.mm-menu.mm-offcanvas.mm-right.mm-front {
    max-width: 100% !important;
    min-width: 100% !important;
    right: 0 !important;
    left: auto !important;
    top: 82px !important;
    background-color: #1a1a1a !important;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

@media only screen and (min-width: 768px) {
    .mm-menu.mm-offcanvas.mm-right.mm-front {
        max-width: 487px !important;
        min-width: 487px !important;
    }
}

.mm-menu.mm-offcanvas.mm-right.mm-front .mm-navbar {
    border: 0;
    background-color: #282828;
    padding: 0 20px;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .mm-navbar .mm-title {
    text-transform: uppercase;
    letter-spacing: 3.1px;
    font-weight: 400;
    color: #3db9c5;
    text-align: left;
    margin-left: 25px;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .mm-navbar .mm-prev:before {
    background-color: transparent !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border-color: #3db9c5 !important;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav {
    padding: 13px 9px;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav li a {
    padding: 0 !important;
    margin-right: 6px !important;
    margin-bottom: 6px !important;
    min-height: 107px !important;
    position: relative;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav li a:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav li a .collection-shortcut {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    margin-top: -22px;
    margin-left: 7px;
    color: #ffffff;
    position: absolute;
    z-index: 3;
}

.mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav li a:active:before, .mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav li a:focus:before, .mm-menu.mm-offcanvas.mm-right.mm-front .collection-nav li a:hover:before {
    opacity: 0;
}

.mm-listview > li:not(.mm-divider):after {
    border: 0 !important;
    content: none !important;
    left: auto !important;
}

@media only screen and (min-width: 768px) {
    #block-mainnavigation {
        max-width: 352px !important;
        min-width: 352px !important;
    }
}

#block-mainnavigation .mm-listview li > a:not(.mm-next) {
    z-index: 1 !important;
    padding-left: 45px;
}

#block-mainnavigation .mm-listview .mm-next {
    width: 100% !important;
}

#block-mainnavigation .mm-listview .mm-next:after {
    background-color: transparent !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border-color: #ffffff !important;
}

#block-mainnavigation .mm-listview .mm-next:before {
    content: none;
}

#block-mainnavigation .mm-listview li a {
    color: #ffffff;
}

#block-mainnavigation .mm-listview li a:visited {
    color: #ffffff;
}

#block-mainnavigation .mm-listview li a:hover {
    color: #ffffff;
}

#block-mainnavigation .mm-listview li a:active {
    color: #ffffff;
}

#block-mainnavigation .mm-listview li a {
    text-transform: uppercase !important;
    letter-spacing: 3.1px !important;
    font-size: 14px !important;
    font-weight: 400;
}

#block-mainnavigation .mm-listview li a:hover, #block-mainnavigation .mm-listview li a:focus, #block-mainnavigation .mm-listview li a:active, #block-mainnavigation .mm-listview li a.actived {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

#block-mainnavigation #mm-1 .mm-listview li:nth-child(9) {
    position: relative;
    margin-top: 30px;
}

#block-mainnavigation #mm-1 .mm-listview li:nth-child(9) a:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 40px;
    border-top: 1px solid #e10000;
    width: 25px;
    height: 1px;
}

#block-collectionshortcut .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px;
}

#block-collectionshortcut .mm-panels > .mm-panel > .mm-listview {
    margin: 0;
}

#block-collectionshortcut .mm-panels > .mm-panel.mm-hasnavbar {
    padding: 0;
}

#block-collectionshortcut .mm-navbar {
    display: none;
}

#block-widget-2,
#block-widget-3 {
    position: fixed;
    max-width: 220px;
    z-index: 777;
}

#block-widget-2 #builder-18499 .col-md-6,
#block-widget-3 #builder-18499 .col-md-6,
#block-widget-2 #builder-89250 .col-md-6,
#block-widget-3 #builder-89250 .col-md-6 {
    width: 100%;
}

#block-widget-2 #builder-18499 > .builder-row .col-md-6,
#block-widget-3 #builder-18499 > .builder-row .col-md-6,
#block-widget-2 #builder-89250 > .builder-row .col-md-6,
#block-widget-3 #builder-89250 > .builder-row .col-md-6 {
    min-height: 0px !important;
    height: 0px !important;
}

#block-widget-2 .widget-content-wrapper,
#block-widget-3 .widget-content-wrapper {
    width: 170px;
    right: 50px;
    position: absolute;

}


#builder-element-59d39f6dcbc19-007-007 p {
    border: 1px solid lightgray;
    /*-webkit-animation: rainbow 5s infinite alternate;*/
}


#block-widget-2 .widget-content-wrapper .search-block-form,
#block-widget-2 .widget-content-wrapper .product-select-widget,
#block-widget-2 .widget-content-wrapper .docs-widget,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3,
#block-widget-3 .widget-content-wrapper .search-block-form,
#block-widget-3 .widget-content-wrapper .product-select-widget,
#block-widget-3 .widget-content-wrapper .docs-widget,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 {
    max-height: 50px;
    min-height: 50px;
    display: inline-block;
    vertical-align: middle;
    width: 169px;
    margin-right: 1px;
    background-color: rgba(110, 110, 110, 0.55);
    color: #000000;
    margin-bottom: 1px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#block-widget-2 .widget-content-wrapper .search-block-form.opened,
#block-widget-2 .widget-content-wrapper .product-select-widget.opened,
#block-widget-2 .widget-content-wrapper .docs-widget.opened,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget.opened,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons.opened,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3.opened,
#block-widget-3 .widget-content-wrapper .search-block-form.opened,
#block-widget-3 .widget-content-wrapper .product-select-widget.opened,
#block-widget-3 .widget-content-wrapper .docs-widget.opened,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget.opened,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons.opened,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3.opened {
    color: #ffffff;
    background-color: #e5e5e5;
}

#block-widget-2 .widget-content-wrapper .search-block-form.opened a,
#block-widget-2 .widget-content-wrapper .product-select-widget.opened a,
#block-widget-2 .widget-content-wrapper .docs-widget.opened a,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget.opened a,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons.opened a,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3.opened a,
#block-widget-3 .widget-content-wrapper .search-block-form.opened a,
#block-widget-3 .widget-content-wrapper .product-select-widget.opened a,
#block-widget-3 .widget-content-wrapper .docs-widget.opened a,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget.opened a,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons.opened a,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3.opened a {
    color: #000000 !important;
}

#block-widget-2 .widget-content-wrapper .search-block-form a:link, #block-widget-2 .widget-content-wrapper .search-block-form a:visited,
#block-widget-2 .widget-content-wrapper .product-select-widget a:link,
#block-widget-2 .widget-content-wrapper .product-select-widget a:visited,
#block-widget-2 .widget-content-wrapper .docs-widget a:link,
#block-widget-2 .widget-content-wrapper .docs-widget a:visited,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget a:link,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget a:visited,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons a:link,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons a:visited,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 a:link,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 a:visited,
#block-widget-3 .widget-content-wrapper .search-block-form a:link,
#block-widget-3 .widget-content-wrapper .search-block-form a:visited,
#block-widget-3 .widget-content-wrapper .product-select-widget a:link,
#block-widget-3 .widget-content-wrapper .product-select-widget a:visited,
#block-widget-3 .widget-content-wrapper .docs-widget a:link,
#block-widget-3 .widget-content-wrapper .docs-widget a:visited,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget a:link,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget a:visited,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons a:link,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons a:visited,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 a:link,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 a:visited {
    color: #000000;
}

#block-widget-2 .widget-content-wrapper .search-block-form a:hover, #block-widget-2 .widget-content-wrapper .search-block-form a:active, #block-widget-2 .widget-content-wrapper .search-block-form a:focus,
#block-widget-2 .widget-content-wrapper .product-select-widget a:hover,
#block-widget-2 .widget-content-wrapper .product-select-widget a:active,
#block-widget-2 .widget-content-wrapper .product-select-widget a:focus,
#block-widget-2 .widget-content-wrapper .docs-widget a:hover,
#block-widget-2 .widget-content-wrapper .docs-widget a:active,
#block-widget-2 .widget-content-wrapper .docs-widget a:focus,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget a:hover,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget a:active,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget a:focus,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons a:hover,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons a:active,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons a:focus,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 a:hover,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 a:active,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 a:focus,
#block-widget-3 .widget-content-wrapper .search-block-form a:hover,
#block-widget-3 .widget-content-wrapper .search-block-form a:active,
#block-widget-3 .widget-content-wrapper .search-block-form a:focus,
#block-widget-3 .widget-content-wrapper .product-select-widget a:hover,
#block-widget-3 .widget-content-wrapper .product-select-widget a:active,
#block-widget-3 .widget-content-wrapper .product-select-widget a:focus,
#block-widget-3 .widget-content-wrapper .docs-widget a:hover,
#block-widget-3 .widget-content-wrapper .docs-widget a:active,
#block-widget-3 .widget-content-wrapper .docs-widget a:focus,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget a:hover,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget a:active,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget a:focus,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons a:hover,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons a:active,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons a:focus,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 a:hover,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 a:active,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 a:focus {
    text-decoration: none;
}

#block-widget-2 .widget-content-wrapper .search-block-form p,
#block-widget-2 .widget-content-wrapper .product-select-widget p,
#block-widget-2 .widget-content-wrapper .docs-widget p,
#block-widget-2 .widget-content-wrapper .find-a-retailer-widget p,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons p,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 p,
#block-widget-3 .widget-content-wrapper .search-block-form p,
#block-widget-3 .widget-content-wrapper .product-select-widget p,
#block-widget-3 .widget-content-wrapper .docs-widget p,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget p,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons p,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 p {
    font-size: 0.85em;
    line-height: 1.1em;
    padding: 1.3em 0.7em;
    height: 50px;
}

#block-widget-2 .widget-content-wrapper .search-block-form .form-wrapper .col-md-10,
#block-widget-3 .widget-content-wrapper .search-block-form .form-wrapper .col-md-10 {
    width: 100%;
    margin-left: 0;
    left: 0;
}

#block-widget-2 .widget-content-wrapper .search-block-form .form-item-keys,
#block-widget-3 .widget-content-wrapper .search-block-form .form-item-keys {
    width: 134px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 1em;
}

#block-widget-2 .widget-content-wrapper .search-block-form input[type="search"],
#block-widget-3 .widget-content-wrapper .search-block-form input[type="search"] {
    background-color: transparent;
    width: 134px;
    border: 0;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 0.8em;
    border-radius: 0;
}

#block-widget-2 .widget-content-wrapper .search-block-form input[type="search"]:focus,
#block-widget-3 .widget-content-wrapper .search-block-form input[type="search"]:focus {
    outline: 0;
}

#block-widget-2 .widget-content-wrapper .search-block-form .form-actions,
#block-widget-3 .widget-content-wrapper .search-block-form .form-actions {
    max-width: 20px;
    display: inline-block;
    vertical-align: middle;
}

#block-widget-2 .widget-content-wrapper .search-block-form .widget-search-button,
#block-widget-3 .widget-content-wrapper .search-block-form .widget-search-button {
    width: 25px;
    background-color: transparent;
    border: 0;
    color: #ffffff;
    height: 50px;
    margin-left: -3px;
    padding: 0;
    margin-top: 1px;
    background-image: url("/themes/custom/bainultra/images/custom/svg/submit.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

#block-widget-2 .widget-content-wrapper .search-block-form .widget-search-button:focus, #block-widget-2 .widget-content-wrapper .search-block-form .widget-search-button:active,
#block-widget-3 .widget-content-wrapper .search-block-form .widget-search-button:focus,
#block-widget-3 .widget-content-wrapper .search-block-form .widget-search-button:active {
    outline: 0;
}

#block-widget-2 .widget-content-wrapper .docs-widget p,
#block-widget-3 .widget-content-wrapper .docs-widget p {
    padding: 0.7em;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 {
    background-color: transparent;
    margin-bottom: 0;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover:hover img, #block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover span,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover:hover img,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover span,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover:hover img,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover span,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover:hover img,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover span {
    opacity: 1 !important;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list {
    display: block;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
    margin-right: 1px;
    background-color: rgba(110, 110, 110, 0.55) !important;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:last-child,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:last-child,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:last-child,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:last-child {
    margin-right: 0;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:last-child .a2a_svg,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:last-child .a2a_svg,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:last-child .a2a_svg,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:last-child .a2a_svg {
    width: 43px !important;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a .a2a_svg,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a .a2a_svg,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a .a2a_svg,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a .a2a_svg {
    background-color: transparent !important;
    border-radius: 0 !important;
    height: 50px !important;
    line-height: 50px !important;
    background-size: 50px !important;
    width: 41px !important;
    padding: 11px 7px !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a .a2a_svg svg path,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a .a2a_svg svg path {
    fill: #000000 !important;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:focus,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:active,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:focus,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:active,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:focus,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:active,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:focus,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:active {
    background-color: #e5e5e5 !important;
}

#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover .a2a_svg svg path,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:focus .a2a_svg svg path,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:active .a2a_svg svg path,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover .a2a_svg svg path,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:focus .a2a_svg svg path,
#block-widget-2 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:active .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:hover .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:focus .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons .addtoany_list a:active .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:hover .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:focus .a2a_svg svg path,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--3 .addtoany_list a:active .a2a_svg svg path {
    fill: #ffffff !important;
}

#block-widget-2 .widget-toggle-wrapper,
#block-widget-3 .widget-toggle-wrapper {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
}

#block-widget-2 .widget-toggle-wrapper .search-toggle,
#block-widget-2 .widget-toggle-wrapper .doc-toggle,
#block-widget-2 .widget-toggle-wrapper .product-select-toggle,
#block-widget-2 .widget-toggle-wrapper .share-toggle,
#block-widget-2 .widget-toggle-wrapper .find-a-retailer-toggle,
#block-widget-3 .widget-toggle-wrapper .search-toggle,
#block-widget-3 .widget-toggle-wrapper .doc-toggle,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle,
#block-widget-3 .widget-toggle-wrapper .share-toggle,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle {
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
}

#block-widget-2 .widget-toggle-wrapper .search-toggle.opened,
#block-widget-2 .widget-toggle-wrapper .doc-toggle.opened,
#block-widget-2 .widget-toggle-wrapper .product-select-toggle.opened,
#block-widget-2 .widget-toggle-wrapper .share-toggle.opened,
#block-widget-2 .widget-toggle-wrapper .find-a-retailer-toggle.opened,
#block-widget-3 .widget-toggle-wrapper .search-toggle.opened,
#block-widget-3 .widget-toggle-wrapper .doc-toggle.opened,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle.opened,
#block-widget-3 .widget-toggle-wrapper .share-toggle.opened,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle.opened {
    background-color: #ffffff;
}

#block-widget-2 .widget-toggle-wrapper .search-toggle:hover, #block-widget-2 .widget-toggle-wrapper .search-toggle:active, #block-widget-2 .widget-toggle-wrapper .search-toggle:focus,
#block-widget-2 .widget-toggle-wrapper .doc-toggle:hover,
#block-widget-2 .widget-toggle-wrapper .doc-toggle:active,
#block-widget-2 .widget-toggle-wrapper .doc-toggle:focus,
#block-widget-2 .widget-toggle-wrapper .product-select-toggle:hover,
#block-widget-2 .widget-toggle-wrapper .product-select-toggle:active,
#block-widget-2 .widget-toggle-wrapper .product-select-toggle:focus,
#block-widget-2 .widget-toggle-wrapper .share-toggle:hover,
#block-widget-2 .widget-toggle-wrapper .share-toggle:active,
#block-widget-2 .widget-toggle-wrapper .share-toggle:focus,
#block-widget-2 .widget-toggle-wrapper .find-a-retailer-toggle:hover,
#block-widget-2 .widget-toggle-wrapper .find-a-retailer-toggle:active,
#block-widget-2 .widget-toggle-wrapper .find-a-retailer-toggle:focus,
#block-widget-3 .widget-toggle-wrapper .search-toggle:hover,
#block-widget-3 .widget-toggle-wrapper .search-toggle:active,
#block-widget-3 .widget-toggle-wrapper .search-toggle:focus,
#block-widget-3 .widget-toggle-wrapper .doc-toggle:hover,
#block-widget-3 .widget-toggle-wrapper .doc-toggle:active,
#block-widget-3 .widget-toggle-wrapper .doc-toggle:focus,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle:hover,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle:active,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle:focus,
#block-widget-3 .widget-toggle-wrapper .share-toggle:hover,
#block-widget-3 .widget-toggle-wrapper .share-toggle:active,
#block-widget-3 .widget-toggle-wrapper .share-toggle:focus,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle:hover,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle:active,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle:focus {
    text-decoration: none;
}

#block-widget-2 .widget-toggle-wrapper .search-toggle,
#block-widget-3 .widget-toggle-wrapper .search-toggle {
    background-image: url("/themes/custom/bainultra/images/custom/svg/search.svg");
}

#block-widget-2 .widget-toggle-wrapper .doc-toggle,
#block-widget-3 .widget-toggle-wrapper .doc-toggle {
    background-image: url("/themes/custom/bainultra/images/custom/svg/documentation.svg");
}

#block-widget-2 .widget-toggle-wrapper .share-toggle,
#block-widget-3 .widget-toggle-wrapper .share-toggle {
    background-image: url("/themes/custom/bainultra/images/custom/svg/share.svg");
}

#block-widget-2 .widget-toggle-wrapper .find-a-retailer-toggle,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle {
    background-image: url("/themes/custom/bainultra/images/custom/svg/find-retailer.svg");
}

#block-widget-2 .widget-toggle-wrapper .product-select-toggle,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle {
    background-image: url("/themes/custom/bainultra/images/custom/svg/product-select.svg");
}

#block-widget-3 {
    display: block;
    width: 255px;
    min-height: 50px;
    bottom: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (min-width: 1024px) {
    #block-widget-3 {
        display: none;
    }
}

#block-widget-3 .widget-close-btn {
    background-color: rgba(110, 110, 110, 0.55);
    position: absolute;
    height: 50px;
    width: 50px;
    display: block;
    top: -102px;
    right: 0;
    background-image: url("/themes/custom/bainultra/images/custom/svg/submit-small.svg");
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

#block-widget-3 .docs-widget p {
    padding: 1.3em 0.7em;
}

#block-widget-3 .docs-widget br {
    display: none;
}

#block-widget-3 .widget-content-wrapper {
    display: block;
    width: 255px;
}

#block-widget-3 .widget-content-wrapper .search-block-form,
#block-widget-3 .widget-content-wrapper .product-select-widget,
#block-widget-3 .widget-content-wrapper .docs-widget,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--2 {
    width: 255px;
    display: none;
    position: relative;
    bottom: 51px;
}

#block-widget-3 .widget-content-wrapper .search-block-form.activated,
#block-widget-3 .widget-content-wrapper .product-select-widget.activated,
#block-widget-3 .widget-content-wrapper .docs-widget.activated,
#block-widget-3 .widget-content-wrapper .find-a-retailer-widget.activated,
#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--2.activated {
    display: block;
}

#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--2 {
    text-align: right;
    background-color: transparent;
}

#block-widget-3 .widget-content-wrapper #block-addtoanybuttons--2 #block-addtoanybuttons--2 {
    margin-right: 1px;
}

#block-widget-3 .widget-content-wrapper .search-block-form {
    width: 254px;
}

#block-widget-3 .widget-content-wrapper .search-block-form .form-item-keys {
    width: 190px;
}

#block-widget-3 .widget-content-wrapper .search-block-form .form-item-keys input[type="search"] {
    width: 190px;
}

#block-widget-3 .widget-content-wrapper .search-block-form .form-actions {
    width: 50px;
    max-width: 50px;
    font-style: none;
}

#block-widget-3 .widget-content-wrapper .search-block-form .widget-search-button {
    width: 50px;
    margin-left: 0;
    background-image: url("/themes/custom/bainultra/images/custom/svg/submit-small.svg");
}

#block-widget-3 .widget-toggle-wrapper {
    display: block;
    width: 256px;
    text-align: right;
}

#block-widget-3 .widget-toggle-wrapper p {
    font-size: 0px;
}

#block-widget-3 .widget-toggle-wrapper .search-toggle,
#block-widget-3 .widget-toggle-wrapper .product-select-toggle,
#block-widget-3 .widget-toggle-wrapper .doc-toggle,
#block-widget-3 .widget-toggle-wrapper .find-a-retailer-toggle,
#block-widget-3 .widget-toggle-wrapper .share-toggle {
    display: inline-block;
    margin-right: 1px;
}

#block-widget-3 .widget-toggle-wrapper .share-toggle {
    margin-right: 0;
}

#block-widget-2 {
    display: none;
    min-height: 255px;
}

@media only screen and (min-width: 1024px) {
    #block-widget-2 {
        display: block;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }
}

footer::after {
    clear: both;
    content: "";
    display: table;
}

#block-instagram {
    background-color: #f1f1f1;
    padding: 30px 6px 30px 12px;
}

#block-instagram::after {
    clear: both;
    content: "";
    display: table;
}

@media only screen and (min-width: 768px) {
    #block-instagram {
        padding: 30px 0 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #block-instagram {
        padding: 50px 0 100px;
    }
}

#block-instagram:after {
    clear: both;
    content: " ";
    display: table;
}

#block-instagram h2 {
    color: #000000;
    font-size: calc(15px + 0vw + .2em);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    font-weight: 400;
    margin-bottom: 1em;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    #block-instagram h2 {
        font-size: calc(10.5px + 0.58594vw + .2em);
        margin-bottom: 1em;
        text-align: center;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 1024px) {
    #block-instagram h2 {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 1280px) {
    #block-instagram h2 {
        font-size: 1.4em;
        margin-bottom: 1em;
    }
}

#block-instagram h2:after {
    /*content: "Instagram";*/
    /*display: inline-block;*/
    /*color: rgba(0, 0, 0, 0.2);*/
    /*font-weight: 100;*/
    /*font-size: calc(36px + 0vw);*/
    /*letter-spacing: 12px;*/
    /*margin: 0.2em 0 0;*/
}

@media only screen and (min-width: 768px) {
    #block-instagram h2:after {
        /*font-size: calc(-22.5px + 7.61719vw);*/
        /*margin: 0 0 0.15em 0.3em;*/
        /*vertical-align: middle;*/
    }
}

@media only screen and (min-width: 1024px) {
    #block-instagram h2:after {
        /*margin: 0 0 0.15em 0.2em;*/
    }
}

@media only screen and (min-width: 1280px) {
    #block-instagram h2:after {
        /*font-size: 4.688em;*/
    }
}

@media only screen and (min-width: 768px) {
    #block-instagram #instagram-img .col-md-2 {
        width: 19.9999%;
    }
}

#block-instagram #instagram-img .col-md-2.col-xs-6 {
    padding-right: 6px;
}

#block-instagram #instagram-img .col-md-2:nth-child(3), #block-instagram #instagram-img .col-md-2:nth-child(4), #block-instagram #instagram-img .col-md-2:nth-child(5) {
    display: none;
}

@media only screen and (min-width: 768px) {
    #block-instagram #instagram-img .col-md-2:nth-child(3), #block-instagram #instagram-img .col-md-2:nth-child(4), #block-instagram #instagram-img .col-md-2:nth-child(5) {
        display: inline-block;
    }
}

#block-ilsparlentdenous {
    background-color: #ffffff;
    padding: 30px 12px 10px;
}

@media only screen and (min-width: 768px) {
    #block-ilsparlentdenous {
        padding: 30px 0 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous {
        padding: 55px 0 50px;
    }
}

#block-ilsparlentdenous:after {
    clear: both;
    content: " ";
    display: table;
}

#block-ilsparlentdenous h2 {
    color: #3db9c5;
    font-size: calc(15px + 0vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    font-weight: 400;
    margin-bottom: 1em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #block-ilsparlentdenous h2 {
        font-size: calc(10.5px + 0.58594vw);
        margin-bottom: 0.5em;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous h2 {
        margin-bottom: 0.25em;
    }
}

@media only screen and (min-width: 1280px) {
    #block-ilsparlentdenous h2 {
        font-size: 1.125em;
    }
}

#block-ilsparlentdenous .logos-zone {
    margin: 0.8em 0 0;
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous .logos-zone {
        margin: 0.8em 0 1.5em;
    }
}

#block-ilsparlentdenous .logos-zone:after {
    content: "";
    clear: both;
    display: table;
}

#block-ilsparlentdenous .logos-zone .col-md-10 {
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous .logos-zone .col-md-10 {
        float: left;
    }
}

#block-ilsparlentdenous .logos-zone.col-sm-12 {
    padding-right: 0;
}

#block-ilsparlentdenous .logos-zone ul.logos-img li {
    display: inline-block;
    vertical-align: middle;
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(1) {
    margin-right: 1.3%;
    max-width: 170px;
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(2) {
    margin-right: 2%;
    max-width: 80px;
    height: 80px;
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(2) {
        margin-right: 2.4%;
    }
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(3) {
    margin-right: 2.4%;
    max-width: 116px;
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(3) {
        margin-right: 3.3%;
    }
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(4) {
    margin-right: 1.4%;
    max-width: 87px;
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(5) {
    margin-right: 0;
    max-width: 150px;
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(5) {
        margin-right: 1.4%;
    }
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(6) {
    margin-right: 1.3%;
    max-width: 175px;
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(7) {
    max-width: 124px;
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(3), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(4), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(5) {
    display: none;
}

@media only screen and (min-width: 768px) {
    #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(3), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(4), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(5) {
        display: inline-block;
    }
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(6), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(7), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(8) {
    display: none;
}

@media only screen and (min-width: 1024px) {
    #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(6), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(7), #block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(8) {
        display: inline-block;
    }
}

#block-ilsparlentdenous .logos-zone ul.logos-img li:nth-child(8) {
    max-width: 125px;
    margin-left: 20px;
}

#block-ilsparlentdenous .row:before {
    clear: both;
    content: " ";
    display: table;
}

#block-ilsparlentdenous .row p {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #block-ilsparlentdenous .row p {
        text-align: right;
    }
}

#block-ilsparlentdenous .row p a {
    color: #3db9c5;
    font-size: calc(14px + 0vw);
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    font-weight: 400;
    text-decoration: underline;
}

#block-ilsparlentdenous .row p a:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#block-ilsparlentdenous .row p a:hover:after, #block-ilsparlentdenous .row p a:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

#block-footer-links {
    /*padding: 30px 0 4.5em;*/
}

@media only screen and (min-width: 768px) {
    #block-footer-links {
        /*padding: 2.3em 0em 2em 2.1em;*/
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links {
        /*padding: 3em 0;*/
    }
}

#block-footer-links #links-footer {
    margin-bottom: 1em;
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #links-footer {
        padding-left: 3.25%;
    }
}

#block-footer-links #links-footer #logo-menu .col-sm-4:nth-child(2) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #links-footer #logo-menu .col-sm-4:nth-child(2) {
        padding-left: 1.3%;
        margin-top: 5em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #links-footer #logo-menu .col-sm-4:nth-child(2) {
        padding-left: 0;
        margin-top: 0;
    }
}

#block-footer-links #links-footer #logo-menu .col-sm-4:nth-child(3) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #links-footer #logo-menu .col-sm-4:nth-child(3) {
        padding-left: 1.55em;
        margin-top: 5em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #links-footer #logo-menu .col-sm-4:nth-child(3) {
        padding-left: 0;
        margin-top: 0;
    }
}

#block-footer-links #links-footer #logo-menu .footer-logo {
    margin-bottom: 0.5em;
}

#block-footer-links #links-footer #logo-menu .footer-logo a {
    border-left: none;
    padding: 0;
}

#block-footer-links #links-footer #logo-menu .footer-logo img {
    width: 152px;
}

#block-footer-links #links-footer #logo-menu .footer-logo:after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #e10000;
    margin-top: 18px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #links-footer #logo-menu .footer-logo:after {
        margin-top: 27px;
    }
}

#block-footer-links #links-footer #logo-menu .desc-company {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #links-footer #logo-menu .desc-company {
        margin-bottom: 1.9em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #links-footer #logo-menu .desc-company {
        margin-bottom: 1.8em;
    }
}

#block-footer-links #links-footer #logo-menu .desc-company p {
    font-family: "Droid Serif", serif;
    font-size: 0.8325em;
    letter-spacing: -0.1px;
    line-height: 1.5em;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #links-footer #logo-menu .desc-company p {
        padding-right: 7.3%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #links-footer #logo-menu .desc-company p {
        padding-right: 9.7%;
    }
}

@media only screen and (min-width: 1280px) {
    #block-footer-links #links-footer #logo-menu .desc-company p {
        padding-right: 19.8%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #links-footer #logo-menu .sitemap {
        margin-top: 1.5em;
    }
}

#block-footer-links #links-footer #logo-menu .sitemap a {
    border-left: 2px solid #3db9c5;
    margin-bottom: 0;
    padding: 0.4em 0.6em;
    letter-spacing: 2.3px;
}

#block-footer-links #links-footer #logo-menu a {
    text-transform: uppercase;
    font-size: 0.8325em;
    font-weight: 500;
    letter-spacing: 1.1px;
    display: block;
    margin-bottom: 0.95em;
    border-left: 2px solid #e10000;
    padding: 0.4em 0.6em;
    color: #ffffff;
}

#block-footer-links #links-footer #logo-menu a:hover, #block-footer-links #links-footer #logo-menu a:active {
    text-decoration: none;
    color: #7f7f7f;
}

#block-footer-links #footer-links-lists {
    margin-top: 1.3em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists {
        margin-top: 0.9em;
    }
}

#block-footer-links #footer-links-lists .col-sm-4 {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists .col-sm-4 {
        margin-bottom: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-2 a,
#block-footer-links #footer-links-lists #links-zone-3 a {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-2 a,
    #block-footer-links #footer-links-lists #links-zone-3 a {
        margin-bottom: 1em;
    }
}

#block-footer-links #footer-links-lists #links-zone-4 .col-sm-4 {
    margin-bottom: 0;
    width: 100%;
}

#block-footer-links #footer-links-lists #links-zone-4 .sitemap a {
    color: #ffffff;
    border-left: 2px solid #3db9c5;
    margin-bottom: 0;
    padding: 0.4em 0.6em;
    letter-spacing: 2.3px;
}

#block-footer-links #footer-links-lists #links-zone-4 .sitemap a:hover, #block-footer-links #footer-links-lists #links-zone-4 .sitemap a:active {
    text-decoration: none;
    color: #7f7f7f;
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-1 {
        margin-bottom: 2.8em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-1 .display-desktop-plus {
        /*margin-top: 2.4em;*/
    }
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(3) {
        margin-bottom: 1.7em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(3) {
        margin-bottom: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(6).display-tablet-less a {
    margin-bottom: 0 !important;
    max-width: 115px;
}

#block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(3), #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(6) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(3), #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(6) {
        padding-left: 3.1%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(3), #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(6) {
        padding-left: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(2), #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(5) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(2), #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(5) {
        padding-left: 1.3%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(2), #block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(5) {
        padding-left: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-1 .col-sm-4:nth-child(4) ul ul li:first-of-type a {
    max-width: 165px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-2 {
        margin: 1.7em 0 1.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-2 {
        margin: 0 0 1.1em;
    }
}

#block-footer-links #footer-links-lists #links-zone-2 .col-md-3:nth-child(1) a {
    max-width: 115px;
}

#block-footer-links #footer-links-lists #links-zone-2 .col-md-3:nth-child(2) a {
    max-width: 117px;
}

#block-footer-links #footer-links-lists #links-zone-2 .col-sm-4:nth-child(3) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-2 .col-sm-4:nth-child(3) {
        padding-left: 1.3%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-2 .col-sm-4:nth-child(3) {
        padding-left: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-2 .col-sm-4:nth-child(4) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-2 .col-sm-4:nth-child(4) {
        padding-left: 3%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-2 .col-sm-4:nth-child(4) {
        padding-left: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-3 .col-sm-4:nth-child(2) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-3 .col-sm-4:nth-child(2) {
        padding-left: 1.3%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-3 .col-sm-4:nth-child(2) {
        padding-left: 0;
    }
}

#block-footer-links #footer-links-lists #links-zone-3 .col-sm-4:nth-child(3) {
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #footer-links-lists #links-zone-3 .col-sm-4:nth-child(3) {
        padding-left: 3%;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #footer-links-lists #links-zone-3 .col-sm-4:nth-child(3) {
        padding-left: 0;
    }
}

#block-footer-links #footer-links-lists .col-md-3 nav ul > li {
    display: block;
}

#block-footer-links #footer-links-lists .col-md-3 nav ul > li > a {
    color: #3db9c5;
    text-transform: uppercase;
    font-size: 0.8325em;
    font-weight: 500;
    letter-spacing: 2.5px;
    margin-bottom: 1em;
    line-height: 1.2em;
    display: inline-block;
}

#block-footer-links #footer-links-lists .col-md-3 nav ul > li > a:hover, #block-footer-links #footer-links-lists .col-md-3 nav ul > li > a:active {
    text-decoration: none;
    color: #e10000;
}

#block-footer-links #footer-links-lists .col-md-3 nav ul > li ul li {
    display: block;
}

#block-footer-links #footer-links-lists .col-md-3 nav ul > li ul li a {
    color: #ffffff;
    text-transform: unset;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-bottom: 0.75em;
    line-height: 1em;
    display: inline-block;
}

#block-footer-links #footer-links-lists .col-md-3 nav ul > li ul li a:hover, #block-footer-links #footer-links-lists .col-md-3 nav ul > li ul li a:active {
    text-decoration: none;
    color: #7f7f7f;
}

#block-footer-links #socials-copyright {
    margin-top: 2em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright {
        margin-top: 1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #socials-copyright {
        padding-left: 3.25%;
        margin-top: 0;
    }
}

#block-footer-links #socials-copyright br {
    display: none;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright br {
        display: block;
    }
}

@media only screen and (min-width: 1280px) {
    #block-footer-links #socials-copyright br {
        display: none;
    }
}

#block-footer-links #socials-copyright .socials {
    text-align: left;
    margin-bottom: 0.3em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials {
        margin-top: 1.2em;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links #socials-copyright .socials {
        padding-top: 1.2em;
        margin-top: 0;
    }
}

#block-footer-links #socials-copyright .socials ul li {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-right: 0.35em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials ul li {
        margin-bottom: 0.3em;
        margin-right: 0.15em;
    }
}

#block-footer-links #socials-copyright .socials a {
    display: block;
    position: relative;
    background-color: #353838;
    border: 1px solid #353838;
    border-radius: 50%;
    font-size: 1.3em;
    color: #000000;
    width: 40px;
    height: 40px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a {
        font-size: 0.9em;
        width: 25px;
        height: 25px;
    }
}

#block-footer-links #socials-copyright .socials a i:before {
    color: #ffffff;
    position: absolute;
    top: 10px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i:before {
        top: 5px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-facebook:before {
    left: 12px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-facebook:before {
        left: 7px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-twitter:before {
    left: 10px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-twitter:before {
        left: 5px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-google-plus:before {
    left: 6px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-google-plus:before {
        left: 3px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-pinterest-p:before {
    left: 12px;
    top: 11px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-pinterest-p:before {
        top: 6px;
        left: 6px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-youtube:before {
    left: 10px;
    top: 9px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-youtube:before {
        top: 4px;
        left: 5px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-vimeo:before {
    left: 8px;
    top: 10px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-vimeo:before {
        top: 6px;
        left: 4px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-instagram:before {
    left: 9px;
    top: 9px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-instagram:before {
        left: 5px;
        top: 5px;
    }
}

#block-footer-links #socials-copyright .socials a i.fa-houzz:before {
    left: 13px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links #socials-copyright .socials a i.fa-houzz:before {
        left: 7px;
    }
}

#block-footer-links #socials-copyright .socials a:hover.facebook, #block-footer-links #socials-copyright .socials a:active.facebook {
    background-color: #3C5A99;
    border: 1px solid #3C5A99;
}

#block-footer-links #socials-copyright .socials a:hover.twitter, #block-footer-links #socials-copyright .socials a:active.twitter {
    background-color: #1DA1F2;
    border: 1px solid #1DA1F2;
}

#block-footer-links #socials-copyright .socials a:hover.google-plus, #block-footer-links #socials-copyright .socials a:active.google-plus {
    background-color: #EA4335;
    border: 1px solid #EA4335;
}

#block-footer-links #socials-copyright .socials a:hover.pinterest, #block-footer-links #socials-copyright .socials a:active.pinterest {
    background-color: #cb2027;
    border: 1px solid #cb2027;
}

#block-footer-links #socials-copyright .socials a:hover.youtube, #block-footer-links #socials-copyright .socials a:active.youtube {
    background-color: #e8363b;
    border: 1px solid #e8363b;
}

#block-footer-links #socials-copyright .socials a:hover.vimeo, #block-footer-links #socials-copyright .socials a:active.vimeo {
    background-color: #1cb9ea;
    border: 1px solid #1cb9ea;
}

#block-footer-links #socials-copyright .socials a:hover.instagram, #block-footer-links #socials-copyright .socials a:active.instagram {
    background-color: #D52B8D;
    border: 1px solid #D52B8D;
}

#block-footer-links #socials-copyright .socials a:hover.houzz, #block-footer-links #socials-copyright .socials a:active.houzz {
    background-color: #a3c424;
    border: 1px solid #a3c424;
}

@media only screen and (min-width: 768px) {
    #block-footer-links .row .col-sm-7 {
        margin-left: -1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links .row .col-sm-7 {
        margin-left: 0;
    }
}

#block-footer-links .row .col-sm-7 .col-sm-4 {
    margin-bottom: 1.9em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links .row .col-sm-7 .col-sm-4 {
        margin-bottom: 0;
    }
}

#block-footer-links .row .col-sm-7 .col-sm-4 p {
    display: inline-block;
    padding-right: 0.5em;
}

#block-footer-links .row .col-sm-7 .col-sm-4 img {
    width: 51px;
}

#block-footer-links .row .col-md-8 p {
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 1.4px;
}

@media only screen and (min-width: 768px) {
    #block-footer-links .row .col-md-8 p {
        padding-top: 2.4em;
        padding-left: 1.4em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links .row .col-md-8 p {
        padding-left: 1em;
        padding-top: 2em;
    }
}

#block-footer-links .row .col-md-8 p br {
    display: inline-block;
}

@media only screen and (min-width: 1024px) {
    #block-footer-links .row .col-md-8 p br {
        display: none;
    }
}

#block-footer-links .copyright {
    margin-top: 1.5em;
}

@media only screen and (min-width: 768px) {
    #block-footer-links .copyright {
        margin-top: 2.2em;
    }
}

@media only screen and (min-width: 1024px) {
    #block-footer-links .copyright {
        padding-left: 1.8em;
        padding-top: 0.3em;
        margin-top: 0;
    }
}

#block-footer-links .copyright p {
    text-transform: uppercase;
    font-size: 0.625em;
    letter-spacing: 1.05px;
    font-weight: 500;
    margin-bottom: 0.7em;
    color: #3f3f42;
}

#block-footer-links .copyright p img {
    width: 207px;
}

.page h1 {
    font-size: calc(25.51282px + 1.49573vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5.8px;
    line-height: 1.2em;
}

@media only screen and (min-width: 1024px) {
    .page h1 {
        font-size: calc(8.5px + 3.71094vw);
    }
}

@media only screen and (min-width: 1024px) {
    .page h1 {
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    .page h1 {
        font-size: 3.5em;
    }
}

.page #page-title:after {
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #e10000;
    margin-top: 18px;
}

@media only screen and (min-width: 768px) {
    .page #page-title:after {
        margin-top: 25px;
    }
}

.page #page-description {
    margin-top: 0.6em;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .page #page-description {
        margin-top: 0.4em;
        padding-left: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .page #page-description {
        margin-top: 0.6em;
        padding-left: 0;
    }
}

.page #page-description p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 1em;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    .page #page-description p {
        font-size: 1em;
    }
}

.page .node-basicpage-type-wrapper {
    margin-top: 1em;
}

@media only screen and (min-width: 768px) {
    .page .node-basicpage-type-wrapper {
        margin-top: 4.4em;
    }
}

.page .node-basicpage-type-wrapper h2 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    line-height: 1.3em;
    margin-bottom: 1em;
    font-size: calc(13.07692px + 0.64103vw);
}

@media only screen and (min-width: 1280px) {
    .page .node-basicpage-type-wrapper h2 {
        font-size: 1.125em;
    }
}

.page .node-basicpage-type-wrapper .group-left,
.page .node-basicpage-type-wrapper .group-right,
.page .node-basicpage-type-wrapper .group-center {
    margin-top: 1.6em;
}

@media only screen and (min-width: 768px) {
    .page .node-basicpage-type-wrapper .group-left,
    .page .node-basicpage-type-wrapper .group-right,
    .page .node-basicpage-type-wrapper .group-center {
        margin-top: 2.525em;
    }
}

.page .node-basicpage-type-wrapper .group-left {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .page .node-basicpage-type-wrapper .group-left {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .page .node-basicpage-type-wrapper .group-left {
        padding-right: 0;
    }
}

.page .node-basicpage-type-wrapper .group-left p {
    font-family: "Droid Serif", serif;
    font-size: 1em;
    line-height: 1.65em;
    font-style: italic;
}

.page .node-basicpage-type-wrapper .group-right {
    margin-bottom: 2.5em;
    margin-top: 1.6em;
}

@media only screen and (min-width: 768px) {
    .page .node-basicpage-type-wrapper .group-right {
        margin-bottom: 2.1em;
        margin-top: 1.7em;
    }
}

@media only screen and (min-width: 1024px) {
    .page .node-basicpage-type-wrapper .group-right {
        margin-top: 2.525em;
    }
}

.page .node-basicpage-type-wrapper .group-right p {
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0.3px;
    margin-bottom: 2.2em;
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    .page .node-basicpage-type-wrapper .group-right p {
        font-size: 1em;
    }
}

.page .node-basicpage-type-wrapper .group-right iframe {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .page .node-basicpage-type-wrapper .group-right iframe {
        max-width: 500px;
    }
}

@media only screen and (min-width: 1024px) {
    .page .node-basicpage-type-wrapper .group-right iframe {
        max-width: 700px;
    }
}

.link-to-page p {
    margin-bottom: 0 !important;
}

.link-to-page a {
    text-align: left;
    display: inline-block;
    font-family: "Droid Serif", serif;
    vertical-align: middle;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
    margin-top: 0;
    position: relative;
    line-height: 1.4em;
    font-style: italic;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    .link-to-page a {
        margin-top: 1.1em;
        margin-bottom: 1.1em;
    }
}

@media only screen and (min-width: 1024px) {
    .link-to-page a {
        margin-top: 2.4em;
        margin-bottom: 2.4em;
    }
}

@media only screen and (min-width: 1280px) {
    .link-to-page a {
        font-size: 1em;
    }
}

.link-to-page a:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/custom/svg/arrow-icon-teal.svg");
    left: 0;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width: 768px) {
    .link-to-page a:before {
        width: 42px;
        height: 42px;
    }
}

.link-to-page a:hover:before {
    margin-left: 10px;
}

#shortcuts {
    margin-top: 2.5em;
    background: linear-gradient(to bottom, #000000 0%, #000000 80%, #ffffff 80.1%, #ffffff 100%);
    display: none;
}

@media only screen and (min-width: 768px) {
    #shortcuts {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    #shortcuts {
        margin-top: 5.4em;
    }
}

#shortcuts.akasa {
    margin-top: 2.8em;
}

#shortcuts.akasa a .director-hover-text {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #shortcuts.akasa a .director-hover-text {
        font-size: 1em;
    }
}

#shortcuts a {
    position: relative;
    display: block;
}

#shortcuts a .director-hover-text {
    opacity: 1;
    z-index: 10;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    padding: 6px;
    font-size: calc(11px + 0.39063vw);
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (min-width: 1024px) {
    #shortcuts a .director-hover-text {
        opacity: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #shortcuts a .director-hover-text {
        font-size: 1.05em;
    }
}

#shortcuts a .director-hover-text:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 4px;
    right: 8px;
    left: auto;
    bottom: auto;
    background-image: url("../images/custom/svg/down-white.svg");
    background-repeat: no-repeat;
}

#shortcuts a:hover > .director-hover-text {
    opacity: 1;
}

@media only screen and (min-width: 1024px) {
    .form-wrapper .col-sm-10 {
        margin-left: -55px;
    }
}

@media only screen and (min-width: 1024px) {
    #eco-development-wrapper {
        padding: 0 0 5.9em;
    }
}

#bainultra-values {
    padding: 2em 0 0;
}

@media only screen and (min-width: 768px) {
    #bainultra-values {
        padding: 2.6em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #bainultra-values {
        padding: 4.35em 0;
    }
}

#bainultra-values .col-md-10 {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    #bainultra-values .col-md-10 {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    #bainultra-values .col-md-10 {
        margin-bottom: 0;
    }
}

#bainultra-values p {
    font-size: calc(13.07692px + 0.64103vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
    #bainultra-values p {
        font-size: calc(18px + 0vw);
    }
}

@media only screen and (min-width: 1280px) {
    #bainultra-values p {
        font-size: 1.125em;
    }
}

#bainultra-values ul {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 1.2em 0.7em;
}

@media only screen and (min-width: 768px) {
    #bainultra-values ul {
        padding: 1.2em 1.7em 1.2em 8.3%;
    }
}

@media only screen and (min-width: 1024px) {
    #bainultra-values ul {
        padding: 1.2em 1.7em;
    }
}

#bainultra-values ul li {
    display: inline-block;
    font-weight: 300;
    font-size: calc(16px + 0vw);
    letter-spacing: 0.8px;
}

#bainultra-values ul li:after {
    content: "|";
    display: inline-block;
    color: #e10000;
    margin-left: 5px;
    margin-right: 1px;
}

#bainultra-values ul li:last-child:after {
    content: none;
}

.staff-page-intro,
.akasa-page-intro {
    padding-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    .staff-page-intro,
    .akasa-page-intro {
        padding-bottom: 0;
    }
}

#shortcuts .employee img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("/images/grayscale.svg#greyscale");
    filter: gray;
    -webkit-filter: grayscale(1);
}

#shortcuts .employee img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: url("/images/grayscale.svg#greyscale");
    filter: gray;
    -webkit-filter: grayscale(0);
    filter: none;
}

#henri-brunelle,
#elaine-drolet,
#louis-gendreau,
#marc-tanguay,
#michel-thibault {
    padding: 2em 0 0;
}

@media only screen and (min-width: 768px) {
    #henri-brunelle,
    #elaine-drolet,
    #louis-gendreau,
    #marc-tanguay,
    #michel-thibault {
        padding: 2.7em 0 2em;
    }
}

@media only screen and (min-width: 1024px) {
    #henri-brunelle,
    #elaine-drolet,
    #louis-gendreau,
    #marc-tanguay,
    #michel-thibault {
        padding: 3.9em 0 2em;
    }
}

#henri-brunelle h2,
#elaine-drolet h2,
#louis-gendreau h2,
#marc-tanguay h2,
#michel-thibault h2 {
    color: #ffffff;
    font-size: calc(33.4359px + 0.8547vw);
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 12px;
    margin-bottom: 0.45em;
}

@media only screen and (min-width: 768px) {
    #henri-brunelle h2,
    #elaine-drolet h2,
    #louis-gendreau h2,
    #marc-tanguay h2,
    #michel-thibault h2 {
        font-size: calc(-12.5px + 6.83594vw);
        letter-spacing: 8.6px;
        margin-bottom: 0.6em;
    }
}

@media only screen and (min-width: 1024px) {
    #henri-brunelle h2,
    #elaine-drolet h2,
    #louis-gendreau h2,
    #marc-tanguay h2,
    #michel-thibault h2 {
        letter-spacing: 18px;
    }
}

@media only screen and (min-width: 1280px) {
    #henri-brunelle h2,
    #elaine-drolet h2,
    #louis-gendreau h2,
    #marc-tanguay h2,
    #michel-thibault h2 {
        font-size: 4.688em;
    }
}

#henri-brunelle p,
#elaine-drolet p,
#louis-gendreau p,
#marc-tanguay p,
#michel-thibault p {
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
    line-height: 1.25em;
    margin-bottom: 15px;
    font-weight: 400;
}

@media only screen and (min-width: 1024px) {
    #henri-brunelle p,
    #elaine-drolet p,
    #louis-gendreau p,
    #marc-tanguay p,
    #michel-thibault p {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 1280px) {
    #henri-brunelle p,
    #elaine-drolet p,
    #louis-gendreau p,
    #marc-tanguay p,
    #michel-thibault p {
        font-size: 1em;
    }
}

#henri-brunelle img,
#elaine-drolet img,
#louis-gendreau img,
#marc-tanguay img,
#michel-thibault img {
    padding-bottom: 1em;
}

#henri-brunelle.white-bg h2,
#elaine-drolet.white-bg h2,
#louis-gendreau.white-bg h2,
#marc-tanguay.white-bg h2,
#michel-thibault.white-bg h2 {
    color: #3db9c5;
}

#henri-brunelle .job-title,
#elaine-drolet .job-title,
#louis-gendreau .job-title,
#marc-tanguay .job-title,
#michel-thibault .job-title {
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#henri-brunelle .director-image-wrapper,
#elaine-drolet .director-image-wrapper,
#louis-gendreau .director-image-wrapper,
#marc-tanguay .director-image-wrapper,
#michel-thibault .director-image-wrapper {
    margin-top: 0.7em;
}

@media only screen and (min-width: 1024px) {
    #henri-brunelle .director-image-wrapper,
    #elaine-drolet .director-image-wrapper,
    #louis-gendreau .director-image-wrapper,
    #marc-tanguay .director-image-wrapper,
    #michel-thibault .director-image-wrapper {
        margin-left: -55px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    #henri-brunelle .director-image-wrapper img,
    #elaine-drolet .director-image-wrapper img,
    #louis-gendreau .director-image-wrapper img,
    #marc-tanguay .director-image-wrapper img,
    #michel-thibault .director-image-wrapper img {
        padding-left: 25px;
    }
}

@media only screen and (min-width: 1024px) {
    #henri-brunelle .director-image-wrapper img,
    #elaine-drolet .director-image-wrapper img,
    #louis-gendreau .director-image-wrapper img,
    #marc-tanguay .director-image-wrapper img,
    #michel-thibault .director-image-wrapper img {
        padding-left: 45px;
    }
}

#henri-brunelle .director-image-wrapper p,
#elaine-drolet .director-image-wrapper p,
#louis-gendreau .director-image-wrapper p,
#marc-tanguay .director-image-wrapper p,
#michel-thibault .director-image-wrapper p {
    margin-bottom: 0;
}

#inspiration-gallery-text {
    padding-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-text {
        padding-bottom: 0;
    }
}

#inspiration-gallery-text p {
    letter-spacing: 0.3px;
    line-height: 1.4em;
}

#inspiration-gallery-videos-slider-wrapper .owl-video-play-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    left: 50%;
    top: 55%;
    margin-left: -25px;
    margin-top: -40px;
    background: url("../images/custom/svg/video-play.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-videos-slider-wrapper .owl-video-play-icon {
        margin-left: -30px;
        top: 50%;
    }
}

#inspiration-gallery-videos-slider-wrapper .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3);
}

#inspiration-gallery-videos-slider-wrapper .owl-video-tn {
    height: 225px;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-videos-slider-wrapper .owl-video-tn {
        height: 390px;
    }
}

@media only screen and (min-width: 1024px) {
    #inspiration-gallery-videos-slider-wrapper .owl-video-tn {
        height: 700px;
    }
}

#inspiration-gallery-videos-slider-wrapper .owl-nav {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav {
        margin-bottom: 0;
        margin-top: 0;
    }
}

#inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev,
#inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev,
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next {
        height: 50px;
        width: 50px;
        top: 40%;
    }
}

@media only screen and (min-width: 1024px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev,
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next {
        top: 44.5%;
    }
}

#inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev {
    background: url("../images/custom/svg/video-prev.svg") no-repeat;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev {
        position: absolute;
        left: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev {
        left: 50px;
    }
}

#inspiration-gallery-videos-slider-wrapper .owl-nav .owl-prev:hover {
    background: url("../images/custom/svg/video-prev-hover.svg") no-repeat;
}

#inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next {
    background: url("../images/custom/svg/video-next.svg") no-repeat;
}

@media only screen and (min-width: 768px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next {
        position: absolute;
        right: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next {
        right: 50px;
    }
}

#inspiration-gallery-videos-slider-wrapper .owl-nav .owl-next:hover {
    background: url("../images/custom/svg/video-next-hover.svg") no-repeat;
}

#in-search-of-inspiration-wrapper {
    padding: 2em 0 0.6em;
}

@media only screen and (min-width: 768px) {
    #in-search-of-inspiration-wrapper {
        padding: 3.9em 0 2em;
    }
}

@media only screen and (min-width: 1024px) {
    #in-search-of-inspiration-wrapper {
        padding: 5.9em 0 3em;
    }
}

#in-search-of-inspiration-wrapper .col-md-12.col-sm-12 #inspiration-gallery-apps-wrapper {
    margin-top: 1em;
}

@media only screen and (min-width: 768px) {
    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 #inspiration-gallery-apps-wrapper {
        margin-top: 1.4em;
    }
}

@media only screen and (min-width: 768px) {
    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 #inspiration-gallery-apps-wrapper .img-height-hack img {
        padding-right: 5px !important;
    }
}

#in-search-of-inspiration-wrapper .col-md-12.col-sm-12 #inspiration-gallery-apps-wrapper img {
    max-width: 200px;
    margin: auto;
}

@media only screen and (min-width: 768px) {
    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 #inspiration-gallery-apps-wrapper img {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    #in-search-of-inspiration-wrapper .col-md-12.col-sm-12 .col-md-5 img {
        padding: 0 5.3% 0% 8.6%;
    }
}

#in-search-of-inspiration-wrapper .subtitle,
#stay-inspired-wrapper .subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-top: 13px;
    margin-bottom: 25px;
    line-height: 1.4em;
}

@media only screen and (min-width: 768px) {
    #in-search-of-inspiration-wrapper .subtitle,
    #stay-inspired-wrapper .subtitle {
        letter-spacing: 3.6px;
    }
}

@media only screen and (min-width: 1280px) {
    #in-search-of-inspiration-wrapper .subtitle,
    #stay-inspired-wrapper .subtitle {
        font-size: 1.125em;
    }
}

#stay-inspired-wrapper h2,
#in-search-of-inspiration-wrapper h2 {
    text-transform: uppercase;
    font-size: calc(27.85714px + 0.71429vw);
    font-weight: 300;
    letter-spacing: 4.8px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    #stay-inspired-wrapper h2,
    #in-search-of-inspiration-wrapper h2 {
        letter-spacing: 6.2px;
    }
}

@media only screen and (min-width: 1280px) {
    #stay-inspired-wrapper h2,
    #in-search-of-inspiration-wrapper h2 {
        font-size: 2.313em;
    }
}

#stay-inspired-wrapper {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #stay-inspired-wrapper {
        padding: 4em 0;
    }
}

@media only screen and (min-width: 1024px) {
    #stay-inspired-wrapper {
        padding: 5.5em 0 5.4em;
    }
}

#stay-inspired-wrapper .col-md-5 {
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 768px) {
    #stay-inspired-wrapper .col-md-5 {
        background-color: #6d6d6f;
        padding-right: 0;
        padding-left: 8.1%;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) {
    #stay-inspired-wrapper .col-md-4 {
        padding-left: 5%;
    }
}

@media only screen and (min-width: 1024px) {
    #stay-inspired-wrapper .col-md-4 {
        padding-left: 0;
    }
}

#stay-inspired-wrapper .subtitle {
    margin-bottom: 5px;
}

#stay-inspired-wrapper .link-to-newsletter {
    margin-top: 1em;
}

@media only screen and (min-width: 768px) {
    #stay-inspired-wrapper .link-to-newsletter {
        margin-top: 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #stay-inspired-wrapper .link-to-newsletter {
        margin-top: 3.4em;
    }
}

#stay-inspired-wrapper .link-to-newsletter a {
    text-decoration: underline;
    margin-bottom: 1em;
    display: inline-block;
    letter-spacing: 0.3px;
    line-height: 1.4em;
}

#stay-inspired-wrapper .link-to-newsletter a:hover, #stay-inspired-wrapper .link-to-newsletter a:active {
    color: #3db9c5;
}

#stay-inspired-wrapper .small {
    font-size: calc(14px + 0vw);
}

@media only screen and (min-width: 1280px) {
    #stay-inspired-wrapper .small {
        font-size: 0.875em;
    }
}

#stay-inspired-wrapper .drop-of-design {
    background-color: #4a4a4a;
    color: #b1b1b1;
    padding: 1em;
}

@media only screen and (min-width: 1024px) {
    #stay-inspired-wrapper .drop-of-design {
        padding: 2em;
    }
}

#stay-inspired-wrapper .drop-of-design .a-drop-of-design-title {
    font-size: 2.2em;
    padding: 10px 1em 10px 0;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1em;
}

@media only screen and (min-width: 1024px) {
    #stay-inspired-wrapper .drop-of-design .a-drop-of-design-title {
        font-size: 3em;
        padding: 10px 1em 15px 0;
    }
}

#stay-inspired-wrapper .drop-of-design .a-drop-of-design-title strong {
    color: #ffffff;
    font-weight: 700;
}

#stay-inspired-wrapper .drop-of-design .a-drop-of-design-slogan {
    font-weight: 300;
    font-size: 1.2em;
}

#ressources-wrapper .link-to-bimobjectcloud a {
    border: 1px solid #3db9c5;
    padding: 0.5em 1em;
    background-color: transparent;
    color: #3db9c5;
    font-family: "Droid Serif", serif;
    font-style: italic;
    font-size: calc(14px + 0vw);
}

@media only screen and (min-width: 1280px) {
    #ressources-wrapper .link-to-bimobjectcloud a {
        font-size: 1.5em;
    }
}

#ressources-wrapper .link-to-bimobjectcloud a:hover, #ressources-wrapper .link-to-bimobjectcloud a:active {
    background-color: #3db9c5;
    color: #ffffff;
    text-decoration: none;
}

#ressources-wrapper img {
    padding-bottom: 12px;
}

@media only screen and (min-width: 768px) {
    #ressources-wrapper img {
        padding-bottom: 0;
    }
}

#ressources-links {
    padding: 2em 0;
}

#ressources-links h2 {
    font-weight: 400;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

@media only screen and (min-width: 1280px) {
    #ressources-links h2 {
        font-size: 1.125em;
    }
}

#ressources-links h3 {
    font-weight: 400;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin: 1.5em 0 1em;
    line-height: 1.3em;
}

@media only screen and (min-width: 768px) {
    #ressources-links h3 {
        margin: 2.5em 0 0.6em;
    }
}

@media only screen and (min-width: 1280px) {
    #ressources-links h3 {
        font-size: 1.125em;
    }
}

#ressources-links .ressources-contact a {
    color: #3db9c5;
}

#ressources-links .ressources-contact a:hover, #ressources-links .ressources-contact a:active {
    text-decoration: underline;
}

#ressources-links .ressources-contact p {
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.4em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #ressources-links .ressources-contact p {
        font-size: 1em;
    }
}

#ressources-links .links-redirection a {
    color: #3db9c5;
    font-size: calc(14px + 0vw);
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 1.1em;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    #ressources-links .links-redirection a {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #ressources-links .links-redirection a {
        font-size: 0.875em;
    }
}

#ressources-links .links-redirection a:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.35em;
    background-image: url("../images/custom/svg/small-arrow-icon-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#ressources-links .links-redirection a:hover:after, #ressources-links .links-redirection a:active:after {
    background-image: url("../images/custom/svg/small-arrow-icon-red-hover.svg");
}

#contact-us {
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 768px) {
    #contact-us {
        margin-bottom: 2.1em;
    }
}

#contact-us #page-title {
    margin-bottom: 1.1em;
}

@media only screen and (min-width: 768px) {
    #contact-us #page-title:after {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 768px) {
    #contact-us #page-title h1 {
        letter-spacing: 5.6px;
    }
}

#contact-us .italic-subtitle {
    margin-bottom: 2.5em;
}

#contact-us p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 1.1em;
    font-weight: 400;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #contact-us p {
        font-size: 1em;
    }
}

#contact-us-infos h3 {
    color: #3db9c5;
    font-size: calc(14.38776px + 0.20408vw);
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.318em;
}

@media only screen and (min-width: 768px) {
    #contact-us-infos h3 {
        margin-bottom: 30px;
    }
}

#contact-us-infos p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 0.5em;
    font-weight: 400;
    line-height: 1.4em;
}

#contact-us-infos .infos-block {
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    #contact-us-infos .infos-block {
        margin-bottom: 3.25em;
    }
}

#contact-us-infos .infos-block:last-of-type {
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    #contact-us-infos .infos-block:last-of-type {
        margin-bottom: 3.3em;
    }
}

#contact-us-infos .infos-block .contact-infos {
    margin-top: 1em;
}

@media only screen and (min-width: 768px) {
    #contact-us-infos .infos-block .contact-infos {
        margin-top: 1.9em;
    }
}

@media only screen and (min-width: 768px) {
    #order-online {
        padding: 0 5.5%;
    }
}

#order-online .order-online-zone {
    background-color: #191919;
    padding: 1.8em 0.7em;
}

@media only screen and (min-width: 768px) {
    #order-online .order-online-zone {
        padding: 2em 2.3em 0.6em;
    }
}

#order-online .order-online-zone h2 {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3.6px;
    line-height: 1.3em;
}

#order-online .order-online-zone a {
    display: inline-block;
    text-transform: uppercase;
    font-size: calc(14px + 0vw);
    border: 1px solid #e10000;
    color: #ffffff;
    background-color: transparent;
    padding: 0.55em 2.2em 0.55em 0.95em;
    position: relative;
    text-decoration: none;
    letter-spacing: 0.3px;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #order-online .order-online-zone a {
        font-size: 0.875em;
    }
}

#order-online .order-online-zone a:after {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("../images/custom/svg/arrow-red.svg");
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    top: 2px;
    right: 2px;
}

#order-online .order-online-zone a:first-of-type {
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 768px) {
    #order-online .order-online-zone a:first-of-type {
        margin-right: 9.6%;
    }
}

@media only screen and (min-width: 1024px) {
    #order-online .order-online-zone a:first-of-type {
        margin-right: 0.5%;
    }
}

@media only screen and (min-width: 1280px) {
    #order-online .order-online-zone a:first-of-type {
        margin-right: 12.2%;
    }
}

#order-online .order-online-zone a:hover, #order-online .order-online-zone a:active {
    background-color: #e10000;
    text-decoration: none;
}

#order-online .order-online-zone a:hover:after, #order-online .order-online-zone a:active:after {
    background-image: url("../images/custom/svg/arrow-white.svg");
}

#order-tools iframe {
    width: 100%;
}

#order-tools iframe {
    height: 2180px;
}

@media only screen and (min-width: 768px) {
    #order-tools iframe {
        height: 1860px;
        padding: 0 5.5%;
    }
}

@media only screen and (min-width: 1024px) {
    #order-tools iframe {
        height: 1800px;
        padding: 0 5.5%;
    }
}

.error-404 h1 {
    font-size: calc(42.04082px + 7.65306vw);
    text-transform: initial;
    margin-top: 0;
    letter-spacing: 8px;
    font-weight: 300;
    line-height: 1.3em;
}

@media only screen and (min-width: 768px) {
    .error-404 h1 {
        margin-top: 0.45em;
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    .error-404 h1 {
        font-size: 8.75em;
    }
}

.error-404 .subtitle {
    font-size: calc(24.73469px + 2.7551vw);
    color: #3db9c5;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5.8px;
    line-height: 1.2em;
}

@media only screen and (min-width: 768px) {
    .error-404 .subtitle {
        padding-top: 0.3em;
    }
}

@media only screen and (min-width: 1280px) {
    .error-404 .subtitle {
        font-size: 3.75em;
    }
}

.error-404 .group-center p {
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
    margin-bottom: 1.3em;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    .error-404 .group-center p {
        font-size: 1em;
    }
}

.error-404 .group-center p a {
    text-decoration: underline;
}

.error-404 .group-center p a:hover, .error-404 .group-center p a:active, .error-404 .group-center p a:focus {
    text-decoration: none;
}

.error-404 .oops-text {
    padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .error-404 .oops-text {
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 1024px) {
    .error-404 .oops-text {
        padding-bottom: 90px;
    }
}

.error-404 #page-title:after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #e10000;
    margin-top: 18px;
    margin-left: -30px;
}

@media only screen and (min-width: 768px) {
    .error-404 #page-title:after {
        margin-top: 32px;
    }
}

#zone-documentation {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #zone-documentation {
        padding: 2.6em 0 2em;
    }
}

@media only screen and (min-width: 1024px) {
    #zone-documentation {
        padding: 4.2em 0 3em;
    }
}

#documentation-order-online {
    padding-bottom: 2em;
    margin-top: -16px;
}

@media only screen and (min-width: 768px) {
    #documentation-order-online {
        padding-bottom: 3em;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-order-online {
        padding-bottom: 4em;
    }
}

#documentation-order-online #order-online h2 {
    margin-bottom: 1.5em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #documentation-order-online #order-online h2 {
        font-size: 1.125em;
    }
}

#order-cutting iframe {
    width: 100%;
}

#order-cutting iframe {
    height: 1500px;
}

@media only screen and (min-width: 768px) {
    #order-cutting iframe {
        height: 1450px;
        padding: 0 5.5%;
    }
}

@media only screen and (min-width: 1024px) {
    #order-cutting iframe {
        height: 1400px;
        padding: 0 5.5%;
    }
}

#documentation-forms h3 {
    font-size: calc(18px + 0vw);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3.5px;
    line-height: 1.25em;
    padding: 1em 12px 0.9em;
    color: #272727;
    user-select: none;
}

@media only screen and (min-width: 768px) {
    #documentation-forms h3 {
        padding: 2.5em 0 1em 2em;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-forms h3 {
        padding: 2.5em 0 1em 2em;
    }
}

@media only screen and (min-width: 1280px) {
    #documentation-forms h3 {
        font-size: 1.125em;
    }
}

#documentation-forms .form-wrapper {
    background-color: #000000;
}

#documentation-forms .form-wrapper .col-md-10 {
    width: 100%;
    margin-left: 0;
    left: 0;
}

#documentation-forms .form-wrapper .form-wrapper {
    background-color: #272727;
}

#documentation-forms .pager {
    width: 100%;
    float: left;
}

#documentation-forms [id^="edit-actions"] .form-submit {
    border: 1px solid #3db9c5;
    padding: 0.5em 1em;
    background-color: transparent;
    color: #3db9c5;
    font-family: "Droid Serif", serif;
    font-style: italic;
    font-size: calc(14px + 0vw);
    width: 102px !important;
    height: 29px;
    font-weight: 100 !important;
    letter-spacing: 0.4px;
    line-height: 0;
    margin-top: 2em;
}

#documentation-forms [id^="edit-actions"] .form-submit:focus {
    outline-color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    #documentation-forms [id^="edit-actions"] .form-submit {
        margin-left: 0.4em;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #documentation-forms [id^="edit-actions"] .form-submit {
        font-size: 0.875em;
    }
}

#documentation-forms [id^="edit-actions"] .form-submit:hover, #documentation-forms [id^="edit-actions"] .form-submit:active {
    background-color: #3db9c5;
    color: #ffffff;
    text-decoration: none;
}

#documentation-forms form.views-exposed-form {
    padding: 0 15px 2.1em 15px;
}

@media only screen and (min-width: 768px) {
    #documentation-forms form.views-exposed-form {
        margin-bottom: 2.9em;
        padding: 0 0 3.1em 2.3em;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-forms form.views-exposed-form {
        padding: 0 0 3.1em 2.3em;
        margin-bottom: 3.1em;
    }
}

#documentation-forms form.views-exposed-form select {
    border: 1px solid #e10000;
    color: #ffffff;
    background-color: #262626;
    border-radius: 0;
    font-weight: 100;
    width: 100%;
    height: 29px;
    padding: 0 1em;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

#documentation-forms form.views-exposed-form select:focus {
    outline-color: #e10000;
}

@media only screen and (min-width: 768px) {
    #documentation-forms form.views-exposed-form select {
        width: 63.2%;
        float: left;
    }
}

#documentation-forms form.views-exposed-form input {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #documentation-forms form.views-exposed-form input {
        width: 79.6%;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-forms form.views-exposed-form input {
        width: 79.1%;
    }
}

#documentation-forms form.views-exposed-form input[id^='edit-title'] {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #documentation-forms form.views-exposed-form input[id^='edit-title'] {
        margin-bottom: 3em;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-forms form.views-exposed-form input[id^='edit-title'] {
        margin-bottom: 4.6em;
    }
}

#documentation-forms form.views-exposed-form label {
    display: block;
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin-bottom: 0.4em;
}

@media only screen and (min-width: 1280px) {
    #documentation-forms form.views-exposed-form label {
        font-size: 1.125em;
    }
}

#documentation-forms h3,
#documentation-forms form.views-exposed-form {
    background-color: #272727;
}

@media only screen and (min-width: 768px) {
    #documentation-forms h3,
    #documentation-forms form.views-exposed-form {
        margin-left: 5.5%;
        max-width: 88.8%;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-forms h3,
    #documentation-forms form.views-exposed-form {
        margin-left: 5.5%;
        max-width: 55.2%;
    }
}

#documentation-forms h3 label,
#documentation-forms form.views-exposed-form label {
    margin-top: 0;
}

#documentation-forms form.views-exposed-form {
    margin-top: 0;
}

#documentation-forms .tha-wrapper-fond-blanc {
    padding: 3em 15px 3em;
    background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
    #documentation-forms .tha-wrapper-fond-blanc {
        padding: 3.5em 0;
    }
}

#documentation-forms .tha-wrapper-fond-blanc h3 {
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3.4px;
    line-height: 1.25em;
    padding: 0;
    color: #3db9c5;
    background-color: transparent;
    max-width: 100%;
    margin-bottom: 1.35em;
}

@media only screen and (min-width: 768px) {
    #documentation-forms .tha-wrapper-fond-blanc h3 {
        padding: 0 0 0 0.9em;
        letter-spacing: 6.6px;
    }
}

@media only screen and (min-width: 1024px) {
    #documentation-forms .tha-wrapper-fond-blanc h3 {
        padding: 0 0 0 0.9em;
    }
}

@media only screen and (min-width: 1280px) {
    #documentation-forms .tha-wrapper-fond-blanc h3 {
        font-size: 2.313em;
    }
}

#documentation-forms .tha-wrapper-fond-blanc ul li {
    padding-left: 2.8em;
}

#documentation-forms .tha-wrapper-fond-blanc ul li:not(:last-of-type) {
    margin-bottom: 1.5em;
}

#documentation-forms .tha-wrapper-fond-blanc ul li a {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #000000;
    position: relative;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #documentation-forms .tha-wrapper-fond-blanc ul li a {
        font-size: 1em;
    }
}

#documentation-forms .tha-wrapper-fond-blanc ul li a:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    position: absolute;
    left: -47px;
    top: -17px;
    background-image: url("../images/custom/svg/download.svg");
}

.node-basicpage-type-wrapper .node-basicpage-type-wrapper {
    margin-top: 0 !important;
}

#create-bath-description-wrapper {
    padding: 0 0 5px;
}

@media only screen and (min-width: 768px) {
    #create-bath-description-wrapper {
        padding: 0 0 55px;
    }
}

#create-bath-description-wrapper .col-md-2 {
    margin-top: 1.2em;
}

@media only screen and (min-width: 768px) {
    #create-bath-description-wrapper .col-md-2 {
        margin-top: 3.3em;
    }
}

#create-bath-description-wrapper .col-md-2 p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 0.8em;
    line-height: 1.4em;
    letter-spacing: 0.8px;
}

@media only screen and (min-width: 1280px) {
    #create-bath-description-wrapper .col-md-2 p {
        font-size: 1em;
    }
}

#create-bath-description-wrapper .col-sm-12:before {
    clear: both;
    content: " ";
    display: table;
}

#create-bath-description-wrapper .create-bath-description-image-wrapper {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper {
        padding-left: 1.1em;
        padding-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper {
        padding-left: 0;
    }
}

#create-bath-description-wrapper .create-bath-description-image-wrapper img,
#create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper img,
    #create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper {
        margin-left: 5px;
    }
}

@media only screen and (min-width: 1024px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper img,
    #create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper {
        margin-left: 55px;
        margin-top: -60px;
    }
}

#create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper {
    position: relative;
    bottom: 28px;
    right: 22px;
}

@media only screen and (min-width: 768px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper {
        position: absolute;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper {
        position: relative;
        bottom: -40px;
        right: -20px;
    }
}

#create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper p {
    color: rgba(255, 255, 255, 0.5);
    padding-left: 0;
    text-align: right;
    text-transform: uppercase;
    font-size: calc(8.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    #create-bath-description-wrapper .create-bath-description-image-wrapper .create-bath-image-description-wrapper p {
        font-size: 0.688em;
    }
}

#a-la-vanguardia,
#cinco-ventajas {
    padding: 30px 0 12px;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia,
    #cinco-ventajas {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia,
    #cinco-ventajas {
        padding: 87px 0 50px;
    }
}

#fabricado-a-mano {
    padding: 30px 0 12px;
}

@media only screen and (min-width: 768px) {
    #fabricado-a-mano {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #fabricado-a-mano {
        padding: 87px 0 93px;
    }
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia .create-bath-image-wrapper {
        margin-top: 2em;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia .create-bath-image-wrapper {
        margin-top: 0;
    }
}

#cinco-ventajas #design-characteristics-wrapper:before {
    clear: both;
    content: " ";
    display: table;
}

#cinco-ventajas #design-characteristics-wrapper .builder-row:not(:last-of-type) {
    margin-bottom: 1.9em;
}

@media only screen and (min-width: 768px) {
    #cinco-ventajas #design-characteristics-wrapper .builder-row:not(:last-of-type) {
        margin-bottom: 2em;
    }
}

#create-bath-fabrication-wrapper {
    padding: 30px 0 12px;
}

@media only screen and (min-width: 768px) {
    #create-bath-fabrication-wrapper {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #create-bath-fabrication-wrapper {
        padding: 88px 0 50px;
    }
}

#create-bath-fabrication-wrapper .col-sm-12:before {
    clear: both;
    content: " ";
    display: table;
}

#a-la-vanguardia.grey-bg h2,
#fabricado-a-mano.grey-bg h2,
#cinco-ventajas.grey-bg h2,
#create-bath-fabrication-wrapper.grey-bg h2 {
    color: #3db9c5;
}

#a-la-vanguardia.white-bg h2,
#fabricado-a-mano.white-bg h2,
#cinco-ventajas.white-bg h2,
#create-bath-fabrication-wrapper.white-bg h2 {
    color: rgba(0, 0, 0, 0.2);
}

#a-la-vanguardia h2,
#fabricado-a-mano h2,
#cinco-ventajas h2,
#create-bath-fabrication-wrapper h2 {
    color: #ffffff;
    font-size: calc(18.66667px + 2.77778vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 12px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia h2,
    #fabricado-a-mano h2,
    #cinco-ventajas h2,
    #create-bath-fabrication-wrapper h2 {
        font-size: calc(-12.5px + 6.83594vw);
        font-weight: 100;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia h2,
    #fabricado-a-mano h2,
    #cinco-ventajas h2,
    #create-bath-fabrication-wrapper h2 {
        letter-spacing: 11.3px;
    }
}

@media only screen and (min-width: 1280px) {
    #a-la-vanguardia h2,
    #fabricado-a-mano h2,
    #cinco-ventajas h2,
    #create-bath-fabrication-wrapper h2 {
        font-size: 4.688em;
    }
}

#a-la-vanguardia h3,
#fabricado-a-mano h3,
#cinco-ventajas h3,
#create-bath-fabrication-wrapper h3 {
    font-size: calc(13.07692px + 0.64103vw);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    line-height: 1.25em;
    margin-bottom: 0.9em;
    padding-left: 44px;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia h3,
    #fabricado-a-mano h3,
    #cinco-ventajas h3,
    #create-bath-fabrication-wrapper h3 {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #a-la-vanguardia h3,
    #fabricado-a-mano h3,
    #cinco-ventajas h3,
    #create-bath-fabrication-wrapper h3 {
        font-size: 1.125em;
    }
}

#a-la-vanguardia ul li,
#fabricado-a-mano ul li,
#cinco-ventajas ul li,
#create-bath-fabrication-wrapper ul li {
    padding-left: 25px;
}

#a-la-vanguardia ul li:before,
#fabricado-a-mano ul li:before,
#cinco-ventajas ul li:before,
#create-bath-fabrication-wrapper ul li:before {
    color: #000000;
    content: "•";
    font-size: 1.2em;
    margin-left: -15px;
    padding-right: 9px;
    vertical-align: middle;
}

#a-la-vanguardia p, #a-la-vanguardia ul,
#fabricado-a-mano p,
#fabricado-a-mano ul,
#cinco-ventajas p,
#cinco-ventajas ul,
#create-bath-fabrication-wrapper p,
#create-bath-fabrication-wrapper ul {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 0.8em;
    line-height: 1.3em;
    letter-spacing: 0.8px;
}

@media only screen and (min-width: 1280px) {
    #a-la-vanguardia p, #a-la-vanguardia ul,
    #fabricado-a-mano p,
    #fabricado-a-mano ul,
    #cinco-ventajas p,
    #cinco-ventajas ul,
    #create-bath-fabrication-wrapper p,
    #create-bath-fabrication-wrapper ul {
        font-size: 1em;
    }
}

#a-la-vanguardia .handmade-video-wrapper,
#fabricado-a-mano .handmade-video-wrapper,
#cinco-ventajas .handmade-video-wrapper,
#create-bath-fabrication-wrapper .handmade-video-wrapper {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia .handmade-video-wrapper,
    #fabricado-a-mano .handmade-video-wrapper,
    #cinco-ventajas .handmade-video-wrapper,
    #create-bath-fabrication-wrapper .handmade-video-wrapper {
        margin-top: 40px;
        padding-right: 60px;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia .handmade-video-wrapper,
    #fabricado-a-mano .handmade-video-wrapper,
    #cinco-ventajas .handmade-video-wrapper,
    #create-bath-fabrication-wrapper .handmade-video-wrapper {
        padding: 0 3%;
    }
}

#a-la-vanguardia .handmade-video-wrapper p,
#fabricado-a-mano .handmade-video-wrapper p,
#cinco-ventajas .handmade-video-wrapper p,
#create-bath-fabrication-wrapper .handmade-video-wrapper p {
    margin: 0 !important;
    max-width: 500px;
}

#a-la-vanguardia .handmade-video-wrapper iframe,
#fabricado-a-mano .handmade-video-wrapper iframe,
#cinco-ventajas .handmade-video-wrapper iframe,
#create-bath-fabrication-wrapper .handmade-video-wrapper iframe {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 320px !important;
}

#a-la-vanguardia .handmade-video-wrapper.one-video p,
#fabricado-a-mano .handmade-video-wrapper.one-video p,
#cinco-ventajas .handmade-video-wrapper.one-video p,
#create-bath-fabrication-wrapper .handmade-video-wrapper.one-video p {
    padding-right: 0;
}

#a-la-vanguardia .create-bath-image-wrapper,
#fabricado-a-mano .create-bath-image-wrapper,
#cinco-ventajas .create-bath-image-wrapper,
#create-bath-fabrication-wrapper .create-bath-image-wrapper {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia .create-bath-image-wrapper,
    #fabricado-a-mano .create-bath-image-wrapper,
    #cinco-ventajas .create-bath-image-wrapper,
    #create-bath-fabrication-wrapper .create-bath-image-wrapper {
        padding: 3% 7.5% 2% 1.5%;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia .create-bath-image-wrapper,
    #fabricado-a-mano .create-bath-image-wrapper,
    #cinco-ventajas .create-bath-image-wrapper,
    #create-bath-fabrication-wrapper .create-bath-image-wrapper {
        padding: 0.9% 4.5% 2.9% 4.1%;
    }
}

#a-la-vanguardia .create-bath-image-wrapper p,
#fabricado-a-mano .create-bath-image-wrapper p,
#cinco-ventajas .create-bath-image-wrapper p,
#create-bath-fabrication-wrapper .create-bath-image-wrapper p {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia .characteristics-wrapper,
    #fabricado-a-mano .characteristics-wrapper,
    #cinco-ventajas .characteristics-wrapper,
    #create-bath-fabrication-wrapper .characteristics-wrapper {
        padding-left: 3.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia .characteristics-wrapper,
    #fabricado-a-mano .characteristics-wrapper,
    #cinco-ventajas .characteristics-wrapper,
    #create-bath-fabrication-wrapper .characteristics-wrapper {
        padding-left: 7.3%;
    }
}

#a-la-vanguardia .characteristics-wrapper.characteristics-01 h3,
#a-la-vanguardia .characteristics-wrapper.characteristics-02 h3,
#a-la-vanguardia .characteristics-wrapper.characteristics-03 h3,
#a-la-vanguardia .characteristics-wrapper.characteristics-04 h3,
#a-la-vanguardia .characteristics-wrapper.characteristics-05 h3,
#fabricado-a-mano .characteristics-wrapper.characteristics-01 h3,
#fabricado-a-mano .characteristics-wrapper.characteristics-02 h3,
#fabricado-a-mano .characteristics-wrapper.characteristics-03 h3,
#fabricado-a-mano .characteristics-wrapper.characteristics-04 h3,
#fabricado-a-mano .characteristics-wrapper.characteristics-05 h3,
#cinco-ventajas .characteristics-wrapper.characteristics-01 h3,
#cinco-ventajas .characteristics-wrapper.characteristics-02 h3,
#cinco-ventajas .characteristics-wrapper.characteristics-03 h3,
#cinco-ventajas .characteristics-wrapper.characteristics-04 h3,
#cinco-ventajas .characteristics-wrapper.characteristics-05 h3,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-01 h3,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-02 h3,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-03 h3,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-04 h3,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-05 h3 {
    position: relative;
}

#a-la-vanguardia .characteristics-wrapper.characteristics-01 h3:before,
#a-la-vanguardia .characteristics-wrapper.characteristics-02 h3:before,
#a-la-vanguardia .characteristics-wrapper.characteristics-03 h3:before,
#a-la-vanguardia .characteristics-wrapper.characteristics-04 h3:before,
#a-la-vanguardia .characteristics-wrapper.characteristics-05 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-01 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-02 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-03 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-04 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-05 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-01 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-02 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-03 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-04 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-05 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-01 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-02 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-03 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-04 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-05 h3:before {
    content: "";
    border: 2px solid #3db9c5;
    border-radius: 50%;
    display: inline-block;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #3db9c5;
    padding: 4px 7px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 14px;
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia .characteristics-wrapper.characteristics-01 h3:before,
    #a-la-vanguardia .characteristics-wrapper.characteristics-02 h3:before,
    #a-la-vanguardia .characteristics-wrapper.characteristics-03 h3:before,
    #a-la-vanguardia .characteristics-wrapper.characteristics-04 h3:before,
    #a-la-vanguardia .characteristics-wrapper.characteristics-05 h3:before,
    #fabricado-a-mano .characteristics-wrapper.characteristics-01 h3:before,
    #fabricado-a-mano .characteristics-wrapper.characteristics-02 h3:before,
    #fabricado-a-mano .characteristics-wrapper.characteristics-03 h3:before,
    #fabricado-a-mano .characteristics-wrapper.characteristics-04 h3:before,
    #fabricado-a-mano .characteristics-wrapper.characteristics-05 h3:before,
    #cinco-ventajas .characteristics-wrapper.characteristics-01 h3:before,
    #cinco-ventajas .characteristics-wrapper.characteristics-02 h3:before,
    #cinco-ventajas .characteristics-wrapper.characteristics-03 h3:before,
    #cinco-ventajas .characteristics-wrapper.characteristics-04 h3:before,
    #cinco-ventajas .characteristics-wrapper.characteristics-05 h3:before,
    #create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-01 h3:before,
    #create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-02 h3:before,
    #create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-03 h3:before,
    #create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-04 h3:before,
    #create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-05 h3:before {
        left: -46px;
    }
}

#a-la-vanguardia .characteristics-wrapper.characteristics-01 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-01 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-01 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-01 h3:before {
    content: "01";
}

#a-la-vanguardia .characteristics-wrapper.characteristics-02 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-02 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-02 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-02 h3:before {
    content: "02";
}

#a-la-vanguardia .characteristics-wrapper.characteristics-03 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-03 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-03 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-03 h3:before {
    content: "03";
}

#a-la-vanguardia .characteristics-wrapper.characteristics-04 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-04 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-04 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-04 h3:before {
    content: "04";
}

#a-la-vanguardia .characteristics-wrapper.characteristics-05 h3:before,
#fabricado-a-mano .characteristics-wrapper.characteristics-05 h3:before,
#cinco-ventajas .characteristics-wrapper.characteristics-05 h3:before,
#create-bath-fabrication-wrapper .characteristics-wrapper.characteristics-05 h3:before {
    content: "05";
}

#a-la-vanguardia .subtitle,
#fabricado-a-mano .subtitle,
#cinco-ventajas .subtitle,
#create-bath-fabrication-wrapper .subtitle {
    font-size: calc(12.77551px + 0.40816vw);
    text-transform: uppercase;
    letter-spacing: 3.2px;
    margin-top: 25px;
    margin-bottom: 20px;
    line-height: 1.25em;
}

@media only screen and (min-width: 1280px) {
    #a-la-vanguardia .subtitle,
    #fabricado-a-mano .subtitle,
    #cinco-ventajas .subtitle,
    #create-bath-fabrication-wrapper .subtitle {
        font-size: 1.125em;
    }
}

#a-la-vanguardia .blue-subtitle,
#fabricado-a-mano .blue-subtitle,
#cinco-ventajas .blue-subtitle,
#create-bath-fabrication-wrapper .blue-subtitle {
    color: #3db9c5;
    font-size: calc(17.4359px + 0.8547vw);
    text-transform: uppercase;
    letter-spacing: 7.7px;
    margin-top: 5px;
    margin-bottom: 25px;
    font-weight: 300;
}

@media only screen and (min-width: 768px) {
    #a-la-vanguardia .blue-subtitle,
    #fabricado-a-mano .blue-subtitle,
    #cinco-ventajas .blue-subtitle,
    #create-bath-fabrication-wrapper .blue-subtitle {
        font-size: calc(18px + 0.78125vw);
        margin-bottom: 30px;
        letter-spacing: 7px;
    }
}

@media only screen and (min-width: 1024px) {
    #a-la-vanguardia .blue-subtitle,
    #fabricado-a-mano .blue-subtitle,
    #cinco-ventajas .blue-subtitle,
    #create-bath-fabrication-wrapper .blue-subtitle {
        font-size: calc(-18px + 4.29688vw);
        margin-bottom: 43px;
        letter-spacing: 7.7px;
    }
}

@media only screen and (min-width: 1280px) {
    #a-la-vanguardia .blue-subtitle,
    #fabricado-a-mano .blue-subtitle,
    #cinco-ventajas .blue-subtitle,
    #create-bath-fabrication-wrapper .blue-subtitle {
        font-size: 2.313em;
    }
}

#create-bath-fabrication-wrapper h3 {
    padding-left: 0;
}

#therapies #page-description {
    margin: 1.5em 0 2.2em;
}

@media only screen and (min-width: 768px) {
    #therapies #page-description {
        padding-right: 85px;
        padding-left: 30px;
        margin: 0.5em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #therapies #page-description {
        margin: 3.6em 0 0;
        padding-right: 6px;
        padding-left: 1.4%;
    }
}

#therapies .page-title-wrapper {
    background-color: rgba(65, 64, 66, 0.8);
    padding: 16px 21px 0 21px;
    z-index: 20;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    #therapies .page-title-wrapper {
        padding: 25px 20px 9px 0;
        max-width: 275px;
    }
}

@media only screen and (min-width: 1024px) {
    #therapies .page-title-wrapper {
        padding: 56px 20px 41px 14px;
        max-width: 366px;
    }
}

#therapies .page-title-wrapper h1 {
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: 1em;
}

#therapies .page-title-wrapper h1 .pre-title {
    font-family: "Droid Serif", serif;
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: initial;
    position: relative;
    padding-left: 0;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    #therapies .page-title-wrapper h1 .pre-title {
        padding-left: 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #therapies .page-title-wrapper h1 .pre-title {
        padding-left: 6.2em;
    }
}

@media only screen and (min-width: 1280px) {
    #therapies .page-title-wrapper h1 .pre-title {
        font-size: 1em;
    }
}

#therapies .page-title-wrapper h1 .pre-title:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background-color: #3db9c5;
    position: absolute;
    left: -0.8em;
    bottom: -6px;
}

@media only screen and (min-width: 768px) {
    #therapies .page-title-wrapper h1 .pre-title:after {
        left: 2.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #therapies .page-title-wrapper h1 .pre-title:after {
        left: 5.1em;
        bottom: -6px;
    }
}

#therapies .page-title-wrapper h1 .title {
    font-size: calc(17.85714px + 0.71429vw);
    font-weight: 300;
    display: block;
    letter-spacing: 6px;
    line-height: 1.8em;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #therapies .page-title-wrapper h1 .title {
        padding-left: 1.7em;
    }
}

@media only screen and (min-width: 1024px) {
    #therapies .page-title-wrapper h1 .title {
        padding-left: 3.4em;
    }
}

@media only screen and (min-width: 1024px) {
    #therapies .page-title-wrapper h1 .title {
        font-size: 1.688em;
    }
}

@media only screen and (min-width: 1024px) {
    #shortcuts.therapies-shortcuts {
        margin-top: 3.1em;
    }
}

#hydro-thermo-massage.white-bg,
#geysair.white-bg,
#chromotherapy.white-bg,
#aromatherapy.white-bg,
#light-therapy.white-bg,
#thermotherapy.white-bg,
#sound-therapy.white-bg,
#del-system.white-bg,
#aromacloud.white-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage.white-bg,
    #geysair.white-bg,
    #chromotherapy.white-bg,
    #aromatherapy.white-bg,
    #light-therapy.white-bg,
    #thermotherapy.white-bg,
    #sound-therapy.white-bg,
    #del-system.white-bg,
    #aromacloud.white-bg {
        padding: 3em 0;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage.white-bg,
    #geysair.white-bg,
    #chromotherapy.white-bg,
    #aromatherapy.white-bg,
    #light-therapy.white-bg,
    #thermotherapy.white-bg,
    #sound-therapy.white-bg,
    #del-system.white-bg,
    #aromacloud.white-bg {
        padding: 5.5em 0 5.4em;
    }
}

#hydro-thermo-massage.black-bg,
#geysair.black-bg,
#chromotherapy.black-bg,
#aromatherapy.black-bg,
#light-therapy.black-bg,
#thermotherapy.black-bg,
#sound-therapy.black-bg,
#del-system.black-bg,
#aromacloud.black-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage.black-bg,
    #geysair.black-bg,
    #chromotherapy.black-bg,
    #aromatherapy.black-bg,
    #light-therapy.black-bg,
    #thermotherapy.black-bg,
    #sound-therapy.black-bg,
    #del-system.black-bg,
    #aromacloud.black-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage.black-bg,
    #geysair.black-bg,
    #chromotherapy.black-bg,
    #aromatherapy.black-bg,
    #light-therapy.black-bg,
    #thermotherapy.black-bg,
    #sound-therapy.black-bg,
    #del-system.black-bg,
    #aromacloud.black-bg {
        padding: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage.black-bg h2,
    #geysair.black-bg h2,
    #chromotherapy.black-bg h2,
    #aromatherapy.black-bg h2,
    #light-therapy.black-bg h2,
    #thermotherapy.black-bg h2,
    #sound-therapy.black-bg h2,
    #del-system.black-bg h2,
    #aromacloud.black-bg h2 {
        margin-top: 0.95em;
    }
}

#hydro-thermo-massage.black-bg .video-zone-wrapper .video-description h3,
#geysair.black-bg .video-zone-wrapper .video-description h3,
#chromotherapy.black-bg .video-zone-wrapper .video-description h3,
#aromatherapy.black-bg .video-zone-wrapper .video-description h3,
#light-therapy.black-bg .video-zone-wrapper .video-description h3,
#thermotherapy.black-bg .video-zone-wrapper .video-description h3,
#sound-therapy.black-bg .video-zone-wrapper .video-description h3,
#del-system.black-bg .video-zone-wrapper .video-description h3,
#aromacloud.black-bg .video-zone-wrapper .video-description h3 {
    color: #ffffff;
}

#hydro-thermo-massage.black-bg .video-zone-wrapper .video-description h3:after,
#geysair.black-bg .video-zone-wrapper .video-description h3:after,
#chromotherapy.black-bg .video-zone-wrapper .video-description h3:after,
#aromatherapy.black-bg .video-zone-wrapper .video-description h3:after,
#light-therapy.black-bg .video-zone-wrapper .video-description h3:after,
#thermotherapy.black-bg .video-zone-wrapper .video-description h3:after,
#sound-therapy.black-bg .video-zone-wrapper .video-description h3:after,
#del-system.black-bg .video-zone-wrapper .video-description h3:after,
#aromacloud.black-bg .video-zone-wrapper .video-description h3:after {
    background-color: #ffffff;
}

#hydro-thermo-massage.grey-bg,
#geysair.grey-bg,
#chromotherapy.grey-bg,
#aromatherapy.grey-bg,
#light-therapy.grey-bg,
#thermotherapy.grey-bg,
#sound-therapy.grey-bg,
#del-system.grey-bg,
#aromacloud.grey-bg {
    background-color: #f0f0f0;
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage.grey-bg,
    #geysair.grey-bg,
    #chromotherapy.grey-bg,
    #aromatherapy.grey-bg,
    #light-therapy.grey-bg,
    #thermotherapy.grey-bg,
    #sound-therapy.grey-bg,
    #del-system.grey-bg,
    #aromacloud.grey-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage.grey-bg,
    #geysair.grey-bg,
    #chromotherapy.grey-bg,
    #aromatherapy.grey-bg,
    #light-therapy.grey-bg,
    #thermotherapy.grey-bg,
    #sound-therapy.grey-bg,
    #del-system.grey-bg,
    #aromacloud.grey-bg {
        padding: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage.grey-bg h2,
    #geysair.grey-bg h2,
    #chromotherapy.grey-bg h2,
    #aromatherapy.grey-bg h2,
    #light-therapy.grey-bg h2,
    #thermotherapy.grey-bg h2,
    #sound-therapy.grey-bg h2,
    #del-system.grey-bg h2,
    #aromacloud.grey-bg h2 {
        margin-top: 0.95em;
    }
}

#hydro-thermo-massage .col-md-2 p,
#geysair .col-md-2 p,
#chromotherapy .col-md-2 p,
#aromatherapy .col-md-2 p,
#light-therapy .col-md-2 p,
#thermotherapy .col-md-2 p,
#sound-therapy .col-md-2 p,
#del-system .col-md-2 p,
#aromacloud .col-md-2 p {
    margin-bottom: 0;
    font-weight: 300;
}

#hydro-thermo-massage .col-md-2 img,
#geysair .col-md-2 img,
#chromotherapy .col-md-2 img,
#aromatherapy .col-md-2 img,
#light-therapy .col-md-2 img,
#thermotherapy .col-md-2 img,
#sound-therapy .col-md-2 img,
#del-system .col-md-2 img,
#aromacloud .col-md-2 img {
    max-width: 63px;
    float: right;
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage .col-md-5.col-sm-6 .col-md-10,
    #geysair .col-md-5.col-sm-6 .col-md-10,
    #chromotherapy .col-md-5.col-sm-6 .col-md-10,
    #aromatherapy .col-md-5.col-sm-6 .col-md-10,
    #light-therapy .col-md-5.col-sm-6 .col-md-10,
    #thermotherapy .col-md-5.col-sm-6 .col-md-10,
    #sound-therapy .col-md-5.col-sm-6 .col-md-10,
    #del-system .col-md-5.col-sm-6 .col-md-10,
    #aromacloud .col-md-5.col-sm-6 .col-md-10 {
        padding-left: 3.9%;
        margin-top: -0.7%;
    }
}

#hydro-thermo-massage .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#geysair .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#chromotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#aromatherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#light-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#thermotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#sound-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#del-system .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
#aromacloud .col-md-5.col-sm-6 .col-md-10 .link-to-page a {
    margin-top: 5px;
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #geysair .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #chromotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #aromatherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #light-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #thermotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #sound-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #del-system .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #aromacloud .col-md-5.col-sm-6 .col-md-10 .link-to-page a {
        margin-top: 2em;
    }
}

@media only screen and (min-width: 1280px) {
    #hydro-thermo-massage .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #geysair .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #chromotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #aromatherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #light-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #thermotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #sound-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #del-system .col-md-5.col-sm-6 .col-md-10 .link-to-page a,
    #aromacloud .col-md-5.col-sm-6 .col-md-10 .link-to-page a {
        font-size: 1em;
    }
}

#hydro-thermo-massage .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#geysair .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#chromotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#aromatherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#light-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#thermotherapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#sound-therapy .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#del-system .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before,
#aromacloud .col-md-5.col-sm-6 .col-md-10 .link-to-page a:before {
    top: -2px;
}

#hydro-thermo-massage h2,
#geysair h2,
#chromotherapy h2,
#aromatherapy h2,
#light-therapy h2,
#thermotherapy h2,
#sound-therapy h2,
#del-system h2,
#aromacloud h2 {
    text-transform: uppercase;
    font-size: calc(20.02041px + 1.32653vw);
    font-weight: 300;
    letter-spacing: 5.8px;
    line-height: 1.2em;
    margin-bottom: 0.4em;
    color: #3db9c5;
}

@media only screen and (min-width: 1280px) {
    #hydro-thermo-massage h2,
    #geysair h2,
    #chromotherapy h2,
    #aromatherapy h2,
    #light-therapy h2,
    #thermotherapy h2,
    #sound-therapy h2,
    #del-system h2,
    #aromacloud h2 {
        font-size: 2.313em;
    }
}

#hydro-thermo-massage h3,
#geysair h3,
#chromotherapy h3,
#aromatherapy h3,
#light-therapy h3,
#thermotherapy h3,
#sound-therapy h3,
#del-system h3,
#aromacloud h3 {
    text-transform: uppercase;
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 3.4px;
    line-height: 1.2em;
    margin-bottom: 0.4em;
}

#hydro-thermo-massage .video-zone-wrapper,
#geysair .video-zone-wrapper,
#chromotherapy .video-zone-wrapper,
#aromatherapy .video-zone-wrapper,
#light-therapy .video-zone-wrapper,
#thermotherapy .video-zone-wrapper,
#sound-therapy .video-zone-wrapper,
#del-system .video-zone-wrapper,
#aromacloud .video-zone-wrapper {
    margin-top: 40px;
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .video-zone-wrapper,
    #geysair .video-zone-wrapper,
    #chromotherapy .video-zone-wrapper,
    #aromatherapy .video-zone-wrapper,
    #light-therapy .video-zone-wrapper,
    #thermotherapy .video-zone-wrapper,
    #sound-therapy .video-zone-wrapper,
    #del-system .video-zone-wrapper,
    #aromacloud .video-zone-wrapper {
        padding: 4.6% 0 0 3.8%;
    }
}

#hydro-thermo-massage .video-zone-wrapper .col-md-12:first-of-type .video-description,
#geysair .video-zone-wrapper .col-md-12:first-of-type .video-description,
#chromotherapy .video-zone-wrapper .col-md-12:first-of-type .video-description,
#aromatherapy .video-zone-wrapper .col-md-12:first-of-type .video-description,
#light-therapy .video-zone-wrapper .col-md-12:first-of-type .video-description,
#thermotherapy .video-zone-wrapper .col-md-12:first-of-type .video-description,
#sound-therapy .video-zone-wrapper .col-md-12:first-of-type .video-description,
#del-system .video-zone-wrapper .col-md-12:first-of-type .video-description,
#aromacloud .video-zone-wrapper .col-md-12:first-of-type .video-description {
    margin-bottom: 3.6em;
}

#hydro-thermo-massage .video-zone-wrapper iframe,
#geysair .video-zone-wrapper iframe,
#chromotherapy .video-zone-wrapper iframe,
#aromatherapy .video-zone-wrapper iframe,
#light-therapy .video-zone-wrapper iframe,
#thermotherapy .video-zone-wrapper iframe,
#sound-therapy .video-zone-wrapper iframe,
#del-system .video-zone-wrapper iframe,
#aromacloud .video-zone-wrapper iframe {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .video-zone-wrapper iframe,
    #geysair .video-zone-wrapper iframe,
    #chromotherapy .video-zone-wrapper iframe,
    #aromatherapy .video-zone-wrapper iframe,
    #light-therapy .video-zone-wrapper iframe,
    #thermotherapy .video-zone-wrapper iframe,
    #sound-therapy .video-zone-wrapper iframe,
    #del-system .video-zone-wrapper iframe,
    #aromacloud .video-zone-wrapper iframe {
        max-width: 500px;
    }
}

#hydro-thermo-massage .video-zone-wrapper p,
#geysair .video-zone-wrapper p,
#chromotherapy .video-zone-wrapper p,
#aromatherapy .video-zone-wrapper p,
#light-therapy .video-zone-wrapper p,
#thermotherapy .video-zone-wrapper p,
#sound-therapy .video-zone-wrapper p,
#del-system .video-zone-wrapper p,
#aromacloud .video-zone-wrapper p {
    margin-bottom: 0.8em;
}

#hydro-thermo-massage .video-zone-wrapper .video-description h3,
#geysair .video-zone-wrapper .video-description h3,
#chromotherapy .video-zone-wrapper .video-description h3,
#aromatherapy .video-zone-wrapper .video-description h3,
#light-therapy .video-zone-wrapper .video-description h3,
#thermotherapy .video-zone-wrapper .video-description h3,
#sound-therapy .video-zone-wrapper .video-description h3,
#del-system .video-zone-wrapper .video-description h3,
#aromacloud .video-zone-wrapper .video-description h3 {
    text-transform: uppercase;
    font-size: calc(13.38776px + 0.20408vw);
}

#hydro-thermo-massage:not(.white-bg) .video-zone-wrapper .video-description h3,
#geysair:not(.white-bg) .video-zone-wrapper .video-description h3,
#chromotherapy:not(.white-bg) .video-zone-wrapper .video-description h3,
#aromatherapy:not(.white-bg) .video-zone-wrapper .video-description h3,
#light-therapy:not(.white-bg) .video-zone-wrapper .video-description h3,
#thermotherapy:not(.white-bg) .video-zone-wrapper .video-description h3,
#sound-therapy:not(.white-bg) .video-zone-wrapper .video-description h3,
#del-system:not(.white-bg) .video-zone-wrapper .video-description h3,
#aromacloud:not(.white-bg) .video-zone-wrapper .video-description h3 {
    color: rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 1280px) {
    #hydro-thermo-massage .video-zone-wrapper .video-description h3,
    #geysair .video-zone-wrapper .video-description h3,
    #chromotherapy .video-zone-wrapper .video-description h3,
    #aromatherapy .video-zone-wrapper .video-description h3,
    #light-therapy .video-zone-wrapper .video-description h3,
    #thermotherapy .video-zone-wrapper .video-description h3,
    #sound-therapy .video-zone-wrapper .video-description h3,
    #del-system .video-zone-wrapper .video-description h3,
    #aromacloud .video-zone-wrapper .video-description h3 {
        font-size: 1em;
    }
}

#hydro-thermo-massage .video-zone-wrapper .video-description h3:after,
#geysair .video-zone-wrapper .video-description h3:after,
#chromotherapy .video-zone-wrapper .video-description h3:after,
#aromatherapy .video-zone-wrapper .video-description h3:after,
#light-therapy .video-zone-wrapper .video-description h3:after,
#thermotherapy .video-zone-wrapper .video-description h3:after,
#sound-therapy .video-zone-wrapper .video-description h3:after,
#del-system .video-zone-wrapper .video-description h3:after,
#aromacloud .video-zone-wrapper .video-description h3:after {
    content: "";
    height: 1px;
    display: block;
    width: 100%;
    margin-top: 3px;
}

#hydro-thermo-massage:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#geysair:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#chromotherapy:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#aromatherapy:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#light-therapy:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#thermotherapy:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#sound-therapy:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#del-system:not(.white-bg) .video-zone-wrapper .video-description h3:after,
#aromacloud:not(.white-bg) .video-zone-wrapper .video-description h3:after {
    background-color: rgba(0, 0, 0, 0.6);
}

#hydro-thermo-massage .video-zone-wrapper .video-description p,
#geysair .video-zone-wrapper .video-description p,
#chromotherapy .video-zone-wrapper .video-description p,
#aromatherapy .video-zone-wrapper .video-description p,
#light-therapy .video-zone-wrapper .video-description p,
#thermotherapy .video-zone-wrapper .video-description p,
#sound-therapy .video-zone-wrapper .video-description p,
#del-system .video-zone-wrapper .video-description p,
#aromacloud .video-zone-wrapper .video-description p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 0;
    margin-top: 0.3em;
    letter-spacing: 0.3px;
}


#hydro-thermo-massage:not(.white-bg) .video-zone-wrapper .video-description p,
#geysair:not(.white-bg) .video-zone-wrapper .video-description p,
#chromotherapy:not(.white-bg) .video-zone-wrapper .video-description p,
#aromatherapy:not(.white-bg) .video-zone-wrapper .video-description p,
#light-therapy:not(.white-bg) .video-zone-wrapper .video-description p,
#thermotherapy:not(.white-bg) .video-zone-wrapper .video-description p,
#sound-therapy:not(.white-bg) .video-zone-wrapper .video-description p,
#del-system:not(.white-bg) .video-zone-wrapper .video-description p,
#aromacloud:not(.white-bg) .video-zone-wrapper .video-description p {
    color: rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 1280px) {
    #hydro-thermo-massage .video-zone-wrapper .video-description p,
    #geysair .video-zone-wrapper .video-description p,
    #chromotherapy .video-zone-wrapper .video-description p,
    #aromatherapy .video-zone-wrapper .video-description p,
    #light-therapy .video-zone-wrapper .video-description p,
    #thermotherapy .video-zone-wrapper .video-description p,
    #sound-therapy .video-zone-wrapper .video-description p,
    #del-system .video-zone-wrapper .video-description p,
    #aromacloud .video-zone-wrapper .video-description p {
        font-size: 1em;
    }
}

#hydro-thermo-massage .video-zone-wrapper .video-description p.title,
#geysair .video-zone-wrapper .video-description p.title,
#chromotherapy .video-zone-wrapper .video-description p.title,
#aromatherapy .video-zone-wrapper .video-description p.title,
#light-therapy .video-zone-wrapper .video-description p.title,
#thermotherapy .video-zone-wrapper .video-description p.title,
#sound-therapy .video-zone-wrapper .video-description p.title,
#del-system .video-zone-wrapper .video-description p.title,
#aromacloud .video-zone-wrapper .video-description p.title {
    text-transform: uppercase;
    padding-bottom: 3px;
}

#hydro-thermo-massage .video-zone-wrapper .video-description p.title:after,
#geysair .video-zone-wrapper .video-description p.title:after,
#chromotherapy .video-zone-wrapper .video-description p.title:after,
#aromatherapy .video-zone-wrapper .video-description p.title:after,
#light-therapy .video-zone-wrapper .video-description p.title:after,
#thermotherapy .video-zone-wrapper .video-description p.title:after,
#sound-therapy .video-zone-wrapper .video-description p.title:after,
#del-system .video-zone-wrapper .video-description p.title:after,
#aromacloud .video-zone-wrapper .video-description p.title:after {
    content: "";
    height: 1px;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#chromotherapy ul,
#aromatherapy ul,
#light-therapy ul,
#thermotherapy ul,
#sound-therapy ul,
#del-system ul,
#aromacloud ul {
    margin-bottom: 2.2em;
}

#chromotherapy ul li,
#aromatherapy ul li,
#light-therapy ul li,
#thermotherapy ul li,
#sound-therapy ul li,
#del-system ul li,
#aromacloud ul li {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 6px;
    line-height: 1.4em;
    position: relative;
    padding-left: 0.6em;
    letter-spacing: 0.3px;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #chromotherapy ul li,
    #aromatherapy ul li,
    #light-therapy ul li,
    #thermotherapy ul li,
    #sound-therapy ul li,
    #del-system ul li,
    #aromacloud ul li {
        font-size: 1em;
    }
}

#chromotherapy ul li:before,
#aromatherapy ul li:before,
#light-therapy ul li:before,
#thermotherapy ul li:before,
#sound-therapy ul li:before,
#del-system ul li:before,
#aromacloud ul li:before {
    content: "•";
    font-size: 0.9em;
    position: absolute;
    top: 0;
    left: 0;
}

#chromotherapy ul li strong, #chromotherapy ul li b,
#aromatherapy ul li strong,
#aromatherapy ul li b,
#light-therapy ul li strong,
#light-therapy ul li b,
#thermotherapy ul li strong,
#thermotherapy ul li b,
#sound-therapy ul li strong,
#sound-therapy ul li b,
#del-system ul li strong,
#del-system ul li b,
#aromacloud ul li strong,
#aromacloud ul li b {
    font-weight: 600;
}

#chromotherapy p,
#aromatherapy p,
#light-therapy p,
#thermotherapy p,
#sound-therapy p,
#del-system p,
#aromacloud p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 20px;
    line-height: 1.4em;
    letter-spacing: 0.3px;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #chromotherapy p,
    #aromatherapy p,
    #light-therapy p,
    #thermotherapy p,
    #sound-therapy p,
    #del-system p,
    #aromacloud p {
        font-size: 1em;
    }
}

#chromotherapy p strong, #chromotherapy p b,
#aromatherapy p strong,
#aromatherapy p b,
#light-therapy p strong,
#light-therapy p b,
#thermotherapy p strong,
#thermotherapy p b,
#sound-therapy p strong,
#sound-therapy p b,
#del-system p strong,
#del-system p b,
#aromacloud p strong,
#aromacloud p b {
    font-weight: 600;
}

#chromotherapy p.description-subtitle,
#aromatherapy p.description-subtitle,
#light-therapy p.description-subtitle,
#thermotherapy p.description-subtitle,
#sound-therapy p.description-subtitle,
#del-system p.description-subtitle,
#aromacloud p.description-subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    line-height: 1.25em;
    margin-bottom: 0.7em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #chromotherapy p.description-subtitle,
    #aromatherapy p.description-subtitle,
    #light-therapy p.description-subtitle,
    #thermotherapy p.description-subtitle,
    #sound-therapy p.description-subtitle,
    #del-system p.description-subtitle,
    #aromacloud p.description-subtitle {
        font-size: 1.125em;
    }
}

#chromotherapy.white-bg, #chromotherapy.black-bg {
    padding: 2em 0 1em;
}

@media only screen and (min-width: 768px) {
    #chromotherapy.white-bg, #chromotherapy.black-bg {
        padding: 3em 0 1em;
    }
}

@media only screen and (min-width: 1024px) {
    #chromotherapy.white-bg, #chromotherapy.black-bg {
        padding: 5.5em 0 5.4em;
    }
}

#chromotherapy .video-zone-wrapper {
    margin-top: 40px;
}

@media only screen and (min-width: 1024px) {
    #chromotherapy .video-zone-wrapper {
        padding: 0.1% 0 0 5.4%;
        margin-top: 0;
    }
}

#chromotherapy .video-zone-wrapper iframe {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    #chromotherapy .video-zone-wrapper iframe {
        max-width: 500px;
    }
}

@media only screen and (min-width: 1024px) {
    #chromotherapy .video-zone-wrapper {
        padding: 4.6% 0 0 3.8%;
    }
}

#del-system.white-bg {
    padding: 1.3em 0 1.5em;
}

@media only screen and (min-width: 768px) {
    #del-system.white-bg {
        padding: 1.3em 0 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #del-system.white-bg {
        padding: 1.3em 0 3.1em;
    }
}

@media only screen and (min-width: 768px) {
    #del-system h2 {
        margin-bottom: 0.25em;
    }
}

#del-system p {
    margin-bottom: 20px;
    letter-spacing: 0.8px;
    font-weight: 400;
}

#del-system p.display-tablet {
    display: none;
}

@media only screen and (min-width: 768px) {
    #del-system p.display-tablet {
        display: block;
    }
}

#del-system p.display-mobile {
    display: block;
}

@media only screen and (min-width: 768px) {
    #del-system p.display-mobile {
        display: none;
    }
}

#aromacloud.grey-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #aromacloud.grey-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #aromacloud.grey-bg {
        padding: 0 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #aromacloud h2 {
        margin-bottom: 0.75em;
    }
}

@media only screen and (min-width: 768px) {
    #aromacloud .col-md-5.col-sm-5 {
        padding-left: 3.8%;
        margin-top: 5%;
    }
}

@media only screen and (min-width: 1024px) {
    #aromacloud .col-md-5.col-sm-5 {
        padding-left: 3.8%;
        margin-top: 0;
    }
}

#aromacloud .col-md-5.col-sm-5 p {
    margin-bottom: 0;
}

#light-therapy .video-zone-wrapper {
    margin-top: 30px;
}

@media only screen and (min-width: 1024px) {
    #light-therapy .video-zone-wrapper {
        padding: 14% 0 0 3.8%;
        margin-top: 0;
    }
}

#light-therapy .benefits {
    margin-top: 1.9em;
}

#thermotherapy.black-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #thermotherapy.black-bg {
        padding: 3em 0;
    }
}

@media only screen and (min-width: 1024px) {
    #thermotherapy.black-bg {
        padding: 6.1em 0 3.6em;
    }
}

@media only screen and (min-width: 1024px) {
    #thermotherapy.black-bg h2 {
        margin-top: 0;
    }
}

#thermotherapy.black-bg p {
    color: #ffffff !important;
}

@media only screen and (min-width: 768px) {
    #thermotherapy .warmtouch-wrapper h2 {
        margin-top: 1.3em;
    }
}

#thermotherapy .video-zone-wrapper {
    margin-top: 30px;
}

@media only screen and (min-width: 1024px) {
    #thermotherapy .video-zone-wrapper {
        padding: 7.5% 0 0 3.8%;
        margin-top: 0;
    }
}

#aromatherapy.black-bg {
    padding: 2em 0;
}

#aromatherapy.black-bg p {
    color: #ffffff !important;
}

@media only screen and (min-width: 768px) {
    #aromatherapy.black-bg {
        padding: 3em 0 3.2em;
    }
}

@media only screen and (min-width: 1024px) {
    #aromatherapy.black-bg {
        padding: 6.1em 0 3.6em;
    }
}

@media only screen and (min-width: 1024px) {
    #aromatherapy.black-bg h2 {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    #aromatherapy .col-md-6.col-sm-12 .col-md-10,
    #thermotherapy .col-md-6.col-sm-12 .col-md-10,
    #light-therapy .col-md-6.col-sm-12 .col-md-10,
    #chromotherapy .col-md-6.col-sm-12 .col-md-10,
    #sound-therapy .col-md-6.col-sm-12 .col-md-10 {
        padding-left: 1.7%;
    }
}

@media only screen and (min-width: 1024px) {
    #aromatherapy .col-md-6.col-sm-12 .col-md-10,
    #thermotherapy .col-md-6.col-sm-12 .col-md-10,
    #light-therapy .col-md-6.col-sm-12 .col-md-10,
    #chromotherapy .col-md-6.col-sm-12 .col-md-10,
    #sound-therapy .col-md-6.col-sm-12 .col-md-10 {
        padding-left: 3.7%;
    }
}

#aromatherapy .col-md-6.col-sm-12 .col-md-2,
#thermotherapy .col-md-6.col-sm-12 .col-md-2,
#light-therapy .col-md-6.col-sm-12 .col-md-2,
#chromotherapy .col-md-6.col-sm-12 .col-md-2,
#sound-therapy .col-md-6.col-sm-12 .col-md-2 {
    display: none;
}

@media only screen and (min-width: 768px) {
    #aromatherapy .col-md-6.col-sm-12 .col-md-2,
    #thermotherapy .col-md-6.col-sm-12 .col-md-2,
    #light-therapy .col-md-6.col-sm-12 .col-md-2,
    #chromotherapy .col-md-6.col-sm-12 .col-md-2,
    #sound-therapy .col-md-6.col-sm-12 .col-md-2 {
        display: inline-block;
    }
}

#aromatherapy .col-md-6.col-sm-12 .col-md-2 p,
#thermotherapy .col-md-6.col-sm-12 .col-md-2 p,
#light-therapy .col-md-6.col-sm-12 .col-md-2 p,
#chromotherapy .col-md-6.col-sm-12 .col-md-2 p,
#sound-therapy .col-md-6.col-sm-12 .col-md-2 p {
    margin-bottom: 0;
    font-weight: 400;
}

#aromatherapy .col-md-6.col-sm-12 .col-md-2 img,
#thermotherapy .col-md-6.col-sm-12 .col-md-2 img,
#light-therapy .col-md-6.col-sm-12 .col-md-2 img,
#chromotherapy .col-md-6.col-sm-12 .col-md-2 img,
#sound-therapy .col-md-6.col-sm-12 .col-md-2 img {
    max-width: 63px;
    margin: auto;
}

@media only screen and (min-width: 1024px) {
    #aromatherapy .col-md-6.col-sm-12 .col-md-2 img,
    #thermotherapy .col-md-6.col-sm-12 .col-md-2 img,
    #light-therapy .col-md-6.col-sm-12 .col-md-2 img,
    #chromotherapy .col-md-6.col-sm-12 .col-md-2 img,
    #sound-therapy .col-md-6.col-sm-12 .col-md-2 img {
        float: right;
    }
}

#legal-notes {
    padding: 2em 0 0;
}

@media only screen and (min-width: 768px) {
    #legal-notes {
        padding: 2.6em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #legal-notes {
        padding: 4.35em 0;
    }
}

#legal-notes h2 {
    color: #3db9c5;
    font-size: calc(18.2449px + 0.91837vw);
    text-transform: uppercase;
    letter-spacing: 5.8px;
    font-weight: 300;
    margin-bottom: 1.6em;
    line-height: 1.2em;
}

@media only screen and (min-width: 768px) {
    #legal-notes h2 {
        margin-bottom: 2em;
    }
}

@media only screen and (min-width: 1024px) {
    #legal-notes h2 {
        margin-bottom: 3.9em;
    }
}

@media only screen and (min-width: 1280px) {
    #legal-notes h2 {
        font-size: 1.667em;
    }
}

#legal-notes .legal-notes-wrapper h3 {
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 3.4px;
    margin-bottom: 1.4em;
    text-transform: uppercase;
    padding-left: 3.2em;
    line-height: 1.25em;
}

@media only screen and (min-width: 768px) {
    #legal-notes .legal-notes-wrapper h3 {
        margin-bottom: 1.8em;
    }
}

@media only screen and (min-width: 1024px) {
    #legal-notes .legal-notes-wrapper h3 {
        margin-bottom: 0.9em;
        padding-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #legal-notes .legal-notes-wrapper h3 {
        font-size: 1.125em;
    }
}

#legal-notes .legal-notes-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.4em;
    margin-bottom: 1.2em;
}

@media only screen and (min-width: 768px) {
    #legal-notes .legal-notes-wrapper p {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    #legal-notes .legal-notes-wrapper p {
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #legal-notes .legal-notes-wrapper p {
        font-size: 1em;
    }
}

#legal-notes .legal-notes-wrapper p .uppercase {
    text-transform: uppercase;
}

#legal-notes .legal-notes-wrapper ul li {
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.4em;
    margin-bottom: 0.7em;
}

@media only screen and (min-width: 1280px) {
    #legal-notes .legal-notes-wrapper ul li {
        font-size: 1em;
    }
}

#legal-notes .legal-notes-wrapper ul li strong {
    color: #3db9c5;
}

#legal-notes .legal-notes-wrapper ul.copyright-trademarks:after {
    content: "";
    clear: both;
    display: table;
}

@media only screen and (min-width: 768px) {
    #legal-notes .legal-notes-wrapper ul.copyright-trademarks li {
        width: 50%;
        float: left;
        padding-right: 2em;
    }
}

#legal-notes .legal-notes-wrapper.column-number-01, #legal-notes .legal-notes-wrapper.column-number-02, #legal-notes .legal-notes-wrapper.column-number-03, #legal-notes .legal-notes-wrapper.column-number-04, #legal-notes .legal-notes-wrapper.column-number-05, #legal-notes .legal-notes-wrapper.column-number-06, #legal-notes .legal-notes-wrapper.column-number-07, #legal-notes .legal-notes-wrapper.column-number-08, #legal-notes .legal-notes-wrapper.column-number-09, #legal-notes .legal-notes-wrapper.column-number-10, #legal-notes .legal-notes-wrapper.column-number-11, #legal-notes .legal-notes-wrapper.column-number-12, #legal-notes .legal-notes-wrapper.column-number-13, #legal-notes .legal-notes-wrapper.column-number-14, #legal-notes .legal-notes-wrapper.column-number-15, #legal-notes .legal-notes-wrapper.column-number-16, #legal-notes .legal-notes-wrapper.column-number-17, #legal-notes .legal-notes-wrapper.column-number-18, #legal-notes .legal-notes-wrapper.column-number-19, #legal-notes .legal-notes-wrapper.column-number-20, #legal-notes .legal-notes-wrapper.column-number-21, #legal-notes .legal-notes-wrapper.column-number-22, #legal-notes .legal-notes-wrapper.column-number-23 {
    position: relative;
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    #legal-notes .legal-notes-wrapper.column-number-01, #legal-notes .legal-notes-wrapper.column-number-02, #legal-notes .legal-notes-wrapper.column-number-03, #legal-notes .legal-notes-wrapper.column-number-04, #legal-notes .legal-notes-wrapper.column-number-05, #legal-notes .legal-notes-wrapper.column-number-06, #legal-notes .legal-notes-wrapper.column-number-07, #legal-notes .legal-notes-wrapper.column-number-08, #legal-notes .legal-notes-wrapper.column-number-09, #legal-notes .legal-notes-wrapper.column-number-10, #legal-notes .legal-notes-wrapper.column-number-11, #legal-notes .legal-notes-wrapper.column-number-12, #legal-notes .legal-notes-wrapper.column-number-13, #legal-notes .legal-notes-wrapper.column-number-14, #legal-notes .legal-notes-wrapper.column-number-15, #legal-notes .legal-notes-wrapper.column-number-16, #legal-notes .legal-notes-wrapper.column-number-17, #legal-notes .legal-notes-wrapper.column-number-18, #legal-notes .legal-notes-wrapper.column-number-19, #legal-notes .legal-notes-wrapper.column-number-20, #legal-notes .legal-notes-wrapper.column-number-21, #legal-notes .legal-notes-wrapper.column-number-22, #legal-notes .legal-notes-wrapper.column-number-23 {
        margin-bottom: 3em;
    }
}

@media only screen and (min-width: 1024px) {
    #legal-notes .legal-notes-wrapper.column-number-01, #legal-notes .legal-notes-wrapper.column-number-02, #legal-notes .legal-notes-wrapper.column-number-03, #legal-notes .legal-notes-wrapper.column-number-04, #legal-notes .legal-notes-wrapper.column-number-05, #legal-notes .legal-notes-wrapper.column-number-06, #legal-notes .legal-notes-wrapper.column-number-07, #legal-notes .legal-notes-wrapper.column-number-08, #legal-notes .legal-notes-wrapper.column-number-09, #legal-notes .legal-notes-wrapper.column-number-10, #legal-notes .legal-notes-wrapper.column-number-11, #legal-notes .legal-notes-wrapper.column-number-12, #legal-notes .legal-notes-wrapper.column-number-13, #legal-notes .legal-notes-wrapper.column-number-14, #legal-notes .legal-notes-wrapper.column-number-15, #legal-notes .legal-notes-wrapper.column-number-16, #legal-notes .legal-notes-wrapper.column-number-17, #legal-notes .legal-notes-wrapper.column-number-18, #legal-notes .legal-notes-wrapper.column-number-19, #legal-notes .legal-notes-wrapper.column-number-20, #legal-notes .legal-notes-wrapper.column-number-21, #legal-notes .legal-notes-wrapper.column-number-22, #legal-notes .legal-notes-wrapper.column-number-23 {
        margin-bottom: 6.5em;
    }
}

#legal-notes .legal-notes-wrapper.column-number-01:before, #legal-notes .legal-notes-wrapper.column-number-02:before, #legal-notes .legal-notes-wrapper.column-number-03:before, #legal-notes .legal-notes-wrapper.column-number-04:before, #legal-notes .legal-notes-wrapper.column-number-05:before, #legal-notes .legal-notes-wrapper.column-number-06:before, #legal-notes .legal-notes-wrapper.column-number-07:before, #legal-notes .legal-notes-wrapper.column-number-08:before, #legal-notes .legal-notes-wrapper.column-number-09:before, #legal-notes .legal-notes-wrapper.column-number-10:before, #legal-notes .legal-notes-wrapper.column-number-11:before, #legal-notes .legal-notes-wrapper.column-number-12:before, #legal-notes .legal-notes-wrapper.column-number-13:before, #legal-notes .legal-notes-wrapper.column-number-14:before, #legal-notes .legal-notes-wrapper.column-number-15:before, #legal-notes .legal-notes-wrapper.column-number-16:before, #legal-notes .legal-notes-wrapper.column-number-17:before, #legal-notes .legal-notes-wrapper.column-number-18:before, #legal-notes .legal-notes-wrapper.column-number-19:before, #legal-notes .legal-notes-wrapper.column-number-20:before, #legal-notes .legal-notes-wrapper.column-number-21:before, #legal-notes .legal-notes-wrapper.column-number-22:before, #legal-notes .legal-notes-wrapper.column-number-23:before {
    content: "";
    border: 2px solid #6f6f6f;
    border-radius: 50%;
    display: inline-block;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    color: #6f6f6f;
    padding: 10px;
    position: absolute;
    top: -12px;
    left: 10px;
    font-size: 14px;
}

@media only screen and (min-width: 768px) {
    #legal-notes .legal-notes-wrapper.column-number-01:before, #legal-notes .legal-notes-wrapper.column-number-02:before, #legal-notes .legal-notes-wrapper.column-number-03:before, #legal-notes .legal-notes-wrapper.column-number-04:before, #legal-notes .legal-notes-wrapper.column-number-05:before, #legal-notes .legal-notes-wrapper.column-number-06:before, #legal-notes .legal-notes-wrapper.column-number-07:before, #legal-notes .legal-notes-wrapper.column-number-08:before, #legal-notes .legal-notes-wrapper.column-number-09:before, #legal-notes .legal-notes-wrapper.column-number-10:before, #legal-notes .legal-notes-wrapper.column-number-11:before, #legal-notes .legal-notes-wrapper.column-number-12:before, #legal-notes .legal-notes-wrapper.column-number-13:before, #legal-notes .legal-notes-wrapper.column-number-14:before, #legal-notes .legal-notes-wrapper.column-number-15:before, #legal-notes .legal-notes-wrapper.column-number-16:before, #legal-notes .legal-notes-wrapper.column-number-17:before, #legal-notes .legal-notes-wrapper.column-number-18:before, #legal-notes .legal-notes-wrapper.column-number-19:before, #legal-notes .legal-notes-wrapper.column-number-20:before, #legal-notes .legal-notes-wrapper.column-number-21:before, #legal-notes .legal-notes-wrapper.column-number-22:before, #legal-notes .legal-notes-wrapper.column-number-23:before {
        left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #legal-notes .legal-notes-wrapper.column-number-01:before, #legal-notes .legal-notes-wrapper.column-number-02:before, #legal-notes .legal-notes-wrapper.column-number-03:before, #legal-notes .legal-notes-wrapper.column-number-04:before, #legal-notes .legal-notes-wrapper.column-number-05:before, #legal-notes .legal-notes-wrapper.column-number-06:before, #legal-notes .legal-notes-wrapper.column-number-07:before, #legal-notes .legal-notes-wrapper.column-number-08:before, #legal-notes .legal-notes-wrapper.column-number-09:before, #legal-notes .legal-notes-wrapper.column-number-10:before, #legal-notes .legal-notes-wrapper.column-number-11:before, #legal-notes .legal-notes-wrapper.column-number-12:before, #legal-notes .legal-notes-wrapper.column-number-13:before, #legal-notes .legal-notes-wrapper.column-number-14:before, #legal-notes .legal-notes-wrapper.column-number-15:before, #legal-notes .legal-notes-wrapper.column-number-16:before, #legal-notes .legal-notes-wrapper.column-number-17:before, #legal-notes .legal-notes-wrapper.column-number-18:before, #legal-notes .legal-notes-wrapper.column-number-19:before, #legal-notes .legal-notes-wrapper.column-number-20:before, #legal-notes .legal-notes-wrapper.column-number-21:before, #legal-notes .legal-notes-wrapper.column-number-22:before, #legal-notes .legal-notes-wrapper.column-number-23:before {
        top: -58px;
        left: 0;
    }
}

#legal-notes .legal-notes-wrapper.column-number-01:before {
    content: "01";
}

#legal-notes .legal-notes-wrapper.column-number-02:before {
    content: "02";
}

#legal-notes .legal-notes-wrapper.column-number-03:before {
    content: "03";
}

#legal-notes .legal-notes-wrapper.column-number-04:before {
    content: "04";
}

#legal-notes .legal-notes-wrapper.column-number-05:before {
    content: "05";
}

#legal-notes .legal-notes-wrapper.column-number-06:before {
    content: "06";
}

#legal-notes .legal-notes-wrapper.column-number-07:before {
    content: "07";
}

#legal-notes .legal-notes-wrapper.column-number-08:before {
    content: "08";
}

#legal-notes .legal-notes-wrapper.column-number-09:before {
    content: "09";
}

#legal-notes .legal-notes-wrapper.column-number-10:before {
    content: "10";
}

#legal-notes .legal-notes-wrapper.column-number-11:before {
    content: "11";
}

#legal-notes .legal-notes-wrapper.column-number-12:before {
    content: "12";
}

#legal-notes .legal-notes-wrapper.column-number-13:before {
    content: "13";
}

#legal-notes .legal-notes-wrapper.column-number-14:before {
    content: "14";
}

#legal-notes .legal-notes-wrapper.column-number-15:before {
    content: "15";
}

#legal-notes .legal-notes-wrapper.column-number-16:before {
    content: "16";
}

#legal-notes .legal-notes-wrapper.column-number-17:before {
    content: "17";
}

#legal-notes .legal-notes-wrapper.column-number-18:before {
    content: "18";
}

#legal-notes .legal-notes-wrapper.column-number-19:before {
    content: "19";
}

#legal-notes .legal-notes-wrapper.column-number-20:before {
    content: "20";
}

#legal-notes .legal-notes-wrapper.column-number-21:before {
    content: "21";
}

#legal-notes .legal-notes-wrapper.column-number-22:before {
    content: "22";
}

#legal-notes .legal-notes-wrapper.column-number-23:before {
    content: "23";
}

#online-warranty-wrapper {
    padding: 2em 0 2em;
}

@media only screen and (min-width: 768px) {
    #online-warranty-wrapper {
        padding: 2.6em 0 3em;
    }
}

@media only screen and (min-width: 1024px) {
    #online-warranty-wrapper {
        padding: 3em 0 4em;
    }
}

#online-warranty-wrapper h2 {
    color: #3db9c5;
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    font-weight: 300;
    margin-bottom: 1em;
    line-height: 1.25em;
}

@media only screen and (min-width: 1280px) {
    #online-warranty-wrapper h2 {
        font-size: 1.563em;
    }
}

#online-warranty-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 0.8em;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #online-warranty-wrapper p {
        font-size: 1em;
    }
}

#online-warranty-wrapper .iframe-form p {
    margin-bottom: 0;
}

#online-warranty-wrapper iframe {
    width: 100%;
    margin-top: 1em;
    min-height: 1300px;
}

@media only screen and (min-width: 768px) {
    #online-warranty-wrapper iframe {
        min-height: 1300px;
    }
}

@media only screen and (min-width: 1024px) {
    #online-warranty-wrapper iframe {
        min-height: 1245px;
    }
}

#online-warranty-wrapper a,
#guaranteed-relaxation-wrapper a {
    display: inline-block;
    text-transform: uppercase;
    font-size: calc(14px + 0vw);
    border: 1px solid #e10000;
    color: #ffffff;
    background-color: transparent;
    padding: 0.55em 2.2em 0.55em 0.95em;
    position: relative;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #online-warranty-wrapper a,
    #guaranteed-relaxation-wrapper a {
        font-size: 1em;
    }
}

#online-warranty-wrapper a:after,
#guaranteed-relaxation-wrapper a:after {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("../images/custom/svg/arrow-red.svg");
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    top: 8px;
    right: 2px;
}

#online-warranty-wrapper a:hover, #online-warranty-wrapper a:active,
#guaranteed-relaxation-wrapper a:hover,
#guaranteed-relaxation-wrapper a:active {
    background-color: #e10000;
    text-decoration: none;
}

#online-warranty-wrapper a:hover:after, #online-warranty-wrapper a:active:after,
#guaranteed-relaxation-wrapper a:hover:after,
#guaranteed-relaxation-wrapper a:active:after {
    background-image: url("../images/custom/svg/arrow-white.svg");
}

#our-pride-wrapper,
#guaranteed-relaxation-wrapper,
#why-authorized-retailer-wrapper,
#internet-marketing-wrapper {
    padding: 30px 0;
}

#our-pride-wrapper.grey-bg h2,
#guaranteed-relaxation-wrapper.grey-bg h2,
#why-authorized-retailer-wrapper.grey-bg h2,
#internet-marketing-wrapper.grey-bg h2 {
    color: #3db9c5;
}

#our-pride-wrapper.white-bg h2,
#guaranteed-relaxation-wrapper.white-bg h2,
#why-authorized-retailer-wrapper.white-bg h2,
#internet-marketing-wrapper.white-bg h2 {
    color: rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    #our-pride-wrapper,
    #guaranteed-relaxation-wrapper,
    #why-authorized-retailer-wrapper,
    #internet-marketing-wrapper {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #our-pride-wrapper,
    #guaranteed-relaxation-wrapper,
    #why-authorized-retailer-wrapper,
    #internet-marketing-wrapper {
        padding: 87px 0 93px;
    }
}

#our-pride-wrapper h2,
#guaranteed-relaxation-wrapper h2,
#why-authorized-retailer-wrapper h2,
#internet-marketing-wrapper h2 {
    color: #ffffff;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 7.2px;
    font-weight: 300;
    margin-bottom: 0.7em;
}

@media only screen and (min-width: 1280px) {
    #our-pride-wrapper h2,
    #guaranteed-relaxation-wrapper h2,
    #why-authorized-retailer-wrapper h2,
    #internet-marketing-wrapper h2 {
        font-size: 2.313em;
    }
}

#our-pride-wrapper h3,
#guaranteed-relaxation-wrapper h3,
#why-authorized-retailer-wrapper h3,
#internet-marketing-wrapper h3 {
    color: #3db9c5;
    font-size: calc(14.38776px + 0.20408vw);
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    font-weight: 400;
    margin: 25px 0 10px;
}

#our-pride-wrapper p,
#guaranteed-relaxation-wrapper p,
#why-authorized-retailer-wrapper p,
#internet-marketing-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 0.8em;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #our-pride-wrapper p,
    #guaranteed-relaxation-wrapper p,
    #why-authorized-retailer-wrapper p,
    #internet-marketing-wrapper p {
        font-size: 1em;
    }
}

#our-pride-wrapper .subtitle,
#guaranteed-relaxation-wrapper .subtitle,
#why-authorized-retailer-wrapper .subtitle,
#internet-marketing-wrapper .subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-bottom: 20px;
    line-height: 1.25em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #our-pride-wrapper .subtitle,
    #guaranteed-relaxation-wrapper .subtitle,
    #why-authorized-retailer-wrapper .subtitle,
    #internet-marketing-wrapper .subtitle {
        font-size: 1.125em;
    }
}

#guaranteed-relaxation-wrapper a {
    color: #000000;
    margin-top: 1.5em;
    font-size: calc(14px + 0vw);
    font-weight: 400;
}

#guaranteed-relaxation-wrapper a:hover, #guaranteed-relaxation-wrapper a:active {
    color: #ffffff;
}

#guaranteed-relaxation-wrapper img {
    max-width: 74px;
    float: left;
    margin-right: 20px;
}

@media only screen and (min-width: 1024px) {
    #guaranteed-relaxation-wrapper .col-md-4 {
        padding-left: 3.5%;
    }
}

#internet-marketing-wrapper {
    padding: 0 0 30px;
}

@media only screen and (min-width: 768px) {
    #internet-marketing-wrapper {
        padding: 0 0 50px;
    }
}

@media only screen and (min-width: 1024px) {
    #internet-marketing-wrapper {
        padding: 0 0 93px;
    }
}

.latest-header {
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    .latest-header {
        margin-bottom: 3em;
    }
}

.latest-header h1 {
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 1em;
}

@media only screen and (min-width: 1024px) {
    .latest-header h1 {
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    .latest-header h1 {
        font-size: 4.688em;
    }
}

.latest.black-bg .latest-text .latest-title h2 {
    color: #ffffff;
}

.latest.white-bg .latest-text .latest-title h2 {
    color: rgba(0, 0, 0, 0.2);
}

.latest .latest-text {
    padding: 2em 0 1.2em;
}

@media only screen and (min-width: 768px) {
    .latest .latest-text {
        padding: 6% 0 5%;
    }
}

@media only screen and (min-width: 1024px) {
    .latest .latest-text {
        padding: 7.1% 0 5.5%;
    }
}

.latest .latest-text .latest-date {
    margin: 0 0 0.8em;
}

.latest .latest-text .latest-date p {
    color: #e10000;
    border: 1px solid #e10000;
    font-size: calc(14px + 0vw);
    background-color: transparent;
    line-height: 0.8em;
    font-weight: 500;
    padding: 0.6em 0.2em 0.5em 0.6em;
    letter-spacing: 4.3px;
    margin-bottom: 0;
    margin-left: 0;
    display: inline-block;
}

@media only screen and (min-width: 1280px) {
    .latest .latest-text .latest-date p {
        font-size: 0.875em;
    }
}

.latest .latest-text .latest-title h2 {
    font-size: calc(22.04082px + 2.65306vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5.8px;
    line-height: 1.2em;
}

@media only screen and (min-width: 1024px) {
    .latest .latest-text .latest-title h2 {
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    .latest .latest-text .latest-title h2 {
        font-size: 3.5em;
    }
}

.latest .latest-text .latest-subtitle p {
    color: #3db9c5;
    font-size: calc(18.2449px + 0.91837vw);
    text-transform: uppercase;
    letter-spacing: 4.2px;
    line-height: 1.2em;
    font-weight: 300;
    margin: 0.35em 0 1.05em;
}

@media only screen and (min-width: 768px) {
    .latest .latest-text .latest-subtitle p {
        margin: 0.55em 0 1.35em;
    }
}

@media only screen and (min-width: 1024px) {
    .latest .latest-text .latest-subtitle p {
        margin: 0.55em 0.2em 1.35em;
    }
}

@media only screen and (min-width: 1280px) {
    .latest .latest-text .latest-subtitle p {
        font-size: 1.875em;
    }
}

.latest .latest-text .latest-resume p,
.latest .latest-text .latest-summary-title p {
    margin-bottom: 12px;
    line-height: 1.2em;
    font-weight: 400;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
    .latest .latest-text .latest-resume p,
    .latest .latest-text .latest-summary-title p {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    .latest .latest-text .latest-resume p,
    .latest .latest-text .latest-summary-title p {
        font-size: 1.125em;
    }
}

.latest .latest-text .latest-resume p em,
.latest .latest-text .latest-summary-title p em {
    font-style: italic;
}

@media only screen and (min-width: 1024px) {
    .latest .latest-text .read-more-link,
    .latest .latest-text .latest-link {
        padding-left: 20px;
    }
}

.latest .latest-text .read-more-link p,
.latest .latest-text .latest-link p {
    margin-bottom: 0;
}

.latest .latest-text .read-more-link a,
.latest .latest-text .latest-link a {
    color: #3db9c5;
    font-size: calc(14px + 0vw);
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 0.9em;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .latest .latest-text .read-more-link a,
    .latest .latest-text .latest-link a {
        margin-top: 1.3em;
    }
}

.latest .latest-text .read-more-link a:after,
.latest .latest-text .latest-link a:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.35em;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.latest .latest-text .read-more-link a:hover:after, .latest .latest-text .read-more-link a:active:after,
.latest .latest-text .latest-link a:hover:after,
.latest .latest-text .latest-link a:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

.latest .latest-img img {
    padding: 0 0 12px;
}

@media only screen and (min-width: 768px) {
    .latest .latest-img img {
        padding: 11% 6% 8% 3%;
    }
}

@media only screen and (min-width: 1024px) {
    .latest .latest-img img {
        padding: 0 0 0 8.7%;
    }
}

.latest.single-article h3 {
    color: #3db9c5;
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    line-height: 1.2em;
    margin: 0 0 1.1em;
}

@media only screen and (min-width: 768px) {
    .latest.single-article h3 {
        margin: 0 0 2.3em;
    }
}

@media only screen and (min-width: 1280px) {
    .latest.single-article h3 {
        font-size: 1.125em;
    }
}

.latest.single-article p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 15px;
    line-height: 1.35em;
    letter-spacing: 0.8px;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    .latest.single-article p {
        margin-bottom: 32px;
    }
}

@media only screen and (min-width: 1280px) {
    .latest.single-article p {
        font-size: 1em;
    }
}

.latest.single-article ul {
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    .latest.single-article ul {
        margin-bottom: 32px;
    }
}

.latest.single-article ul li {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 10px;
    line-height: 1.35em;
    letter-spacing: 0.8px;
    font-weight: 400;
    position: relative;
    padding-left: 10px;
}

@media only screen and (min-width: 1280px) {
    .latest.single-article ul li {
        font-size: 1em;
    }
}

.latest.single-article ul li:before {
    content: "•";
    top: 0;
    left: 0;
    display: inline-block;
    color: #000000;
    font-family: "Roboto", sans-serif;
    position: absolute;
}

.latest.single-article .video-zone-wrapper {
    margin-top: 30px;
}

@media only screen and (min-width: 768px) {
    .latest.single-article .video-zone-wrapper {
        padding: 0 6.8% 0 0;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .latest.single-article .video-zone-wrapper {
        padding: 7.5% 0 0 3.8%;
    }
}

.latest.single-article .video-zone-wrapper p {
    margin-bottom: 0;
}

.latest.single-article .video-zone-wrapper iframe {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .latest.single-article .video-zone-wrapper iframe {
        max-width: 500px;
    }
}

.latest.single-article .latest-text {
    padding: 2em 12px 1.2em;
}

@media only screen and (min-width: 768px) {
    .latest.single-article .latest-text {
        padding: 6% 0;
    }
}

@media only screen and (min-width: 1024px) {
    .latest.single-article .latest-text {
        padding: 6% 0 2%;
    }
}

@media only screen and (min-width: 768px) {
    .latest.single-article .col-sm-12 {
        padding-right: 0 !important;
    }
}

.latest.single-article .latest-body {
    padding: 2em 12px 1.5em;
}

@media only screen and (min-width: 768px) {
    .latest.single-article .latest-body {
        padding: 3.3em 0;
    }
}

@media only screen and (min-width: 1024px) {
    .latest.single-article .latest-body {
        padding: 4.3em 0;
    }
}

.latest.single-article .latest-body a {
    color: #3db9c5;
    text-decoration: underline;
    margin-top: 0 !important;
    display: inline-block;
}

.latest.single-article .latest-body .link-to-pdf a {
    color: #000000;
    position: relative;
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.35em;
    letter-spacing: 0.8px;
    font-weight: 400;
    text-decoration: none;
    padding-left: 46px;
    margin-top: 35px !important;
}

@media only screen and (min-width: 768px) {
    .latest.single-article .latest-body .link-to-pdf a {
        margin-top: 0;
        margin-top: 25px !important;
    }
}

@media only screen and (min-width: 1280px) {
    .latest.single-article .latest-body .link-to-pdf a {
        font-size: 1em;
    }
}

.latest.single-article .latest-body .link-to-pdf a:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    position: absolute;
    left: -2px;
    top: -17px;
    background-image: url("../images/custom/svg/download.svg");
}

.latest.single-article .latest-body a.link-to-page,
.latest.single-article .latest-body .link-to-page a {
    color: #3db9c5;
    font-family: "Droid Serif", serif;
    font-size: calc(13.38776px + 0.20408vw);
    text-decoration: underline;
    font-style: italic;
    font-weight: 400;
    margin-top: 0.7em;
    display: inline-block;
}

@media only screen and (min-width: 1280px) {
    .latest.single-article .latest-body a.link-to-page,
    .latest.single-article .latest-body .link-to-page a {
        font-size: 1em;
    }
}

.latest.single-article .latest-body a.link-to-page:after,
.latest.single-article .latest-body .link-to-page a:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.55em;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.latest.single-article .latest-body a.link-to-page:hover:after, .latest.single-article .latest-body a.link-to-page:active:after,
.latest.single-article .latest-body .link-to-page a:hover:after,
.latest.single-article .latest-body .link-to-page a:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

.latest.single-article .latest-img.padding-mobile {
    padding-right: 12px !important;
}

@media only screen and (min-width: 768px) {
    .latest.single-article .col-md-6 img {
        padding: 0 6% 8% 3%;
    }
}

@media only screen and (min-width: 1024px) {
    .latest.single-article .col-md-6 img {
        padding: 0 5.2% 0 4.6%;
    }
}

.latest.single-article .section-2 {
    padding: 1em 0 0;
}

@media only screen and (min-width: 768px) {
    .latest.single-article .section-2 {
        padding: 3em 0 0;
    }
}

.latest.single-article .opalia-charac-wrapper {
    text-align: center;
}

.latest.single-article .opalia-charac-wrapper h4 {
    font-weight: 600;
    font-size: calc(14.69388px + 0.10204vw);
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 15px;
    padding-left: 0;
}

@media only screen and (min-width: 1280px) {
    .latest.single-article .opalia-charac-wrapper h4 {
        font-size: 1em;
    }
}

.latest.single-article .opalia-charac-wrapper p {
    margin-bottom: 5px;
}

.media-wrapper .media-info-wrapper {
    padding: 2em 0 1.2em;
}

@media only screen and (min-width: 768px) {
    .media-wrapper .media-info-wrapper {
        padding: 6% 0 5%;
    }
}

@media only screen and (min-width: 1024px) {
    .media-wrapper .media-info-wrapper {
        padding: 7.1% 0 5.5%;
    }
}

.media-wrapper .media-info-wrapper .media-date {
    margin: 0 0 0.8em;
}

.media-wrapper .media-info-wrapper .media-date p {
    color: #e10000;
    border: 1px solid #e10000;
    font-size: calc(14px + 0vw);
    background-color: transparent;
    line-height: 0.8em;
    font-weight: 500;
    padding: 0.6em 0.2em 0.5em 0.6em;
    letter-spacing: 4.3px;
    margin-bottom: 0;
    margin-left: 0;
    display: inline-block;
}

@media only screen and (min-width: 1280px) {
    .media-wrapper .media-info-wrapper .media-date p {
        font-size: 0.875em;
    }
}

.media-wrapper .media-info-wrapper h2 {
    color: #3db9c5;
    font-size: calc(18.2449px + 0.91837vw);
    text-transform: uppercase;
    letter-spacing: 5.8px;
    line-height: 1.2em;
    font-weight: 300;
    margin: 0.35em 0 1.05em;
}

@media only screen and (min-width: 768px) {
    .media-wrapper .media-info-wrapper h2 {
        margin: 0.55em 0 1.35em;
    }
}

@media only screen and (min-width: 1024px) {
    .media-wrapper .media-info-wrapper h2 {
        margin: 0.55em 0.2em 1.35em;
    }
}

@media only screen and (min-width: 1280px) {
    .media-wrapper .media-info-wrapper h2 {
        font-size: 1.875em;
    }
}

.media-wrapper .media-info-wrapper .subtitle {
    margin-bottom: 12px;
    line-height: 1.2em;
    font-weight: 400;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
    .media-wrapper .media-info-wrapper .subtitle {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    .media-wrapper .media-info-wrapper .subtitle {
        font-size: 1.125em;
    }
}

.media-wrapper .media-info-wrapper .subtitle em {
    font-style: italic;
}

.media-wrapper .media-info-wrapper .subtitle + p {
    margin-left: 1.3em;
    margin-top: 1.3em;
}

.media-wrapper .media-info-wrapper .read-more-link {
    margin-top: 1.3em;
}

@media only screen and (min-width: 1024px) {
    .media-wrapper .media-info-wrapper .read-more-link {
        padding-left: 20px;
    }
}

.media-wrapper .media-info-wrapper .read-more-link p {
    margin-bottom: 0;
}

.media-wrapper .media-info-wrapper .read-more-link a {
    color: #3db9c5;
    font-size: calc(14px + 0vw);
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 0.9em;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .media-wrapper .media-info-wrapper .read-more-link a {
        margin-top: 1.3em;
    }
}

.media-wrapper .media-info-wrapper .read-more-link a:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.35em;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.media-wrapper .media-info-wrapper .read-more-link a:hover:after, .media-wrapper .media-info-wrapper .read-more-link a:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

.media-wrapper .media-img-wrapper p {
    padding: 0 0 12px;
}

@media only screen and (min-width: 768px) {
    .media-wrapper .media-img-wrapper p {
        padding: 13% 10% 16% 5%;
    }
}

@media only screen and (min-width: 1024px) {
    .media-wrapper .media-img-wrapper p {
        padding: 0 7.7% 0 8.5%;
    }
}

#NKBA .media-logo-wrapper img {
    max-width: 300px;
}

#BHG .media-logo-wrapper img {
    max-width: 250px;
}

#BHG2 .media-logo-wrapper img {
    max-width: 250px;
}

#KBB .media-logo-wrapper img {
    max-width: 330px;
}

#Products .media-logo-wrapper img {
    max-width: 250px;
}

#RROC .media-logo-wrapper img {
    max-width: 175px;
}


#kitchen-bath-business .media-logo-wrapper img {
    max-width: 318px;
}

#luxe-daily .media-info-wrapper {
    padding: 2em 0 12px;
}

@media only screen and (min-width: 768px) {
    #luxe-daily .media-info-wrapper {
        padding: 6% 0;
    }
}

@media only screen and (min-width: 1024px) {
    #luxe-daily .media-info-wrapper {
        padding: 5% 0 3%;
    }
}

#luxe-daily .media-logo-wrapper img {
    max-width: 173px;
}

#cottages-gardens .media-logo-wrapper img {
    max-width: 372px;
}

#dwell .media-logo-wrapper img {
    max-width: 170px;
}

#western-living .media-logo-wrapper img {
    max-width: 135px;
}

#architectural-digest .media-logo-wrapper img {
    max-width: 135px;
}

#trendir .media-logo-wrapper img {
    max-width: 176px;
}

#whirl-magazine .media-logo-wrapper img {
    max-width: 200px;
}

#styleathome .media-logo-wrapper img {
    max-width: 180px;
}

#thermomassage-and-geysair #page-description {
    margin: 1.5em 0 2.2em;
}

@media only screen and (min-width: 768px) {
    #thermomassage-and-geysair #page-description {
        padding-left: 30px;
        margin: 0.5em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage-and-geysair #page-description {
        margin: 2.1em 0 0;
        padding-right: 6px;
        padding-left: 1.4%;
    }
}

#thermomassage-and-geysair .page-title-wrapper {
    background-color: rgba(65, 64, 66, 0.8);
    padding: 16px 21px 15px 21px;
    z-index: 20;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    #thermomassage-and-geysair .page-title-wrapper {
        padding: 25px 20px 18px 0;
        max-width: 380px;
        margin-top: 1.2em;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage-and-geysair .page-title-wrapper {
        padding: 37px 20px 31px 14px;
        max-width: 480px;
    }
}

#thermomassage-and-geysair .page-title-wrapper h1 {
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: 1em;
}

#thermomassage-and-geysair .page-title-wrapper h1 .pre-title {
    font-family: "Droid Serif", serif;
    font-size: calc(13.69388px + 0.10204vw);
    text-transform: initial;
    position: relative;
    padding-left: 0;
    display: block;
    margin-bottom: 0.6em;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .pre-title {
        padding-left: 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .pre-title {
        padding-left: 6.2em;
        margin-bottom: 0.3em;
    }
}

@media only screen and (min-width: 1280px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .pre-title {
        font-size: 0.938em;
    }
}

#thermomassage-and-geysair .page-title-wrapper h1 .pre-title:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background-color: #3db9c5;
    position: absolute;
    left: -0.8em;
    bottom: -4px;
}

@media only screen and (min-width: 768px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .pre-title:after {
        left: 2.1em;
        bottom: -4px;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .pre-title:after {
        left: 5.1em;
        bottom: -6px;
    }
}

#thermomassage-and-geysair .page-title-wrapper h1 .title {
    font-size: calc(17.85714px + 0.71429vw);
    font-weight: 300;
    display: block;
    letter-spacing: 6px;
    line-height: 1.1em;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .title {
        padding-left: 2.2em;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .title {
        line-height: 1.4em;
        padding-left: 3.4em;
    }
}

@media only screen and (min-width: 1280px) {
    #thermomassage-and-geysair .page-title-wrapper h1 .title {
        font-size: 1.688em;
    }
}

@media only screen and (min-width: 1024px) {
    #shortcuts.thermomassage-and-geysair {
        margin-top: 3.1em;
    }
}

#thermomassage h2,
#hydro-thermo-massage h2,
#geysair h2 {
    text-transform: uppercase;
    font-size: calc(20.02041px + 1.32653vw);
    font-weight: 300;
    letter-spacing: 5.8px;
    line-height: 1.2em;
    margin-bottom: 0.55em;
    color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    #thermomassage h2,
    #hydro-thermo-massage h2,
    #geysair h2 {
        margin-bottom: 0.35em;
    }
}

@media only screen and (min-width: 1280px) {
    #thermomassage h2,
    #hydro-thermo-massage h2,
    #geysair h2 {
        font-size: 2.313em;
    }
}

#thermomassage p,
#hydro-thermo-massage p,
#geysair p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 20px;
    line-height: 1.4em;
    letter-spacing: 0.3px;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #thermomassage p,
    #hydro-thermo-massage p,
    #geysair p {
        font-size: 1em;
    }
}

#thermomassage p strong, #thermomassage p b,
#hydro-thermo-massage p strong,
#hydro-thermo-massage p b,
#geysair p strong,
#geysair p b {
    font-weight: 600;
}

#thermomassage p.best-of-geysair,
#hydro-thermo-massage p.best-of-geysair,
#geysair p.best-of-geysair {
    color: #3db9c5;
    font-family: "Droid Serif", serif;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2em;
}

#thermomassage p.description-subtitle,
#geysair p.description-subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 2.7px;
    line-height: 1.244em;
    margin-bottom: 0.7em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #thermomassage p.description-subtitle,
    #hydro-thermo-massage p.description-subtitle,
    #geysair p.description-subtitle {
        font-size: 1.125em;
    }
}

#thermomassage .video-zone-wrapper .col-md-12:first-of-type .video-description,
#hydro-thermo-massage .video-zone-wrapper .col-md-12:first-of-type .video-description,
#geysair .video-zone-wrapper .col-md-12:first-of-type .video-description {
    margin-bottom: 3.6em;
}

#thermomassage .video-zone-wrapper p,
#hydro-thermo-massage .video-zone-wrapper p,
#geysair .video-zone-wrapper p {
    margin-bottom: 0.8em;
}

#thermomassage .video-zone-wrapper .video-description h3,
#hydro-thermo-massage .video-zone-wrapper .video-description h3,
#geysair .video-zone-wrapper .video-description h3 {
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    #thermomassage .video-zone-wrapper .video-description h3,
    #hydro-thermo-massage .video-zone-wrapper .video-description h3,
    #geysair .video-zone-wrapper .video-description h3 {
        font-size: 1em;
    }
}

#thermomassage .video-zone-wrapper .video-description h3:after,
#hydro-thermo-massage .video-zone-wrapper .video-description h3:after,
#geysair .video-zone-wrapper .video-description h3:after {
    content: "";
    height: 1px;
    display: block;
    width: 100%;
    margin-top: 3px;
    background-color: rgba(0, 0, 0, 0.6);
}

#thermomassage .video-zone-wrapper .video-description p,
#hydro-thermo-massage .video-zone-wrapper .video-description p,
#geysair .video-zone-wrapper .video-description p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 0;
    margin-top: 0.3em;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 1280px) {
    #thermomassage .video-zone-wrapper .video-description p,
    #hydro-thermo-massage .video-zone-wrapper .video-description p,
    #geysair .video-zone-wrapper .video-description p {
        font-size: 1em;
    }
}

#thermomassage .video-zone-wrapper .video-description p.title,
#hydro-thermo-massage .video-zone-wrapper .video-description p.title,
#geysair .video-zone-wrapper .video-description p.title {
    text-transform: uppercase;
    padding-bottom: 3px;
}

#thermomassage .video-zone-wrapper .video-description p.title:after,
#hydro-thermo-massage .video-zone-wrapper .video-description p.title:after,
#geysair .video-zone-wrapper .video-description p.title:after {
    content: "";
    height: 1px;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#thermomassage.white-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #thermomassage.white-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage.white-bg {
        padding: 5.5em 0 1em;
    }
}

@media only screen and (min-width: 768px) {
    #thermomassage .col-md-5.col-sm-4 {
        padding: 5% 0 0 4.1%;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage .col-md-5.col-sm-4 {
        padding: 5% 0 0 4.1%;
    }
}

@media only screen and (min-width: 768px) {
    #thermomassage .col-md-5.col-sm-6 .col-md-10 {
        padding-left: 1.7%;
    }
}

@media only screen and (min-width: 1024px) {
    #thermomassage .col-md-5.col-sm-6 .col-md-10 {
        padding-left: 3.7%;
    }
}

#hydro-thermo-massage.white-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage.white-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage.white-bg {
        padding: 1.7em 0 2.7em;
    }
}

#hydro-thermo-massage .video-zone-wrapper {
    margin-top: 40px;
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .video-zone-wrapper {
        padding: 0.1% 0 0 5.4%;
        margin-top: 0;
    }
}

#hydro-thermo-massage .video-zone-wrapper iframe {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .video-zone-wrapper iframe {
        max-width: 500px;
    }
}

#hydro-thermo-massage .col-md-2 {
    display: none;
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage .col-md-2 {
        display: inline-block;
    }
}

#hydro-thermo-massage .col-md-2 p {
    margin-bottom: 0;
}

#hydro-thermo-massage .col-md-2 img {
    max-width: 63px;
    margin: auto;
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .col-md-2 img {
        float: right;
    }
}

#hydro-thermo-massage .link-to-page a {
    margin-top: 5px;
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    #hydro-thermo-massage .link-to-page a {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .link-to-page a:before {
        top: -2px;
    }
}

@media only screen and (min-width: 768px) {
    #hydro-thermo-massage .col-md-6.col-sm-12 .col-md-10 {
        padding-left: 1.7%;
    }
}

@media only screen and (min-width: 1024px) {
    #hydro-thermo-massage .col-md-6.col-sm-12 .col-md-10 {
        padding-left: 3.7%;
    }
}

#geysair.grey-bg {
    background-color: #e5e5e5;
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #geysair.grey-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #geysair.grey-bg {
        padding: 2.5em 0 2.9em;
    }
}

@media only screen and (min-width: 768px) {
    #geysair h2 {
        margin-bottom: 0;
    }
}

#geysair .video-zone-wrapper {
    margin-top: 30px;
}

@media only screen and (min-width: 1024px) {
    #geysair .video-zone-wrapper {
        padding: 1% 0 0 4.3%;
        margin-top: 0;
    }
}

#geysair .video-zone-wrapper iframe {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    #geysair .video-zone-wrapper iframe {
        max-width: 500px;
    }
}

#sitemap-block {
    padding: 0 1em;
}

@media only screen and (min-width: 1280px) {
    #sitemap-block {
        padding: 0;
    }
}

#sitemap-block nav[id^="block-mainnavigation"] {
    min-width: 100% !important;
    max-width: 100% !important;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li {
    margin-top: 2em;
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li {
        margin-top: 3em;
        margin-bottom: 3em;
    }
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li:first-child {
    margin-top: 0;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > a {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > a:hover, #sitemap-block nav[id^="block-mainnavigation"] > ul > li > a:focus, #sitemap-block nav[id^="block-mainnavigation"] > ul > li > a:active {
    color: #e10000;
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > a {
        letter-spacing: 8px;
        margin-top: 1.16em;
        margin-bottom: 1.16em;
    }
}

@media only screen and (min-width: 1280px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > a {
        font-size: 2.313em;
    }
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li {
    margin-top: 1em;
    margin-bottom: 1em;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li:first-child {
    margin-top: 0;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a {
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 3.4px;
    margin-bottom: 1.4em;
    text-transform: uppercase;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a:hover, #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a:focus, #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a:active {
    color: #3db9c5;
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a {
        margin-bottom: 1.8em;
    }
}

@media only screen and (min-width: 1024px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a {
        margin-bottom: 0.9em;
    }
}

@media only screen and (min-width: 1280px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > a {
        font-size: 1.125em;
    }
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul {
    padding-top: 1.25em;
    padding-bottom: 1.5em;
    column-gap: 6px;
    column-count: 2;
}

@media only screen and (min-width: 768px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul {
        column-count: 3;
    }
}

@media only screen and (min-width: 1280px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul {
        column-count: 4;
        column-gap: 6px;
    }
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul > li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul > li:first-child {
    margin-top: 0;
}

#sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul > li > a {
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
    line-height: 1.4em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #sitemap-block nav[id^="block-mainnavigation"] > ul > li > ul > li > ul > li > a {
        font-size: 1em;
    }
}

#white-paper-wrapper {
    padding: 0 0 1.2em;
}

@media only screen and (min-width: 768px) {
    #white-paper-wrapper {
        padding: 0 0 4em;
    }
}

@media only screen and (min-width: 1024px) {
    #white-paper-wrapper {
        padding: 0 0 5.3em;
    }
}

#white-paper-wrapper h1 {
    color: #ffffff;
    font-size: calc(22.04082px + 2.65306vw);
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 5.8px;
    line-height: 1em;
}

@media only screen and (min-width: 1280px) {
    #white-paper-wrapper h1 {
        font-size: 3.5em;
    }
}

#white-paper-wrapper #page-title:after {
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #e10000;
    margin-top: 18px;
}

@media only screen and (min-width: 768px) {
    #white-paper-wrapper #page-title:after {
        margin-top: 45px;
    }
}

#white-paper-wrapper .subtitle {
    font-size: calc(12.77551px + 0.40816vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-top: 25px;
    margin-bottom: 20px;
    line-height: 1.25em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #white-paper-wrapper .subtitle {
        font-size: 1.125em;
    }
}

#white-paper-wrapper .link-to-page {
    margin-top: 30px;
}

@media only screen and (min-width: 768px) {
    #white-paper-wrapper .link-to-page {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    #white-paper-wrapper .link-to-page {
        margin-top: 0;
    }
}

#white-paper-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 0.8em;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #white-paper-wrapper p {
        font-size: 1em;
    }
}

#white-paper-wrapper .white-paper-image-wrapper {
    margin-top: 20px;
}

#white-paper-wrapper .white-paper-image-wrapper .padding-mobile {
    padding: 0 0 0 5px;
}

@media only screen and (min-width: 768px) {
    #white-paper-wrapper .white-paper-image-wrapper .padding-mobile {
        padding: 0;
    }
}

#akasa #page-description {
    margin: 1.5em 0 2.2em;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #akasa #page-description {
        padding-right: 85px;
        margin: 0.5em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #akasa #page-description {
        margin: 3.6em 0 0;
        padding-right: 6px;
    }
}

#akasa .page-title-wrapper {
    background-color: rgba(65, 64, 66, 0.8);
    padding: 16px 21px 0 21px;
    z-index: 20;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    #akasa .page-title-wrapper {
        padding: 25px 20px 9px 0;
        min-width: 235px;
    }
}

@media only screen and (min-width: 1024px) {
    #akasa .page-title-wrapper {
        padding: 57px 20px 41px 20px;
        min-width: 320px;
    }
}

#akasa .page-title-wrapper h1 {
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: 1em;
}

#akasa .page-title-wrapper h1 .pre-title {
    font-family: "Droid Serif", serif;
    font-size: calc(13.69388px + 0.10204vw);
    text-transform: initial;
    position: relative;
    padding-left: 0;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    #akasa .page-title-wrapper h1 .pre-title {
        padding-left: 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #akasa .page-title-wrapper h1 .pre-title {
        padding-left: 6.2em;
    }
}

@media only screen and (min-width: 1280px) {
    #akasa .page-title-wrapper h1 .pre-title {
        font-size: 0.938em;
    }
}

#akasa .page-title-wrapper h1 .pre-title:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background-color: #3db9c5;
    position: absolute;
    left: -0.8em;
    bottom: -6px;
}

@media only screen and (min-width: 768px) {
    #akasa .page-title-wrapper h1 .pre-title:after {
        left: 2.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #akasa .page-title-wrapper h1 .pre-title:after {
        left: 5.1em;
        bottom: -6px;
    }
}

#akasa .page-title-wrapper h1 .title {
    font-size: calc(27px + 0vw);
    font-weight: 300;
    display: block;
    letter-spacing: 6px;
    line-height: 1.8em;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #akasa .page-title-wrapper h1 .title {
        padding-left: 1.7em;
    }
}

@media only screen and (min-width: 1024px) {
    #akasa .page-title-wrapper h1 .title {
        padding-left: 3.4em;
    }
}

#the-espalier.white-bg,
#relaxation-chair.white-bg,
#legrest.white-bg,
#bath-pillow.white-bg,
#comfort-cushion.white-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #the-espalier.white-bg,
    #relaxation-chair.white-bg,
    #legrest.white-bg,
    #bath-pillow.white-bg,
    #comfort-cushion.white-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #the-espalier.white-bg,
    #relaxation-chair.white-bg,
    #legrest.white-bg,
    #bath-pillow.white-bg,
    #comfort-cushion.white-bg {
        padding: 5.5em 0 5.4em;
    }
}

#the-espalier.black-bg,
#relaxation-chair.black-bg,
#legrest.black-bg,
#bath-pillow.black-bg,
#comfort-cushion.black-bg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #the-espalier.black-bg,
    #relaxation-chair.black-bg,
    #legrest.black-bg,
    #bath-pillow.black-bg,
    #comfort-cushion.black-bg {
        padding: 3em 0 2.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #the-espalier.black-bg,
    #relaxation-chair.black-bg,
    #legrest.black-bg,
    #bath-pillow.black-bg,
    #comfort-cushion.black-bg {
        padding: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #the-espalier.black-bg h2,
    #relaxation-chair.black-bg h2,
    #legrest.black-bg h2,
    #bath-pillow.black-bg h2,
    #comfort-cushion.black-bg h2 {
        margin-top: 1.3em;
    }
}

#the-espalier h2,
#relaxation-chair h2,
#legrest h2,
#bath-pillow h2,
#comfort-cushion h2 {
    text-transform: uppercase;
    font-size: calc(20.02041px + 1.32653vw);
    font-weight: 300;
    letter-spacing: 6px;
    line-height: 1.2em;
    margin-bottom: 0.4em;
    color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    #the-espalier h2,
    #relaxation-chair h2,
    #legrest h2,
    #bath-pillow h2,
    #comfort-cushion h2 {
        letter-spacing: 6.8px;
    }
}

@media only screen and (min-width: 1280px) {
    #the-espalier h2,
    #relaxation-chair h2,
    #legrest h2,
    #bath-pillow h2,
    #comfort-cushion h2 {
        font-size: 2.313em;
    }
}

#the-espalier .espalier-hint-wrapper,
#relaxation-chair .espalier-hint-wrapper,
#legrest .espalier-hint-wrapper,
#bath-pillow .espalier-hint-wrapper,
#comfort-cushion .espalier-hint-wrapper {
    margin-top: 25px;
}

#the-espalier .espalier-hint-wrapper .image-wrapper p,
#relaxation-chair .espalier-hint-wrapper .image-wrapper p,
#legrest .espalier-hint-wrapper .image-wrapper p,
#bath-pillow .espalier-hint-wrapper .image-wrapper p,
#comfort-cushion .espalier-hint-wrapper .image-wrapper p {
    padding: 0;
}

#the-espalier .espalier-hint-wrapper strong,
#relaxation-chair .espalier-hint-wrapper strong,
#legrest .espalier-hint-wrapper strong,
#bath-pillow .espalier-hint-wrapper strong,
#comfort-cushion .espalier-hint-wrapper strong {
    display: block;
}

@media only screen and (min-width: 768px) {
    #the-espalier .espalier-hint-wrapper strong,
    #relaxation-chair .espalier-hint-wrapper strong,
    #legrest .espalier-hint-wrapper strong,
    #bath-pillow .espalier-hint-wrapper strong,
    #comfort-cushion .espalier-hint-wrapper strong {
        margin-top: 5px;
        max-width: 220px;
        padding-left: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #the-espalier .espalier-hint-wrapper strong,
    #relaxation-chair .espalier-hint-wrapper strong,
    #legrest .espalier-hint-wrapper strong,
    #bath-pillow .espalier-hint-wrapper strong,
    #comfort-cushion .espalier-hint-wrapper strong {
        margin-top: 20px;
        max-width: inherit;
        padding-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #the-espalier .espalier-hint-wrapper strong,
    #relaxation-chair .espalier-hint-wrapper strong,
    #legrest .espalier-hint-wrapper strong,
    #bath-pillow .espalier-hint-wrapper strong,
    #comfort-cushion .espalier-hint-wrapper strong {
        margin-top: 40px;
    }
}

#the-espalier .topper-wrapper,
#relaxation-chair .topper-wrapper,
#legrest .topper-wrapper,
#bath-pillow .topper-wrapper,
#comfort-cushion .topper-wrapper {
    margin-top: 25px;
}

@media only screen and (min-width: 768px) {
    #the-espalier .topper-wrapper,
    #relaxation-chair .topper-wrapper,
    #legrest .topper-wrapper,
    #bath-pillow .topper-wrapper,
    #comfort-cushion .topper-wrapper {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #the-espalier .espalier-image-wrapper,
    #the-espalier .pillow-image-wrapper,
    #the-espalier .cushion-image-wrapper,
    #the-espalier .legrest-image-wrapper,
    #the-espalier .chair-image-wrapper,
    #relaxation-chair .espalier-image-wrapper,
    #relaxation-chair .pillow-image-wrapper,
    #relaxation-chair .cushion-image-wrapper,
    #relaxation-chair .legrest-image-wrapper,
    #relaxation-chair .chair-image-wrapper,
    #legrest .espalier-image-wrapper,
    #legrest .pillow-image-wrapper,
    #legrest .cushion-image-wrapper,
    #legrest .legrest-image-wrapper,
    #legrest .chair-image-wrapper,
    #bath-pillow .espalier-image-wrapper,
    #bath-pillow .pillow-image-wrapper,
    #bath-pillow .cushion-image-wrapper,
    #bath-pillow .legrest-image-wrapper,
    #bath-pillow .chair-image-wrapper,
    #comfort-cushion .espalier-image-wrapper,
    #comfort-cushion .pillow-image-wrapper,
    #comfort-cushion .cushion-image-wrapper,
    #comfort-cushion .legrest-image-wrapper,
    #comfort-cushion .chair-image-wrapper {
        margin-left: -55px;
    }
}

#the-espalier .espalier-image-wrapper p,
#the-espalier .pillow-image-wrapper p,
#the-espalier .cushion-image-wrapper p,
#the-espalier .legrest-image-wrapper p,
#the-espalier .chair-image-wrapper p,
#relaxation-chair .espalier-image-wrapper p,
#relaxation-chair .pillow-image-wrapper p,
#relaxation-chair .cushion-image-wrapper p,
#relaxation-chair .legrest-image-wrapper p,
#relaxation-chair .chair-image-wrapper p,
#legrest .espalier-image-wrapper p,
#legrest .pillow-image-wrapper p,
#legrest .cushion-image-wrapper p,
#legrest .legrest-image-wrapper p,
#legrest .chair-image-wrapper p,
#bath-pillow .espalier-image-wrapper p,
#bath-pillow .pillow-image-wrapper p,
#bath-pillow .cushion-image-wrapper p,
#bath-pillow .legrest-image-wrapper p,
#bath-pillow .chair-image-wrapper p,
#comfort-cushion .espalier-image-wrapper p,
#comfort-cushion .pillow-image-wrapper p,
#comfort-cushion .cushion-image-wrapper p,
#comfort-cushion .legrest-image-wrapper p,
#comfort-cushion .chair-image-wrapper p {
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 1024px) {
    #the-espalier .espalier-image-wrapper img,
    #the-espalier .pillow-image-wrapper img,
    #the-espalier .cushion-image-wrapper img,
    #the-espalier .legrest-image-wrapper img,
    #the-espalier .chair-image-wrapper img,
    #relaxation-chair .espalier-image-wrapper img,
    #relaxation-chair .pillow-image-wrapper img,
    #relaxation-chair .cushion-image-wrapper img,
    #relaxation-chair .legrest-image-wrapper img,
    #relaxation-chair .chair-image-wrapper img,
    #legrest .espalier-image-wrapper img,
    #legrest .pillow-image-wrapper img,
    #legrest .cushion-image-wrapper img,
    #legrest .legrest-image-wrapper img,
    #legrest .chair-image-wrapper img,
    #bath-pillow .espalier-image-wrapper img,
    #bath-pillow .pillow-image-wrapper img,
    #bath-pillow .cushion-image-wrapper img,
    #bath-pillow .legrest-image-wrapper img,
    #bath-pillow .chair-image-wrapper img,
    #comfort-cushion .espalier-image-wrapper img,
    #comfort-cushion .pillow-image-wrapper img,
    #comfort-cushion .cushion-image-wrapper img,
    #comfort-cushion .legrest-image-wrapper img,
    #comfort-cushion .chair-image-wrapper img {
        padding-right: 50px;
    }
}

#the-espalier p,
#relaxation-chair p,
#legrest p,
#bath-pillow p,
#comfort-cushion p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 13px;
    line-height: 1.3em;
    letter-spacing: 0.7px;
}

@media only screen and (min-width: 1024px) {
    #the-espalier p,
    #relaxation-chair p,
    #legrest p,
    #bath-pillow p,
    #comfort-cushion p {
        padding-left: 18px;
    }
}

@media only screen and (min-width: 1280px) {
    #the-espalier p,
    #relaxation-chair p,
    #legrest p,
    #bath-pillow p,
    #comfort-cushion p {
        font-size: 1em;
    }
}

#the-espalier p.description-subtitle,
#relaxation-chair p.description-subtitle,
#legrest p.description-subtitle,
#bath-pillow p.description-subtitle,
#comfort-cushion p.description-subtitle {
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 1.4em;
    margin-bottom: 1.363em;
}

#vedana-therapies p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies p {
        font-size: 1em;
    }
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .col-sm-8 {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .col-sm-8 {
        padding-right: 6px;
    }
}

#vedana-therapies .vedana-therapie-intro {
    padding: 35px 12px 30px;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .vedana-therapie-intro {
        padding: 56px 0;
    }
}

#vedana-therapies .vedana-therapie-intro h2 {
    color: #3db9c5;
    font-size: calc(21.79487px + 1.06838vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .vedana-therapie-intro h2 {
        font-size: calc(19.5px + 1.36719vw);
        letter-spacing: 8px;
        margin-bottom: 48px;
    }
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .vedana-therapie-intro h2 {
        font-size: 2.313em;
    }
}

#vedana-therapies .thermo-text,
#vedana-therapies .light-text,
#vedana-therapies .sound-text,
#vedana-therapies .chrome-text,
#vedana-therapies .aroma-text {
    position: relative;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .thermo-text,
    #vedana-therapies .light-text,
    #vedana-therapies .sound-text,
    #vedana-therapies .chrome-text,
    #vedana-therapies .aroma-text {
        padding: 0 0 0 17.5%;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .thermo-text,
    #vedana-therapies .light-text,
    #vedana-therapies .sound-text,
    #vedana-therapies .chrome-text,
    #vedana-therapies .aroma-text {
        padding: 0 14% 0 20%;
    }
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .thermo-text,
    #vedana-therapies .light-text,
    #vedana-therapies .sound-text,
    #vedana-therapies .chrome-text,
    #vedana-therapies .aroma-text {
        padding: 0 20%;
    }
}

#vedana-therapies .thermo-text.actived,
#vedana-therapies .light-text.actived,
#vedana-therapies .sound-text.actived,
#vedana-therapies .chrome-text.actived,
#vedana-therapies .aroma-text.actived {
    display: block;
}

#vedana-therapies .thermo-text p,
#vedana-therapies .light-text p,
#vedana-therapies .sound-text p,
#vedana-therapies .chrome-text p,
#vedana-therapies .aroma-text p {
    margin-bottom: 12px;
    letter-spacing: 0.3px;
}

#vedana-therapies .thermo-text h3,
#vedana-therapies .light-text h3,
#vedana-therapies .sound-text h3,
#vedana-therapies .chrome-text h3,
#vedana-therapies .aroma-text h3 {
    color: #3db9c5;
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 10px;
    letter-spacing: 3px;
    padding-left: 2.3em;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .thermo-text h3,
    #vedana-therapies .light-text h3,
    #vedana-therapies .sound-text h3,
    #vedana-therapies .chrome-text h3,
    #vedana-therapies .aroma-text h3 {
        letter-spacing: 3.3px;
        padding-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .thermo-text h3,
    #vedana-therapies .light-text h3,
    #vedana-therapies .sound-text h3,
    #vedana-therapies .chrome-text h3,
    #vedana-therapies .aroma-text h3 {
        font-size: 1.125em;
    }
}

#vedana-therapies .thermo-text em,
#vedana-therapies .light-text em,
#vedana-therapies .sound-text em,
#vedana-therapies .chrome-text em,
#vedana-therapies .aroma-text em {
    margin: 25px 0 20px;
    font-style: italic;
    line-height: 1.4em;
    display: block;
}

#vedana-therapies .thermo-text:before,
#vedana-therapies .light-text:before,
#vedana-therapies .sound-text:before,
#vedana-therapies .chrome-text:before,
#vedana-therapies .aroma-text:before {
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -5px;
    left: 12px;
    width: 32px;
    height: 32px;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .thermo-text:before,
    #vedana-therapies .light-text:before,
    #vedana-therapies .sound-text:before,
    #vedana-therapies .chrome-text:before,
    #vedana-therapies .aroma-text:before {
        width: 63px;
        height: 63px;
        top: -3px;
        left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .thermo-text:before,
    #vedana-therapies .light-text:before,
    #vedana-therapies .sound-text:before,
    #vedana-therapies .chrome-text:before,
    #vedana-therapies .aroma-text:before {
        left: 5px;
    }
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .thermo-text:before,
    #vedana-therapies .light-text:before,
    #vedana-therapies .sound-text:before,
    #vedana-therapies .chrome-text:before,
    #vedana-therapies .aroma-text:before {
        left: 18px;
    }
}

#vedana-therapies .thermo-text a,
#vedana-therapies .light-text a,
#vedana-therapies .sound-text a,
#vedana-therapies .chrome-text a,
#vedana-therapies .aroma-text a {
    color: #3db9c5;
}

#vedana-therapies .thermo-text a:visited,
#vedana-therapies .light-text a:visited,
#vedana-therapies .sound-text a:visited,
#vedana-therapies .chrome-text a:visited,
#vedana-therapies .aroma-text a:visited {
    color: #3db9c5;
}

#vedana-therapies .thermo-text a:hover,
#vedana-therapies .light-text a:hover,
#vedana-therapies .sound-text a:hover,
#vedana-therapies .chrome-text a:hover,
#vedana-therapies .aroma-text a:hover {
    color: #3db9c5;
}

#vedana-therapies .thermo-text a:active,
#vedana-therapies .light-text a:active,
#vedana-therapies .sound-text a:active,
#vedana-therapies .chrome-text a:active,
#vedana-therapies .aroma-text a:active {
    color: #3db9c5;
}

#vedana-therapies .thermo-text a,
#vedana-therapies .light-text a,
#vedana-therapies .sound-text a,
#vedana-therapies .chrome-text a,
#vedana-therapies .aroma-text a {
    text-align: left;
    display: inline-block;
    font-family: "Droid Serif", serif;
    vertical-align: middle;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0;
    margin-top: 0;
    font-style: italic;
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .thermo-text a,
    #vedana-therapies .light-text a,
    #vedana-therapies .sound-text a,
    #vedana-therapies .chrome-text a,
    #vedana-therapies .aroma-text a {
        font-size: 1em;
    }
}

#vedana-therapies .thermo-text a:before,
#vedana-therapies .light-text a:before,
#vedana-therapies .sound-text a:before,
#vedana-therapies .chrome-text a:before,
#vedana-therapies .aroma-text a:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 6px;
    background-image: url("../images/custom/svg/arrow-icon-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .thermo-text a:before,
    #vedana-therapies .light-text a:before,
    #vedana-therapies .sound-text a:before,
    #vedana-therapies .chrome-text a:before,
    #vedana-therapies .aroma-text a:before {
        width: 42px;
        height: 42px;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .thermo-text a:before,
    #vedana-therapies .light-text a:before,
    #vedana-therapies .sound-text a:before,
    #vedana-therapies .chrome-text a:before,
    #vedana-therapies .aroma-text a:before {
        margin-right: 10px;
    }
}

#vedana-therapies .thermo-text a:hover:before,
#vedana-therapies .light-text a:hover:before,
#vedana-therapies .sound-text a:hover:before,
#vedana-therapies .chrome-text a:hover:before,
#vedana-therapies .aroma-text a:hover:before {
    margin-left: 10px;
}

#vedana-therapies .chrome-text:before {
    background-image: url("../images/custom/svg/chroma-white.svg");
}

#vedana-therapies .thermo-text:before {
    background-image: url("../images/custom/svg/thermo-white.svg");
}

#vedana-therapies .aroma-text:before {
    background-image: url("../images/custom/svg/aroma-white.svg");
}

#vedana-therapies .sound-text:before {
    background-image: url("../images/custom/svg/sound-white.svg");
}

#vedana-therapies .light-text:before {
    background-image: url("../images/custom/svg/light-white.svg");
}

#vedana-therapies .light-text,
#vedana-therapies .sound-text,
#vedana-therapies .chrome-text,
#vedana-therapies .aroma-text,
#vedana-therapies .thermo-text {
    display: none;
}

#vedana-therapies .vedana-therapie-image-wrapper {
    padding: 35px 0 30px;
    position: relative;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .vedana-therapie-image-wrapper {
        padding: 50px 0;
    }
}

#vedana-therapies .vedana-therapie-image-wrapper ul li {
    border-bottom: 1px solid #3db9c5;
    padding: 0 10px 0 25px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .vedana-therapie-image-wrapper ul li {
        padding: 0 25px;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:after {
        content: "";
        width: 70%;
        height: 1px;
        display: block;
        position: absolute;
        top: auto;
        left: auto;
        right: -59%;
        bottom: -1px;
        border-bottom: 1px solid #3db9c5;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(1) {
        margin-top: 2%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(2) {
        margin-top: 36%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(3) {
        margin-top: 43%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(4) {
        margin-top: 48%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(5) {
        margin-top: 0%;
    }
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(1) {
        margin-top: 2%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(2) {
        margin-top: 46%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(3) {
        margin-top: 43%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(4) {
        margin-top: 50%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:nth-child(5) {
        margin-top: 1%;
    }

    #vedana-therapies .vedana-therapie-image-wrapper ul li:after {
        width: 70%;
        height: 1px;
        display: block;
        position: absolute;
        top: auto;
        left: auto;
        right: -59%;
    }
}

#vedana-therapies .vedana-therapie-image-wrapper ul li:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("../images/custom/svg/plus-red.svg");
    position: absolute;
    left: -2px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#vedana-therapies .vedana-therapie-image-wrapper ul li:hover button, #vedana-therapies .vedana-therapie-image-wrapper ul li:focus button {
    color: #3db9c5;
}

#vedana-therapies .vedana-therapie-image-wrapper ul li button {
    background-color: transparent;
    border: 0;
    color: #ffffff;
    letter-spacing: 0.6px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#vedana-therapies .vedana-therapie-image-wrapper ul li button.actived {
    color: #3db9c5;
}

#vedana-therapies .vedana-therapie-image-wrapper ul li button:focus {
    outline: 0;
}

#vedana-therapies .vedana-therapie-image-wrapper .col-sm-11 {
    margin-top: 25px;
    z-index: 2;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .vedana-therapie-image-wrapper .col-sm-11 {
        margin-top: 0;
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .vedana-therapie-image-wrapper .col-sm-11 {
        width: 41.66667%;
    }
}

#vedana-therapies .vedana-therapie-image-wrapper .vedana-therapies-infos-buttons {
    position: relative;
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .vedana-therapie-image-wrapper .vedana-therapies-infos-buttons {
        position: absolute;
        z-index: 999;
        left: 0.9%;
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .vedana-therapie-image-wrapper .vedana-therapies-infos-buttons {
        position: relative;
        width: 41.66667%;
        left: 0;
    }
}

@media only screen and (min-width: 768px) {
    #vedana-therapies .vedana-therapie-image-wrapper .vedana-therapies-infos-buttons ul li {
        background-color: rgba(0, 0, 0, 0.6);
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .vedana-therapie-image-wrapper .vedana-therapies-infos-buttons ul li {
        background-color: transparent;
    }
}

#vedana-therapies .vedana-therapie-image-wrapper .image-description-title {
    margin-top: 25px;
    font-weight: 400;
    border-bottom: 1px solid #6f6f6f;
}

#vedana-therapies .vedana-therapie-image-wrapper .image-description-text {
    text-align: right;
    margin-top: 3px;
    font-weight: 400;
    letter-spacing: 0.3px;
    font-size: calc(12.71795px + 0.42735vw);
}

@media only screen and (min-width: 1280px) {
    #vedana-therapies .vedana-therapie-image-wrapper .image-description-text {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    #vedana-therapies .col-md-6:last-child p {
        margin-left: 20px;
    }
}

.vedana-color-header,
.vedana-status {
    padding: 30px 0;
}

@media only screen and (min-width: 768px) {
    .vedana-color-header,
    .vedana-status {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    .vedana-color-header,
    .vedana-status {
        padding: 0;
    }
}

.vedana-color-header h2,
.vedana-status h2 {
    color: #ffffff;
    font-size: calc(33.4359px + 0.8547vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 9px;
    margin: 0 0 30px;
}

@media only screen and (min-width: 768px) {
    .vedana-color-header h2,
    .vedana-status h2 {
        font-size: calc(-12.5px + 6.83594vw);
        font-weight: 100;
    }
}

@media only screen and (min-width: 1024px) {
    .vedana-color-header h2,
    .vedana-status h2 {
        letter-spacing: 18px;
        margin: 66px 0 50px;
    }
}

@media only screen and (min-width: 1280px) {
    .vedana-color-header h2,
    .vedana-status h2 {
        font-size: 4.688em;
    }
}

.vedana-color-header p,
.vedana-status p {
    margin-bottom: 12px;
    line-height: 1.2em;
    font-weight: 300;
    font-size: calc(13.08163px + 0.30612vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1024px) {
    .vedana-color-header p,
    .vedana-status p {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    .vedana-color-header p,
    .vedana-status p {
        font-size: 1.063em;
    }
}

@media only screen and (min-width: 1024px) {
    .vedana-color-content {
        padding-bottom: 2.7em;
    }
}

.vedana-color-content p:last-child {
    margin-top: 0.438em;
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    .vedana-color-content p:last-child {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    .vedana-status {
        padding-bottom: 1.3em;
    }
}

@media only screen and (min-width: 768px) {
    .vedana-status .col-md-5 {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .vedana-status .col-md-5 {
        padding-right: 6px;
    }
}

.vedana-status h2 {
    color: rgba(0, 0, 0, 0.2);
    font-size: calc(17.40816px + 1.53061vw);
    margin-bottom: 0.43em;
    letter-spacing: 4px;
    font-weight: 300;
}

@media only screen and (min-width: 768px) {
    .vedana-status h2 {
        letter-spacing: 8px;
    }
}

@media only screen and (min-width: 1280px) {
    .vedana-status h2 {
        font-size: 2.313em;
    }
}

.vedana-status p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    .vedana-status p {
        font-size: 1em;
    }
}

.vedana-status strong {
    font-weight: 600;
}

.vedana-status .documentation p {
    margin-left: 3em;
}

@media only screen and (min-width: 768px) {
    .vedana-status .documentation p {
        margin-left: 1.563em;
    }
}

.vedana-status .documentation strong {
    text-transform: uppercase;
    line-height: 1.4em;
    font-weight: 600;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.7px;
}

@media only screen and (min-width: 1280px) {
    .vedana-status .documentation strong {
        font-size: 1em;
    }
}

.vedana-status .documentation ul {
    margin-top: 1em;
    padding-left: 2.8em;
}

@media only screen and (min-width: 768px) {
    .vedana-status .documentation ul {
        margin-top: 1.1em;
        padding-left: 1.688em;
    }
}

.vedana-status .documentation ul li {
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 1.1px;
}

@media only screen and (min-width: 1280px) {
    .vedana-status .documentation ul li {
        font-size: 1em;
    }
}

.node-product-type-wrapper::after {
    clear: both;
    content: "";
    display: table;
}

.node-product-type-wrapper section:after {
    clear: both;
    content: " ";
    display: table;
}

.node-product-type-wrapper .product-header .product-title-wrapper h1 .pre-title {
    font-size: calc(17.85714px + 0.71429vw);
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    padding-left: 0;
    font-style: normal;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .pre-title {
        padding-left: 1.6em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .pre-title {
        padding-left: 3.2em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .pre-title {
        font-size: 1.7em;
    }
}

.node-product-type-wrapper .product-header .product-title-wrapper h1 .pre-title:after {
    display: none;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-title {
        padding-left: 1.6em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-title {
        padding-left: 3.2em;
    }
}

.node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle {
    font-family: "Droid Serif", serif;
    font-size: calc(15px + 0vw);
    text-transform: initial;
    position: relative;
    display: block;
    padding-left: 0;
    margin-top: 0.7em;
    margin-bottom: 0.8em;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle {
        padding-left: 3em;
        margin-bottom: 0.5em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle {
        padding-left: 5.9em;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle {
        font-size: 0.938em;
    }
}

.node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle:before {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background-color: #3db9c5;
    position: absolute;
    left: -0.8em;
    top: -10px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle:before {
        left: 2.1em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-title-wrapper h1 .collection-subtitle:before {
        left: 5.1em;
    }
}

.node-product-type-wrapper .product-header .product-image-description-wrapper {
    position: relative;
    bottom: 16px;
    padding-left: 7px;
    font-size: calc(14px + 0vw);
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-image-description-wrapper {
        left: 35px;
        bottom: 24px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-image-description-wrapper {
        bottom: 25px;
        left: 7px;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper .product-header .product-image-description-wrapper {
        font-size: 0.875em;
    }
}

.node-product-type-wrapper .product-header .product-image-description-wrapper p {
    text-transform: uppercase;
    line-height: 0;
}

.node-product-type-wrapper .product-header .product-shortcut-wrapper {
    padding: 0;
    bottom: auto;
    top: 0;
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper {
        right: 20px;
        top: 50px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper {
        right: 54px;
    }
}

.node-product-type-wrapper .product-header .product-shortcut-wrapper.two-product-images .owl-stage-outer {
    margin-top: 8px;
}

.node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper {
    position: relative;
    min-height: 192px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper {
        min-height: 130px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper {
        min-height: 262px;
    }
}

.node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper.one-product-image div {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-height: 192px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper.one-product-image div {
        min-height: 130px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper.one-product-image div {
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        min-height: 262px;
    }

    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-image-wrapper.one-product-image div img {
        margin-top: 10px;
    }
}

.node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-bg {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    min-height: 192px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-bg {
        min-height: 130px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-shortcut-wrapper .product-shortcut-bg {
        min-height: 262px;
    }
}

.node-product-type-wrapper .product-header .product-size-wrapper {
    position: absolute;
    top: auto;
    bottom: 43%;
    right: 25px;
    left: auto;
    z-index: 99;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-size-wrapper {
        bottom: 22%;
        right: 50px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-size-wrapper {
        bottom: 22.7%;
        right: 25px;
    }
}

.node-product-type-wrapper .product-header .product-size-wrapper .length,
.node-product-type-wrapper .product-header .product-size-wrapper .width,
.node-product-type-wrapper .product-header .product-size-wrapper .height {
    background-color: #000000;
    margin-bottom: 0.4em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper .product-header .product-size-wrapper .length,
    .node-product-type-wrapper .product-header .product-size-wrapper .width,
    .node-product-type-wrapper .product-header .product-size-wrapper .height {
        margin-bottom: 1.3em;
    }
}

.node-product-type-wrapper .product-header .product-size-wrapper .length span,
.node-product-type-wrapper .product-header .product-size-wrapper .width span,
.node-product-type-wrapper .product-header .product-size-wrapper .height span {
    color: #ffffff;
}

.node-product-type-wrapper .product-header .product-size-wrapper .length span:first-of-type,
.node-product-type-wrapper .product-header .product-size-wrapper .width span:first-of-type,
.node-product-type-wrapper .product-header .product-size-wrapper .height span:first-of-type {
    font-size: calc(22.04082px + 2.65306vw);
    font-weight: 300;
    vertical-align: middle;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-size-wrapper .length span:first-of-type,
    .node-product-type-wrapper .product-header .product-size-wrapper .width span:first-of-type,
    .node-product-type-wrapper .product-header .product-size-wrapper .height span:first-of-type {
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper .product-header .product-size-wrapper .length span:first-of-type,
    .node-product-type-wrapper .product-header .product-size-wrapper .width span:first-of-type,
    .node-product-type-wrapper .product-header .product-size-wrapper .height span:first-of-type {
        font-size: 3.563em;
    }
}

.node-product-type-wrapper .product-header .product-size-wrapper .length span:last-of-type,
.node-product-type-wrapper .product-header .product-size-wrapper .width span:last-of-type,
.node-product-type-wrapper .product-header .product-size-wrapper .height span:last-of-type {
    text-transform: uppercase;
    padding-left: 0.2em;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 0.3em;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper .product-header .product-size-wrapper .length span:last-of-type,
    .node-product-type-wrapper .product-header .product-size-wrapper .width span:last-of-type,
    .node-product-type-wrapper .product-header .product-size-wrapper .height span:last-of-type {
        font-size: 1.125em;
        padding-top: 1em;
    }
}

.node-product-type-wrapper section.caracteristics {
    padding: 2em 12px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.caracteristics {
        padding: 3.5em 12px 12px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics {
        padding: 4.6em 0 6.3em;
    }
}

.node-product-type-wrapper section.caracteristics h2 {
    color: rgba(0, 0, 0, 0.2);
    font-size: calc(13.61224px + 4.79592vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    margin-bottom: 0.65em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.caracteristics h2 {
        font-weight: 100;
        letter-spacing: 8px;
        margin-bottom: 0.45em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics h2 {
        padding-left: 1.35em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.caracteristics h2 {
        font-size: 4.688em;
    }
}

.node-product-type-wrapper section.caracteristics .main-stat {
    padding: 0 0.4em 1em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics .main-stat {
        margin-top: 1.65%;
        padding: 0;
    }
}

.node-product-type-wrapper section.caracteristics .main-stat dl dt {
    display: inline-block;
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-bottom: 0.5em;
    width: 62%;
    vertical-align: top;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.caracteristics .main-stat dl dt {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.caracteristics .main-stat dl dt:first-of-type {
    width: 49.9%;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.caracteristics .main-stat dl dt:first-of-type {
        width: 50%;
    }
}

.node-product-type-wrapper section.caracteristics .main-stat dl dd {
    display: inline-block;
    text-align: right;
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 0.5em;
    width: 35%;
    vertical-align: top;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.caracteristics .main-stat dl dd {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.caracteristics .main-stat dl dd:first-of-type {
    width: 47.7%;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat {
        padding-left: 2.3%;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-bath-stat-wrapper {
    padding: 1.3em 0.8em 1em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-bath-stat-wrapper {
        padding: 1.3em 1.6em 1em;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-bath-stat-wrapper:after {
    clear: both;
    content: " ";
    display: table;
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat h3 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    font-size: calc(14.08163px + 0.30612vw);
    margin-bottom: 0.5em;
    min-height: 36px;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat h3 {
        font-size: 1.125em;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat {
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat {
        margin-bottom: 0;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl:before {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 1.3em;
    background-color: #6f6f6f;
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dt {
    width: 61.7%;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dt {
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dt {
        width: 56%;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dd {
    width: 36.5%;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dd {
        width: 49.2%;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dd {
        width: 42.4%;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl:before {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 1.3em;
    background-color: #6f6f6f;
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl dt {
    width: 63%;
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl dd {
    width: 35.4%;
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dt,
.node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl dt {
    display: inline-block;
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-bottom: 0.5em;
    vertical-align: top;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dt,
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl dt {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dd,
.node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl dd {
    display: inline-block;
    text-align: right;
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.7px;
    margin-bottom: 0.5em;
    vertical-align: top;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .thermo-stat dl dd,
    .node-product-type-wrapper section.caracteristics .thermo-bath-stat .bath-stat dl dd {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.colors-finish {
    padding: 2em 12px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish {
        padding: 2.4em 1.4em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.colors-finish {
        padding: 2.4em 0 3em;
    }
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .finish {
        padding-left: 4%;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.colors-finish .finish {
        padding-left: 8.1%;
    }

    .node-product-type-wrapper section.colors-finish .col-sm-12 .finish {
        margin-top: 100px;
    }

    .node-product-type-wrapper section.colors-finish .col-sm-12 .finish img {
        width: 62%;
        float: right;
    }

    .node-product-type-wrapper section.colors-finish .col-sm-12 .finish p {
        width: 33%;
        float: left;
        margin-top: 50px;
        padding-right: 0;
    }

}

.node-product-type-wrapper section.colors-finish .finish p {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 0;
    line-height: 1.2em;
    margin-top: 1em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.colors-finish .finish p {
        padding-right: 18%;
        margin-top: -2.8em;
        padding-left: 0.5em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.colors-finish .finish p {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.colors-finish .colors h2,
.node-product-type-wrapper section.colors-finish .finish h2 {
    margin-bottom: 1.4em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors h2,
    .node-product-type-wrapper section.colors-finish .finish h2 {
        margin-bottom: 0.9em;
    }
}

.node-product-type-wrapper section.colors-finish .colors h2 span,
.node-product-type-wrapper section.colors-finish .finish h2 span {
    color: #ffffff;
    display: inline-block;
    font-size: calc(20.20408px + 3.26531vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5.5px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors h2 span,
    .node-product-type-wrapper section.colors-finish .finish h2 span {
        font-weight: 100;
        letter-spacing: 8px;
        display: block;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.colors-finish .colors h2 span,
    .node-product-type-wrapper section.colors-finish .finish h2 span {
        font-size: 3.9em;
    }
}

.node-product-type-wrapper section.colors-finish .colors h2 span.small-title,
.node-product-type-wrapper section.colors-finish .finish h2 span.small-title {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 1em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors h2 span.small-title,
    .node-product-type-wrapper section.colors-finish .finish h2 span.small-title {
        padding-left: 1.3em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.colors-finish .colors h2 span.small-title,
    .node-product-type-wrapper section.colors-finish .finish h2 span.small-title {
        font-size: 2.313em;
    }
}

.node-product-type-wrapper section.colors-finish .colors h3,
.node-product-type-wrapper section.colors-finish .finish h3 {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    line-height: 1.25em;
    margin-bottom: 0.6em;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.colors-finish .colors h3,
    .node-product-type-wrapper section.colors-finish .finish h3 {
        font-size: 1.125em;
    }
}

.node-product-type-wrapper section.colors-finish .colors .options,
.node-product-type-wrapper section.colors-finish .finish .options {
    text-align: center;
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors .options,
    .node-product-type-wrapper section.colors-finish .finish .options {
        text-align: left;
        margin-bottom: 0;
    }
}

.node-product-type-wrapper section.colors-finish .colors .options img,
.node-product-type-wrapper section.colors-finish .finish .options img {
    max-width: 208px;
}

.node-product-type-wrapper section.colors-finish .colors .options .standard-colors p,
.node-product-type-wrapper section.colors-finish .finish .options .standard-colors p {
    margin: 2.1em 0 2.2em;
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.2em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors .options .standard-colors p,
    .node-product-type-wrapper section.colors-finish .finish .options .standard-colors p {
        margin: 4.5em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.colors-finish .colors .options .standard-colors p,
    .node-product-type-wrapper section.colors-finish .finish .options .standard-colors p {
        padding-right: 2em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.colors-finish .colors .options .standard-colors p,
    .node-product-type-wrapper section.colors-finish .finish .options .standard-colors p {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.colors-finish .colors .color-wrapper,
.node-product-type-wrapper section.colors-finish .finish .color-wrapper {
    max-width: 208px;
    margin: auto;
    margin-bottom: 1.3em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors .color-wrapper,
    .node-product-type-wrapper section.colors-finish .finish .color-wrapper {
        margin: inherit;
    }
}

.node-product-type-wrapper section.colors-finish .colors .color-wrapper .color-title,
.node-product-type-wrapper section.colors-finish .finish .color-wrapper .color-title {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: calc(14px + 0vw);
    margin-bottom: 0;
    margin-top: 0.4em;
    letter-spacing: 0.1px;
    font-weight: 600;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.colors-finish .colors .color-wrapper .color-title,
    .node-product-type-wrapper section.colors-finish .finish .color-wrapper .color-title {
        margin-top: 0.7em;
        padding-top: 0.2em;
        padding-bottom: 2em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.colors-finish .colors .color-wrapper .color-title,
    .node-product-type-wrapper section.colors-finish .finish .color-wrapper .color-title {
        font-size: 0.875em;
    }
}

.node-product-type-wrapper section.accessories {
    padding: 2em 12px 1em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.accessories {
        padding: 5.4em 0 2.2em;
    }
}

.node-product-type-wrapper section.accessories .accessories-title {
    position: relative;
}

.node-product-type-wrapper section.accessories .accessories-title h2 {
    color: rgba(0, 0, 0, 0.2);
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5.5px;
    margin-bottom: 0.25em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.accessories .accessories-title h2 {
        font-weight: 100;
        letter-spacing: 8px;
        margin-bottom: 0.55em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.accessories .accessories-title h2 {
        padding-left: 1.35em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessories-title h2 {
        font-size: 4.688em;
    }
}

.node-product-type-wrapper section.accessories .accessories-title p.additional-costs {
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 1.8em;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.accessories .accessories-title p.additional-costs {
        position: absolute;
        bottom: 14.22%;
        right: 4.6%;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessories-title p.additional-costs {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.accessories .accessory {
    margin-bottom: 2em;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.accessories .accessory {
        margin-bottom: 3em;
    }
}

.node-product-type-wrapper section.accessories .accessory .accessory-text h3 {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    display: block;
    margin-bottom: 0.3em;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessory .accessory-text h3 {
        font-size: 1.125em;
    }
}

.node-product-type-wrapper section.accessories .accessory .accessory-text span {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 0.5em;
    display: block;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessory .accessory-text span {
        font-size: 1em;
    }
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.accessories .accessory .accessory-text.accessory-without-category {
        margin-top: 21px;
    }
}

.node-product-type-wrapper section.accessories .accessory .accessories-colors {
    margin-top: 5.1%;
}

.node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper {
    background-color: #000000;
    padding: 1.05em 0.5em 1.3em 1em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper {
        padding: 0.95em 1em 2.3em 1em;
    }
}

.node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper h4 {
    color: #ffffff;
    font-size: calc(13.38776px + 0.20408vw);
    margin-bottom: 0;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-bottom: 1.5em;
    font-weight: 600;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper h4 {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper .color-wrapper {
    display: inline-block;
    max-width: 57px;
    margin: 0 2.9% 2.1% 0;
    vertical-align: top;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper .color-wrapper {
        margin: 0 3.5% 0 0;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper .color-wrapper {
        margin: 0 3.1% 2.1% 0;
    }
}

.node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper .color-wrapper span.color-title {
    color: #ffffff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: calc(12px + 0vw);
    margin-top: 0.6em;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.2em;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.accessories .accessory .accessories-colors .accessories-colors-wrapper .color-wrapper span.color-title {
        font-size: 0.75em;
    }
}

.node-product-type-wrapper section.product-files {
    padding: 2em 12px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-files {
        padding: 3em 1.5em 1.7em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-files {
        padding: 5.5em 0 1.7em;
    }
}

.node-product-type-wrapper section.product-files h2 {
    color: rgba(0, 0, 0, 0.2);
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 0.65em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-files h2 {
        font-weight: 100;
        letter-spacing: 8px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-files h2 {
        padding-left: 1.35em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-files h2 {
        font-size: 4.688em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-files .file-wrapper,
    .node-product-type-wrapper section.product-files .draw-wrapper {
        padding-left: 10.1%;
    }
}

.node-product-type-wrapper section.product-files .file-wrapper .inner-file-wrapper,
.node-product-type-wrapper section.product-files .draw-wrapper .inner-file-wrapper {
    margin-bottom: 3.2em;
}

.node-product-type-wrapper section.product-files .file-wrapper h3,
.node-product-type-wrapper section.product-files .draw-wrapper h3 {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    margin-bottom: 2.1em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-files .file-wrapper h3,
    .node-product-type-wrapper section.product-files .draw-wrapper h3 {
        margin-bottom: 1.4em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-files .file-wrapper h3,
    .node-product-type-wrapper section.product-files .draw-wrapper h3 {
        font-size: 1.125em;
    }
}

.node-product-type-wrapper section.product-files .file-wrapper ul li,
.node-product-type-wrapper section.product-files .draw-wrapper ul li {
    padding-left: 2.8em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-files .file-wrapper ul li,
    .node-product-type-wrapper section.product-files .draw-wrapper ul li {
        padding-left: 0;
    }
}

.node-product-type-wrapper section.product-files .file-wrapper ul li:not(:last-of-type),
.node-product-type-wrapper section.product-files .draw-wrapper ul li:not(:last-of-type) {
    margin-bottom: 1.5em;
}

.node-product-type-wrapper section.product-files .file-wrapper ul li a,
.node-product-type-wrapper section.product-files .draw-wrapper ul li a {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-files .file-wrapper ul li a,
    .node-product-type-wrapper section.product-files .draw-wrapper ul li a {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.therapies {
    padding: 2.4em 12px 0.3em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies {
        padding: 2.4em 1.4em 3.2em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies {
        padding: 2.4em 0 3.2em;
    }
}

.node-product-type-wrapper section.therapies > div::after {
    clear: both;
    content: "";
    display: table;
}

.node-product-type-wrapper section.therapies h2 {
    position: relative;
    color: #ffffff;
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5.5px;
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies h2 {
        font-weight: 100;
        letter-spacing: 8px;
        margin-bottom: 0.65em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies h2 {
        margin-bottom: 0.45em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.therapies h2 {
        font-size: 4.688em;
    }
}

.node-product-type-wrapper section.therapies h2 span {
    color: #3db9c5;
    font-size: 0.35em;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: -14px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies h2 span {
        top: -20px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies h2 span {
        top: -36px;
    }
}

.node-product-type-wrapper section.therapies .therapies-star-text p {
    color: #3db9c5;
    font-size: calc(13.38776px + 0.20408vw);
    padding-bottom: 1em;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies .therapies-star-text p {
        padding-bottom: 0;
        text-align: right;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.therapies .therapies-star-text p {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.therapies .therapy-wrapper {
    padding-right: 6px;
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper {
        min-height: 115px;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper {
        min-height: 110px;
    }
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper:nth-child(2) {
        margin-bottom: 3em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper:nth-child(2) {
        margin-bottom: 5.2em;
    }
}

.node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy .parent-therapy {
    position: relative;
    text-transform: uppercase;
    padding-top: 4.8em;
    font-size: 0.825em;
    text-align: left;
    padding-right: 1.4em;
    margin-bottom: 1.2em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy .parent-therapy {
        padding-top: 5.6em;
        text-align: center;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy .parent-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy .parent-therapy {
        padding-right: 3.4em;
    }
}

.node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy .parent-therapy:before, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy .parent-therapy:before, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy .parent-therapy:before, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy .parent-therapy:before {
    content: "";
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    margin-top: -59px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy .parent-therapy:before, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy .parent-therapy:before, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy .parent-therapy:before, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy .parent-therapy:before {
        width: 63px;
        height: 63px;
        margin-top: -75px;
    }
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy {
        padding-right: 2.2em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy, .node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy {
        padding-right: 6.2em;
    }
}

.node-product-type-wrapper section.therapies .therapy-wrapper.chroma-therapy .parent-therapy:before {
    background-image: url("../images/custom/svg/chroma-white.svg");
}

.node-product-type-wrapper section.therapies .therapy-wrapper.thermo-therapy .parent-therapy:before {
    background-image: url("../images/custom/svg/thermo-white.svg");
}

.node-product-type-wrapper section.therapies .therapy-wrapper.aroma-therapy .parent-therapy:before {
    background-image: url("../images/custom/svg/aroma-white.svg");
}

.node-product-type-wrapper section.therapies .therapy-wrapper.hydro-therapy .parent-therapy:before {
    background-image: url("../images/custom/svg/hydro-white.svg");
}

.node-product-type-wrapper section.therapies .therapy-wrapper .title {
    color: #3db9c5;
    text-transform: uppercase;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    margin-bottom: 0.6em;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper .title {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.therapies .therapy-wrapper .description {
    margin-bottom: 0.4em;
}

.node-product-type-wrapper section.therapies .therapy-wrapper .description p {
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.therapies .therapy-wrapper .description p {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.therapies .therapy-wrapper a.link-to-therapy:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: -5px;
}

.node-product-type-wrapper section.therapies .therapy-wrapper a.link-to-therapy:hover, .node-product-type-wrapper section.therapies .therapy-wrapper a.link-to-therapy:active {
    text-decoration: none;
}

.node-product-type-wrapper section.therapies .therapy-wrapper a.link-to-therapy:hover:after, .node-product-type-wrapper section.therapies .therapy-wrapper a.link-to-therapy:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

.node-product-type-wrapper section.product-you-will-like-and-related {
    clear: both;
    content: "";
    display: table;
    padding: 2em 12px;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related {
        padding: 2.4em 1.4em 3.2em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related {
        padding: 3.2em 0 3.1em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related h2 {
    color: #ffffff;
    font-family: "Droid Serif", serif;
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 600;
    margin-bottom: 1.2em;
    letter-spacing: 0.7px;
    line-height: 1em;
    font-style: italic;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related h2 {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-you-will-like-and-related h2 {
        font-size: 1.125em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related h2:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #ffffff;
    margin-top: 0.4em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related h2:after {
        width: 340px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related h2:after {
        width: 410px;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related h3,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like h3 {
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin: 0 0 0.7em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related h3,
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like h3 {
        margin: 0 0 0.5em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related h3,
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like h3 {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related h3:after,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like h3:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #ffffff;
    margin-top: 0.1em;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related p,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like p {
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related p,
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like p {
        font-size: 1em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product {
    font-weight: 300;
    font-size: calc(15.69388px + 0.10204vw);
    float: right;
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product,
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product {
        font-size: 1.063em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product:after,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product:hover, .node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product:active,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product:hover,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product:active {
    text-decoration: none;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product:hover:after, .node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product:active:after,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product:hover:after,
.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like a.link-to-product:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like {
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like {
        margin-bottom: 0;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .views-view-grid {
    padding: 0;
    margin: 0;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like.col-sm-12 {
    padding-right: 0;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like.col-sm-12 {
        padding-right: 6px;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like h2 {
        margin-bottom: 2em;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product:not(:last-of-type) {
        margin-right: 1em;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product:not(:last-of-type) {
        margin-right: 1.2em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product {
    padding-right: 0;
    margin: 0 0 1.3em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product {
        max-width: 160px;
        margin: 0 1em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product {
        max-width: 195px;
    }
}

@media only screen and (min-width: 1280px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product {
        margin-right: 1.2em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product:last-of-type {
    /*padding-right: 6px;*/
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product img {
    margin-bottom: 0.7em;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product img {
        margin-bottom: 1.5em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper {
    width: 90%;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper {
        width: 82%;
        display: inline-block;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper {
        width: 82%;
        display: inline-block;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper h3 {
    font-weight: 600;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper h3 a:hover, .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper h3 a:focus, .node-product-type-wrapper section.product-you-will-like-and-related .product-you-will-like .product .product-text-wrapper h3 a:active {
    text-decoration: none;
    color: #3db9c5;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related h2 {
    margin-bottom: 1.2em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related h2 {
        margin-bottom: 1.6em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related img {
    margin-bottom: 0.7em;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related img {
        margin-bottom: 0;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related a.link-to-product {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related .product:after {
    clear: both;
    content: " ";
    display: table;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related .product {
        max-width: 82%;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related .product img {
        max-width: 92px;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related .product .product-related-description {
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related .product .product-related-description {
        padding-left: 0.9em;
    }
}

.node-product-type-wrapper section.product-you-will-like-and-related .product-related .product .product-related-text-wrapper {
    width: 90%;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related .product .product-related-text-wrapper {
        width: 89.6%;
        display: inline-block;
    }
}

@media only screen and (min-width: 1024px) {
    .node-product-type-wrapper section.product-you-will-like-and-related .product-related .product .product-related-text-wrapper {
        width: 89.6%;
        display: inline-block;
    }
}

#collection-experience-360 h3 {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    margin-top: 1em;
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    #collection-experience-360 h3 {
        letter-spacing: 8px;
        margin-top: 1.16em;
        margin-bottom: 1.16em;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-experience-360 h3 {
        font-size: 2.313em;
    }
}

#collection-therapies {
    padding: 30px 0 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies {
        padding: 0;
    }
}

#collection-therapies.black-bg, #collection-therapies.grey-bg {
    padding: 30px 0 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies.black-bg, #collection-therapies.grey-bg {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies.black-bg, #collection-therapies.grey-bg {
        padding: 100px 0;
    }
}

#collection-therapies.black-bg h3, #collection-therapies.grey-bg h3 {
    margin-top: 0;
}

#collection-therapies.black-bg .therapy-video-wrapper, #collection-therapies.grey-bg .therapy-video-wrapper {
    margin-top: 0;
}

#collection-therapies.black-bg h3 {
    color: #3db9c5;
}

#collection-therapies.black-bg .chroma-therapy {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies.black-bg .chroma-therapy {
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies.black-bg .chroma-therapy {
        margin-left: 0;
    }
}

#collection-therapies.image-with-description {
    padding: 0;
}

#collection-therapies.image-with-description h3 {
    margin-top: 1.5em;
}

#collection-therapies.image-with-description .therapy-img-wrapper {
    display: block;
}

@media only screen and (min-width: 768px) {
    #collection-therapies.image-with-description .therapy-img-wrapper {
        min-height: 490px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies.image-with-description .therapy-img-wrapper {
        min-height: 620px;
    }
}

#collection-therapies.image-with-description .therapy-img-wrapper img {
    position: relative;
}

@media only screen and (min-width: 768px) {
    #collection-therapies.image-with-description .therapy-img-wrapper img {
        position: absolute;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies.image-with-description .therapy-img-wrapper img {
        position: relative;
        transform: none;
    }
}

#collection-therapies .collection-image-description-wrapper p,
#collection-therapies .special-product-image-description-wrapper p {
    padding-left: 0;
}

#collection-therapies .col-md-12,
#collection-therapies .col-md-10 {
    padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .col-md-12,
    #collection-therapies .col-md-10 {
        padding-right: 6px;
    }
}

#collection-therapies h3 {
    color: rgba(0, 0, 0, 0.2);
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 8px;
    line-height: 1em;
    margin-bottom: 0.02em;
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies h3 {
        margin-top: 1.1em;
        margin-top: 1.5em;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-therapies h3 {
        font-size: 4.688em;
    }
}

#collection-therapies p {
    margin-bottom: 12px;
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    #collection-therapies p {
        padding-right: 1.3em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies p {
        margin-left: 20px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-therapies p {
        font-size: 1em;
    }
}

#collection-therapies p.collection-therapies-subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    font-weight: 400;
    margin-top: 13px;
    margin-bottom: 25px;
}

@media only screen and (min-width: 1280px) {
    #collection-therapies p.collection-therapies-subtitle {
        font-size: 1.125em;
    }
}

#collection-therapies .therapy-img-wrapper {
    display: none;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-img-wrapper {
        display: block;
        padding: 2.55em 0;
        background-color: #000000;
        top: -0.1px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-img-wrapper {
        padding-right: 2.7em;
        padding: 0;
    }
}

#collection-therapies .therapy-img-wrapper p {
    margin: 0;
    line-height: 0;
}

#collection-therapies .therapy-custom-image-layout {
    padding-right: 0;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-custom-image-layout {
        margin-left: -55px;
    }
}

#collection-therapies .therapy-custom-image-layout p {
    padding-right: 0;
    font-size: calc(14px + 0vw);
}

@media only screen and (min-width: 1280px) {
    #collection-therapies .therapy-custom-image-layout p {
        font-size: 0.875em;
    }
}

#collection-therapies .therapy-custom-image-layout .collection-image-description-wrapper {
    position: relative;
    bottom: 20px;
    padding-left: 7px;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-custom-image-layout .collection-image-description-wrapper {
        position: absolute;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-custom-image-layout .collection-image-description-wrapper {
        position: relative;
        bottom: 20px;
    }
}

#collection-therapies .therapy-custom-image-layout .image-accessory-description-wrapper {
    position: absolute;
    bottom: 17%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.66);
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-custom-image-layout .image-accessory-description-wrapper {
        bottom: 20%;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-custom-image-layout .image-accessory-description-wrapper {
        bottom: 25%;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-therapies .therapy-custom-image-layout .image-accessory-description-wrapper {
        bottom: 17%;
    }
}

#collection-therapies .therapy-custom-image-layout .image-accessory-description-wrapper p {
    padding: 0.8em 1.2em;
    font-size: calc(14px + 0vw);
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #collection-therapies .therapy-custom-image-layout .image-accessory-description-wrapper p {
        font-size: 0.875em;
    }
}

#collection-therapies .chroma-therapy {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .chroma-therapy {
        margin-left: -23px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .chroma-therapy {
        margin-left: 0;
    }
}

#collection-therapies .chroma-therapy,
#collection-therapies .thermo-therapy,
#collection-therapies .aroma-therapy,
#collection-therapies .hydro-therapy {
    text-align: center;
}

#collection-therapies .chroma-therapy p,
#collection-therapies .thermo-therapy p,
#collection-therapies .aroma-therapy p,
#collection-therapies .hydro-therapy p {
    font-size: calc(14px + 0vw);
    font-weight: 600;
    text-transform: uppercase;
    margin: 3px 0 0 0;
}

@media only screen and (min-width: 1280px) {
    #collection-therapies .chroma-therapy p,
    #collection-therapies .thermo-therapy p,
    #collection-therapies .aroma-therapy p,
    #collection-therapies .hydro-therapy p {
        font-size: 0.825em;
    }
}

#collection-therapies .chroma-therapy:before,
#collection-therapies .thermo-therapy:before,
#collection-therapies .aroma-therapy:before,
#collection-therapies .hydro-therapy:before {
    content: "";
    width: 71px;
    height: 71px;
    display: block;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .chroma-therapy:before,
    #collection-therapies .thermo-therapy:before,
    #collection-therapies .aroma-therapy:before,
    #collection-therapies .hydro-therapy:before {
        width: 63px;
        height: 63px;
    }
}

#collection-therapies .chroma-therapy.black:before {
    background-image: url("../images/custom/svg/chroma-black.svg");
}

#collection-therapies .chroma-therapy.white:before {
    background-image: url("../images/custom/svg/chroma-white.svg");
}

#collection-therapies .thermo-therapy.black:before {
    background-image: url("../images/custom/svg/thermo-black.svg");
}

#collection-therapies .thermo-therapy.white:before {
    background-image: url("../images/custom/svg/thermo-white.svg");
}

#collection-therapies .aroma-therapy.black:before {
    background-image: url("../images/custom/svg/aroma-black.svg");
}

#collection-therapies .aroma-therapy.white:before {
    background-image: url("../images/custom/svg/aroma-white.svg");
}

#collection-therapies .hydro-therapy.black:before {
    background-image: url("../images/custom/svg/hydro-black.svg");
}

#collection-therapies .hydro-therapy.white:before {
    background-image: url("../images/custom/svg/hydro-white.svg");
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-video-wrapper {
        margin-top: 100px;
        padding-right: 60px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-video-wrapper {
        margin-left: -3.5em;
        padding-right: 0;
    }
}

#collection-therapies .therapy-video-wrapper p {
    margin: 0 !important;
}

#collection-therapies .therapy-video-wrapper iframe {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 320px !important;
}

#collection-therapies .therapy-video-wrapper.one-video p {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-video-wrapper.one-video iframe {
        margin: 3.3em 0;
    }
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-video-wrapper.two-video {
        margin: 30px 0 0;
        padding: 0 8% 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-video-wrapper.two-video {
        margin: 50px 4.1%;
        padding: 0;
    }
}

#collection-therapies .therapy-video-wrapper.two-video p.col-sm-6 {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies .therapy-video-wrapper.two-video p.col-sm-6 {
        padding-right: 15px !important;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-video-wrapper.two-video p.col-sm-6 {
        padding-right: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies .therapy-video-wrapper.two-video iframe {
        margin-bottom: 13px;
    }
}

#collection-therapies #therapies-icons h2 {
    display: none;
}

#collection-therapies #therapies-icons .col-md-3 {
    padding-right: 0 !important;
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    #collection-therapies #therapies-icons .col-md-3 {
        padding-right: 6px;
        margin-bottom: 0;
    }
}

#collection-therapies #therapies-icons p {
    padding-right: 0;
}

#collection-therapies #therapies-icons .node-basicpage-type-wrapper {
    margin-top: 2em !important;
}

@media only screen and (min-width: 768px) {
    #collection-therapies #therapies-icons .node-basicpage-type-wrapper {
        margin-top: 2.3em !important;
    }
}

#collection-therapies #therapies-icons a {
    color: #3db9c5;
}

#collection-therapies #therapies-icons a:visited {
    color: #3db9c5;
}

#collection-therapies #therapies-icons a:hover {
    color: #3db9c5;
}

#collection-therapies #therapies-icons a:active {
    color: #3db9c5;
}

#collection-therapies #therapies-icons .link-to-therapies {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    #collection-therapies #therapies-icons .link-to-therapies {
        margin-bottom: 0;
    }
}

#collection-therapies #therapies-icons .link-to-therapies p {
    text-align: center;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #collection-therapies #therapies-icons .link-to-therapies p {
        text-align: left;
    }
}

#collection-therapies #therapies-icons a {
    text-align: left;
    display: inline-block;
    font-family: "Droid Serif", serif;
    vertical-align: middle;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0;
    margin-top: 0;
    font-style: italic;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    #collection-therapies #therapies-icons a {
        margin-top: 1.1em;
        margin-bottom: 1.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-therapies #therapies-icons a {
        margin-top: 1.8em;
        margin-bottom: 1.8em;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-therapies #therapies-icons a {
        font-size: 16px;
    }
}

#collection-therapies #therapies-icons a:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 10px;
    background-image: url("../images/custom/svg/arrow-icon-teal.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width: 768px) {
    #collection-therapies #therapies-icons a:before {
        width: 42px;
        height: 42px;
    }
}

#collection-therapies #therapies-icons a:hover:before {
    margin-left: 10px;
}

#collection-stats {
    padding-top: 2em;
    padding-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-stats {
        padding-top: 2.9em;
        padding-bottom: 3.3em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats {
        padding-top: 2.6em;
        padding-bottom: 8.2em;
    }
}

#collection-stats .col-md-3:not(:last-child) {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-stats .col-md-3:not(:last-child) {
        margin-bottom: 0;
    }
}

#collection-stats .col-md-3,
#collection-stats .col-md-10 {
    padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
    #collection-stats .col-md-3,
    #collection-stats .col-md-10 {
        padding-right: 6px;
    }
}

@media only screen and (min-width: 768px) {
    #collection-stats .col-sm-10 .col-sm-6:nth-child(1) img {
        padding-right: 2px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats .col-sm-10 .col-sm-6:nth-child(1) img {
        padding-right: 0;
    }
}

#collection-stats .col-sm-6:nth-child(1), #collection-stats .col-sm-6:nth-child(2) {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-stats .col-sm-6:nth-child(1), #collection-stats .col-sm-6:nth-child(2) {
        margin-bottom: 2.8em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats .col-sm-6:nth-child(1), #collection-stats .col-sm-6:nth-child(2) {
        margin-bottom: 0;
    }
}

#collection-stats h3 {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 300;
    margin-bottom: 1.6em;
}

@media only screen and (min-width: 768px) {
    #collection-stats h3 {
        margin-bottom: 1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats h3 {
        margin-bottom: 2.9em;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-stats h3 {
        letter-spacing: 8px;
        font-size: 2.313em;
    }
}

#collection-stats .collection-stat-wrapper h4 {
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 1.7px;
    margin-bottom: 1.4em;
    text-transform: uppercase;
    padding-left: 3em;
}

@media only screen and (min-width: 768px) {
    #collection-stats .collection-stat-wrapper h4 {
        margin-bottom: 1.8em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats .collection-stat-wrapper h4 {
        margin-bottom: 0.9em;
        padding-left: 0;
        letter-spacing: 0.5px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-stats .collection-stat-wrapper h4 {
        font-size: 1.125em;
        letter-spacing: 2.7px;
    }
}

#collection-stats .collection-stat-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.4em;
    letter-spacing: 0.3px;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    #collection-stats .collection-stat-wrapper p {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats .collection-stat-wrapper p {
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-stats .collection-stat-wrapper p {
        font-size: 1em;
    }
}

#collection-stats .collection-stat-wrapper img {
    margin-bottom: 10px;
}

#collection-stats .collection-stat-wrapper.column-number-01, #collection-stats .collection-stat-wrapper.column-number-02, #collection-stats .collection-stat-wrapper.column-number-03, #collection-stats .collection-stat-wrapper.column-number-04 {
    position: relative;
}

#collection-stats .collection-stat-wrapper.column-number-01:before, #collection-stats .collection-stat-wrapper.column-number-02:before, #collection-stats .collection-stat-wrapper.column-number-03:before, #collection-stats .collection-stat-wrapper.column-number-04:before {
    content: "";
    border: 2px solid #6f6f6f;
    border-radius: 50%;
    display: inline-block;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #6f6f6f;
    padding: 10px;
    position: absolute;
    top: -12px;
    left: 10px;
    font-size: 13px;
}

@media only screen and (min-width: 768px) {
    #collection-stats .collection-stat-wrapper.column-number-01:before, #collection-stats .collection-stat-wrapper.column-number-02:before, #collection-stats .collection-stat-wrapper.column-number-03:before, #collection-stats .collection-stat-wrapper.column-number-04:before {
        left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats .collection-stat-wrapper.column-number-01:before, #collection-stats .collection-stat-wrapper.column-number-02:before, #collection-stats .collection-stat-wrapper.column-number-03:before, #collection-stats .collection-stat-wrapper.column-number-04:before {
        top: -58px;
        left: 0;
    }
}

@media only screen and (min-width: 768px) {
    #collection-stats .collection-stat-wrapper.column-number-04 img {
        padding-right: 3px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-stats .collection-stat-wrapper.column-number-04 img {
        padding-right: 6px;
    }
}

#collection-stats .collection-stat-wrapper.column-number-01:before {
    content: "01";
}

#collection-stats .collection-stat-wrapper.column-number-02:before {
    content: "02";
}

#collection-stats .collection-stat-wrapper.column-number-03:before {
    content: "03";
}

#collection-stats .collection-stat-wrapper.column-number-04:before {
    content: "04";
}

#collection-characteristics {
    padding: 30px 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics {
        padding: 50px 0 90px;
    }
}

#collection-characteristics h3 {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics h3 {
        letter-spacing: 8px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics h3 {
        font-size: 2.313em;
    }
}

#collection-characteristics .space-hack p {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics .space-hack p {
        padding-right: 15px;
    }
}

#collection-characteristics .collection-charac-wrapper p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics .collection-charac-wrapper p {
        font-size: 1em;
    }
}

#collection-characteristics .collection-charac-wrapper p img {
    margin-bottom: 0.6em;
}

#collection-characteristics .collection-charac-wrapper h4,
#collection-characteristics .collection-charac-title h4 {
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-bottom: 20px;
    padding-left: 3em;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics .collection-charac-wrapper h4,
    #collection-characteristics .collection-charac-title h4 {
        margin-bottom: 0.9em;
        padding-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics .collection-charac-wrapper h4,
    #collection-characteristics .collection-charac-title h4 {
        font-size: 1.125em;
    }
}

#collection-characteristics .collection-charac-wrapper p.subtitle,
#collection-characteristics .collection-charac-title p.subtitle {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-top: 5px;
    margin-bottom: 25px;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics .collection-charac-wrapper p.subtitle,
    #collection-characteristics .collection-charac-title p.subtitle {
        font-size: 1em;
    }
}

#collection-characteristics .collection-charac-wrapper p.text-title,
#collection-characteristics .collection-charac-title p.text-title {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-top: -12px;
    margin-bottom: 14px;
    padding-right: 15px;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics .collection-charac-wrapper p.text-title,
    #collection-characteristics .collection-charac-title p.text-title {
        font-size: 1em;
    }
}

#collection-characteristics .collection-charac-wrapper.column-number-01, #collection-characteristics .collection-charac-wrapper.column-number-02,
#collection-characteristics .collection-charac-title.column-number-01,
#collection-characteristics .collection-charac-title.column-number-02 {
    position: relative;
}

#collection-characteristics .collection-charac-wrapper.column-number-01:before, #collection-characteristics .collection-charac-wrapper.column-number-02:before,
#collection-characteristics .collection-charac-title.column-number-01:before,
#collection-characteristics .collection-charac-title.column-number-02:before {
    content: "";
    border: 2px solid #6f6f6f;
    border-radius: 50%;
    display: inline-block;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #6f6f6f;
    padding: 10px 9px;
    position: absolute;
    top: -12px;
    left: 10px;
    font-size: 13px;
    height: 37px;
    width: 37px;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics .collection-charac-wrapper.column-number-01:before, #collection-characteristics .collection-charac-wrapper.column-number-02:before,
    #collection-characteristics .collection-charac-title.column-number-01:before,
    #collection-characteristics .collection-charac-title.column-number-02:before {
        top: -58px;
        left: 0;
    }
}

#collection-characteristics .collection-charac-wrapper.column-number-01:before,
#collection-characteristics .collection-charac-title.column-number-01:before {
    content: "01";
}

#collection-characteristics .collection-charac-wrapper.column-number-02:before,
#collection-characteristics .collection-charac-title.column-number-02:before {
    content: "02";
}

#collection-characteristics .col-md-6 {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics .col-md-6 {
        margin-bottom: 0;
    }
}

#collection-characteristics.origami h3 {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.origami h3 {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.origami h3 {
        margin-bottom: 50px;
    }
}

#collection-characteristics.origami .collection-charac-title h4 {
    margin: 0;
    padding-left: 0;
}

#collection-characteristics.origami .col-md-6:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.origami p {
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.origami p {
        padding-right: 0;
    }
}

#collection-characteristics.origami .rebord-col {
    position: relative;
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.origami .rebord-col {
        padding-left: 55px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.origami .rebord-col p.rebord-img {
        min-height: 273px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.origami .rebord-col p.rebord-img img {
        position: absolute;
        top: 0;
        left: 55px;
    }
}

#collection-characteristics.thalassa h3, #collection-characteristics.essencia h3 {
    margin-bottom: 1.6em;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.thalassa h3, #collection-characteristics.essencia h3 {
        margin-bottom: 100px;
    }
}

#collection-characteristics.ora h3 {
    margin-bottom: 80px;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.ora h3 {
        margin-bottom: 100px;
    }
}

#collection-characteristics.ora .col-sm-12:first-of-type {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.ora .col-sm-12:first-of-type {
        margin-bottom: 5.2em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.ora .col-sm-12:first-of-type {
        margin-bottom: 0;
    }
}

#collection-characteristics.ora .collection-charac-wrapper.column-number-01:before {
    top: -50px;
}

#collection-characteristics.ora .col-md-6:first-of-type .col-md-6:last-of-type {
    margin-bottom: 0.5em;
}

#collection-characteristics.ora .ora-rebords-choice {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.ora .ora-rebords-choice {
        padding-right: 6px;
    }
}

#collection-characteristics.ora .ora-rebords-choice .col-md-6 {
    margin-bottom: 0.8em;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.ora .ora-rebords-choice .col-md-6 {
        margin-bottom: 0;
    }
}

#collection-characteristics.ora .ora-rebords-choice img {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.ora .ora-rebords-choice img {
        margin-bottom: 0.6em;
    }
}

#collection-characteristics.ora .ora-rebords-choice .col-md-12 p {
    margin-bottom: 8px;
}

#collection-characteristics.essencia {
    padding: 30px 0 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.essencia {
        padding: 50px 0 60px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.essencia {
        padding: 50px 0 90px;
    }
}

#collection-characteristics.essencia .collection-charac-massage-wrapper {
    margin-bottom: 0;
}

#collection-characteristics.essencia .collection-charac-massage-wrapper p {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.essencia .collection-charac-massage-wrapper p {
        padding-right: 15px;
    }
}

#collection-characteristics.essencia .collection-charac-massage-wrapper h4 {
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 2px;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.essencia .collection-charac-massage-wrapper h4 {
        font-size: 1.125em;
    }
}

#collection-characteristics.essencia .collection-charac-positions-wrapper {
    margin-top: 0;
    position: relative;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.essencia .collection-charac-positions-wrapper {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.essencia .collection-charac-positions-wrapper {
        margin-top: -90px;
    }
}

#collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-title {
    margin-bottom: 30px;
}

#collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-title h4 {
    color: #3db9c5;
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 3.4px;
    margin-bottom: 15px;
    padding-left: 0;
    line-height: 1em;
    text-transform: uppercase;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-title h4 {
        font-size: 1.125em;
    }
}

#collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-title p {
    font-weight: 400;
    line-height: 1.4em;
}

#collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-positions-img-wrapper {
    text-align: center;
}

#collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-positions-img-wrapper p {
    font-size: calc(14px + 0vw);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-positions-img-wrapper p {
        font-size: 0.875em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-positions-img-wrapper .col-md-12 {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.essencia .collection-charac-positions-wrapper .collection-charac-positions-img-wrapper .col-md-12 img {
        max-width: 239px;
        margin: 0 auto 0.6em auto;
    }
}

#collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper {
    padding: 30px 0 5px;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper {
        padding: 50px 0 50px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper {
        padding: 50px 0 90px;
    }
}

#collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .col-sm-10 .col-sm-6 {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .col-sm-10 .col-sm-6 {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .col-sm-10 .col-sm-6 {
        padding-right: 6px;
    }
}

#collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper h3 {
    margin-bottom: 20px;
}

#collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .collection-charac-title {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .collection-charac-title {
        margin-bottom: 100px;
    }
}

#collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .col-md-5 {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.collection-charac-2-cols-numbers-subtitle-text-wrapper .col-md-5 {
        margin-bottom: 0;
    }
}

#collection-characteristics.opalia h3 {
    margin-bottom: 20px;
}

#collection-characteristics.opalia .col-md-2:not(:last-of-type) {
    margin-bottom: 2em;
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.opalia .col-md-2:not(:last-of-type) {
        margin-bottom: 0;
    }
}

#collection-characteristics.opalia .collection-charac-title {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.opalia .collection-charac-title {
        margin-bottom: 50px;
    }
}

#collection-characteristics.opalia .collection-charac-title p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.opalia .collection-charac-title p {
        font-size: 1em;
    }
}

#collection-characteristics.opalia .collection-charac-wrapper {
    text-align: center;
}

#collection-characteristics.opalia .collection-charac-wrapper h4 {
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 15px;
    padding-left: 0;
    letter-spacing: 0.3px;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.opalia .collection-charac-wrapper h4 {
        font-size: 1em;
    }
}

#collection-characteristics.opalia p img {
    margin-bottom: 0;
}

#collection-characteristics.monarch {
    padding: 30px 0 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch {
        padding: 0 0 30px;
    }
}

#collection-characteristics.monarch h3 {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch h3 {
        letter-spacing: 8px;
        margin-top: 50px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.monarch h3 {
        font-size: 2.313em;
    }
}

#collection-characteristics.monarch h4 {
    padding: 0 0.5em;
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    line-height: 1.2em;
    font-weight: 400;
}

#collection-characteristics.monarch .collection-charac-wrapper-monarch-tablet {
    display: none;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .collection-charac-wrapper-monarch-tablet {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.monarch .collection-charac-wrapper-monarch-tablet {
        display: none;
    }
}

#collection-characteristics.monarch .collection-charac-wrapper-monarch-tablet:before {
    clear: both;
    content: "";
    display: table;
}

#collection-characteristics.monarch .collection-charac-wrapper-monarch-tablet .col-md-6 {
    margin-bottom: 0 !important;
}

#collection-characteristics.monarch .collection-charac-wrapper-monarch-notablet {
    display: block;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .collection-charac-wrapper-monarch-notablet {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.monarch .collection-charac-wrapper-monarch-notablet {
        display: block;
    }
}

#collection-characteristics.monarch .collection-charac-subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-top: 13px;
    margin-bottom: 20px;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .collection-charac-subtitle {
        margin-bottom: 25px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.monarch .collection-charac-subtitle {
        font-size: 1.125em;
    }
}

#collection-characteristics.monarch p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.monarch p {
        font-size: 1em;
    }
}

#collection-characteristics.monarch .collection-charac-wrapper strong {
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .padding-right-40 {
        padding-right: 39px;
    }
}

#collection-characteristics.monarch .collection-charac-standard-colors {
    margin: 30px 0 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .collection-charac-standard-colors {
        margin: 45px 0 10px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.monarch .collection-charac-standard-colors {
        margin: 55px 0 75px;
    }
}

#collection-characteristics.monarch .collection-charac-forms-wrapper {
    margin-top: 25px;
}

#collection-characteristics.monarch .collection-charac-forms-wrapper .col-md-6:last-of-type {
    margin-bottom: 0;
}

#collection-characteristics.monarch .collection-charac-standard-colors .collection-charac-wrapper,
#collection-characteristics.monarch .collection-charac-forms-wrapper .collection-charac-wrapper {
    text-align: center;
}

#collection-characteristics.monarch .collection-charac-standard-colors .collection-charac-wrapper p,
#collection-characteristics.monarch .collection-charac-forms-wrapper .collection-charac-wrapper p {
    font-size: calc(14px + 0vw);
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .collection-charac-standard-colors .collection-charac-wrapper p,
    #collection-characteristics.monarch .collection-charac-forms-wrapper .collection-charac-wrapper p {
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.monarch .collection-charac-standard-colors .collection-charac-wrapper p,
    #collection-characteristics.monarch .collection-charac-forms-wrapper .collection-charac-wrapper p {
        font-size: 0.875em;
    }
}

#collection-characteristics.monarch .collection-charac-standard-colors .col-md-6,
#collection-characteristics.monarch .collection-charac-forms-wrapper .col-md-6 {
    margin-bottom: 25px;
}

#collection-characteristics.monarch .collection-charac-colors-wrapper {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding: 30px 0;
}

@media only screen and (min-width: 768px) {
    #collection-characteristics.monarch .collection-charac-colors-wrapper {
        padding: 55px 0 30px;
        margin-bottom: 35px;
    }
}

#collection-characteristics.monarch .collection-charac-colors-wrapper .collection-charac-optional-colors {
    margin: auto;
    max-width: 215px;
}

#collection-characteristics.monarch .collection-charac-colors-wrapper .collection-charac-optional-colors p {
    font-size: calc(14px + 0vw);
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.monarch .collection-charac-colors-wrapper .collection-charac-optional-colors p {
        font-size: 0.875em;
    }
}

#collection-characteristics.monarch .collection-charac-colors-wrapper .collection-charac-optional-colors .col-md-12:not(:last-child) {
    margin-bottom: 25px;
}

#collection-characteristics.monarch .collection-charac-image-wrapper {
    position: relative;
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.monarch .collection-charac-image-wrapper {
        min-height: 359px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-characteristics.monarch .collection-charac-image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 359px;
        min-width: 528px;
        z-index: 1;
    }
}

#collection-characteristics.monarch .collection-image-charac-wrapper {
    position: absolute;
    bottom: 14px;
    left: 7px;
    z-index: 2;
}

#collection-characteristics.monarch .collection-image-charac-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #ffffff;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #collection-characteristics.monarch .collection-image-charac-wrapper p {
        font-size: 1em;
    }
}

#collection-contours {
    padding: 30px 0;
}

@media only screen and (min-width: 768px) {
    #collection-contours {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-contours {
        padding: 50px 0 100px;
    }
}

#collection-contours.white-bg {
    padding: 30px 0;
}

@media only screen and (min-width: 768px) {
    #collection-contours.white-bg {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-contours.white-bg {
        padding: 50px 0 70px;
    }
}

#collection-contours.white-bg .col-md-2 {
    margin-bottom: 0 !important;
}

#collection-contours.white-bg h3 {
    color: #3db9c5;
    font-size: calc(14.79592px + 1.73469vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
}

@media only screen and (min-width: 768px) {
    #collection-contours.white-bg h3 {
        letter-spacing: 8px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-contours.white-bg h3 {
        font-size: 2.313em;
    }
}

#collection-contours.white-bg p {
    margin-bottom: 12px;
    line-height: 1.4em;
    font-weight: 300;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1024px) {
    #collection-contours.white-bg p {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-contours.white-bg p {
        font-size: 1em;
    }
}

#collection-contours.white-bg p.collection-contours-subtitle {
    font-size: calc(13.69388px + 0.10204vw);
    text-transform: uppercase;
    letter-spacing: 3.2px;
    margin-top: 13px;
    margin-bottom: 25px;
}

@media only screen and (min-width: 1280px) {
    #collection-contours.white-bg p.collection-contours-subtitle {
        font-size: 0.938em;
    }
}

#collection-contours.white-bg .contour-color {
    text-align: center;
    margin-top: 20px;
}

@media only screen and (min-width: 768px) {
    #collection-contours.white-bg .contour-color {
        margin-top: 30px;
        padding-left: 8.4%;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-contours.white-bg .contour-color {
        margin-top: 60px;
        padding-left: 0;
    }
}

#collection-contours.white-bg .contour-color .contour-black,
#collection-contours.white-bg .contour-color .contour-rock {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-contours.white-bg .contour-color .contour-black,
    #collection-contours.white-bg .contour-color .contour-rock {
        margin-bottom: 1.8em;
    }
}

@media only screen and (min-width: 768px) {
    #collection-contours.white-bg .contour-color .contour-rock img,
    #collection-contours.white-bg .contour-color .contour-copper img {
        padding-right: 6px;
    }
}

#collection-contours.white-bg .contour-color .contour-white {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-contours.white-bg .contour-color .contour-white {
        margin-bottom: 0;
    }
}

#collection-contours.white-bg .contour-color p {
    font-size: calc(12px + 0vw);
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

@media only screen and (min-width: 1280px) {
    #collection-contours.white-bg .contour-color p {
        font-size: 0.75em;
    }
}

#collection-contours.white-bg .contour-color p img {
    margin: 0 0 0.6em 0;
}

#collection-contours .contour-title {
    margin-bottom: 5em;
}

#collection-contours .contour-title h3 {
    color: #3db9c5;
    display: inline-block;
    font-size: calc(14.79592px + 1.73469vw);
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 300;
    margin-bottom: 10px;
}

@media only screen and (min-width: 1280px) {
    #collection-contours .contour-title h3 {
        font-size: 2.313em;
    }
}

#collection-contours .contour-title p.subtitle {
    display: inline-block;
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    #collection-contours .contour-title p.subtitle {
        margin-left: 20px;
        margin-bottom: 12px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-contours .contour-title p.subtitle {
        font-size: 1em;
    }
}

#collection-contours .col-md-2:not(:last-child) {
    margin-bottom: 5em;
}

@media only screen and (min-width: 1024px) {
    #collection-contours .col-md-2:not(:last-child) {
        margin-bottom: 0;
    }
}

#collection-contours .collection-contours-wrapper p {
    font-size: calc(13.38776px + 0.20408vw);
    line-height: 1.4em;
    letter-spacing: 0.3px;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #collection-contours .collection-contours-wrapper p {
        font-size: 1em;
    }
}

#collection-contours .collection-contours-wrapper p span:after {
    content: "|";
    color: #ff0000;
    margin: 0 0.2em 0 0.3em;
}

#collection-contours .collection-contours-wrapper img {
    margin-bottom: 10px;
}

#collection-contours .collection-contours-wrapper.column-number-01, #collection-contours .collection-contours-wrapper.column-number-02, #collection-contours .collection-contours-wrapper.column-number-03, #collection-contours .collection-contours-wrapper.column-number-04, #collection-contours .collection-contours-wrapper.column-number-05 {
    position: relative;
}

#collection-contours .collection-contours-wrapper.column-number-01:before, #collection-contours .collection-contours-wrapper.column-number-02:before, #collection-contours .collection-contours-wrapper.column-number-03:before, #collection-contours .collection-contours-wrapper.column-number-04:before, #collection-contours .collection-contours-wrapper.column-number-05:before {
    content: "";
    border: 2px solid #6f6f6f;
    border-radius: 50%;
    display: inline-block;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #6f6f6f;
    padding: 10px 5px;
    position: absolute;
    top: -55px;
    left: 10px;
    font-size: 13px;
    width: 37px;
    height: 37px;
}

@media only screen and (min-width: 768px) {
    #collection-contours .collection-contours-wrapper.column-number-01:before, #collection-contours .collection-contours-wrapper.column-number-02:before, #collection-contours .collection-contours-wrapper.column-number-03:before, #collection-contours .collection-contours-wrapper.column-number-04:before, #collection-contours .collection-contours-wrapper.column-number-05:before {
        top: -58px;
        left: 0;
    }
}

@media only screen and (min-width: 768px) {
    #collection-contours .collection-contours-wrapper.column-number-05 img {
        padding-right: 6px;
    }
}

#collection-contours .collection-contours-wrapper.column-number-01:before {
    content: "C10";
}

#collection-contours .collection-contours-wrapper.column-number-02:before {
    content: "C11";
}

#collection-contours .collection-contours-wrapper.column-number-03:before {
    content: "C12";
}

#collection-contours .collection-contours-wrapper.column-number-04:before {
    content: "C13";
}

#collection-contours .collection-contours-wrapper.column-number-05:before {
    content: "C14";
}

@media only screen and (min-width: 768px) {
    .collection-monarch .collection-slogan-wrapper .slogan:before {
        content: "";
        display: block;
        margin: 0 auto 44px auto;
        width: 157px;
        height: 73px;
        background-image: url("../images/custom/svg/logo-monarch.svg");
    }
}

.collection-evanescence #collection-description-wrapper .col-md-10 .col-md-6 h2 {
    letter-spacing: 3px;
}

@media only screen and (min-width: 768px) {
    .collection-evanescence #collection-description-wrapper .col-md-10 .col-md-6 h2 {
        letter-spacing: 8px;
    }
}

.collection-image-description-wrapper,
.special-product-image-description-wrapper {
    position: relative;
    bottom: 20px;
    padding-left: 7px;
}

@media only screen and (min-width: 1024px) {
    .collection-image-description-wrapper,
    .special-product-image-description-wrapper {
        bottom: 25px;
    }
}

.collection-image-description-wrapper p,
.special-product-image-description-wrapper p {
    font-size: calc(14px + 0vw);
    font-weight: 400;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #ffffff;
    margin-left: 0 !important;
    margin-bottom: -2px !important;
    line-height: 1.4em;
}

@media only screen and (min-width: 768px) {
    .collection-image-description-wrapper p,
    .special-product-image-description-wrapper p {
        padding-left: 1.6em;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-image-description-wrapper p,
    .special-product-image-description-wrapper p {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-image-description-wrapper p,
    .special-product-image-description-wrapper p {
        font-size: 0.875em;
    }
}

#collection-description-wrapper {
    padding-top: 2em;
    padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #collection-description-wrapper {
        padding-top: 2.7em;
        padding-bottom: 2.3em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-description-wrapper {
        padding-top: 5em;
        padding-bottom: 5.7em;
    }
}

#collection-description-wrapper h2 {
    color: rgba(0, 0, 0, 0.2);
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 8px;
}

@media only screen and (min-width: 1024px) {
    #collection-description-wrapper h2 {
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-description-wrapper h2 {
        font-size: 4.688em;
    }
}

#collection-description-wrapper p {
    margin-bottom: 12px;
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(14px + 0vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1024px) {
    #collection-description-wrapper p {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-description-wrapper p {
        font-size: 0.875em;
    }
}

#collection-description-wrapper .col-md-10,
#collection-description-wrapper .col-md-6 {
    padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
    #collection-description-wrapper .col-md-10,
    #collection-description-wrapper .col-md-6 {
        padding-right: 6px;
    }
}

#collection-description-wrapper .col-md-10 .col-md-6:last-child p {
    margin: 0;
}

#collection-description-wrapper .collection-description-subtitle,
#collection-description-wrapper .special-description-subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-top: 13px;
    margin-bottom: 25px;
    font-weight: 400;
}

@media only screen and (min-width: 1280px) {
    #collection-description-wrapper .collection-description-subtitle,
    #collection-description-wrapper .special-description-subtitle {
        font-size: 1.125em;
    }
}

#collection-description-wrapper .collection-description-image-wrapper {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    #collection-description-wrapper .collection-description-image-wrapper {
        padding-top: 55px;
        padding-left: 1.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-description-wrapper .collection-description-image-wrapper {
        padding-top: 10px;
        padding-left: 0;
    }
}

#collection-description-wrapper .collection-description-image-wrapper img,
#collection-description-wrapper .collection-description-image-wrapper .collection-image-description-wrapper {
    margin-left: 0;
}

@media only screen and (min-width: 1024px) {
    #collection-description-wrapper .collection-description-image-wrapper img,
    #collection-description-wrapper .collection-description-image-wrapper .collection-image-description-wrapper {
        margin-left: 55px;
    }
}

#collection-description-wrapper .collection-description-image-wrapper .collection-image-description-wrapper p {
    padding-left: 0;
}

.collection-header,
.special-product-header,
.product-header {
    position: relative;
    background: linear-gradient(to bottom, #000000 0%, #000000 20%, #ffffff 20%, #ffffff 100%);
}

@media only screen and (min-width: 768px) {
    .collection-header,
    .special-product-header,
    .product-header {
        background: linear-gradient(to bottom, #000000 0%, #000000 86%, #ffffff 86%, #ffffff 100%);
    }
}

.collection-header .collection-title-wrapper,
.collection-header .special-product-title-wrapper,
.collection-header .product-title-wrapper,
.special-product-header .collection-title-wrapper,
.special-product-header .special-product-title-wrapper,
.special-product-header .product-title-wrapper,
.product-header .collection-title-wrapper,
.product-header .special-product-title-wrapper,
.product-header .product-title-wrapper {
    position: absolute;
    top: 13px;
    left: 0;
    background-color: rgba(65, 64, 66, 0.8);
    padding: 16px 21px 0 21px;
    z-index: 20;
    text-align: left;
    width: auto;
    float: none;
    min-width: 100%;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-title-wrapper,
    .collection-header .special-product-title-wrapper,
    .collection-header .product-title-wrapper,
    .special-product-header .collection-title-wrapper,
    .special-product-header .special-product-title-wrapper,
    .special-product-header .product-title-wrapper,
    .product-header .collection-title-wrapper,
    .product-header .special-product-title-wrapper,
    .product-header .product-title-wrapper {
        padding: 25px 20px 9px 0;
        min-width: 235px;
        top: 43px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-title-wrapper,
    .collection-header .special-product-title-wrapper,
    .collection-header .product-title-wrapper,
    .special-product-header .collection-title-wrapper,
    .special-product-header .special-product-title-wrapper,
    .special-product-header .product-title-wrapper,
    .product-header .collection-title-wrapper,
    .product-header .special-product-title-wrapper,
    .product-header .product-title-wrapper {
        padding: 57px 20px 41px 20px;
        min-width: 320px;
        top: 65px;
    }
}

.collection-header .collection-title-wrapper h1,
.collection-header .special-product-title-wrapper h1,
.collection-header .product-title-wrapper h1,
.special-product-header .collection-title-wrapper h1,
.special-product-header .special-product-title-wrapper h1,
.special-product-header .product-title-wrapper h1,
.product-header .collection-title-wrapper h1,
.product-header .special-product-title-wrapper h1,
.product-header .product-title-wrapper h1 {
    letter-spacing: 0;
    line-height: 1em;
    font-size: 1em;
}


.collection-header .collection-title-wrapper h1 .post-title,
.collection-header .special-product-title-wrapper h1 .post-title,
.collection-header .product-title-wrapper h1 .post-title,
.special-product-header .collection-title-wrapper h1 .post-title,
.special-product-header .special-product-title-wrapper h1 .post-title,
.special-product-header .product-title-wrapper h1 .post-title,
.product-header .collection-title-wrapper h1 .post-title,
.product-header .special-product-title-wrapper h1 .post-title,
.product-header .product-title-wrapper h1 .post-title {
    font-family: "Droid Serif", serif;
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: initial;
    position: relative;
    padding-left: 0;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-title-wrapper h1 .post-title,
    .collection-header .special-product-title-wrapper h1 .post-title,
    .collection-header .product-title-wrapper h1 .post-title,
    .special-product-header .collection-title-wrapper h1 .post-title,
    .special-product-header .special-product-title-wrapper h1 .post-title,
    .special-product-header .product-title-wrapper h1 .post-title,
    .product-header .collection-title-wrapper h1 .post-title,
    .product-header .special-product-title-wrapper h1 .post-title,
    .product-header .product-title-wrapper h1 .post-title {
        padding-left: 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-title-wrapper h1 .post-title,
    .collection-header .special-product-title-wrapper h1 .post-title,
    .collection-header .product-title-wrapper h1 .post-title,
    .special-product-header .collection-title-wrapper h1 .post-title,
    .special-product-header .special-product-title-wrapper h1 .post-title,
    .special-product-header .product-title-wrapper h1 .post-title,
    .product-header .collection-title-wrapper h1 .post-title,
    .product-header .special-product-title-wrapper h1 .post-title,
    .product-header .product-title-wrapper h1 .post-title {
        padding-left: 5.85em;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-title-wrapper h1 .post-title,
    .collection-header .special-product-title-wrapper h1 .post-title,
    .collection-header .product-title-wrapper h1 .post-title,
    .special-product-header .collection-title-wrapper h1 .post-title,
    .special-product-header .special-product-title-wrapper h1 .post-title,
    .special-product-header .product-title-wrapper h1 .post-title,
    .product-header .collection-title-wrapper h1 .post-title,
    .product-header .special-product-title-wrapper h1 .post-title,
    .product-header .product-title-wrapper h1 .post-title {
        font-size: 1em;
    }
}

.collection-header .collection-title-wrapper h1 .post-title:after,
.collection-header .special-product-title-wrapper h1 .post-title:after,
.collection-header .product-title-wrapper h1 .post-title:after,
.special-product-header .collection-title-wrapper h1 .post-title:after,
.special-product-header .special-product-title-wrapper h1 .post-title:after,
.special-product-header .product-title-wrapper h1 .post-title:after,
.product-header .collection-title-wrapper h1 .post-title:after,
.product-header .special-product-title-wrapper h1 .post-title:after,
.product-header .product-title-wrapper h1 .post-title:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background-color: #3db9c5;
    position: absolute;
    left: -0.8em;
    top: -3px;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-title-wrapper h1 .post-title:after,
    .collection-header .special-product-title-wrapper h1 .post-title:after,
    .collection-header .product-title-wrapper h1 .post-title:after,
    .special-product-header .collection-title-wrapper h1 .post-title:after,
    .special-product-header .special-product-title-wrapper h1 .post-title:after,
    .special-product-header .product-title-wrapper h1 .post-title:after,
    .product-header .collection-title-wrapper h1 .post-title:after,
    .product-header .special-product-title-wrapper h1 .post-title:after,
    .product-header .product-title-wrapper h1 .post-title:after {
        left: 2.1em;
        top: -6px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-title-wrapper h1 .post-title:after,
    .collection-header .special-product-title-wrapper h1 .post-title:after,
    .collection-header .product-title-wrapper h1 .post-title:after,
    .special-product-header .collection-title-wrapper h1 .post-title:after,
    .special-product-header .special-product-title-wrapper h1 .post-title:after,
    .special-product-header .product-title-wrapper h1 .post-title:after,
    .product-header .collection-title-wrapper h1 .post-title:after,
    .product-header .special-product-title-wrapper h1 .post-title:after,
    .product-header .product-title-wrapper h1 .post-title:after {
        left: 5.1em;
    }
}

.collection-header .collection-title-wrapper h1 .pre-title,
.collection-header .special-product-title-wrapper h1 .pre-title,
.collection-header .product-title-wrapper h1 .pre-title,
.special-product-header .collection-title-wrapper h1 .pre-title,
.special-product-header .special-product-title-wrapper h1 .pre-title,
.special-product-header .product-title-wrapper h1 .pre-title,
.product-header .collection-title-wrapper h1 .pre-title,
.product-header .special-product-title-wrapper h1 .pre-title,
.product-header .product-title-wrapper h1 .pre-title {
    font-family: "Droid Serif", serif;
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: initial;
    position: relative;
    padding-left: 0;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-title-wrapper h1 .pre-title,
    .collection-header .special-product-title-wrapper h1 .pre-title,
    .collection-header .product-title-wrapper h1 .pre-title,
    .special-product-header .collection-title-wrapper h1 .pre-title,
    .special-product-header .special-product-title-wrapper h1 .pre-title,
    .special-product-header .product-title-wrapper h1 .pre-title,
    .product-header .collection-title-wrapper h1 .pre-title,
    .product-header .special-product-title-wrapper h1 .pre-title,
    .product-header .product-title-wrapper h1 .pre-title {
        padding-left: 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-title-wrapper h1 .pre-title,
    .collection-header .special-product-title-wrapper h1 .pre-title,
    .collection-header .product-title-wrapper h1 .pre-title,
    .special-product-header .collection-title-wrapper h1 .pre-title,
    .special-product-header .special-product-title-wrapper h1 .pre-title,
    .special-product-header .product-title-wrapper h1 .pre-title,
    .product-header .collection-title-wrapper h1 .pre-title,
    .product-header .special-product-title-wrapper h1 .pre-title,
    .product-header .product-title-wrapper h1 .pre-title {
        padding-left: 5.85em;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-title-wrapper h1 .pre-title,
    .collection-header .special-product-title-wrapper h1 .pre-title,
    .collection-header .product-title-wrapper h1 .pre-title,
    .special-product-header .collection-title-wrapper h1 .pre-title,
    .special-product-header .special-product-title-wrapper h1 .pre-title,
    .special-product-header .product-title-wrapper h1 .pre-title,
    .product-header .collection-title-wrapper h1 .pre-title,
    .product-header .special-product-title-wrapper h1 .pre-title,
    .product-header .product-title-wrapper h1 .pre-title {
        font-size: 1em;
    }
}

.collection-header .collection-title-wrapper h1 .pre-title:after,
.collection-header .special-product-title-wrapper h1 .pre-title:after,
.collection-header .product-title-wrapper h1 .pre-title:after,
.special-product-header .collection-title-wrapper h1 .pre-title:after,
.special-product-header .special-product-title-wrapper h1 .pre-title:after,
.special-product-header .product-title-wrapper h1 .pre-title:after,
.product-header .collection-title-wrapper h1 .pre-title:after,
.product-header .special-product-title-wrapper h1 .pre-title:after,
.product-header .product-title-wrapper h1 .pre-title:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background-color: #3db9c5;
    position: absolute;
    left: -0.8em;
    bottom: -3px;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-title-wrapper h1 .pre-title:after,
    .collection-header .special-product-title-wrapper h1 .pre-title:after,
    .collection-header .product-title-wrapper h1 .pre-title:after,
    .special-product-header .collection-title-wrapper h1 .pre-title:after,
    .special-product-header .special-product-title-wrapper h1 .pre-title:after,
    .special-product-header .product-title-wrapper h1 .pre-title:after,
    .product-header .collection-title-wrapper h1 .pre-title:after,
    .product-header .special-product-title-wrapper h1 .pre-title:after,
    .product-header .product-title-wrapper h1 .pre-title:after {
        left: 2.1em;
        bottom: -6px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-title-wrapper h1 .pre-title:after,
    .collection-header .special-product-title-wrapper h1 .pre-title:after,
    .collection-header .product-title-wrapper h1 .pre-title:after,
    .special-product-header .collection-title-wrapper h1 .pre-title:after,
    .special-product-header .special-product-title-wrapper h1 .pre-title:after,
    .special-product-header .product-title-wrapper h1 .pre-title:after,
    .product-header .collection-title-wrapper h1 .pre-title:after,
    .product-header .special-product-title-wrapper h1 .pre-title:after,
    .product-header .product-title-wrapper h1 .pre-title:after {
        left: 5.1em;
    }
}

.collection-header .collection-title-wrapper h1 .collection-title,
.collection-header .collection-title-wrapper h1 .special-title,
.collection-header .collection-title-wrapper h1 .product-title,
.collection-header .special-product-title-wrapper h1 .collection-title,
.collection-header .special-product-title-wrapper h1 .special-title,
.collection-header .special-product-title-wrapper h1 .product-title,
.collection-header .product-title-wrapper h1 .collection-title,
.collection-header .product-title-wrapper h1 .special-title,
.collection-header .product-title-wrapper h1 .product-title,
.special-product-header .collection-title-wrapper h1 .collection-title,
.special-product-header .collection-title-wrapper h1 .special-title,
.special-product-header .collection-title-wrapper h1 .product-title,
.special-product-header .special-product-title-wrapper h1 .collection-title,
.special-product-header .special-product-title-wrapper h1 .special-title,
.special-product-header .special-product-title-wrapper h1 .product-title,
.special-product-header .product-title-wrapper h1 .collection-title,
.special-product-header .product-title-wrapper h1 .special-title,
.special-product-header .product-title-wrapper h1 .product-title,
.product-header .collection-title-wrapper h1 .collection-title,
.product-header .collection-title-wrapper h1 .special-title,
.product-header .collection-title-wrapper h1 .product-title,
.product-header .special-product-title-wrapper h1 .collection-title,
.product-header .special-product-title-wrapper h1 .special-title,
.product-header .special-product-title-wrapper h1 .product-title,
.product-header .product-title-wrapper h1 .collection-title,
.product-header .product-title-wrapper h1 .special-title,
.product-header .product-title-wrapper h1 .product-title {
    font-size: calc(17.85714px + 0.71429vw);
    font-weight: 300;
    display: block;
    letter-spacing: 5.2px;
    line-height: 1.8em;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-title-wrapper h1 .collection-title,
    .collection-header .collection-title-wrapper h1 .special-title,
    .collection-header .collection-title-wrapper h1 .product-title,
    .collection-header .special-product-title-wrapper h1 .collection-title,
    .collection-header .special-product-title-wrapper h1 .special-title,
    .collection-header .special-product-title-wrapper h1 .product-title,
    .collection-header .product-title-wrapper h1 .collection-title,
    .collection-header .product-title-wrapper h1 .special-title,
    .collection-header .product-title-wrapper h1 .product-title,
    .special-product-header .collection-title-wrapper h1 .collection-title,
    .special-product-header .collection-title-wrapper h1 .special-title,
    .special-product-header .collection-title-wrapper h1 .product-title,
    .special-product-header .special-product-title-wrapper h1 .collection-title,
    .special-product-header .special-product-title-wrapper h1 .special-title,
    .special-product-header .special-product-title-wrapper h1 .product-title,
    .special-product-header .product-title-wrapper h1 .collection-title,
    .special-product-header .product-title-wrapper h1 .special-title,
    .special-product-header .product-title-wrapper h1 .product-title,
    .product-header .collection-title-wrapper h1 .collection-title,
    .product-header .collection-title-wrapper h1 .special-title,
    .product-header .collection-title-wrapper h1 .product-title,
    .product-header .special-product-title-wrapper h1 .collection-title,
    .product-header .special-product-title-wrapper h1 .special-title,
    .product-header .special-product-title-wrapper h1 .product-title,
    .product-header .product-title-wrapper h1 .collection-title,
    .product-header .product-title-wrapper h1 .special-title,
    .product-header .product-title-wrapper h1 .product-title {
        padding-left: 1.7em;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-title-wrapper h1 .collection-title,
    .collection-header .collection-title-wrapper h1 .special-title,
    .collection-header .collection-title-wrapper h1 .product-title,
    .collection-header .special-product-title-wrapper h1 .collection-title,
    .collection-header .special-product-title-wrapper h1 .special-title,
    .collection-header .special-product-title-wrapper h1 .product-title,
    .collection-header .product-title-wrapper h1 .collection-title,
    .collection-header .product-title-wrapper h1 .special-title,
    .collection-header .product-title-wrapper h1 .product-title,
    .special-product-header .collection-title-wrapper h1 .collection-title,
    .special-product-header .collection-title-wrapper h1 .special-title,
    .special-product-header .collection-title-wrapper h1 .product-title,
    .special-product-header .special-product-title-wrapper h1 .collection-title,
    .special-product-header .special-product-title-wrapper h1 .special-title,
    .special-product-header .special-product-title-wrapper h1 .product-title,
    .special-product-header .product-title-wrapper h1 .collection-title,
    .special-product-header .product-title-wrapper h1 .special-title,
    .special-product-header .product-title-wrapper h1 .product-title,
    .product-header .collection-title-wrapper h1 .collection-title,
    .product-header .collection-title-wrapper h1 .special-title,
    .product-header .collection-title-wrapper h1 .product-title,
    .product-header .special-product-title-wrapper h1 .collection-title,
    .product-header .special-product-title-wrapper h1 .special-title,
    .product-header .special-product-title-wrapper h1 .product-title,
    .product-header .product-title-wrapper h1 .collection-title,
    .product-header .product-title-wrapper h1 .special-title,
    .product-header .product-title-wrapper h1 .product-title {
        padding-left: 3.4em;
        letter-spacing: 6px;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-title-wrapper h1 .collection-title,
    .collection-header .collection-title-wrapper h1 .special-title,
    .collection-header .collection-title-wrapper h1 .product-title,
    .collection-header .special-product-title-wrapper h1 .collection-title,
    .collection-header .special-product-title-wrapper h1 .special-title,
    .collection-header .special-product-title-wrapper h1 .product-title,
    .collection-header .product-title-wrapper h1 .collection-title,
    .collection-header .product-title-wrapper h1 .special-title,
    .collection-header .product-title-wrapper h1 .product-title,
    .special-product-header .collection-title-wrapper h1 .collection-title,
    .special-product-header .collection-title-wrapper h1 .special-title,
    .special-product-header .collection-title-wrapper h1 .product-title,
    .special-product-header .special-product-title-wrapper h1 .collection-title,
    .special-product-header .special-product-title-wrapper h1 .special-title,
    .special-product-header .special-product-title-wrapper h1 .product-title,
    .special-product-header .product-title-wrapper h1 .collection-title,
    .special-product-header .product-title-wrapper h1 .special-title,
    .special-product-header .product-title-wrapper h1 .product-title,
    .product-header .collection-title-wrapper h1 .collection-title,
    .product-header .collection-title-wrapper h1 .special-title,
    .product-header .collection-title-wrapper h1 .product-title,
    .product-header .special-product-title-wrapper h1 .collection-title,
    .product-header .special-product-title-wrapper h1 .special-title,
    .product-header .special-product-title-wrapper h1 .product-title,
    .product-header .product-title-wrapper h1 .collection-title,
    .product-header .product-title-wrapper h1 .special-title,
    .product-header .product-title-wrapper h1 .product-title {
        font-size: 1.688em;
    }
}

.collection-header .collection-image-wrapper,
.collection-header .special-product-image-wrapper,
.collection-header .product-image-wrapper,
.special-product-header .collection-image-wrapper,
.special-product-header .special-product-image-wrapper,
.special-product-header .product-image-wrapper,
.product-header .collection-image-wrapper,
.product-header .special-product-image-wrapper,
.product-header .product-image-wrapper {
    z-index: 10;
}

.collection-header .collection-image-wrapper.col-md-7,
.collection-header .special-product-image-wrapper.col-md-7,
.collection-header .product-image-wrapper.col-md-7,
.special-product-header .collection-image-wrapper.col-md-7,
.special-product-header .special-product-image-wrapper.col-md-7,
.special-product-header .product-image-wrapper.col-md-7,
.product-header .collection-image-wrapper.col-md-7,
.product-header .special-product-image-wrapper.col-md-7,
.product-header .product-image-wrapper.col-md-7 {
    padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-image-wrapper.col-md-7,
    .collection-header .special-product-image-wrapper.col-md-7,
    .collection-header .product-image-wrapper.col-md-7,
    .special-product-header .collection-image-wrapper.col-md-7,
    .special-product-header .special-product-image-wrapper.col-md-7,
    .special-product-header .product-image-wrapper.col-md-7,
    .product-header .collection-image-wrapper.col-md-7,
    .product-header .special-product-image-wrapper.col-md-7,
    .product-header .product-image-wrapper.col-md-7 {
        padding-right: 6px;
    }
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-image-wrapper img,
    .collection-header .special-product-image-wrapper img,
    .collection-header .product-image-wrapper img,
    .special-product-header .collection-image-wrapper img,
    .special-product-header .special-product-image-wrapper img,
    .special-product-header .product-image-wrapper img,
    .product-header .collection-image-wrapper img,
    .product-header .special-product-image-wrapper img,
    .product-header .product-image-wrapper img {
        padding-left: 26px;
        max-width: 470px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-image-wrapper img,
    .collection-header .special-product-image-wrapper img,
    .collection-header .product-image-wrapper img,
    .special-product-header .collection-image-wrapper img,
    .special-product-header .special-product-image-wrapper img,
    .special-product-header .product-image-wrapper img,
    .product-header .collection-image-wrapper img,
    .product-header .special-product-image-wrapper img,
    .product-header .product-image-wrapper img {
        padding: 0;
        max-width: 100%;
    }
}

.collection-header .collection-vertical-text-wrapper,
.collection-header .special-product-vertical-text-wrapper,
.special-product-header .collection-vertical-text-wrapper,
.special-product-header .special-product-vertical-text-wrapper,
.product-header .collection-vertical-text-wrapper,
.product-header .special-product-vertical-text-wrapper {
    display: none;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 95px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
    transform-origin: 0% 0% 0;
}

.collection-header .collection-vertical-text-wrapper p,
.collection-header .special-product-vertical-text-wrapper p,
.special-product-header .collection-vertical-text-wrapper p,
.special-product-header .special-product-vertical-text-wrapper p,
.product-header .collection-vertical-text-wrapper p,
.product-header .special-product-vertical-text-wrapper p {
    color: #282828;
    text-transform: uppercase;
    font-size: calc(25.36735px + 3.87755vw);
    font-weight: 100;
    line-height: 1.3em;
    margin-top: 0.2em;
    letter-spacing: 8px;
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-vertical-text-wrapper p,
    .collection-header .special-product-vertical-text-wrapper p,
    .special-product-header .collection-vertical-text-wrapper p,
    .special-product-header .special-product-vertical-text-wrapper p,
    .product-header .collection-vertical-text-wrapper p,
    .product-header .special-product-vertical-text-wrapper p {
        margin-top: 0.6em;
        font-size: 4.688em;
        line-height: 1em;
    }
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-vertical-text-wrapper,
    .collection-header .special-product-vertical-text-wrapper,
    .special-product-header .collection-vertical-text-wrapper,
    .special-product-header .special-product-vertical-text-wrapper,
    .product-header .collection-vertical-text-wrapper,
    .product-header .special-product-vertical-text-wrapper {
        display: block;
    }
}

.collection-header .collection-shortcut-wrapper,
.collection-header .product-shortcut-wrapper,
.special-product-header .collection-shortcut-wrapper,
.special-product-header .product-shortcut-wrapper,
.product-header .collection-shortcut-wrapper,
.product-header .product-shortcut-wrapper {
    float: none;
    left: auto;
    text-align: center;
    padding-right: 0;
    margin-top: 30px;
    z-index: 99;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-shortcut-wrapper,
    .collection-header .product-shortcut-wrapper,
    .special-product-header .collection-shortcut-wrapper,
    .special-product-header .product-shortcut-wrapper,
    .product-header .collection-shortcut-wrapper,
    .product-header .product-shortcut-wrapper {
        position: absolute;
        bottom: -34px;
        right: 0px;/*-14px;*/
        padding-right: 77px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-shortcut-wrapper,
    .collection-header .product-shortcut-wrapper,
    .special-product-header .collection-shortcut-wrapper,
    .special-product-header .product-shortcut-wrapper,
    .product-header .collection-shortcut-wrapper,
    .product-header .product-shortcut-wrapper {
        bottom: -10px;
        padding-right: 95px;
    }
}

.collection-header .collection-shortcut-wrapper img,
.collection-header .product-shortcut-wrapper img,
.special-product-header .collection-shortcut-wrapper img,
.special-product-header .product-shortcut-wrapper img,
.product-header .collection-shortcut-wrapper img,
.product-header .product-shortcut-wrapper img {
    width: 250px;
    margin: auto;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-shortcut-wrapper img,
    .collection-header .product-shortcut-wrapper img,
    .special-product-header .collection-shortcut-wrapper img,
    .special-product-header .product-shortcut-wrapper img,
    .product-header .collection-shortcut-wrapper img,
    .product-header .product-shortcut-wrapper img {
        width: 165px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-shortcut-wrapper img,
    .collection-header .product-shortcut-wrapper img,
    .special-product-header .collection-shortcut-wrapper img,
    .special-product-header .product-shortcut-wrapper img,
    .product-header .collection-shortcut-wrapper img,
    .product-header .product-shortcut-wrapper img {
        width: 100%;
    }
}

.collection-header .collection-shortcut-wrapper > a > div,
.collection-header .product-shortcut-wrapper > a > div,
.special-product-header .collection-shortcut-wrapper > a > div,
.special-product-header .product-shortcut-wrapper > a > div,
.product-header .collection-shortcut-wrapper > a > div,
.product-header .product-shortcut-wrapper > a > div {
    position: relative;
    display: block;
}

.collection-header .collection-shortcut-wrapper .shortcut-text,
.collection-header .product-shortcut-wrapper .shortcut-text,
.special-product-header .collection-shortcut-wrapper .shortcut-text,
.special-product-header .product-shortcut-wrapper .shortcut-text,
.product-header .collection-shortcut-wrapper .shortcut-text,
.product-header .product-shortcut-wrapper .shortcut-text {
    color: #000000;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: calc(14px + 0vw);
    letter-spacing: 0.3px;
    padding: 10px;
    position: relative;
    display: inline-block;
    margin-left: -20px;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-shortcut-wrapper .shortcut-text,
    .collection-header .product-shortcut-wrapper .shortcut-text,
    .special-product-header .collection-shortcut-wrapper .shortcut-text,
    .special-product-header .product-shortcut-wrapper .shortcut-text,
    .product-header .collection-shortcut-wrapper .shortcut-text,
    .product-header .product-shortcut-wrapper .shortcut-text {
        padding: 12px 10px;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-shortcut-wrapper .shortcut-text,
    .collection-header .product-shortcut-wrapper .shortcut-text,
    .special-product-header .collection-shortcut-wrapper .shortcut-text,
    .special-product-header .product-shortcut-wrapper .shortcut-text,
    .product-header .collection-shortcut-wrapper .shortcut-text,
    .product-header .product-shortcut-wrapper .shortcut-text {
        font-size: 0.875em;
        padding: 10px;
    }
}

.collection-header .collection-shortcut-wrapper .shortcut-text:after,
.collection-header .product-shortcut-wrapper .shortcut-text:after,
.special-product-header .collection-shortcut-wrapper .shortcut-text:after,
.special-product-header .product-shortcut-wrapper .shortcut-text:after,
.product-header .collection-shortcut-wrapper .shortcut-text:after,
.product-header .product-shortcut-wrapper .shortcut-text:after {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 5px;
    background-image: url("../images/custom/svg/down-red.svg");
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    bottom: 7px;
    right: -21px;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-shortcut-wrapper .shortcut-text:after,
    .collection-header .product-shortcut-wrapper .shortcut-text:after,
    .special-product-header .collection-shortcut-wrapper .shortcut-text:after,
    .special-product-header .product-shortcut-wrapper .shortcut-text:after,
    .product-header .collection-shortcut-wrapper .shortcut-text:after,
    .product-header .product-shortcut-wrapper .shortcut-text:after {
        bottom: 11px;
        right: -17px;
        width: 20px;
        height: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-shortcut-wrapper .shortcut-text:after,
    .collection-header .product-shortcut-wrapper .shortcut-text:after,
    .special-product-header .collection-shortcut-wrapper .shortcut-text:after,
    .special-product-header .product-shortcut-wrapper .shortcut-text:after,
    .product-header .collection-shortcut-wrapper .shortcut-text:after,
    .product-header .product-shortcut-wrapper .shortcut-text:after {
        right: -16px;
        width: 20px;
        height: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-shortcut-wrapper .shortcut-text:after,
    .collection-header .product-shortcut-wrapper .shortcut-text:after,
    .special-product-header .collection-shortcut-wrapper .shortcut-text:after,
    .special-product-header .product-shortcut-wrapper .shortcut-text:after,
    .product-header .collection-shortcut-wrapper .shortcut-text:after,
    .product-header .product-shortcut-wrapper .shortcut-text:after {
        bottom: 9px;
    }
}

.collection-header .collection-shortcut-wrapper .shortcut-text:hover:after,
.collection-header .product-shortcut-wrapper .shortcut-text:hover:after,
.special-product-header .collection-shortcut-wrapper .shortcut-text:hover:after,
.special-product-header .product-shortcut-wrapper .shortcut-text:hover:after,
.product-header .collection-shortcut-wrapper .shortcut-text:hover:after,
.product-header .product-shortcut-wrapper .shortcut-text:hover:after {
    bottom: 1px;
}

.collection-header .collection-slogan-wrapper,
.collection-header .special-product-slogan-wrapper,
.special-product-header .collection-slogan-wrapper,
.special-product-header .special-product-slogan-wrapper,
.product-header .collection-slogan-wrapper,
.product-header .special-product-slogan-wrapper {
    position: absolute;
    top: auto;
    left: auto;
    right: 2.5em;
    z-index: 20;
    top: 5.5em;
    bottom: inherit;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-slogan-wrapper,
    .collection-header .special-product-slogan-wrapper,
    .special-product-header .collection-slogan-wrapper,
    .special-product-header .special-product-slogan-wrapper,
    .product-header .collection-slogan-wrapper,
    .product-header .special-product-slogan-wrapper {
        top: inherit;
        bottom: 31.6%;
        right: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-slogan-wrapper,
    .collection-header .special-product-slogan-wrapper,
    .special-product-header .collection-slogan-wrapper,
    .special-product-header .special-product-slogan-wrapper,
    .product-header .collection-slogan-wrapper,
    .product-header .special-product-slogan-wrapper {
        bottom: 26.5%;
    }
}

.collection-header .collection-slogan-wrapper .slogan,
.collection-header .special-product-slogan-wrapper .slogan,
.special-product-header .collection-slogan-wrapper .slogan,
.special-product-header .special-product-slogan-wrapper .slogan,
.product-header .collection-slogan-wrapper .slogan,
.product-header .special-product-slogan-wrapper .slogan {
    margin-left: 0;
    line-height: 1.4em;
    letter-spacing: 3px;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-slogan-wrapper .slogan,
    .collection-header .special-product-slogan-wrapper .slogan,
    .special-product-header .collection-slogan-wrapper .slogan,
    .special-product-header .special-product-slogan-wrapper .slogan,
    .product-header .collection-slogan-wrapper .slogan,
    .product-header .special-product-slogan-wrapper .slogan {
        line-height: 2.6em;
        margin-left: 31px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-header .collection-slogan-wrapper .slogan,
    .collection-header .special-product-slogan-wrapper .slogan,
    .special-product-header .collection-slogan-wrapper .slogan,
    .special-product-header .special-product-slogan-wrapper .slogan,
    .product-header .collection-slogan-wrapper .slogan,
    .product-header .special-product-slogan-wrapper .slogan {
        line-height: 3.6em;
        margin-left: 25px;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-slogan-wrapper .slogan,
    .collection-header .special-product-slogan-wrapper .slogan,
    .special-product-header .collection-slogan-wrapper .slogan,
    .special-product-header .special-product-slogan-wrapper .slogan,
    .product-header .collection-slogan-wrapper .slogan,
    .product-header .special-product-slogan-wrapper .slogan {
        letter-spacing: 5.8px;
    }
}

.collection-header .collection-slogan-wrapper .slogan p,
.collection-header .special-product-slogan-wrapper .slogan p,
.special-product-header .collection-slogan-wrapper .slogan p,
.special-product-header .special-product-slogan-wrapper .slogan p,
.product-header .collection-slogan-wrapper .slogan p,
.product-header .special-product-slogan-wrapper .slogan p {
    line-height: inherit;
}

.collection-header .collection-slogan-wrapper .slogan p span,
.collection-header .special-product-slogan-wrapper .slogan p span,
.special-product-header .collection-slogan-wrapper .slogan p span,
.special-product-header .special-product-slogan-wrapper .slogan p span,
.product-header .collection-slogan-wrapper .slogan p span,
.product-header .special-product-slogan-wrapper .slogan p span {
    display: inline-block;
    padding: 0 2px 2px 2px;
    background-color: #000000;
    color: #ffffff;
    font-size: calc(22.04082px + 2.65306vw);
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1em;
}

@media only screen and (min-width: 768px) {
    .collection-header .collection-slogan-wrapper .slogan p span,
    .collection-header .special-product-slogan-wrapper .slogan p span,
    .special-product-header .collection-slogan-wrapper .slogan p span,
    .special-product-header .special-product-slogan-wrapper .slogan p span,
    .product-header .collection-slogan-wrapper .slogan p span,
    .product-header .special-product-slogan-wrapper .slogan p span {
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-header .collection-slogan-wrapper .slogan p span,
    .collection-header .special-product-slogan-wrapper .slogan p span,
    .special-product-header .collection-slogan-wrapper .slogan p span,
    .special-product-header .special-product-slogan-wrapper .slogan p span,
    .product-header .collection-slogan-wrapper .slogan p span,
    .product-header .special-product-slogan-wrapper .slogan p span {
        font-size: 3.5em;
    }
}

.product-vedana .special-product-header:after {
    content: " ";
    display: table;
    clear: both;
}

#collection-comfort-cushion,
#inside-comfort {
    padding: 30px 0;
}

@media only screen and (min-width: 768px) {
    #collection-comfort-cushion,
    #inside-comfort {
        padding: 50px 0 55px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-comfort-cushion,
    #inside-comfort {
        padding: 50px 0 100px;
    }
}

#collection-comfort-cushion h3,
#inside-comfort h3 {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    #collection-comfort-cushion h3,
    #inside-comfort h3 {
        letter-spacing: 8px;
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-comfort-cushion h3,
    #inside-comfort h3 {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-comfort-cushion h3,
    #inside-comfort h3 {
        font-size: 2.313em;
    }
}

#collection-comfort-cushion h4,
#inside-comfort h4 {
    color: #3db9c5;
    font-size: calc(14.08163px + 0.30612vw);
    font-weight: 400;
    letter-spacing: 3.4px;
    margin-bottom: 0.9em;
    line-height: 1em;
    text-transform: uppercase;
}

@media only screen and (min-width: 1280px) {
    #collection-comfort-cushion h4,
    #inside-comfort h4 {
        font-size: 1.125em;
    }
}

#collection-comfort-cushion p,
#inside-comfort p {
    margin-bottom: 12px;
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #collection-comfort-cushion p,
    #inside-comfort p {
        font-size: 1em;
    }
}

#collection-comfort-cushion .col-sm-6,
#inside-comfort .col-sm-6 {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collection-comfort-cushion .col-sm-6,
    #inside-comfort .col-sm-6 {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-comfort-cushion .col-sm-6,
    #inside-comfort .col-sm-6 {
        padding-right: 6px;
    }
}

#collection-comfort-cushion .collection-comfort-cushion-characteristics-wrapper,
#inside-comfort .collection-comfort-cushion-characteristics-wrapper {
    position: relative;
    margin-top: 2em;
}

@media only screen and (min-width: 768px) {
    #collection-comfort-cushion .collection-comfort-cushion-characteristics-wrapper,
    #inside-comfort .collection-comfort-cushion-characteristics-wrapper {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-comfort-cushion .collection-comfort-cushion-characteristics-wrapper .collection-comfort-cushion-characteristics-text,
    #inside-comfort .collection-comfort-cushion-characteristics-wrapper .collection-comfort-cushion-characteristics-text {
        padding-left: 3.1em;
    }
}

#collection-comfort-cushion .collection-comfort-cushion-characteristics-wrapper .collection-comfort-cushion-characteristics-img p,
#inside-comfort .collection-comfort-cushion-characteristics-wrapper .collection-comfort-cushion-characteristics-img p {
    margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
    #collection-comfort-cushion .collection-comfort-cushion-characteristics-wrapper .collection-comfort-cushion-characteristics-img img,
    #inside-comfort .collection-comfort-cushion-characteristics-wrapper .collection-comfort-cushion-characteristics-img img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 251px;
    }
}

#inside-comfort {
    padding: 30px 0 0;
}

@media only screen and (min-width: 768px) {
    #inside-comfort {
        padding: 50px 0 55px;
    }
}

@media only screen and (min-width: 1024px) {
    #inside-comfort {
        padding: 50px 0 100px;
    }
}

#inside-comfort .collection-image-description-wrapper p {
    line-height: 0;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    #inside-comfort .collection-image-description-wrapper p {
        line-height: 1em !important;
    }
}

#inside-comfort .col-md-6:first-of-type p:nth-child(3) {
    margin-top: 15px;
}

#inside-comfort .col-md-11 .col-md-6:first-of-type {
    margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
    #inside-comfort .col-md-11 .col-md-6:first-of-type {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) {
    #inside-comfort .col-md-11 .col-md-6 {
        padding-right: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #inside-comfort .col-md-11 .col-md-6 {
        padding-right: 55px;
    }
}

#inside-comfort .col-md-11 .col-md-6 iframe {
    width: 100%;
    display: block;
}

#inside-comfort .col-md-11 .col-md-6 p {
    margin: 0;
    letter-spacing: 0.3px;
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    line-height: 1.4em;
}

@media only screen and (min-width: 1280px) {
    #inside-comfort .col-md-11 .col-md-6 p {
        font-size: 1em;
    }
}

#inside-comfort .col-md-11 .col-md-6 p img {
    margin-bottom: 0.6em;
}

@media only screen and (min-width: 768px) {
    #inside-comfort .col-md-11 .col-md-6 p img {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-description-wrapper.monarch .collection-description-image-wrapper img {
        padding-right: 6px;
    }
}

#monarch-grand-luxury p {
    margin-bottom: 12px;
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #monarch-grand-luxury p {
        font-size: 1em;
    }
}

#monarch-grand-luxury .collection-description-image-wrapper {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    #monarch-grand-luxury .collection-description-image-wrapper {
        padding-top: 0;
        padding-left: 1.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #monarch-grand-luxury .collection-description-image-wrapper {
        padding-left: 0;
    }
}

#monarch-grand-luxury .collection-description-image-wrapper p {
    margin-bottom: 0;
}

#monarch-grand-luxury .collection-description-image-wrapper img,
#monarch-grand-luxury .collection-description-image-wrapper .collection-image-description-wrapper {
    margin-left: 0;
}

@media only screen and (min-width: 1024px) {
    #monarch-grand-luxury .collection-description-image-wrapper img,
    #monarch-grand-luxury .collection-description-image-wrapper .collection-image-description-wrapper {
        margin-left: 55px;
    }
}

#monarch-grand-luxury .collection-description-image-wrapper .collection-image-description-wrapper {
    position: relative;
    bottom: 15px;
    left: 10px;
}

@media only screen and (min-width: 768px) {
    #monarch-grand-luxury .collection-description-image-wrapper .collection-image-description-wrapper {
        position: absolute;
        left: 27px;
    }
}

@media only screen and (min-width: 1024px) {
    #monarch-grand-luxury .collection-description-image-wrapper .collection-image-description-wrapper {
        left: 10px;
    }
}

#monarch-grand-luxury .collection-description-image-wrapper .collection-image-description-wrapper p {
    padding-left: 0;
}

#monarch-grand-luxury .col-md-4.col-sm-5 {
    padding: 2em 0 0;
}

@media only screen and (min-width: 768px) {
    #monarch-grand-luxury .col-md-4.col-sm-5 {
        padding: 5.85% 0;
    }
}

@media only screen and (min-width: 1024px) {
    #monarch-grand-luxury .col-md-4.col-sm-5 {
        padding: 7.65% 0;
    }
}

@media only screen and (min-width: 768px) {
    #monarch-grand-luxury .col-md-5.col-sm-6 {
        margin-bottom: -1px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #monarch-grand-luxury .col-md-5.col-sm-6 {
        margin-bottom: 0;
        padding-right: 6px;
    }
}

#collections-menu {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #collections-menu {
        padding: 3.5em 0 6em;
    }
}

@media only screen and (min-width: 1024px) {
    #collections-menu {
        padding: 3.5em 0 6em;
    }
}

#collections-menu .col-md-10.col-sm-10 {
    padding: 0 12px;
}

@media only screen and (min-width: 768px) {
    #collections-menu .col-md-10.col-sm-10 {
        padding: 0;
    }
}

#collections-menu .col-md-10.col-sm-10 .padding-mobile-right {
    padding-right: 3px;
}

@media only screen and (min-width: 768px) {
    #collections-menu .col-md-10.col-sm-10 .padding-mobile-right {
        padding-right: 0;
    }
}

#collections-menu .col-md-10.col-sm-10 .padding-mobile-left {
    padding-left: 3px;
}

@media only screen and (min-width: 768px) {
    #collections-menu .col-md-10.col-sm-10 .padding-mobile-left {
        padding-left: 0;
    }
}

#collections-menu .col-md-10.col-sm-10 .col-md-4:last-of-type.col-sm-4 {
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    #collections-menu .col-md-10.col-sm-10 .col-md-4:last-of-type.col-sm-4 {
        padding-right: 6px;
    }
}

#collections-menu .col-md-10.col-sm-10 a {
    position: relative;
    margin-bottom: 6px;
    display: block;
}

#collections-menu .col-md-10.col-sm-10 a:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#collections-menu .col-md-10.col-sm-10 a .collection-shortcut {
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: -22px;
    margin-left: 7px;
    color: #ffffff;
    position: absolute;
    z-index: 3;
}

@media only screen and (min-width: 1280px) {
    #collections-menu .col-md-10.col-sm-10 a .collection-shortcut {
        font-size: 1em;
    }
}

#collections-menu .col-md-10.col-sm-10 a:active:before, #collections-menu .col-md-10.col-sm-10 a:focus:before, #collections-menu .col-md-10.col-sm-10 a:hover:before {
    opacity: 0;
}


.collection-page {
    padding: 0 12px;
}

@media only screen and (min-width: 768px) {
    .collection-page {
        padding: 0 8.33333%;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-page {
        padding: 0;
    }
}

.collection-page .views-view-grid {
    margin: 0;
}

.collection-page .views-view-grid .collection-grid .col-sm-4 {
    padding-right: 0;
    min-height: 190px;
}

@media only screen and (min-width: 768px) {
    .collection-page .views-view-grid .collection-grid .col-sm-4 {
        min-height: 216px;
    }
}

@media only screen and (min-width: 1024px) {
    .collection-page .views-view-grid .collection-grid .col-sm-4 {
        min-height: 286px;
    }
}

@media only screen and (min-width: 1280px) {
    .collection-page .views-view-grid .collection-grid .col-sm-4 {
        min-height: 356px;
    }
}

.collection-page .views-view-grid .collection-grid a {
    position: relative;
    margin-bottom: 6px;
    padding-right: 6px;
    display: block;
}

.collection-page .views-view-grid .collection-grid a:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.collection-page .views-view-grid .collection-grid a .collection-shortcut {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-top: -30px;
    margin-left: 7px;
    color: #ffffff;
    position: absolute;
    z-index: 3;
}

@media only screen and (min-width: 1280px) {
    .collection-page .views-view-grid .collection-grid a .collection-shortcut {
        font-size: 1.125em;
    }
}

.collection-page .views-view-grid .collection-grid a:active:before, .collection-page .views-view-grid .collection-grid a:focus:before, .collection-page .views-view-grid .collection-grid a:hover:before {
    opacity: 0;
}

#collections-menu1 .col-md-10.col-sm-10 .hovering a:active:before, #collections-menu1 .col-md-10.col-sm-10 .hovering a:focus:before, #collections-menu1 .col-md-10.col-sm-10 .hovering a:hover:before {
    opacity: 0;
}

#collections-menu1 {
    margin-bottom: 100px;

}

#collections-menu1 .col-md-10.col-sm-10 .hovering a:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#collection-products {
    padding: 2em 12px;
}

@media only screen and (min-width: 768px) {
    #collection-products {
        padding: 2.1em 1.3em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-products {
        padding: 5.5em 0 4em;
    }
}

#collection-products .collection-product-wrapper h2 {
    font-size: calc(25.36735px + 3.87755vw);
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 300;
}

@media only screen and (min-width: 1024px) {
    #collection-products .collection-product-wrapper h2 {
        margin-bottom: 0.65em;
        font-weight: 100;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-products .collection-product-wrapper h2 {
        font-size: 4.688em;
    }
}

#collection-products .collection-product-wrapper .product-wrapper {
    margin-bottom: 5%;
}

@media only screen and (min-width: 768px) {
    #collection-products .collection-product-wrapper .product-wrapper {
        margin-bottom: 5%;
        padding-right: 3em;
    }
}

@media only screen and (min-width: 1024px) {
    #collection-products .collection-product-wrapper .product-wrapper {
        margin-bottom: 3.6%;
    }
}

#collection-products .collection-product-wrapper .product-wrapper .img-wrapper {
    margin-bottom: 1em;
}

#collection-products .collection-product-wrapper .product-description-wrapper {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    width: 91.5%;
    letter-spacing: 0.7px;
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    #collection-products .collection-product-wrapper .product-description-wrapper {
        width: 100%;
    }
}

@media only screen and (min-width: 1280px) {
    #collection-products .collection-product-wrapper .product-description-wrapper {
        font-size: 1em;
    }
}

#collection-products .collection-product-wrapper .product-description-wrapper .red-plus-circle {
    /*position: absolute;
      top: 0;
      right: -26px; */
    float: right;
    margin-right: -26px;
    margin-top: -17px
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-title h3 {
    border-bottom: 1px solid #ffffff;
    padding-right: 20px;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-title h3 a:hover,
#collection-products .collection-product-wrapper .product-description-wrapper .product-title h3 a:active,
#collection-products .collection-product-wrapper .product-description-wrapper .product-title h3 a:focus {
    text-decoration: none;
    color: #3db9c5;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-title .bathers {
    float: right;
    margin-top: -13px;
    display: block;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-title .bathers.people-2 {
    max-width: 26px;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-title .bathers.people-1 {
    max-width: 13px;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-description {
    margin-top: 0.2em;
    min-height: 36px;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-description p {
    text-transform: initial;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
}

#collection-products .collection-product-wrapper .product-description-wrapper .product-description .format {
    float: right;
}

#videos {
    margin: 50px 0;
}

#videos .col-md-6 {
    margin-bottom: 50px;
}

#videos iframe {
    width: 100% !important;
    height: 290px !important;
}

#videos p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    line-height: 1.4em;
}

#videos p.title {
    text-transform: uppercase;
    border-bottom: 1px solid white;
    margin: 20px 0 10px;
    padding-bottom: 3px;
}

#videos.immersion-gallery .col-md-10 {
    padding-right: 0;
}

@media only screen and (min-width: 1024px) {
    #videos.immersion-gallery .padding-right {
        padding-right: 6px !important;
    }
}

#home-video .link-to-page p,
#home-slider .link-to-page p,
#home-lines-of-beauty .link-to-page p,
#home-discover-our-therapies .link-to-page p,
#home-ultravelour .link-to-page p,
#home-choose-with-fingering .link-to-page p,
#home-360-exprerience .link-to-page p,
#new-and-exclusives .link-to-page p {
    margin-bottom: 0 !important;
}

#home-video .link-to-page a,
#home-slider .link-to-page a,
#home-lines-of-beauty .link-to-page a,
#home-discover-our-therapies .link-to-page a,
#home-ultravelour .link-to-page a,
#home-choose-with-fingering .link-to-page a,
#home-360-exprerience .link-to-page a,
#new-and-exclusives .link-to-page a {
    text-align: left;
    display: inline-block;
    font-family: "Droid Serif", serif;
    vertical-align: middle;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
    margin-top: 0;
    position: relative;
    padding-left: 40px;
    line-height: 1.4em;
    font-style: italic;
}

@media only screen and (min-width: 768px) {
    #home-video .link-to-page a,
    #home-slider .link-to-page a,
    #home-lines-of-beauty .link-to-page a,
    #home-discover-our-therapies .link-to-page a,
    #home-ultravelour .link-to-page a,
    #home-choose-with-fingering .link-to-page a,
    #home-360-exprerience .link-to-page a,
    #new-and-exclusives .link-to-page a {
        margin-top: 1.1em;
        padding-left: 3.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .link-to-page a,
    #home-slider .link-to-page a,
    #home-lines-of-beauty .link-to-page a,
    #home-discover-our-therapies .link-to-page a,
    #home-ultravelour .link-to-page a,
    #home-choose-with-fingering .link-to-page a,
    #home-360-exprerience .link-to-page a,
    #new-and-exclusives .link-to-page a {
        margin-top: 2.4em;
    }
}

@media only screen and (min-width: 1280px) {
    #home-video .link-to-page a,
    #home-slider .link-to-page a,
    #home-lines-of-beauty .link-to-page a,
    #home-discover-our-therapies .link-to-page a,
    #home-ultravelour .link-to-page a,
    #home-choose-with-fingering .link-to-page a,
    #home-360-exprerience .link-to-page a,
    #new-and-exclusives .link-to-page a {
        font-size: 1em;
    }
}

#home-video .link-to-page a:before,
#home-slider .link-to-page a:before,
#home-lines-of-beauty .link-to-page a:before,
#home-discover-our-therapies .link-to-page a:before,
#home-ultravelour .link-to-page a:before,
#home-choose-with-fingering .link-to-page a:before,
#home-360-exprerience .link-to-page a:before,
#new-and-exclusives .link-to-page a:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 10px;
    background-image: url("../images/custom/svg/arrow-icon-red.svg");
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width: 768px) {
    #home-video .link-to-page a:before,
    #home-slider .link-to-page a:before,
    #home-lines-of-beauty .link-to-page a:before,
    #home-discover-our-therapies .link-to-page a:before,
    #home-ultravelour .link-to-page a:before,
    #home-choose-with-fingering .link-to-page a:before,
    #home-360-exprerience .link-to-page a:before,
    #new-and-exclusives .link-to-page a:before {
        width: 42px;
        height: 42px;
    }
}

#home-video .link-to-page a:hover:before,
#home-slider .link-to-page a:hover:before,
#home-lines-of-beauty .link-to-page a:hover:before,
#home-discover-our-therapies .link-to-page a:hover:before,
#home-ultravelour .link-to-page a:hover:before,
#home-choose-with-fingering .link-to-page a:hover:before,
#home-360-exprerience .link-to-page a:hover:before,
#new-and-exclusives .link-to-page a:hover:before {
    background-image: url("../images/custom/svg/arrow-icon-red-hover.svg");
}

.homepage .node-basicpage-type-wrapper {
    margin-top: 0 !important;
}

.touchevents .video-bg .video-wrapper {
    background-position: 50%;
}

.touchevents .video-bg .video-wrapper iframe {
    display: none;
}

#home-video {
    background: #000000;
    position: relative;
    min-height: 333px;
}

@media only screen and (min-width: 768px) {
    #home-video {
        min-height: 325px;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video {
        min-height: 720px;
    }
}

#home-video .video-bg {
    position: absolute;
    width: 100%;
    padding-right: 0;
}

#home-video .video-bg .video-wrapper {
    height: 333px !important;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 768px) {
    #home-video .video-bg .video-wrapper {
        height: 496px !important;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .video-bg .video-wrapper {
        height: 744px !important;
    }
}

#home-video .video-bg iframe {
    width: 100% !important;
    height: 833px !important;
    position: relative;
    top: -250px;
}

@media only screen and (min-width: 768px) {
    #home-video .video-bg iframe {
        height: 996px !important;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .video-bg iframe {
        height: 1244px !important;
    }
}

#home-video .video-bg .disable-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    opacity: 0;
}

#home-video .home-text {
    padding: 3.5em 0 4em;
}

@media only screen and (min-width: 768px) {
    #home-video .home-text {
        padding: 4.5em 0 7em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .home-text {
        padding: 8.5em 0 13.85em;
    }
}

#home-video:after {
    display: none;
    content: "";
    width: 9px;
    height: 56px;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    background-image: none;
    bottom: 15px;
    left: 0;
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (min-width: 768px) {
    #home-video:after {
        background-image: url("../images/custom/svg/home/arrow-down-info.svg");
    }
}

#home-video h2 {
    font-size: calc(22.7551px + 4.08163vw);
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 7.7px;
    margin-bottom: 0.45em;
    line-height: 0.9em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #home-video h2 {
        margin-bottom: 0.35em;
        letter-spacing: 14.7px;
        text-align: left;
    }
}

@media only screen and (min-width: 1280px) {
    #home-video h2 {
        font-size: 4.688em;
    }
}

#home-video .slogan {
    padding: 0 5%;
}

@media only screen and (min-width: 768px) {
    #home-video .slogan {
        padding: 0 0 0 8.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .slogan {
        padding: 0 0 0 7.9em;
    }
}

#home-video .slogan p {
    font-size: calc(16.93878px + 1.02041vw);
    font-weight: 300;
    margin-bottom: 1.7em;
    line-height: 1.3em;
    letter-spacing: 6.2px;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #home-video .slogan p {
        text-align: left;
        line-height: 1.2em;
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .slogan p .grey-text {
        letter-spacing: 3.8px;
    }
}

@media only screen and (min-width: 1280px) {
    #home-video .slogan p .grey-text {
        letter-spacing: 6.2px;
    }
}

@media only screen and (min-width: 1280px) {
    #home-video .slogan p {
        font-size: 1.875em;
    }
}

#home-video .slogan p br {
    display: none;
}

@media only screen and (min-width: 768px) {
    #home-video .slogan p br {
        display: inline-block;
    }
}

#home-video .slogan p span {
    display: inline-block;
}

#home-video .slogan p span.grey-text {
    color: #6d6d6f;
}

#home-video .slogan p span.blue-text {
    color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    #home-video .link-to-page {
        padding-left: 7.9em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-video .link-to-page {
        padding-left: 7.8em;
    }
}

#home-video .link-to-page p {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #home-video .link-to-page p {
        text-align: left;
    }
}

#new-and-exclusives {
    position: relative;
    padding: 2em 0 2em;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives {
        padding: 2.9em 0 1em;
    }
}

@media only screen and (min-width: 1024px) {
    #new-and-exclusives {
        padding: 6em 0 2.7em;
    }
}

#new-and-exclusives.mobile-only {
    display: block;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives.mobile-only {
        display: none;
    }
}

#new-and-exclusives.mobile-only .new-and-exclusives-text {
    padding: 0 0 2.15em 0;
}

#new-and-exclusives.desktop-only {
    display: none;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives.desktop-only {
        display: block;
    }
}

#new-and-exclusives .link-to-page a {
    margin-top: 0.8em;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives .link-to-page a {
        margin-top: 1.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #new-and-exclusives .link-to-page a {
        margin-top: 2.4em;
    }
}

#new-and-exclusives h2 {
    color: #3db9c5;
    font-size: calc(16.93878px + 1.02041vw);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 0.7em;
    margin-top: 0.7em;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives h2 {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1280px) {
    #new-and-exclusives h2 {
        letter-spacing: 6px;
        font-size: 1.875em;
    }
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives .new-and-exclusives-text {
        padding: 0 0 0 0.85em;
    }
}

@media only screen and (min-width: 1024px) {
    #new-and-exclusives .new-and-exclusives-text {
        padding: 0.2em 0 0 2.15em;
    }
}

#new-and-exclusives .new-and-exclusives-text p {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.4em;
    letter-spacing: 0.8px;
}

@media only screen and (min-width: 1280px) {
    #new-and-exclusives .new-and-exclusives-text p {
        font-size: 1em;
    }
}

#new-and-exclusives .news-tag-wrapper {
    position: relative;
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives .news-tag-wrapper {
        margin-bottom: 0;
    }
}

#new-and-exclusives .news-tag-wrapper .news-tag p {
    color: #e10000;
    text-transform: uppercase;
    border: 1px solid #e10000;
    background-color: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 12px;
    left: 24px;
    line-height: 0.8em;
    font-size: 0.75em;
    font-weight: 600;
    padding: 0.4em 0.1em 0.4em 0.4em;
    letter-spacing: 3.6px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #new-and-exclusives .news-tag-wrapper .news-tag p {
        left: 12px;
        font-size: 0.65em;
    }
}

@media only screen and (min-width: 1024px) {
    #new-and-exclusives .news-tag-wrapper .news-tag p {
        font-size: 0.75em;
    }
}

#new-and-exclusives .news-tag-wrapper p a {
    font-family: "Droid Serif", serif;
    font-size: 0.875em;
    text-decoration: underline;
    font-style: italic;
    font-weight: 400;
    margin-top: 0.7em;
    display: inline-block;
}

@media only screen and (min-width: 1024px) {
    #new-and-exclusives .news-tag-wrapper p a {
        font-size: 0.775em;
    }
}

@media only screen and (min-width: 1280px) {
    #new-and-exclusives .news-tag-wrapper p a {
        font-size: 0.875em;
    }
}

#new-and-exclusives .news-tag-wrapper p a:after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.55em;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#new-and-exclusives .news-tag-wrapper p a:hover:after, #new-and-exclusives .news-tag-wrapper p a:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

#home-lines-of-beauty {
    background-image: url("../images/custom/png/home/opalia-line-of-beauty.png");
    background-size: 100%;
    background-position: 100% 0;
    padding: 55% 0 0;
}

@media only screen and (min-width: 768px) {
    #home-lines-of-beauty {
        padding: 8em 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #home-lines-of-beauty {
        padding: 14.4em 0 0;
    }
}

#home-lines-of-beauty h2 {
    color: #000000;
    font-size: calc(16.93878px + 1.02041vw);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 0;
}

@media only screen and (min-width: 1280px) {
    #home-lines-of-beauty h2 {
        letter-spacing: 6px;
        font-size: 1.875em;
    }
}

#home-lines-of-beauty h2 br {
    display: none;
}

@media only screen and (min-width: 768px) {
    #home-lines-of-beauty h2 br {
        display: inline-block;
    }
}

#home-lines-of-beauty .col-md-5 {
    background-color: rgba(255, 255, 255, 0.66);
    padding: 1.5em 0.7em;
}

@media only screen and (min-width: 768px) {
    #home-lines-of-beauty .col-md-5 {
        padding: 2.1em 2.5em;
    }
}

#home-lines-of-beauty .col-md-5 .link-to-page a {
    color: #000000;
    margin-top: 1.2em;
}

@media only screen and (min-width: 768px) {
    #home-lines-of-beauty .col-md-5 .link-to-page a {
        margin-top: 2.3em;
    }
}

@media only screen and (min-width: 768px) {
    #home-discover-our-therapies {
        padding-top: 8em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-discover-our-therapies {
        padding-top: 13em;
    }
}

#home-discover-our-therapies h2 {
    color: #ffffff;
    font-size: calc(16.93878px + 1.02041vw);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 0;
}

@media only screen and (min-width: 1280px) {
    #home-discover-our-therapies h2 {
        letter-spacing: 6px;
        font-size: 1.875em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-discover-our-therapies .col-md-8 {
        padding-left: 10px;
    }
}

#home-discover-our-therapies .col-md-4 {
    background-color: rgba(51, 51, 51, 0.6);
    padding: 6.15% 4% 7.6%;
}

@media only screen and (min-width: 768px) {
    #home-discover-our-therapies .col-md-4 {
        padding: 2.15% 3% 3%;
    }
}

@media only screen and (min-width: 1024px) {
    #home-discover-our-therapies .col-md-4 {
        background-color: rgba(255, 255, 255, 0.3);
        padding: 2.15% 0 2%;
    }
}

@media only screen and (min-width: 1024px) {
    #home-discover-our-therapies .col-md-4 .col-md-10 {
        padding-left: 2.2em;
    }
}

#home-discover-our-therapies .col-md-4 .link-to-page a {
    margin-top: 1.45em;
    margin-bottom: 1.45em;
}

@media only screen and (min-width: 768px) {
    #home-discover-our-therapies .col-md-4 .link-to-page a {
        margin-top: 1.85em;
        margin-bottom: 1.85em;
    }
}

#home-discover-our-therapies .col-md-4 .link-to-page a:before {
    background-image: url("../images/custom/svg/arrow-icon-teal.svg");
}

#home-discover-our-therapies .col-md-4 .link-to-page a:hover:before {
    background-image: url("../images/custom/svg/arrow-icon-teal-hover.svg");
}

#home-discover-our-therapies .col-md-10 .link-to-page a:before {
    background-image: url("../images/custom/svg/arrow-icon-teal.svg");
}

#home-discover-our-therapies .col-md-10 .link-to-page a:hover:before {
    background-image: url("../images/custom/svg/arrow-icon-teal-hover.svg");
}

#home-ultravelour,
#home-choose-with-fingering {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    #home-ultravelour,
    #home-choose-with-fingering {
        padding: 3.1em 0;
    }
}

@media only screen and (min-width: 1024px) {
    #home-ultravelour,
    #home-choose-with-fingering {
        padding: 5.4em 0 5.8em;
    }
}

#home-ultravelour h2,
#home-choose-with-fingering h2 {
    color: #3db9c5;
    font-size: calc(22.7551px + 4.08163vw);
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 7.7px;
    margin-bottom: 0.15em;
    line-height: 1.1em;
}

@media only screen and (min-width: 768px) {
    #home-ultravelour h2,
    #home-choose-with-fingering h2 {
        margin-bottom: 0.4em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-ultravelour h2,
    #home-choose-with-fingering h2 {
        line-height: 0.9em;
    }
}

@media only screen and (min-width: 1280px) {
    #home-ultravelour h2,
    #home-choose-with-fingering h2 {
        font-size: 4.688em;
    }
}

#home-ultravelour p,
#home-choose-with-fingering p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.7px;
}

@media only screen and (min-width: 1024px) {
    #home-ultravelour p,
    #home-choose-with-fingering p {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    #home-ultravelour p,
    #home-choose-with-fingering p {
        font-size: 1em;
    }
}

#home-ultravelour .description-subtitle,
#home-choose-with-fingering .description-subtitle {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    letter-spacing: 3.4px;
    margin-top: 13px;
    margin-bottom: 20px;
    line-height: 1.3em;
}

@media only screen and (min-width: 1280px) {
    #home-ultravelour .description-subtitle,
    #home-choose-with-fingering .description-subtitle {
        font-size: 1.125em;
    }
}

#home-ultravelour .description-subtitle br,
#home-choose-with-fingering .description-subtitle br {
    display: none;
}

@media only screen and (min-width: 1024px) {
    #home-ultravelour .description-subtitle br,
    #home-choose-with-fingering .description-subtitle br {
        display: inline-block;
    }
}

#home-ultravelour .link-to-page a,
#home-choose-with-fingering .link-to-page a {
    margin-top: 1.8em;
}

#home-ultravelour {
    background-image: url("../images/custom/jpg/home/home-ultravelour.jpg");
    background-size: 98.5%;
    background-position: -15px 101.4%;
    padding: 1.5em 0 61%;
}

@media only screen and (min-width: 768px) {
    #home-ultravelour {
        background-size: 71.5%;
        background-position: 107% 99.4%;
        padding: 3.1em 0;
    }
}

@media only screen and (min-width: 1024px) {
    #home-ultravelour {
        background-size: 66.5%;
        background-position: 103% 126.4%;
        padding: 5.4em 0 5.8em;
    }
}

#home-ultravelour .col-md-5 {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    #home-ultravelour .col-md-5 {
        padding: 0 56% 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #home-ultravelour .col-md-5 {
        padding: 0;
    }
}

#home-choose-with-fingering {
    padding: 2em 0 83%;
    background-image: url("../images/custom/png/home/whitepaper-mockup.png");
    background-position: -22px 91.7%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (min-width: 768px) {
    #home-choose-with-fingering {
        padding: 2.9em 0;
        background-position: 100.4% 48.7%;
        background-size: 61.3%;
    }
}

@media only screen and (min-width: 1024px) {
    #home-choose-with-fingering {
        padding: 5.65em 0 6.6em;
        background-position: 100.4% 4.7%;
        background-size: 61.3%;
    }
}

@media only screen and (min-width: 768px) {
    #home-choose-with-fingering h2 {
        margin-bottom: 0.26em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-choose-with-fingering p {
        margin-left: 15px;
        padding-right: 8%;
    }
}

#home-choose-with-fingering .link-to-page a {
    margin-top: 1.7em;
}

#home-choose-with-fingering .col-md-11.col-sm-11 {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    #home-choose-with-fingering .col-md-11.col-sm-11 {
        padding: 0 47% 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    #home-choose-with-fingering .col-md-11.col-sm-11 {
        padding: 0;
    }
}

#home-360-exprerience.mobile-only {
    display: block;
}

@media only screen and (min-width: 768px) {
    #home-360-exprerience.mobile-only {
        display: none;
    }
}

#home-360-exprerience.desktop-only {
    display: none;
}

@media only screen and (min-width: 768px) {
    #home-360-exprerience.desktop-only {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    #home-360-exprerience .col-md-7.col-sm-6 img {
        min-width: 800px;
    }
}

#home-360-exprerience h2 {
    color: #3db9c5;
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 0.4em;
    margin-top: 1em;
}

@media only screen and (min-width: 1280px) {
    #home-360-exprerience h2 {
        letter-spacing: 7.3px;
        font-size: 2.313em;
    }
}

#home-360-exprerience p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    #home-360-exprerience p {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-360-exprerience .col-md-4 {
        padding-left: 2.3em;
    }
}

#home-360-exprerience .link-to-page a {
    margin-top: 1.8em;
    margin-bottom: 1.8em;
}

#home-slider .col-md-5 {
    padding-top: 0;
}

@media only screen and (min-width: 1024px) {
    #home-slider .col-md-5 {
        padding-top: 7.9%;
    }
}

#home-slider .slide.col-md-12 {
    padding-right: 0;
}

#home-slider .slide.col-md-12 .col-md-12 {
    padding-right: 0;
}

#home-slider .slider-text {
    position: relative;
    background-color: #f0f0f0;
    padding: 3.7em 1em 1em;
}

@media only screen and (min-width: 768px) {
    #home-slider .slider-text {
        padding: 1.4em 2.6em 1.5em 2.1em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-slider .slider-text {
        padding: 1.9em 3.3em 2.9em 2.6em;
    }
}

@media only screen and (min-width: 1280px) {
    #home-slider .slider-text {
        padding: 1.9em 3.6em 2.9em 2.6em;
    }
}

#home-slider .slider-text h2 {
    color: #000000;
    font-size: calc(16.79487px + 1.06838vw);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
    #home-slider .slider-text h2 {
        font-size: calc(17.5px + 0.97656vw);
        margin-bottom: 0.4em;
    }
}

@media only screen and (min-width: 1280px) {
    #home-slider .slider-text h2 {
        letter-spacing: 6px;
        font-size: 1.875em;
    }
}

#home-slider .slider-text h2:after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    background-color: #e10000;
    margin-top: 12px;
}

@media only screen and (min-width: 768px) {
    #home-slider .slider-text h2:after {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    #home-slider .slider-text h2:after {
        margin-top: 28px;
    }
}

#home-slider .slider-text h2:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -45px;
    left: 5px;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
    #home-slider .slider-text h2:before {
        top: -1px;
        left: -95px;
    }
}

@media only screen and (min-width: 1024px) {
    #home-slider .slider-text h2:before {
        left: -104px;
    }
}

#home-slider .slider-text.no-01 h2:before {
    background-image: url("../images/custom/svg/home/01.svg");
}

#home-slider .slider-text.no-02 h2:before {
    background-image: url("../images/custom/svg/home/02.svg");
}

#home-slider .slider-text.no-03 h2:before {
    background-image: url("../images/custom/svg/home/03.svg");
}

#home-slider .slider-text.no-04 h2:before {
    background-image: url("../images/custom/svg/home/04.svg");
}

#home-slider .slider-text.no-05 h2:before {
    background-image: url("../images/custom/svg/home/05.svg");
}

#home-slider .slider-text p {
    font-style: italic;
    font-family: "Droid Serif", serif;
    font-size: calc(13.69388px + 0.10204vw);
}

@media only screen and (min-width: 768px) {
    #home-slider .slider-text p {
        padding-left: 1.6em;
    }
}

@media only screen and (min-width: 1280px) {
    #home-slider .slider-text p {
        font-size: 0.938em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-slider .link-to-page {
        padding-left: 2.4em;
    }
}

#home-slider .link-to-page a {
    margin-top: 1.1em;
    padding-top: 6px;
    margin-bottom: 1.1em;
    min-height: 32px;
}

@media only screen and (min-width: 768px) {
    #home-slider .link-to-page a {
        margin-top: 1.2em;
    }
}

@media only screen and (min-width: 1024px) {
    #home-slider .link-to-page a {
        margin-top: 1.7em;
    }
}

#progress-bar {
    width: 0;
    max-width: 100%;
    height: 4px;
    background: #e10000;
}

#search-form {
    margin: 3em 0 2.5em;
    background-color: #262626;
    padding: 0.7em 1em 1.5em 1em;
    line-height: 1.5em;
}

@media only screen and (min-width: 768px) {
    #search-form {
        padding: 0.7em 1.5em 1.5em 1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    #search-form {
        padding: 0.7em 2.35em 1.5em 2.35em;
    }
}

#search-form #edit-secondary + #edit-actions {
    display: none;
}

#search-form #edit-secondary[open] + #edit-actions {
    display: block;
}

#search-form #edit-secondary,
#search-form #edit-types-fieldset,
#search-form #edit-lang-fieldset {
    width: 100%;
    margin-top: 0.8em;
}

#search-form input[type="text"],
#search-form input[type="search"] {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    padding: 1px 6px;
    font-size: 100%;
    margin-right: 0.5em;
    color: #262626;
    letter-spacing: 1px;
    width: 100%;
    line-height: 1.5em;
    display: block;
}

@media only screen and (min-width: 768px) {
    #search-form input[type="text"],
    #search-form input[type="search"] {
        max-width: 50%;
    }
}

#search-form input[type="submit"],
#search-form #edit-submit {
    margin-top: 0.6em;
    margin-bottom: 1.4em;
    font-family: "Droid Serif", serif;
    font-style: italic;
    padding: 2px 2.1em;
    background-color: transparent;
    border: 1px solid #3db9c5;
    text-align: center;
    color: #3db9c5;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.5em;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#search-form input[type="submit"]:hover, #search-form input[type="submit"]:active,
#search-form #edit-submit:hover,
#search-form #edit-submit:active {
    background-color: #3db9c5;
    color: #ffffff;
}

#search-form input[type="submit"]:focus,
#search-form #edit-submit:focus {
    outline-color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    #search-form input[type="submit"],
    #search-form #edit-submit {
        width: auto;
    }
}

#search-form legend, .form-item-search-api-fulltext {
    margin-bottom: 5px;
}

#search-form legend .fieldset-legend, #search-form .form-item-search-api-fulltext label {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 1.05em;
    line-height: 1.5em;
    color: #ffffff;
}

#search-form label {
    display: inline-block;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 1em 0;
    font-size: 0.95em;
    line-height: 1.5em;
    color: #ffffff;
}


#search-form #edit-language--wrapper legend {
    display: none;
}

#search-form #edit-basic {
    display: none;
}

#search-form #edit-advanced > legend {
    display: none;
}


#search-form #edit-types-fieldset,
#search-form #edit-lang-fieldset {
    border-bottom: 1px solid #000000;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

#search-form fieldset, #search-form .form-item-search-api-fulltext {
    border-bottom: 1px solid #000000;
    padding-bottom: 12px;
    margin-bottom: 15px;
}


@media only screen and (min-width: 768px) {
    #search-form #edit-keywords-fieldset label {
        display: inline-block;
        width: 45%;
    }

    #search-form #edit-keywords-fieldset input {
        display: inline-block;
    }
}

#search-form .search-help-link {
    display: none;
}

@media only screen and (min-width: 768px) {
    #search-form .form-checkboxes .js-form-item {
        width: 47%;
        display: inline-block;
    }
}

@media only screen and (min-width: 1024px) {
    #search-form .form-checkboxes .js-form-item {
        width: 33%;
    }
}

#search-form .form-checkboxes .js-form-item .form-checkbox {
    margin-right: 10px;
}

#search-form .form-checkboxes .js-form-item .option {
    font-weight: 100;
}


#search-form .form-item-search-api-fulltext {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    #search-form .form-item-search-api-fulltext {
        padding-bottom: 12px;
    }
}


#search-form .form-item-search-api-fulltext label {
     flex: 0 1 45%;
 }


.views-field.views-field-search-api-excerpt {
    margin-top:5px;
}
.search-tpl .page-content > div > h2 {
    display: none;
}

.search-results {
    padding: 0 1em;
}

@media only screen and (min-width: 768px) {
    .search-results {
        padding: 0 1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    .search-results {
        padding: 0 7.6em;
    }
}

@media only screen and (min-width: 1280px) {
    .search-results {
        padding: 0 9em;
    }
}

.search-results h2 {
    font-size: calc(20.02041px + 1.32653vw);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3.5px;
    line-height: 1.2em;
    padding: 0;
    color: #3db9c5;
    background-color: transparent;
    max-width: 100%;
    margin-bottom: 1.35em;
}

@media only screen and (min-width: 768px) {
    .search-results h2 {
        letter-spacing: 8px;
    }
}

@media only screen and (min-width: 1280px) {
    .search-results h2 {
        font-size: 2.313em;
    }
}

.search-results h3 {
    font-size: calc(14.08163px + 0.30612vw);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3.4px;
    line-height: 1.25em;
    padding: 1em 12px 0.9em;
}

@media only screen and (min-width: 768px) {
    .search-results h3 {
        padding: 0 0 1em 0;
    }
}

@media only screen and (min-width: 1024px) {
    .search-results h3 {
        padding: 0 0 2.1em 0;
    }
}

@media only screen and (min-width: 1280px) {
    .search-results h3 {
        font-size: 1.125em;
    }
}

.search-results ol li {
    margin-bottom: 1.5em;
}

.search-results ol li a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: calc(14.08163px + 0.30612vw);
    letter-spacing: 3.4px;
    line-height: 1.2em;
}

@media only screen and (min-width: 1280px) {
    .search-results ol li a {
        font-size: 1.125em;
    }
}

.search-results ol li p {
    line-height: 1.25em;
}

.pager {
    width: 100%;
    margin: 3em auto;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .pager {
        margin: 3em auto 5em;
    }
}

.pager .pager__items {
    padding: 0;
    margin: 0;
}

.pager .pager__items .pager__item {
    display: inline-block;
    font-size: 1em;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    line-height: 1.4em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .pager .pager__items .pager__item {
        margin: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 1.9em;
    }
}

.pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--last, .pager .pager__items .pager__item.pager__item--previous, .pager .pager__items .pager__item.pager__item--next {
    display: inline-block;
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder.svg");
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pager .pager__items .pager__item.pager__item--first a, .pager .pager__items .pager__item.pager__item--last a, .pager .pager__items .pager__item.pager__item--previous a, .pager .pager__items .pager__item.pager__item--next a {
    width: 30px;
    height: 30px;
    padding: 0 5px;
}

.pager .pager__items .pager__item.pager__item--first a:hover, .pager .pager__items .pager__item.pager__item--first a:active, .pager .pager__items .pager__item.pager__item--first a:focus, .pager .pager__items .pager__item.pager__item--last a:hover, .pager .pager__items .pager__item.pager__item--last a:active, .pager .pager__items .pager__item.pager__item--last a:focus, .pager .pager__items .pager__item.pager__item--previous a:hover, .pager .pager__items .pager__item.pager__item--previous a:active, .pager .pager__items .pager__item.pager__item--previous a:focus, .pager .pager__items .pager__item.pager__item--next a:hover, .pager .pager__items .pager__item.pager__item--next a:active, .pager .pager__items .pager__item.pager__item--next a:focus {
    border-bottom: 0;
}

.pager .pager__items .pager__item.pager__item--first:hover, .pager .pager__items .pager__item.pager__item--first:active, .pager .pager__items .pager__item.pager__item--first:focus, .pager .pager__items .pager__item.pager__item--last:hover, .pager .pager__items .pager__item.pager__item--last:active, .pager .pager__items .pager__item.pager__item--last:focus, .pager .pager__items .pager__item.pager__item--previous:hover, .pager .pager__items .pager__item.pager__item--previous:active, .pager .pager__items .pager__item.pager__item--previous:focus, .pager .pager__items .pager__item.pager__item--next:hover, .pager .pager__items .pager__item.pager__item--next:active, .pager .pager__items .pager__item.pager__item--next:focus {
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder-hover.svg");
}

.pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--last {
    display: none;
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder-bar.svg");
}

@media only screen and (min-width: 768px) {
    .pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--last {
        display: inline-block;
    }
}

.pager .pager__items .pager__item.pager__item--first:hover, .pager .pager__items .pager__item.pager__item--first:active, .pager .pager__items .pager__item.pager__item--first:focus, .pager .pager__items .pager__item.pager__item--last:hover, .pager .pager__items .pager__item.pager__item--last:active, .pager .pager__items .pager__item.pager__item--last:focus {
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder-bar-hover.svg");
}

.pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--previous {
    transform: rotate(180deg);
}

.pager .pager__items .pager__item.is-active a {
    text-decoration: none;
    border-bottom: 2px solid #e10000;
}

.pager .pager__items .pager__item a {
    display: block;
}

.pager .pager__items .pager__item a:hover, .pager .pager__items .pager__item a:active, .pager .pager__items .pager__item a:focus {
    text-decoration: none;
    border-bottom: 2px solid #e10000;
}

.pager .pager__items .pager__item a span[aria-hidden="true"] {
    display: none;
}

#zone-product-finder .italic-subtitle {
    margin-top: 1.2em;
}

.views-exposed-form {
    margin: 3em 0 2.5em;
    background-color: #262626;
    padding: 0.7em 1em 1.5em 1em;
    line-height: 1.5em;
}

@media only screen and (min-width: 768px) {
    .views-exposed-form {
        padding: 0.7em 1.5em 1.5em 1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    .views-exposed-form {
        padding: 0.7em 2.35em 1.5em 2.35em;
    }
}

.views-exposed-form input[type="text"],
.views-exposed-form input[type="search"] {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    padding: 1px 6px;
    font-size: 100%;
    margin-right: 0.5em;
    color: #262626;
    letter-spacing: 1px;
    width: 100%;
    line-height: 1.5em;
    display: block;
}

@media only screen and (min-width: 768px) {
    .views-exposed-form input[type="text"],
    .views-exposed-form input[type="search"] {
        max-width: 50%;
    }
}

.views-exposed-form input[type="submit"],
.views-exposed-form #edit-submit {
    margin-top: 0.6em;
    margin-bottom: 1.4em;
    letter-spacing: 0.3px;
    font-family: "Droid Serif", serif;
    font-style: italic;
    padding: 2px 2.1em;
    background-color: transparent;
    border: 1px solid #3db9c5;
    text-align: center;
    color: #3db9c5;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.2em;
    width: 100%;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.views-exposed-form input[type="submit"]:hover, .views-exposed-form input[type="submit"]:active,
.views-exposed-form #edit-submit:hover,
.views-exposed-form #edit-submit:active {
    background-color: #3db9c5;
    color: #ffffff;
}

.views-exposed-form input[type="submit"]:focus,
.views-exposed-form #edit-submit:focus {
    outline-color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    .views-exposed-form input[type="submit"],
    .views-exposed-form #edit-submit {
        width: auto;
    }
}

.views-exposed-form legend {
    margin-bottom: 5px;
}

.views-exposed-form legend .fieldset-legend {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3.4px;
    font-size: 1.125em;
    line-height: 1em;
    color: #ffffff;
}

.views-exposed-form label {
    display: inline-block;
    font-weight: 300;
    letter-spacing: 0.3px;
    margin: 1em 0;
    font-size: 1em;
    line-height: 1.5em;
    color: #ffffff;
}

.views-exposed-form #edit-field-product-place-value--wrapper,
.views-exposed-form #edit-field-product-design-value--wrapper,
.views-exposed-form #edit-field-product-therapies-target-id--wrapper,
.views-exposed-form #edit-field-product-format-target-id--wrapper,
.views-exposed-form #edit-field-product-main-dimensions-le-value--wrapper,
.views-exposed-form #edit-field-product-main-dimensions-wi-value--wrapper {
    border-bottom: 1px solid #000000;
    padding-bottom: 12px;
    margin-bottom: 15px;
    width: 100%;
    margin-top: 0.8em;
}

@media only screen and (min-width: 768px) {
    .views-exposed-form .form-checkboxes .js-form-item,
    .views-exposed-form .form-composite .js-form-item {
        width: 47%;
        display: inline-block;
    }
}

@media only screen and (min-width: 1024px) {
    .views-exposed-form .form-checkboxes .js-form-item,
    .views-exposed-form .form-composite .js-form-item {
        width: 32%;
    }
}

.views-exposed-form .form-checkboxes .js-form-item .form-checkbox,
.views-exposed-form .form-checkboxes .js-form-item .form-radio,
.views-exposed-form .form-composite .js-form-item .form-checkbox,
.views-exposed-form .form-composite .js-form-item .form-radio {
    margin-right: 10px;
}

.pager {
    width: 100%;
    margin: 3em auto;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .pager {
        margin: 3em auto 5em;
    }
}

.pager .pager__items {
    padding: 0;
    margin: 0;
}

.pager .pager__items .pager__item {
    display: inline-block;
    font-size: 1em;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    line-height: 1.4em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .pager .pager__items .pager__item {
        margin: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 1.9em;
    }
}

.pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--last, .pager .pager__items .pager__item.pager__item--previous, .pager .pager__items .pager__item.pager__item--next {
    display: inline-block;
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder.svg");
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pager .pager__items .pager__item.pager__item--first a, .pager .pager__items .pager__item.pager__item--last a, .pager .pager__items .pager__item.pager__item--previous a, .pager .pager__items .pager__item.pager__item--next a {
    width: 30px;
    height: 30px;
    padding: 0 5px;
}

.pager .pager__items .pager__item.pager__item--first a:hover, .pager .pager__items .pager__item.pager__item--first a:active, .pager .pager__items .pager__item.pager__item--first a:focus, .pager .pager__items .pager__item.pager__item--last a:hover, .pager .pager__items .pager__item.pager__item--last a:active, .pager .pager__items .pager__item.pager__item--last a:focus, .pager .pager__items .pager__item.pager__item--previous a:hover, .pager .pager__items .pager__item.pager__item--previous a:active, .pager .pager__items .pager__item.pager__item--previous a:focus, .pager .pager__items .pager__item.pager__item--next a:hover, .pager .pager__items .pager__item.pager__item--next a:active, .pager .pager__items .pager__item.pager__item--next a:focus {
    border-bottom: 0;
}

.pager .pager__items .pager__item.pager__item--first:hover, .pager .pager__items .pager__item.pager__item--first:active, .pager .pager__items .pager__item.pager__item--first:focus, .pager .pager__items .pager__item.pager__item--last:hover, .pager .pager__items .pager__item.pager__item--last:active, .pager .pager__items .pager__item.pager__item--last:focus, .pager .pager__items .pager__item.pager__item--previous:hover, .pager .pager__items .pager__item.pager__item--previous:active, .pager .pager__items .pager__item.pager__item--previous:focus, .pager .pager__items .pager__item.pager__item--next:hover, .pager .pager__items .pager__item.pager__item--next:active, .pager .pager__items .pager__item.pager__item--next:focus {
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder-hover.svg");
}

.pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--last {
    display: none;
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder-bar.svg");
}

@media only screen and (min-width: 768px) {
    .pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--last {
        display: inline-block;
    }
}

.pager .pager__items .pager__item.pager__item--first:hover, .pager .pager__items .pager__item.pager__item--first:active, .pager .pager__items .pager__item.pager__item--first:focus, .pager .pager__items .pager__item.pager__item--last:hover, .pager .pager__items .pager__item.pager__item--last:active, .pager .pager__items .pager__item.pager__item--last:focus {
    background-image: url("/themes/custom/bainultra/images/custom/svg/arrow-icon-red-bolder-bar-hover.svg");
}

.pager .pager__items .pager__item.pager__item--first, .pager .pager__items .pager__item.pager__item--previous {
    transform: rotate(180deg);
}

.pager .pager__items .pager__item.is-active a {
    text-decoration: none;
    border-bottom: 2px solid #e10000;
}

.pager .pager__items .pager__item a {
    display: block;
}

.pager .pager__items .pager__item a:hover, .pager .pager__items .pager__item a:active, .pager .pager__items .pager__item a:focus {
    text-decoration: none;
    border-bottom: 2px solid #e10000;
}

.pager .pager__items .pager__item a span[aria-hidden="true"] {
    display: none;
}

.views-view-grid {
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    .views-view-grid {
        margin-bottom: 1em;
        margin-left: 1.5em;
    }
}

@media only screen and (min-width: 1024px) {
    .views-view-grid {
        margin-bottom: 0;
        margin-left: 0;
        padding: 0 8.6%;
    }
}

.views-view-grid.col-sm-12 {
    padding-right: 0;
}

@media only screen and (min-width: 1024px) {
    .views-view-grid.col-sm-12 {
        padding-right: 6px;
    }
}

.views-view-grid h3 {
    font-size: calc(13.38776px + 0.20408vw);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin: 0 0 0.7em;
}

@media only screen and (min-width: 1024px) {
    .views-view-grid h3 {
        margin: 0 0 0.5em;
    }
}

@media only screen and (min-width: 1280px) {
    .views-view-grid h3 {
        font-size: 1em;
    }
}

.views-view-grid h3:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #ffffff;
    margin-top: 0.1em;
}

.views-view-grid p {
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    .views-view-grid p {
        font-size: 1em;
    }
}

.views-view-grid a.link-to-product {
    font-weight: 400;
    font-size: calc(13.38776px + 0.20408vw);
    float: right;
}

@media only screen and (min-width: 1280px) {
    .views-view-grid a.link-to-product {
        font-size: 1em;
    }
}

.views-view-grid a.link-to-product:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/custom/svg/plus-red.svg");
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.views-view-grid a.link-to-product:hover, .views-view-grid a.link-to-product:active {
    text-decoration: none;
}

.views-view-grid a.link-to-product:hover:after, .views-view-grid a.link-to-product:active:after {
    background-image: url("../images/custom/svg/plus-red-hover.svg");
}

@media only screen and (min-width: 1024px) {
    .views-view-grid h2 {
        margin-bottom: 2em;
    }
}

.views-view-grid .product {
    margin-bottom: 5%;
    padding: 0 1em;
    min-height: 375px;
}

@media only screen and (min-width: 768px) {
    .views-view-grid .product {
        margin-bottom: 5%;
        padding: 0;
        padding-right: 3em;
    }
}

@media only screen and (min-width: 1024px) {
    .views-view-grid .product {
        margin-bottom: 3.6%;
        min-height: 400px
    }
}

.views-view-grid .product .img-wrapper {
    margin-bottom: 1em;
}

.views-view-grid .product .product-description-wrapper {
    font-size: calc(13.38776px + 0.20408vw);
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    width: 91.5%;
    letter-spacing: 0.7px;
    margin-bottom: 1em;
}

.views-view-grid .product .made-with-finestone-search {
    padding: 10px 0;
}

.views-view-grid .product .made-with-finestone-search img {
    max-width: 40px;
    margin-right: 10px;
    float: left;
}

#comparison-table .made-with-finestone-search {
    padding: 10px 0;
}

#comparison-table .made-with-finestone-search img {
    max-width: 40px;
    margin-right: 10px;
    float: left;
}

@media only screen and (min-width: 768px)
    .views-view-grid .product .product-description-wrapper {
        width: 100%;
    }
}

@media only screen and (min-width: 1280px) {
    .views-view-grid .product .product-description-wrapper {
        font-size: 1em;
    }
}

.views-view-grid .product .product-description-wrapper .red-plus-circle {
    /*position: absolute;
        top: 0;
        right: -26px; */
    float: right;
    margin-right: -26px;
    margin-top: -17px
}

.views-view-grid .product .product-description-wrapper .product-title h3 a:hover,
.views-view-grid .product .product-description-wrapper .product-title h3 a:active,
.views-view-grid .product .product-description-wrapper .product-title h3 a:focus {
    text-decoration: none;
    color: #3db9c5;
}

.views-view-grid .product .product-description-wrapper .product-title .bathers {
    float: right;
    margin-top: -28px;
    display: block;
    width: 32px;
    height: 16px
}

.views-view-grid .product .product-description-wrapper .product-title .bathers img {
    max-height: 16px;
}

@media only screen and (min-width: 1024px) {
    .views-view-grid .product .product-description-wrapper .product-title .bathers {
        margin-top: -27px;
    }
}

.views-view-grid .product .product-description-wrapper .product-title .bathers.people-2 {
    max-width: 26px;
}

.views-view-grid .product .product-description-wrapper .product-title .bathers.people-1 {
    max-width: 13px;
}

.views-view-grid .product .product-description-wrapper .product-description {
    margin-top: 0.2em;
    min-height: 36px;
}

.views-view-grid .product .product-description-wrapper .product-description p {
    text-transform: initial;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    letter-spacing: 0.3px;
}

.views-view-grid .product .product-description-wrapper .product-description .format {
    float: right;
}

.views-view-grid .product .compare-link-wrapper a {
    color: #3db9c5;
}

.views-view-grid .product .compare-link-wrapper a:visited {
    color: #3db9c5;
}

.views-view-grid .product .compare-link-wrapper a:hover {
    color: #ffffff;
}

.views-view-grid .product .compare-link-wrapper a:active {
    color: #ffffff;
}

.views-view-grid .product .compare-link-wrapper a {
    font-family: "Droid Serif", serif;
    font-size: calc(13.38776px + 0.20408vw);
    font-style: italic;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 1280px) {
    .views-view-grid .product .compare-link-wrapper a {
        font-size: 1em;
    }
}

#zone-product-cart {
    margin-bottom: 3.5em;
    margin-top: 3.5em;
    padding: 0 1em;
}

@media only screen and (min-width: 768px) {
    #zone-product-cart {
        padding: 0;
    }
}

#zone-product-cart .col-sm-10 {
    background-color: #ffffff;
    margin-left: 0;
    padding-bottom: 2.5em;
}

@media only screen and (min-width: 768px) {
    #zone-product-cart .col-sm-10 {
        margin-left: 8.3%;
    }
}

#zone-product-cart .col-sm-10 > a {
    font-family: "Droid Serif", serif;
    font-style: italic;
    color: #e10000;
    display: block;
    padding: 5px 8px;
    border: 2px solid #e10000;
    letter-spacing: -0.2px;
    font-size: calc(13.38776px + 0.20408vw);
    text-align: center;
    margin: 1em 1em 0 1em;
    font-weight: 400;
    letter-spacing: 0.3px;
}

@media only screen and (min-width: 768px) {
    #zone-product-cart .col-sm-10 > a {
        display: inline-block;
        text-align: left;
        margin-left: 2em;
        margin-top: 2em;
    }
}

@media only screen and (min-width: 1280px) {
    #zone-product-cart .col-sm-10 > a {
        font-size: 1em;
    }
}

#zone-product-cart .col-sm-10 > a:hover, #zone-product-cart .col-sm-10 > a:active, #zone-product-cart .col-sm-10 > a:focus {
    color: #ffffff;
    background-color: #e10000;
    text-decoration: none;
}

#zone-product-cart .product-cart-header {
    background-color: #ebebeb;
    padding: 2em 1em;
}

@media only screen and (min-width: 768px) {
    #zone-product-cart .product-cart-header {
        padding: 2.9em 1.2em 1.4em 2.2em;
    }
}

#zone-product-cart .product-cart-header h2 {
    color: #3db9c5;
    font-size: calc(18.2449px + 0.91837vw);
    text-transform: uppercase;
    letter-spacing: 5.8px;
    font-weight: 300;
}

#zone-product-cart .product-cart-header .info {
    color: #000000;
    font-size: calc(13.38776px + 0.20408vw);
    margin-top: 0.2em;
}

@media only screen and (min-width: 1280px) {
    #zone-product-cart .product-cart-header .info {
        font-size: 1em;
    }
}

#zone-product-cart .product-cart-content {
    color: #000000;
    padding: 1.5em 1em 0 1em;
}

@media only screen and (min-width: 768px) {
    #zone-product-cart .product-cart-content {
        padding: 1.5em 1.2em 0 2.1em;
    }
}

#zone-product-cart .product-cart-content .product {
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    #zone-product-cart .product-cart-content .product {
        margin-bottom: 0;
    }
}

#zone-product-cart .product-cart-content .product .product-title h3 {
    text-transform: uppercase;
}

#zone-product-cart .product-cart-content .product .product-title h3 a {
    color: #000000;
}

#zone-product-cart .product-cart-content .product .product-title h3 a:hover, #zone-product-cart .product-cart-content .product .product-title h3 a:active, #zone-product-cart .product-cart-content .product .product-title h3 a:focus {
    text-decoration: underline;
}

#zone-product-cart .product-cart-content .product .product-description {
    color: #000000;
    font-size: calc(13.38776px + 0.20408vw);
}

@media only screen and (min-width: 1280px) {
    #zone-product-cart .product-cart-content .product .product-description {
        font-size: 1em;
    }
}

.product-compare-page .page-content > div {
    max-width: 100%;
    overflow-x: scroll;
    margin: 3.5em 0;
}

.product-compare-page .page-content table {
    background-color: #ffffff;
    color: #000000;
    border-collapse: separate;
    padding: 2em;
}

.product-compare-page .page-content table a {
    color: #000000;
}

.product-compare-page .page-content table thead th {
    display: none;
}

.product-compare-page .page-content table tbody tr:last-child {
    border: 0;
}

.product-compare-page .page-content table tbody tr:first-child td, .product-compare-page .page-content table tbody tr:nth-child(2) td {
    border-bottom: 0;
}

.product-compare-page .page-content table tbody tr:nth-child(3) {
    text-transform: uppercase;
    font-weight: 600;
}

.product-compare-page .page-content table tbody tr:first-child td:first-child {
    color: #ffffff;
    user-select: none;
}

.product-compare-page .page-content table tbody tr:first-child a {
    color: #3db9c5;
    text-decoration: underline;
}

.product-compare-page .page-content table tbody tr:first-child a:hover, .product-compare-page .page-content table tbody tr:first-child a:active, .product-compare-page .page-content table tbody tr:first-child a:focus {
    color: #e10000;
}

.product-compare-page .page-content table tbody tr td {
    min-width: 240px;
    max-width: 240px;
    padding: 0.5em 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    vertical-align: top;
}

.product-compare-page .page-content table tbody tr td:first-child {
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.product-compare-page .page-content table tbody tr td:last-child {
    border-right: 0;
}

.product-compare-page .page-content table tbody tr td .included-feature {
    font-size: 0.9em;
    overflow: hidden;
}

.product-compare-page .page-content table tbody tr td h1, .product-compare-page .page-content table tbody tr td p {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 1em;
}

.user-login-form,
.user-register-form,
.user-pass {
    margin: 3em 0;
    background-color: #262626;
    padding: 0.7em 2.35em 2em 2.35em;
    line-height: 1.5em;
}

.user-login-form input[type="text"],
.user-login-form input[type="password"],
.user-login-form input[type="email"],
.user-register-form input[type="text"],
.user-register-form input[type="password"],
.user-register-form input[type="email"],
.user-pass input[type="text"],
.user-pass input[type="password"],
.user-pass input[type="email"] {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    padding: 1px 6px;
    font-size: 100%;
    margin-right: 0.5em;
    color: #262626;
    letter-spacing: 1px;
    width: 100%;
    line-height: 1.5em;
    display: block;
}

@media only screen and (min-width: 768px) {
    .user-login-form input[type="text"],
    .user-login-form input[type="password"],
    .user-login-form input[type="email"],
    .user-register-form input[type="text"],
    .user-register-form input[type="password"],
    .user-register-form input[type="email"],
    .user-pass input[type="text"],
    .user-pass input[type="password"],
    .user-pass input[type="email"] {
        max-width: 50%;
    }
}

.user-login-form label,
.user-register-form label,
.user-pass label {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin: 1em 0;
    font-size: 0.95em;
    line-height: 1.5em;
    color: #ffffff;
}

.user-login-form input[type="submit"],
.user-register-form input[type="submit"],
.user-pass input[type="submit"] {
    margin-top: 2em;
    font-family: "Droid Serif", serif;
    font-style: italic;
    padding: 2px 2.1em;
    background-color: transparent;
    border: 1px solid #3db9c5;
    text-align: center;
    color: #3db9c5;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.5em;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.user-login-form input[type="submit"]:hover, .user-login-form input[type="submit"]:active,
.user-register-form input[type="submit"]:hover,
.user-register-form input[type="submit"]:active,
.user-pass input[type="submit"]:hover,
.user-pass input[type="submit"]:active {
    background-color: #3db9c5;
    color: #ffffff;
}

.user-login-form input[type="submit"]:focus,
.user-register-form input[type="submit"]:focus,
.user-pass input[type="submit"]:focus {
    outline-color: #3db9c5;
}

@media only screen and (min-width: 768px) {
    .user-login-form input[type="submit"],
    .user-register-form input[type="submit"],
    .user-pass input[type="submit"] {
        width: auto;
    }
}

.user-login-form select,
.user-register-form select,
.user-pass select {
    margin: 0;
    border: 1px solid #e10000;
    background-color: #262626;
    color: white;
    padding: 0 11px;
    display: block;
    letter-spacing: 1.2px;
    font-weight: 300;
    font-size: 0.9em;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .user-login-form select,
    .user-register-form select,
    .user-pass select {
        max-width: 50%;
    }
}

.user-login-form select:focus,
.user-register-form select:focus,
.user-pass select:focus {
    outline-color: #e10000;
}

.user-login-form #edit-timezone,
.user-register-form #edit-timezone,
.user-pass #edit-timezone {
    margin-top: 1.2em;
    display: inline-block;
}

.user-login-form #edit-timezone summary,
.user-register-form #edit-timezone summary,
.user-pass #edit-timezone summary {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.9em;
    display: inline-block;
}

.user-login-form .description,
.user-register-form .description,
.user-pass .description {
    display: block;
    margin-top: 0.5em;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    font-size: 0.9em;
}

/*//////////////////////////////////// AJOUT POUR LE FADE DE LA DOCUMENTATION DANS LES FICHES PRODUITS (Maxime) \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
https://codepen.io/ojbravo/pen/YPJpXe
*/
.fade-panel-wrapper * {
    box-sizing: border-box;
}

.fade-panel-wrapper {
    position: relative;
}

.fade-panel-wrapper a.btn {
    border: 1px solid #3db9c5;
    padding: 0.5em 1em;
    background-color: transparent;
    color: #3db9c5 !important;
    font-family: "Droid Serif", serif;
    font-style: italic;
    font-size: calc(14px + 0vw);
    left: 40%;
    width: 20%;
}

a.btn:hover {
    background-color: #3db9c5;
    color: #ffffff !important;
    text-decoration: none;
}


.btn-show {
    display: none !important;
}

.show {
    position: absolute;
    bottom: -1.5em;
    z-index: 100;
    text-align: center;
}

.fade-panel-show {
    max-height: 30000px !important;
}

.fade-fade-show {
    margin-top: 0 !important;
    height: 0 !important;
}

.fade-panel {
    position: relative;
    /*margin: 2em auto;*/
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    /*z-index: -1;*/
}

.fade-fade {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0); /* IE6-9 */
    height: 145px;
    margin-top: -145px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 10;
}

.black-bg .video-description p {
    color: #fff !important;
}

.builder #documentation-forms {
    margin-top: 50px;
    background-repeat: no-repeat;
}

#block-ilsparlentdenous {
    background-color: #f1f1f1;
}

#block-instagram {
    background-color: #fff;
}

ul.logos-img {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

ul.logos-img li {
    flex: 1;
}


@media (max-width: 768px) {
    .therapies * {
        text-align: center !important;
    }

    .therapies .parent-therapy:before {
        left: 50%;
        transform: translateX(-70%);
    }
}

#collections-menu1.clearEffect .col-md-10.col-sm-10 .hovering a:before {
    opacity: 0;
}

#collections-menu1.clearEffect .col-md-10.col-sm-10 .hovering a:hover:before {
    opacity: 1;
}

.accessories h3 {
    font-size: 3em;
    font-weight: 300;
    padding-left: 2.5em;
    margin-bottom: 0.55em;
    text-transform: capitalize;

}

.accessories h5 {
    color: #fff;
    margin-bottom: .6em;
    text-transform: uppercase;
    font-size: 14px;
}

.accessories .couleurs-standards {
    margin-right: 1em;
}


.facebook-thumbnail:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f09a';
    font-family: FontAwesome;
}

.facebook-thumbnail:before {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .7);
    content: '';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.facebook-thumbnail:hover:before {
    background-color: rgba(60, 90, 153, .9);
}

.twitter-thumbnail:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f099';
    font-family: FontAwesome;
}

.twitter-thumbnail:before {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .7);
    content: '';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.twitter-thumbnail:hover:before {
    background-color: rgba(29, 161, 242, .9);
}

.pinterest-thumbnail:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f231';
    font-family: FontAwesome;
}

.pinterest-thumbnail:before {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .7);
    content: '';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pinterest-thumbnail:hover:before {
    background-color: rgba(203, 32, 39, .9);
}

.instagram-thumbnail:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f16d';
    font-family: FontAwesome;
}

.instagram-thumbnail:before {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .7);
    content: '';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.instagram-thumbnail:hover:before {
    background-color: rgba(213, 43, 141, .9);
}

.houzz-thumbnail:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f27c';
    font-family: FontAwesome;
}

.houzz-thumbnail:before {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .7);
    content: '';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.houzz-thumbnail:hover:before {
    background-color: rgba(163, 196, 36, .9);
}


#block-mainnavigation:not(.mm-menu) li a {
    color: black;
    display: none;
}

.youtube-video .builder-element-children-wrapper > p:first-of-type {
    display: none;
}

.ytdefer {
    font-size: 0;
}

.link-plus:after {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/themes/custom/bainultra/images/custom/svg/plus-red.svg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 7px;
    margin-bottom: 2px;
}

.link-plus:hover:after {
    background-image: url(../images/custom/svg/plus-red-hover.svg);
}

/*
    START
    BU-TOUCH
*/

.h1-bu-touch + p {
    display: none;
}

@media screen and (min-width: 1024px) {
    #bu-touch .d-flex > .builder-element-inside > .row {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    #bu-touch #home-discover-our-therapies h2 {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
}

#bu-touch #home-discover-our-therapies h2 {
    padding-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    #bu-touch #home-discover-our-therapies h2 {
        max-width: 60%;
    }
}

#bu-touch #home-discover-our-therapies p {
    margin-bottom: 0;
}

#bu-touch #home-discover-our-therapies .col-md-4 {
    background: #4d4d4d;
}

#bu-touch #home-discover-our-therapies {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}

#bu-touch #home-discover-our-therapies .col-md-8 {
    padding-left: 0;
}


#bu-touch .features p {
    margin-bottom: 16px;
    margin-right: 18px;
}

#bu-touch .features .builder-element-children-wrapper {
    margin-top: 28px;
    margin-bottom: 44px;
}

#bu-touch .link-to-page a:after {
    display: none;
}

#bu-link {
    font-size: 1em;
    color: #3db9c5;
    /*font-size: calc(14px + 0vw);*/
    font-family: "Droid Serif", serif !important;
    font-style: italic;
    position: relative;
    line-height: 1.4em;
    text-transform: initial;
    font-weight: 400;
    letter-spacing: 0.3px;
    text-decoration: underline;
}

#bu-link::after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.55em;
    background-image: url(../images/custom/svg/plus-red.svg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width: 1024px) {
    .latest.single-article #bu-touch .latest-text {
        padding: 2em 12px 1.2em;
    }
}

/*
    END
    BU-TOUCH
*/

/*
    START
    INSPIRATION GALLERY
*/

#inspiration-gallery .text {
    padding-left: 37px;
    padding-right: 37px;
    margin-top: 50px;
    margin-bottom: 100px;
    line-height: 1.2;
}

#inspiration-gallery .text p {
    font-size: 16px;
}

#inspiration-gallery h1 {
    color: #42C6C9;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 25px;
}

#inspiration-gallery .col-md-8 {
    padding-right: 0;
}

#inspiration-gallery .owl-theme .owl-nav {
    width: 100%;
    margin-top: 15px;
}

#inspiration-gallery .owl-theme .owl-nav .owl-prev,
#inspiration-gallery .owl-theme .owl-nav .owl-next {
    border-radius: 50%;
    height: 36px;
    width: 36px;
    font-size: 0;
    background: transparent;
    position: relative;
    margin: 0;
}

#inspiration-gallery .owl-theme .owl-nav .owl-prev::before,
#inspiration-gallery .owl-theme .owl-nav .owl-next::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    color: white;
    background-size: 36px 36px;
    height: 36px;
    width: 36px;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
    background-image: url(../images/custom/svg/arrow-white.svg);
}

#inspiration-gallery .owl-theme .owl-nav .owl-next::before {
    transform: rotate(-90deg);
}

#inspiration-gallery .owl-theme .owl-nav .owl-prev::before {
    transform: rotate(90deg);
}

#inspiration-gallery .position-relative {
    position: relative;
}

#inspiration-gallery .num {
    position: absolute;
    bottom: 10px;
    z-index: -1;
    letter-spacing: 0.05em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#inspiration-gallery .owl-theme .owl-nav .owl-prev {
    margin-left: 15px;
    margin-right: 40px;
}

#inspiration-gallery .owl-theme .owl-nav .owl-next {
    margin-right: 15px;
    margin-left: 40px;
}

#inspiration-gallery .owl-carousel .owl-wrapper {
    display: flex !important;
}

#inspiration-gallery .owl-carousel .owl-item img {
    width: 100%;
    height: 213px;
    object-fit: cover;
    max-width: initial;
}

#index-inspiration-gallery .latest-header {
    /*display: none;*/
}

#inspiration-gallery a {
    overflow-wrap: break-word;
}

.owl-nav.disabled {
    display: none !important;
}

@media only screen and (min-width: 568px) {
    #inspiration-gallery .owl-carousel .owl-item img {
        height: 378px;
    }
}

@media only screen and (min-width: 768px) {
    #index-inspiration-gallery .latest-header {
        display: block;
    }
}

@media only screen and (min-width: 812px) {
    #inspiration-gallery .owl-carousel .owl-item img {
        height: 542px;
    }
}

@media only screen and (min-width: 1024px) {
    #inspiration-gallery .text {
        margin-top: 0;
        padding-right: 65px;
    }

    #inspiration-gallery .slide {
        margin-bottom: 150px;
        padding-left: 1.15em;
    }

    #inspiration-gallery .num {
        bottom: 30px;
        z-index: 2;
    }

    #inspiration-gallery .owl-theme .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 50%;
        margin-top: 0;
    }

    #index-inspiration-gallery img {
        height: 378px;
        object-fit: cover;
    }
}

@media only screen and (min-width: 1280px) {
    #inspiration-gallery .slide {
        padding-left: 0;
    }

    #inspiration-gallery h1 {
        font-size: 35px;
    }

    #inspiration-gallery .text {
        padding-right: 37px;
    }

    #inspiration-gallery .owl-carousel .owl-item img {
        height: 495px;
    }
}

/*
    END
    INSPIRATION GALLERY
*/

/*
    START
    LANDING PAGE PRESENTATION
*/

#landing-page-presentation .link-to-page a:before {
    background-image: url(/themes/custom/bainultra/images/custom/svg/arrow-icon-red.svg);
}

#landing-page-presentation .link-to-page a {
    margin-left: 1rem;
    margin-top: 1.1em;
    margin-bottom: 1.1em;
}

#youtube-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

#youtube-container .ytdefer {
    margin: 0 0.5rem 1rem;
    overflow: hidden;
}

#landing-page-presentation .block-img {
    background-image: url(https://via.placeholder.com/300x130);
    background-size: cover;
    background-position: center;
}

@media only screen and (min-width: 1024px) {
    #landing-page-presentation .block-img {
        margin-bottom: 20px;
    }
}


#landing-page-presentation .greyblock {
    display: flex;
}


#landing-page-presentation .block-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.justify-content-center .row {
    justify-content: center;
}

.flex {
    display: flex;
}

#loadMore {
    text-align: center;
    margin: 0 auto;
    border: 1px solid #3db9c5;
    padding: 0.5em 1em;
    background-color: transparent;
    color: #3db9c5 !important;
    font-family: "Droid Serif", serif;
    font-style: italic;
    font-size: calc(14px + 0vw);
    left: 40%;
    width: 20%;
}

@media only screen and (max-width: 1024px) {
    .d-sm-none {
        display: none;
    }
}

/*
    END
    LANDING PAGE PRESENTATION
*/

/*
    START
    NEWS AND EXCLUSIVES
    IMAGE DESCRIPTION TAG
*/

.node-latest-wrapper .latest-img .collection-image-description-wrapper {
    position: absolute;
}

@media only screen and (max-width: 767px) {
    #new-description-wrapper .collection-image-description-wrapper {
        left: 7px;
    }

    .node-latest-wrapper .latest-img .collection-image-description-wrapper {
        left: 20px;
    }
}

@media only screen and (min-width: 768px) {
    #new-description-wrapper .collection-image-description-wrapper {
        bottom: 3.75em;
        left: 0;
    }

    .node-latest-wrapper .latest-img .collection-image-description-wrapper {
        left: 0;
        bottom: 10%;
    }
}

@media only screen and (min-width: 1024px) {
    #new-description-wrapper .collection-image-description-wrapper {
        margin-left: 30px;
        bottom: 24px;
        left: 7px;
    }

    .node-latest-wrapper .latest-img .collection-image-description-wrapper {
        left: 10px;
        bottom: 2%;
        padding-left: 1.6em;
    }
}

/*
    END
    NEWS AND EXCLUSIVES
    IMAGE DESCRIPTION TAG
*/

.new-tag {
    padding-left: 0;
    padding-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .new-tag {
        padding-left: 39.2572px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .new-tag {
        padding-left: 87.4px;
    }
}

.product-description-wrapper .new-tag {
    padding-left: 0;
}

.new-tag span {
    color: #e10000;
    border: 1px solid #e10000;
    font-size: calc(14px + 0vw);
    background-color: transparent;
    line-height: 0.8em;
    font-weight: 500;
    padding: 0.6em 0.2em 0.5em 0.6em;
    letter-spacing: 4.3px;
    margin-bottom: 0;
    margin-left: 0;
    display: inline-block;
}

#block-views-block-collections-block .new-tag,
#block-collectionshortcut .new-tag,
#block-views-block-collections-block-1 .new-tag,
#wrapper-new-tag .new-tag {
    position: absolute;
    padding-left: 0;
    left: 0;
    top: 0;
    z-index: 4;
}

#youtube-container .video-container {
    position: relative;
    width:100%;
    max-width: 610px;
}

#youtube-container .title-wrapper {
    height:90px;
    width: 100%;
    position: absolute;
    margin: 0 0.5rem;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(255,0,0,0));
    z-index: 2;
}

#youtube-container .title {
    padding-left: 0.5rem;
    padding-right: 1rem;
    font-size: 20px;
    top: 8px;
    left: 0;
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 420px) {
    #youtube-container .title-wrapper {
        top: 33px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 480px) {
    #youtube-container .title-wrapper {
        top: 6%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 500px) {
    #youtube-container .title-wrapper {
        top: 3%;
    }
}

#youtube-container .title:before {
    content: "";
    background-image: url(/themes/custom/bainultra/images/custom/jpg/bain-ultra-icon.jpg);
    background-size: 40px 40px;
    width: 40px;
    min-width: 40px;
    display: inline-block;
    left: 0;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

#youtube-container .ytdefer {
    width: 100%;
    max-width: 610px;
    height:300px;
}



#marketing-article .latest-img img {
    height: 100%;
    object-fit: cover;
}

#marketing-article .latest .latest-text .latest-title h2 {
   font-size: calc(22.04082px + 0.65306vw)
}

#marketing-article .latest .latest-text .latest-subtitle p {
    font-size: calc(18.2449px + 0.21837vw);
}

#marketing-article .latest .latest-text .latest-summary-title p {
    text-transform: initial;
}

#marketing-article .page-title-with-text {
    margin-top: 1.1em;
}

#marketing-article .latest {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 768px) {
    #marketing-article .latest {
        flex-direction: row;
    }

    #marketing-article .latest .latest-img img {
        padding: 0 6% 0 3%;
    }
}

@media only screen and (min-width: 1024px){
    #marketing-article .latest .latest-text {
        padding: 4.7% 0 2.5%;
    }

    #marketing-article .latest .latest-img img {
        padding: 0 0 0 8.7%;
    }
}

@media only screen and (min-width: 1280px){
    #marketing-article .latest .latest-text .latest-title h2 {
        font-size: 2.5em;
    }

    #marketing-article .latest .latest-text .latest-subtitle p {
        font-size: 1.475em;
    }

    #marketing-article .latest .latest-text .latest-summary-title p {
        font-size: 1.125em;
    }
}

.therapies-shortcuts .builder-element-type-column {
    padding-left: 3px !important;
    padding-right: 3px !important;
    background-repeat: no-repeat;
}
/*MODIFICATION MEXICO*/
#block-languageswitcher{
    display: none!important;
}

.therapias-picture-row{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    max-height: 500px;
}
.therapias-img{
    object-fit: fill;
    max-height: 500px;
}
#block-instagram::before,
#block-ilsparlentdenous::before,
.white-bg::before,
.grey-bg::before,
section.product-header::before,
.collection-header::before,
.collection-title-wrapper::before,
.special-product-header::before,
.product-header::before,
.accessories-colors-wrapper::before,
.accessories-optional-wrapper::before,
.product-title-wrapper::before,
#block-breadcrumbs::before,
#home-lines-of-beauty .col-md-5::before,
#home-discover-our-therapies .col-md-4::before,
.greyblock::before,
#documentation-forms .tha-wrapper-fond-blanc::before,
#shortcuts::before,
#therapies .page-title-wrapper::before,
.white-bg::before,
.special-product-title-wrapper::before,
#akasa .page-title-wrapper::before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: calc((100vw - 1280px) / -2);
    right: calc((100vw - 1280px) / -2);
    z-index: -1;
}

#block-instagram,
#block-ilsparlentdenous,
.white-bg,
section.product-header,
.collection-header,
.special-product-header,
.product-header,
.accessories-colors-wrapper,
.accessories-optional-wrapper,
.product-title-wrapper,
#block-breadcrumbs,
#home-lines-of-beauty .col-md-5,
#home-discover-our-therapies .col-md-4,
.greyblock,
#documentation-forms .tha-wrapper-fond-blanc,
#shortcuts,
.grey-bg {
    position: relative;
}

#block-instagram::before,
.white-bg::before,
#documentation-forms .tha-wrapper-fond-blanc::before,
.white-bg::before {
    background: #fff;
}

section.product-header::before,
#shortcuts::before,
.white-bg::before,
.special-product-header::before,
.collection-header::before {
    display: block;
}