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
}

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
}

input::ms-clear,
input[type="password"]::ms-reveal {
    display: nones
}

input[type="search"]::-webkit-search-decoration {
    display: none
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0
}

button,
a.button,
input[type="reset"],
input[type="submit"],
input[type="button"],
input[type="image"] {
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    width: auto;
    -webkit-appearance: none;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    line-height: normal !important
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    background: none;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    font-size: inherit;
    border-radius: 0;
    font-family: inherit;
    -webkit-appearance: none;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-outer-spin-button,
input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="email"]::-webkit-outer-spin-button,
input[type="email"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-outer-spin-button,
input[type="password"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-outer-spin-button,
input[type="search"]::-webkit-inner-spin-button,
input[type="tel"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button,
input[type="text"]::-webkit-outer-spin-button,
input[type="text"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="url"]::-webkit-outer-spin-button,
input[type="url"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25
}

textarea {
    min-height: 50px;
    overflow: auto;
    resize: vertical;
    width: 100%
}

optgroup {
    font-style: normal;
    font-weight: normal;
    font-family: inherit
}

select::-ms-expand {
    display: none
}

@-moz-document url-prefix() {
    input:invalid,
    button:invalid,
    select:invalid,
    textarea:invalid {
        box-shadow: none
    }
    input::-moz-focus-inner,
    button::-moz-focus-inner,
    select::-moz-focus-inner,
    textarea::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: ""
    }
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto !important
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px !important
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0 !important
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html {
    font-size: 1px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

@media screen and (min-width: 1281px) {
    html {
        font-size: .08vw
    }
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 1.23333px
    }
}

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

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

@font-face {
    font-family: 'AktivGroteskBold';
    src: url("../fonts/AktivGrotesk/AktivGroteskBold.eot");
    src: url("../fonts/AktivGrotesk/AktivGroteskBold.eot") format("embedded-opentype"), url("../fonts/AktivGrotesk/AktivGroteskBold.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGroteskBold.woff") format("woff"), url("../fonts/AktivGrotesk/AktivGroteskBold.ttf") format("truetype"), url("../fonts/AktivGrotesk/AktivGroteskBold.svg#AktivGroteskBold") format("svg")
}

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

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"] span,
[class*=" icon-"] span {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1
}

.icon-cloud:before {
    content: "\e945"
}

.icon-aerospring:before {
    content: "\e900"
}

.icon-agronomist:before {
    content: "\e901"
}

.icon-aquarium:before {
    content: "\e902"
}

.icon-arrow:before,
.header__nav__link--parent:before {
    content: "\e903"
}

.icon-autonomy:before {
    content: "\e904"
}

.icon-bac:before {
    content: "\e905"
}

.icon-battery:before {
    content: "\e906"
}

.icon-bioponie:before {
    content: "\e907"
}

.icon-bois:before {
    content: "\e908"
}

.icon-boite:before {
    content: "\e909"
}

.icon-bulle:before {
    content: "\e90a"
}

.icon-cheminee:before {
    content: "\e90b"
}

.icon-city:before {
    content: "\e90c"
}

.icon-community:before {
    content: "\e90d"
}

.icon-construction:before {
    content: "\e90e"
}

.icon-contact:before {
    content: "\e90f"
}

.icon-cross:before {
    content: "\e910"
}

.icon-data:before {
    content: "\e911"
}

.icon-deck:before {
    content: "\e912"
}

.icon-desk:before {
    content: "\e913"
}

.icon-download:before {
    content: "\e914"
}

.icon-etageres:before {
    content: "\e915"
}

.icon-family:before {
    content: "\e916"
}

.icon-fb:before {
    content: "\e917"
}

.icon-flake:before {
    content: "\e918"
}

.icon-gmo:before {
    content: "\e919"
}

.icon-granule:before {
    content: "\e91a"
}

.icon-greenhouse:before {
    content: "\e91b"
}

.icon-heart:before {
    content: "\e91c"
}

.icon-insta:before {
    content: "\e91d"
}

.icon-tablet:before {
    content: "\e91e"
}

.icon-light:before {
    content: "\e91f"
}

.icon-linkedin:before {
    content: "\e920"
}

.icon-pin:before {
    content: "\e921"
}

.icon-mobile:before {
    content: "\e922"
}

.icon-name:before {
    content: "\e923"
}

.icon-original:before {
    content: "\e924"
}

.icon-peinture:before {
    content: "\e925"
}

.icon-perma:before {
    content: "\e926"
}

.icon-phone:before {
    content: "\e927"
}

.icon-pictures:before {
    content: "\e928"
}

.icon-plus:before {
    content: "\e929"
}

.icon-winter:before {
    content: "\e92a"
}

.icon-poisson:before {
    content: "\e92b"
}

.icon-portes:before {
    content: "\e92c"
}

.icon-production:before {
    content: "\e92d"
}

.icon-profile:before {
    content: "\e92e"
}

.icon-quote:before {
    content: "\e92f"
}

.icon-rouleau:before {
    content: "\e930"
}

.icon-scroll:before {
    content: "\e931"
}

.icon-search:before {
    content: "\e932"
}

.icon-seasons:before {
    content: "\e933"
}

.icon-bag:before {
    content: "\e934"
}

.icon-signature:before {
    content: "\e935"
}

.icon-social:before {
    content: "\e936"
}

.icon-solar:before {
    content: "\e937"
}

.icon-sun:before {
    content: "\e938"
}

.icon-termo:before {
    content: "\e939"
}

.icon-texture_1:before {
    content: "\e93a"
}

.icon-texture_2:before {
    content: "\e93b"
}

.icon-texture_3:before {
    content: "\e93c"
}

.icon-tour:before {
    content: "\e93d"
}

.icon-track:before {
    content: "\e93e"
}

.icon-twitter:before {
    content: "\e93f"
}

.icon-valid:before {
    content: "\e940"
}

.icon-water:before {
    content: "\e941"
}

.icon-work:before {
    content: "\e942"
}

.icon-youtube:before {
    content: "\e943"
}

.icon-zipgrow:before {
    content: "\e944"
}

.force-icon,
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures
}

@-webkit-keyframes infinite-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes infinite-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes drop-animation {
    0% {
        -webkit-transform: translateY(-10px) translateX(0) scaleX(0) scaleY(0.1);
        transform: translateY(-10px) translateX(0) scaleX(0) scaleY(0.1)
    }
    50% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1)
    }
    60% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(10deg);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(10deg)
    }
    65% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(-10deg);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(-10deg)
    }
    70% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1)
    }
    100% {
        -webkit-transform: translateY(80px) translateX(2px) scaleX(0) scaleY(0.2);
        transform: translateY(80px) translateX(2px) scaleX(0) scaleY(0.2)
    }
}

@keyframes drop-animation {
    0% {
        -webkit-transform: translateY(-10px) translateX(0) scaleX(0) scaleY(0.1);
        transform: translateY(-10px) translateX(0) scaleX(0) scaleY(0.1)
    }
    50% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1)
    }
    60% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(10deg);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(10deg)
    }
    65% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(-10deg);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1) rotate(-10deg)
    }
    70% {
        -webkit-transform: translateY(0) translateX(0) scaleX(1) scaleY(1);
        transform: translateY(0) translateX(0) scaleX(1) scaleY(1)
    }
    100% {
        -webkit-transform: translateY(80px) translateX(2px) scaleX(0) scaleY(0.2);
        transform: translateY(80px) translateX(2px) scaleX(0) scaleY(0.2)
    }
}

@-webkit-keyframes points-button-hover-before {
    0% {
        -webkit-transform: translate3D(10px, 0, 0) scale(1);
        transform: translate3D(10px, 0, 0) scale(1)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0) scaleX(1.1);
        transform: translate3D(0, 0, 0) scaleX(1.1)
    }
    100% {
        -webkit-transform: translate3D(0, 10px, 0) scaleY(1.1);
        transform: translate3D(0, 10px, 0) scaleY(1.1)
    }
}

@keyframes points-button-hover-before {
    0% {
        -webkit-transform: translate3D(10px, 0, 0) scale(1);
        transform: translate3D(10px, 0, 0) scale(1)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0) scaleX(1.1);
        transform: translate3D(0, 0, 0) scaleX(1.1)
    }
    100% {
        -webkit-transform: translate3D(0, 10px, 0) scaleY(1.1);
        transform: translate3D(0, 10px, 0) scaleY(1.1)
    }
}

@-webkit-keyframes points-button-hover-after {
    0% {
        -webkit-transform: translate3D(-10px, 0, 0);
        transform: translate3D(-10px, 0, 0)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3D(0, -10px, 0);
        transform: translate3D(0, -10px, 0)
    }
}

@keyframes points-button-hover-after {
    0% {
        -webkit-transform: translate3D(-10px, 0, 0);
        transform: translate3D(-10px, 0, 0)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3D(0, -10px, 0);
        transform: translate3D(0, -10px, 0)
    }
}

@-webkit-keyframes points-button-unhover-before {
    0% {
        -webkit-transform: translate3D(0, 10px, 0);
        transform: translate3D(0, 10px, 0)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3D(10px, 0, 0);
        transform: translate3D(10px, 0, 0)
    }
}

@keyframes points-button-unhover-before {
    0% {
        -webkit-transform: translate3D(0, 10px, 0);
        transform: translate3D(0, 10px, 0)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3D(10px, 0, 0);
        transform: translate3D(10px, 0, 0)
    }
}

@-webkit-keyframes points-button-unhover-after {
    0% {
        -webkit-transform: translate3D(0, -10px, 0);
        transform: translate3D(0, -10px, 0)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3D(-10px, 0, 0);
        transform: translate3D(-10px, 0, 0)
    }
}

@keyframes points-button-unhover-after {
    0% {
        -webkit-transform: translate3D(0, -10px, 0);
        transform: translate3D(0, -10px, 0)
    }
    50% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3D(-10px, 0, 0);
        transform: translate3D(-10px, 0, 0)
    }
}

@-webkit-keyframes scale-bump {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    50% {
        opacity: .3;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    65% {
        opacity: .3
    }
    100% {
        opacity: .2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-bump {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    50% {
        opacity: .3;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    65% {
        opacity: .3
    }
    100% {
        opacity: .2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes translate-on-y {
    0% {
        -webkit-transform: translateY(0px) rotate(5deg);
        transform: translateY(0px) rotate(5deg)
    }
    40% {
        -webkit-transform: translateY(30px) rotate(-5deg);
        transform: translateY(30px) rotate(-5deg)
    }
    100% {
        -webkit-transform: translateY(100px) rotate(-5deg);
        transform: translateY(100px) rotate(-5deg)
    }
}

@keyframes translate-on-y {
    0% {
        -webkit-transform: translateY(0px) rotate(5deg);
        transform: translateY(0px) rotate(5deg)
    }
    40% {
        -webkit-transform: translateY(30px) rotate(-5deg);
        transform: translateY(30px) rotate(-5deg)
    }
    100% {
        -webkit-transform: translateY(100px) rotate(-5deg);
        transform: translateY(100px) rotate(-5deg)
    }
}

@-webkit-keyframes side-move {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@keyframes side-move {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@-webkit-keyframes bounce-jump {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
    30% {
        -webkit-transform: translateY(2px) scaleY(0.8);
        transform: translateY(2px) scaleY(0.8)
    }
    50% {
        -webkit-transform: translateY(-5px) scaleY(1.1);
        transform: translateY(-5px) scaleY(1.1)
    }
    70% {
        -webkit-transform: translateY(5px) scaleY(1);
        transform: translateY(5px) scaleY(1)
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
}

@keyframes bounce-jump {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
    30% {
        -webkit-transform: translateY(2px) scaleY(0.8);
        transform: translateY(2px) scaleY(0.8)
    }
    50% {
        -webkit-transform: translateY(-5px) scaleY(1.1);
        transform: translateY(-5px) scaleY(1.1)
    }
    70% {
        -webkit-transform: translateY(5px) scaleY(1);
        transform: translateY(5px) scaleY(1)
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
}

@-webkit-keyframes bounce-rotate {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
    30% {
        -webkit-transform: translateY(-5px) rotate(-20deg);
        transform: translateY(-5px) rotate(-20deg)
    }
    50% {
        -webkit-transform: translateY(-5px) rotate(20deg);
        transform: translateY(-5px) rotate(20deg)
    }
    70% {
        -webkit-transform: translateY(-5px) rotate(-10deg);
        transform: translateY(-5px) rotate(-10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes bounce-rotate {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
    30% {
        -webkit-transform: translateY(-5px) rotate(-20deg);
        transform: translateY(-5px) rotate(-20deg)
    }
    50% {
        -webkit-transform: translateY(-5px) rotate(20deg);
        transform: translateY(-5px) rotate(20deg)
    }
    70% {
        -webkit-transform: translateY(-5px) rotate(-10deg);
        transform: translateY(-5px) rotate(-10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@-webkit-keyframes bounce-rotate-down {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
    30% {
        -webkit-transform: translateY(5px) rotate(-20deg);
        transform: translateY(5px) rotate(-20deg)
    }
    50% {
        -webkit-transform: translateY(5px) rotate(20deg);
        transform: translateY(5px) rotate(20deg)
    }
    70% {
        -webkit-transform: translateY(5px) rotate(-10deg);
        transform: translateY(5px) rotate(-10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes bounce-rotate-down {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
    30% {
        -webkit-transform: translateY(5px) rotate(-20deg);
        transform: translateY(5px) rotate(-20deg)
    }
    50% {
        -webkit-transform: translateY(5px) rotate(20deg);
        transform: translateY(5px) rotate(20deg)
    }
    70% {
        -webkit-transform: translateY(5px) rotate(-10deg);
        transform: translateY(5px) rotate(-10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@-webkit-keyframes slide-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

body {
    font-family: "Open Sans";
    color: #2a2724;
    font-size: 11px;
    font-size: 11rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow-x: hidden;
    width: 100%
}

body.smooth-active {
    overflow: hidden
}

body.smooth-active #wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

body.pop-opened {
    overflow: hidden;
    height: 100%
}

#slideshow-1 {
  position: relative;
  width: 100%;
  height: 125px;
  padding: 10px;
}

#slideshow-1 > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.h-float-right {
    float: right
}

.hidden {
    display: none
}

.full-vh {
    min-height: 100vh;
    max-width: 100vw
}

.full-vh.center-vh {
    line-height: 100vh
}

.h-vertical-mid {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 100%
}

.container {
    max-width: 1000px;
    max-width: 1000rem;
    margin: auto
}

.container:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.container-med {
    max-width: 720px;
    max-width: 720rem;
    margin: auto
}

.container-med:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.col-1 {
    width: 100%;
    float: left
}

.col-2 {
    width: 50%;
    float: left
}

.col-3 {
    width: 33.33333%;
    float: left
}

.h-back {
    z-index: 10;
    position: absolute
}

.h-back--full {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.h-back .img-c {
    width: 100%;
    height: 100%
}

.h-front {
    position: relative;
    z-index: 30
}

.ct {
    position: relative
}

.pad-right {
    padding-right: 70px
}

.crop-img {
    position: relative;
    overflow: hidden
}

.crop-img img {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.crop-img img.loaded {
    opacity: 1
}

.img-c.center-img {
    text-align: center
}

.img-c.center-img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

a.img-c {
    display: block
}

.slide .img-c {
    cursor: pointer
}

#wrapper {
    overflow-x: hidden;
    width: 100%
}

@media (min-width: 840px) {
    #wrapper.shop-header-opened {
        padding-top: 50px
    }
}

.grid-l:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.grid-l__large {
    width: 63%;
    float: left
}

.grid-l__medium {
    width: 37%;
    float: left
}

.grid-l__demi {
    width: 50%;
    float: left
}

.grid-l__demi:nth-child(odd) {
    clear: both
}

.grid-l__quarter {
    width: 25%;
    float: left
}

.grid-l__third {
    width: 33.3333%;
    float: left
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .grid-l__large,
    .grid-l__demi,
    .grid-l__third,
    .grid-l__quarter {
        width: auto;
        margin-bottom: 30px;
        float: none
    }
    .grid-l__medium {
        width: auto;
        margin-bottom: 30px;
        float: none
    }
}

.h-rounded {
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.h-rounded img {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.no-css-transition {
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important
}

.title {
    color: #2a2724
}

.title--xxl {
    font-size: 65px;
    font-size: 65rem;
    line-height: 70px;
    line-height: 70rem;
    font-family: 'Josefin Sans', sans-serif
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title--xxl {
        font-size: 24px;
        line-height: 34px
    }
}

.title--xl {
    font-size: 45px;
    font-size: 45rem;
    line-height: 55px;
    line-height: 55rem;
    font-family: 'Josefin Sans', sans-serif
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title--xl {
        font-size: 34px;
        line-height: 44px
    }
}

.title--l {
    font-size: 40px;
    font-size: 40rem;
    line-height: 45px;
    line-height: 45rem;
    font-family: 'Josefin Sans', sans-serif;
    padding-top: 20px;
    padding-top: 20rem;
    margin-bottom: 100px;
    margin-bottom: 100rem;
    position: relative;
    z-index: 20
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title--l {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 50px
    }
}

.title--ml,
.common-text h3,
.contact-box__content--l,
#product-introduction .dual-tab .price {
    font-size: 28px;
    font-size: 28rem;
    line-height: 45px;
    line-height: 45rem;
    font-family: 'Josefin Sans', sans-serif
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title--ml,
    .common-text h3,
    .contact-box__content--l,
    #product-introduction .dual-tab .price {
        font-size: 22px;
        line-height: 35px
    }
}

.title--m,
.common-text h2,
.contact-box__content {
    font-size: 22px;
    font-size: 22rem;
    line-height: 30px;
    line-height: 30rem;
    font-family: 'Josefin Sans', sans-serif
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title--m,
    .common-text h2,
    .contact-box__content {
        font-size: 18px
    }
}

.title--sm,
.woocommerce .woocommerce-thankyou-order-received,
.contact-box__title,
.contact-address .title-address {
    font-size: 19px;
    font-size: 19rem;
    line-height: 23px;
    line-height: 23rem;
    font-family: 'Josefin Sans', sans-serif
}

.title-xs {
    font-family: "Open Sans Bold";
    text-transform: uppercase;
    font-size: 16px;
    font-size: 16rem;
    line-height: 20px;
    line-height: 20rem;
    letter-spacing: .025em
}

.title-xs-aktiv {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-size: 16rem;
    line-height: 16px;
    line-height: 16rem
}

.title-xxs,
.pagination {
    font-family: "Open Sans Bold";
    font-size: 12px;
    font-size: 12rem;
    line-height: 12px;
    line-height: 12rem;
    letter-spacing: .025em;
    color: #939393;
    text-transform: uppercase
}

.title--tab,
.module-popin__body__content ul li {
    font-size: 14px;
    font-size: 14rem;
    letter-spacing: .025em;
    line-height: 20px;
    line-height: 20rem;
    text-transform: uppercase;
    font-family: "Open Sans Bold"
}

.title--tab-m,
.common-text h4,
#single-product.variable-product #product-introduction .dual-tab .single-price {
    font-size: 17px;
    font-size: 17rem;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 27px;
    line-height: 27rem
}

.title--tab-l {
    font-size: 25px;
    font-size: 25rem;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif
}

.title--card-sm {
    font-size: 16px;
    font-size: 16rem;
    font-family: 'Josefin Sans', sans-serif
}

.title--center {
    text-align: center
}

.title--center .title__content--prefixed {
    padding-right: 135px;
    padding-right: 135rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title--center {
        text-align: left
    }
    .title--center .title__content--prefixed {
        padding-right: 20px;
        padding-right: 20rem
    }
}

.title--beige {
    color: #e8e8e8
}

.title__content--prefixed {
    padding-left: 135px;
    padding-left: 135rem;
    position: relative
}

.title__content__number,
.collapsible__title .prefix {
    color: #235ad2;
    font-family: "Open Sans";
    font-size: 24px;
    font-size: 24rem;
    text-align: center;
    padding-left: 30px;
    padding-left: 30rem;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -4px;
    margin-top: -4rem
}

.title__content__number:after,
.collapsible__title .prefix:after {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0;
    margin: -3rem 32rem 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title__content__number:after,
    .collapsible__title .prefix:after {
        margin: -3px 15px 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title__content--prefixed {
        padding-left: 86px;
        padding-right: 20px
    }
    .title__content__number,
    .collapsible__title .prefix {
        padding-left: 24px;
        padding-left: 24rem;
        margin-top: -2px;
        margin-top: -2rem
    }
}

.title--white {
    color: #fff
}

.title--white .title__content__number,
.title--white .collapsible__title .prefix,
.collapsible__title .title--white .prefix {
    color: #fff
}

.title--white .title__content__number:after,
.title--white .collapsible__title .prefix:after,
.collapsible__title .title--white .prefix:after {
    background: #fff
}

.title--masked {
    position: relative;
    overflow: hidden
}

.title--masked .title__content {
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.title--masked .title__content .title__content__number,
.title--masked .title__content .collapsible__title .prefix,
.collapsible__title .title--masked .title__content .prefix {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .8s .2s;
    transition: -webkit-transform .8s .2s;
    -o-transition: transform .8s .2s;
    transition: transform .8s .2s;
    transition: transform .8s .2s, -webkit-transform .8s .2s
}

.title--masked .line-mention {
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

.title--masked.unmasked .title__content {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.title--masked.unmasked .title__content .title__content__number,
.title--masked.unmasked .title__content .collapsible__title .prefix,
.collapsible__title .title--masked.unmasked .title__content .prefix {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.title--masked.unmasked .line-mention {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.title--masked__mask {
    position: absolute;
    z-index: 10;
    background: #235ad2;
    top: -10px;
    top: -10rem;
    left: 0px;
    left: 0rem;
    bottom: -10px;
    bottom: -10rem;
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .title .line-mention {
        margin: 30px 30px 50px 66px
    }
}

.mention,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.corps {
    font-size: 13px;
    font-size: 13rem;
    line-height: 25px;
    line-height: 25rem;
    letter-spacing: .025em;
    color: #939393
}

.mention--light,
.corps--light {
    text-transform: uppercase;
    font-size: 9px;
    font-size: 9rem;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em
}

.mention--small,
.selector__label,
.corps--small {
    font-size: 11px;
    font-size: 11rem;
    font-family: "Open Sans";
    letter-spacing: .025em;
    line-height: 22px;
    line-height: 22rem;
    color: #2b2825
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .mention--small,
    .selector__label,
    .corps--small {
        font-size: 13px
    }
}

.mention i,
.woocommerce-message i,
.woocommerce-error i,
.woocommerce-info i,
.corps i {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.mention--term,
.header__nav__link .sub-list__link,
.corps--term {
    font-family: "Open Sans Bold";
    text-transform: uppercase;
    font-size: 10px;
    font-size: 10rem;
    letter-spacing: .025em;
    line-height: 20px;
    line-height: 20rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .mention--term,
    .header__nav__link .sub-list__link,
    .corps--term {
        font-size: 13px
    }
}

.mention--job,
.corps--job {
    text-transform: uppercase;
    font-size: 12px;
    font-size: 12rem;
    font-family: "Open Sans Bold"
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .mention--job,
    .corps--job {
        font-size: 12px;
        line-height: 13px
    }
}

.mention--l,
.corps--l {
    font-size: 12px;
    font-size: 12rem;
    text-transform: uppercase;
    color: #939393;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em
}

.common-text {
    font-size: 13px;
    font-size: 13rem;
    line-height: 25px;
    line-height: 25rem;
    letter-spacing: .025em;
    color: #939393
}

.common-text--light {
    font-size: 11px;
    font-size: 11rem
}

.common-text p {
    margin-bottom: 25px;
    margin-bottom: 25rem
}

.common-text p:last-child {
    margin-bottom: 0
}

.common-text h2 {
    color: #2a2724;
    margin-bottom: 30px;
    margin-bottom: 30rem
}

.common-text h2:before {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0 0;
    margin: -3rem 32rem 0 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .common-text h2:before {
        margin: -3px 15px 0
    }
}

.common-text h2 strong {
    color: #2a2724
}

.common-text h3 {
    color: #235ad2;
    margin-bottom: 25px;
    margin-bottom: 25rem
}

.common-text h3 strong {
    color: #235ad2
}

.common-text h4 {
    color: #235ad2;
    margin-bottom: 25px;
    margin-bottom: 25rem
}

.common-text h4 strong {
    color: #235ad2
}

.common-text b,
.common-text strong {
    font-weight: 700
}

.common-text i,
.common-text em {
    font-style: italic
}

.common-text a {
    display: inline-block;
    position: relative;
    color: #235ad2;
    font-family: "Open Sans Bold"
}

.common-text a:after,
.common-text a:before {
    content: "";
    display: block;
    height: 1px;
    background: #fff;
    left: 0px;
    right: 0px;
    bottom: 3px;
    opacity: .3;
    position: absolute
}

.common-text a:before {
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    background: #235ad2;
    width: 0;
    left: auto;
    right: 0;
    z-index: 2;
    opacity: 1
}

.common-text a:hover:before {
    left: 0;
    width: 100%
}

.common-text strong {
    line-height: 25px;
    line-height: 25rem
}

.common-text img,
.common-text iframe,
.common-text video {
    max-width: 100%;
    height: auto;
    width: auto
}

.common-text ul {
    margin-top: 20px;
    margin-top: 20rem;
    margin-bottom: 15px;
    margin-bottom: 15rem
}

.common-text ul li {
    margin-bottom: 15px;
    margin-bottom: 15rem;
    padding-left: 25px;
    padding-left: 25rem;
    position: relative
}

.common-text ul li:before {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0 0;
    margin: -3rem 32rem 0 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .common-text ul li:before {
        margin: -3px 15px 0
    }
}

.common-text ul li:before {
    position: absolute;
    left: 0;
    top: 14px;
    top: 14rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .common-text {
        font-size: 14px;
        line-height: 28px
    }
    .common-text h3 {
        margin-bottom: 25px
    }
}

.text-right {
    text-align: right
}

.text-right .btn {
    display: inline-block
}

.h-text-center {
    text-align: center
}

.white-text {
    color: #fff
}

.black-text {
    color: #2a2724
}

.grey-text,
.common-text strong {
    color: #939393
}

.red-text {
    color: #e54848
}

.green-text {
    color: #235ad2
}

.beige-text {
    color: #e8e8e8
}

a {
    color: inherit;
    text-decoration: inherit
}

.mention-med {
    font-size: 11px;
    font-size: 11rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.small {
    font-size: 12px;
    font-size: 12rem
}

.lang-switch {
    text-transform: uppercase;
    font-size: 10px;
    font-size: 10rem;
    font-family: "Open Sans Bold";
    text-align: center
}

.lang-switch a {
    opacity: 0.4;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    position: relative
}

.lang-switch a.active {
    opacity: 1
}

.lang-switch a.active:after {
    content: "";
    height: 1px;
    background: #235ad2;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -4px;
    bottom: -4rem
}

.main-loader {
    position: fixed;
    background: #e8e8e8;
    right: 0;
    left: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 800;
    overflow: hidden;
    -webkit-transition: width .8s ease-in-out, background .8s .7s linear, height .8s .9s ease-in-out;
    -o-transition: width .8s ease-in-out, background .8s .7s linear, height .8s .9s ease-in-out;
    transition: width .8s ease-in-out, background .8s .7s linear, height .8s .9s ease-in-out
}

.main-loader__picto {
        width: 250px;
    height: 200px;
    right: 50vw;
    bottom: 50vh;
    margin: 0 -130px;
    position: absolute;
    z-index: 20;
}

.main-loader__picto img {
    width: 250px !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

.main-loader__waves {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: url("#fancy-goo");
    filter: url("#fancy-goo");
    z-index: 1;
    background: #e8e8e8
}

.main-loader__waves span {
    position: absolute;
    width: 8.3333%;
    height: 250px;
    background: #e8e8e8;
    display: block;
    top: -125px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.main-loader__waves span:nth-child(1) {
    left: -12.6666%;
    -webkit-animation: translate-on-y 1s 0.04s infinite alternate;
    animation: translate-on-y 1s 0.04s infinite alternate
}

.main-loader__waves span:nth-child(2) {
    left: -6.3333%;
    -webkit-animation: translate-on-y 1s 0.08s infinite alternate;
    animation: translate-on-y 1s 0.08s infinite alternate
}

.main-loader__waves span:nth-child(3) {
    left: 0%;
    -webkit-animation: translate-on-y 1s 0.12s infinite alternate;
    animation: translate-on-y 1s 0.12s infinite alternate
}

.main-loader__waves span:nth-child(4) {
    left: 6.3333%;
    -webkit-animation: translate-on-y 1s 0.16s infinite alternate;
    animation: translate-on-y 1s 0.16s infinite alternate
}

.main-loader__waves span:nth-child(5) {
    left: 12.6666%;
    -webkit-animation: translate-on-y 1s 0.2s infinite alternate;
    animation: translate-on-y 1s 0.2s infinite alternate
}

.main-loader__waves span:nth-child(6) {
    left: 18.9999%;
    -webkit-animation: translate-on-y 1s 0.24s infinite alternate;
    animation: translate-on-y 1s 0.24s infinite alternate
}

.main-loader__waves span:nth-child(7) {
    left: 25.3332%;
    -webkit-animation: translate-on-y 1s 0.28s infinite alternate;
    animation: translate-on-y 1s 0.28s infinite alternate
}

.main-loader__waves span:nth-child(8) {
    left: 31.6665%;
    -webkit-animation: translate-on-y 1s 0.32s infinite alternate;
    animation: translate-on-y 1s 0.32s infinite alternate
}

.main-loader__waves span:nth-child(9) {
    left: 37.9998%;
    -webkit-animation: translate-on-y 1s 0.36s infinite alternate;
    animation: translate-on-y 1s 0.36s infinite alternate
}

.main-loader__waves span:nth-child(10) {
    left: 44.3331%;
    -webkit-animation: translate-on-y 1s 0.4s infinite alternate;
    animation: translate-on-y 1s 0.4s infinite alternate
}

.main-loader__waves span:nth-child(11) {
    left: 50.6664%;
    -webkit-animation: translate-on-y 1s 0.44s infinite alternate;
    animation: translate-on-y 1s 0.44s infinite alternate
}

.main-loader__waves span:nth-child(12) {
    left: 56.9997%;
    -webkit-animation: translate-on-y 1s 0.48s infinite alternate;
    animation: translate-on-y 1s 0.48s infinite alternate
}

.main-loader__waves span:nth-child(13) {
    left: 63.333%;
    -webkit-animation: translate-on-y 1s 0.52s infinite alternate;
    animation: translate-on-y 1s 0.52s infinite alternate
}

.main-loader__waves span:nth-child(14) {
    left: 69.6663%;
    -webkit-animation: translate-on-y 1s 0.56s infinite alternate;
    animation: translate-on-y 1s 0.56s infinite alternate
}

.main-loader__waves span:nth-child(15) {
    left: 75.9996%;
    -webkit-animation: translate-on-y 1s 0.6s infinite alternate;
    animation: translate-on-y 1s 0.6s infinite alternate
}

.main-loader__waves span:nth-child(16) {
    left: 82.3329%;
    -webkit-animation: translate-on-y 1s 0.64s infinite alternate;
    animation: translate-on-y 1s 0.64s infinite alternate
}

.main-loader__waves span:nth-child(17) {
    left: 88.6662%;
    -webkit-animation: translate-on-y 1s 0.68s infinite alternate;
    animation: translate-on-y 1s 0.68s infinite alternate
}

.main-loader__waves span:nth-child(18) {
    left: 94.9995%;
    -webkit-animation: translate-on-y 1s 0.72s infinite alternate;
    animation: translate-on-y 1s 0.72s infinite alternate
}

.main-loader__waves span:nth-child(19) {
    left: 101.3328%;
    -webkit-animation: translate-on-y 1s 0.76s infinite alternate;
    animation: translate-on-y 1s 0.76s infinite alternate
}

.main-loader__waves span:nth-child(20) {
    left: 107.6661%;
    -webkit-animation: translate-on-y 1s 0.8s infinite alternate;
    animation: translate-on-y 1s 0.8s infinite alternate
}

.main-loader__waves span:nth-child(21) {
    left: 113.9994%;
    -webkit-animation: translate-on-y 1s 0.84s infinite alternate;
    animation: translate-on-y 1s 0.84s infinite alternate
}

.main-loader__waves span:nth-child(22) {
    left: 120.3327%;
    -webkit-animation: translate-on-y 1s 0.88s infinite alternate;
    animation: translate-on-y 1s 0.88s infinite alternate
}

.main-loader__waves span:nth-child(23) {
    left: 126.666%;
    -webkit-animation: translate-on-y 1s 0.92s infinite alternate;
    animation: translate-on-y 1s 0.92s infinite alternate
}

.main-loader.closed {
    background: #e54848;
    width: 90px;
    width: 90rem;
    height: 0
}

.main-loader.closed .main-loader__picto img {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .main-loader.closed {
        width: 60px
    }
}

.line-mention {
    border-left: 2px solid #235ad2;
    padding-left: 30px
}

.line-mention__content {
    color: #e8e8e8;
    font-family: "Open Sans";
    font-size: 13px;
    font-size: 13rem;
    line-height: 25px;
    line-height: 25rem;
    letter-spacing: .025em;
    padding-right: 20px;
    padding-right: 20rem
}

.line-mention__content--black {
    color: #2b2825
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .line-mention {
        padding-left: 20px
    }
    .line-mention__content {
        padding-right: 10px
    }
}

.bullets-nav__bullet {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Josefin Sans', sans-serif;
    color: #235ad2;
    font-size: 12px;
    font-size: 12rem;
    margin-right: 6px;
    cursor: pointer
}

.bullets-nav__bullet:last-child {
    margin-right: 0
}

.bullets-nav__bullet span {
    opacity: .3;
    line-height: 1;
    display: block;
    width: 20px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.bullets-nav__bullet span:after {
    content: "";
    background: #235ad2;
    width: 12px;
    height: 1px;
    display: block;
    margin: 6px auto 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.bullets-nav__bullet:hover span {
    opacity: 1
}

.bullets-nav__bullet--active span {
    opacity: 1
}

.bullets-nav__bullet--active span:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.navigation-switch {
    background: #235ad2;
    color: #fff;
    text-align: center;
    line-height: 90px;
    line-height: 90rem;
    height: 90px;
    height: 90rem;
    position: relative;
    overflow: hidden
}

.navigation-switch__button {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    font-size: 21rem;
    font-family: 'Josefin Sans', sans-serif;
    margin: 0 30px;
    margin: 0 30rem;
    opacity: .55;
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    mix-blend-mode: overlay
}

.navigation-switch__button i,
.navigation-switch__button span {
    display: inline-block;
    vertical-align: middle
}

.navigation-switch__button span {
    margin: 0 4px;
    margin: 0 4rem
}

.navigation-switch__button i {
    font-size: 35px;
    position: relative;
    padding-bottom: 3px
}

.navigation-switch__button i:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.navigation-switch__button i:after {
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.navigation-switch__button--active {
    opacity: 1;
    mix-blend-mode: normal
}

.navigation-switch__button--active i:after {
    opacity: 1
}

@media (min-width: 840px) {
    .navigation-switch--vertical {
        width: 90px;
        width: 90rem;
        text-align: center;
        height: 100%
    }
    .navigation-switch--vertical__buttons-c {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        line-height: 1;
        white-space: nowrap;
        position: absolute;
        bottom: 50%;
        left: 50%;
        text-align: center;
        width: 400px;
        width: 400rem;
        margin-bottom: -215px;
        margin-bottom: -215rem;
        background: #235ad2
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .navigation-switch {
        height: 70px;
        line-height: 70px
    }
    .navigation-switch__button {
        margin: 0 20px;
        font-size: 17px
    }
    .navigation-switch__button i {
        font-size: 26px
    }
}

.points-line {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 1px;
    border-left: 4px dotted #e8e8e8;
    left: 135px;
    left: 135rem;
    opacity: .8;
    z-index: 0
}

@media (max-width: 1260px) {
    .points-line {
        left: 45px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .points-line {
        display: none
    }
}

.video-container {
    position: relative
}

.video-container__back {
    z-index: 10;
    position: absolute
}

.video-container__back:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.video-container__front {
    padding: 130px;
    padding: 130rem;
    position: relative;
    z-index: 20
}

.video-container__front__title {
    margin-bottom: 250px;
    margin-bottom: 250rem
}

.video-container__front__button {
    text-align: right
}

.video-container__front__button .cbutton,
.video-container__front__button .cbutton--close-popin {
    display: inline-block
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .video-container__front {
        padding: 50px 30px 50px 0
    }
    .video-container__front__title {
        margin-bottom: 150px;
        text-align: left
    }
}

.points-list__li {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

.points-list__li__number {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 29px
}

.points-list__li__number:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
        background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.points-list__li__number:after {
    background-image: url("../images/circle-dark-98.svg");
        background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.points-list__li__content {
    display: inline-block;
    vertical-align: middle;
    max-width: -webkit-calc(100% - 112rem);
    max-width: calc(100% - 112rem);
    padding-left: 44px;
    padding-left: 44rem
}

@media (max-width: 1260px) {
    .points-list__li__content {
        max-width: -webkit-calc(100% - 112px);
        max-width: calc(100% - 112px)
    }
}

.points-list__li__content__title {
    margin-bottom: 20px;
    margin-bottom: 20rem
}

.points-list__li__content__desc {
    font-family: "Open Sans Bold";
    color: #51504d;
    font-size: 13px;
    font-size: 13rem;
    letter-spacing: .025em;
    line-height: 25px;
    line-height: 25rem
}

.points-list--light .points-list__li:last-child {
    margin-bottom: 0
}

.points-list--light .points-list__li__number {
    padding: 0;
    border: 0
}

.points-list--light .points-list__li__content {
    padding-left: 30px;
    padding-left: 30rem;
    max-width: -webkit-calc(100% - 80rem);
    max-width: calc(100% - 80rem)
}

@media (max-width: 1260px) {
    .points-list--light .points-list__li__content {
        max-width: -webkit-calc(100% - 80px);
        max-width: calc(100% - 80px)
    }
}

.points-list.masked .points-list__li {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.points-list.masked.unmasked .points-list__li {
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.points-list.masked.unmasked .points-list__li:nth-child(1) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.points-list.masked.unmasked .points-list__li:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.points-list.masked.unmasked .points-list__li:nth-child(3) {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s
}

.points-list.masked.unmasked .points-list__li:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.points-list.masked.unmasked .points-list__li:nth-child(5) {
    -webkit-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .points-list {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
    .points-list__li__number {
        display: table;
        margin: 0 auto 20px
    }
    .points-list__li__content {
        padding-left: 0;
        max-width: none
    }
    .points-list--light .points-list__li__content {
        padding-left: 0;
        max-width: none
    }
}

.bullet-point span {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #235ad2;
    color: #235ad2;
    font-size: 14px;
    font-size: 14rem;
    font-family: 'Josefin Sans', sans-serif;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.bullet-point--social span {
    background: #2a2724;
    border-color: #2a2724;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #e8e8e8;
    position: relative
}

.bullet-point--social span i {
    font-size: 45px
}

.bullet-point--social span:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.bullet-point--social span:after {
    background-image: url("../images/circle-dark-98.svg")
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .bullet-point--social span {
        width: 50px !important;
        height: 50px !important
    }
    .bullet-point--social span i {
        font-size: 45px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .bullet-point span {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
}

.author {
    margin-bottom: 20px;
    margin-bottom: 20rem
}

.author__avatar {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle
}

.author__avatar.h-rounded {
    background: #f5f2ed
}

.author__details {
    display: inline-block;
    vertical-align: middle;
    padding-left: 13px
}

.author__date,
.media-card__middle .infos .date {
    display: block;
    font-family: "Open Sans Bold";
    font-size: 12px;
    font-size: 12rem;
    letter-spacing: .025em;
    line-height: 18px;
    line-height: 18rem
}

.author__name {
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    color: #2a2724
}

.author__category {
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    color: #2a2724;
    display: block;
    margin-top: 3px
}

.mask {
    position: absolute;
    z-index: 20;
    background: #2b2825;
    top: 0;
    bottom: 0
}

.mask--white {
    background: #fff
}

.mask--beige {
    background: #e8e8e8
}

.mask--beige-bg {
    background: url("../images/texture.png")
}

.mask--green {
    background: #235ad2
}

.mask.lf {
    left: 0;
    right: auto
}

.mask.rg {
    right: 0;
    left: auto
}

.back-rect {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.back-rect__rect {
    position: absolute;
    background: url("../images/texture.png")
}

.pictos-list {
    padding: 50px 0px 50px 70px;
    padding: 50rem 0rem 50rem 70rem
}

.pictos-list:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.pictos-list__title {
    color: #235ad2;
    margin-bottom: 30px;
    margin-bottom: 30rem
}

.pictos-list__picto {
    text-align: center;
    margin-right: 30px;
    margin-right: 30rem;
    display: inline-block;
    vertical-align: bottom
}

.pictos-list__picto:last-child {
    margin-right: 0
}

.pictos-list__picto .mention,
.pictos-list__picto .woocommerce-message,
.pictos-list__picto .woocommerce-error,
.pictos-list__picto .woocommerce-info {
    margin-top: 0px;
    margin-top: 0rem
}

.pictos-list__picto .icon-desk {
    font-size: 110px
}

.pictos-list__picto .icon-tablet {
    display: block;
    font-size: 90px
}

.pictos-list__picto .icon-mobile {
    display: block;
    font-size: 70px
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .pictos-list {
        text-align: center;
        padding: 30px 10px
    }
    .pictos-list__picto {
        margin-right: 0px
    }
}

.share-box {
    position: relative
}

.share-box--fixed {
    position: fixed;
    z-index: 40;
    bottom: 40px;
    left: 45px;
    left: 45rem
}

@media (max-width: 1260px) {
    .share-box--fixed {
        left: 70px
    }
}

.share-box--fixed.hooked {
    position: absolute;
    top: 0;
    bottom: auto
}

.share-box__list__item {
    margin: 5px 0;
    margin: 5rem 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

.share-box__list__item iframe {
    min-width: 100%;
    min-height: 100%
}

.share-box__list__item.hv:hover i {
    color: #235ad2
}

.share-box__list__item i {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 40px
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .share-box__list__item i {
        font-size: 60px
    }
}

.share-box__link {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.products-nav {
    position: relative;
    z-index: 10;
    background: url("../images/texture.png");
    margin-left: -90px;
    margin-left: -90rem
}

.products-nav__link {
    padding: 100px 130px;
    padding: 100rem 130rem;
    display: block;
    position: relative;
    z-index: 20
}

.products-nav__link:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.products-nav__link:after {
    opacity: .03;
    z-index: 1;
    width: 0;
    -webkit-transition: width .5s linear;
    -o-transition: width .5s linear;
    transition: width .5s linear
}

.products-nav__link:first-child {
    border-right: 2px solid rgba(43, 40, 37, 0.12)
}

.products-nav__link__title {
    position: relative;
    z-index: 20
}

.products-nav__link__label {
    position: relative;
    z-index: 20;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.products-nav__link__label .points-button {
    position: absolute;
    right: 0
}

.products-nav__link:hover:after {
    width: 100%;
    -webkit-transition: width 4s linear;
    -o-transition: width 4s linear;
    transition: width 4s linear
}

.products-nav__link:hover .products-nav__link__label {
    color: #235ad2
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .products-nav {
        margin-left: 0
    }
    .products-nav .products-nav__link {
        padding: 50px;
        margin-bottom: 0
    }
    .products-nav .products-nav__link:first-child {
        border-bottom: 1px solid rgba(43, 40, 37, 0.14);
        border-right: 0px
    }
}

.circle {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block
}

.circle--m:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.circle--m:after {
    border: 5px dotted rgba(42, 39, 36, 0.12);
    opacity: 1
}

.circle--xxl:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
        background-size: 86%;
    background-position: center;
    background-repeat: no-repeat;
}

.circle--xxl:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg");
        background-size: 86%;
    background-position: center;
    background-repeat: no-repeat;
}

.circle--xxl:after {
    width: 280px;
    height: 280px;
    margin: -140px;
    background-image: url("../images/circle-dark-288.svg");
        background-size: 86%;
    background-position: center;
    background-repeat: no-repeat;
}

.circle--xl:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.circle--xl:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.circle--l:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.circle--l:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .circle {
        display: none
    }
}

.pagination {
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 13rem;
    color: #2a2724
}

.pagination .page-numbers {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    margin: 5px;
    margin-top: 10px
}

.pagination .page-numbers.current {
    color: #235ad2
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    margin-top: 12px
}

.pagination .page-numbers.prev {
    margin-right: 15px
}

.pagination .page-numbers.next {
    margin-left: 15px
}

.scale-in.masked {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.scale-in.masked.unmasked {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s .5s ease-in-out;
    -o-transition: .5s .5s ease-in-out;
    transition: .5s .5s ease-in-out
}

.scale-in-1.masked {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.scale-in-1.masked.unmasked {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s .75s ease-in-out;
    -o-transition: .5s .75s ease-in-out;
    transition: .5s .75s ease-in-out
}

.fade-in-bottom.masked,
.fade-in-bottom-0.masked {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.fade-in-bottom.masked.unmasked,
.fade-in-bottom-0.masked.unmasked {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s 0s;
    -o-transition: 0.5s 0s;
    transition: 0.5s 0s
}

.fade-in-bottom-1.masked {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.fade-in-bottom-1.masked.unmasked {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s .2s;
    -o-transition: 0.5s .2s;
    transition: 0.5s .2s
}

.fade-in-bottom-2.masked {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.fade-in-bottom-2.masked.unmasked {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s .4s;
    -o-transition: 0.5s .4s;
    transition: 0.5s .4s
}

.fade-in-bottom-3.masked {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.fade-in-bottom-3.masked.unmasked {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s .6s;
    -o-transition: 0.5s .6s;
    transition: 0.5s .6s
}

.cbutton,
.cbutton--close-popin {
    display: table;
    padding: 15px 20px 11px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    cursor: pointer;
    min-width: 130px;
    text-align: center;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s
}

.cbutton--circle:after,
.cbutton--close-popin:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.cbutton--border {
    border: 2px solid #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative
}

.cbutton--border:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.cbutton--border--green,
.cbutton--close-popin {
    border-color: #235ad2
}

.cbutton--small {
    padding: 7px 10px 5px;
    min-width: 50px
}

.cbutton--small:after {
    display: none
}

.cbutton--play {
    position: relative
}

.cbutton--play p {
    display: inline-block;
    vertical-align: middle
}

.cbutton--play__icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border: 2px solid #235ad2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 35px;
    padding-left: 5px;
    position: relative;
    margin-left: 40px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background: transparent;
    position: relative
}

.cbutton--play__icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -23px -16px
}

.cbutton--play__icon--solo {
    margin-left: 0
}

.cbutton--play__icon:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.cbutton--play:hover i {
    border-width: 20px;
    background: #235ad2
}

.cbutton--dark:after,
.cbutton--close:after,
.cbutton--close-popin:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
    background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.cbutton--dark:after,
.cbutton--close:after,
.cbutton--close-popin:after {
    background-image: url("../images/circle-dark-98.svg");
    background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.cbutton--large {
    position: relative;
    text-transform: none;
    font-size: 22px;
    font-size: 22rem;
    letter-spacing: 0;
    color: #2a2724
}

.cbutton--large:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
    background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.cbutton--large:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg");
    background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.cbutton--close,
.cbutton--close-popin {
    position: relative;
    min-width: 0;
    padding: 0
}

.cbutton--close__icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border: 2px solid #235ad2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 36px;
    position: relative;
    color: #2a2724;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.cbutton--close__icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -23px -18px
}

.cbutton--close--white:after,
.cbutton--close-popin:after {
    border-color: #e8e8e8 !important
}

.cbutton--close--white .cbutton--close__icon,
.cbutton--close-popin .cbutton--close__icon {
    color: #e8e8e8
}

.cbutton--close:hover i,
.cbutton--close-popin:hover i {
    border-width: 20px;
    background: #235ad2
}

.cbutton--circle-border {
    position: relative;
    -webkit-transition: border .5s, color .5s;
    -o-transition: border .5s, color .5s;
    transition: border .5s, color .5s
}

.cbutton--circle-border p {
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.cbutton--circle-border:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
    background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
}

.cbutton--circle-border:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 4px solid #235ad2;
    background: #235ad2;
    z-index: -1;
    opacity: 0
}

.cbutton--circle-border .circle {
    pointer-events: none;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: -30px -35px;
    border: 2px solid #235ad2;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .25s, -webkit-transform 0s;
    transition: all .25s, -webkit-transform 0s;
    -o-transition: all .25s, transform 0s;
    transition: all .25s, transform 0s;
    transition: all .25s, transform 0s, -webkit-transform 0s;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

.cbutton--circle-border.hvd {
    -webkit-transition: border .1s;
    -o-transition: border .1s;
    transition: border .1s;
    border-color: rgba(46, 166, 54, 0)
}

.cbutton--circle-border.hvd:before {
    -webkit-animation: scale-bump .5s forwards;
    animation: scale-bump .5s forwards
}

.cbutton--circle-border.hvd .circle {
    opacity: 1;
    background: rgba(46, 166, 54, 0.1)
}

.arrow-button {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .1em;
    color: #2a2724;
    font-family: 'Josefin Sans', sans-serif;
    cursor: pointer;
    position: relative;
    line-height: 1;
    min-width: 55px
}

.arrow-button small {
    vertical-align: middle;
    display: inline-block;
    line-height: 28px;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.arrow-button .points-button {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.arrow-button__icon {
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    margin-top: -2px
}

.arrow-button--prev .arrow-button__icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 0px
}

.arrow-button--prev .points-button {
    left: 0
}

.arrow-button--prev small {
    -webkit-transform: translate3D(10px, 0, 0);
    -ms-transform: translate3D(10px, 0, 0);
    transform: translate3D(10px, 0, 0)
}

.arrow-button--prev:hover .points-button {
    -webkit-transform: translateX(-10px) scaleY(0);
    -ms-transform: translateX(-10px) scaleY(0);
    transform: translateX(-10px) scaleY(0)
}

.arrow-button--next .arrow-button__icon {
    margin-left: 0px
}

.arrow-button--next .points-button {
    right: 0
}

.arrow-button--next small {
    -webkit-transform: translate3D(-10px, 0, 0);
    -ms-transform: translate3D(-10px, 0, 0);
    transform: translate3D(-10px, 0, 0)
}

.arrow-button--next:hover .points-button {
    -webkit-transform: translateX(10px) scaleY(0);
    -ms-transform: translateX(10px) scaleY(0);
    transform: translateX(10px) scaleY(0)
}

.arrow-button--white {
    color: #fff
}

.arrow-button:hover .points-button {
    opacity: 0
}

.arrow-button:hover small {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.points-button {
    position: relative;
    display: inline-block;
    padding: 10px 30px
}

.points-button__mention {
    position: absolute;
    left: -10px;
    top: 8px;
    top: 8rem;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

body.fr .points-button__mention,
body.de .points-button__mention {
    left: -60px;
    left: -60rem
}

.points-button span {
    display: block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2a2724;
    position: relative;
    -webkit-transition: .25s .25s;
    -o-transition: .25s .25s;
    transition: .25s .25s
}

.points-button span:after,
.points-button span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2a2724;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: .25s .25s;
    -o-transition: .25s .25s;
    transition: .25s .25s
}

.points-button span:before {
    -webkit-transform: translate3D(-10px, 0, 0);
    -ms-transform: translate3D(-10px, 0, 0);
    transform: translate3D(-10px, 0, 0);
    -webkit-animation: points-button-unhover-before 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1);
    animation: points-button-unhover-before 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1)
}

.points-button span:after {
    -webkit-transform: translate3D(10px, 0, 0);
    -ms-transform: translate3D(10px, 0, 0);
    transform: translate3D(10px, 0, 0);
    -webkit-animation: points-button-unhover-after 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1);
    animation: points-button-unhover-after 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1)
}

.points-button--hv .points-button__mention,
.products-nav__link:hover .products-nav__link__label .points-button .points-button__mention,
.dual-tab__content__cta:hover .points-button .points-button__mention,
.sizes-tabs__head__tab--active .layout-card__top .points-button .points-button__mention,
.card__button:hover .card__button__link .points-button .points-button__mention,
.media-card__bottom:hover .card__button__link .points-button .points-button__mention,
.layout-card:hover .layout-card__top .points-button .points-button__mention,
.layout-card.active .layout-card__top .points-button .points-button__mention,
.push-card__button:hover .card__button__link .points-button .points-button__mention {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: .25s .25s;
    -o-transition: .25s .25s;
    transition: .25s .25s;
    color: #235ad2
}

.points-button--hv span,
.products-nav__link:hover .products-nav__link__label .points-button span,
.dual-tab__content__cta:hover .points-button span,
.sizes-tabs__head__tab--active .layout-card__top .points-button span,
.card__button:hover .card__button__link .points-button span,
.media-card__bottom:hover .card__button__link .points-button span,
.layout-card:hover .layout-card__top .points-button span,
.layout-card.active .layout-card__top .points-button span,
.push-card__button:hover .card__button__link .points-button span {
    background: #235ad2
}

.points-button--hv span:before,
.products-nav__link:hover .products-nav__link__label .points-button span:before,
.dual-tab__content__cta:hover .points-button span:before,
.sizes-tabs__head__tab--active .layout-card__top .points-button span:before,
.card__button:hover .card__button__link .points-button span:before,
.media-card__bottom:hover .card__button__link .points-button span:before,
.layout-card:hover .layout-card__top .points-button span:before,
.layout-card.active .layout-card__top .points-button span:before,
.push-card__button:hover .card__button__link .points-button span:before {
    -webkit-animation: points-button-hover-before 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1);
    animation: points-button-hover-before 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1);
    background: #235ad2
}

.points-button--hv span:after,
.products-nav__link:hover .products-nav__link__label .points-button span:after,
.dual-tab__content__cta:hover .points-button span:after,
.sizes-tabs__head__tab--active .layout-card__top .points-button span:after,
.card__button:hover .card__button__link .points-button span:after,
.media-card__bottom:hover .card__button__link .points-button span:after,
.layout-card:hover .layout-card__top .points-button span:after,
.layout-card.active .layout-card__top .points-button span:after,
.push-card__button:hover .card__button__link .points-button span:after {
    -webkit-animation: points-button-hover-after 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1);
    animation: points-button-hover-after 0.5s forwards cubic-bezier(0.84, 0.01, 0.28, 1);
    background: #235ad2
}

.points-button--white span,
.arrow-button--white .points-button span {
    background: #fff
}

.points-button--white span:after,
.arrow-button--white .points-button span:after,
.points-button--white span:before,
.arrow-button--white .points-button span:before {
    background: #fff
}

.points-button--beige span,
.push-card__button--black .points-button span {
    background: #e8e8e8
}

.points-button--beige span:after,
.push-card__button--black .points-button span:after,
.points-button--beige span:before,
.push-card__button--black .points-button span:before {
    background: #e8e8e8
}

.download-button {
    position: relative;
    display: inline-block;
    padding-top: 12px
}

.download-button:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.download-button:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.download-button:after {
    background-image: url("../img/misc/circle/circle-cream-128.svg")
}

.download-button__icon {
    color: #2a2724;
    font-size: 30px;
    display: inline-block
}

.download-button__points {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2a2724;
    position: relative;
    display: block;
    left: 50%;
    margin-left: -2px;
    margin-bottom: -2px
}

.download-button__points:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2a2724;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    -webkit-transition: .25s .25s;
    -o-transition: .25s .25s;
    transition: .25s .25s
}

.download-button--white .download-button__icon {
    color: #fff
}

.download-button--white .download-button__points {
    background: #fff
}

.download-button--white .download-button__points:after {
    background: #fff
}

.download-button:hover .download-button__points {
    -webkit-animation: bounce-rotate-down .4s;
    animation: bounce-rotate-down .4s
}

.download-button:hover .download-button__icon {
    -webkit-animation: slide-down .4s .05s;
    animation: slide-down .4s .05s
}

.plus-button {
    position: relative;
    width: 90px;
    height: 90px;
    display: inline-block;
    position: relative
}

.plus-button:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
    background-size: 86%;
    background-repeat: no-repeat;
    background-position: center;
}

.plus-button__icon:after,
.plus-button__icon:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 14px;
    margin: -7px -1px;
    display: block;
    background: rgba(237, 230, 219, 0.7);
    left: 50%;
    top: 50%
}

.plus-button__icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#mobile-burger-bt {
    height: 60px;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    z-index: 200;
    cursor: pointer;
    display: none;
    background: #e8e8e8
}

#mobile-burger-bt .bt {
    position: relative;
    height: 23px;
    width: 20px;
    margin: 22px auto
}

#mobile-burger-bt span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #2b2825;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#mobile-burger-bt span:nth-child(1) {
    top: 0px
}

#mobile-burger-bt span:nth-child(2),
#mobile-burger-bt span:nth-child(3) {
    top: 7px
}

#mobile-burger-bt span:nth-child(3) {
    opacity: 0
}

#mobile-burger-bt span:nth-child(4) {
    top: 14px
}

#mobile-burger-bt.open span {
    background: #000
}

#mobile-burger-bt.open span:nth-child(1),
#mobile-burger-bt.open span:nth-child(4) {
    top: 14px;
    width: 0;
    left: 13px
}

#mobile-burger-bt.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#mobile-burger-bt.open span:nth-child(3) {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cbutton--svg-circle {
    position: relative;
    border: 0 !important
}

.cbutton--svg-circle:before {
    content: "";
    background: #235ad2;
    height: 2px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.cbutton--svg-circle svg.rect {
    position: absolute;
    left: -4px;
    top: -4px
}

.cbutton--svg-circle svg.rect rect {
    fill: transparent;
    stroke: #235ad2;
    stroke-width: 2;
    stroke-dashoffset: -45;
    stroke-dasharray: 460 0;
    stroke-linecap: round;
    -webkit-transition: all 0.8s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: all 0.8s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.8s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.cbutton--svg-circle:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.cbutton--svg-circle:hover svg.rect rect {
    opacity: 0.3
}

.cbutton--mask {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.cbutton--mask:after {
    z-index: -1
}

.cbutton--mask p {
    position: relative;
    z-index: 10;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.cbutton--mask .cbutton__mask {
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    background: transparent;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 0
}

.cbutton--mask .cbutton__mask i {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cbutton--mask .cbutton__mask i:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #235ad2;
    -webkit-transition: width 0.7s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    -o-transition: width 0.7s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    transition: width 0.7s cubic-bezier(0.81, 0.16, 0.19, 0.9);
    z-index: 3
}

.cbutton--mask.hv:hover {
    color: #e8e8e8
}

.cbutton--mask.hv:hover .cbutton__mask i:before {
    width: 100%;
    left: 0
}

.cbutton--mask.cbutton--border--white p {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.cbutton--mask.cbutton--border--white .cbutton__mask i:before {
    background: #fff
}

.cbutton--mask.cbutton--border--white.hv:hover {
    color: #235ad2
}

.cbutton--mask-circle {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.cbutton--mask-circle p {
    position: relative;
    z-index: 10
}

.cbutton--mask-circle .cbutton__mask {
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    background: transparent;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 0;
    z-index: -1
}

.cbutton--mask-circle .cbutton__mask span {
    -webkit-filter: url("#fancy-goo");
    filter: url("#fancy-goo");
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: .2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.cbutton--mask-circle .cbutton__mask i {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px;
    background: #235ad2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    top: 50%
}

.cbutton--mask-circle .cbutton__mask i:first-child {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px
}

.cbutton--mask-circle.cbutton--border--white .cbutton__mask span i {
    background: #fff
}

.cbutton--mask-circle.hv:hover {
    color: #e8e8e8
}

.cbutton--mask-circle.hv:hover .cbutton__mask span {
    opacity: 1
}

.cbutton--mask-circle.hv:hover.cbutton--border--white {
    color: #fff
}

.cbutton--mask-circle.hv:hover.cbutton--border--white .cbutton__mask span {
    opacity: .4
}

.page-f {
    padding: 0 90px 0;
    padding: 0 90rem 0;
    position: relative;
    display: block
}

@media (max-width: 1260px) {
    .page-f {
        padding-left: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-f {
        padding: 0 0 0
    }
}

.mapframe {
    width: 100%;
    height: 1100px
}

.page-c {
    padding: 90px 0 0;
    padding: 60rem 0 0;
    position: relative;
    display: block
}

.page-c__section {
    margin-bottom: 90px;
    margin-bottom: 90rem
}

.page-c__section--bottom {
    position: relative;
    padding-bottom: 140px;
    padding-bottom: 140rem;
    margin-bottom: 0
}

.page-c__section--bottom__content {
    text-align: center
}

.page-c__section--bottom__content .push-card {
    display: inline-block;
    text-align: left
}

.page-c__section--bottom .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: -300px;
    top: -300rem;
    left: -90px;
    left: -90rem;
    right: 50%;
    bottom: 0
}

.page-c__section--ml {
    margin-left: 130px;
    margin-left: 130rem;
    padding-left: 80px;
    padding-left: 80rem;
    margin-right: 90px;
    margin-right: 90rem
}

.page-c__section--dbl-layout {
    padding-bottom: 90px;
    padding-bottom: 90rem
}

.page-c__section--dbl-layout__grid {
    margin-left: auto;
    margin-right: auto
}

.page-c__section--dbl-layout .left-part .common-text {
    margin-left: 130px;
    margin-left: 130rem;
    max-width: 320px;
    max-width: 320rem
}

.page-c__section--dbl-layout .left-part .card--points-list {
    margin-top: 100px;
    margin-top: 100rem;
    max-width: 450px;
    max-width: 450rem;
    padding: 40px 0 40px 90px;
    padding: 40rem 0 40rem 90rem
}

.page-c__section--dbl-layout .left-part .card--points-list .bullet-point:after {
    display: none
}

.page-c__section--dbl-layout .right-part {
    position: relative;
    text-align: center;
    padding: 100px 0;
    padding: 100rem 0
}

.page-c__section--dbl-layout .right-part .back-rect__rect {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.page-c__section--dbl-layout .right-part .back-rect__img {
    height: 640px;
    height: 640rem;
    width: auto;
    margin: auto;
    display: block
}

.page-c__section--dbl-layout .layout {
    position: relative;
    display: inline-block
}

.page-c__section--dbl-layout .layout__point {
    position: absolute;
    z-index: 10
}

.page-c__section--dbl-layout .layout__point.masked {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.page-c__section--dbl-layout .layout__point.masked.unmasked {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .9s ease-in-out;
    -o-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(1) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(2) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(3) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(5) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(6) {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(7) {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(8) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(9) {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.page-c__section--dbl-layout .layout__point.masked.unmasked:nth-child(10) {
    -webkit-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s
}

@media (max-width: 1260px) {
    .page-c {
        padding-left: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-c {
        padding: 60px 0 0
    }
    .page-c__section {
        margin-bottom: 50px;
        margin-bottom: 50rem
    }
    .page-c__section--ml {
        margin: 0 30px;
        padding: 0
    }
    .page-c__section--bottom {
        margin-bottom: 0;
        padding-bottom: 50px
    }
    .page-c__section--bottom .back-rect {
        display: none
    }
    .page-c__section--bottom__content {
        padding: 0 30px
    }
    .page-c__section--bottom__content .push-card {
        display: block
    }
    .page-c__section--dbl-layout {
        padding-bottom: 0
    }
    .page-c__section--dbl-layout .left-part {
        padding: 0 30px
    }
    .page-c__section--dbl-layout .left-part .common-text {
        margin-left: 0
    }
    .page-c__section--dbl-layout .left-part .card--points-list {
        margin-top: 50px;
        max-width: 100%;
        padding: 30px
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .page-c__section--dbl-layout .left-part .card--points-list {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-c__section--dbl-layout .right-part {
        padding: 30px
    }
    .page-c__section--dbl-layout .right-part .layout__img {
        max-width: 100%;
        height: auto
    }
}

#main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 90px;
    height: 90rem;
    z-index: 600;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#main-header.fx {
    border-bottom: 1px solid rgba(43, 40, 37, 0.05) !important
}

#main-header.fx .hvd .sub-list {
    border-bottom: 1px solid rgba(43, 40, 37, 0.05) !important
}

#main-header.masked {
    -webkit-transform: translateY(-90rem);
    -ms-transform: translateY(-90rem);
    transform: translateY(-90rem)
}

#main-header.masked.menu-open {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #main-header {
        height: 60px;
        line-height: 60px
    }
    #main-header.fx {
        border-bottom: 1px solid rgba(43, 40, 37, 0.05) !important
    }
    #main-header.masked {
        -webkit-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
        transform: translateY(0rem)
    }
    #main-header.masked.menu-open {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.header {
    padding-left: 90px;
    padding-left: 90rem;
    line-height: 90px;
    line-height: 90rem
}

.header #mobile-burger-bt {
    display: none
}

.header__logo {
    width: 160px;
    position: absolute;
    top: 0;
    left: 90px;
    left: 90rem;
    bottom: 0
}

.header__logo a {
    display: inline-block;
    width: 160px;
    vertical-align: middle;
    line-height: 1
}

.header__logo img {
    width: 100%;
    height: 55px;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.header__navs {
    padding-left: 250px
}

.header__nav {
    display: inline-block;
    vertical-align: middle;
    margin-left: 90px
}

.header__nav--main {
    margin-left: 0
}

.header__nav .main-list {
    min-width: 530px;
    min-width: 530rem
}

.header__nav .icons-list {
    min-width: 140px;
    min-width: 140rem
}

.header__nav.h-float-right {
    /*padding-right: 115px*/
}

.header__nav__link {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    color: #939393;
    margin-right: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.header__nav__link.act {
    color: #235ad2
}

.header__nav__link.act span {
    position: relative
}

.header__nav__link.act span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -17px;
    bottom: -17rem;
    left: 0;
    right: 0;
    height: 2px;
    background: #f5f2ed;
    display: none
}

.header__nav__link--parent:before {
    display: none
}

.header__nav__link.hvd {
    color: #235ad2
}

.header__nav__link.hvd .sub-list {
    height: 50px;
    height: 50rem;
    z-index: 10
}

.header__nav__link.hvd .sub-list__link {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.header__nav__link.force-open {
    color: #235ad2
}

@media (min-width: 840px) {
    .header__nav__link.force-open .sub-list {
        background: #e7e0d5;
        border-bottom: 1px solid rgba(43, 40, 37, 0.05) inset !important;
        left: 0;
        padding-left: 92px;
        padding-left: 92rem
    }
}

.header__nav__link:last-child {
    margin-right: 10px
}

.header__nav__link--icon {
    font-size: 35px;
    color: #2a2724;
    margin-right: 15px;
    line-height: 35px;
    margin-top: 5px;
    position: relative
}

.header__nav__link--icon .cart-count-patch {
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #e54848;
    color: #fff;
    text-align: center;
    line-height: 22px;
    top: -3px;
    right: -3px;
    font-size: 12px
}

.header__nav__link--icon .cart-count-patch:after {
    content: " ";
    position: absolute;
    height: 6px;
    width: 4px;
    background: #235ad2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    top: -4px;
    left: 50%;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.header__nav__link--icon i {
    display: inline-block;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.header__nav__link--icon .icon-search {
    color: #235ad2
}

.header__nav__link--icon:after {
    content: "";
    position: absolute;
    bottom: 50%;
    left: 50%;
    display: block;
    width: 12px;
    margin: 0 -6px -15px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: black;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__nav__link--icon:hover:after {
    opacity: .1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.header__nav__link--icon:hover i {
    -webkit-transform: translate3D(0, -5px, 0) rotate(15deg);
    -ms-transform: translate3D(0, -5px, 0) rotate(15deg);
    transform: translate3D(0, -5px, 0) rotate(15deg)
}

.header__nav__link .sub-list {
    position: absolute;
    background: #f5f2ed;
    right: 90px;
    right: 90rem;
    text-align: left;
    top: 90px;
    top: 90rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    height: 0;
    overflow: hidden;
    z-index: 2;
    left: 0;
    padding-left: 92px;
    padding-left: 92rem
}

.header__nav__link .sub-list__container {
    padding: 0px 15px 0px 230px;
    padding: 0rem 15rem 0rem 230px;
    line-height: 1;
    padding-right: 58px;
    padding-right: 58rem
}

.header__nav__link .sub-list__link {
    font-size: 10px;
    color: #2a2724;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    margin: 0 20rem;
    -webkit-transition: .3s .3s;
    -o-transition: .3s .3s;
    transition: .3s .3s;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0
}

.header__nav__link .sub-list__link a {
    padding: 15px 0;
    padding: 15rem 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: block
}

.header__nav__link .sub-list__link:nth-child(1) {
    -webkit-transition: 0.3s 0.15s;
    -o-transition: 0.3s 0.15s;
    transition: 0.3s 0.15s
}

.header__nav__link .sub-list__link:nth-child(2) {
    -webkit-transition: 0.3s 0.2s;
    -o-transition: 0.3s 0.2s;
    transition: 0.3s 0.2s
}

.header__nav__link .sub-list__link:nth-child(3) {
    -webkit-transition: 0.3s 0.25s;
    -o-transition: 0.3s 0.25s;
    transition: 0.3s 0.25s
}

.header__nav__link .sub-list__link:nth-child(4) {
    -webkit-transition: 0.3s 0.3s;
    -o-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s
}

.header__nav__link .sub-list__link:nth-child(5) {
    -webkit-transition: 0.3s 0.35s;
    -o-transition: 0.3s 0.35s;
    transition: 0.3s 0.35s
}

.header__nav__link .sub-list__link:nth-child(6) {
    -webkit-transition: 0.3s 0.4s;
    -o-transition: 0.3s 0.4s;
    transition: 0.3s 0.4s
}

.header__nav__link .sub-list__link:nth-child(7) {
    -webkit-transition: 0.3s 0.45s;
    -o-transition: 0.3s 0.45s;
    transition: 0.3s 0.45s
}

.header__nav__link .sub-list__link:nth-child(8) {
    -webkit-transition: 0.3s 0.5s;
    -o-transition: 0.3s 0.5s;
    transition: 0.3s 0.5s
}

.header__nav__link .sub-list__link:nth-child(9) {
    -webkit-transition: 0.3s 0.55s;
    -o-transition: 0.3s 0.55s;
    transition: 0.3s 0.55s
}

.header__nav__link .sub-list__link:nth-child(10) {
    -webkit-transition: 0.3s 0.6s;
    -o-transition: 0.3s 0.6s;
    transition: 0.3s 0.6s
}

.header__nav__link .sub-list__link.act {
    color: #235ad2
}

.header__nav__link .sub-list__link:hover a {
    color: #235ad2
}

.header__lang {
    padding-top: 38px;
    padding-top: 38rem;
    z-index: 20;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 90px;
    height: 90rem;
    width: 90px;
    width: 90rem;
    text-align: center;
    background: #e8e8e8
}

.header__lang .lang-switch {
    line-height: 1
}

.header__search {
    position: absolute;
    line-height: 90px;
    line-height: 90rem;
    background: #e8e8e8;
    width: -webkit-calc(100% - 280rem);
    width: calc(100% - 280rem);
    top: 0;
    right: 0;
    padding-left: 65px;
    padding-left: 65rem;
    bottom: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

@media (max-width: 1260px) {
    .header__search {
        width: -webkit-calc(100% - 280px);
        width: calc(100% - 280px)
    }
}

.header__search__input,
.header__search__button,
.header__search__close {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

.header__search.open {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.header__search.open .header__search__input,
.header__search.open .header__search__button,
.header__search.open .header__search__close {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.header__search.open .header__search__input {
    -webkit-transition: .5s .6s;
    -o-transition: .5s .6s;
    transition: .5s .6s
}

.header__search.open .header__search__button {
    -webkit-transition: .5s .7s;
    -o-transition: .5s .7s;
    transition: .5s .7s
}

.header__search.open .header__search__close {
    -webkit-transition: .5s .8s;
    -o-transition: .5s .8s;
    transition: .5s .8s
}

.header__search__input,
.header__search input[type="text"] {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-family: 'Josefin Sans', sans-serif;
    width: -webkit-calc(100% - 285rem);
    width: calc(100% - 285rem);
    margin-right: 45px;
    height: 60px;
    color: #8b867f
}

@media (max-width: 1260px) {
    .header__search__input,
    .header__search input[type="text"] {
        width: -webkit-calc(100% - 285px);
        width: calc(100% - 285px)
    }
}

.header__search__input::-webkit-input-placeholder,
.header__search input[type="text"]::-webkit-input-placeholder {
    font-size: 22px;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(42, 39, 36, 0.2)
}

.header__search__input:-moz-placeholder,
.header__search input[type="text"]:-moz-placeholder {
    font-size: 22px;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(42, 39, 36, 0.2)
}

.header__search__input::-moz-placeholder,
.header__search input[type="text"]::-moz-placeholder {
    font-size: 22px;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(42, 39, 36, 0.2)
}

.header__search__input:-ms-input-placeholder,
.header__search input[type="text"]:-ms-input-placeholder {
    font-size: 22px;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(42, 39, 36, 0.2)
}

.header__search__button {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    top: 32px;
    top: 32rem;
    right: 180px;
    right: 180rem
}

.header__search__close {
    display: inline-block;
    vertical-align: middle;
    color: #e54848;
    margin-left: 30px;
    font-size: 35px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 135px;
    right: 135rem
}

.header__search input[type="submit"] {
    opacity: 0;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 0;
    visibility: hidden
}

@media (max-width: 1260px) {
    .header {
        padding-left: 30px
    }
    .header .header__search {
        width: -webkit-calc(100% - 210px);
        width: calc(100% - 210px)
    }
    .header .header__logo {
        width: 130px;
        left: 30px
    }
    .header .header__logo a {
        width: 130px
    }
    .header .header__navs {
        padding-left: 130px
    }
    .header .header__nav {
        margin-left: 30px
    }
    .header .header__nav .main-list {
        min-width: 390px
    }
    .header .header__nav.h-float-right {
        padding-right: 90px
    }
    .header .header__nav__link {
        margin-right: 15px
    }
    .header .header__nav__link .sub-list__container {
        padding-left: 115px
    }
    .header .header__nav__link--icon {
        margin-right: 10px
    }
    .header .header__nav .icons-list {
        min-width: 150px
    }
}

@media (max-width: 960px) {
    .header .header__nav.h-float-right {
        margin-left: 0
    }
    .header .header__nav__link--icon {
        margin-right: 10px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .header #mobile-burger-bt {
        display: block;
        top: 0
    }
    .header .header__logo {
        display: block;
        margin: auto;
        text-align: center;
        left: 0;
        right: 0
    }
    .header .header__logo a {
        width: 120px
    }
    .header .header__navs {
        position: absolute;
        height: 0;
        top: 60px;
        left: 0;
        right: 0;
        overflow: hidden;
        padding: 0;
        background: #e7e0d5;
        -webkit-transition: height .6s;
        -o-transition: height .6s;
        transition: height .6s;
        overflow-y: scroll
    }
    .header .header__nav.h-float-right {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #e7e0d5;
        height: 60px;
        margin: 0;
        padding: 0 50px;
        text-align: center
    }
    .header .header__nav.h-float-right ul {
        min-width: 208px;
        display: inline-block
    }
    .header .header__nav.h-float-right ul li {
        padding: 0 0;
        margin-right: 30px
    }
    .header .header__nav.h-float-right ul li:last-child {
        margin-right: 0
    }
    .header .header__lang {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: auto;
        margin: auto;
        background: #e7e0d5;
        height: 70px;
        line-height: 70px;
        padding: 0;
        text-align: center
    }
    .header .header__lang .lang-switch {
        vertical-align: middle;
        display: inline-block
    }
    .header .header__lang .lang-switch a {
        font-size: 16px;
        margin: 0 40px
    }
    .header .header__nav {
        margin-left: 0;
        display: block
    }
    .header .header__nav--main {
        padding-top: 60px
    }
    .header .header__nav--main .header__nav__link {
        margin-right: 0;
        line-height: 70px;
        display: block;
        background: #e8e8e8;
        color: #2a2724;
        font-size: 18px;
        border-bottom: 1px solid rgba(43, 40, 37, 0.12) !important
    }
    .header .header__nav--main .header__nav__link--parent:before {
        display: block;
        font-family: "icomoon" !important;
        font-size: 20px;
        color: #235ad2;
        position: absolute;
        right: 20px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        font-weight: bold;
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        -o-transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
    }
    .header .header__nav--main .header__nav__link.hvd:before {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    .header .header__nav--main .header__nav__link.hvd .sub-list {
        height: auto
    }
    .header .header__nav--main .header__nav__link>span,
    .header .header__nav--main .header__nav__link>a {
        padding-left: 30px
    }
    .header .header__nav--main .header__nav__link .sub-list {
        position: relative;
        background: #e7e0d5;
        left: auto;
        right: auto;
        top: auto;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        padding-left: 0
    }
    .header .header__nav--main .header__nav__link .sub-list__container {
        border-top: 1px solid rgba(43, 40, 37, 0.12) !important;
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    .header .header__nav--main .header__nav__link .sub-list__link {
        display: block;
        margin: 0;
        padding-left: 30px;
        text-transform: none;
        font-size: 15px;
        font-family: "Open Sans";
        line-height: 40px
    }
    .header .header__nav--main .header__nav__link .sub-list__link a {
        padding: 0
    }
    .header .header__search {
        top: 60px;
        line-height: 60px;
        width: 100%;
        z-index: 30;
        height: 60px;
        padding-left: 0
    }
    .header .header__search__container {
        padding-right: 100px
    }
    .header .header__search input[type="text"] {
        width: auto;
        display: block;
        padding-left: 10px;
        margin-right: 0;
        font-size: 18px
    }
    .header .header__search input[type="text"]::-webkit-input-placeholder {
        font-size: 18px
    }
    .header .header__search input[type="text"]:-moz-placeholder {
        font-size: 18px
    }
    .header .header__search input[type="text"]::-moz-placeholder {
        font-size: 18px
    }
    .header .header__search input[type="text"]:-ms-input-placeholder {
        font-size: 18px
    }
    .header .header__search__button {
        top: 16px;
        right: 50px
    }
    .header .header__search__close {
        right: 10px;
        top: 2px
    }
    .header.menu-open .header__navs {
        height: 100vh
    }
}

.header__nav__link.about,
.header__nav__link.a-propos {
    display: none
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .header__nav__link.about,
    .header__nav__link.a-propos {
        display: block
    }
}

.footer-section {
    /*background: #e8e8e8;
    padding-top: 130px;
    padding-top: 70rem;*/
    position: relative
}

.footer #goey-effect-svg {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    bottom: 0;
    right: 0
}

.footer__top {
    /*margin-bottom: 70px;
    margin-bottom: 70rem;*/
   /* padding-right: 180px;
    padding-right: 180rem;
    padding-left: 135px;
    padding-left: 135rem;
    padding-top:40rem;
    padding-bottom: 40rem;*/
}

.footer__top:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.footer__top__right {
    float: right;
    margin-top: 5px;
    margin-top: 5rem
}

.footer__logo {
    width: 155px;
    height: 55px;
    float: left
}

.footer__button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 120px;
    margin-right: 120rem
}

.footer__socials {
    display: inline-block;
    vertical-align: middle
}

.footer__socials__link {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    margin-right: 0rem;
    color: #2b2825;
    font-size: 50px
}

.footer__socials__link.lkd {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.footer__socials__link.yt {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.footer__socials__link.hv {
    position: relative
}

.footer__socials__link.hv i {
    display: inline-block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.footer__socials__link.hv:after {
    content: "";
    position: absolute;
    bottom: 50%;
    left: 50%;
    display: block;
    width: 12px;
    margin: 0 -6px -15px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: black;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__socials__link.hv:hover:after {
    opacity: .1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.footer__socials__link.hv:hover i {
    color: #235ad2;
    -webkit-transform: translate3D(0, -5px, 0) rotate(15deg);
    -ms-transform: translate3D(0, -5px, 0) rotate(15deg);
    transform: translate3D(0, -5px, 0) rotate(15deg)
}

.footer__socials__link:last-child {
    margin-right: 0
}

.footer-section {
    padding-right: 90px;
    padding-right: 90rem;
    padding-left: 90px;
    padding-left: 90rem;
    padding-top: 40rem;
    padding-bottom: 20rem;
}
.ftr-section{
    display: flex;flex-wrap: wrap;justify-content: center;
    align-items: center;padding-bottom: 40rem;
}
.ftr-section-1,.ftr-section-4{
    flex: 0 0 30%;max-width: 30%;
}
.ftr-section-2,.ftr-section-3{
    flex: 0 0 20%;max-width: 20%;
}
.copyright-section{
    display: flex;flex-wrap: wrap;    
    justify-content: space-between;
    align-items: center;
    border-top:1px solid rgba(0,0,0,.2);
    padding: 2rem 4rem;
}
.footer__main__nav {
    margin-right: 40px;
    margin-right: 40rem
}

.footer__main__nav:last-child {
    margin-right: 0
}

.footer__main__nav__title {
    font-size: 18px;
    font-size: 18rem;
    font-family: 'Josefin Sans', sans-serif;
    color: #2b2825
}

.footer__main__nav__title:after {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0;
    margin: -3rem 32rem 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .footer__main__nav__title:after {
        margin: -3px 15px 0
    }
}

.footer__main__nav__title:after {
    display: block;
    margin: 25px 0;
    margin: 25rem 0
}

.footer__main__nav__title--no-list:after {
    display: none
}

.footer__main__nav__list li {
    font-size: 13px;
    font-size: 13rem;
    color: #2b2825;
    line-height: 30px;
    line-height: 30rem
}

.footer__main__nav__list li a {
    display: inline-block;
    position: relative;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__main__nav__list li a:before {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    background: #235ad2;
    width: 0;
    left: auto;
    right: 0;
    bottom: 0
}

.footer__main__nav__list li a:hover {
    color: #235ad2
}

.footer__main__nav__list li a:hover:before {
    left: 0;
    width: 100%
}

.footer__newsletter {
    background: #e7e0d5;
   /* padding: 55px 180px 45px 135px;
    padding: 55rem 180rem 45rem 135rem;*/ 
    padding: 40rem;
     padding-right: 180px;
    padding-right: 180rem;
    padding-left: 135px;
    padding-left: 135rem
}

.footer__newsletter:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.footer__newsletter__labels {
    float: left
}

.footer__newsletter__labels label {
    text-transform: uppercase;
    font-family: "Open Sans Bold";
    font-size: 14px;
    font-size: 14rem;
    display: block
}

.footer__newsletter__labels small {
    font-size: 12px;
    font-size: 12rem;
    color: #2b2825;
    opacity: .5;
    margin-top: 10px;
    margin-top: 10rem;
    display: block
}

.footer__newsletter__input {
    position: relative
}

.footer__newsletter__input input {
    border: 2px solid #235ad2;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 8px 23px;
    padding: 8rem 23rem;
    
    width: 100%;
}

.footer__newsletter__input input::-webkit-input-placeholder {
    color: #2b2825;
    font-family: "Open Sans";
    font-size: 12px;
    font-size: 12rem
}

.footer__newsletter__input input:-moz-placeholder {
    color: #2b2825;
    font-family: "Open Sans";
    font-size: 12px;
    font-size: 12rem
}

.footer__newsletter__input input::-moz-placeholder {
    color: #2b2825;
    font-family: "Open Sans";
    font-size: 12px;
    font-size: 12rem
}

.footer__newsletter__input input:-ms-input-placeholder {
    color: #2b2825;
    font-family: "Open Sans";
    font-size: 12px;
    font-size: 12rem
}

.footer__newsletter__input .valid-newsletter-input {
    position: absolute;
    top: 72px;
    top: 72rem;
    right:0;
    margin-right: 10px;
    margin-right: 10rem;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 10px;
    font-size: 10rem;
    text-transform: uppercase;
    padding: 10px;
    padding: 10rem;
    cursor: pointer;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

.footer__newsletter__input .valid-newsletter-input:hover {
    color: #235ad2
}

.footer__bottom {
    background: #fff;
    /*height: 90px;
    height: 90rem;*/
    padding: 40px 180px 0 135px;
    padding: 40rem 180rem 0 135rem;
    line-height: 1
    padding-top:40rem;
    padding-bottom: 40rem;
}

.footer__bottom:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.footer__bottom__legals {
    float: left;
    font-size: 10px;
    font-size: 10rem;
    opacity: .5;
    padding-top: 2px;
    padding-top: 2rem
}

.footer__bottom__nav {
    float: right
}

.footer__bottom__nav li {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    font-size: 18rem;
    margin-right: 110px;
    margin-right: 110rem;
    position: relative
}

.footer__bottom__nav li:before {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    background: #235ad2;
    width: 0;
    left: auto;
    right: 0;
    bottom: 0
}

.footer__bottom__nav li:before:hover {
    color: #235ad2
}

.footer__bottom__nav li:before:hover:before {
    left: 0;
    width: 100%
}

.footer__bottom__nav li:last-child {
    margin-right: 0
}

@media (max-width: 1260px) {
    .footer .footer__top {
        padding-left: 45px;
        padding-right: 130px
    }
    .footer .footer__main {
        padding-left: 45px;
        padding-right: 130px
    }
    .footer .footer__newsletter,
    .footer .footer__bottom {
        padding-left: 45px;
        padding-right: 130px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .footer {
        padding-top: 50px
    }
    .footer .footer {
        text-align: center
    }
    .footer .footer__top {
       /* padding: 0*/
    }
    .footer .footer__top__right {
        float: none
    }
    .footer .footer__logo {
        float: none;
        margin: auto
    }
    .footer .footer__button {
        display: table;
        margin: 20px auto
    }
    .footer .footer__socials {
        display: table;
        margin: 40px auto
    }
    .footer .footer__main {
        padding-right: 0;
        padding-left: 0;
        display: table;
        margin: auto;
        display: none
    }
    .footer .footer__main__nav {
        display: none
    }
    .footer .footer__newsletter {
        padding-right: 90px
    }
    .footer .footer__newsletter__input {
        float: none;
        margin-top: 20px
    }
    .footer .footer__newsletter__input input {
        width: 100%
    }
    .footer .footer__newsletter__labels {
        float: none;
        padding-right: 30px
    }
    .footer .footer__newsletter__labels small {
        line-height: 20px
    }
    .footer .footer__bottom {
        padding: 30px 0;
        text-align: center
    }
    .footer .footer__bottom__legals {
        float: none;
        padding-top: 30px;
        margin-bottom: 30px;
        display: block;
        border-top: 1px solid rgba(43, 40, 37, 0.12)
    }
    .footer .footer__bottom__nav {
        float: none;
        display: table;
        margin: 0 auto 30px
    }
    .footer .footer__bottom__nav li {
        margin: 0 15px
    }
}

@media (max-width: 1080px) and (min-width: 767px) {
    .footer .footer__newsletter {
        padding-right: 45px
    }
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: #e8e8e8;
    width: 90px;
    width: 90rem;
    z-index: 550
}

.sidebar .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 90px;
    right: 90rem;
    width: 100vw;
    background: #2b2825;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    z-index: -1;
    pointer-events: none
}

.sidebar__open-zone {
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 90px;
    bottom: 90rem;
    right: 0;
    width: 90px;
    width: 90rem;
    z-index: 40
}

.sidebar__mention {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    font-size: 15rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: 0;
    bottom: 135px;
    bottom: 135rem;
    width: 300px;
    width: 300rem;
    line-height: 90px;
    line-height: 90rem;
    margin-left: -105px;
    margin-left: -105rem;
    margin-bottom: 90px;
    margin-bottom: 90rem;
    text-align: left;
    z-index: 20;
    color: #e54848;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sidebar__bottom {
    background: #e54848;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    height: 90rem;
    line-height: 90px;
    line-height: 90rem;
    text-align: center;
    z-index: 43
}

.sidebar__bottom:hover .sidebar__bottom__icon.icon-contact {
    -webkit-transform: translateY(-5px) rotate(15deg);
    -ms-transform: translateY(-5px) rotate(15deg);
    transform: translateY(-5px) rotate(15deg)
}

.sidebar__bottom__icon {
    font-size: 32px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    vertical-align: middle;
    display: inline-block
}

.sidebar__bottom__icon.icon-cross {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.sidebar__content {
    position: absolute;
    background: #e8e8e8;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    z-index: 1;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    line-height: 100vh;
    padding-top: 90px;
    padding-top: 90rem
}

.sidebar__content__push {
    display: block;
    margin-bottom: 80px;
    margin-bottom: 80rem;
    padding: 0 50px 0 125px;
    padding: 0 50rem 0 125rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px)
}

.sidebar__content__push__title {
    margin-top: 30px;
    margin-top: 30rem;
    opacity: .15;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.sidebar__content__push__icon {
    position: relative;
    font-size: 34px;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    display: inline-block;
    opacity: .15;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.sidebar__content__push__icon:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.sidebar__content__push__icon:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.sidebar__content__push.active .sidebar__content__push__icon:after {
    opacity: 1
}

.sidebar__content__push__icon:after {
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.sidebar__content__push__mention {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: .15
}

.sidebar__vam {
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    width: 100%
}

.sidebar__red-mask {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    background: #e54848;
    height: 0%;
    z-index: 42;
    -webkit-transition: .7s .2s;
    -o-transition: .7s .2s;
    transition: .7s .2s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

.sidebar.open .overlay {
    width: 100vw;
    opacity: 0.5
}

.sidebar.open .sidebar__red-mask {
    height: 100%;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s
}

.sidebar.open .sidebar__mention {
    color: #fff;
    z-index: 43
}

.sidebar.open .sidebar__bottom__icon {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.sidebar.open .sidebar__bottom__icon.icon-cross {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.sidebar.open .sidebar__content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 1s .3s;
    -o-transition: 1s .3s;
    transition: 1s .3s
}

.sidebar.open .sidebar__content__push {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.sidebar.open .sidebar__content__push.active .sidebar__content__push__title,
.sidebar.open .sidebar__content__push.active .sidebar__content__push__icon,
.sidebar.open .sidebar__content__push.active .sidebar__content__push__mention {
    opacity: 1;
    -webkit-transition-delay: 0 !important;
    -o-transition-delay: 0 !important;
    transition-delay: 0 !important
}

.sidebar.open .sidebar__content__push:nth-child(2) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .sidebar {
        bottom: auto;
        z-index: 650;
        width: 60px;
        height: 60px;
        overflow: hidden;
        -webkit-transition: height .3s, width .3s .3s;
        -o-transition: height .3s, width .3s .3s;
        transition: height .3s, width .3s .3s
    }
    .sidebar__bottom {
        top: 0;
        bottom: auto;
        height: 60px;
        line-height: 64px;
        width: 60px;
        left: auto;
        right: 0
    }
    .sidebar__mention {
        bottom: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        right: 0;
        margin: auto;
        line-height: 60px;
        text-align: left;
        font-size: 18px;
        background: #e54848;
        width: auto;
        padding-left: 30px;
        top: 0;
        height: 60px
    }
    .sidebar__red-mask {
        opacity: 0;
        display: none
    }
    .sidebar__content {
        width: 100vw;
        padding-top: 60px;
        text-align: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .sidebar__content__push {
        padding: 0
    }
    .sidebar__content__push .sidebar__content__push__title,
    .sidebar__content__push .sidebar__content__push__icon,
    .sidebar__content__push .sidebar__content__push__mention {
        opacity: 1
    }
    .sidebar__content__push .sidebar__content__push__icon:after {
        opacity: 1
    }
    .sidebar.open {
        -webkit-transition: width .45s, height .45s .45s;
        -o-transition: width .45s, height .45s .45s;
        transition: width .45s, height .45s .45s;
        width: 100vw !important;
        height: 100vh !important
    }
    .sidebar.open .sidebar__content {
        -webkit-transition: .45s .45s;
        -o-transition: .45s .45s;
        transition: .45s .45s
    }
}

.sidebar .sb_top_btns {
    position: absolute;
    top: 90px;
    top: 90rem;
    width: 100%;
    z-index: 41;
    font-size: 12px;
    font-size: 12rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}




.sidebar .sb_top_btns .sb_element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 90px;
    height: 90rem;
    background: #e8e8e8;
    fill: black;
    color: black
}

.sidebar .sb_top_btns .sb_element:hover {
    background: #235ad2;
    color: white;
    fill: white
}

.sidebar .sb_top_btns .sb_element svg {
    width: 18px;
    width: 18rem;
    padding-bottom: 10px;
    padding-bottom: 10rem
}

.sidebar .sb_top_btns .sb_element:nth-child(1) svg {
    margin-top: -8px;
    margin-top: -8rem;
    padding-bottom: 14px;
    padding-bottom: 14rem
}

.sidebar .sb_top_btns .sb_element p {
    font-family: "Open Sans";
    text-align: center;
    font-size: 11px;
    font-size: 11rem;
    letter-spacing: -0.5px;
    letter-spacing: -0.5rem
}

.sidebar .sb_top_btns .sb_element:nth-child(3) p {
    font-size: 10px;
    font-size: 10rem
}

@media (max-width: 840px) {
    .sidebar .sb_top_btns {
        display: none
    }
    .sidebar__bottom {
        cursor: pointer
    }
}

@media (min-width: 841px) {
    .sidebar__bottom__icon {
        display: none
    }
}

.slideshow {
    position: relative
}

.slideshow__sidebar {
    width: 90px;
    width: 90rem;
    background: #235ad2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 90px;
    bottom: 90rem;
    z-index: 20
}

.slideshow__sidebar__title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    font-size: 22rem;
    color: #fff;
    opacity: .55;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    width: 300px;
    width: 300rem;
    line-height: 90px;
    line-height: 90rem;
    margin-top: -45px;
    margin-top: -45rem;
    margin-left: -105px;
    margin-left: -105rem;
    mix-blend-mode: overlay
}

.slideshow__sidebar__icon {
    position: absolute;
    bottom: 50px;
    bottom: 50rem;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 35px;
    display: block;
    padding-left: 2px;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: drop-animation 1.7s infinite ease-in-out;
    animation: drop-animation 1.7s infinite ease-in-out
}

.slideshow__container {
    position: relative;
    margin-left: 90px;
    margin-left: 90rem;
    height: -webkit-calc(100vh - 180rem);
    height: calc(100vh - 180rem);
    overflow: hidden
}

@media (max-width: 1260px) {
    .slideshow__container {
        height: -webkit-calc(100vh - 180px);
        height: calc(100vh - 180px)
    }
}

.slideshow__container__slide {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.slideshow__container__slide:first-child {
    opacity: 1
}

.slideshow__container__slide__image {
    position: absolute
}

.slideshow__container__slide__image:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.slideshow__container__slide__image:after {
    opacity: 0.35
}

.slideshow__container__slide__image img {
    z-index: 5
}

.slideshow__container__slide__content {
    position: relative;
    z-index: 10;
    margin: 0 130px;
    margin: 0 130rem;
    height: 100%
}

.slideshow__container__slide__content__title {
    max-width: 600px;
    max-width: 600rem;
    line-height: -webkit-calc(100vh - 370rem);
    line-height: calc(100vh - 370rem)
}

@media (max-width: 1260px) {
    .slideshow__container__slide__content__title {
        line-height: -webkit-calc(100vh - 370px);
        line-height: calc(100vh - 370px)
    }
}

.slideshow__container__slide__content__title__content {
    position: relative;
    margin-top: 70px;
    margin-top: 70rem;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    line-height: 70px;
    line-height: 70rem
}

.slideshow__container__slide__content__subtitle-container {
    position: absolute;
    bottom: 90px;
    bottom: 90rem;
    left: 0;
    max-width: 300px;
    max-width: 300rem
}

.slideshow__container__slide__content__button-container {
    position: absolute;
    bottom: 90px;
    bottom: 90rem;
    right: 0
}

.slideshow__navigation {
    height: 90px;
    height: 90rem;
    position: relative
}

.slideshow__navigation__container {
    position: absolute;
    right: 0;
    height: 100%;
    width: 450px;
    width: 450rem;
    line-height: 94px;
    line-height: 94rem;
    background: url("../images/texture.png");
    padding: 0 38px;
    padding: 0 38rem;
    text-align: center
}

.slideshow__navigation__container__time-strip {
    background: rgba(43, 40, 37, 0.03);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: 1
}

.slideshow__navigation__container .arrow-button {
    display: inline-block;
    vertical-align: middle;
    z-index: 10
}

.slideshow__navigation__container__prev {
    position: absolute;
    left: 38px;
    left: 38rem;
    top: 0
}

.slideshow__navigation__container__next {
    position: absolute;
    right: 38px;
    right: 38rem;
    top: 0
}

.slideshow__navigation__container__bullets {
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
    position: relative
}

.slideshow--cover--center .slideshow__sidebar {
    bottom: 0
}

.slideshow--cover--center .slideshow__container__slide__content__title {
    max-width: none;
    line-height: -webkit-calc(100vh - 180rem);
    line-height: calc(100vh - 180rem)
}

@media (max-width: 1260px) {
    .slideshow--cover--center .slideshow__container__slide__content__title {
        line-height: -webkit-calc(100vh - 180px);
        line-height: calc(100vh - 180px)
    }
}

.slideshow--cover--center .slideshow__container__slide__content__title__content {
    margin-top: 0
}

.slideshow--cover--center .slideshow__container__slide__content__title__content .title__content {
    margin-top: 0
}

.slideshow--cover--center .slideshow__container__slide__content__button-container {
    left: 0;
    text-align: center
}

.slideshow--cover--center .slideshow__container__slide__content__button-container .cbutton,
.slideshow--cover--center .slideshow__container__slide__content__button-container .cbutton--close-popin {
    display: inline-block
}

.slideshow--cover--simple .slideshow__sidebar {
    bottom: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .slideshow__sidebar {
        width: 60px;
        bottom: 50px
    }
    .slideshow__sidebar__title {
        line-height: 50px;
        line-height: 50rem;
        margin-top: -30px;
        margin-left: -120px;
        font-size: 18px
    }
    .slideshow__container {
        margin-left: 60px;
        height: 400px
    }
    .slideshow__container__slide {
        line-height: 400px
    }
    .slideshow__container__slide__content {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin: 0;
        padding: 0 35px;
        height: auto;
        line-height: 1
    }
    .slideshow__container__slide__content__title {
        line-height: 34px
    }
    .slideshow__container__slide__content__title__content {
        line-height: 34px;
        margin-top: 0
    }
    .slideshow__container__slide__content__subtitle-container {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 50px
    }
    .slideshow__container__slide__content__button-container {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 50px
    }
    .slideshow__navigation {
        height: 50px
    }
    .slideshow__navigation__container {
        position: relative;
        width: auto;
        line-height: 50px
    }
    .slideshow__navigation__container__bullets {
        display: none
    }
    .slideshow--cover--center .slideshow__container__slide__content__title {
        line-height: 34px;
        text-align: center
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .slideshow--cover--center .slideshow__container__slide__content__title {
        text-align: center
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .slideshow--cover--center .slideshow__container__slide__content__button-container {
        text-align: center
    }
}

.images-slideshow {
    position: relative;
    overflow: hidden
}

.images-slideshow__image {
    position: absolute;
    width: 100%;
    height: 100%
}

.images-slideshow__image .img-c {
    width: 100%;
    height: 100%
}

.cards-slideshow {
    position: relative;
    margin-left: 45px;
    margin-left: 45rem
}

.cards-slideshow.masked {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.cards-slideshow.masked.unmasked {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.cards-slideshow__container {
    width: 100%;
    min-height: 600px;
    min-height: 600rem;
    width: 300vw
}

.cards-slideshow__container__card.card {
    position: relative;
    z-index: 40;
    float: left;
    margin-right: 120px;
    margin-right: 120rem;
    opacity: 0;
    left: -80px;
    left: -80rem
}

.cards-slideshow__container__card.card .card__container {
    position: relative
}

.cards-slideshow__container__card.card .card__fake-top {
    height: 190px;
    height: 190rem;
    position: relative;
    width: 100%;
    display: block
}

.cards-slideshow__container__card.card .card__top {
    position: absolute;
    bottom: -webkit-calc(100% - 210rem);
    bottom: calc(100% - 210rem);
    overflow: hidden;
    width: 100%;
    left: 0;
    z-index: 10
}

@media (max-width: 1260px) {
    .cards-slideshow__container__card.card .card__top {
        bottom: -webkit-calc(100% - 210px);
        bottom: calc(100% - 210px)
    }
}

.cards-slideshow__container__card.card .card__top .mask {
    z-index: 20;
    width: 100%;
    height: 0;
    bottom: auto
}

.cards-slideshow__container__card.card .card__top .img-c {
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.cards-slideshow__container__card.card .card__infos {
    z-index: 20
}

.cards-slideshow__container__card.card .card__container {
    padding-top: 20px;
    padding-top: 20rem
}

.cards-slideshow__container__card.card .card__main {
    border-bottom-color: rgba(43, 40, 37, 0);
    -webkit-transition: border-bottom-color .5s;
    -o-transition: border-bottom-color .5s;
    transition: border-bottom-color .5s
}

.cards-slideshow__container__card.card.act .card__main {
    border-bottom-color: rgba(43, 40, 37, 0.12)
}

.cards-slideshow__container__card.card--closed {
    margin-top: 210px;
    margin-top: 210rem
}

.cards-slideshow__container__card.card:nth-child(1n+5) {
    opacity: 0
}

.cards-slideshow__navigation {
    top: 210px;
    top: 210rem;
    position: absolute;
    width: 525px;
    width: 525rem;
    left: 510px;
    left: 510rem;
    margin-left: -180px;
    margin-left: -180rem;
    z-index: 30
}

.cards-slideshow__navigation .arrow-button {
    position: absolute;
    top: 54px;
    top: 54rem
}

.cards-slideshow__navigation .arrow-button--prev {
    left: 0
}

.cards-slideshow__navigation .arrow-button--prev:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.cards-slideshow__navigation .arrow-button--prev:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.cards-slideshow__navigation .arrow-button--prev:after {
    width: 360px;
    height: 360px;
    margin: -180px;
    background-image: url("../images/circle-dark-368.svg");
    -webkit-animation: infinite-rotate 30s infinite linear;
    animation: infinite-rotate 30s infinite linear;
    background-size: 87%;
    background-repeat: no-repeat;
    background-position: center center;
}

.cards-slideshow__navigation .arrow-button--prev:after {
    margin-top: -190px
}

.cards-slideshow__navigation .arrow-button--next {
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .cards-slideshow {
        margin-left: 0
    }
    .cards-slideshow__container {
        padding: 0 10px;
        max-width: 100%;
        min-height: 500px;
        z-index: 40;
        position: relative
    }
    .cards-slideshow__container__card.card {
        max-width: 100%;
        position: absolute;
        float: none;
        margin: auto;
        left: -100vw
    }
    .cards-slideshow__container__card.card:nth-child(2) {
        display: block;
        position: relative;
        left: auto
    }
    .cards-slideshow__navigation {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        margin-left: 0;
        padding: 30px;
        margin-left: 30px;
        margin-right: 30px
    }
    .cards-slideshow__navigation .arrow-button {
        top: auto
    }
}

.large-slideshow {
    position: relative;
    padding-bottom: 90px;
    padding-bottom: 90rem;
    opacity: 0
}

.large-slideshow__container {
    position: relative;
    height: 240px;
    height: 240rem
}

.large-slideshow__container__list {
    position: absolute;
    width: 300vw
}

.large-slideshow__slide {
    width: 240px;
    width: 240rem;
    height: 240px;
    height: 240rem;
    margin: 0 30px;
    display: inline-block;
    position: relative
}

.large-slideshow__slide .img-c {
    display: block;
    width: 100%;
    height: 100%;
    background: #f5f2ed
}

.large-slideshow__slide .img-c img {
    pointer-events: none
}

.large-slideshow__slide .likes,
.large-slideshow__slide .comments {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-transform: uppercase;
    z-index: 30;
    color: #fff;
    font-size: 15px;
    font-family: "Open Sans Bold";
    line-height: 40px;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .large-slideshow__slide .likes,
    .large-slideshow__slide .comments {
        opacity: 1
    }
}

.large-slideshow__slide .likes i,
.large-slideshow__slide .comments i {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-right: 5px
}

.large-slideshow__slide .comments {
    right: 10px;
    left: auto;
    color: #fff
}

.large-slideshow__slide a.img-c {
    background: transparent
}

.large-slideshow__slide.black-hv .img-c:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(43, 40, 37, 0.4);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .large-slideshow__slide.black-hv .img-c:after {
        opacity: 1
    }
}

.large-slideshow__slide:hover .img-c:after {
    opacity: 1
}

.large-slideshow__slide:hover .likes,
.large-slideshow__slide:hover .comments {
    opacity: 1
}

.large-slideshow__navigation {
    margin-top: 40px;
    margin-top: 40rem;
    position: relative
}

.large-slideshow__navigation .arrow-button {
    position: absolute
}

.large-slideshow__navigation .arrow-button--prev {
    left: 130px;
    left: 130rem
}

.large-slideshow__navigation .arrow-button--next {
    right: 130px;
    right: 130rem
}

.large-slideshow .full-slideshow {
    display: none
}

.large-slideshow .circle--l {
    right: 30%;
    top: 0
}

.large-slideshow .circle--xxl {
    left: 30%;
    bottom: 50px
}

.large-slideshow.masked .large-slideshow__slide {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.large-slideshow.masked.unmasked .large-slideshow__slide {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .9s ease-in-out;
    -o-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(1) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(3) {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(5) {
    -webkit-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(6) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(7) {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(8) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(9) {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(10) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(11) {
    -webkit-transition-delay: 1.65s;
    -o-transition-delay: 1.65s;
    transition-delay: 1.65s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(12) {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(13) {
    -webkit-transition-delay: 1.95s;
    -o-transition-delay: 1.95s;
    transition-delay: 1.95s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(14) {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.large-slideshow.masked.unmasked .large-slideshow__slide:nth-child(15) {
    -webkit-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .large-slideshow__container__list {
        margin-left: -webkit-calc( 50vw - 150px);
        margin-left: calc( 50vw - 150px)
    }
    .large-slideshow__slide {
        width: 260px;
        height: 260px
    }
    .large-slideshow__navigation .arrow-button--prev {
        left: 30px
    }
    .large-slideshow__navigation .arrow-button--next {
        right: 30px
    }
}

.seeds-slideshow {
    margin-right: 130px;
    margin-right: 130rem;
    padding-left: 90px;
    padding-left: 90rem;
    position: relative;
    z-index: 30;
    overflow: hidden
}

.seeds-slideshow__navigation {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 44px;
    bottom: 44rem;
    height: auto
}

.seeds-slideshow__tabs {
    padding-top: 20px;
    padding-top: 20rem;
    margin-left: 100px;
    margin-left: 100rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
    margin-bottom: 70rem;
    z-index: 20
}

.seeds-slideshow__content {
    margin-left: 100px;
    margin-left: 100rem;
    position: relative;
    z-index: 40
}

.seeds-slideshow__content__slides {
    margin-left: -25px;
    margin-right: -25px;
    position: relative;
    z-index: 20
}

.seeds-slideshow__content__slides:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.seeds-slideshow__slide {
    width: -webkit-calc(20% - 50rem);
    width: calc(20% - 50rem);
    margin: 0 25px 60px;
    margin: 0 25rem 60rem;
    float: left;
    text-align: center
}

@media (max-width: 1260px) {
    .seeds-slideshow__slide {
        width: -webkit-calc(20% - 50px);
        width: calc(20% - 50px)
    }
}

.seeds-slideshow__slide.hidden {
    display: none
}

.seeds-slideshow__slide__mention {
    height: 26px;
    height: 26rem
}

@media (min-width: 840px) {
    .seeds-slideshow__slide:nth-child(1n+11) {
        bottom: 100%;
        left: 100%;
        position: absolute;
        text-indent: -9999px;
        opacity: 0;
        width: 0;
        height: 0;
        overflow: hidden
    }
}

.seeds-slideshow__slide__img {
    width: 100%;
    padding: 50%;
    position: relative;
    margin: 0 auto 25px;
    margin: 0 auto 25rem
}

.seeds-slideshow__slide__img .crop-img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.seeds-slideshow__slide__img .img-hover {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: auto;
    overflow: hidden;
    height: 100%;
    background-color: rgba(237, 230, 219, 0.95);
    -webkit-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out
}

.seeds-slideshow__slide__img .img-hover .container-texts {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.seeds-slideshow__slide__img .img-hover .container-texts p {
    color: #2a2724;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 12px;
    font-size: 12rem;
    line-height: 12px;
    line-height: 12rem;
    margin-bottom: 15px;
    margin-bottom: 15rem
}

.seeds-slideshow__slide__img .img-hover .container-texts p:last-child {
    margin-bottom: 0
}

.seeds-slideshow__slide__img:hover .img-hover {
    top: 0
}

.seeds-slideshow__tab {
    display: none;
    opacity: 0;
    z-index: 30
}

.seeds-slideshow__tab:first-child {
    display: block;
    opacity: 1
}

.seeds-slideshow__next-seeds {
    position: absolute;
    display: block;
    width: -webkit-calc(20% - 50rem);
    width: calc(20% - 50rem);
    border: 5px dotted #f5f2ed;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: 0;
    bottom: 50px;
    bottom: 50rem;
    margin: 0 25px 60px;
    margin: 0 25rem 60rem;
    display: none
}

@media (max-width: 1260px) {
    .seeds-slideshow__next-seeds {
        width: -webkit-calc(20% - 50px);
        width: calc(20% - 50px)
    }
}

.seeds-slideshow__next-seeds__ct {
    width: 60px;
    height: 60px;
    padding: 50%;
    display: block
}

.seeds-slideshow__next-seeds .arrow-button {
    left: -30px;
    top: -10px
}

.seeds-slideshow__content__slides {
    display: none;
    opacity: 0
}

.seeds-slideshow__content__slides:first-child {
    display: block;
    opacity: 1
}

.seeds-slideshow__back-grid {
    bottom: 0px;
    bottom: 0rem;
    margin-left: 100px;
    margin-left: 100rem;
    left: 90px;
    left: 90rem;
    position: absolute;
    z-index: 1;
    right: 0
}

.seeds-slideshow__back-grid__stamps {
    margin-left: -25px;
    margin-right: -25px
}

.seeds-slideshow__back-grid__stamp {
    background: #e8e8e8;
    opacity: .4;
    display: block;
    float: left;
    width: -webkit-calc(20% - 50rem);
    width: calc(20% - 50rem);
    margin: 0 25px 111px;
    margin: 0 25rem 111rem;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 1260px) {
    .seeds-slideshow__back-grid__stamp {
        width: -webkit-calc(20% - 50px);
        width: calc(20% - 50px)
    }
}

.seeds-slideshow__back-grid__stamp:after {
    content: "";
    display: block;
    padding: 50%;
    position: relative
}

.seeds-slideshow .selector--mobile {
    display: none
}

.seeds-slideshow.masked .seeds-slideshow__navigation {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.seeds-slideshow.masked .seeds-slideshow__content {
    opacity: 0
}

.seeds-slideshow.masked.unmasked .seeds-slideshow__navigation {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s
}

.seeds-slideshow.masked.unmasked .seeds-slideshow__content {
    opacity: 1;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .seeds-slideshow {
        margin-right: 0;
        padding-left: 0
    }
    .seeds-slideshow__tabs {
        margin-left: 0
    }
    .seeds-slideshow__tabs.tabs-selector {
        display: none
    }
    .seeds-slideshow__content {
        margin-left: 0
    }
    .seeds-slideshow__content__slides {
        margin: 0 50px
    }
    .seeds-slideshow__navigation {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        height: 70px
    }
    .seeds-slideshow__back-grid {
        display: none
    }
    .seeds-slideshow .selector--mobile {
        display: block;
        margin: 30px
    }
    .seeds-slideshow__slide {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 20px;
        text-align: left
    }
    .seeds-slideshow__slide__img {
        width: 70px;
        height: 70px;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        margin: 0 25px 0 0
    }
    .seeds-slideshow__slide__mention {
        display: inline-block;
        vertical-align: middle
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .seeds-slideshow__slide {
        float: left;
        width: 50%
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .seeds-slideshow .selector--mobile {
        margin: 60px auto
    }
}

.single-slideshow {
    position: relative
}

.single-slideshow__container {
    position: relative;
    width: 670px;
    width: 670rem;
    height: 470px;
    height: 470rem;
    line-height: 470px;
    line-height: 470rem;
    margin: auto
}

.single-slideshow__container__slides {
    position: relative;
    width: 100%;
    height: 100%
}

.single-slideshow__slide {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.single-slideshow__slide__img {
    width: 100%;
    height: 100%
}

.single-slideshow__navigation {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}

.single-slideshow__navigation .arrow-button {
    position: absolute;
    top: 0
}

.single-slideshow__navigation .arrow-button--prev {
    left: 0
}

.single-slideshow__navigation .arrow-button--next {
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .single-slideshow__container {
        width: auto;
        height: 300px;
        line-height: 300px
    }
    .single-slideshow__navigation {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-top: 30px;
        padding-bottom: 10px
    }
}

.modules-slideshow {
    opacity: 0
}

.modules-slideshow__container {
    position: relative;
    height: 500px;
    height: 500rem
}

.modules-slideshow__container__list {
    position: absolute;
    width: -webkit-calc(300vw);
    width: calc(300vw);
    margin-left: -294px;
    margin-left: -294rem;
    min-height: 500px;
    min-height: 500rem;
    line-height: 500px;
    line-height: 500rem
}

@media (min-width: 1600px) {
    .modules-slideshow__container__list {
        margin-left: -webkit-calc(-100vw / 324 - 162rem);
        margin-left: calc(-100vw / 324 - 162rem)
    }
}

@media (min-width: 1600px) and (max-width: 1260px) {
    .modules-slideshow__container__list {
        margin-left: -webkit-calc(-100vw / 324 - 162px);
        margin-left: calc(-100vw / 324 - 162px)
    }
}

.modules-slideshow__slide {
    line-height: 1;
    margin: 0 30px;
    margin: 0 30rem;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.modules-slideshow__slide .card--module {
    position: relative;
    z-index: 30;
    float: left;
    line-height: 1
}

.modules-slideshow__slide .module-details {
    float: left;
    margin-top: 20px;
    z-index: 20
}

.modules-slideshow__slide .img-c {
    width: 100%;
    height: 100%
}

.modules-slideshow__slide.closed {
    cursor: pointer
}

.modules-slideshow__slide.closed .card__module {
    border-bottom: 1.2px solid rgba(43, 40, 37, 0);
    border-bottom: 1.2rem solid rgba(43, 40, 37, 0);
    cursor: pointer
}

.modules-slideshow__navigation {
    display: block;
    height: 50px;
    height: 50rem;
    max-width: 670px;
    max-width: 670rem;
    margin: auto;
    position: relative
}

.modules-slideshow__navigation .arrow-button {
    position: absolute
}

.modules-slideshow__navigation .arrow-button--prev {
    left: 0
}

.modules-slideshow__navigation .arrow-button--next {
    right: 0
}

@media (max-width: 1260px) {
    .modules-slideshow__container__list {
        margin-left: -345px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .modules-slideshow__container {
        height: auto
    }
    .modules-slideshow__container__list {
        line-height: 1;
        margin-left: -200vw;
        width: 1000vw;
        position: relative
    }
    .modules-slideshow__slide {
        margin: 0 -webkit-calc(50vw - 132px);
        margin: 0 calc(50vw - 132px)
    }
    .modules-slideshow__navigation {
        margin-left: 50px;
        margin-right: 50px
    }
}

.medias-slideshow {
    position: relative;
    padding-bottom: 90px;
    padding-bottom: 90rem;
    opacity: 0;
    z-index: 10
}

.medias-slideshow .full-slideshow {
    display: none
}

.medias-slideshow__container {
    position: relative;
    height: 300px;
    height: 300rem
}

.medias-slideshow__container__list {
    position: absolute;
    margin-left: -200px;
    margin-left: -200rem;
    min-width: 500px
}

@media (max-width: 414px) {
    .medias-slideshow__container__list {
        position: inherit
    }
}

.medias-slideshow__container__list:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.medias-slideshow__slide {
    width: 400px;
    width: 400rem;
    height: 300px;
    height: 300rem;
    margin: 0 60px;
    margin: 0 60rem;
    float: left;
    position: relative
}

.medias-slideshow__slide .simple-img,
.medias-slideshow__slide .video-player {
    width: 400px;
    width: 400rem;
    height: 300px;
    height: 300rem
}

.medias-slideshow__navigation {
    margin-top: 40px;
    margin-top: 40rem;
    position: relative
}

.medias-slideshow__navigation .arrow-button {
    position: absolute
}

.medias-slideshow__navigation .arrow-button--prev {
    left: 135px;
    left: 135rem
}

.medias-slideshow__navigation .arrow-button--next {
    right: 90px;
    right: 90rem
}

.medias-slideshow.masked .medias-slideshow__slide {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.medias-slideshow.masked.unmasked .medias-slideshow__slide {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .9s ease-in-out;
    -o-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.medias-slideshow.masked.unmasked .medias-slideshow__slide:nth-child(1) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.medias-slideshow.masked.unmasked .medias-slideshow__slide:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.medias-slideshow.masked.unmasked .medias-slideshow__slide:nth-child(3) {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s
}

.medias-slideshow.masked.unmasked .medias-slideshow__slide:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.medias-slideshow.masked.unmasked .medias-slideshow__slide:nth-child(5) {
    -webkit-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s
}

@media (max-width: 1260px) {
    .medias-slideshow__container__list {
        margin-left: -260px;
        margin-left: -260rem
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .medias-slideshow {
        padding-bottom: 0px
    }
    .medias-slideshow__container__list {
        margin-left: 0
    }
    .medias-slideshow__slide {
        width: 320px
    }
    .medias-slideshow__slide .simple-img,
    .medias-slideshow__slide .video-player {
        width: 100%;
        height: 100%
    }
    .medias-slideshow__navigation {
        margin-top: 0;
        padding: 20px 20px 0
    }
    .medias-slideshow__navigation:after {
        content: "";
        clear: both;
        display: block;
        position: relative
    }
    .medias-slideshow__navigation .arrow-button {
        position: relative
    }
    .medias-slideshow__navigation .arrow-button--prev {
        left: auto;
        float: left
    }
    .medias-slideshow__navigation .arrow-button--next {
        float: right;
        right: 0
    }
}

.full-slideshow {
    display: block;
    width: 100%;
    height: 80vh;
    margin-top: 10vh;
    position: relative
}

.full-slideshow__slides {
    position: relative;
    z-index: 10;
    position: absolute;
    top: 15%;
    left: 10%;
    right: 10%;
    bottom: 15%
}

.full-slideshow__slide {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    text-align: center;
    opacity: 0
}

.full-slideshow__slide:first-child {
    opacity: 1
}

.full-slideshow__slide img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.full-slideshow__navigation {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

.full-slideshow__navigation .arrow-button {
    position: absolute;
    bottom: 0
}

.full-slideshow__navigation .arrow-button--prev {
    left: 100px;
    left: 100rem
}

.full-slideshow__navigation .arrow-button--next {
    right: 100px;
    right: 100rem
}

.full-slideshow__close {
    position: absolute;
    right: 100px;
    right: 100rem;
    top: 0px;
    top: 0rem
}

.full-slideshow__index {
    position: absolute;
    top: 0px;
    top: 0rem;
    left: 100px;
    left: 100rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #e8e8e8;
    font-size: 10px;
    font-size: 10rem;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em
}

.full-slideshow__index:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

@media (max-width: 414px) {
    .no-display-mobile {
        display: none
    }
}

@media (max-width: 414px) {
    .large-slideshow__container__instagramm_mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        padding-bottom: 30px;
        margin-bottom: 50px;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 415px) {
    .display-mobile {
        display: none
    }
}

@media (max-width: 414px) {
    .medias-slideshow__container__mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        padding-bottom: 30px;
        margin-bottom: 50px
    }
    .medias-slideshow__container__mobile .medias-slideshow__slide {
        margin-left: 0;
        min-width: 320px
    }
}

.products-tabs__head {
    padding-left: 135px;
    padding-left: 135rem
}

.products-tabs .selector--mobile {
    display: none
}

.products-tabs__body__tab {
    margin-top: 90px;
    margin-top: 90rem;
    margin-left: 45px;
    margin-left: 45rem;
    display: none
}

.products-tabs.masked .products-tabs__body {
    position: relative
}

.products-tabs.masked .products-tabs__body:after,
.products-tabs.masked .products-tabs__body:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: #e7e0d5;
    z-index: 30;
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out
}

.products-tabs.masked .products-tabs__body:after {
    left: -90px;
    left: -90rem;
    width: -webkit-calc(64% + 45rem);
    width: calc(64% + 45rem)
}

@media (max-width: 1260px) {
    .products-tabs.masked .products-tabs__body:after {
        width: -webkit-calc(64% + 45px);
        width: calc(64% + 45px)
    }
}

.products-tabs.masked .products-tabs__body:before {
    right: 0;
    width: -webkit-calc(36% + 45rem);
    width: calc(36% + 45rem);
    background: #f5f2ed;
    z-index: 12;
    -webkit-transition: .6s .2s ease-in-out;
    -o-transition: .6s .2s ease-in-out;
    transition: .6s .2s ease-in-out
}

@media (max-width: 1260px) {
    .products-tabs.masked .products-tabs__body:before {
        width: -webkit-calc(36% + 45px);
        width: calc(36% + 45px)
    }
}

.products-tabs.masked.unmasked .products-tabs__body {
    position: relative
}

.products-tabs.masked.unmasked .products-tabs__body:after {
    width: 0
}

.products-tabs.masked.unmasked .products-tabs__body:before {
    width: 0
}

@media (max-width: 1260px) {
    .products-tabs .products-tabs__body__tab {
        margin-left: 0
    }
}

@media (max-width: 1200px) {
    .products-tabs .products-tabs__head {
        padding-left: 55px
    }
    .products-tabs .tabs-selector__tab {
        margin-right: 10px;
        margin-bottom: 30px
    }
    .products-tabs .tabs-selector .title--tab__picto {
        margin-right: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .products-tabs__head {
        display: none
    }
    .products-tabs__body__tab {
        margin-top: 50px
    }
    .products-tabs .selector--mobile {
        display: block
    }
}

.tabs-selector__tab {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 65px;
    margin-right: 65rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    font-size: 14px
}

.tabs-selector__tab:after {
    content: "";
    height: 2px;
    background: #235ad2;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: -14px;
    bottom: -14rem;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.tabs-selector__tab .title--tab__picto {
    width: 40px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-right: 12rem;
    font-size: 35px;
    text-align: center;
    margin-top: -8px
}

.tabs-selector__tab .title__content {
    display: inline-block;
    vertical-align: middle
}

.tabs-selector__tab:last-child {
    margin-right: 0
}

.tabs-selector__tab--active,
.tabs-selector__tab.head-selector--active {
    color: #235ad2
}

.tabs-selector__tab--active:after,
.tabs-selector__tab.head-selector--active:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.tabs-selector.masked {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.tabs-selector.masked .tabs-selector__tab {
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(1) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.05s;
    -o-transition: 0.4s 0.05s;
    transition: 0.4s 0.05s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(1) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.15s;
    -o-transition: 0.4s 0.15s;
    transition: 0.4s 0.15s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(2) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.1s;
    -o-transition: 0.4s 0.1s;
    transition: 0.4s 0.1s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(2) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.2s;
    -o-transition: 0.4s 0.2s;
    transition: 0.4s 0.2s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(3) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.15s;
    -o-transition: 0.4s 0.15s;
    transition: 0.4s 0.15s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(3) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.25s;
    -o-transition: 0.4s 0.25s;
    transition: 0.4s 0.25s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(4) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.2s;
    -o-transition: 0.4s 0.2s;
    transition: 0.4s 0.2s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(4) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.3s;
    -o-transition: 0.4s 0.3s;
    transition: 0.4s 0.3s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(5) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.25s;
    -o-transition: 0.4s 0.25s;
    transition: 0.4s 0.25s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(5) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.35s;
    -o-transition: 0.4s 0.35s;
    transition: 0.4s 0.35s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(6) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.3s;
    -o-transition: 0.4s 0.3s;
    transition: 0.4s 0.3s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(6) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.4s;
    -o-transition: 0.4s 0.4s;
    transition: 0.4s 0.4s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(7) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.35s;
    -o-transition: 0.4s 0.35s;
    transition: 0.4s 0.35s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(7) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.45s;
    -o-transition: 0.4s 0.45s;
    transition: 0.4s 0.45s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(8) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.4s;
    -o-transition: 0.4s 0.4s;
    transition: 0.4s 0.4s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(8) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.5s;
    -o-transition: 0.4s 0.5s;
    transition: 0.4s 0.5s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(9) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.45s;
    -o-transition: 0.4s 0.45s;
    transition: 0.4s 0.45s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(9) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.55s;
    -o-transition: 0.4s 0.55s;
    transition: 0.4s 0.55s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(10) .title--tab__picto {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.5s;
    -o-transition: 0.4s 0.5s;
    transition: 0.4s 0.5s;
    opacity: 0
}

.tabs-selector.masked .tabs-selector__tab:nth-child(10) .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s 0.6s;
    -o-transition: 0.4s 0.6s;
    transition: 0.4s 0.6s;
    opacity: 0
}

.tabs-selector.masked.unmasked .tabs-selector__tab {
    opacity: 1
}

.tabs-selector.masked.unmasked .tabs-selector__tab .title--tab__picto {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.tabs-selector.masked.unmasked .tabs-selector__tab .title__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media (max-width: 1260px) {
    .tabs-selector .tabs-selector__tab {
        font-size: 12px;
        margin-right: 30px
    }
}

.dual-tab {
    position: relative
}

.dual-tab:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.dual-tab .mask {
    z-index: 30
}

.dual-tab--active {
    display: block
}

.dual-tab__left {
    position: relative;
    width: 58%;
    height: 100%
}

.dual-tab__left .dual-tab__mask-container {
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-calc((100vw - 960rem * 0.35 - 180rem));
    width: calc((100vw - 960rem * 0.35 - 180rem));
    bottom: 90px;
    bottom: 90rem
}

@media (max-width: 1260px) {
    .dual-tab__left .dual-tab__mask-container {
        width: -webkit-calc((100vw - 960px * 0.35 - 180px));
        width: calc((100vw - 960px * 0.35 - 180px))
    }
}

.dual-tab__right {
    position: absolute;
    height: 100%;
    left: 58%;
    right: 90px;
    right: 90rem;
    top: 0;
    bottom: 0
}

.dual-tab__medias {
    position: relative
}

.dual-tab__medias:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background: url("../images/texture.png");
    top: 0;
    right: 0;
    height: 100%;
    width: -webkit-calc((100vw - 960rem * 0.35 - 180rem));
    width: calc((100vw - 960rem * 0.35 - 180rem))
}

@media (max-width: 1260px) {
    .dual-tab__medias:after {
        width: -webkit-calc((100vw - 960px * 0.35 - 180px));
        width: calc((100vw - 960px * 0.35 - 180px))
    }
}

.dual-tab__medias__slideshow {
    display: none;
    height: 620px;
    height: 620rem;
    position: relative;
    z-index: 10;
    opacity: 0
}

.dual-tab__medias__slideshow .images-slideshow {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: -webkit-calc((100vw - 960rem * 0.35 - 180rem));
    width: calc((100vw - 960rem * 0.35 - 180rem));
    margin: auto
}

@media (max-width: 1260px) {
    .dual-tab__medias__slideshow .images-slideshow {
        width: -webkit-calc((100vw - 960px * 0.35 - 180px));
        width: calc((100vw - 960px * 0.35 - 180px))
    }
}

.dual-tab__medias__layout {
    display: block;
    height: 620px;
    height: 620rem;
    padding: 90px 60px 35px;
    padding: 90rem 60rem 35rem;
    position: relative;
    z-index: 10
}

.dual-tab__medias__layout__price {
    padding: 0 35px;
    padding: 0 35rem;
    position: relative;
    z-index: 10;
    font-size: 22px;
    font-size: 22rem;
    font-family: 'Josefin Sans', sans-serif
}

.dual-tab__medias__layout__price:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.dual-tab__medias__layout__price p {
    float: left
}

.dual-tab__medias__layout__price p:after {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0;
    margin: -3rem 32rem 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .dual-tab__medias__layout__price p:after {
        margin: -3px 15px 0
    }
}

.dual-tab__medias__layout__price span {
    float: right
}

.dual-tab__medias__layout__image {
    height: 470px;
    height: 470rem;
    line-height: 470px;
    line-height: 470rem;
    text-align: center
}

.dual-tab__medias__layout__image img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.dual-tab__content {
    padding: 80px 35px 80px 80px;
    padding: 80rem 35rem 80rem 80rem;
    height: 100%
}

.dual-tab__content__title {
    margin-bottom: 80px;
    margin-bottom: 80rem
}

.dual-tab__content__technicals {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

.dual-tab__content__cta {
    background: #2b2825;
    color: #e8e8e8;
    font-size: 21px;
    font-size: 21rem;
    font-family: 'Josefin Sans', sans-serif;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    line-height: 90px;
    line-height: 90rem;
    height: 90px;
    height: 90rem;
    padding-left: 80px;
    padding-left: 80rem
}

.dual-tab__content__cta span {
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.dual-tab__content__cta:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #e8e8e8;
    opacity: .05;
    width: 0;
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.dual-tab__content__cta:hover span {
    color: #235ad2
}

.dual-tab__content__cta:hover:before {
    left: auto;
    width: 100%
}

.dual-tab__content__cta .points-button {
    vertical-align: middle;
    margin-left: 60px;
    margin-left: 60rem
}

.dual-tab__content__term {
    margin-bottom: 30px;
    margin-bottom: 30rem
}

.dual-tab__navigation {
    position: relative
}

.dual-tab__navigation .arrow-button {
    display: none;
    position: absolute;
    top: 33px;
    top: 33rem;
    z-index: 10;
    opacity: 0
}

.dual-tab__navigation .arrow-button--prev {
    left: 40px;
    left: 40rem
}

.dual-tab__navigation .arrow-button--next {
    right: 40px;
    right: 40rem
}

.dual-tab--single .dual-tab__left {
    width: 55%
}

.dual-tab--single .dual-tab__right {
    left: 55%
}

.dual-tab--single .dual-tab__medias__slideshow {
    height: 500px;
    height: 500rem
}

.dual-tab--single .dual-tab__medias__layout {
    padding-top: 20px;
    padding-top: 20rem;
    padding-left: 100px;
    padding-left: 100rem;
    height: 500px;
    height: 500rem
}

.dual-tab--single .dual-tab__medias__layout__image {
    height: 400px;
    height: 400rem;
    line-height: 400px;
    line-height: 400rem
}

.dual-tab--single .dual-tab__content {
    padding-right: 0
}

.dual-tab--single .dual-tab__content__title {
    margin-bottom: 45px;
    margin-bottom: 45rem
}

.dual-tab--single .dual-tab__content__variations .selector {
    display: inline-block;
    vertical-align: middle
}

.dual-tab--single .dual-tab__content__variations .selector:first-child {
    margin-right: 13px;
    margin-right: 13rem
}

.dual-tab--single .dual-tab__content__price {
    padding-top: 50px;
    padding-top: 50rem
}

@media (max-width: 1260px) {
    .dual-tab .dual-tab__left .dual-tab__mask-container {
        width: 100%
    }
    .dual-tab .dual-tab__medias:after {
        width: 100%
    }
    .dual-tab .dual-tab__medias__layout {
        height: 500px;
        padding: 60px 30px 30px
    }
    .dual-tab .dual-tab__medias__layout__image {
        height: 420px;
        line-height: 420px
    }
    .dual-tab .dual-tab__medias__slideshow {
        height: 500px
    }
    .dual-tab .dual-tab__medias__slideshow .images-slideshow {
        width: 100%
    }
    .dual-tab .dual-tab__right {
        right: 0
    }
    .dual-tab .dual-tab__content {
        padding: 60px
    }
    .dual-tab .dual-tab__content__cta {
        padding-left: 0px;
        text-align: center
    }
    .dual-tab .dual-tab__content__title {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .dual-tab .dual-tab__left {
        width: 100%
    }
    .dual-tab .dual-tab__right {
        width: 100%;
        left: 0;
        position: relative
    }
    .dual-tab .dual-tab__medias {
        height: 350px
    }
    .dual-tab .dual-tab__medias:after {
        bottom: 0 !important
    }
    .dual-tab .dual-tab__medias__slideshow {
        height: 350px
    }
    .dual-tab .dual-tab__medias__layout {
        height: 350px;
        padding-top: 35px
    }
    .dual-tab .dual-tab__medias__layout__price {
        padding: 0;
        font-size: 17px
    }
    .dual-tab .dual-tab__medias__layout__image {
        height: 300px;
        line-height: 300px
    }
    .dual-tab .dual-tab__navigation .arrow-button {
        top: -180px;
        min-width: 30px;
        width: 40px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #e8e8e8;
        color: #235ad2
    }
    .dual-tab .dual-tab__navigation .arrow-button--prev {
        left: 0;
        -webkit-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0
    }
    .dual-tab .dual-tab__navigation .arrow-button--prev .arrow-button__icon {
        margin-right: 3px;
        margin-top: 0
    }
    .dual-tab .dual-tab__navigation .arrow-button--next {
        -webkit-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
        right: 0
    }
    .dual-tab .dual-tab__navigation .arrow-button--next .arrow-button__icon {
        margin-left: 3px;
        margin-top: 0
    }
    .dual-tab .dual-tab__navigation .arrow-button small,
    .dual-tab .dual-tab__navigation .arrow-button .points-button {
        display: none
    }
    .dual-tab .dual-tab__content {
        padding: 50px 0 0
    }
    .dual-tab .dual-tab__content__title {
        margin-bottom: 30px;
        padding: 0 50px 0
    }
    .dual-tab .dual-tab__content__technicals {
        margin-bottom: 30px;
        padding: 0 50px 0
    }
    .dual-tab .dual-tab__content .border-box {
        margin: 0 50px 50px
    }
    .dual-tab .dual-tab__content__cta {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        display: block
    }
}

.sizes-tabs {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 130px;
    margin-right: 130rem
}

.sizes-tabs__head {
    position: relative
}

.sizes-tabs__head:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.sizes-tabs__head:before {
    content: "";
    position: absolute;
    display: block;
    left: -220px;
    left: -220rem;
    background: url("../images/texture.png");
    height: 100%;
    right: -130px;
    right: -130rem;
    z-index: 1
}

.sizes-tabs__head__tab {
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 10;
    -webkit-transition: .5s .2s;
    -o-transition: .5s .2s;
    transition: .5s .2s
}

.sizes-tabs__head__tab .layout-card__top {
    opacity: .15;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sizes-tabs__head__tab .layout-card__title {
    color: #2a2724;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.sizes-tabs__head__tab:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #235ad2;
    z-index: 3;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.sizes-tabs__head__tab--active {
    background: rgba(43, 40, 37, 0.03)
}

.sizes-tabs__head__tab--active .layout-card__top {
    opacity: 1
}

.sizes-tabs__head__tab--active .layout-card__title {
    color: #235ad2
}

.sizes-tabs__head__tab--active:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.sizes-tabs__content--rounded .detail-card:first-child {
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px
}

.sizes-tabs__content--rounded .detail-card:last-child {
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

.sizes-tabs__tab {
    display: none;
    opacity: 0
}

.sizes-tabs__tab .detail-card__title .icon-arrow,
.sizes-tabs__tab .detail-card__title .header__nav__link--parent {
    display: none
}

.sizes-tabs__tab:first-child {
    display: block;
    opacity: 1
}

.sizes-tabs__mobile-head {
    display: none
}

@media (max-width: 1260px) {
    .sizes-tabs {
        margin-left: 90px;
        margin-right: 45px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .sizes-tabs {
        margin-left: 30px;
        margin-right: 30px;
        position: relative
    }
    .sizes-tabs__content--rounded .detail-card:first-child {
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }
    .sizes-tabs__content--rounded .detail-card:last-child {
        -webkit-border-radius: 0 0 20px 20px;
        border-radius: 0 0 20px 20px
    }
    .sizes-tabs__mobile-head {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 20;
        padding: 30px
    }
    .sizes-tabs__mobile-head__tab {
        float: left;
        width: 50%;
        text-align: left;
        opacity: .15;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s
    }
    .sizes-tabs__mobile-head__tab.active {
        opacity: 1
    }
    .sizes-tabs__mobile-head__tab.active .layout-card__title {
        color: #235ad2
    }
    .sizes-tabs__mobile-head__tab .layout-card__title {
        margin-bottom: 0;
        color: #2a2724
    }
    .sizes-tabs__mobile-head__tab:last-child {
        text-align: right
    }
    .sizes-tabs__head {
        position: relative;
        height: 430px
    }
    .sizes-tabs__head__tab {
        padding-top: 100px !important;
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    .sizes-tabs__head__tab--active {
        opacity: 1;
        -webkit-transition: .5s .2s;
        -o-transition: .5s .2s;
        transition: .5s .2s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .sizes-tabs__head__tab .layout-card {
        pointer-events: none
    }
    .sizes-tabs__head__tab .layout-card__top {
        display: none
    }
    .sizes-tabs__content {
        position: relative;
        z-index: 30
    }
    .sizes-tabs__tab .detail-card {
        padding: 0;
        border-left: 0 !important;
        border-right: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important
    }
    .sizes-tabs__tab .detail-card.collapsed .detail-card__title .icon-arrow,
    .sizes-tabs__tab .detail-card.collapsed .detail-card__title .header__nav__link--parent {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .sizes-tabs__tab .detail-card__title {
        padding: 25px;
        position: relative;
        text-align: left;
        margin-bottom: 0
    }
    .sizes-tabs__tab .detail-card__title .icon-arrow,
    .sizes-tabs__tab .detail-card__title .header__nav__link--parent {
        display: block;
        float: right;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transform-origin: 14px 50%;
        -ms-transform-origin: 14px 50%;
        transform-origin: 14px 50%;
        font-size: 30px;
        margin-top: -5px;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }
    .sizes-tabs__tab .detail-card__picto {
        margin-top: 25px;
        margin-bottom: 20px
    }
    .sizes-tabs__tab .detail-card__desc {
        padding: 0 50px 50px
    }
    .sizes-tabs__tab .detail-card .collaps-ct {
        position: relative;
        overflow: hidden;
        height: 0
    }
}

.technics-tabs {
    padding: 0 130px
}

.technics-tabs__tab {
    border: 1px solid rgba(42, 39, 36, 0.12)
}

.technics-tabs__tab:first-child {
    border-right: 0;
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px
}

.technics-tabs__tab:first-child .technics-tabs__title {
    -webkit-border-radius: 20px 0 0 0;
    border-radius: 20px 0 0 0
}

.technics-tabs__tab:first-child .technics-tabs__details__container {
    border-left: 2px solid #235ad2
}

.technics-tabs__tab:last-child {
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

.technics-tabs__tab:last-child .technics-tabs__title {
    -webkit-border-radius: 0 20px 0 0;
    border-radius: 0 20px 0 0
}

.technics-tabs__tab:last-child .technics-tabs__details__container {
    border-right: 2px solid #e54848
}

.technics-tabs__title {
    padding: 75px 100px;
    background: url("../images/texture.png");
    overflow: hidden
}

.technics-tabs__title__icon {
    float: right;
    line-height: 30px;
    line-height: 30rem;
    font-size: 45px
}

.technics-tabs__layout {
    text-align: center;
    padding: 65px 0;
    position: relative
}

.technics-tabs__layout__main,
.technics-tabs__layout__motion {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 10;
    margin: auto;
    display: block
}

.technics-tabs__layout__main {
    display: none
}

.technics-tabs__layout__motion {
    max-width: 270px;
    height: auto
}

.technics-tabs__layout__zoom {
    position: absolute;
    z-index: 15;
    bottom: 30px;
    right: 130px;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-width: 50%
}

.technics-tabs__layout__zoom--root {
    position: absolute;
    z-index: 15;
    top: 30%;
    right: 100px;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    max-width: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.technics-tabs__details {
    padding: 60px 0px 65px;
    position: relative
}

.technics-tabs__details__container {
    padding: 0 100px
}

.technics-tabs__details:before {
    content: "";
    position: absolute;
    display: block;
    background: url("../images/texture.png");
    z-index: -1;
    top: 0;
    bottom: -91px;
    bottom: -91rem;
    width: 50vw;
    left: -webkit-calc(-50vw - 1px);
    left: calc(-50vw - 1px)
}

.technics-tabs__details__title {
    position: relative;
    margin-bottom: 20px;
    height: 40px
}

.technics-tabs__details__title:after {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0;
    margin: -3rem 32rem 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .technics-tabs__details__title:after {
        margin: -3px 15px 0
    }
}

.technics-tabs__details__title:after {
    position: absolute;
    left: -40px;
    left: -40rem;
    top: 8px;
    top: 8rem;
    margin: 0
}

.technics-tabs__details__title.red-text:after {
    background: #e54848
}

.technics-tabs__or {
    position: absolute;
    text-transform: uppercase;
    font-family: "Open Sans Bold";
    font-size: 14px;
    font-size: 14rem;
    top: 50%;
    right: -10px;
    right: -10rem;
    z-index: 1
}

.technics-tabs__or:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.technics-tabs__or:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.technics-tabs__or:after {
    width: 280px;
    height: 280px;
    margin: -140px;
    background-image: url("../images/circle-dark-288.svg")
}

@media (max-width: 1260px) {
    .technics-tabs {
        padding-left: 90px;
        padding-right: 45px
    }
    .technics-tabs__tab:first-child .technics-tabs__details {
        -webkit-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden
    }
    .technics-tabs__tab:last-child .technics-tabs__details {
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
        overflow: hidden
    }
    .technics-tabs__details {
        background: url("../images/texture.png")
    }
    .technics-tabs__details:before {
        display: none
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .technics-tabs {
        padding: 0px 20px
    }
    .technics-tabs__tab:first-child,
    .technics-tabs__tab:last-child {
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid rgba(42, 39, 36, 0.12)
    }
    .technics-tabs__tab:first-child .technics-tabs__title,
    .technics-tabs__tab:last-child .technics-tabs__title {
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }
    .technics-tabs__tab:first-child .technics-tabs__details__container,
    .technics-tabs__tab:last-child .technics-tabs__details__container {
        border: 0
    }
    .technics-tabs__title {
        padding: 30px 20px
    }
    .technics-tabs__layout {
        padding: 30px 10px
    }
    .technics-tabs__layout__main {
        max-width: 100%;
        height: auto
    }
    .technics-tabs__layout__zoom--root {
        right: auto;
        left: 50%
    }
    .technics-tabs__layout__zoom {
        right: auto;
        left: 50%
    }
    .technics-tabs__details {
        padding: 30px;
        -webkit-border-radius: 0 0 20px 20px;
        border-radius: 0 0 20px 20px
    }
    .technics-tabs__details:before {
        display: none
    }
    .technics-tabs__details__container {
        padding: 0
    }
    .technics-tabs__details__title {
        height: auto
    }
    .technics-tabs__details__title:after {
        display: none
    }
    .technics-tabs__or {
        display: none
    }
}

.customize-tabs {
    padding-left: 30px;
    padding-left: 30rem
}

.customize-tabs__tabs {
    min-height: 470px;
    min-height: 470rem
}

.customize-tabs__layout {
    position: relative
}

.customize-tabs__layout .layout__content {
    position: relative;
    width: 610px;
    height: 515px;
    margin: auto
}

.customize-tabs__layout .layout__point {
    position: absolute;
    z-index: 10;
    opacity: .8;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.customize-tabs__layout .layout__point:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.customize-tabs__layout .layout__point:after {
    border-color: #2a2724;
    opacity: 0
}

.customize-tabs__layout .layout__point:hover {
    opacity: 1
}

.customize-tabs__layout .layout__point.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.customize-tabs__layout .layout__point.active:after {
    opacity: .12
}

.customize-tabs__layout .layout__point:nth-child(1) {
    top: 170px;
    left: 120px
}

.customize-tabs__layout .layout__point:nth-child(2) {
    bottom: 80px;
    right: 70px
}

.customize-tabs__layout .layout__point:nth-child(3) {
    bottom: 70px;
    left: 70px
}

.customize-tabs__layout .layout__point:nth-child(4) {
    bottom: 60px;
    right: 140px
}

.customize-tabs__layout .layout__point:nth-child(5) {
    bottom: 90px;
    left: 140px
}

.customize-tabs__layout .layout__point:nth-child(6) {
    top: 125px;
    left: 230px
}

.customize-tabs__layout .layout__point:nth-child(7) {
    top: 165px;
    right: 100px
}

.customize-tabs__layout__img {
    max-width: 610px;
    margin: auto
}

.customize-tabs__layout__img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.customize-tabs__detail-card {
    padding-top: 70px;
    padding-top: 70rem
}

.customize-tabs__detail-card .card--module {
    display: none
}

.customize-tabs__detail-card .card--module.active {
    display: block
}

.customize-tabs__navigation {
    position: relative;
    margin: 50px 130px 0 105px;
    margin: 50rem 130rem 0 105rem
}

.customize-tabs .arrow-button {
    position: absolute;
    top: 33px;
    top: 33rem;
    z-index: 10;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.customize-tabs .arrow-button--prev {
    left: 40px;
    left: 40rem;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.customize-tabs .arrow-button--next {
    right: 40px;
    right: 40rem;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.customize-tabs .arrow-button.active {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.customize-tabs__cards-view {
    opacity: 0;
    position: absolute
}

.customize-tabs__cards-view .module-details {
    display: none
}

.customize-tabs__cards-view .modules-slideshow__navigation {
    display: none
}

.customize-tabs.masked .customize-tabs__layout {
    opacity: 0;
    -webkit-transform: translate3D(-50px, 0, 0);
    -ms-transform: translate3D(-50px, 0, 0);
    transform: translate3D(-50px, 0, 0)
}

.customize-tabs.masked .customize-tabs__detail-card {
    opacity: 0;
    -webkit-transform: translate3D(50px, 0, 0);
    -ms-transform: translate3D(50px, 0, 0);
    transform: translate3D(50px, 0, 0)
}

.customize-tabs.masked .navigation-switch {
    opacity: 0;
    -webkit-transform: translate3D(0, 50px, 0);
    -ms-transform: translate3D(0, 50px, 0);
    transform: translate3D(0, 50px, 0);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.customize-tabs.masked.unmasked .customize-tabs__layout,
.customize-tabs.masked.unmasked .customize-tabs__detail-card,
.customize-tabs.masked.unmasked .navigation-switch {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

@media (max-width: 1260px) {
    .customize-tabs {
        padding-left: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .customize-tabs__tabs {
        min-height: 0
    }
    .customize-tabs__layout .layout__content {
        max-width: 100%;
        height: auto
    }
    .customize-tabs__layout .layout__point {
        display: none
    }
    .customize-tabs__detail-card {
        display: none
    }
    .customize-tabs__cards-view {
        opacity: 1;
        position: relative
    }
    .customize-tabs__cards-view .modules-slideshow__navigation {
        display: block
    }
    .customize-tabs__cards-view .modules-slideshow__navigation .arrow-button {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .customize-tabs__navigation {
        display: none
    }
}

.contents-tabs__head {
    margin-bottom: 0
}

.contents-tabs__head .tabs-selector__tab {
    padding-top: 10px;
    padding-top: 10rem;
    padding-bottom: 30px;
    padding-bottom: 30rem
}

.contents-tabs__head .tabs-selector__tab:after {
    bottom: 0
}

.contents-tabs__body {
    position: relative
}

.contents-tabs__body .back-rect__rect {
    left: -90px;
    left: -90rem;
    right: 0;
    top: 0;
    bottom: 0
}

.contents-tabs__tab {
    padding: 100px 80px;
    padding: 100rem 80rem;
    display: none
}

.contents-tabs__tab--active {
    display: block
}

.contents-tabs__tab .grid-l__demi {
    padding: 0 50px;
    padding: 0 50rem
}

.contents-tabs__tab__title {
    margin-bottom: 30px;
    margin-bottom: 30rem
}

.contents-tabs__tab__cards {
    text-align: right
}

.contents-tabs__tab__cards .card {
    display: inline-block;
    width: 230px;
    width: 230rem;
    text-align: left;
    padding-right: 20px;
    padding-right: 20rem;
    margin-bottom: 35px;
    margin-bottom: 35rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .contents-tabs .contents-tabs__tab {
        padding: 30px
    }
    .contents-tabs .contents-tabs__tab .grid-l__demi {
        padding: 0;
        margin-bottom: 0;
        margin-top: 30px
    }
    .contents-tabs .contents-tabs__tab__cards {
        text-align: center
    }
}

.tabs-selector__tab .title--tab__picto {
    height: 36px
}

.tabs-selector__tab .icon-aerospring {
    margin-top: -3px;
    background: url("../img/icons/icon-aerospring.svg") no-repeat center center
}

.tabs-selector__tab.head-selector--active .icon-aerospring {
    background: url("../img/icons/icon-aerospring-hover.svg") no-repeat center center
}

.tabs-selector__tab.head-selector--active .icon-city {
    background: url("../img/icons/icon-city-hover.svg") no-repeat center center
}

.tabs-selector__tab.head-selector--active .icon-greenhouse {
    background: url("../img/icons/icon-greenhouse-hover.svg") no-repeat center center
}

.tabs-selector__tab .icon-city {
    margin-top: -3px;
    background: url("../img/icons/icon-city.svg") no-repeat center center
}

.tabs-selector__tab .icon-greenhouse {
    background: url("../img/icons/icon-greenhouse.svg") no-repeat center center
}

.tabs-selector__tab .icon-aerospring:before,
.tabs-selector__tab .icon-city:before,
.tabs-selector__tab .icon-greenhouse:before {
    display: none
}

.border-box {
    border: 1.2px solid rgba(43, 40, 37, 0.12);
    border: 1.2rem solid rgba(43, 40, 37, 0.12);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 35px
}

.border-box--quote__icon,
.study__quote__icon {
    font-size: 35px;
    margin-bottom: 14px;
    margin-bottom: 14rem;
    display: block
}

.border-box--quote__content,
.study__card__button__label,
.study__quote__content {
    font-size: 17px;
    font-size: 17rem;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 26px;
    line-height: 26rem
}

.border-box--quote__author {
    margin-top: 30px;
    margin-top: 30rem;
    margin-bottom: 0
}

.border-box--quote__author .author__avatar {
    width: 38px;
    height: 38px;
    margin-right: 10px
}

.border-box--quote__author .author__title {
    font-size: 14px;
    font-size: 14rem;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .border-box--quote {
        padding: 20px
    }
    .border-box--quote__icon,
    .study__quote__icon {
        font-size: 28px;
        margin-bottom: 15px
    }
    .border-box--quote__content,
    .study__card__button__label,
    .study__quote__content {
        font-size: 16px;
        line-height: 28px
    }
}

.card {
    width: 370px;
    width: 370rem;
    position: relative
}

.card__container {
    overflow: hidden;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    background: #fff;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.card__top {
    height: 210px;
    height: 210rem;
    overflow: hidden
}

.card__top .img-c {
    height: 210px;
    height: 210rem;
    width: 100%
}

.card__main {
    border-bottom: 1.2px solid rgba(43, 40, 37, 0.12);
    border-bottom: 1.2rem solid rgba(43, 40, 37, 0.12);
    position: relative
}

.card__infos {
    text-align: center;
    top: 210px;
    top: 210rem;
    margin-top: -65px;
    z-index: 10;
    position: absolute;
    width: 100%;
    left: 0
}

.card__infos__number,
.card__infos__date {
    width: 60px;
    height: 60px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.card__infos__number {
    font-size: 16px;
    font-size: 16rem;
    background: #e54848;
    line-height: 60px
}

.card__infos__date {
    background: #235ad2;
    padding-top: 18px
}

.card__infos__date small {
    font-size: 8px;
    font-size: 8rem;
    display: block;
    padding-bottom: 4px
}

.card__infos__date span {
    font-size: 13px;
    font-size: 13rem
}

.card__infos__avatar {
    width: 80px;
    height: 80px;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 58px;
    margin: 0 58rem;
    background: #939393;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .card__infos__avatar {
        margin: 0 28px;
        margin: 0 28rem
    }
}

.card__module {
    position: relative;
    padding: 30px;
    text-align: center;
    border-bottom: 1.2px solid rgba(43, 40, 37, 0.12);
    border-bottom: 1.2rem solid rgba(43, 40, 37, 0.12)
}

.card__module__point {
    position: absolute;
    top: 14px;
    left: 14px
}

.card__module__img {
    height: 250px;
    width: 190px;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 250px;
    margin-bottom: 30px
}

.card__module__img img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block
}

.card__module__title {
    margin-bottom: 10px
}

.card__module__mention {
    color: #939393
}

.card__content {
    padding-top: 30px;
    padding-top: 30rem;
    padding-bottom: 30px;
    padding-bottom: 30rem;
    display: block
}

.card__content__title {
    margin-bottom: 10px;
    margin-bottom: 10rem
}

.card__content__mention {
    line-height: 20px;
    line-height: 20rem
}

.card__bottom {
    overflow: hidden
}

.card__quote {
    padding: 23px 40px 30px;
    padding: 23rem 40rem 30rem;
    border-bottom: 1.2px solid rgba(43, 40, 37, 0.12);
    border-bottom: 1.2rem solid rgba(43, 40, 37, 0.12)
}

.card__button__link {
    font-size: 10px;
    font-size: 10rem;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    color: #2a2724;
    padding: 25px 50px 21px;
    padding: 25rem 50rem 21rem;
    display: block;
    position: relative;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    cursor: pointer
}

.card__button__link span {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.card__button__link .points-button {
    position: absolute;
    right: 40px;
    right: 40rem;
    top: 18px;
    top: 18rem
}

.card__button__link--add-to-bag {
    padding: 20px 25px;
    padding: 20rem 25rem;
    display: block
}

.card__button__link--add-to-bag .points-button {
    right: 10px;
    right: 10rem;
    top: 23px;
    top: 23rem
}

.card__button:hover .card__button__link,
.media-card__bottom:hover .card__button__link {
    color: #235ad2
}

.card__button:hover .card__button__link span,
.media-card__bottom:hover .card__button__link span {
    color: #235ad2
}

.card--module {
    width: 264px;
    width: 264rem
}

.card--module--light {
    width: 240px;
    width: 240rem
}

.card--module .module-popin {
    display: none
}

.card--closed {
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card--closed .card__main {
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.card--closed .card__infos {
    top: 0px;
    top: 0rem
}

.card--closed .card__infos__number,
.card--closed .card__infos__date {
    display: none
}

.card--product .card__top .img-c {
    background: #f5f2ed;
    height: 200px;
    height: 200rem
}

.card--product .card__top .img-c.center-img {
    line-height: 200px;
    line-height: 200rem
}

.card--product .card__top .img-c.center-img img {
    max-width: 88%;
    max-height: 88%
}

.card--product .card__main {
    padding: 25px;
    padding: 25rem;
    display: block;
    position: relative;
    min-height: 180px;
    min-height: 180rem
}

.card--product .card__main .mention--term,
.card--product .card__main .header__nav__link .sub-list__link,
.header__nav__link .card--product .card__main .sub-list__link {
    margin-bottom: 35px;
    margin-bottom: 35rem
}

.card--product .card__main .mention--small,
.card--product .card__main .selector__label {
    margin-top: 15px;
    margin-top: 15rem
}

.card--product .card__content {
    position: absolute;
    bottom: 25px;
    bottom: 25rem;
    left: 0;
    right: 0;
    padding: 0 25px;
    padding: 0 25rem
}

.card--team {
    width: 380px;
    width: 380rem;
    text-align: center
}

.card--team .card__infos {
    top: 0;
    margin-top: -65px;
    margin-top: -65rem
}

.card--team .card__infos__avatar {
    width: 130px;
    width: 130rem;
    height: 130px;
    height: 130rem;
    position: absolute;
    top: 0;
    margin: 0;
    left: 50px;
    left: 50rem
}

.card--team .card__infos__social {
    color: #fff;
    position: absolute;
    top: 47px;
    top: 47rem;
    right: 50px;
    right: 50rem;
    margin: 0
}

.card--team .card__content {
    background: #e7e0d5;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    padding-top: 100px;
    padding-top: 100rem
}

.card--team .card__content__title__lastname {
    color: #8b867f
}

.card--team .card__content__job {
    margin-bottom: 15px;
    margin-bottom: 15rem
}

.card--team .card__content__tags {
    color: #8b867f
}

.card--team .card__contact {
    background: #e8e8e8;
    padding: 30px 20px;
    padding: 30rem 20rem;
    border-bottom: 1.2px solid rgba(43, 40, 37, 0.12);
    border-bottom: 1.2rem solid rgba(43, 40, 37, 0.12);
    border-top: 1.2px solid rgba(43, 40, 37, 0.12);
    border-top: 1.2rem solid rgba(43, 40, 37, 0.12)
}

.card--team .card__contact .icon-contact {
    font-size: 30px;
    margin-right: 5px;
    margin-right: 5rem;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-bottom: 2rem
}

.card--team .card__quote {
    background: #e8e8e8;
    -webkit-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    border-bottom: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .card--team {
        max-width: 100%
    }
    .card--team .card__content__job {
        padding: 0 10px
    }
    .card--team .card__contact {
        padding: 20px
    }
    .card--team .card__infos__avatar {
        left: 10px
    }
    .card--team .card__infos__social {
        right: 20px
    }
}

@media (min-width: 767px) {
    .card--team {
        max-width: 400px !important;
        margin: auto
    }
    .card--team .card__infos__avatar {
        left: 50px
    }
    .card--team .card__infos__social {
        right: 50px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .card {
        max-width: 100%
    }
}

.news-card--light {
    width: 328px;
    width: 328rem;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: rgba(43, 40, 37, 0) 0 4px 43px;
    box-shadow: rgba(43, 40, 37, 0) 0 4px 43px;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.news-card--light:hover {
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.news-card__cover {
    height: 230px;
    height: 230rem
}

.news-card__content {
    padding: 35px 50px 40px;
    padding: 35rem 50rem 40rem
}

.news-card__button {
    border-top: 4px dotted rgba(43, 40, 37, 0.08)
}

.news-card__excerpt {
    margin-bottom: 30px;
    margin-bottom: 30rem
}

.news-card--sticky {
    margin-bottom: 75px;
    margin-bottom: 75rem
}

.news-card--sticky:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.news-card--sticky__cover {
    width: 500px;
    width: 500rem;
    height: 320px;
    height: 320rem;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    overflow: hidden;
    float: left;
    margin-right: 90px;
    margin-right: 90rem
}

.news-card--sticky__content {
    float: left;
    width: 328px;
    width: 328rem;
    padding: 0
}

.news-card--sticky__content .author {
    margin-bottom: 20px;
    margin-bottom: 20rem
}

.news-card--sticky__content .title {
    margin-bottom: 20px;
    margin-bottom: 20rem
}

.news-card--sticky__content .card__button__link {
    padding-left: 0;
    padding-right: 0
}

.news-card--sticky__content .card__button__link .points-button {
    right: 0
}

.news-card.masked .news-card__cover,
.news-card.masked .news-card--sticky__cover {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.news-card.masked .news-card__content {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.news-card.masked.unmasked .news-card__cover,
.news-card.masked.unmasked .news-card--sticky__cover {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.news-card.masked.unmasked .news-card__content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: .5s .1s ease-in-out;
    -o-transition: .5s .1s ease-in-out;
    transition: .5s .1s ease-in-out
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .news-card {
        width: 280px;
        display: block;
        max-width: 100%;
        float: none;
        -webkit-border-radius: 20px;
        border-radius: 20px
    }
    .news-card .card__button__link {
        padding: 20px 30px
    }
    .news-card--light {
        width: auto;
        -webkit-border-radius: 20px;
        border-radius: 20px
    }
    .news-card--sticky {
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 90%
    }
    .news-card--sticky .card__button__link {
        padding: 20px 0px
    }
    .news-card--sticky__cover {
        float: none;
        width: 100%;
        height: 180px;
        -webkit-border-radius: 20px;
        border-radius: 20px
    }
    .news-card--sticky__content {
        width: 100%;
        padding: 30px;
        float: none
    }
    .news-card__cover {
        height: 180px;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        width: 100%
    }
    .news-card__content {
        width: 100%;
        padding: 30px
    }
}

@media (max-width: 1080px) {
    .news-card .card__button__link .points-button {
        top: 13px;
        top: 13rem
    }
}

.grid-l-news {
    margin: 0 50px 0 172px;
    margin: 0 50rem 0 172rem
}

.grid-l-news:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.grid-l-news .news-card {
    float: left;
    margin-bottom: 90px;
    margin-bottom: 90rem
}

.grid-l-news .news-card:nth-child(odd) {
    margin-right: 90px;
    margin-right: 90rem;
    clear: both
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .grid-l-news {
        margin: 0 30px
    }
    .grid-l-news .news-card {
        float: none;
        margin: 30px 0
    }
    .grid-l-news .news-card:nth-child(odd) {
        margin-right: 0
    }
}

.stat-card {
    width: 265px;
    width: 265rem;
    min-height: 330px;
    min-height: 330rem;
    background: #fff
}

.stat-card__number {
    margin-top: 25px;
    margin-top: 25rem;
    font-size: 40px;
    font-size: 40rem;
    color: #235ad2;
    font-family: "Open Sans Bold";
    margin-bottom: 100px;
    margin-bottom: 100rem
}

.stat-card__number sup {
    font-size: 22px;
    font-size: 22rem;
    vertical-align: top
}

.stat-card__desc__icon {
    font-size: 40px;
    color: #235ad2;
    position: relative;
    margin-left: 12px
}

.stat-card__desc__icon:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear;
        background-size: 88%;
    background-position: center;
    background-repeat: no-repeat;
}

.stat-card__desc__icon:after {
    width: 66px;
    height: 66px;
    margin: -33px -33px;
    background-image: url("../img/misc/circle/circle-cream-74.svg");
        background-size: 88%;
    background-position: center;
    background-repeat: no-repeat;
}

.stat-card__desc__icon:after {
    background-image: url("../images/circle-dark-74.svg");
        background-size: 88%;
    background-position: center;
    background-repeat: no-repeat;
}

.stat-card__desc__title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    color: #2a2724;
    line-height: 30px;
    line-height: 30rem;
    padding-left: 30px;
    padding-left: 30rem;
    padding-top: 15px;
    padding-top: 15rem
}

.stat-card__desc__title span {
    color: #235ad2;
    display: block
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .stat-card {
        min-height: 0
    }
    .stat-card__number {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .stat-card {
        width: 425px;
        width: 425rem
    }
}

.grid-l-stats {
    display: table;
    margin: auto
}

.grid-l-stats:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.grid-l-stats .stat-card {
    float: left;
    margin: 0 12px;
    margin: 0 12rem;
    background: white
}

.grid-l-stats .stat-card:nth-child(2n) .stat-card__number,
.grid-l-stats .stat-card:nth-child(2n) .stat-card__desc__icon,
.grid-l-stats .stat-card:nth-child(2n) .stat-card__desc__title span {
    color: #e54848
}

.grid-l-stats.masked .stat-card {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.grid-l-stats.masked.unmasked .stat-card {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.grid-l-stats.masked.unmasked .stat-card:nth-child(1) {
    -webkit-transition: 0.5s 0.1s ease-in-out;
    -o-transition: 0.5s 0.1s ease-in-out;
    transition: 0.5s 0.1s ease-in-out
}

.grid-l-stats.masked.unmasked .stat-card:nth-child(2) {
    -webkit-transition: 0.5s 0.2s ease-in-out;
    -o-transition: 0.5s 0.2s ease-in-out;
    transition: 0.5s 0.2s ease-in-out
}

.grid-l-stats.masked.unmasked .stat-card:nth-child(3) {
    -webkit-transition: 0.5s 0.3s ease-in-out;
    -o-transition: 0.5s 0.3s ease-in-out;
    transition: 0.5s 0.3s ease-in-out
}

.grid-l-stats.masked.unmasked .stat-card:nth-child(4) {
    -webkit-transition: 0.5s 0.4s ease-in-out;
    -o-transition: 0.5s 0.4s ease-in-out;
    transition: 0.5s 0.4s ease-in-out
}

.grid-l-stats.masked.unmasked .stat-card:nth-child(5) {
    -webkit-transition: 0.5s 0.5s ease-in-out;
    -o-transition: 0.5s 0.5s ease-in-out;
    transition: 0.5s 0.5s ease-in-out
}

@media (max-width: 1260px) {
    .grid-l-stats {
        padding-left: 45px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .grid-l-stats {
        padding-left: 0
    }
    .grid-l-stats .stat-card {
        float: none;
        margin-bottom: 50px
    }
}

.layout-card {
    padding: 70px 60px 65px;
    padding: 70rem 60rem 65rem
}

.layout-card__top {
    position: relative
}

.layout-card__top .points-button {
    position: absolute;
    right: 0;
    top: 0
}

.layout-card__title {
    margin-bottom: 35px;
    margin-bottom: 35rem
}

.layout-card__main {
    text-align: center
}

.layout-card__main__img {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    height: 192px
}

.layout-card__main__img__layout {
    position: relative;
    z-index: 30;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.layout-card__main__img__shadow {
    position: absolute;
    z-index: 20;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.layout-card__main__img__data {
    position: absolute;
    z-index: 10
}

.layout-card__main--city .layout-card__main__img__layout {
    width: 124px
}

.layout-card__main--city .layout-card__main__img__shadow {
    width: 160px;
    left: -16px;
    top: 56px
}

.layout-card__main--city .layout-card__main__img__data {
    width: 230px;
    left: -52px;
    top: 73px
}

.layout-card__main--family .layout-card__main__img__layout {
    width: 220px
}

.layout-card__main--family .layout-card__main__img__shadow {
    width: 260px;
    left: -16px;
    top: 30px
}

.layout-card__main--family .layout-card__main__img__data {
    width: 300px;
    left: -46px;
    top: 40px
}

.layout-card__main__content {
    max-width: 220px;
    margin: auto
}

.layout-card:hover .layout-card__main__img__layout,
.layout-card.active .layout-card__main__img__layout {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px)
}

.layout-card:hover .layout-card__main__img__shadow,
.layout-card.active .layout-card__main__img__shadow {
    opacity: .2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .layout-card {
        padding: 50px 30px 50px
    }
    .layout-card__top .points-button {
        display: none
    }
}

.detail-card {
    text-align: center;
    padding: 60px 25px;
    border-top: 1px solid rgba(42, 39, 36, 0.12);
    border-bottom: 1px solid rgba(42, 39, 36, 0.12);
    border-right: 1px solid rgba(42, 39, 36, 0.12)
}

.detail-card:first-child {
    border-left: 1px solid rgba(42, 39, 36, 0.12);
    -webkit-border-radius: 0 0 0 20px;
    border-radius: 0 0 0 20px
}

.detail-card:last-child {
    -webkit-border-radius: 0 0 20px 0;
    border-radius: 0 0 20px 0
}

.detail-card__title {
    margin-bottom: 50px
}

.detail-card__title__number {
    font-size: 40px;
    font-size: 40rem;
    margin-bottom: 50px;
    margin-bottom: 50rem;
    margin-top: 65px;
    margin-top: 65rem
}

.detail-card__title__number sup {
    font-size: 20px;
    font-size: 20rem;
    vertical-align: super
}

.detail-card__picto {
    margin-bottom: 30px;
    display: block;
    font-size: 40px
}

.detail-card__picto--circle {
    font-size: 30px;
    position: relative;
    height: 30px
}

.detail-card__picto--circle:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.detail-card__picto--circle:after {
    width: 66px;
    height: 66px;
    margin: -33px -33px;
    background-image: url("../img/misc/circle/circle-cream-74.svg")
}

.detail-card__picto--circle:after {
    background-image: url("../images/circle-dark-74.svg")
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .detail-card {
        border-bottom: 0;
        margin-bottom: 0;
        border-left: 1px solid rgba(42, 39, 36, 0.12);
        padding: 50px 15px
    }
    .detail-card:first-child {
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }
    .detail-card:last-child {
        -webkit-border-radius: 0 0 20px 20px;
        border-radius: 0 0 20px 20px;
        border-bottom: 1px solid rgba(42, 39, 36, 0.12)
    }
    .detail-card__title {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .detail-card {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

.push-card {
    width: 320px;
    width: 320rem;
    height: 320px;
    height: 320rem;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 70px 30px 70px 60px;
    padding: 70rem 30rem 70rem 60rem
}

.push-card__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.push-card__background:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.push-card__background.img-c {
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px
}

.push-card__desc {
    position: relative;
    z-index: 10
}

.push-card__desc__icon {
    font-size: 37px;
    position: relative
}

.push-card__desc__icon:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.push-card__desc__icon:after {
    width: 66px;
    height: 66px;
    margin: -33px -33px;
    background-image: url("../img/misc/circle/circle-cream-74.svg")
}

.push-card__desc__icon.dark-circle:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.push-card__desc__icon.dark-circle:after {
    width: 66px;
    height: 66px;
    margin: -33px -33px;
    background-image: url("../img/misc/circle/circle-cream-74.svg")
}

.push-card__desc__icon.dark-circle:after {
    background-image: url("../images/circle-dark-74.svg")
}

.push-card__desc__title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    line-height: 30px;
    line-height: 30rem;
    padding-left: 10px;
    padding-left: 10rem;
    padding-top: 15px;
    padding-top: 15rem
}

.push-card__desc__title span {
    display: block
}

.push-card__button {
    position: absolute;
    z-index: 10;
    left: 20px;
    left: 20rem;
    right: 70px;
    right: 70rem;
    bottom: 35px;
    bottom: 35rem
}

.push-card__button .points-button {
    position: absolute;
    right: -19px;
    right: -19rem
}

.push-card__button--black {
    background: #2b2825;
    left: 0;
    right: 0;
    bottom: 0
}

.push-card__button--black:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #235ad2;
    opacity: .05;
    width: 0;
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.push-card__button--black .card__button__link {
    padding: 30px 40px;
    padding: 30rem 40rem;
    color: #e8e8e8
}

.push-card__button--black .card__button__link span {
    font-size: 22px;
    font-size: 22rem;
    text-transform: none
}

.push-card__button--black .points-button {
    right: 20px;
    right: 20rem;
    top: 28px;
    top: 28rem
}

.push-card__button--black span {
    color: #e8e8e8
}

.push-card__button:hover:before {
    left: auto;
    width: 100%
}

.push-card__button:hover .card__button__link {
    color: #235ad2
}

.push-card--shop {
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    border-bottom: 0
}

.push-card--large {
    width: 540px;
    width: 540rem;
    margin: auto
}

.push-card--large .push-card__button__link {
    padding: 35px 85px;
    padding: 35rem 85rem
}

.push-card--large .push-card__button__link span {
    font-size: 22px;
    font-size: 22rem;
    text-transform: none
}

.push-card--large .push-card__button .points-button {
    right: auto;
    top: auto;
    position: relative;
    float: right
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .push-card {
        width: auto;
        height: auto;
        padding: 70px 40px 10px
    }
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    .push-card {
        max-width: 400px;
        margin: auto
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .push-card__button {
        margin-top: 30px;
        position: relative;
        left: auto;
        right: auto;
        bottom: auto
    }
    .push-card__button .card__button__link {
        padding: 25px 10px
    }
    .push-card__button--black .card__button__link {
        padding: 20px
    }
    .push-card__button--black .card__button__link span {
        font-size: 18px
    }
    .push-card__button--black .points-button {
        right: 20px;
        top: 20px
    }
    .push-card--shop {
        position: relative;
        padding-bottom: 110px
    }
    .push-card--shop .push-card__button {
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute
    }
    .push-card--large .push-card__button__link span {
        font-size: 18px
    }
}

.green-card {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 35px;
    background: #235ad2;
    display: block
}

.green-card .download-button {
    margin-bottom: 20px;
    margin-bottom: 20rem
}

.green-card.push-card {
    padding: 40px 30px;
    padding: 40rem 30rem
}

.green-card.push-card .push-card__background {
    z-index: 1;
    opacity: .15
}

.green-card.push-card .push-card__background:after {
    display: none
}

.green-card.push-card .download-button {
    z-index: 10;
    margin-left: -10px;
    margin-top: -10px
}

.green-card.push-card .border-box--quote__content,
.green-card.push-card .study__card__button__label,
.green-card.push-card .study__quote__content {
    z-index: 10;
    position: absolute;
    left: 30px;
    left: 30rem;
    bottom: 40px;
    bottom: 40rem;
    padding-right: 70px;
    padding-right: 70rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .green-card.push-card .border-box--quote__content,
    .green-card.push-card .study__card__button__label,
    .green-card.push-card .study__quote__content {
        position: relative;
        left: auto;
        bottom: auto;
        display: block;
        padding-right: 0px;
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px
    }
}

.module-details {
    position: relative;
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    width: 330px;
    width: 330rem;
    overflow: hidden
}

.module-details__mobile-switch {
    display: none
}

.module-details__list-ct {
    height: 310px;
    height: 310rem;
    line-height: 310px;
    line-height: 310rem;
    background: #e7e0d5
}

.module-details__list {
    display: inline-block;
    width: 330px;
    width: 330rem;
    vertical-align: middle;
    line-height: 1;
    padding-left: 30px;
    padding-left: 30rem
}

.module-details__item {
    color: #2b2825;
    font-size: 13px;
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 30px;
    padding-right: 20px
}

.module-details__item:last-child {
    margin-bottom: 0
}

.module-details__item__icon {
    font-size: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.module-details__item__qty {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    background: #235ad2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    margin-right: 10px
}

.module-details__item__mention {
    display: inline-block;
    vertical-align: middle;
    max-width: -webkit-calc(100% - 90px);
    max-width: calc(100% - 90px)
}

@media (max-width: 1080px) {
    .module-details {
        position: absolute;
        z-index: 50 !important;
        left: 0;
        right: 0;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        top: 0;
        bottom: 55px;
        width: auto;
        margin-top: 0 !important;
        width: auto
    }
    .module-details.open .module-details__list-ct {
        opacity: 1;
        pointer-events: initial
    }
    .module-details.open .module-details__mobile-switch .cbutton--close__icon {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .module-details .module-details__mobile-switch {
        display: block;
        position: absolute;
        right: 14px;
        top: 14px;
        z-index: 30
    }
    .module-details .module-details__mobile-switch .cbutton--close__icon {
        width: 35px;
        height: 35px;
        line-height: 47px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #235ad2;
        color: #fff
    }
    .module-details .module-details__list-ct {
        height: 100%;
        line-height: 1;
        padding-top: 100px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }
    .module-details .module-details__list {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }
    .module-details .module-details__item__mention {
        line-height: 20px
    }
}

.partner-card {
    line-height: 60px;
    padding-left: 30px;
    padding-left: 30rem;
    margin-top: 70px;
    margin-top: 70rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .partner-card {
        padding-left: 0;
        margin-bottom: 37px;
        margin-bottom: 37rem;
        margin-top: 0
    }
}

.partner-card__logo {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    width: 160px;
    width: 160rem;
    height: 160px;
    height: 160rem;
    background-color: white;
    margin-right: 35px;
    margin-right: 35rem;
    line-height: 160px;
    line-height: 160rem;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.partner-card__logo .img-c {
    width: auto;
    height: 100%;
    line-height: 160px;
    line-height: 160rem;
    text-align: center
}

.partner-card__logo .img-c img {
    max-width: 70%;
    max-height: 70%;
    vertical-align: middle
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .partner-card__logo {
        display: block;
        margin: auto;
        margin-bottom: 37px;
        margin-bottom: 37rem
    }
}

.partner-card__texts {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    width: -webkit-calc(100% - 30rem - 160rem - 35rem);
    width: calc(100% - 30rem - 160rem - 35rem)
}

@media (max-width: 1260px) {
    .partner-card__texts {
        width: -webkit-calc(100% - 30px - 160px - 35px);
        width: calc(100% - 30px - 160px - 35px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .partner-card__texts {
        width: -webkit-calc(100% - 30px - 160px - 35px);
        width: calc(100% - 30px - 160px - 35px);
        width: 100%;
        text-align: center
    }
}

.partner-card__title {
    line-height: 25px;
    line-height: 25rem;
    margin-bottom: 10px;
    margin-bottom: 10rem
}

.partner-card__description {
    color: #939393;
    font-family: "Open Sans";
    font-size: 11px;
    font-size: 11rem;
    line-height: 22px;
    line-height: 22rem;
    letter-spacing: .025em
}

.media-card {
    padding: 0 30px;
    padding: 0 30rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card {
        padding: 0
    }
    .media-card:nth-child(odd) {
        text-align: left
    }
}

.media-card:nth-child(odd) {
    text-align: right
}

.media-card__content {
    width: 303px;
    width: 303rem;
    display: inline-block;
    text-align: left;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 70px;
    margin-top: 70rem;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card__content {
        width: 100%;
        margin-top: 0;
        margin-bottom: 65px;
        margin-bottom: 65rem
    }
}

.media-card__top {
    height: 120px;
    height: 120rem;
    line-height: 120px;
    line-height: 120rem;
    text-align: center
}

.media-card__top .img-c {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    width: auto;
    height: 100%;
    max-height: 70px;
    max-height: 70rem
}

.media-card__top .img-c img {
    width: auto;
    height: 100%
}

.media-card__middle {
    padding: 45px;
    padding: 45rem;
    border-top: solid 1px rgba(42, 39, 36, 0.12);
    border-bottom: solid 1px rgba(42, 39, 36, 0.12)
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card__middle {
        padding: 30px;
        padding: 30rem
    }
}

.media-card__middle .infos {
    position: relative
}

.media-card__middle .infos .date {
    line-height: 1
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card__middle .infos .date {
        margin-bottom: 10px;
        margin-bottom: 10rem
    }
}

.media-card__middle .infos .type {
    text-transform: uppercase;
    font-size: 10px;
    font-size: 10rem;
    font-family: "Open Sans Bold";
    letter-spacing: .1em;
    color: #2a2724;
    text-align: right
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card__middle .infos .type {
        text-align: left
    }
}

.media-card__middle .infos .type:not(.grid-l__demi) {
    width: 100%
}

.media-card__middle .content {
    color: #939393;
    font-family: "Open Sans";
    font-size: 11px;
    font-size: 11rem;
    line-height: 22px;
    line-height: 22rem;
    letter-spacing: .025em
}

.media-card__titles {
    margin: 40px 0 15px 0;
    margin: 40rem 0 15rem 0
}

.media-card__titles .title-xxs,
.media-card__titles .pagination {
    margin-top: 12px;
    margin-top: 12rem
}

.media-card__bottom .card__button__link {
    padding: 35px 45px;
    padding: 35rem 45rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card__bottom .card__button__link {
        padding: 35px 30px;
        padding: 35rem 30rem
    }
}

.media-card__bottom .card__button__link .points-button {
    right: -webkit-calc(45rem - 15px - 2px);
    right: calc(45rem - 15px - 2px);
    top: -webkit-calc(50% - 10px - 4px);
    top: calc(50% - 10px - 4px)
}

@media (max-width: 1260px) {
    .media-card__bottom .card__button__link .points-button {
        right: -webkit-calc(45px - 15px - 2px);
        right: calc(45px - 15px - 2px);
        top: -webkit-calc(50% - 10px - 4px);
        top: calc(50% - 10px - 4px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card__bottom .card__button__link .points-button {
        right: -webkit-calc(30px - 15px - 5px);
        right: calc(30px - 15px - 5px);
        top: -webkit-calc(50% - 10px - 4px);
        top: calc(50% - 10px - 4px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .media-card {
        width: 100%;
        margin-top: 0
    }
    .media-card .type,
    .media-card .date {
        width: 100%
    }
}

.pioneer-card {
    margin: auto;
    margin-bottom: -webkit-calc((100vw - 90rem *2 - 130rem * 2 + 100rem) / 2 - 370rem);
    margin-bottom: calc((100vw - 90rem *2 - 130rem * 2 + 100rem) / 2 - 370rem)
}

@media (max-width: 1260px) {
    .pioneer-card {
        margin-bottom: -webkit-calc((100vw - 90px *2 - 130px * 2 + 100px) / 2 - 370px);
        margin-bottom: calc((100vw - 90px *2 - 130px * 2 + 100px) / 2 - 370px)
    }
}

.cover-simple {
    position: relative
}

.cover-simple__filter-blog {
    margin: 100px auto 0 auto !important;
    margin: 100rem auto 0 auto !important
}

.cover-simple__filter-blog .selector--mobile {
    display: none
}

.cover-simple__filter-blog .selector--desk {
    display: block
}

.cover-simple__container {
    padding-bottom: 100px;
    padding-bottom: 100rem;
    padding-top: 110px;
    padding-top: 110rem
}

.cover-simple__subtitle {
    margin-bottom: 70px;
    margin-bottom: 70rem
}

.cover-simple .back-rect__rect--full {
    top: 0;
    bottom: 0;
    left: -90px;
    left: -90rem;
    right: 0
}

.cover-simple--image {
    margin-bottom: 0
}

.cover-simple--image .back-rect__rect {
    bottom: 100px;
    bottom: 100rem
}

.cover-simple--image .cover-simple__container {
    margin-left: 45px;
    margin-left: 45rem;
    padding-top: 70px;
    padding-top: 70rem;
    padding-bottom: 60px;
    padding-bottom: 60rem
}

.cover-simple--image .cover-simple__container__img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    overflow: hidden;
    max-width: 720px;
    max-width: 720rem;
    height: 400px;
    height: 400rem;
    margin: auto
}

.cover-simple__back-button {
    position: absolute;
    left: -45px;
    left: -45rem;
    margin-top: -7px;
    margin-top: -7rem;
    top: 50%;
    z-index: 20
}

@media (max-width: 1260px) {
    .cover-simple__back-button {
        left: 60px
    }
}

.cover-simple__back-button.hv .arrow-button {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.cover-simple__back-button.hv .arrow-button i {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.cover-simple__back-button.hv:hover .arrow-button {
    color: #235ad2
}

.cover-simple__back-button.hv:hover .arrow-button i {
    color: #235ad2;
    -webkit-transform: translateX(-4px) scaleX(-1);
    -ms-transform: translateX(-4px) scaleX(-1);
    transform: translateX(-4px) scaleX(-1)
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .cover-simple__filter-blog {
        margin: 50px auto 0 auto !important
    }
    .cover-simple__filter-blog .selector--mobile {
        display: block
    }
    .cover-simple__filter-blog .selector--desk {
        display: none
    }
    .cover-simple__container {
        padding-bottom: 50px;
        padding-top: 50px;
        padding-left: 30px;
        padding-right: 30px
    }
    .cover-simple__subtitle {
        margin-bottom: 15px
    }
    .cover-simple--image .back-rect__rect {
        top: 0;
        bottom: 50%;
        left: 0;
        right: 0
    }
    .cover-simple--image .cover-simple__container {
        margin-left: 0;
        padding-top: 70px;
        padding-bottom: 30px
    }
    .cover-simple--image .cover-simple__container__img {
        height: 260px;
        height: 260rem
    }
    .cover-simple--image .cover-simple__back-button {
        top: 30px;
        left: 0;
        right: 0;
        text-align: center
    }
}

.simple-top {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 130px;
    margin-right: 130rem;
    padding: 90px 0;
    padding: 90rem 0
}

.simple-top--with-filter .simple-top__title {
    padding-right: 230px;
    padding-right: 230rem
}

.simple-top__container {
    position: relative;
    padding-left: 90px;
    padding-left: 90rem
}

.simple-top__subtitle {
    margin-bottom: 60px;
    margin-bottom: 60rem
}

.simple-top__title {
    margin-bottom: 0
}

.simple-top__filter {
    position: absolute;
    right: 0;
    bottom: 15px;
    bottom: 15rem
}

.simple-top__filter .selector {
    min-width: 200px
}

@media (max-width: 1200px) {
    .simple-top {
        margin-left: 0px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .simple-top {
        margin: 0;
        padding-top: 0
    }
    .simple-top__container {
        padding-bottom: 50px;
        padding-top: 50px;
        padding-left: 30px;
        padding-right: 30px
    }
    .simple-top__subtitle {
        margin-bottom: 15px
    }
}

.large-push {
    height: 300px;
    height: 300rem;
    line-height: 300px;
    line-height: 300rem;
    position: relative;
    /*margin-right: 90px;
    margin-right: 90rem*/
}

.large-push__background {
    position: absolute
}

.large-push__background:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.large-push__content {
    padding: 0 128px;
    padding: 0 128rem
}

.large-push__content:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.large-push__content .title {
    color: #e8e8e8;
    max-width: 330px;
    max-width: 330rem;
    float: left
}

.large-push__content .float-right {
    float: right;
    margin-top: 10px;
    margin-top: 10rem
}

.large-push__content .h-text-center .cbutton,
.large-push__content .h-text-center .cbutton--close-popin {
    display: inline-block
}

.large-push--light {
    margin: 0 130px;
    margin: 0 130rem;
    height: 260px;
    height: 260rem;
    line-height: 260px;
    line-height: 260rem
}

.large-push--large {
    height: auto;
    line-height: 1;
    padding: 100px 100px 110px;
    padding: 100rem 100rem 110rem;
    margin-right: 0
}

.large-push--large .large-push__background:after {
    opacity: .92
}

.large-push--large .large-push__content {
    padding: 0;
    max-width: 600px;
    max-width: 600rem
}

.large-push--large .large-push__content__text {
    padding-left: 135px;
    padding-left: 135rem;
    padding-right: 120px;
    padding-right: 120rem
}

.large-push--large .large-push__title {
    max-width: none;
    float: none;
    margin-bottom: 45px;
    margin-bottom: 45rem
}

.large-push.masked .large-push__content__text {
    opacity: 0;
    -webkit-transform: translate3D(0, 50px, 0);
    -ms-transform: translate3D(0, 50px, 0);
    transform: translate3D(0, 50px, 0)
}

.large-push.masked .large-push__content .title {
    overflow: hidden
}

.large-push.masked .large-push__content .title__content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.large-push.masked .large-push__content .cbutton,
.large-push.masked .large-push__content .cbutton--close-popin {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.large-push.masked.unmasked .large-push__content__text {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition: .5s .4s ease-in-out;
    -o-transition: .5s .4s ease-in-out;
    transition: .5s .4s ease-in-out
}

.large-push.masked.unmasked .large-push__content .title__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out
}

.large-push.masked.unmasked .large-push__content .cbutton,
.large-push.masked.unmasked .large-push__content .cbutton--close-popin {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .8s .2s ease-in-out;
    -o-transition: .8s .2s ease-in-out;
    transition: .8s .2s ease-in-out
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .large-push {
        margin-right: 0;
        height: auto;
        line-height: 1;
        padding: 50px
    }
    .large-push--light {
        margin: 0
    }
    .large-push--large {
        padding-left: 0px;
        padding-right: 0px
    }
    .large-push--large .large-push__content__text {
        padding-left: 30px;
        padding-right: 30px
    }
    .large-push__content {
        padding: 0
    }
    .large-push__content .title {
        max-width: none;
        float: none
    }
    .large-push__content .float-right {
        margin-top: 130px;
        float: none
    }
}

.green-push {
    background: #235ad2;
    padding: 115px 100px 130px;
    padding: 115rem 100rem 130rem;
    position: relative;
    overflow: hidden
}

.green-push__title {
    margin-bottom: 50px;
    margin-bottom: 50rem;
    position: relative;
    z-index: 10
}

.green-push__content {
    padding-left: 140px;
    padding-left: 140rem;
    position: relative;
    z-index: 10
}

.green-push__content .common-text {
    color: #fff;
    max-width: 380px;
    max-width: 380rem
}

.green-push__content__ctas {
    margin-top: 150px;
    margin-top: 150rem
}

.green-push__content__ctas .cbutton,
.green-push__content__ctas .cbutton--close-popin {
    display: inline-block;
    vertical-align: middle
}

.green-push__content__ctas .cbutton:first-child,
.green-push__content__ctas .cbutton--close-popin:first-child {
    margin-right: 130px;
    margin-right: 130rem
}

.green-push .circles span {
    position: absolute;
    z-index: 1
}

.green-push .circles span:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.green-push .circles span:nth-child(1) {
    left: 0;
    top: 0
}

.green-push .circles span:nth-child(1):after {
    width: 330px;
    height: 330px;
    margin: -165px;
    background-image: url("../img/misc/circle/circle-cream-338.svg")
}

.green-push .circles span:nth-child(2) {
    left: 0;
    bottom: 0
}

.green-push .circles span:nth-child(2):after {
    width: 220px;
    height: 220px;
    margin: -110px;
    background-image: url("../img/misc/circle/circle-cream-228.svg")
}

.green-push .circles span:nth-child(3) {
    top: -80px;
    top: -80rem;
    right: 380px;
    right: 380rem
}

.green-push .circles span:nth-child(3):after {
    width: 220px;
    height: 220px;
    margin: -110px;
    background-image: url("../img/misc/circle/circle-cream-228.svg")
}

.green-push .circles span:nth-child(4) {
    top: 50px;
    top: 50rem;
    right: 80px;
    right: 80rem
}

.green-push .circles span:nth-child(4):after {
    width: 240px;
    height: 240px;
    margin: -120px;
    background-image: url("../img/misc/circle/circle-cream-248.svg")
}

.green-push .circles span:nth-child(5) {
    bottom: 150px;
    bottom: 150rem;
    right: 150px;
    right: 150rem
}

.green-push .circles span:nth-child(5):after {
    width: 770px;
    height: 770px;
    margin: -385px;
    background-image: url("../img/misc/circle/circle-cream-778.svg");
    -webkit-animation: infinite-rotate 100s infinite linear;
    animation: infinite-rotate 100s infinite linear
}

.green-push .circles span:nth-child(6) {
    right: 0;
    bottom: 0
}

.green-push .circles span:nth-child(6):after {
    width: 260px;
    height: 260px;
    margin: -130px;
    background-image: url("../img/misc/circle/circle-cream-268.svg")
}

.green-push.masked .green-push__content {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.green-push.masked.unmasked .green-push__content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s 1s;
    -o-transition: 0.5s 1s;
    transition: 0.5s 1s
}

@media (max-width: 1260px) {
    .green-push {
        padding-left: 0px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .green-push {
        padding: 50px 0px
    }
    .green-push .circles {
        display: none
    }
    .green-push__content {
        padding: 0 30px
    }
    .green-push__content__ctas {
        margin-top: 50px
    }
    .green-push__content .cbutton,
    .green-push__content .cbutton--close-popin {
        display: table;
        margin: 0 auto 30px
    }
    .green-push__content .cbutton:after,
    .green-push__content .cbutton--close-popin:after {
        display: none
    }
    .green-push__content .cbutton:first-child,
    .green-push__content .cbutton--close-popin:first-child {
        margin-right: auto
    }
}

.video-player {
    position: relative;
    width: 840px;
    width: 840rem;
    height: 470px;
    height: 600rem;
    margin: auto;
    cursor: pointer
}

.video-player__cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    -webkit-transform: translate3D(0, 0, 20);
    -ms-transform: translate3D(0, 0, 20);
    transform: translate3D(0, 0, 20)
}

.video-player__cover:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.video-player__cover__img {
    width: 100%;
    height: 100%;
    z-index: 1
}

.video-player__cover__button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 50;
    margin: -38px -65px;
    margin: -38rem -65rem;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.video-player__video-c {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.video-player__video-c iframe,
.video-player__video-c video {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .video-player {
        max-width: 100%;
        width: auto;
        height: 300px
    }
}

.selector__label {
    color: #939393
}

.selector__label:before {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #235ad2;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 32px 0 0;
    margin: -3rem 32rem 0 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .selector__label:before {
        margin: -3px 15px 0
    }
}

.selector__label:before {
    margin-right: 5px;
    margin-right: 5rem
}

.selector__container {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid rgba(43, 40, 37, 0.12);
    position: relative
}

.selector__icon {
    position: absolute;
    right: 2px;
    top: 8px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: bold;
    color: #235ad2;
    z-index: 1;
    font-size: 22px
}

.selector__select,
.selector select {
    padding: 11px 20px 8px 10px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 13px;
    color: #235ad2;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.selector--red select {
    color: #e54848
}

.selector--red .selector__label:before {
    background: #e54848
}

.selector--red .selector__icon,
.selector--red .selector__select {
    color: #e54848
}

.selector--mobile {
    display: block;
    position: relative;
    margin: 0 30px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid rgba(43, 40, 37, 0.12);
    overflow: hidden;
    max-width: 300px
}

.selector--mobile__selection {
    color: #235ad2;
    text-transform: uppercase;
    font-family: "Open Sans Bold";
    font-size: 11px;
    display: block;
    padding: 0px 10px 0 20px;
    line-height: 30px
}

.selector--mobile__selection:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.selector--mobile__selection .icon-arrow,
.selector--mobile__selection .header__nav__link--parent {
    padding-top: 7px;
    font-size: 24px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    float: right;
    vertical-align: middle
}

.selector--mobile__list {
    overflow: hidden;
    height: 0
}

.selector--mobile__li {
    color: #939393;
    text-transform: uppercase;
    font-family: "Open Sans Bold";
    font-size: 11px;
    padding: 5px 20px 0;
    line-height: 30px
}

.selector--mobile__li:first-child {
    border-top: 1px solid rgba(43, 40, 37, 0.12)
}

.selector--desk {
    display: block;
    text-align: center;
    font-size: 0;
    padding: 0 90px
}

.selector--desk__li {
    display: inline-block;
    vertical-align: middle;
    color: #235ad2;
    text-transform: uppercase;
    font-family: "Open Sans Bold";
    font-size: 11px;
    line-height: 30px;
    border: 1px solid rgba(43, 40, 37, 0.12);
    padding: 0 20px;
    padding: 0 20rem;
    margin-left: 20px;
    margin-left: 20rem;
    -webkit-border-radius: 20rem;
    border-radius: 20rem;
    margin-top: 20px;
    margin-top: 20rem;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    cursor: pointer
}

.selector--desk__li:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.selector--desk__li:first-child {
    margin-left: 0
}

.selector--desk__li--active {
    background-color: #235ad2;
    color: white;
    border-color: #235ad2
}

.selector--desk__li--active .icon .h,
.selector--desk__li--active .icon .v {
    background-color: white !important
}

.selector--desk__li--active .icon .v {
    height: 0 !important
}

.selector--desk__li:hover {
    background-color: #235ad2;
    color: white;
    border-color: #235ad2;
    padding-left: 30px;
    padding-left: 30rem
}

.selector--desk__li:hover .icon {
    margin-left: 0
}

.selector--desk__li .icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-left: 10rem;
    position: relative;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.selector--desk__li .icon .v {
    display: block;
    height: 100%;
    width: 1.5px;
    background-color: #235ad2;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.selector--desk__li .icon .h {
    display: block;
    width: 100%;
    height: 1.5px;
    background-color: #235ad2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.seo-footer {
    background: #2b2825;
    padding: 55px 90px;
    padding: 55rem 90rem;
    position: relative;
    z-index: 30
}

.seo-footer__top {
    position: relative
}

.seo-footer__title {
    color: #e8e8e8;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    width: 300rem;
    padding-right: 80px;
    padding-right: 80rem
}

.seo-footer__excerpt {
    color: #e8e8e8;
    display: inline-block;
    vertical-align: top;
    max-width: -webkit-calc( 100% - 310rem);
    max-width: calc( 100% - 310rem);
    line-height: 30px;
    line-height: 30rem;
    padding-right: 130px;
    padding-right: 130rem
}

@media (max-width: 1260px) {
    .seo-footer__excerpt {
        max-width: -webkit-calc( 100% - 310px);
        max-width: calc( 100% - 310px)
    }
}

.seo-footer__button {
    position: absolute;
    right:0px;
    right: 0;
    top: 50%;
    margin-top: -45px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.seo-footer.collapsed .seo-footer__button {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.seo-footer__body {
    overflow: hidden;
    height: 0
}

.seo-footer__body__content {
    padding-left: 302px;
    padding-left: 302rem;
    padding-top: 50px;
    padding-top: 50rem;
    color: #e8e8e8
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .seo-footer {
        margin: 0;
        padding: 50px 30px;
        text-align: center
    }
    .seo-footer__title {
        width: auto;
        display: block;
        padding-right: 0;
        margin-bottom: 30px
    }
    .seo-footer__excerpt {
        max-width: none;
        display: block;
        padding-right: 0
    }
    .seo-footer__button {
        position: relative;
        display: block;
        right: auto;
        margin: 20px auto 0
    }
    .seo-footer__body__content {
        padding: 30px 0
    }
}

.data-tab-c {
    position: relative
}

@media (max-width: 1200px) {
    .data-tab-c {
        padding-right: 90px
    }
    .data-tab-c:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 30px;
        left: auto;
        width: 30px;
        display: block;
        background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#fff));
        background-image: -webkit-linear-gradient(left, transparent, #fff);
        background-image: -o-linear-gradient(left, transparent, #fff);
        background-image: linear-gradient(to right, transparent, #fff);
        z-index: 10
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .data-tab-c {
        padding-right: 0
    }
    .data-tab-c:after {
        right: 0
    }
}

.data-tab {
    text-align: center;
    margin-right: 90px;
    margin-right: 90rem;
    margin-left: 50px;
    margin-left: 50rem
}

@media (max-width: 1200px) {
    .data-tab {
        overflow-x: scroll;
        padding-top: 20px;
        width: 100%;
        padding-right: 30px;
        margin-right: 0
    }
    .data-tab .data-tab__pictos,
    .data-tab .data-tab__body {
        width: 1000px
    }
    .data-tab--city .data-tab__pictos,
    .data-tab--city .data-tab__body {
        width: 600px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .data-tab {
        margin-left: 0;
        margin-right: 0
    }
}

.data-tab b {
    font-family: 'Josefin Sans', sans-serif
}

.data-tab sup {
    text-transform: uppercase;
    font-size: 60%;
    vertical-align: top
}

.data-tab__pictos {
    padding-bottom: 20px;
    padding-bottom: 20rem
}

.data-tab__pictos table tr {
    height: 72px;
    height: 72rem
}

.data-tab__pictos table tr td {
    border: 0 !important
}

.data-tab__pictos table tr td i {
    position: relative;
    font-size: 40px
}

.data-tab__pictos table tr td i:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.data-tab__pictos table tr td i:after {
    width: 66px;
    height: 66px;
    margin: -33px -33px;
    background-image: url("../img/misc/circle/circle-cream-74.svg")
}

.data-tab__pictos table tr td i:after {
    background-image: url("../images/circle-dark-74.svg")
}

.data-tab__body {
    border-top: 1px solid rgba(42, 39, 36, 0.12);
    border-bottom: 1px solid rgba(42, 39, 36, 0.12);
    border-right: 1px solid rgba(42, 39, 36, 0.12);
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

.data-tab table thead {
    border-bottom: 1px solid rgba(42, 39, 36, 0.12)
}

.data-tab table thead tr {
    height: 120px;
    height: 120rem;
    line-height: 120px;
    line-height: 120rem
}

.data-tab table thead tr td {
    vertical-align: middle;
    line-height: 1
}

.data-tab table thead tr td:first-child {
    text-align: center
}

.data-tab table thead tr td:first-child p {
    padding-left: 0
}

.data-tab table thead tr td:first-child p i {
    vertical-align: middle;
    font-size: 30px;
    margin-right: 0px;
    margin-right: 0rem
}

.data-tab table {
    width: 100%
}

.data-tab table tr {
    border-bottom: 1px solid rgba(42, 39, 36, 0.12);
    height: 50px;
    height: 50rem;
    line-height: 50px;
    line-height: 50rem
}

.data-tab table tr:first-child td .title--card-sm {
    color: #2a2724;
    padding: 4px 0 20px;
    padding: 4rem 0 20rem
}

.data-tab table tr:first-child td .mention--small,
.data-tab table tr:first-child td .selector__label {
    padding: 0 12px;
    padding: 0 12rem;
    color: #939393;
    line-height: 15px;
    line-height: 15rem
}

.data-tab table tr:last-child {
    border-bottom: 0
}

.data-tab table tr td {
    border-right: 1px solid rgba(42, 39, 36, 0.12)
}

.data-tab table tr td i {
    font-size: 35px;
    vertical-align: middle
}

.data-tab table tr td p {
    padding-left: 20px;
    padding-left: 20rem
}

.data-tab table tr td:first-child {
    text-align: left;
    width: 260px;
    width: 260rem
}

.data-tab table tr td:nth-child(2) {
    color: #235ad2
}

.data-tab table tr td:nth-child(3) {
    color: #96ba48
}

.data-tab table tr td:nth-child(4) {
    color: #e54848
}

.data-tab table tr td:nth-child(5) {
    color: #2a4486
}

.data-tab table tr td:nth-child(n+6) {
    color: #3c3c3b
}

.data-tab table tr td:last-child {
    border-right: 0;
    color: #3c3c3b
}

.data-tab table tfoot tr {
    border-top: 1px solid rgba(42, 39, 36, 0.12);
    height: 120px;
    height: 120rem;
    line-height: 120px;
    line-height: 120rem
}

.data-tab table tfoot tr:first-child td {
    vertical-align: top;
    line-height: 1
}

.data-tab table tfoot tr:first-child td .title--card-sm {
    color: #2a2724;
    padding: 30px 0 10px;
    padding: 30rem 0 10rem
}

.data-tab table tfoot tr:first-child td:first-child {
    vertical-align: middle;
    text-align: center
}

.data-tab table tfoot tr:first-child td:first-child p {
    padding-left: 0
}

.data-tab table tfoot tr:first-child td:first-child p i {
    font-size: 30px;
    margin-right: 0px;
    margin-right: 0rem
}

.collapsible {
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 90px;
    margin-bottom: 90rem;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

.collapsible__top {
    padding: 70px;
    padding: 70rem
}

.collapsible__title {
    width: -webkit-calc(100% - 100rem);
    width: calc(100% - 100rem);
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 1260px) {
    .collapsible__title {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px)
    }
}

.collapsible__title .title__content {
    display: inline-block;
    vertical-align: middle;
    color: #235ad2;
    max-width: 450px;
    max-width: 450rem
}

.collapsible__title .prefix {
    padding-left: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #2a2724;
    margin-right: 40px;
    margin-right: 40rem
}

.collapsible__title .prefix:after {
    display: none
}

.collapsible__button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.collapsible__button .icon-cross {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.collapsible__body {
    position: relative;
    overflow: hidden
}

.collapsible__body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(42, 39, 36, 0.12);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.collapsible__body .common-text {
    padding: 70px 70px 55px;
    padding: 70rem 70rem 55rem
}

.collapsible.collapsed .collapsible__button .icon-cross {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.collapsible.collapsed .collapsible__body {
    height: 0
}

.collapsible.collapsed .collapsible__body:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .collapsible {
        margin-bottom: 50px;
        margin-bottom: 50rem
    }
    .collapsible__top {
        padding: 30px;
        padding: 30rem;
        text-align: center
    }
    .collapsible__title {
        width: auto
    }
    .collapsible__title .title__content {
        display: inline
    }
    .collapsible__title .prefix {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
        vertical-align: top
    }
    .collapsible__button {
        display: block;
        margin: 35px auto 20px
    }
    .collapsible__body .common-text {
        padding: 20px
    }
}

.intro__rect {
    position: relative;
    height: 380px;
    height: 380rem;
    line-height: 380px;
    line-height: 380rem;
    text-align: center
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .intro__rect {
        margin-bottom: 65px;
        margin-bottom: 65rem
    }
}

.intro__rect .back-rect__rect {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.intro__rect__content {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    width: auto
}

.intro__rect__content .icon-heart {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    margin-left: 26px;
    margin-left: 26rem;
    margin-right: 63px;
    margin-right: 63rem;
    width: auto;
    color: #e54848;
    font-size: 28px
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .intro__rect__content .icon-heart {
        display: block;
        margin: 0;
        height: 68px;
        height: 68rem;
        line-height: 68px;
        line-height: 68rem;
        margin-bottom: 37px;
        margin-bottom: 37rem
    }
}

.intro__rect__content .title {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    width: 390px;
    width: 390rem;
    text-align: left
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .intro__rect__content .title {
        padding: 0 30px;
        padding: 0 30rem;
        display: block;
        width: 100%;
        text-align: center
    }
}

.intro__rect .icon-c__circle {
    position: relative
}

.intro__rect .icon-c__circle--center:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.intro__rect .icon-c__circle--center:after {
    background-image: url("../images/circle-dark-98.svg")
}

.study {
    margin-bottom: 110px;
    margin-bottom: 110rem
}

.study__card {
    overflow: hidden;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    max-width: 435px;
    max-width: 435rem
}

.study__card__bg {
    height: 320px;
    height: 320rem
}

.study__card__bg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.study__card__button {
    background: #235ad2;
    display: block;
    padding: 30px 45px;
    padding: 30rem 45rem;
    overflow: hidden;
    position: relative
}

.study__card__button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    background: rgba(43, 40, 37, 0.12);
    z-index: 1;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

.study__card__button:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.study__card__button:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.study__card__button:after {
    background-image: url("../img/misc/circle/circle-cream-128.svg")
}

.study__card__button:after {
    right: 15px;
    top: 15px;
    left: auto
}

.study__card__button .download-button {
    display: inline-block;
    vertical-align: middle;
    z-index: 5
}

.study__card__button .download-button:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.study__card__button .download-button:after {
    width: 120px;
    height: 120px;
    margin: -60px;
    background-image: url("../images/circle-dark-128.svg")
}

.study__card__button .download-button:after {
    width: 280px;
    height: 280px;
    margin: -140px;
    background-image: url("../images/circle-dark-288.svg")
}

.study__card__button .download-button:after {
    background-image: url("../img/misc/circle/circle-cream-288.svg")
}

.study__card__button:hover:before {
    left: auto;
    width: 100%
}

.study__card__button__label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-left: 10rem;
    position: relative;
    z-index: 10
}

.study__content-container {
    text-align: right
}

.study__content {
    display: inline-block;
    text-align: left;
    max-width: 350px;
    max-width: 350rem;
    padding-top: 60px;
    padding-top: 60rem;
    padding-right: 30px;
    padding-right: 30rem
}

.study__content__title {
    margin-bottom: 35px;
    margin-bottom: 35rem
}

.study__content__text {
    margin-bottom: 50px;
    margin-bottom: 50rem
}

.study__download-mobile {
    display: none
}

@media (max-width: 1260px) {
    .study__content-container {
        padding-left: 45px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .study__card {
        margin: auto
    }
    .study__card__bg {
        height: 80vw;
        max-height: 400px
    }
    .study__card__button {
        display: none
    }
    .study__content-container {
        padding-left: 0;
        text-align: center
    }
    .study__content {
        padding-top: 0px;
        padding-right: 0
    }
    .study__content__title {
        margin-bottom: 15px
    }
    .study__content__text {
        margin-bottom: 20px
    }
    .study__download-mobile {
        display: block;
        background: #235ad2;
        padding: 15px 20px;
        margin-top: 30px;
        text-align: left;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        position: relative
    }
    .study__download-mobile .download-button {
        position: absolute;
        top: 12px;
        right: 20px
    }
    .study__download-mobile .study__card__button__label {
        margin-right: 0;
        padding-left: 0;
        line-height: 30px
    }
}

#global-popin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
    opacity: 0;
    overflow-y: auto
}

#global-popin.full-screen .pop-ct {
    width: 100%;
    height: 99%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: none
}

#global-popin.full-screen .popin-iframe-c {
    height: 100vh;
    line-height: 100vh;
    text-align: center
}

#global-popin.full-screen .popin-iframe-c iframe {
    display: inline-block;
    vertical-align: middle
}

#global-popin .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .9
}

#global-popin .popin-ct {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    height: 100vh;
    line-height: 100vh;
    text-align: center
}

#global-popin .pop-ct {
    position: relative;
    margin: auto;
    width: 1000px;
    width: 1000rem;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    max-height: 80%
}

#global-popin .pop-ct .popin-iframe-c {
    display: block;
    margin: auto
}

#global-popin .pop-ct .popin-iframe-c iframe {
    height: 500px;
    height: 500rem;
    width: 850px;
    width: 850rem;
    margin: auto
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #global-popin .pop-ct {
        max-height: 100%;
        display: block
    }
}

.popin-iframe-c {
    display: none;
    position: relative
}

.popin-iframe-c .cbutton--close-popin {
    line-height: 1;
    position: absolute;
    top: 50px;
    top: 50rem;
    right: 50px;
    right: 50rem;
    z-index: 30
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .popin-iframe-c .cbutton--close-popin {
        background: #e8e8e8;
        top: 0;
        right: 0
    }
    .popin-iframe-c .cbutton--close-popin .cbutton--close__icon {
        color: #235ad2;
        border: 0
    }
    .popin-iframe-c .cbutton--close-popin:after {
        display: none
    }
    .popin-iframe-c .video-player__video-c {
        top: 50px;
        bottom: 50px;
        left: 0px;
        right: 0px
    }
    .popin-iframe-c .video-player__video-c iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%
    }
}

.gdrp-popup {
    position: fixed;
    overflow: hidden;
    z-index: 799;
    bottom: 0;
    left: -100%;
    background: #f8f5f1;
    color: black;
    padding: 12px 0;
    width: 100%;
    line-height: 20px
}

.gdrp-popup .gdrp-popup-container {
    padding-right: 15px;
    padding-left: 15px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gdrp-popup .gdrp-popup-container .gdrp-popup-title {
    width: 80%;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gdrp-popup .gdrp-popup-container .gdrp-popup-title a {
    color: #235ad2
}

.gdrp-popup .gdrp-popup-container .cbutton,
.gdrp-popup .gdrp-popup-container .cbutton--close-popin {
    line-height: 1
}

@-webkit-keyframes gdrp-show {
    from {
        left: -100%
    }
    to {
        left: 0
    }
}

@keyframes gdrp-show {
    from {
        left: -100%
    }
    to {
        left: 0
    }
}

@media (min-width: 576px) {
    .gdrp-popup-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .gdrp-popup-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .gdrp-popup-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .gdrp-popup-container {
        max-width: 1140px
    }
}

.module-popin {
    width: 1000px;
    width: 1000rem;
    max-width: 100%;
    height: 100%;
    position: relative;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    overflow: hidden
}

.module-popin:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.module-popin__img {
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.module-popin__content {
    margin-left: 40%;
    width: 60%
}

.module-popin__close {
    position: absolute;
    top: 10px;
    top: 10rem;
    right: 10px;
    right: 10rem
}

.module-popin__close .icon-cross {
    border: 0;
    color: #235ad2
}

.module-popin__close:hover .icon-cross {
    color: #e8e8e8
}

.module-popin__top {
    padding: 75px 60px;
    padding: 75rem 60rem;
    border-bottom: 4px dotted #f5f2ed;
    position: relative
}

.module-popin__top__point {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    margin-right: 30rem
}

.module-popin__top__title {
    display: inline-block;
    vertical-align: middle
}

.module-popin__body {
    padding: 70px 40% 70px 70px;
    padding: 70rem 40% 70rem 70rem
}

.module-popin__body__content {
    position: relative;
    z-index: 30
}

.module-popin__body__content ul li {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

.module-popin__body__layout {
    position: absolute;
    height: 300px;
    height: 300rem;
    line-height: 300px;
    line-height: 300rem;
    width: 230px;
    width: 230rem;
    text-align: center;
    right: -50px;
    right: -50rem;
    bottom: -20px;
    bottom: -20rem;
    z-index: 1
}

.module-popin__body__layout img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .module-popin {
        -webkit-border-radius: 0;
        border-radius: 0;
        height: 100vh;
        overflow: scroll;
        max-height: 100%
    }
    .module-popin .module-popin__img {
        display: block;
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
        right: auto;
        top: auto;
        text-align: center
    }
    .module-popin .module-popin__img img {
        display: inline;
        max-width: 100%;
        max-height: 100%;
        height: auto !important;
        width: auto !important;
        top: auto !important;
        left: auto !important
    }
    .module-popin .module-popin__content {
        width: 100%;
        margin-left: 0
    }
    .module-popin .module-popin__top {
        padding: 30px;
        overflow: hidden
    }
    .module-popin .module-popin__top__point {
        margin-right: 10px
    }
    .module-popin .module-popin__body {
        padding: 30px
    }
    .module-popin .module-popin__body__layout {
        display: none
    }
}

.community-post {
    background-color: white;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 25px 30px 0 30px;
    padding: 25rem 30rem 0 30rem;
    width: -webkit-calc(50% - 10rem);
    width: calc(50% - 10rem);
    margin-top: 20px;
    margin-top: 20rem
}

.community-post.right-part {
    margin-left: 10px;
    margin-left: 10rem
}

.community-post.left-part {
    margin-right: 10px;
    margin-right: 10rem
}

.community-post .inl {
    display: inline-block;
    vertical-align: middle
}

.community-post__infos {
    font-size: 0;
    height: 37px;
    height: 37rem;
    line-height: 37px;
    line-height: 37rem;
    margin-bottom: 43px;
    margin-bottom: 43rem
}

.community-post__avatar {
    height: 37px;
    height: 37rem;
    line-height: 37px;
    line-height: 37rem;
    width: 37px;
    width: 37rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    background-color: #e8e8e8
}

.community-post__avatar .icon-profile {
    vertical-align: middle;
    color: #235ad2;
    font-size: 30px;
    font-size: 30rem;
    display: inline-block
}

.community-post__user {
    width: -webkit-calc(100% - 37rem - 65rem);
    width: calc(100% - 37rem - 65rem);
    text-align: left;
    font-size: initial;
    padding-left: 18px;
    padding-left: 18rem
}

.community-post__user .name {
    color: #2b2825;
    vertical-align: middle;
    font-weight: 700;
    line-height: 37px;
    line-height: 37rem
}

.community-post__user .section {
    color: #235ad2;
    vertical-align: middle;
    font-weight: 700;
    line-height: 37px;
    line-height: 37rem
}

.community-post__user .section:before {
    content: "\e903";
    display: inline-block;
    margin-right: 5px;
    margin-right: 5rem;
    font-family: "icomoon" !important;
    -webkit-transform: translateY(3rem);
    -ms-transform: translateY(3rem);
    transform: translateY(3rem);
    font-size: 20px;
    font-size: 20rem
}

.community-post__hour {
    width: 65px;
    width: 65rem;
    text-align: right
}

.community-post__contents {
    padding: 0 20px;
    padding: 0 20rem
}

.community-post__description-container {
    margin-bottom: 50px;
    margin-bottom: 50rem
}

.community-post__image-container {
    position: relative;
    width: 100%;
    height: 288px;
    height: 288rem;
    margin-bottom: 50px;
    margin-bottom: 50rem
}

.community-post__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.community-post__image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    z-index: 1
}

.community-post__infos-img {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 37px;
    padding: 37rem;
    z-index: 2
}

.community-post__infos-img .date {
    color: white;
    font-weight: 700;
    margin-bottom: 5px;
    margin-bottom: 5rem
}

.community-post__infos-img .nbPhotos {
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 11px;
    font-size: 11rem
}

.community-post__comments {
    padding: 35px 0;
    padding: 35rem 0;
    position: relative;
    font-size: 0
}

.community-post__comments:after {
    content: '';
    width: -webkit-calc(100% + 60rem);
    width: calc(100% + 60rem);
    left: -30px;
    left: -30rem;
    top: 0;
    height: 1px;
    background-color: rgba(42, 39, 36, 0.12);
    position: absolute
}

.community-post__myfood-logo {
    width: 35px;
    width: 35rem;
    height: 35px;
    height: 35rem;
    line-height: 30px;
    line-height: 30rem;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #e8e8e8
}

.community-post__myfood-logo img {
    width: 60%;
    display: inline-block;
    vertical-align: middle
}

.community-post__fake-input {
    color: #cacaca;
    width: -webkit-calc(100% - 72rem - 35rem);
    width: calc(100% - 72rem - 35rem);
    padding: 0 17px;
    padding: 0 17rem;
    font-size: initial;
    font-weight: 700
}

.community-post__numbers {
    font-size: 0
}

.community-post__numbers p {
    width: 36px;
    width: 36rem;
    height: 36px;
    height: 36rem;
    line-height: 36px;
    line-height: 36rem;
    font-size: initial;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #cacaca;
    text-align: center
}

.community-post__numbers p.green {
    background-color: #235ad2;
    color: white
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .community-post {
        width: 100%
    }
    .community-post.right-part,
    .community-post.left-part {
        float: none;
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin-top: 30px;
        margin-top: 30rem
    }
    .community-post__infos {
        height: auto;
        padding-top: 45px;
        padding-top: 45rem;
        position: relative
    }
    .community-post__hour {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        -webkit-transform: translateY(4rem);
        -ms-transform: translateY(4rem);
        transform: translateY(4rem)
    }
    .community-post__avatar {
        position: absolute;
        top: 0;
        left: 0;
        display: block
    }
    .community-post__user {
        width: 100%;
        padding-left: 0
    }
    .community-post__user .name {
        margin-right: 6px;
        margin-right: 6rem;
        line-height: initial
    }
    .community-post__user .section {
        -webkit-transform: translateX(-6rem);
        -ms-transform: translateX(-6rem);
        transform: translateX(-6rem);
        line-height: initial;
        vertical-align: top;
        display: block
    }
    .community-post__contents {
        padding-left: 0;
        padding-right: 0
    }
    .community-post__infos-img {
        padding: 20px
    }
    .community-post__fake-input {
        width: -webkit-calc(100% - 35rem);
        width: calc(100% - 35rem)
    }
    .community-post__numbers {
        display: none !important
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.woocommerce-breadcrumb {
    display: none !important
}

p.demo_store,
.woocommerce-store-notice {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    font-size: 1em;
    padding: 1em 0;
    text-align: center;
    background-color: #235ad2;
    color: #e1f2e2;
    z-index: 99998;
    -webkit-box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
    display: none
}

p.demo_store a,
.woocommerce-store-notice a {
    color: #e1f2e2;
    text-decoration: underline
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-height: 1px;
    clip-overflow: hidden;
    clip-position: absolute !important;
    clip-width: 1px;
    clip-word-wrap: normal !important
}

.admin-bar p.demo_store {
    top: 32px
}

.clear {
    clear: both
}

.woocommerce .blockUI.blockOverlay {
    position: relative
}

.woocommerce .blockUI.blockOverlay::before {
    height: 2em;
    width: 2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1em;
    margin-top: -1em;
    content: '';
    -webkit-animation: none;
    animation: none;
    background: url("../img/misc/loader.gif") center center;
    -webkit-background-size: cover;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.75)
}

.woocommerce .loader::before {
    height: 2em;
    width: 2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1em;
    margin-top: -1em;
    content: '';
    -webkit-animation: none;
    animation: none;
    background: url("../img/misc/loader.gif") center center;
    -webkit-background-size: cover;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.75)
}

.woocommerce a.remove {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #e54848 !important;
    text-decoration: none;
    font-weight: 700;
    border: 0
}

.woocommerce a.remove:hover {
    color: #fff !important;
    background: #e54848
}

.woocommerce small.note {
    display: block;
    color: #2a2724;
    font-size: 0.857em;
    margin-top: 10px
}

.woocommerce .woocommerce-breadcrumb {
    *zoom: 1;
    margin: 0 0 1em;
    padding: 0;
    font-size: 0.92em;
    color: #2a2724
}

.woocommerce .woocommerce-breadcrumb::before,
.woocommerce .woocommerce-breadcrumb::after {
    content: ' ';
    display: table
}

.woocommerce .woocommerce-breadcrumb::after {
    clear: both
}

.woocommerce .woocommerce-breadcrumb a {
    color: #2a2724
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0
}

.woocommerce div.product span.price,
.woocommerce div.product p.price {
    color: #722ea6;
    font-size: 1.25em
}

.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
    background: inherit;
    font-weight: 700;
    display: inline-block
}

.woocommerce div.product span.price del,
.woocommerce div.product p.price del {
    opacity: 0.5;
    display: inline-block
}

.woocommerce div.product p.stock {
    font-size: 0.92em
}

.woocommerce div.product .stock {
    color: #722ea6
}

.woocommerce div.product .out-of-stock {
    color: red
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1.618em
}

.woocommerce div.product div.images {
    margin-bottom: 2em
}

.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.woocommerce div.product div.images div.thumbnails {
    padding-top: 1em
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    -webkit-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
    -o-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
    transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
    margin: 0;
    padding: 0
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #fff
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.woocommerce div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
    list-style: none
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: .5;
    margin: 0
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 1
}

.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
    clear: left
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: left
}

.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
    clear: left
}

.woocommerce div.product div.summary {
    margin-bottom: 2em
}

.woocommerce div.product div.social {
    text-align: right;
    margin: 0 0 1em
}

.woocommerce div.product div.social span {
    margin: 0 0 0 2px
}

.woocommerce div.product div.social span span {
    margin: 0
}

.woocommerce div.product div.social span .stButton .chicklets {
    padding-left: 16px;
    width: 0
}

.woocommerce div.product div.social iframe {
    float: left;
    margin-top: 3px
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #9dd0a0;
    background-color: #bfe1c1;
    display: inline-block;
    position: relative;
    z-index: 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin: 0 -5px;
    padding: 0 1em
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 0.5em 0;
    font-weight: 700;
    color: #2f3f30;
    text-decoration: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    text-decoration: none;
    color: #455c46
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    z-index: 2;
    border-bottom-color: #fff
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: inherit;
    text-shadow: inherit
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    -webkit-box-shadow: 2px 2px 0 #fff;
    box-shadow: 2px 2px 0 #fff
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    -webkit-box-shadow: -2px 2px 0 #fff;
    box-shadow: -2px 2px 0 #fff
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    border: 1px solid #9dd0a0;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: ' ';
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    left: -5px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-width: 0 1px 1px 0;
    -webkit-box-shadow: 2px 2px 0 #bfe1c1;
    box-shadow: 2px 2px 0 #bfe1c1
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right: -5px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-width: 0 0 1px 1px;
    -webkit-box-shadow: -2px 2px 0 #bfe1c1;
    box-shadow: -2px 2px 0 #bfe1c1
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: ' ';
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #9dd0a0;
    z-index: 1
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 0
}

.woocommerce div.product p.cart {
    margin-bottom: 2em;
    *zoom: 1
}

.woocommerce div.product p.cart::before,
.woocommerce div.product p.cart::after {
    content: ' ';
    display: table
}

.woocommerce div.product p.cart::after {
    clear: both
}

.woocommerce div.product form.cart {
    margin-bottom: 2em;
    *zoom: 1
}

.woocommerce div.product form.cart::before,
.woocommerce div.product form.cart::after {
    content: ' ';
    display: table
}

.woocommerce div.product form.cart::after {
    clear: both
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 0 0
}

.woocommerce div.product form.cart table {
    border-width: 0 0 1px
}

.woocommerce div.product form.cart table td {
    padding-left: 0
}

.woocommerce div.product form.cart table div.quantity {
    float: none;
    margin: 0
}

.woocommerce div.product form.cart table small.stock {
    display: block;
    float: none
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 1em;
    border: 0;
    width: 100%
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    border: 0;
    vertical-align: top;
    line-height: 2em
}

.woocommerce div.product form.cart .variations label {
    font-weight: 700
}

.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-right: 1em
}

.woocommerce div.product form.cart .variations td.label {
    padding-right: 1em
}

.woocommerce div.product form.cart .woocommerce-variation-description p {
    margin-bottom: 1em
}

.woocommerce div.product form.cart .reset_variations {
    visibility: hidden;
    font-size: 0.83em
}

.woocommerce div.product form.cart .wc-no-matching-variations {
    display: none
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
    padding-right: 1em;
    padding-left: 1em
}

.woocommerce div.product form.cart .group_table td {
    vertical-align: top;
    padding-bottom: 0.5em;
    border: 0
}

.woocommerce div.product form.cart .group_table td:first-child {
    width: 4em;
    text-align: center
}

.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox {
    display: inline-block;
    width: auto;
    margin: 0 auto
}

.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: 0.202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -0.5em;
    left: -0.5em;
    margin: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #722ea6;
    color: #ebe1f2;
    font-size: 0.857em;
    z-index: 9
}

.woocommerce .products ul,
.woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    *zoom: 1
}

.woocommerce .products ul::before,
.woocommerce .products ul::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    content: ' ';
    display: table
}

.woocommerce .products ul::after,
.woocommerce ul.products::after {
    clear: both
}

.woocommerce .products ul li,
.woocommerce ul.products li {
    list-style: none outside
}

.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: -0.5em -0.5em 0 0
}

.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
    padding: 0.5em 0;
    margin: 0;
    font-size: 1em
}

.woocommerce ul.products li.product a {
    text-decoration: none
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.woocommerce ul.products li.product strong {
    display: block
}

.woocommerce ul.products li.product .star-rating {
    font-size: 0.857em
}

.woocommerce ul.products li.product .button {
    margin-top: 1em
}

.woocommerce ul.products li.product .price {
    color: #722ea6;
    display: block;
    font-weight: normal;
    margin-bottom: 0.5em;
    font-size: 0.857em
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: 0.5;
    display: inline-block
}

.woocommerce ul.products li.product .price ins {
    background: none;
    font-weight: 700;
    display: inline-block
}

.woocommerce ul.products li.product .price .from {
    font-size: 0.67em;
    margin: -2px 0 0 0;
    text-transform: uppercase;
    color: rgba(106, 106, 106, 0.5)
}

.woocommerce .woocommerce-result-count {
    margin: 0 0 1em
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 1em
}

.woocommerce .woocommerce-ordering select {
    vertical-align: top
}

.woocommerce nav.woocommerce-pagination {
    text-align: center
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 1px solid #9dd0a0;
    border-right: 0;
    margin: 1px
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: 1px solid #9dd0a0;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1em;
    font-weight: normal;
    padding: 0.5em;
    min-width: 1em;
    display: block
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background: #bfe1c1;
    color: #449049
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    color: #2a2724;
    background-color: transparent;
    border: 2px solid #235ad2;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    color: #2a2724;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    font-size: 10px;
    padding: 15px 20px 11px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.woocommerce a.button:before,
.woocommerce a.button:after,
.woocommerce button.button:before,
.woocommerce button.button:after,
.woocommerce input.button:before,
.woocommerce input.button:after,
.woocommerce #respond input#submit:before,
.woocommerce #respond input#submit:after {
    display: none
}

.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading,
.woocommerce #respond input#submit.loading {
    opacity: 0.25;
    padding-right: 2.618em
}

.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after,
.woocommerce #respond input#submit.loading::after {
    font-family: 'WooCommerce';
    content: '\e01c';
    vertical-align: top;
    font-weight: 400;
    position: absolute;
    top: 0.618em;
    right: 1em;
    display: inline;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after,
.woocommerce #respond input#submit.added::after {
    font-family: 'WooCommerce';
    content: '\e017';
    margin-left: 0.53em;
    vertical-align: bottom
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #235ad2;
    text-decoration: none;
    background-image: none;
    color: #e8e8e8
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
    background-color: #235ad2;
    border-color: transparent;
    color: #e8e8e8;
    -webkit-font-smoothing: antialiased
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
    color: #235ad2 !important;
    border-color: #235ad2;
    background-color: #fff
}

.woocommerce a.button:disabled,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled[disabled] {
    color: inherit;
    cursor: not-allowed;
    opacity: 0.5;
    padding: 15px 20px 11px
}

.woocommerce a.button:disabled:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover {
    color: #e8e8e8;
    background-color: #235ad2
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
    float: none
}

.woocommerce a.added_to_cart {
    padding-top: 15px;
    display: inline-block
}

.woocommerce #reviews h2 small {
    float: right;
    color: #2a2724;
    font-size: 15px;
    margin: 10px 0 0
}

.woocommerce #reviews h2 small a {
    text-decoration: none;
    color: #2a2724
}

.woocommerce #reviews h3 {
    margin: 0
}

.woocommerce #reviews #respond {
    margin: 0;
    border: 0;
    padding: 0
}

.woocommerce #reviews #comment {
    height: 75px
}

.woocommerce #reviews #comments .add_review {
    *zoom: 1
}

.woocommerce #reviews #comments .add_review::before,
.woocommerce #reviews #comments .add_review::after {
    content: ' ';
    display: table
}

.woocommerce #reviews #comments .add_review::after {
    clear: both
}

.woocommerce #reviews #comments h2 {
    clear: none
}

.woocommerce #reviews #comments ol.commentlist {
    *zoom: 1;
    margin: 0;
    width: 100%;
    background: none;
    list-style: none
}

.woocommerce #reviews #comments ol.commentlist::before,
.woocommerce #reviews #comments ol.commentlist::after {
    content: ' ';
    display: table
}

.woocommerce #reviews #comments ol.commentlist::after {
    clear: both
}

.woocommerce #reviews #comments ol.commentlist li {
    padding: 0;
    margin: 0 0 20px;
    border: 0;
    position: relative;
    background: 0;
    border: 0
}

.woocommerce #reviews #comments ol.commentlist li .meta {
    color: #2a2724;
    font-size: 0.75em
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    width: 32px;
    height: auto;
    background: #bfe1c1;
    border: 1px solid #b5dcb7;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: 1px solid #b5dcb7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1em 1em 0;
    *zoom: 1
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::before,
.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
    content: ' ';
    display: table
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
    clear: both
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 0 0 1em
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 0.83em
}

.woocommerce #reviews #comments ol.commentlist ul.children {
    list-style: none outside;
    margin: 20px 0 0 50px
}

.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
    display: none
}

.woocommerce #reviews #comments ol.commentlist #respond {
    border: 1px solid #b5dcb7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1em 1em 0;
    margin: 20px 0 0 50px
}

.woocommerce #reviews #comments .commentlist>li::before {
    content: ''
}

.woocommerce .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: 'star'
}

.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #9dd0a0;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0
}

.woocommerce .woocommerce-product-rating {
    *zoom: 1;
    line-height: 2;
    display: block
}

.woocommerce .woocommerce-product-rating::before,
.woocommerce .woocommerce-product-rating::after {
    content: ' ';
    display: table
}

.woocommerce .woocommerce-product-rating::after {
    clear: both
}

.woocommerce .woocommerce-product-rating .star-rating {
    margin: 0.5em 4px 0 0;
    float: left
}

.woocommerce .products .star-rating {
    display: block;
    margin: 0 0 0.5em;
    float: none
}

.woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0
}

.woocommerce #review_form #respond {
    *zoom: 1;
    position: static;
    margin: 0;
    width: auto;
    padding: 0;
    background: transparent none;
    border: 0
}

.woocommerce #review_form #respond::before,
.woocommerce #review_form #respond::after {
    content: ' ';
    display: table
}

.woocommerce #review_form #respond::after {
    clear: both
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px
}

.woocommerce #review_form #respond .form-submit input {
    left: auto
}

.woocommerce #review_form #respond textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none
}

.woocommerce p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: 'WooCommerce';
    content: '\e021';
    text-indent: 0
}

.woocommerce p.stars a:hover ~ a::before {
    content: '\e021'
}

.woocommerce p.stars:hover a::before {
    content: '\e020'
}

.woocommerce p.stars.selected a.active::before {
    content: '\e020'
}

.woocommerce p.stars.selected a.active ~ a::before {
    content: '\e021'
}

.woocommerce p.stars.selected a:not(.active)::before {
    content: '\e020'
}

.woocommerce table.shop_attributes {
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    margin-bottom: 1.618em;
    width: 100%
}

.woocommerce table.shop_attributes th {
    width: 150px;
    font-weight: 700;
    padding: 8px;
    border-top: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0;
    line-height: 1.5
}

.woocommerce table.shop_attributes td {
    font-style: italic;
    padding: 0;
    border-top: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    margin: 0;
    line-height: 1.5
}

.woocommerce table.shop_attributes td p {
    margin: 0;
    padding: 8px 0
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: rgba(0, 0, 0, 0.025)
}

.woocommerce table.shop_table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    -webkit-border-radius: 0;
    border-radius: 0
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 12px;
    vertical-align: middle
}

.woocommerce table.shop_table td small {
    font-weight: normal
}

.woocommerce table.shop_table tbody:first-child tr:first-child th,
.woocommerce table.shop_table tbody:first-child tr:first-child td {
    border-top: 0
}

.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tbody th {
    font-weight: 700;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.woocommerce table.my_account_orders {
    font-size: 0.85em
}

.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td {
    padding: 4px 8px;
    vertical-align: middle
}

.woocommerce table.my_account_orders .button {
    white-space: nowrap
}

.woocommerce table.my_account_orders .order-actions {
    text-align: right
}

.woocommerce table.my_account_orders .order-actions .button {
    margin: 0.125em 0 0.125em 0.25em
}

.woocommerce table.woocommerce-MyAccount-downloads td,
.woocommerce table.woocommerce-MyAccount-downloads th {
    vertical-align: top;
    text-align: center
}

.woocommerce table.woocommerce-MyAccount-downloads td:first-child,
.woocommerce table.woocommerce-MyAccount-downloads th:first-child {
    text-align: left
}

.woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.woocommerce table.woocommerce-MyAccount-downloads th:last-child {
    text-align: left
}

.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,
.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before {
    content: '\2193';
    display: inline-block
}

.woocommerce td.product-name dl.variation,
.woocommerce td.product-name .wc-item-meta {
    list-style: none outside
}

.woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label {
    float: left;
    clear: both;
    margin-right: .25em;
    display: inline-block;
    list-style: none outside
}

.woocommerce td.product-name dl.variation dd,
.woocommerce td.product-name .wc-item-meta dd {
    margin: 0
}

.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child,
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child {
    margin-bottom: 0
}

.woocommerce td.product-name p.backorder_notification {
    font-size: 0.83em
}

.woocommerce td.product-quantity {
    min-width: 80px
}

.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
    padding: 4px 0;
    margin: 0;
    *zoom: 1;
    list-style: none
}

.woocommerce ul.cart_list li::before,
.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::before,
.woocommerce ul.product_list_widget li::after {
    content: ' ';
    display: table
}

.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::after {
    clear: both
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: right;
    margin-left: 4px;
    width: 32px;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
    margin: 0;
    padding-left: 1em;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    *zoom: 1
}

.woocommerce ul.cart_list li dl::before,
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.product_list_widget li dl::before,
.woocommerce ul.product_list_widget li dl::after {
    content: ' ';
    display: table
}

.woocommerce ul.cart_list li dl::after,
.woocommerce ul.product_list_widget li dl::after {
    clear: both
}

.woocommerce ul.cart_list li dl dt,
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dt,
.woocommerce ul.product_list_widget li dl dd {
    display: inline-block;
    float: left;
    margin-bottom: 1em
}

.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
    font-weight: 700;
    padding: 0 0 0.25em;
    margin: 0 4px 0 0;
    clear: left
}

.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
    padding: 0 0 0.25em
}

.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child {
    margin-bottom: 0
}

.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
    float: none
}

.woocommerce.widget_shopping_cart .total,
.woocommerce .widget_shopping_cart .total {
    border-top: 3px double #bfe1c1;
    padding: 4px 0 0
}

.woocommerce.widget_shopping_cart .total strong,
.woocommerce .widget_shopping_cart .total strong {
    min-width: 40px;
    display: inline-block
}

.woocommerce.widget_shopping_cart .cart_list li,
.woocommerce .widget_shopping_cart .cart_list li {
    padding-left: 2em;
    position: relative;
    padding-top: 0
}

.woocommerce.widget_shopping_cart .cart_list li a.remove,
.woocommerce .widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    top: 0;
    left: 0
}

.woocommerce.widget_shopping_cart .buttons,
.woocommerce .widget_shopping_cart .buttons {
    *zoom: 1
}

.woocommerce.widget_shopping_cart .buttons::before,
.woocommerce.widget_shopping_cart .buttons::after,
.woocommerce .widget_shopping_cart .buttons::before,
.woocommerce .widget_shopping_cart .buttons::after {
    content: ' ';
    display: table
}

.woocommerce.widget_shopping_cart .buttons::after,
.woocommerce .widget_shopping_cart .buttons::after {
    clear: both
}

.woocommerce.widget_shopping_cart .buttons a,
.woocommerce .widget_shopping_cart .buttons a {
    margin-right: 5px;
    margin-bottom: 5px
}

.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
    -moz-placeholder-line-height: normal;
    -ms-input-placeholder-line-height: normal
}

.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s 0.5s ease;
    -o-transition: opacity 0.5s 0.5s ease;
    transition: opacity 0.5s 0.5s ease;
    opacity: 0
}

.woocommerce form .form-row label {
    line-height: 2
}

.woocommerce form .form-row label.hidden {
    visibility: hidden
}

.woocommerce form .form-row label.inline {
    display: inline
}

.woocommerce form .form-row select {
    cursor: pointer;
    margin: 0
}

.woocommerce form .form-row .required {
    color: #e54848;
    font-weight: normal;
    border: 0;
    font-family: "Open Sans";
    text-decoration: none
}

.woocommerce form .form-row .input-checkbox {
    display: inline;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
    border: 1px solid #e7e0d5;
    padding: 5px;
    font-size: 13px
}

.woocommerce form .form-row textarea {
    height: 4em;
    line-height: 1.5;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none
}

.woocommerce form .form-row .select2-container {
    width: 100%;
    line-height: 2em
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: #e54848
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: #e54848
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: #1d9525
}

.woocommerce form .form-row::-webkit-input-placeholder {
    line-height: normal
}

.woocommerce form.login,
.woocommerce form.checkout_coupon,
.woocommerce form.register {
    border: 1px solid #9dd0a0;
    padding: 20px;
    margin: 2em auto !important;
    text-align: left;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.woocommerce ul#shipping_method {
    list-style: none outside;
    margin: 0;
    padding: 0
}

.woocommerce ul#shipping_method li {
    margin: 0;
    padding: 0.25em 0 0.25em 22px;
    text-indent: -22px;
    list-style: none outside
}

.woocommerce ul#shipping_method li:before {
    display: none
}

.woocommerce ul#shipping_method li input {
    margin: 3px 0.5ex
}

.woocommerce ul#shipping_method li label {
    display: inline
}

.woocommerce ul#shipping_method .amount {
    font-weight: 700
}

.woocommerce p.woocommerce-shipping-contents {
    margin: 0
}

.woocommerce ul.order_details {
    *zoom: 1;
    margin: 0 0 3em;
    list-style: none
}

.woocommerce ul.order_details::before,
.woocommerce ul.order_details::after {
    content: ' ';
    display: table
}

.woocommerce ul.order_details::after {
    clear: both
}

.woocommerce ul.order_details li {
    float: left;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: 0.715em;
    line-height: 1;
    border-right: 2px solid #f5f2ed;
    padding-right: 2em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none
}

.woocommerce ul.order_details li:before {
    display: none !important
}

.woocommerce ul.order_details li strong {
    display: block;
    font-size: 1.4em;
    text-transform: none;
    line-height: 1.5;
    color: #235ad2;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: normal;
    padding-top: 10px
}

.woocommerce ul.order_details li:last-of-type {
    border: none
}

.woocommerce .wc-bacs-bank-details-account-name {
    font-weight: bold
}

.woocommerce .woocommerce-order-downloads,
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details {
    margin-bottom: 2em
}

.woocommerce .woocommerce-order-downloads *:last-child,
.woocommerce .woocommerce-customer-details *:last-child,
.woocommerce .woocommerce-order-details *:last-child {
    margin-bottom: 0
}

.woocommerce .woocommerce-customer-details address {
    font-style: normal;
    margin-bottom: 0;
    text-align: left;
    border-width: 1px;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 6px 12px
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
    margin-bottom: 0;
    padding-left: 1.5em
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.618em;
    content: "";
    text-decoration: none;
    margin-left: -1.5em;
    line-height: 1.75;
    position: absolute
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.618em;
    content: "";
    text-decoration: none;
    margin-left: -1.5em;
    line-height: 1.75;
    position: absolute
}

.woocommerce .woocommerce-thankyou-order-received {
    color: #235ad2;
    padding-left: 0
}

.woocommerce .woocommerce-widget-layered-nav-list {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    *zoom: 1;
    padding: 0 0 1px;
    list-style: none
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after {
    content: ' ';
    display: table
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after {
    clear: both
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
    padding: 1px 0
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.618em;
    content: "";
    text-decoration: none;
    color: #e54848
}

.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
    margin-top: 1em
}

.woocommerce .widget_layered_nav_filters ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;
    overflow: hidden;
    zoom: 1
}

.woocommerce .widget_layered_nav_filters ul li {
    float: left;
    padding: 0 1em 1px 1px;
    list-style: none
}

.woocommerce .widget_layered_nav_filters ul li a {
    text-decoration: none
}

.woocommerce .widget_layered_nav_filters ul li a::before {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.618em;
    content: "";
    text-decoration: none;
    color: #e54848;
    vertical-align: inherit;
    margin-right: .5em
}

.woocommerce .widget_price_filter .price_slider {
    margin-bottom: 1em
}

.woocommerce .widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4;
    font-size: 0.8751em
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 1.15em;
    float: left
}

.woocommerce .widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
    margin-left: 0.5em;
    margin-right: 0.5em
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    background-color: #235ad2;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    cursor: ew-resize;
    outline: none;
    top: -0.3em;
    margin-left: -0.5em
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #235ad2
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #006200;
    border: 0
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 0.5em
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
    left: -1px
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
    right: -1px
}

.woocommerce .widget_rating_filter ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside
}

.woocommerce .widget_rating_filter ul li {
    *zoom: 1;
    padding: 0 0 1px;
    list-style: none
}

.woocommerce .widget_rating_filter ul li::before,
.woocommerce .widget_rating_filter ul li::after {
    content: ' ';
    display: table
}

.woocommerce .widget_rating_filter ul li::after {
    clear: both
}

.woocommerce .widget_rating_filter ul li a {
    padding: 1px 0;
    text-decoration: none
}

.woocommerce .widget_rating_filter ul li .star-rating {
    float: none;
    display: inline-block
}

.woocommerce .widget_rating_filter ul li.chosen a::before {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.618em;
    content: "";
    text-decoration: none;
    color: #e54848
}

.pswp {
    z-index: 999999
}

.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
    max-width: none
}

button.pswp__button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-image: url("photoswipe/default-skin/default-skin.png") !important
}

button.pswp__button,
button.pswp__button:hover,
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before {
    background-color: transparent !important
}

button.pswp__button--arrow--left,
button.pswp__button--arrow--right,
button.pswp__button--arrow--left:hover,
button.pswp__button--arrow--right:hover {
    background-image: none !important
}

button.pswp__button--close:hover {
    background-position: 0 -44px
}

button.pswp__button--zoom:hover {
    background-position: -88px 0
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #e8e8e8;
    border-top: 3px solid #235ad2;
    list-style: none outside;
    *zoom: 1;
    width: auto;
    word-wrap: break-word;
    color: #2a2724;
    line-height: 35px;
    line-height: 35rem;
    padding-left: 20px
}

.woocommerce-message::before,
.woocommerce-message::after,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-info::before,
.woocommerce-info::after {
    content: ' ';
    display: table
}

.woocommerce-message::after,
.woocommerce-error::after,
.woocommerce-info::after {
    clear: both
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    display: inline-block;
    position: relative;
    content: "" !important;
    font-size: 35px;
    top: auto;
    vertical-align: middle;
    margin-right: 10px;
    left: auto
}

.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
    float: right
}

.woocommerce-message.woocommerce-error:before,
.woocommerce-error.woocommerce-error:before,
.woocommerce-info.woocommerce-error:before {
    display: none
}

.woocommerce-message li,
.woocommerce-error li,
.woocommerce-info li {
    list-style: none outside !important;
    padding-left: 20px !important;
    margin-left: 0 !important;
    line-height: 25px;
    line-height: 25rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        line-height: 20px
    }
    .woocommerce-message li,
    .woocommerce-error li,
    .woocommerce-info li {
        line-height: 20px
    }
}

.rtl.woocommerce div.product div.images .flex-control-thumbs li {
    float: right
}

.woocommerce-message {
    border-top-color: #235ad2
}

.woocommerce-message::before {
    content: '\e015';
    color: #235ad2
}

.woocommerce-info {
    border-top-color: #235ad2
}

.woocommerce-info::before {
    color: #235ad2
}

.woocommerce-error {
    border-top-color: #e54848
}

.woocommerce-error::before {
    content: '\e016';
    color: #e54848
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce-account .page-simple__content {
        padding-left: 0 !important
    }
}

.woocommerce-account .page-simple__content form.login {
    padding: 0 !important
}

.woocommerce-account .common-text p {
    padding-left: 0
}

.woocommerce-account .woocommerce {
    *zoom: 1
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
    content: ' ';
    display: table
}

.woocommerce-account .woocommerce::after {
    clear: both
}

.woocommerce-account .woocommerce-Address {
    width: 100% !important;
    float: none !important;
    margin-bottom: 50px
}

.woocommerce-account .addresses .title {
    *zoom: 1
}

.woocommerce-account .addresses .title::before,
.woocommerce-account .addresses .title::after {
    content: ' ';
    display: table
}

.woocommerce-account .addresses .title::after {
    clear: both
}

.woocommerce-account .addresses .title h3 {
    float: left
}

.woocommerce-account .addresses .title .edit {
    float: right;
    padding-top: 10px;
    color: #939393
}

.woocommerce-account ol.commentlist.notes li.note p.meta {
    font-weight: 700;
    margin-bottom: 0
}

.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
    margin-bottom: 0
}

.woocommerce-account ul.digital-downloads {
    margin-left: 0;
    padding-left: 0
}

.woocommerce-account ul.digital-downloads li {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.woocommerce-account ul.digital-downloads li::before {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.618em;
    content: "";
    text-decoration: none
}

.woocommerce-account ul.digital-downloads li .count {
    float: right
}

.woocommerce-cart .common-text p,
.woocommerce-checkout .common-text p,
#add_payment_method .common-text p {
    padding-left: 0
}

.woocommerce-cart .common-text a:before,
.woocommerce-cart .common-text a:after,
.woocommerce-checkout .common-text a:before,
.woocommerce-checkout .common-text a:after,
#add_payment_method .common-text a:before,
#add_payment_method .common-text a:after {
    display: none
}

.woocommerce-cart .grid-l__large,
.woocommerce-checkout .grid-l__large,
#add_payment_method .grid-l__large {
    width: 100%;
    padding-right: 90px;
    padding-right: 90rem
}

@media (max-width: 1080px) {
    .woocommerce-cart .grid-l__large,
    .woocommerce-checkout .grid-l__large,
    #add_payment_method .grid-l__large {
        padding-right: 30px
    }
}

.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail,
#add_payment_method table.cart .product-thumbnail {
    min-width: 50px;
    height: 70px;
    padding: 0;
    line-height: 50px;
    text-align: center;
    display: none
}

.woocommerce-cart table.cart .product-thumbnail a,
.woocommerce-checkout table.cart .product-thumbnail a,
#add_payment_method table.cart .product-thumbnail a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img,
#add_payment_method table.cart img {
    width: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.cart td,
#add_payment_method table.cart th,
#add_payment_method table.cart td {
    vertical-align: middle;
    padding: 14px 10px
}

.woocommerce-cart table.cart th.product-remove,
.woocommerce-cart table.cart td.product-remove,
.woocommerce-checkout table.cart th.product-remove,
.woocommerce-checkout table.cart td.product-remove,
#add_payment_method table.cart th.product-remove,
#add_payment_method table.cart td.product-remove {
    text-align: center
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
#add_payment_method table.cart td.actions .coupon .input-text {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #9dd0a0;
    padding: 12px 2px;
    margin: 0 10px 0 0;
    width: 100px;
    text-align: center;
    outline: 0;
    line-height: 1
}

.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input,
#add_payment_method table.cart input {
    margin: 0;
    vertical-align: middle;
    line-height: 1
}

.woocommerce-cart table.cart thead tr th,
.woocommerce-checkout table.cart thead tr th,
#add_payment_method table.cart thead tr th {
    color: #235ad2;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: normal;
    font-size: 11px
}

.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout,
#add_payment_method .wc-proceed-to-checkout {
    *zoom: 1;
    padding: 1em 0
}

.woocommerce-cart .wc-proceed-to-checkout::before,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::before,
.woocommerce-checkout .wc-proceed-to-checkout::after,
#add_payment_method .wc-proceed-to-checkout::before,
#add_payment_method .wc-proceed-to-checkout::after {
    content: ' ';
    display: table
}

.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::after,
#add_payment_method .wc-proceed-to-checkout::after {
    clear: both
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    font-size: 12px;
    padding: 15px 20px 11px
}

.woocommerce-cart .cart-collaterals ul li before,
.woocommerce-checkout .cart-collaterals ul li before,
#add_payment_method .cart-collaterals ul li before {
    display: none
}

.woocommerce-cart .cart-collaterals .shipping_calculator .button,
.woocommerce-checkout .cart-collaterals .shipping_calculator .button,
#add_payment_method .cart-collaterals .shipping_calculator .button {
    width: 100%;
    float: none;
    display: block
}

.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after,
#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after {
    font-family: 'WooCommerce';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 0.618em;
    content: "";
    text-decoration: none
}

.woocommerce-cart .cart-collaterals .cart_totals p small,
.woocommerce-checkout .cart-collaterals .cart_totals p small,
#add_payment_method .cart-collaterals .cart_totals p small {
    color: #2a2724;
    font-size: 0.83em
}

.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table,
#add_payment_method .cart-collaterals .cart_totals table {
    border-collapse: separate;
    margin: 0 0 6px;
    padding: 0
}

.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,
#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td {
    border-top: 0
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th,
#add_payment_method .cart-collaterals .cart_totals table th {
    width: 40%
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td,
.woocommerce-checkout .cart-collaterals .cart_totals table th,
#add_payment_method .cart-collaterals .cart_totals table td,
#add_payment_method .cart-collaterals .cart_totals table th {
    vertical-align: top;
    border-left: 0;
    border-right: 0;
    line-height: 1.5em
}

.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small,
#add_payment_method .cart-collaterals .cart_totals table small {
    color: #2a2724
}

.woocommerce-cart .cart-collaterals .cart_totals table select,
.woocommerce-checkout .cart-collaterals .cart_totals table select,
#add_payment_method .cart-collaterals .cart_totals table select {
    width: 100%
}

.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td,
#add_payment_method .cart-collaterals .cart_totals .discount td {
    color: #722ea6
}

.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #bfe1c1
}

.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product,
#add_payment_method .cart-collaterals .cross-sells ul.products li.product {
    margin-top: 0
}

.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address,
#add_payment_method .checkout .col-2 h3#ship-to-different-address {
    float: left;
    clear: none
}

.woocommerce-cart .checkout .col-2 .notes,
.woocommerce-checkout .checkout .col-2 .notes,
#add_payment_method .checkout .col-2 .notes {
    clear: left
}

.woocommerce-cart .checkout .col-2 .form-row-first,
.woocommerce-checkout .checkout .col-2 .form-row-first,
#add_payment_method .checkout .col-2 .form-row-first {
    clear: left
}

.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small,
#add_payment_method .checkout .create-account small {
    font-size: 11px;
    color: #2a2724;
    font-weight: normal
}

.woocommerce-cart .checkout div.shipping-address,
.woocommerce-checkout .checkout div.shipping-address,
#add_payment_method .checkout div.shipping-address {
    padding: 0;
    clear: left;
    width: 100%
}

.woocommerce-cart .checkout .shipping_address,
.woocommerce-checkout .checkout .shipping_address,
#add_payment_method .checkout .shipping_address {
    clear: both
}

.woocommerce-cart #payment,
.woocommerce-checkout #payment,
#add_payment_method #payment {
    background: #e8e8e8;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment ul.payment_methods {
    *zoom: 1;
    text-align: left;
    padding: 1em;
    border-bottom: 1px solid #d4c8b5;
    margin: 0;
    list-style: none outside
}

.woocommerce-cart #payment ul.payment_methods::before,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::before,
#add_payment_method #payment ul.payment_methods::after {
    content: ' ';
    display: table
}

.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::after {
    clear: both
}

.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li,
#add_payment_method #payment ul.payment_methods li {
    line-height: 2;
    text-align: left;
    margin: 0;
    font-weight: normal
}

.woocommerce-cart #payment ul.payment_methods li:before,
.woocommerce-checkout #payment ul.payment_methods li:before,
#add_payment_method #payment ul.payment_methods li:before {
    display: none !important
}

.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input,
#add_payment_method #payment ul.payment_methods li input {
    margin: 0 1em 0 0
}

.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img,
#add_payment_method #payment ul.payment_methods li img {
    vertical-align: middle;
    margin: -2px 0 0 0.5em;
    padding: 0;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

.woocommerce-cart #payment ul.payment_methods li img+img,
.woocommerce-checkout #payment ul.payment_methods li img+img,
#add_payment_method #payment ul.payment_methods li img+img {
    margin-left: 2px
}

.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice),
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice),
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice) {
    *zoom: 1
}

.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after {
    content: ' ';
    display: table
}

.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after {
    clear: both
}

.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row,
#add_payment_method #payment div.form-row {
    padding: 1em
}

.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box,
#add_payment_method #payment div.payment_box {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 1em 0;
    font-size: 0.92em;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #e5daca;
    color: #2f3f30;
    -moz-placeholder-color: #7ac07f;
    -ms-input-placeholder-color: #7ac07f
}

.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea,
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea {
    border-color: #d4c3a8;
    border-top-color: #cbb797
}

.woocommerce-cart #payment div.payment_box::-webkit-input-placeholder,
.woocommerce-checkout #payment div.payment_box::-webkit-input-placeholder,
#add_payment_method #payment div.payment_box::-webkit-input-placeholder {
    color: #7ac07f
}

.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods {
    list-style: none outside;
    margin: 0
}

.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new {
    margin: 0 0 0.5em
}

.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label {
    cursor: pointer
}

.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
    vertical-align: middle;
    margin: -3px 1em 0 0;
    position: relative
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form,
#add_payment_method #payment div.payment_box .wc-credit-card-form {
    border: 0;
    padding: 0;
    margin: 1em 0 0
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
    font-size: 1.5em;
    padding: 8px;
    background-repeat: no-repeat;
    background-position: right 0.618em center;
    -webkit-background-size: 32px 20px;
    background-size: 32px 20px
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
    background-image: url("../images/icons/credit-cards/visa.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
    background-image: url("../images/icons/credit-cards/mastercard.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
    background-image: url("../images/icons/credit-cards/laser.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
    background-image: url("../images/icons/credit-cards/diners.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
    background-image: url("../images/icons/credit-cards/maestro.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
    background-image: url("../images/icons/credit-cards/jcb.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
    background-image: url("../images/icons/credit-cards/amex.svg")
}

.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
    background-image: url("../images/icons/credit-cards/discover.svg")
}

.woocommerce-cart #payment div.payment_box span.help,
.woocommerce-checkout #payment div.payment_box span.help,
#add_payment_method #payment div.payment_box span.help {
    font-size: 0.857em;
    color: #2a2724;
    font-weight: normal
}

.woocommerce-cart #payment div.payment_box .form-row,
.woocommerce-checkout #payment div.payment_box .form-row,
#add_payment_method #payment div.payment_box .form-row {
    margin: 0 0 1em
}

.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child,
#add_payment_method #payment div.payment_box p:last-child {
    margin-bottom: 0
}

.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before,
#add_payment_method #payment div.payment_box::before {
    content: '';
    display: block;
    border: 1em solid #e5daca;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -0.75em;
    left: 0;
    margin: -1em 0 0 2em
}

.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
#add_payment_method #payment .payment_method_paypal .about_paypal {
    float: right;
    line-height: 52px;
    font-size: 0.83em
}

.woocommerce-cart #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img,
#add_payment_method #payment .payment_method_paypal img {
    max-height: 52px;
    vertical-align: middle
}

.woocommerce-terms-and-conditions {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.05)
}

.woocommerce-password-strength {
    text-align: center;
    font-weight: 600;
    padding: 3px 0.5em;
    font-size: 1em
}

.woocommerce-password-strength.strong {
    background-color: #c1e1b9;
    border-color: #83c373
}

.woocommerce-password-strength.short {
    background-color: #f1adad;
    border-color: #e35b5b
}

.woocommerce-password-strength.bad {
    background-color: #fbc5a9;
    border-color: #f78b53
}

.woocommerce-password-strength.good {
    background-color: #ffe399;
    border-color: #ffc733
}

.woocommerce-password-hint {
    margin: 0.5em 0 0;
    display: block
}

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button {
    float: right
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    *zoom: 1;
    width: 100%
}

.woocommerce .col2-set::before,
.woocommerce .col2-set::after,
.woocommerce-page .col2-set::before,
.woocommerce-page .col2-set::after {
    content: ' ';
    display: table
}

.woocommerce .col2-set::after,
.woocommerce-page .col2-set::after {
    clear: both
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: none;
        width: auto
    }
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: none;
        width: auto
    }
}

.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
    float: left;
    width: 48%
}

.woocommerce div.product div.thumbnails,
.woocommerce #content div.product div.thumbnails,
.woocommerce-page div.product div.thumbnails,
.woocommerce-page #content div.product div.thumbnails {
    *zoom: 1
}

.woocommerce div.product div.thumbnails::before,
.woocommerce div.product div.thumbnails::after,
.woocommerce #content div.product div.thumbnails::before,
.woocommerce #content div.product div.thumbnails::after,
.woocommerce-page div.product div.thumbnails::before,
.woocommerce-page div.product div.thumbnails::after,
.woocommerce-page #content div.product div.thumbnails::before,
.woocommerce-page #content div.product div.thumbnails::after {
    content: ' ';
    display: table
}

.woocommerce div.product div.thumbnails::after,
.woocommerce #content div.product div.thumbnails::after,
.woocommerce-page div.product div.thumbnails::after,
.woocommerce-page #content div.product div.thumbnails::after {
    clear: both
}

.woocommerce div.product div.thumbnails a,
.woocommerce #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a {
    float: left;
    width: 30.75%;
    margin-right: 3.8%;
    margin-bottom: 1em
}

.woocommerce div.product div.thumbnails a.last,
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last {
    margin-right: 0
}

.woocommerce div.product div.thumbnails a.first,
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first,
.woocommerce-page #content div.product div.thumbnails a.first {
    clear: both
}

.woocommerce div.product div.thumbnails.columns-1 a,
.woocommerce #content div.product div.thumbnails.columns-1 a,
.woocommerce-page div.product div.thumbnails.columns-1 a,
.woocommerce-page #content div.product div.thumbnails.columns-1 a {
    width: 100%;
    margin-right: 0;
    float: none
}

.woocommerce div.product div.thumbnails.columns-2 a,
.woocommerce #content div.product div.thumbnails.columns-2 a,
.woocommerce-page div.product div.thumbnails.columns-2 a,
.woocommerce-page #content div.product div.thumbnails.columns-2 a {
    width: 48%
}

.woocommerce div.product div.thumbnails.columns-4 a,
.woocommerce #content div.product div.thumbnails.columns-4 a,
.woocommerce-page div.product div.thumbnails.columns-4 a,
.woocommerce-page #content div.product div.thumbnails.columns-4 a {
    width: 22.05%
}

.woocommerce div.product div.thumbnails.columns-5 a,
.woocommerce #content div.product div.thumbnails.columns-5 a,
.woocommerce-page div.product div.thumbnails.columns-5 a,
.woocommerce-page #content div.product div.thumbnails.columns-5 a {
    width: 16.9%
}

.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
    float: right;
    width: 48%;
    clear: none
}

.woocommerce div.product .woocommerce-tabs,
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs {
    clear: both
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    *zoom: 1
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after {
    content: ' ';
    display: table
}

.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after {
    clear: both
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    display: inline-block
}

.woocommerce div.product #reviews .comment,
.woocommerce #content div.product #reviews .comment,
.woocommerce-page div.product #reviews .comment,
.woocommerce-page #content div.product #reviews .comment {
    *zoom: 1
}

.woocommerce div.product #reviews .comment::before,
.woocommerce div.product #reviews .comment::after,
.woocommerce #content div.product #reviews .comment::before,
.woocommerce #content div.product #reviews .comment::after,
.woocommerce-page div.product #reviews .comment::before,
.woocommerce-page div.product #reviews .comment::after,
.woocommerce-page #content div.product #reviews .comment::before,
.woocommerce-page #content div.product #reviews .comment::after {
    content: ' ';
    display: table
}

.woocommerce div.product #reviews .comment::after,
.woocommerce #content div.product #reviews .comment::after,
.woocommerce-page div.product #reviews .comment::after,
.woocommerce-page #content div.product #reviews .comment::after {
    clear: both
}

.woocommerce div.product #reviews .comment img,
.woocommerce #content div.product #reviews .comment img,
.woocommerce-page div.product #reviews .comment img,
.woocommerce-page #content div.product #reviews .comment img {
    float: right;
    height: auto
}

.woocommerce ul.products,
.woocommerce-page ul.products {
    clear: both;
    *zoom: 1
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    content: ' ';
    display: table
}

.woocommerce ul.products::after,
.woocommerce-page ul.products::after {
    clear: both
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0
}

.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
    clear: both
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0
}

.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
    width: 100%;
    margin-right: 0
}

.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
    width: 48%
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    width: 30.75%
}

.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
    width: 16.95%
}

.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
    width: 13.5%
}

.woocommerce.columns-1 ul.products li.product,
.woocommerce-page.columns-1 ul.products li.product {
    width: 100%;
    margin-right: 0
}

.woocommerce.columns-2 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product {
    width: 48%
}

.woocommerce.columns-3 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product {
    width: 30.75%
}

.woocommerce.columns-5 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product {
    width: 16.95%
}

.woocommerce.columns-6 ul.products li.product,
.woocommerce-page.columns-6 ul.products li.product {
    width: 13.5%
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    float: left
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    float: right
}

.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers {
    *zoom: 1
}

.woocommerce .woocommerce-pagination ul.page-numbers::before,
.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::before,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after {
    content: ' ';
    display: table
}

.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after {
    clear: both
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block
}

.woocommerce table.cart img,
.woocommerce #content table.cart img,
.woocommerce-page table.cart img,
.woocommerce-page #content table.cart img {
    height: auto
}

.woocommerce table.cart td.actions,
.woocommerce #content table.cart td.actions,
.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
    text-align: right
}

.woocommerce table.cart td.actions .input-text,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text {
    width: 80px
}

.woocommerce table.cart td.actions .coupon,
.woocommerce #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon {
    float: left
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce table.cart td.actions .coupon,
    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon {
        float: none
    }
}

.woocommerce table.cart td.actions .coupon label,
.woocommerce #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label {
    display: none
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    *zoom: 1;
    width: 100%
}

.woocommerce .cart-collaterals::before,
.woocommerce .cart-collaterals::after,
.woocommerce-page .cart-collaterals::before,
.woocommerce-page .cart-collaterals::after {
    content: ' ';
    display: table
}

.woocommerce .cart-collaterals::after,
.woocommerce-page .cart-collaterals::after {
    clear: both
}

.woocommerce .cart-collaterals .related,
.woocommerce-page .cart-collaterals .related {
    width: 30.75%;
    float: left
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
    width: 48%;
    float: left
}

.woocommerce .cart-collaterals .cross-sells ul.products,
.woocommerce-page .cart-collaterals .cross-sells ul.products {
    float: none
}

.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 48%
}

.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    width: 48%;
    *zoom: 1;
    clear: right;
    float: right
}

.woocommerce .cart-collaterals .shipping_calculator::before,
.woocommerce .cart-collaterals .shipping_calculator::after,
.woocommerce-page .cart-collaterals .shipping_calculator::before,
.woocommerce-page .cart-collaterals .shipping_calculator::after {
    content: ' ';
    display: table
}

.woocommerce .cart-collaterals .shipping_calculator::after,
.woocommerce-page .cart-collaterals .shipping_calculator::after {
    clear: both
}

.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
    width: 47%
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 48%
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        float: none;
        width: auto
    }
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
    *zoom: 1
}

.woocommerce ul.cart_list li::before,
.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::before,
.woocommerce ul.product_list_widget li::after,
.woocommerce-page ul.cart_list li::before,
.woocommerce-page ul.cart_list li::after,
.woocommerce-page ul.product_list_widget li::before,
.woocommerce-page ul.product_list_widget li::after {
    content: ' ';
    display: table
}

.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::after,
.woocommerce-page ul.cart_list li::after,
.woocommerce-page ul.product_list_widget li::after {
    clear: both
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
    float: right;
    height: auto
}

.woocommerce form .form-row,
.woocommerce-page form .form-row {
    *zoom: 1
}

.woocommerce form .form-row::before,
.woocommerce form .form-row::after,
.woocommerce-page form .form-row::before,
.woocommerce-page form .form-row::after {
    content: ' ';
    display: table
}

.woocommerce form .form-row::after,
.woocommerce-page form .form-row::after {
    clear: both
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    display: block
}

.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
    display: inline
}

.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
    width: 100%
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 47%;
    overflow: visible
}

.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first {
    float: left
}

.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
    float: right
}

.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
    clear: both
}

.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
    width: auto
}

.woocommerce #payment .wc-terms-and-conditions,
.woocommerce #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms {
    text-align: left;
    padding: 0 1em 0 0
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: right
}

.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields,
.woocommerce-page .woocommerce-billing-fields,
.woocommerce-page .woocommerce-shipping-fields {
    *zoom: 1
}

.woocommerce .woocommerce-billing-fields::before,
.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-shipping-fields::before,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-billing-fields::before,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-shipping-fields::before,
.woocommerce-page .woocommerce-shipping-fields::after {
    content: ' ';
    display: table
}

.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-shipping-fields::after {
    clear: both
}

.woocommerce .woocommerce-terms-and-conditions,
.woocommerce-page .woocommerce-terms-and-conditions {
    margin-bottom: 1.618em;
    padding: 1.618em
}

.woocommerce .woocommerce-oembed,
.woocommerce-page .woocommerce-oembed {
    position: relative
}

.woocommerce-account .woocommerce>h2 {
    margin-top: 50px;
    text-align: center
}

.woocommerce-account .woocommerce>h2:before {
    display: none
}

.woocommerce-account .page-simple__content {
    padding-left: 30px
}

@media (max-width: 767px) {
    .woocommerce-account .page-simple__content {
        padding: 0 20px
    }
}

.woocommerce-account .grid-l__large {
    width: 100%;
    margin-bottom: 0
}

.woocommerce-account form.login {
    margin-right: 50px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 0;
    max-width: 300px;
    margin: auto
}

.woocommerce-account form.login .form-row label.inline,
.woocommerce-account form.login .form-row button {
    vertical-align: middle
}

.woocommerce-account form.login .form-row button {
    margin-right: 10px
}

.woocommerce-account .cover-simple {
    margin-bottom: 0
}

.woocommerce-account .page-simple__section {
    padding-bottom: 45px;
    padding-bottom: 45rem;
    margin-bottom: 0
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px
}

.woocommerce-account .woocommerce-MyAccount-navigation:after {
    content: "";
    position: absolute;
    left: -225px;
    left: -225rem;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("../images/texture.png");
    z-index: -1
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    color: #2a2724
}

.woocommerce-account .woocommerce-MyAccount-navigation li:before {
    display: none
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: auto;
        padding-top: 30px;
        padding-bottom: 0px
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        display: inline-block;
        vertical-align: middle
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-navigation:after {
        left: -30px;
        right: -20px
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        padding-bottom: 20px
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        padding: 0;
        margin: 0 15px
    }
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 73%;
    padding: 50px
}

.woocommerce-account .woocommerce-MyAccount-content mark {
    background: #e8e8e8
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button {
    margin-top: 30px;
    float: right
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        width: auto;
        float: none;
        padding: 30px
    }
}

.woocommerce-page.left-sidebar #content.twentyeleven {
    width: 58.4%;
    margin: 0 7.6%;
    float: right
}

.woocommerce-page.right-sidebar #content.twentyeleven {
    margin: 0 7.6%;
    width: 58.4%;
    float: left
}

.twentyfourteen .tfwc {
    padding: 12px 10px 0;
    max-width: 474px;
    margin: 0 auto
}

.twentyfourteen .tfwc .product .entry-summary {
    padding: 0 !important;
    margin: 0 0 1.618em !important
}

.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
    margin-top: 0
}

@media screen and (min-width: 673px) {
    .twentyfourteen .tfwc {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1040px) {
    .twentyfourteen .tfwc {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (min-width: 1110px) {
    .twentyfourteen .tfwc {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1218px) {
    .twentyfourteen .tfwc {
        margin-right: 54px
    }
    .full-width .twentyfourteen .tfwc {
        margin-right: auto
    }
}

.twentyfifteen .t15wc {
    padding-left: 7.6923%;
    padding-right: 7.6923%;
    padding-top: 7.6923%;
    margin-bottom: 7.6923%;
    background: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15)
}

.twentyfifteen .t15wc .page-title {
    margin-left: 0
}

@media screen and (min-width: 38.75em) {
    .twentyfifteen .t15wc {
        margin-right: 7.6923%;
        margin-left: 7.6923%;
        margin-top: 8.3333%
    }
}

@media screen and (min-width: 59.6875em) {
    .twentyfifteen .t15wc {
        margin-left: 8.3333%;
        margin-right: 8.3333%;
        padding: 10%
    }
    .single-product .twentyfifteen .entry-summary {
        padding: 0 !important
    }
}

.twentysixteen .site-main {
    margin-right: 7.6923%;
    margin-left: 7.6923%
}

.twentysixteen .entry-summary {
    margin-right: 0;
    margin-left: 0
}

#content .twentysixteen div.product div.images,
#content .twentysixteen div.product div.summary {
    width: 46.42857%
}

@media screen and (min-width: 44.375em) {
    .twentysixteen .site-main {
        margin-right: 23.0769%
    }
}

@media screen and (min-width: 56.875em) {
    .twentysixteen .site-main {
        margin-right: 0;
        margin-left: 0
    }
    .no-sidebar .twentysixteen .site-main {
        margin-right: 15%;
        margin-left: 15%
    }
    .no-sidebar .twentysixteen .entry-summary {
        margin-right: 0;
        margin-left: 0
    }
}

.rtl .woocommerce .col2-set .col-1,
.rtl .woocommerce-page .col2-set .col-1 {
    float: right
}

.rtl .woocommerce .col2-set .col-2,
.rtl .woocommerce-page .col2-set .col-2 {
    float: left
}

.page-simple__section {
    padding-bottom: 130px;
    padding-bottom: 130rem
}

.page-simple__title {
    margin-bottom: 70px;
    margin-bottom: 70rem
}

.page-simple__content {
    padding-left: 135px;
    padding-left: 135rem
}

.page-simple__texts p {
    padding-left: -webkit-calc(25rem + 2px);
    padding-left: calc(25rem + 2px)
}

@media (max-width: 1260px) {
    .page-simple__texts p {
        padding-left: 27px
    }
}

@media (max-width: 1200px) {
    .woocommerce-page .page-simple__content {
        padding-left: 90px;
        padding-right: 0px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .woocommerce-page .page-simple__content {
        padding-left: 30px;
        padding-right: 0px
    }
}

#concept-sgh-introduction {
    position: relative;
    padding-bottom: 180px;
    padding-bottom: 180rem;
    margin-bottom: 0
}

#concept-sgh-introduction .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    bottom: 0;
    height: 300px;
    left: -90px;
    left: -90rem;
    right: 0
}

#concept-sgh-introduction .title--l {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

#concept-sgh-introduction .right-part {
    padding-left: 30px;
    padding-left: 30rem;
    padding-right: 130px;
    padding-right: 130rem;
    padding-top: 24px;
    padding-top: 24rem
}

#concept-sgh-introduction .right-part .img-c {
    height: 600px;
    height: 600rem
}

#concept-sgh-introduction .left-part .common-text {
    padding-left: 130px;
    padding-left: 130rem;
    padding-right: 60px;
    padding-right: 60rem
}

@media (max-width: 1260px) {
    #concept-sgh-introduction .back-rect__rect {
        height: 90px
    }
    #concept-sgh-introduction .right-part {
        padding-left: 30px;
        width: 40%;
        padding-right: 30px
    }
    #concept-sgh-introduction .right-part .img-c {
        height: 300px
    }
    #concept-sgh-introduction .left-part {
        width: 60%
    }
    #concept-sgh-introduction .left-part .common-text {
        padding-right: 30px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-sgh-introduction {
        padding-bottom: 50px
    }
    #concept-sgh-introduction .left-part {
        width: auto;
        float: none
    }
    #concept-sgh-introduction .left-part .common-text {
        padding: 0 30px
    }
    #concept-sgh-introduction .right-part {
        margin-right: 0;
        width: auto
    }
    #concept-sgh-introduction .back-rect__rect {
        height: 200px
    }
}

#concept-sgh-sizes {
    position: relative;
    margin-bottom: 128px;
    margin-bottom: 128rem
}

#concept-sgh-sizes .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: 0;
    height: 200px;
    height: 200rem;
    left: -90px;
    left: -90rem;
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-sgh-sizes {
        margin-bottom: 90px;
        margin-bottom: 90rem
    }
    #concept-sgh-sizes .sizes-tabs {
        margin: 0
    }
    #concept-sgh-sizes .sizes-tabs__head {
        position: relative
    }
    #concept-sgh-sizes .sizes-tabs__head__tab {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

#concept-sgh-custom {
    padding-top: 90px;
    padding-top: 90rem;
    padding-bottom: 90px;
    padding-bottom: 90rem;
    position: relative
}

#concept-sgh-custom .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: -10px;
    left: -90px;
    left: -90rem;
    right: 0;
    bottom: 0
}

#concept-sgh-custom .top-part .title--l {
    margin-bottom: 15px;
    margin-bottom: 15rem;
    position: relative;
    z-index: 20
}

#concept-sgh-custom .top-part .grid-l__medium {
    margin-top: -40px;
    margin-top: -40rem;
    line-height: 160px;
    line-height: 160rem
}

#concept-sgh-custom .top-part .grid-l__medium .line-mention {
    max-width: 280px;
    max-width: 280rem;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

@media (max-width: 1260px) {
    #concept-sgh-custom {
        padding-top: 80px;
        padding-top: 80rem
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-sgh-custom {
        padding-bottom: 50px;
        padding-bottom: 50rem;
        padding-top: 50px;
        padding-top: 50rem
    }
    #concept-sgh-custom .top-part .grid-l__medium {
        margin-top: 0;
        line-height: 1
    }
}

#concept-sgh-push {
    padding-top: 80px;
    padding-top: 80rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-sgh-push {
        padding-top: 50px
    }
    #concept-sgh-push .large-push {
        padding: 70px 0px
    }
}

#concept-sgh-hub {
    position: relative;
    margin-top: 155px;
    margin-top: 155rem
}

#concept-sgh-hub .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: -280px;
    top: -280rem;
    left: 30%;
    right: 0;
    height: 500px;
    height: 500rem
}

#concept-sgh-hub .img-part {
    text-align: right
}

#concept-sgh-hub .img-part .crop-img {
    display: inline-block;
    width: 420px;
    width: 420rem;
    height: 540px;
    height: 540rem
}

#concept-sgh-hub .content-part {
    padding-left: 60px;
    padding-left: 60rem;
    padding-right: 130px;
    padding-right: 130rem;
    padding-bottom: 60px;
    padding-bottom: 60rem;
    position: relative
}

#concept-sgh-hub .content-part:after {
    content: "";
    display: block;
    background: url("../images/texture.png");
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    top: 0;
    z-index: -1
}

#concept-sgh-hub .content-part .title {
    position: relative;
    z-index: 10;
    margin-bottom: 55px;
    margin-bottom: 55rem
}

#concept-sgh-hub .content-part .common-text {
    position: relative;
    z-index: 10
}

@media (max-width: 1260px) {
    #concept-sgh-hub .pictos-list {
        padding-right: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-sgh-hub {
        margin-top: 0
    }
    #concept-sgh-hub .back-rect {
        display: none
    }
    #concept-sgh-hub .img-part {
        margin-bottom: 0
    }
    #concept-sgh-hub .img-part .crop-img {
        width: 100vw;
        height: 80vw
    }
    #concept-sgh-hub .content-part {
        padding: 50px 30px
    }
}

#aero-introduction .layout__point {
    z-index: 30
}

#aero-introduction .layout__point:nth-child(1) {
    bottom: 45px;
    bottom: 45rem;
    right: 75px;
    right: 75rem
}

#aero-introduction .layout__point:nth-child(2) {
    top: 280px;
    top: 280rem;
    left: -35px;
    left: -35rem
}

#aero-introduction .layout__point:nth-child(3) {
    top: 30px;
    top: 30rem;
    right: 100px;
    right: 100rem
}

#aero-introduction .layout__point:nth-child(4) {
    top: 230px;
    top: 230rem;
    right: 60px;
    right: 60rem
}

#aero-introduction .layout__img {
    position: relative;
    z-index: 10
}

#aero-introduction .layout__zoom {
    position: absolute;
    z-index: 12;
    top: 200px;
    top: 200rem;
    left: 65px;
    left: 65rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #aero-introduction .layout {
        width: 250px
    }
    #aero-introduction .layout__zoom {
        width: 120px;
        height: 120px
    }
    #aero-introduction .layout__point:nth-child(3) {
        right: 60px;
        right: 60rem
    }
    #aero-introduction .layout__point:nth-child(4) {
        right: 30px;
        right: 30rem
    }
}

#aero-prerequisites {
    padding-bottom: 90px;
    padding-bottom: 90rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #aero-prerequisites {
        padding-bottom: 0px
    }
}

#aero-push {
    padding-bottom: 90px;
    padding-bottom: 90rem;
    position: relative
}

#aero-push .back-rect__rect {
    top: 50%;
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #aero-push {
        padding-bottom: 0
    }
    #aero-push .large-push {
        padding: 70px 0px
    }
}

#aero-slideshow {
    position: relative
}

#aero-slideshow .back-rect__rect {
    top: -1px;
    top: -1rem;
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: 0
}

#aero-slideshow .medias-slideshow {
    z-index: 10
}

#aero-tutorial {
    position: relative;
    margin-bottom: 130px;
    margin-bottom: 130rem
}

#aero-tutorial .back-rect__rect {
    top: 0;
    bottom: 50%;
    left: -90px;
    left: -90rem;
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #aero-tutorial {
        margin-bottom: 50px
    }
}

#home-products .dual-tab__navigation {
    position: relative;
    z-index: 20
}

@media (min-width: 841px) {
    #home-products .video-player:before {
        content: '';
        width: 100%;
        height: 135%;
        position: absolute;
        background: #e8e8e8;
        left: -100%;
        z-index: -1;
        top: -40%
    }
}

#home-products .cbutton--border:after {
    background-image: url(../images/circle-dark-74.svg);
    background-size: 87%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
}

#home-products .custom_button_container {
    padding: 72px;
    padding: 72rem
}

#home-products .custom_button_container .cbutton,
#home-products .custom_button_container .cbutton--close-popin {
    margin: auto;
    color: #235ad2
}

#home-products .custom_button_container .cbutton:hover,
#home-products .custom_button_container .cbutton--close-popin:hover {
    color: white
}

@media screen and (max-width: 840px) and (min-width: 767px),
screen and (max-height: 500px) and (min-width: 767px) {
    #home-products .dual-tab__content__quote {
        max-width: 300px
    }
}

#home-pioneer {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem;
    margin-bottom: 115px;
    margin-bottom: 115rem;
    z-index: 20
}

#home-pioneer .title__container-anim {
    overflow: hidden
}

#home-pioneer .back-rect {
    margin-left: 45px;
    margin-left: 45rem
}

#home-pioneer .back-rect__rect {
    background: url("../images/newimage.jpg");
    position: absolute;
    top: -90px;
    top: -90rem;
    right: -90px;
    right: -90rem;
    bottom: 79px;
    bottom: 79rem;
    width: -webkit-calc(42% + 90rem);
    width: calc(42% + 90rem)
}
    #home-pioneer .back-rect__rect:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: 0.7;
    }
@media (max-width: 1260px) {
    #home-pioneer .back-rect__rect {
        width: -webkit-calc(42% + 90px);
        width: calc(42% + 90px)
    }
}

#home-pioneer .grid-l__medium {
    margin-top: -15px;
    margin-top: -15rem
}

#home-pioneer .line-mention {
    max-width: 280px;
    max-width: 280rem
}

@media (max-width: 1260px) {
    #home-pioneer .back-rect__rect {
        width: -webkit-calc(42% + 110px);
        width: calc(42% + 110px)
    }
    #home-pioneer .grid-l__medium {
        padding-left: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #home-pioneer {
        margin-bottom: 25px;
        padding-top: 0
    }
    #home-pioneer .back-rect {
        margin-left: 0
    }
    #home-pioneer .back-rect__rect {
        width: 100%;
        top: -50px;
        right: 0
    }
}

#home-mission {
    position: relative;
    padding-bottom: 170px;
    padding-bottom: 170rem;
    padding-top: 0px;
    padding-top: 0rem
}

#home-mission .back-rect {
    left: -90px;
    left: -90rem;
    top: -240px;
    top: -240rem
}

#home-mission .back-rect__rect {
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

#home-mission .points-list {
    padding-left: 130px;
    padding-left: 130rem;
    padding-right: 30px;
    padding-right: 30rem;
    max-width: 750px;
    max-width: 750rem
}

#home-mission .grid-l__medium {
    padding-left: 45px;
    padding-left: 45rem
}

#home-mission .mission-picture {
    height: 400px;
    height: 700rem
}

#home-mission .top-part .grid-l__medium {
    margin-top: -40px;
    margin-top: -40rem;
    line-height: 160px;
    line-height: 160rem
}

#home-mission .top-part .line-mention {
    max-width: 280px;
    max-width: 280rem;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

@media (max-width: 1260px) {
    #home-mission .points-list {
        padding-left: 90px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #home-mission {
        padding-top: 0;
        padding-bottom: 50px
    }
    #home-mission .grid-l {
        padding-top: 300px;
        position: relative
    }
    #home-mission .img-part {
        position: absolute;
        top: 0;
        left: 30px;
        right: 30px;
        padding-left: 0;
        padding-right: 0
    }
    #home-mission .img-part .img-c {
        height: 280px
    }
    #home-mission .points-list {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 50px
    }
    #home-mission .top-part {
        padding-top: 0
    }
    #home-mission .top-part .grid-l__medium {
        padding-right: 30px;
        padding: 0;
        line-height: 1
    }
}

#home-lifestyle {
    position: relative;
    z-index: 20;
    margin-bottom: 90px;
    margin-bottom: 90rem
}

#home-lifestyle .title-xs {
    text-transform: none;
    margin-bottom: 10px;
    margin-bottom: 10rem;
    font-size: 29px;
    font-size: 29rem
}

#home-lifestyle .points-list__li__content {
    max-width: 74%;
    padding-left: 0;
    padding-right: 35px;
    padding-right: 35rem
}

#home-lifestyle .points-list__li__content__desc {
    font-family: "Open Sans";
    font-size: 14px;
    font-size: 14rem
}

#home-lifestyle .ctc_container {
    width: 965px;
    width: 965rem;
    max-width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

#home-lifestyle .ctc_container .title-xs {
    line-height: 35px;
    line-height: 35rem
}

@media (max-width: 475px) {
    #home-lifestyle .ctc_container .title-xs {
        font-size: 23px;
        font-size: 23rem
    }
}

@media (max-width: 1009px) {
    #home-lifestyle .ctc_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #home-lifestyle .ctc_container .custom_button_container {
        margin-top: 20px;
        margin-top: 20rem
    }
}

#home-lifestyle .custom_button_container {
    margin: auto;
    -webkit-animation: home-lifestyle-blicking 1s infinite alternate;
    animation: home-lifestyle-blicking 1s infinite alternate;
    -webkit-border-radius: 100px;
    border-radius: 100px
}

#home-lifestyle .cbutton,
#home-lifestyle .cbutton--close-popin {
    color: black;
    font-size: 12px;
    font-size: 12rem
}

#home-lifestyle .cbutton--mask .cbutton__mask i:before {
    color: white
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #home-lifestyle {
        margin-bottom: 0
    }
}

#home-blog {
    position: relative;
    padding-top: 140px;
    text-align: center
}

#home-blog .news-card--sticky {
    position: relative;
    z-index: 20;
    display: inline-block;
    text-align: left;
    margin-left: -175px;
    margin-left: -175rem
}

#home-blog .grid-l-news {
    display: table;
    margin: auto
}

#home-blog .grid-l-news .news-card {
    text-align: left;
    margin-bottom: 0
}

#home-blog .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: 0;
    bottom: 0;
    left: -90px;
    left: -90rem;
    width: 420px;
    width: 420rem
}

#home-blog .back-rect__rect--bottom {
    left: -90px;
    left: -90rem;
    bottom: -90px;
    bottom: -90rem;
    right: 0;
    top: auto;
    height: 430px;
    height: 430rem;
    width: auto
}

#home-blog .button-container .cbutton,
#home-blog .button-container .cbutton--close-popin {
    display: table;
    margin: 80px auto;
    margin: 80rem auto
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #home-blog {
        padding-top: 50px
    }
    #home-blog .back-rect {
        display: none
    }
    #home-blog .grid-l-news {
        display: none
    }
    #home-blog .news-card--sticky {
        margin: 0 auto
    }
}

#home-network {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem;
    padding-bottom: 170px;
    padding-bottom: 170rem;
    margin-bottom: 0
}

#home-network .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: 0;
    bottom: 0;
    left: -90px;
    left: -90rem;
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #home-network {
        padding-bottom: 0
    }
}

@-webkit-keyframes home-lifestyle-blicking {
    from {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    to {
        -webkit-box-shadow: 0 0 20px 0 #bee176;
        box-shadow: 0 0 20px 0 #bee176
    }
}

@keyframes home-lifestyle-blicking {
    from {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    to {
        -webkit-box-shadow: 0 0 20px 0 #bee176;
        box-shadow: 0 0 20px 0 #bee176
    }
}

#shop-products-tabs .dual-tab__medias:after {
    height: auto;
    bottom: -90px;
    bottom: -90rem;
    z-index: 0
}

@media (max-width: 1200px) {
    #shop-products-tabs .dual-tab__medias__layout img {
        max-height: 90%
    }
}

#shop-products-list {
    position: relative
}

#shop-products-list .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    top: -90px;
    top: -90rem;
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: 0
}

#shop-products-list .products-box-list {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 130px;
    margin-right: 130rem
}

#shop-products-list .products-box-list .card--product {
    width: auto;
    margin-bottom: 28px;
    margin-bottom: 28rem
}

#shop-products-list .products-box-list .grid-l {
    margin: 0 -14px;
    margin: 0 -14rem
}

#shop-products-list .products-box-list .grid-l__third {
    padding: 0 14px;
    padding: 0 14rem
}

@media (max-width: 1260px) {
    #shop-products-list .products-box-list {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media (max-width: 1080px) {
    #shop-products-list .products-box-list .grid-l__third {
        width: 50%
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #shop-products-list .products-box-list .grid-l__third {
        width: auto
    }
}

#shop-list-tab {
    padding-top: 90px;
    padding-top: 90rem
}

#shop-list-bottom {
    margin-bottom: 0
}

#shop-list-bottom .large-push {
    position: relative
}

#shop-list-bottom .large-push__content {
    max-width: none
}

#shop-list-bottom .large-push .title {
    max-width: 450px;
    max-width: 450rem;
    margin-bottom: 0
}

#shop-list-bottom .large-push .title .title--m,
#shop-list-bottom .large-push .title .common-text h2,
.common-text #shop-list-bottom .large-push .title h2,
#shop-list-bottom .large-push .title .contact-box__content {
    padding-top: 7px;
    padding-top: 7rem;
    padding-bottom: 30px;
    padding-bottom: 30rem
}

#shop-list-bottom .large-push .cbutton,
#shop-list-bottom .large-push .cbutton--close-popin {
    position: absolute;
    right: 90px;
    right: 90rem;
    bottom: 10px;
    bottom: 10rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #shop-list-bottom .large-push .cbutton,
    #shop-list-bottom .large-push .cbutton--close-popin {
        position: relative;
        right: auto;
        bottom: auto;
        display: table;
        margin: 50px auto 0
    }
    #shop-list-bottom .large-push .title .title--m,
    #shop-list-bottom .large-push .title .common-text h2,
    .common-text #shop-list-bottom .large-push .title h2,
    #shop-list-bottom .large-push .title .contact-box__content {
        padding-top: 0;
        padding-bottom: 10px
    }
}

.filter-product-cat-container select {
    text-align-last: center
}

@media (max-width: 840px) {
    .filter-product-cat-container.no-display-mobile {
        display: none
    }
}

.filter-product-cat-container.display-mobile {
    display: none
}

@media (max-width: 840px) {
    .filter-product-cat-container.display-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 25px;
        margin-bottom: 25rem
    }
}

@media (min-width: 841px) {
    .filter-product-cat-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 28px;
        margin-bottom: 28rem;
        margin-top: -10px;
        margin-top: -10rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.filter-product-cat-container .filter-product-cat-option {
    letter-spacing: 0.3px;
    letter-spacing: 0.3rem;
    min-width: 130px;
    text-align: center;
    padding: 12px 8px;
    border: 2px solid rgba(46, 166, 54, 0.5);
    color: #235ad2;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
    background: transparent
}

@media (min-width: 841px) {
    .filter-product-cat-container .filter-product-cat-option {
        margin-right: 10px
    }
}

@media (max-width: 840px) {
    .filter-product-cat-container .filter-product-cat-option {
        padding: 12px 32%
    }
}

.filter-product-cat-container .filter-product-cat-option.active {
    border-color: #00B771;
    color: #000000
}

.filter-product-cat-container .filter-product-cat-option:hover {
    cursor: pointer;
    border-color: #00B771
}

#community-team-list {
    margin-top: 180px;
    margin-top: 180rem;
    margin-bottom: 0
}

#community-team-list .team-list {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 130px;
    margin-right: 130rem
}

#community-team-list .team-list .grid-l {
    margin-left: -40px;
    margin-left: -40rem;
    margin-right: -40px;
    margin-right: -40rem
}

#community-team-list .team-list .grid-l__demi {
    padding: 0 40px;
    padding: 0 40rem
}

#community-team-list .team-list .grid-l .team-box {
    width: auto;
    margin-bottom: 145px;
    margin-bottom: 145rem
}

@media (max-width: 1260px) {
    #community-team-list .team-list {
        margin-right: 90px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-team-list {
        margin-top: 130px
    }
    #community-team-list .team-list {
        margin: 0 30px
    }
    #community-team-list .team-list .grid-l .team-box {
        margin-bottom: 100px
    }
}

#community-pioneers-introduction {
    position: relative;
    padding-bottom: 180px;
    padding-bottom: 180rem;
    margin-bottom: 0
}

#community-pioneers-introduction .back-rect {
    margin-left: 45px;
    margin-left: 45rem
}

#community-pioneers-introduction .back-rect__rect {
    bottom: 0;
    left: -webkit-calc(50% + 88rem);
    left: calc(50% + 88rem);
    right: -90px;
    right: -90rem;
    top: 330px;
    top: 330rem
}

@media (max-width: 1260px) {
    #community-pioneers-introduction .back-rect__rect {
        left: -webkit-calc(50% + 88px);
        left: calc(50% + 88px)
    }
}

#community-pioneers-introduction .title--l {
    margin-bottom: 100px;
    margin-bottom: 100rem
}

#community-pioneers-introduction .grid-l {
    margin-right: 90px;
    margin-right: 90rem;
    margin-left: 130px;
    margin-left: 130rem
}

#community-pioneers-introduction .grid-l.masked .right-part,
#community-pioneers-introduction .grid-l.masked .left-part {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

#community-pioneers-introduction .grid-l.masked.unmasked .right-part {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s 0s;
    -o-transition: 0.5s 0s;
    transition: 0.5s 0s
}

#community-pioneers-introduction .grid-l.masked.unmasked .left-part {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s .3s;
    -o-transition: 0.5s .3s;
    transition: 0.5s .3s
}

#community-pioneers-introduction .right-part {
    padding-left: 90px;
    padding-left: 90rem;
    position: relative
}

#community-pioneers-introduction .right-part .circle--m {
    right: 0;
    top: 0
}

#community-pioneers-introduction .right-part .circle--xl {
    left: 90px;
    left: 90rem;
    bottom: 0
}

#community-pioneers-introduction .right-part .img-c {
    height: 400px;
    height: 400rem
}

#community-pioneers-introduction .left-part .common-text {
    padding-right: 20px;
    padding-right: 20rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-pioneers-introduction {
        padding-bottom: 50px
    }
    #community-pioneers-introduction .back-rect {
        display: none
    }
    #community-pioneers-introduction .title--l {
        margin-bottom: 50px
    }
    #community-pioneers-introduction .grid-l {
        margin: 0;
        padding: 0 30px 50px
    }
    #community-pioneers-introduction .right-part {
        padding-left: 0
    }
    #community-pioneers-introduction .right-part .img-c {
        height: 220px
    }
}

@media (max-width: 1080px) {
    #community-pioneers-introduction .right-part .circle--xl {
        left: 0
    }
}

#community-pioneers-pioneers {
    position: relative
}

#community-pioneers-pioneers .back-rect {
    margin-left: 45px;
    margin-left: 45rem
}

#community-pioneers-pioneers .back-rect__rect {
    bottom: 80px;
    bottom: 80rem;
    left: -webkit-calc(50% + 88rem);
    left: calc(50% + 88rem);
    right: -90px;
    right: -90rem;
    top: -1px;
    top: -1rem
}

@media (max-width: 1260px) {
    #community-pioneers-pioneers .back-rect__rect {
        left: -webkit-calc(50% + 88px);
        left: calc(50% + 88px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-pioneers-pioneers .back-rect {
        display: none
    }
}

#community-pioneers-push {
    position: relative;
    padding-bottom: 90px;
    padding-bottom: 90rem
}

#community-pioneers-push .back-rect__rect {
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: -90px;
    right: -90rem;
    top: 50%
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-pioneers-push {
        padding-bottom: 0px
    }
}

#community-pioneers-slideshow {
    position: relative
}

#community-pioneers-slideshow .back-rect__rect {
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: -90px;
    right: -90rem;
    top: -1px;
    top: -1rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-pioneers-slideshow {
        margin-bottom: 0
    }
}

#community-pioneers-contributions {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem
}

#community-pioneers-contributions .back-rect__rect {
    bottom: 0px;
    bottom: 0rem;
    left: -90px;
    left: -90rem;
    right: -90px;
    right: -90rem;
    top: -1px;
    top: -1rem
}

#community-pioneers-contributions .green-push {
    position: relative;
    z-index: 30
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-pioneers-contributions {
        padding-top: 50px
    }
}

#community-hub-introduction {
    position: relative;
    padding-bottom: 180px;
    padding-bottom: 180rem;
    margin-bottom: 0
}

#community-hub-introduction .community-hub-introduction__title {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

#community-hub-introduction .community-hub-introduction__text {
    width: 55%;
    padding-left: 135px;
    padding-left: 135rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-hub-introduction {
        padding-bottom: 50px;
        padding-bottom: 50rem
    }
    #community-hub-introduction .community-hub-introduction__text {
        width: 100%;
        padding: 0 30px;
        padding: 0 30rem
    }
}

#community-hub-blog {
    position: relative;
    padding-right: 90px;
    padding-right: 90rem;
    padding-top: 78px;
    padding-top: 78rem;
    margin-top: 90px;
    margin-top: 90rem
}

#community-hub-blog .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    bottom: 0;
    top: 0;
    left: -90px;
    left: -90rem;
    right: 0
}

@media (max-width: 1260px) {
    #community-hub-blog {
        padding-left: 30px;
        padding-left: 30rem;
        padding-right: 30px;
        padding-right: 30rem
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-hub-blog {
        padding: 30px;
        padding: 30rem
    }
}

#community-hub-webinar {
    position: relative;
    padding-bottom: 180px;
    padding-bottom: 180rem;
    margin-bottom: 0
}

#community-hub-webinar .back-rect__rect {
    background: url("../images/texture.png");
    position: absolute;
    bottom: 0;
    height: 300px;
    left: -90px;
    left: -90rem;
    right: 0
}

#community-hub-webinar .title--l {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

#community-hub-webinar .right-part {
    padding-left: 30px;
    padding-left: 30rem;
    padding-right: 130px;
    padding-right: 130rem;
    padding-top: 24px;
    padding-top: 24rem
}

#community-hub-webinar .right-part .img-c {
    height: 600px;
    height: 600rem
}

#community-hub-webinar .left-part .common-text {
    padding-left: 130px;
    padding-left: 130rem;
    padding-right: 60px;
    padding-right: 60rem
}

@media (max-width: 1260px) {
    #community-hub-webinar .back-rect__rect {
        height: 90px
    }
    #community-hub-webinar .right-part {
        padding-left: 30px;
        width: 40%;
        padding-right: 30px
    }
    #community-hub-webinar .right-part .img-c {
        height: 300px
    }
    #community-hub-webinar .left-part {
        width: 60%
    }
    #community-hub-webinar .left-part .common-text {
        padding-right: 30px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-hub-webinar {
        padding-bottom: 50px
    }
    #community-hub-webinar .left-part {
        width: auto;
        float: none
    }
    #community-hub-webinar .left-part .common-text {
        padding: 0 30px
    }
    #community-hub-webinar .right-part {
        margin-right: 0;
        width: auto
    }
    #community-hub-webinar .back-rect__rect {
        height: 200px
    }
}

#community-hub-see {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 90px;
    padding-bottom: 90rem
}

#community-hub-see .back-rect__rect {
    top: 0;
    left: -90px;
    left: -90rem;
    right: 0;
    bottom: 0
}

#community-hub-see .left-part {
    padding-left: 130px;
    padding-left: 130rem
}

#community-hub-see .left-part .common-text {
    max-width: 360px;
    max-width: 360rem
}

#community-hub-see .pictos-list {
    padding-top: 30px;
    padding-top: 30rem
}

@media (max-width: 1080px) {
    #community-hub-see .left-part {
        padding: 0 30px
    }
    #community-hub-see .left-part .common-text {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    #community-hub-see .pictos-list__picto {
        margin-right: 10px
    }
    #community-hub-see .pictos-list__picto .icon-desk {
        font-size: 80px
    }
    #community-hub-see .pictos-list__picto .icon-tablet {
        font-size: 80px
    }
    #community-hub-see .pictos-list__picto .icon-mobile {
        font-size: 60px
    }
}

#community-hub-iframe {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 90px;
    padding-bottom: 90rem
}

#community-hub-iframe .back-rect__rect {
    top: 0;
    left: -90px;
    left: -90rem;
    right: 0;
    bottom: 0
}

#community-hub-iframe iframe {
    position: relative;
    z-index: 30;
    padding-right: 90px;
    padding-right: 90rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #community-hub-iframe iframe {
        padding-right: 0
    }
}

#blog-sticky {
    text-align: center
}

#blog-sticky .back-rect__rect {
    width: 37%;
    left: -90px;
    left: -90rem;
    top: -91px;
    top: -91rem;
    bottom: 0
}

#blog-sticky .news-card--sticky {
    position: relative;
    z-index: 20;
    display: inline-block;
    text-align: left;
    margin-left: -175px;
    margin-left: -175rem;
    margin-bottom: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #blog-sticky {
        margin-bottom: 0
    }
    #blog-sticky .back-rect {
        display: none
    }
    #blog-sticky .news-card--sticky {
        margin-left: 0
    }
}

#blog-news-list {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 130px;
    padding-bottom: 130rem
}

#blog-news-list .back-rect__rect {
    width: auto;
    left: -90px;
    left: -90rem;
    right: -90px;
    right: -90rem;
    top: 230px;
    top: 230rem;
    bottom: 0
}

#blog-news-list .grid-l-news {
    position: relative;
    display: table;
    margin: auto
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #blog-news-list {
        padding-bottom: 50px
    }
    #blog-news-list .back-rect__rect {
        top: -50px
    }
    #blog-news-list .grid-l-news {
        display: block;
        padding: 0 30px
    }
}

#pioneer-company-intro .detail-card__picto {
    color: #e54848;
    margin-bottom: 85px;
    margin-top: 20px
}

#pioneer-company-intro .detail-card__desc {
    min-height: 44px;
    min-height: 44rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #pioneer-company-intro .detail-card__picto {
        margin-bottom: 50px;
        margin-top: 10px
    }
    #pioneer-company-intro .detail-card__desc {
        min-height: 0
    }
}

#pioneer-individual-intro .grid-l {
    margin: 0 90px 0 130px;
    margin: 0 90rem 0 130rem
}

#pioneer-individual-intro .left-part {
    padding-right: 30px;
    padding-right: 30rem
}

#pioneer-individual-intro .right-part {
    text-align: right
}

#pioneer-individual-intro .right-part .img-c {
    display: inline-block;
    width: 360px;
    width: 360rem;
    height: 190px;
    height: 190rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #pioneer-individual-intro .grid-l {
        margin: 0 30px
    }
    #pioneer-individual-intro .right-part {
        text-align: center
    }
    #pioneer-individual-intro .right-part .img-c {
        max-width: 100%;
        height: 180px
    }
}

#pioneer-strength {
    position: relative;
    padding: 90px 0;
    padding: 90rem 0
}

#pioneer-strength .back-rect__rect {
    top: 0px;
    top: 0rem;
    left: -90px;
    left: -90rem;
    right: 0;
    bottom: 0
}

#pioneer-strength .grid-l {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 90px;
    margin-right: 90rem
}

#pioneer-strength .grid-l__demi {
    margin-bottom: 60px;
    margin-bottom: 60rem
}

#pioneer-strength .grid-l__demi:nth-child(even) {
    padding-left: 15px;
    padding-left: 15rem
}

#pioneer-strength .grid-l__demi:nth-child(odd) {
    clear: both;
    padding-right: 15px;
    padding-right: 15rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #pioneer-strength {
        padding: 50px 0
    }
    #pioneer-strength .grid-l {
        margin: 0 30px
    }
    #pioneer-strength .grid-l__demi:nth-child(even),
    #pioneer-strength .grid-l__demi:nth-child(odd) {
        padding-right: 0;
        padding-left: 0
    }
}

#pioneer-greenhouses .detail-card__desc {
    min-height: 44px;
    min-height: 44rem
}

#pioneer-medias-slideshow {
    position: relative;
    padding: 90px 0;
    padding: 90rem 0
}

#pioneer-medias-slideshow .back-rect__rect {
    top: 0px;
    top: 0rem;
    left: -90px;
    left: -90rem;
    right: 0;
    bottom: 0
}

#pioneer-medias-slideshow .medias-slideshow {
    z-index: 30
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #pioneer-medias-slideshow {
        padding: 50px 0 30px
    }
}

.page-c.become-a-pioneer-individual #pioneer-company-intro {
    display: none
}

.page-c.become-a-pioneer-company #pioneer-individual-intro {
    display: none
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #template-become-pioneer .slideshow .slideshow__container__slide__content__title {
        line-height: 1;
        margin: 50px 0
    }
}

.page-roadmap__section {
    position: relative;
    padding-bottom: 170px;
    padding-bottom: 170rem
}

.page-roadmap__section:first-child .back-rect__rect {
    top: 277px;
    top: 277rem
}

.page-roadmap__section .back-rect__rect {
    bottom: 0;
    left: -webkit-calc(100% - 355rem - 90rem);
    left: calc(100% - 355rem - 90rem);
    right: 0;
    top: 0
}

@media (max-width: 1260px) {
    .page-roadmap__section .back-rect__rect {
        left: -webkit-calc(100% - 355px - 90px);
        left: calc(100% - 355px - 90px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__section .back-rect__rect {
        display: none
    }
}

.page-roadmap__content {
    margin-right: 90px;
    margin-right: 90rem;
    margin-left: 130px;
    margin-left: 130rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__content {
        margin: 0 30px
    }
    .page-roadmap__content .common-text li:before {
        margin: -3px 0 0 0
    }
}

.page-roadmap__content .left-part {
    width: -webkit-calc(100% - 355rem);
    width: calc(100% - 355rem);
    float: left;
    padding-right: 105px;
    padding-right: 105rem
}

@media (max-width: 1260px) {
    .page-roadmap__content .left-part {
        width: -webkit-calc(100% - 355px);
        width: calc(100% - 355px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__content .left-part {
        width: 100%;
        float: none;
        padding-right: 0
    }
}

.page-roadmap__content .right-part {
    width: 355px;
    width: 355rem;
    float: right
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__content .right-part {
        width: 100%;
        float: none
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__photo {
        margin-top: 75px;
        margin-top: 75rem
    }
}

.page-roadmap__photo .img-c {
    height: 400px;
    height: 400rem;
    width: 355px;
    width: 355rem;
    z-index: 2
}

.page-roadmap__photo:before,
.page-roadmap__photo:after {
    content: "";
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    margin: -48px -47px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 4px dotted #2a2724;
    opacity: 0.15;
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.page-roadmap__photo:before {
    right: 0
}

.page-roadmap__title {
    padding-top: 0;
    position: relative;
    margin-bottom: 60px;
    margin-bottom: 60rem
}

.page-roadmap__title:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #235ad2;
    position: absolute;
    left: -webkit-calc(-105rem + 16px);
    left: calc(-105rem + 16px);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px)
}

@media (max-width: 1260px) {
    .page-roadmap__title:before {
        left: -webkit-calc(-105px + 16px);
        left: calc(-105px + 16px)
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__title:before {
        position: initial;
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle;
        width: 10px;
        height: 10px
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-roadmap__title h2 {
        display: inline-block
    }
}

.page-roadmap__texts h3 {
    margin-bottom: 30px;
    margin-bottom: 30rem;
    margin-top: 60px;
    margin-top: 60rem
}

.page-partners-medias__section {
    padding: 0 130px 140px 130px;
    padding: 0 130rem 140rem 130rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-partners-medias__section {
        padding: 0 30px 140px 30px;
        padding: 0 30px 140rem 30px
    }
}

.page-partners-medias__nav--desk {
    text-align: center;
    padding: 0 130px;
    padding: 0 130rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-partners-medias__nav--desk {
        display: none
    }
}

.page-partners-medias__nav--mobile {
    display: none
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-partners-medias__nav--mobile {
        display: block;
        margin-bottom: 50px;
        margin-bottom: 50rem
    }
}

.page-partners-medias__nav--medias .tabs-selector__tab {
    width: auto;
    margin-right: 110px;
    margin-right: 110rem
}

.page-partners-medias__nav--medias .tabs-selector__tab:last-child {
    margin-right: 0
}

.page-partners-medias__container {
    height: auto;
    margin-top: 14px;
    margin-top: 14rem;
    display: none
}

.page-partners-medias__container--active {
    display: block
}

#faq-collapsibles {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-bottom: 40rem
}

#faq-collapsibles .back-rect__rect {
    left: -90px;
    left: -90rem;
    top: -90px;
    top: -90rem;
    bottom: 0;
    right: 0
}

#faq-collapsibles .collapsible-list {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 90px;
    margin-right: 90rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #faq-collapsibles .collapsible-list {
        margin-left: 30px;
        margin-right: 30px
    }
}

#technics-requirements .detail-card {
    padding-top: 90px;
    padding-top: 90rem;
    padding-bottom: 20px;
    padding-bottom: 20rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #technics-requirements .detail-card {
        padding: 40px 15px 10px
    }
    #technics-requirements .detail-card__title__number {
        margin-bottom: 30px;
        margin-top: 50px
    }
}

#technics-introduction {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative
}

#technics-introduction .title--l {
    max-width: 600px;
    max-width: 600rem
}

#technics-introduction .back-rect__rect {
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0
}

#technics-introduction .right-part {
    padding-top: 230px;
    padding-top: 230rem
}

#technics-introduction .right-part .back-rect__rect {
    top: -1px;
    top: -1rem;
    bottom: 0px;
    bottom: 0rem;
    left: 0px;
    left: 0rem;
    right: 0
}

#technics-introduction .layout {
    position: relative
}

#technics-introduction .layout__point {
    z-index: 30
}

#technics-introduction .layout__point:nth-child(1) {
    bottom: 35px;
    bottom: 35rem;
    right: 110px;
    right: 110rem
}

#technics-introduction .layout__point:nth-child(2) {
    top: 290px;
    top: 290rem;
    left: -35px;
    left: -35rem
}

#technics-introduction .layout__point:nth-child(3) {
    top: -35px;
    top: -35rem;
    right: 130px;
    right: 130rem
}

#technics-introduction .layout__point:nth-child(4) {
    top: 200px;
    top: 200rem;
    right: 0px;
    right: 0rem
}

#technics-introduction .layout img {
    max-width: 80%;
    margin: auto;
    height: auto;
    width: auto
}

#technics-introduction .layout__img {
    position: relative;
    z-index: 10
}

#technics-introduction .layout__zoom {
    position: absolute;
    z-index: 12;
    top: 130px;
    top: 130rem;
    right: 15px;
    right: 15rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-width: 50% !important;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

#technics-introduction .layout__bubble {
    position: absolute;
    z-index: 12;
    bottom: -50px;
    bottom: -50rem;
    right: 0px;
    max-width: 75% !important
}

@media (max-width: 1260px) {
    #technics-introduction .back-rect__rect {
        left: 60%
    }
    #technics-introduction .grid-l .left-part {
        width: 60%
    }
    #technics-introduction .grid-l .left-part .common-text {
        max-width: none;
        padding-right: 60px
    }
    #technics-introduction .grid-l .left-part .card--points-list {
        max-width: none;
        margin-right: 30px;
        margin-left: 90px;
        padding-left: 30px;
        margin-bottom: 90px
    }
    #technics-introduction .grid-l .right-part {
        padding-top: 100px;
        padding-left: 30px;
        width: 40%
    }
    #technics-introduction .grid-l .right-part .layout {
        max-width: 80%
    }
    #technics-introduction .grid-l .right-part .layout img {
        max-width: 100%;
        height: auto;
        width: auto
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #technics-introduction .back-rect__rect {
        display: none
    }
    #technics-introduction .grid-l .left-part {
        width: auto
    }
    #technics-introduction .grid-l .left-part .common-text {
        padding-right: 0
    }
    #technics-introduction .grid-l .left-part .card--points-list {
        margin-left: 0;
        margin-bottom: 0;
        margin-right: 0
    }
    #technics-introduction .grid-l .right-part {
        width: auto;
        padding-top: 50px;
        margin-bottom: 0
    }
    #technics-introduction .grid-l .right-part .back-rect__rect {
        display: block
    }
    #technics-introduction .grid-l .right-part img {
        max-height: 500px
    }
}

#technics-permaculture {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem;
    padding-bottom: 0;
    margin-bottom: 0
}

#technics-permaculture .title--l {
    padding-right: 60px;
    padding-right: 60rem
}

#technics-permaculture .back-rect__rect {
    top: 0px;
    top: 0rem;
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: 50%
}

#technics-permaculture .layout__point {
    z-index: 30
}

#technics-permaculture .layout__point:nth-child(1) {
    bottom: 60px;
    bottom: 60rem;
    left: 110px;
    left: 110rem
}

#technics-permaculture .layout__point:nth-child(2) {
    bottom: 120px;
    bottom: 120rem;
    right: 45px;
    right: 45rem
}

#technics-permaculture .layout__point:nth-child(3) {
    top: 0px;
    top: 0rem;
    right: 145px;
    right: 145rem
}

#technics-permaculture .layout__img {
    max-width: 70%
}

#technics-permaculture .layout__zoom {
    position: absolute;
    bottom: 30px;
    left: -40px
}

#technics-permaculture .layout__motion {
    width: 300px;
    width: 300rem;
    height: 320px;
    height: 320rem;
    max-width: 100%;
    max-height: 100%
}

#technics-permaculture .layout__points {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width: 1260px) {
    #technics-permaculture .back-rect__rect {
        right: 40%
    }
    #technics-permaculture .grid-l .left-part {
        width: 60%
    }
    #technics-permaculture .grid-l .left-part .common-text {
        max-width: none;
        padding-right: 60px
    }
    #technics-permaculture .grid-l .left-part .card--points-list {
        max-width: none;
        margin-right: 30px;
        margin-left: 90px;
        padding-left: 30px;
        margin-bottom: 90px
    }
    #technics-permaculture .grid-l .right-part {
        padding-top: 100px;
        padding-left: 30px;
        width: 40%
    }
    #technics-permaculture .grid-l .right-part .layout {
        max-width: 80%
    }
    #technics-permaculture .grid-l .right-part .layout__main {
        max-width: 100%;
        height: auto;
        width: auto
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #technics-permaculture {
        padding-top: 0
    }
    #technics-permaculture .back-rect__rect {
        display: none
    }
    #technics-permaculture .grid-l .left-part {
        width: auto
    }
    #technics-permaculture .grid-l .left-part .common-text {
        padding-right: 0
    }
    #technics-permaculture .grid-l .left-part .card--points-list {
        margin-left: 0;
        margin-bottom: 0;
        margin-right: 0
    }
    #technics-permaculture .grid-l .right-part {
        width: auto;
        padding-top: 50px;
        margin-bottom: 0
    }
    #technics-permaculture .grid-l .right-part .back-rect__rect {
        display: block
    }
    #technics-permaculture .grid-l .right-part .layout__point {
        z-index: 30
    }
    #technics-permaculture .grid-l .right-part .layout__point:nth-child(1) {
        bottom: 30px;
        bottom: 30rem;
        left: 10%
    }
    #technics-permaculture .grid-l .right-part .layout__point:nth-child(2) {
        bottom: 20%;
        right: 10%
    }
    #technics-permaculture .grid-l .right-part .layout__point:nth-child(3) {
        top: 0px;
        top: 0rem;
        left: 50%
    }
    #technics-permaculture .grid-l .right-part .layout__img {
        max-width: 100%;
        max-height: 400px
    }
    #technics-permaculture .grid-l .right-part .layout__zoom {
        position: absolute;
        bottom: 50px;
        width: 80px
    }
}

#technics-vertical-farming {
    position: relative
}

#technics-vertical-farming .grid-l {
    max-width: 1000px;
    margin: auto
}

#technics-studies {
    padding-top: 130px;
    padding-top: 130rem;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-bottom: 20rem;
    position: relative
}

#technics-studies .back-rect__rect {
    top: 0px;
    top: 0rem;
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: 0
}

#technics-studies .study {
    margin-left: 140px;
    margin-left: 140rem;
    margin-right: 90px;
    margin-right: 90rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #technics-studies {
        padding-top: 50px
    }
    #technics-studies .study {
        margin-left: 30px;
        margin-right: 30px
    }
}

#technics-bottom {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0
}

#technics-bottom .back-rect__rect {
    top: 0px;
    top: 0rem;
    bottom: 0px;
    bottom: 0rem;
    left: -90px;
    left: -90rem;
    right: 0
}

.concept-bottom {
    position: relative;
    z-index: 20
}

.concept-bottom__part {
    position: relative
}

.concept-bottom__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.concept-bottom__bg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.concept-bottom__content {
    display: block;
    position: relative;
    z-index: 10;
    padding: 100px;
    padding: 100rem
}

.concept-bottom__content__title {
    margin-bottom: 70px;
    margin-bottom: 70rem;
    padding-top: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .concept-bottom__part {
        margin-bottom: 0
    }
    .concept-bottom__content {
        padding: 50px 30px;
        text-align: center
    }
    .concept-bottom__content .cbutton,
    .concept-bottom__content .cbutton--close-popin {
        display: table;
        margin: auto
    }
}

#concept-iot-introduction {
    margin-bottom: 0;
    padding-bottom: 90px;
    padding-bottom: 90rem;
    position: relative
}

#concept-iot-introduction .title--l {
    max-width: 600px;
    max-width: 600rem
}

#concept-iot-introduction .back-rect__rect {
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0
}

#concept-iot-introduction .right-part {
    padding-top: 124px;
    padding-top: 124rem;
    padding-bottom: 90px;
    padding-bottom: 90rem;
    position: absolute;
    right: 0;
    bottom: 0
}

#concept-iot-introduction .right-part .back-rect__rect {
    top: -1px;
    top: -1rem;
    bottom: 0;
    left: 0;
    right: 0
}

#concept-iot-introduction .layout {
    position: relative
}

#concept-iot-introduction .layout__point {
    z-index: 30
}

#concept-iot-introduction .layout__point:nth-child(1) {
    bottom: 35px;
    bottom: 35rem;
    right: 110px;
    right: 110rem
}

#concept-iot-introduction .layout__point:nth-child(2) {
    top: 290px;
    top: 290rem;
    left: -35px;
    left: -35rem
}

#concept-iot-introduction .layout__point:nth-child(3) {
    top: -35px;
    top: -35rem;
    right: 130px;
    right: 130rem
}

#concept-iot-introduction .layout__point:nth-child(4) {
    top: 200px;
    top: 200rem;
    right: 0
}

#concept-iot-introduction .layout img {
    max-width: 80%;
    margin: auto;
    height: auto;
    width: auto
}

#concept-iot-introduction .layout__img {
    position: relative;
    z-index: 10
}

#concept-iot-introduction .layout__zoom {
    position: absolute;
    z-index: 12;
    top: 130px;
    top: 130rem;
    right: 15px;
    right: 15rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-width: 50% !important;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px
}

#concept-iot-introduction .layout__bubble {
    position: absolute;
    z-index: 12;
    bottom: -50px;
    bottom: -50rem;
    right: 0;
    max-width: 75% !important
}

@media (max-width: 1260px) {
    #concept-iot-introduction {
        padding-bottom: 0
    }
    #concept-iot-introduction .back-rect__rect {
        left: 60%
    }
    #concept-iot-introduction .grid-l .left-part {
        width: 60%
    }
    #concept-iot-introduction .grid-l .left-part .common-text {
        max-width: none;
        padding-right: 60px
    }
    #concept-iot-introduction .grid-l .left-part .card--points-list {
        max-width: none;
        margin-right: 30px;
        margin-left: 90px;
        padding-left: 30px;
        margin-bottom: 30px
    }
    #concept-iot-introduction .grid-l .right-part {
        padding-top: 100px;
        padding-left: 30px;
        width: 40%;
        padding-bottom: 30px
    }
    #concept-iot-introduction .grid-l .right-part .layout {
        max-width: 80%
    }
    #concept-iot-introduction .grid-l .right-part .layout img {
        max-width: 100%;
        height: auto;
        width: auto
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-iot-introduction .back-rect__rect {
        display: none
    }
    #concept-iot-introduction .grid-l .left-part {
        width: auto
    }
    #concept-iot-introduction .grid-l .left-part .common-text {
        padding-right: 0
    }
    #concept-iot-introduction .grid-l .left-part .card--points-list {
        margin-left: 0;
        margin-bottom: 50px;
        margin-right: 0
    }
    #concept-iot-introduction .grid-l .right-part {
        position: relative;
        width: auto;
        padding-top: 50px;
        margin-bottom: 0;
        padding-bottom: 0
    }
    #concept-iot-introduction .grid-l .right-part .back-rect__rect {
        display: block
    }
    #concept-iot-introduction .grid-l .right-part img {
        max-height: 500px
    }
}

#concept-iot-contributions {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem;
    padding-bottom: 90px;
    padding-bottom: 90rem;
    margin-bottom: 0
}

#concept-iot-contributions .back-rect__rect {
    bottom: 0;
    left: -90px;
    left: -90rem;
    right: -90px;
    right: -90rem;
    top: -1px;
    top: -1rem
}

#concept-iot-contributions .green-push {
    position: relative;
    z-index: 30
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-iot-contributions {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

#concept-iot-bottom {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0
}

#concept-iot-bottom .back-rect__rect {
    top: 0;
    bottom: 0;
    left: -90px;
    left: -90rem;
    right: 0
}

#concept-iot-hub {
    position: relative;
    margin-top: 155px;
    margin-top: 155rem
}

#concept-iot-hub .img-part {
    text-align: right
}

#concept-iot-hub .img-part .crop-img {
    display: inline-block;
    width: 420px;
    width: 420rem;
    height: 540px;
    height: 540rem
}

#concept-iot-hub .content-part {
    padding-left: 60px;
    padding-left: 60rem;
    padding-right: 130px;
    padding-right: 130rem;
    padding-bottom: 60px;
    padding-bottom: 60rem;
    position: relative
}

#concept-iot-hub .content-part .title {
    position: relative;
    z-index: 10;
    margin-bottom: 55px;
    margin-bottom: 55rem
}

#concept-iot-hub .content-part .common-text {
    position: relative;
    z-index: 10
}

@media (max-width: 1260px) {
    #concept-iot-hub .pictos-list {
        padding-right: 0
    }
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #concept-iot-hub {
        margin-top: 0
    }
    #concept-iot-hub .back-rect {
        display: none
    }
    #concept-iot-hub .img-part {
        margin-bottom: 0
    }
    #concept-iot-hub .img-part .crop-img {
        width: 100vw;
        height: 80vw
    }
    #concept-iot-hub .content-part {
        padding: 50px 30px
    }
}

.contact-box {
    margin-bottom: 60px;
    margin-bottom: 60rem;
    padding-left: 40px;
    padding-left: 40rem
}

.contact-box__title,
.contact-address .title-address {
    color: #939393;
    margin-bottom: 30px;
    margin-bottom: 30rem
}

.contact-box__content {
    color: #e54848
}

.contact-box__content--l {
    padding: 25px 0;
    padding: 25rem 0;
    position: relative;
    color: #235ad2
}

.contact-box__content--l:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../images/circle-cream-98.svg");
    -webkit-animation: infinite-rotate 15s infinite linear;
    animation: infinite-rotate 15s infinite linear
}

.contact-box__content--l:after {
    width: 66px;
    height: 66px;
    margin: -33px -33px;
    background-image: url("../img/misc/circle/circle-cream-74.svg")
}

.contact-box__content--l:after {
    background-image: url("../images/circle-dark-74.svg")
}

.contact-box__content--l:after {
    left: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .contact-box {
        margin-bottom: 50px;
        padding-left: 0
    }
    .contact-box__title,
    .contact-address .title-address {
        margin-bottom: 5px
    }
}

.contact-main {
    padding-left: 130px;
    padding-left: 130rem;
    padding-right: 90px;
    padding-right: 90rem;
    margin-bottom: 30px;
    margin-bottom: 30rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .contact-main {
        padding-left: 60px;
        padding-right: 30px;
        margin-bottom: 30px
    }
}

.contact-more {
    padding-top: 90px;
    padding-top: 90rem;
    padding-left: 130px;
    padding-left: 130rem;
    padding-right: 90px;
    padding-right: 90rem;
    position: relative
}

.contact-more .back-rect__rect {
    top: 0px;
    top: 0rem;
    bottom: -90px;
    bottom: -90rem;
    left: -90px;
    left: -90rem;
    right: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .contact-more {
        padding-left: 30px;
        padding-right: 30px
    }
}

.contact-address {
    padding-left: 90px;
    padding-left: 90rem;
    padding-right: 0;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0px;
    padding-bottom: 0rem
}

.contact-address .grid-l {
    padding-left: 40px;
    padding-left: 40rem
}

.contact-address .back-rect__rect {
    top: 0px;
    top: 0rem;
    bottom: 0px;
    bottom: 0rem;
    left: -90px;
    left: -90rem;
    right: 0
}

.contact-address address {
    margin-bottom: 40px;
    margin-bottom: 40rem
}

.contact-address address span {
    display: block
}

.contact-address small {
    color: #2a2724
}

.contact-address .gmap {
    position: relative;
    height: 350px;
    height: 350rem;
    width: 100%
}

.contact-address .address-part {
    padding-left: 40px;
    padding-left: 40rem;
    padding-right: 30px;
    padding-right: 30rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .contact-address {
        padding-left: 30px;
        padding-right: 30px
    }
    .contact-address .grid-l {
        padding-left: 0
    }
    .contact-address .grid-l__demi {
        padding-bottom: 50px;
        margin-bottom: 0
    }
    .contact-address .address-part {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 50px;
        padding-bottom: 0
    }
    .contact-address .address-part .title--ml,
    .contact-address .address-part .common-text h3,
    .common-text .contact-address .address-part h3,
    .contact-address .address-part .contact-box__content--l,
    .contact-address .address-part #product-introduction .dual-tab .price,
    #product-introduction .dual-tab .contact-address .address-part .price {
        font-size: 18px;
        line-height: 28px
    }
    .contact-address .address-part address {
        margin-bottom: 20px
    }
    .contact-address .gmap {
        height: 280px
    }
}

.page-search__section {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem;
    margin-bottom: 0;
    padding-bottom: 90px;
    padding-bottom: 90rem
}

.page-search__section:nth-child(even) .back-rect {
    display: none
}

.page-search__section__title {
    padding-left: 130px;
    padding-left: 130rem;
    margin-bottom: 90px;
    margin-bottom: 90rem
}

.page-search__section__title .mention,
.page-search__section__title .woocommerce-message,
.page-search__section__title .woocommerce-error,
.page-search__section__title .woocommerce-info {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.page-search__section .back-rect__rect {
    left: -90px;
    left: -90rem;
    top: 0;
    right: 0;
    bottom: 0
}

.page-search__section .post-list {
    padding-left: 130px;
    padding-left: 130rem
}

.page-search__section .post-list .post-box {
    margin-bottom: 90px;
    margin-bottom: 90rem
}

.page-search__section .page-list {
    max-width: 700px;
    max-width: 700rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .page-search__section {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .page-search__section__title {
        padding-left: 30px;
        margin-bottom: 50px
    }
    .page-search__section .post-list {
        padding: 0 20px
    }
}

#template-update-browser .cover-simple {
    height: -webkit-calc(100vh - 90rem);
    height: calc(100vh - 90rem);
    margin-bottom: 0
}

#template-update-browser .cover-simple__container {
    padding-top: 175px;
    padding-top: 175rem
}

#template-update-browser .cover-simple .title--tab,
#template-update-browser .cover-simple .module-popin__body__content ul li,
.module-popin__body__content ul #template-update-browser .cover-simple li {
    text-align: center;
    color: #939393;
    margin-top: 40px;
    margin-top: 40rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #template-update-browser .cover-simple {
        height: -webkit-calc(100vh - 60rem);
        height: calc(100vh - 60rem)
    }
    #template-update-browser .cover-simple .title--tab,
    #template-update-browser .cover-simple .module-popin__body__content ul li,
    .module-popin__body__content ul #template-update-browser .cover-simple li {
        text-align: left
    }
    #template-update-browser .cover-simple .cover-simple__container {
        padding-top: 135px;
        padding-top: 135rem
    }
}

.pioneer {
    position: relative
}

.pioneer__left {
    padding-top: 130px;
    padding-top: 130rem;
    position: relative;
    float: left
}

.pioneer__right {
    padding-left: 110px;
    padding-left: 110rem;
    float: right
}

.pioneer__stats {
    position: absolute;
    left: 16px;
    left: 16rem;
    z-index: 30
}

.pioneer__stats .card__infos__date,
.pioneer__stats .card__infos__number {
    display: block;
    margin-bottom: 15px;
    margin-bottom: 15rem
}

.pioneer__content {
    padding-left: 170px;
    padding-left: 170rem
}

.pioneer__title {
    color: #235ad2;
    margin-bottom: 70px;
    margin-bottom: 70rem
}

.pioneer__title span {
    display: block;
    color: #2a2724
}

.pioneer__quote {
    margin-bottom: 70px;
    margin-bottom: 70rem
}

.pioneer__quote .icon-quote {
    font-size: 40px;
    display: block;
    margin-bottom: 25px;
    margin-bottom: 25rem
}

.pioneer__portrait {
    padding-top: 110px;
    padding-top: 110rem;
    background: url("../images/texture.png");
    text-align: center;
    padding-bottom: 140px;
    padding-bottom: 140rem
}

.pioneer__portrait__avatar {
    width: 180px;
    width: 180rem;
    height: 180px;
    height: 180rem;
    display: inline-block;
    margin-bottom: 40px;
    margin-bottom: 40rem
}

.pioneer__portrait__mention {
    margin-bottom: 12px;
    margin-bottom: 12rem
}

.pioneer__portrait__mention i {
    font-size: 28px;
    vertical-align: middle;
    margin-right: 5px;
    margin-right: 5rem
}

.pioneer__portrait__mention span {
    padding-top: 4px;
    display: inline-block;
    vertical-align: middle
}

.pioneer__portrait .cbutton,
.pioneer__portrait .cbutton--close-popin {
    margin-top: 60px;
    margin-top: 60rem;
    display: inline-block;
    min-width: 180px;
    min-width: 180rem
}

.pioneer__portrait .cbutton:after,
.pioneer__portrait .cbutton--close-popin:after {
    border-color: #2a2724;
    opacity: .15
}

.pioneer .pioneer-infos-mobile {
    display: none
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .pioneer__right {
        float: none;
        padding-left: 0;
        margin-bottom: 0
    }
    .pioneer__right .pioneer-infos-mobile {
        display: block
    }
    .pioneer__left {
        float: none;
        padding-top: 50px
    }
    .pioneer__portrait {
        padding-top: 50px;
        padding-bottom: 80px
    }
    .pioneer__stats {
        position: relative;
        left: auto
    }
    .pioneer__stats .card__infos__number,
    .pioneer__stats .card__infos__date {
        display: inline-block;
        vertical-align: middle
    }
    .pioneer__stats .card__infos__number {
        margin-right: 100px
    }
    .pioneer__title {
        margin-bottom: 50px
    }
    .pioneer__left .pioneer__stats,
    .pioneer__left .pioneer__title {
        display: none
    }
    .pioneer__content {
        padding: 0 30px
    }
    .pioneer__quote {
        margin-bottom: 30px
    }
}

#single-pioneer-interview,
#single-pioneer-installation,
#single-pioneer-production,
#single-pioneer-others {
    padding-top: 90px;
    padding-top: 90rem;
    margin-bottom: 0;
    padding-bottom: 110px;
    padding-bottom: 110rem
}

#single-pioneer-interview .title--l,
#single-pioneer-installation .title--l,
#single-pioneer-production .title--l,
#single-pioneer-others .title--l {
    margin-bottom: 70px;
    margin-bottom: 70rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #single-pioneer-interview,
    #single-pioneer-installation,
    #single-pioneer-production,
    #single-pioneer-others {
        padding-top: 50px;
        padding-bottom: 0px
    }
    #single-pioneer-interview .title--l,
    #single-pioneer-installation .title--l,
    #single-pioneer-production .title--l,
    #single-pioneer-others .title--l {
        padding: 0 30px;
        margin-bottom: 50px
    }
}

#single-pioneer-installation .single-slideshow {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 130px;
    margin-right: 130rem
}

#single-pioneer-installation .button-container {
    margin-top: 70px;
    margin-top: 70rem;
    text-align: center
}

#single-pioneer-installation .button-container .cbutton,
#single-pioneer-installation .button-container .cbutton--close-popin {
    display: inline-block
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #single-pioneer-installation {
        padding-bottom: 50px
    }
    #single-pioneer-installation .single-slideshow {
        margin: 0 30px
    }
}

#single-pioneer-others {
    padding-bottom: 150px;
    padding-bottom: 150rem;
    margin-bottom: 0
}

#single-pioneer-others .title--l {
    margin-bottom: 130px;
    margin-bottom: 130rem
}

#single-pioneer-others .pioneer-list {
    margin-left: 130px;
    margin-left: 130rem;
    margin-right: 130px;
    margin-right: 130rem
}

#single-pioneer-others .pioneer-list .grid-l {
    margin-left: -50px;
    margin-left: -50rem;
    margin-right: -50px;
    margin-right: -50rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #single-pioneer-others {
        padding-bottom: 50px
    }
    #single-pioneer-others .title--l {
        margin-bottom: 50px
    }
    #single-pioneer-others .pioneer-list {
        margin-left: 10px;
        margin-right: 10px
    }
    #single-pioneer-others .pioneer-list .pioneer-card {
        margin-bottom: 50px
    }
    #single-pioneer-others .pioneer-list .grid-l {
        margin: 0
    }
}

#single-pioneer .page-c__section {
    position: relative
}

#single-pioneer .page-c__section:nth-child(even) .back-rect {
    display: none
}

#single-pioneer .page-c__section .back-rect__rect {
    left: -90px;
    left: -90rem;
    right: -90px;
    right: -90rem;
    top: 0;
    bottom: 0
}

.single-quote {
    background: #fff;
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    padding: 80px 80px 70px;
    padding: 80rem 80rem 70rem
}

.single-quote__container {
    position: relative
}

.single-quote__icon {
    left: 0;
    top: 4px;
    top: 4rem;
    position: absolute;
    font-size: 22px;
    font-size: 22rem
}

.single-quote__content {
    padding-left: 60px;
    padding-left: 60rem
}

.single-body {
    padding-right: 80px;
    padding-right: 80rem
}

.single-body .common-text img,
.single-body .common-text video,
.single-body .common-text iframe {
    max-width: -webkit-calc(100% + 80rem);
    max-width: calc(100% + 80rem)
}

@media (max-width: 1260px) {
    .single-body .common-text img,
    .single-body .common-text video,
    .single-body .common-text iframe {
        max-width: -webkit-calc(100% + 80px);
        max-width: calc(100% + 80px)
    }
}

.single-body p {
    padding-right: 80px;
    padding-right: 80rem
}

.single-body p:after {
    content: "";
    clear: both;
    display: block;
    position: relative
}

.single-body p>img {
    margin-top: 40px;
    margin-top: 40rem;
    margin-bottom: 40px;
    margin-bottom: 40rem
}

.single-body p>img:last-child {
    margin-right: -80px;
    margin-right: -80rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .single-body {
        padding-right: 0
    }
    .single-body p {
        padding-right: 30px
    }
    .single-body p:after {
        content: "";
        clear: both;
        display: block;
        position: relative
    }
    .single-body p>img {
        margin-top: 20px;
        margin-top: 20rem;
        margin-bottom: 20px;
        margin-bottom: 20rem
    }
    .single-body p>img:last-child {
        margin-right: -30px;
        margin-right: -30rem
    }
    .single-body .common-text img,
    .single-body .common-text video,
    .single-body .common-text iframe {
        max-width: -webkit-calc(100% + 30px);
        max-width: calc(100% + 30px)
    }
}

.module {
    margin-bottom: 70px;
    margin-bottom: 70rem;
    margin-right: 80px;
    margin-right: 80rem
}

.module--calendar {
    background: url("../images/texture.png");
    padding: 85px;
    padding: 85rem;
    text-align: center
}

.module--calendar .cbutton,
.module--calendar .cbutton--close-popin {
    display: inline-block
}

.module--simple-image img {
    max-width: 100%;
    height: auto;
    width: auto
}

.single-bottom {
    position: relative;
    padding: 0px 45px;
    padding: 0rem 45rem;
    margin-bottom: 0
}

.single-bottom .back-rect__rect {
    left: -90px;
    left: -90rem;
    right: 0px;
    right: 0rem;
    top: 0;
    bottom: 0
}

.single-bottom .back-rect__rect:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2825;
    opacity: .55;
    mix-blend-mode: multiply;
    z-index: 10
}

.single-bottom .back-rect__rect:after {
    opacity: .03
}

.single-bottom__share {
    text-align: center;
    position: relative;
    display: block;
    padding: 110px 0;
    padding: 110rem 0;
    height: 100%
}

.single-bottom__share .share-box {
    display: none
}

.single-bottom__share .cbutton,
.single-bottom__share .cbutton--close-popin {
    display: inline-block
}

.single-bottom__author {
    border-left: 1px solid rgba(43, 40, 37, 0.12);
    padding: 70px 30px 70px 115px;
    padding: 70rem 30rem 70rem 115rem
}

.single-bottom__author__infos {
    margin-bottom: 28px;
    margin-bottom: 28rem
}

.single-bottom__author .author__avatar {
    margin-right: 20px;
    margin-right: 20rem;
    vertical-align: middle
}

.single-bottom__author .author__title {
    display: inline-block;
    vertical-align: middle
}

.single-bottom__author__quote {
    position: relative;
    padding-left: 75px;
    padding-left: 75rem
}

.single-bottom__author__quote .icon-quote {
    position: absolute;
    left: 11px;
    left: 11rem;
    top: 50%;
    font-size: 35px;
    margin-top: -14px;
    margin-top: -14rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .single-bottom {
        padding: 0
    }
    .single-bottom__share {
        padding: 70px 30px 30px;
        background: rgba(43, 40, 37, 0.03);
        margin-bottom: 0
    }
    .single-bottom__share .share-box {
        display: block;
        margin-top: 20px
    }
    .single-bottom__share .share-box__list__item {
        display: inline-block;
        vertical-align: middle;
        margin: 20px 10px 0
    }
    .single-bottom__author {
        padding: 30px;
        border-left: 0;
        margin-bottom: 0
    }
    .single-bottom__author__infos {
        margin-bottom: 20px
    }
    .single-bottom__author .author {
        text-align: center
    }
    .single-bottom__author .author__avatar {
        display: block;
        margin: 0 auto 20px
    }
    .single-bottom__author .author__title {
        text-align: center;
        display: block
    }
    .single-bottom__author__quote {
        padding-left: 0;
        text-align: center
    }
    .single-bottom__author__quote .icon-quote {
        left: auto;
        position: relative;
        display: block;
        margin: 0 auto 10px
    }
}

.single-others {
    position: relative;
    padding-top: 90px;
    padding-top: 90rem;
    margin-bottom: 0
}

.single-others .grid-l-news {
    display: table;
    margin: auto
}

.single-others .back-rect__rect {
    left: -90px;
    left: -90rem;
    right: 0px;
    right: 0rem;
    top: 0;
    bottom: 0
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    .single-others {
        padding: 50px 30px
    }
    .single-others .grid-l-news {
        display: block
    }
}

.single-content {
    max-width: 1200px;
    margin: auto
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #single-blog .share-box--fixed {
        display: none
    }
}

#single-product {
    position: relative
}

#single-product .woocommerce-message {
    margin-bottom: 0;
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 90px;
    margin-right: 90rem;
    z-index: 30
}

#single-product.variable-product #product-introduction .dual-tab .single-price {
    color: #2a2724
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #single-product .woocommerce-message {
        margin-right: 0
    }
}

#product-introduction .share-box {
    position: absolute;
    left: -45px;
    left: -45rem;
    top: 50%;
    margin-top: -70px;
    margin-top: -70rem;
    z-index: 20
}

#product-introduction .dual-tab__navigation {
    z-index: 20
}

#product-introduction .dual-tab .selector {
    margin-bottom: 30px
}

#product-introduction .dual-tab .price {
    color: #235ad2
}

#product-introduction .dual-tab .quantity {
    display: none !important
}

#product-introduction .dual-tab .single_add_to_cart_button {
    opacity: 0;
    position: absolute;
    top: -1000px;
    z-index: -1;
    width: 0;
    height: 0;
    z-index: 0
}

#product-introduction .dual-tab .dual-tab__content__cta {
    cursor: pointer
}

#product-introduction .dual-tab .dual-tab__content__cta .points-button {
    float: right;
    margin-top: 35px;
    margin-top: 35rem;
    margin-right: 45px;
    margin-right: 45rem
}

#product-introduction .dual-tab .dual-tab__medias__layout {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 50px;
    padding-left: 50rem;
    padding-right: 50px;
    padding-right: 50rem
}

#product-introduction .dual-tab .dual-tab__medias__layout__image {
    line-height: 500px;
    line-height: 500rem
}

.simple-product #product-introduction .dual-tab .dual-tab__medias__layout__image img {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

#product-introduction .dual-tab .dual-tab__medias__layout__image img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #product-introduction .dual-tab__content__term {
        text-align: center;
        margin-bottom: 10px
    }
    #product-introduction .dual-tab__content__title {
        text-align: center
    }
    #product-introduction .dual-tab__content__price {
        padding-top: 10px;
        text-align: center;
        margin-bottom: 20px
    }
    #product-introduction .dual-tab .dual-tab__medias__layout {
        height: auto
    }
    #product-introduction .dual-tab .dual-tab__medias__layout__image {
        height: 350px;
        line-height: 350px
    }
    #product-introduction .dual-tab .variations {
        text-align: center
    }
    #product-introduction .dual-tab .variations .selector {
        display: block;
        max-width: 200px;
        margin: 0px auto 20px;
        text-align: left
    }
    #product-introduction .dual-tab .single-price {
        text-align: center;
        margin-bottom: 30px
    }
}

#product-presentation .contents-tabs .selector--mobile {
    display: none
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #product-presentation .contents-tabs__head {
        margin-bottom: 50px
    }
    #product-presentation .contents-tabs .tabs-selector.multiple {
        display: none
    }
    #product-presentation .contents-tabs .selector--mobile {
        display: block
    }
}

#product-modules {
    position: relative
}

#product-modules .back-rect__rect {
    top: -91px;
    top: -91rem;
    left: -90px;
    left: -90rem;
    bottom: 0;
    right: 0
}

#product-modules .card__module__img img {
    max-width: 100%
}

#product-services {
    position: relative
}

#product-services .back-rect__rect {
    left: -90px;
    left: -90rem;
    top: -91px;
    top: -91rem;
    bottom: 0;
    right: 0
}

#product-pushes {
    padding-top: 30px;
    padding-top: 30rem;
    margin-bottom: 130px;
    margin-bottom: 130rem;
    padding-bottom: 120px;
    padding-bottom: 120rem
}

@media screen and (max-width: 840px),
screen and (max-height: 500px) {
    #product-pushes {
        padding-bottom: 50px;
        margin-bottom: 0px
    }
}

#product-medias-slideshow {
    position: relative;
    z-index: 10
}

#product-nav {
    margin-bottom: 0
}

.woocommerce img,
.woocommerce-page img {
    max-width: none
}

body.safari .main-loader.closed {
    width: 0;
    height: 100%
}

body.de.woocommerce-cart table.cart td.actions .coupon .input-text,
body.de.woocommerce-checkout table.cart td.actions .coupon .input-text,
body.de #add_payment_method table.cart td.actions .coupon .input-text {
    width: 120px
}

.padding20 {
    padding: 0 20% 0 5%;
}
.col4 {
    width: 23%;
    float: left;
    padding-left: 0;
    margin-right: 0%;
    margin-bottom: 70px;
    box-sizing: border-box;
    margin-left: 2%;
    margin-top: 40px;
}
    .col4 .card__content {
        padding-bottom: 0;
    }
.myslideshow p.card__content__mention {
    padding: 0 70px;
}
.col4 a .card__container{padding: 20px 20px 0 20px;}


/**.header#main-header.masked.fx div#mobile-burger-bt {
    display: block;
    float: right;
    right: 21px !important;
    left: auto;
}
.sidebar .sb_top_btns.masked {
    top: 0
} **/


.upsidearrow {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 38px;
    height: 98px;
    width: 100px;
    z-index: 9999;
    transform: rotate(-90deg);
}
.upsidearrow img {
    width: 35px;
}
#home-mission, #home-products .custom_button_container,#home-pioneer{padding-bottom: 0;}
#home-blog{padding-top:0;}
.title.title--l {
    margin-bottom: 50px;
}
#home-products .video-player.abc:before{left: 120%; width:300%; }

@keyframes sliding{
    0% {
        width: 100%;
        left: 100%;
    }
    40% {
        width: 100%;
        left: 40%;
    }
    60% {
        width: 80%;
        left: -10%;
    }
    100% {
        width: 40%;
        left: -45%;
    }
}
.abc:before,.abc2:before{ -webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.abc2:before {
    animation: sliding 1 0.6s ease-in;
}


	.masked div#mobile-burger-bt {
	    display: block;
	    top: 120px;
	    right: 20px;
	    left: auto;
	    position: fixed !important;
	    transition: all 0s !important;
	}

	.menu-open div#mobile-burger-bt {
	    top: 25px;
	    transition: all 0s !important;
	}
    .col4 {
        margin-bottom: 70px;
        padding-top: 30px;
    }


.col4 .card__infos {
    top: 30px;
}

.whiteclr{color:#fff !important;}

main .slideshow .slide:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    top: 0;
    left: 0;
    position: absolute;
}
.myslideshow .slide {
    overflow: visible;
    pointer-events: visible;
}
.myslideshow .card__top {
    -webkit-box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    box-shadow: rgba(43, 40, 37, 0.12) 0 5px 43px;
    border-radius: 20px 20px 0 0;
}
.icon-arrow:before, .header__nav__link--parent:before {
    font-size: 50px;
    color: #235ad2;
}
.arrow-button .points-button, .points-button + small, .icon-arrow + small {
    display: none !important;
}

#main-header.masked.menu-open {
    height: 100vh;
}
#main-header.masked.menu-open li.header__nav__link {
    display: block;
    text-align: center;
    font-size: 3em;
    line-height: 2;
    -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
}
#main-header.masked.menu-open ul.main-list {
    margin-top: 30px;
}
.header__nav__link{-webkit-transition: 0s; -o-transition: 0s; transition: 0s;}
#main-header.masked.menu-open li.header__nav__link i.icon-search {
    display: none;
}
#main-header.masked.menu-open .header__lang{height: 100vh;}


.seo-footer{margin-bottom: 0;}


/****  vj's css  ****/
.subdescription {
    padding: 0 15em 5em 15em;
    font-size: 1.3em;
    color: #555;
    line-height: 1.5em;
    width: 100%;
}
    .subdescription b {
        font-weight: bold;
        padding: 23px 0 10px;
        display: block;
    }
    .subdescription ul {
        list-style: circle inside;
    }
.points-list__li__content__desc2 p {
    font-size: 1.1em;
    padding: 4px 0;
    color: #666;
    line-height: 1.3em;
    font-weight: 500;
}
header#main-header.masked.fx {
    position: fixed;
    transform: translateY(-10rem);
    height: 80rem;
}
.masked div#mobile-burger-bt {
    display: none !important;
    opacity: 0;
}
.smalllogo {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0s ease !important;
}

#main-header.masked.fx .smalllogo {
    transition: all 0s ease !important;
    padding-top: 9.5rem;
}
.padright100{padding-right:100rem;}