/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}
@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}
@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.fi:before {
    display: inline-block;
    font-family: "Flaticon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}
.flaticon-instagram:before {
    content: "\f100"
}
.flaticon-facebook-circle:before {

    content: "\f101"
}
.flaticon-twitter-circle:before {
    content: "\f102"
}
.flaticon-email-circle:before {
    content: "\f103"
}
.flaticon-google-circle:before {
    content: "\f104"
}
.flaticon-share:before {
    content: "\f105"
}
.flaticon-arrow-left:before {
    content: "\f106"
}
.flaticon-solid-arrow-left:before {
    content: "\f107"
}
.flaticon-solid-arrow-right:before {
    content: "\f108"
}
.flaticon-arrow-down:before {
    content: "\f109"
}
.flaticon-youtube:before {
    content: "\f10a"
}
.flaticon-facebook:before {
    content: "\f10b"
}
.flaticon-arrow-right:before {
    content: "\f10c"
}
.flaticon-foursquare:before {
    content: "\f10d"
}
.flaticon-minus:before {
    content: "\f10e"
}
.flaticon-plus:before {
    content: "\f10f"
}
.flaticon-cancel:before {
    content: "\f110"
}
.flaticon-twitter:before {
    content: "\f111"
}
.btn .btn__link,
.contentEntry__inner,
.footer__content,
.intro__hero,
.entryModule__bookingContent,
.bookingInfo,
.filters__content,
.listItems,
.listItems__product,
.listItems__article,
.MarkupPagerNav,
.saloniTile,
.animateInView--pix,
.animateInView--text,
.listMenu-li__link {
    overflow: hidden;
    *zoom: 1
}
table,
#site,
#header,
main,
.contentTop,
.contentEntry,
.entryModule,
.filters,
.trendsGenderChoice,
.saloniChoice,
.exploreModule,
.slider {
    *zoom: 1
}
table:after,
#site:after,
#header:after,
main:after,
.contentTop:after,
.contentEntry:after,
.entryModule:after,
.filters:after,
.trendsGenderChoice:after,
.saloniChoice:after,
.exploreModule:after,
.slider:after {
    content: "";
    display: table;
    clear: both
}
.screen-reader-text,
.header__contentTop h1>span,
.header__contentTop h1 .site-description,
.footer__brand a.footerLogo h2,
.productEntryImage img,
.slide__content img {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}
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: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
html {
    font-size: 100%;
    line-height: 1.6
}
@media all and (min-width: 48em) {
    html {
        font-size: 100%;
        line-height: 1.6
    }
}
@media all and (min-width: 64em) {
    html {
        font-size: 112.5%;
        line-height: 1.8
    }
}
body {
    min-height: 100vh;
    font-family: Akrobat, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #fff;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .82824rem;
    line-height: 1.36rem
}
@media all and (min-width: 25.875em) {
    body {
        font-size: .83805rem
    }
}
@media all and (min-width: 48em) {
    body {
        font-size: 1rem;
        line-height: 1.6rem
    }
}
@media all and (min-width: 64em) {
    body {
        font-size: 1rem;
        line-height: 1.76rem
    }
}
@media all and (min-width: 101.5em) {
    body {
        font-size: 1rem;
        line-height: 1.92rem
    }
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*::before,
*::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html,
body {
    overflow-x: hidden
}
table {
    width: 100% !important;
    border: 0 solid #000;
    margin-top: .8rem;
    margin-bottom: 1.2rem;
    max-width: 900px;
    background-color: #fff;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000
}
table th {
    text-align: center;
    font-weight: bold
}
table td,
table th {
    padding: 2px
}
table td.numeric,
table th.numeric {
    text-align: right
}
table th,
table td {
    border-right: 0 solid #000;
    border-bottom: 0 solid #000;
    border-left-width: 0;
    border-top-width: 0
}
table th:last-child,
table td:last-child {
    border-right-width: 0
}
table th.last,
table td.last {
    border-right-width: 0
}
table tbody tr:last-child th,
table tbody tr:last-child td,
table tfoot tr:last-child th,
table tfoot tr:last-child td {
    border-bottom-width: 0
}
table tbody tr.last th,
table tbody tr.last td,
table tfoot tr.last th,
table tfoot tr.last td {
    border-bottom-width: 0
}
table thead th {
    border-bottom: 0 solid #000
}
table tfoot th,
table tfoot td {
    border-top: 0 solid #000
}
table th:first-child {
    border-right: 0 solid #000
}
table th,
table td {
    padding: .8rem;
    text-align: left;
    font-size: .68598rem;
    line-height: 1.12rem;
    color: #000000;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-right: 1px solid #000000
}
@media all and (min-width: 25.875em) {
    table th,
    table td {
        font-size: .69411rem
    }
}
@media all and (min-width: 48em) {
    table th,
    table td {
        font-size: .76073rem
    }
}
@media all and (min-width: 64em) {
    table th,
    table td {
        font-size: .73169rem
    }
}
@media all and (min-width: 101.5em) {
    table th,
    table td {
        font-size: .7482rem
    }
}
table th p,
table th ul,
table th ol,
table td p,
table td ul,
table td ol {
    margin-bottom: 0
}
table tr {
    border-bottom: 1px solid #000000
}
img {
    color: #000000;
    font-style: italic;
    height: auto
}
figure {
    margin-bottom: 2.4rem
}
figcaption {
    display: block;
    font-size: .6243rem;
    line-height: .96rem;
    color: #99908d
}
@media all and (min-width: 25.875em) {
    figcaption {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    figcaption {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    figcaption {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    figcaption {
        font-size: .66921rem
    }
}
a.imgViewr {
    display: block
}
a.imgViewr:hover {
    cursor: zoom-in
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 5px;
    height: 0;
    overflow: hidden
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"],
input[type="image"],
.button {
    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;
    font-family: Akrobat, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: auto;
    -webkit-appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    line-height: normal !important;
    font-size: .68598rem;
    line-height: 1.12rem;
    font-weight: bold;
    color: #000000
}
@media all and (min-width: 25.875em) {
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        font-size: .69411rem
    }
}
@media all and (min-width: 48em) {
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        font-size: .76073rem
    }
}
@media all and (min-width: 64em) {
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        font-size: .73169rem
    }
}
@media all and (min-width: 101.5em) {
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        font-size: .7482rem
    }
}
button:active,
button:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="button"]:active,
input[type="button"]:focus {
    text-decoration: none
}
.btn {
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center;
    display: inline-block;
    position: relative;
    left: 7px;
    clear: both
}
.btn .btn__bg {
    -moz-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    position: absolute;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    width: 70%;
    height: 50%;
    bottom: -10%;
    left: -10%
}
.btn .btn__link {
    margin: 0;
    padding: 0;
    line-height: normal;
    overflow: hidden;
    position: relative;
    display: block;
    border: 0 none;
    text-decoration: none;
    cursor: pointer
}
.btn .buttonText {
    -moz-transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-size: .73621rem;
    line-height: 1.12rem;
    position: relative;
    left: 0%;
    font-weight: bold;
    letter-spacing: 2.5px;
    color: #000000
}
@media all and (min-width: 25.875em) {
    .btn .buttonText {
        font-size: .74494rem
    }
}
@media all and (min-width: 48em) {
    .btn .buttonText {
        font-size: .81828rem
    }
}
@media all and (min-width: 64em) {
    .btn .buttonText {
        font-size: .76508rem
    }
}
@media all and (min-width: 101.5em) {
    .btn .buttonText {
        font-size: .78235rem
    }
}
.btn .buttonText .fi {
    bottom: 1px;
    position: relative;
    line-height: 100%;
    font-size: 10px
}
.btn.animateInView .btn__bg {
    height: 0%
}
.btn.animateInView .buttonText {
    left: -100px
}
.btn.isInView .btn__bg {
    -moz-transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1) .6s, width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1) .6s, width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1), width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-delay: .6s, 0s;
    transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1) .6s, width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    height: 50%
}
.btn.isInView .buttonText {
    -moz-transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: left .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    left: 0%
}
@-moz-keyframes animateBtnBg {
    100%,
    0% {
        width: 70%;
        left: -10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        left: -10%
    }
    41% {
        left: 70%;
        -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        left: 50%;
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-webkit-keyframes animateBtnBg {
    100%,
    0% {
        width: 70%;
        left: -10%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        left: -10%
    }
    41% {
        left: 70%;
        -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        left: 50%;
        width: 10%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@keyframes animateBtnBg {
    100%,
    0% {
        width: 70%;
        left: -10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        left: -10%
    }
    41% {
        left: 70%;
        -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        left: 50%;
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
.btn:hover .btn__bg {
    width: 70%;
    -moz-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-animation: animateBtnBg 0.6s;
    -webkit-animation: animateBtnBg 0.6s;
    animation: animateBtnBg 0.6s
}
.btn:hover .btn__link {
    text-decoration: none
}
.btn:active .btn__link,
.btn:visited .btn__link,
.btn:focus .btn__link {
    text-decoration: none
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background: none transparent;
    color: #000000;
    border: 1px solid #000000;
    font-family: Akrobat, Helvetica Neue, Helvetica, Arial, sans-serif;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    margin: 0;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    margin-bottom: 15px;
    font-size: .73621rem;
    line-height: 1.12rem
}
@media all and (min-width: 25.875em) {
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-size: .74494rem
    }
}
@media all and (min-width: 48em) {
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-size: .81828rem
    }
}
@media all and (min-width: 64em) {
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-size: .76508rem
    }
}
@media all and (min-width: 101.5em) {
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-size: .78235rem
    }
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder {
    color: #000000
}
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder {
    color: #000000
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder {
    color: #000000
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder {
    color: #000000
}
textarea:focus,
textarea.focus,
input[type="text"]:focus,
input[type="text"].focus,
input[type="password"]:focus,
input[type="password"].focus,
input[type="datetime"]:focus,
input[type="datetime"].focus,
input[type="datetime-local"]:focus,
input[type="datetime-local"].focus,
input[type="date"]:focus,
input[type="date"].focus,
input[type="month"]:focus,
input[type="month"].focus,
input[type="time"]:focus,
input[type="time"].focus,
input[type="week"]:focus,
input[type="week"].focus,
input[type="number"]:focus,
input[type="number"].focus,
input[type="email"]:focus,
input[type="email"].focus,
input[type="url"]:focus,
input[type="url"].focus,
input[type="search"]:focus,
input[type="search"].focus,
input[type="tel"]:focus,
input[type="tel"].focus,
input[type="color"]:focus,
input[type="color"].focus {
    border: 1px solid rgba(141, 131, 128, 0.4);
    -moz-box-shadow: inset 0px 1px 1px rgba(141, 131, 128, 0.1), 0 0 5px rgba(141, 131, 128, 0.7);
    -webkit-box-shadow: inset 0px 1px 1px rgba(141, 131, 128, 0.1), 0 0 5px rgba(141, 131, 128, 0.7);
    box-shadow: inset 0px 1px 1px rgba(141, 131, 128, 0.1), 0 0 5px rgba(141, 131, 128, 0.7);
    outline: 0
}
textarea.error,
input[type="text"].error,
input[type="password"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="date"].error,
input[type="month"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="color"].error {
    -moz-box-shadow: inset 0 -1px 0 0/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    -webkit-box-shadow: inset 0 -1px 0 0/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    box-shadow: inset 0 -1px 0 0/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
input[type="search"] {
    box-sizing: border-box
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
button,
input,
select,
textarea {
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
textarea {
    height: auto;
    padding: 10px;
    display: block;
    min-width: 100%;
    max-width: 100%;
    min-height: 200px;
    margin-bottom: 15px
}
.slideUp,
.slideUp--fast,
.slideUp--slow,
.slideDown,
.slideDown--fast,
.slideDown--slow,
.slideIn--right,
.slideIn--left,
.mooveUp {
    -moz-transition: -moz-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
@font-face {
    font-family: "Akrobat";
    src: url('../fonts/akrobat/akrobat-regular-webfont8d60.eot?1489068930');
    src: url('../fonts/akrobat/akrobat-regular-webfont79aa.eot?&1489068930#iefix') format('embedded-opentype'), url('../fonts/akrobat/akrobat-regular-webfont8d60.woff?1489068930') format('woff'), url('../fonts/akrobat/akrobat-regular-webfont8d60.ttf?1489068930') format('truetype'), url('../fonts/akrobat/akrobat-regular-webfont8d60.svg?1489068930') format('svg')
}
@font-face {
    font-family: "Akrobat";
    src: url('../fonts/akrobat/akrobat-extrabold-webfont8d60.eot?1489068930');
    src: url('../fonts/akrobat/akrobat-extrabold-webfont79aa.eot?&1489068930#iefix') format('embedded-opentype'), url('../fonts/akrobat/akrobat-extrabold-webfont8d60.woff?1489068930') format('woff'), url('../fonts/akrobat/akrobat-extrabold-webfont8d60.ttf?1489068930') format('truetype'), url('../fonts/akrobat/akrobat-extrabold-webfont8d60.svg?1489068930') format('svg');
    font-weight: bold
}
@font-face {
    font-family: "Flaticon";
    src: url('../fonts/flaticon/Flaticon1aa9.eot?1494603261');
    src: url('../fonts/flaticon/Flaticon11de.eot?&1494603261#iefix') format('embedded-opentype'), url('../fonts/flaticon/Flaticon1aa9.woff?1494603261') format('woff'), url('../fonts/flaticon/Flaticon1aa9.ttf?1494603261') format('truetype'), url('../fonts/flaticon/Flaticon1aa9.svg?1494603261') format('svg')
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Akrobat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000000
}
h1 {
    font-size: 1.98009rem;
    line-height: 1.92rem;
    margin-bottom: .4rem
}
@media all and (min-width: 25.875em) {
    h1 {
        font-size: 2.02729rem
    }
}
@media all and (min-width: 48em) {
    h1 {
        font-size: 3.45488rem;
        line-height: 2.72rem
    }
}
@media all and (min-width: 64em) {
    h1 {
        font-size: 3.8147rem;
        line-height: 3.52rem
    }
}
@media all and (min-width: 101.5em) {
    h1 {
        font-size: 3.90078rem;
        line-height: 3.84rem
    }
}
@media (min-width: 64em) {
    h1 {
        margin-bottom: .56rem
    }
}
h2 {
    font-size: 1.86685rem;
    line-height: 1.92rem;
    margin-bottom: .4rem
}
@media all and (min-width: 25.875em) {
    h2 {
        font-size: 1.91134rem
    }
}
@media all and (min-width: 48em) {
    h2 {
        font-size: 2.87906rem;
        line-height: 2.4rem
    }
}
@media all and (min-width: 64em) {
    h2 {
        font-size: 2.79117rem;
        line-height: 2.88rem
    }
}
@media all and (min-width: 101.5em) {
    h2 {
        font-size: 2.91856rem;
        line-height: 3.04rem
    }
}
@media (min-width: 64em) {
    h2 {
        margin-bottom: .56rem
    }
}
h3 {
    font-size: 1.76008rem;
    line-height: 1.92rem;
    margin-bottom: .4rem
}
@media all and (min-width: 25.875em) {
    h3 {
        font-size: 1.78093rem
    }
}
@media all and (min-width: 48em) {
    h3 {
        font-size: 2.27151rem;
        line-height: 2.4rem
    }
}
@media all and (min-width: 64em) {
    h3 {
        font-size: 2.33484rem;
        line-height: 2.88rem
    }
}
@media all and (min-width: 101.5em) {
    h3 {
        font-size: 2.38753rem;
        line-height: 3.04rem
    }
}
@media (min-width: 64em) {
    h3 {
        margin-bottom: .56rem
    }
}
h3 .small {
    font-size: 1.56451rem;
    line-height: 1.92rem
}
@media all and (min-width: 25.875em) {
    h3 .small {
        font-size: 1.58305rem
    }
}
@media all and (min-width: 48em) {
    h3 .small {
        font-size: 1.89293rem
    }
}
@media all and (min-width: 64em) {
    h3 .small {
        font-size: 1.95313rem
    }
}
@media all and (min-width: 101.5em) {
    h3 .small {
        font-size: 1.9972rem
    }
}
h3 .big {
    font-size: 2.47671rem;
    line-height: 1.92rem
}
@media all and (min-width: 25.875em) {
    h3 .big {
        font-size: 2.53574rem
    }
}
@media all and (min-width: 48em) {
    h3 .big {
        font-size: 3.27098rem;
        line-height: 2.4rem
    }
}
@media all and (min-width: 64em) {
    h3 .big {
        font-size: 3.41197rem;
        line-height: 2.88rem
    }
}
@media all and (min-width: 101.5em) {
    h3 .big {
        font-size: 3.56769rem;
        line-height: 3.04rem
    }
}
h3 .giant {
    font-size: 2.56578rem;
    line-height: 2.4rem
}
@media all and (min-width: 25.875em) {
    h3 .giant {
        font-size: 2.99033rem;
        line-height: 2.56rem
    }
}
@media all and (min-width: 48em) {
    h3 .giant {
        font-size: 3.92518rem;
        line-height: 3.52rem
    }
}
@media all and (min-width: 64em) {
    h3 .giant {
        font-size: 3.90078rem;
        line-height: 3.2rem
    }
}
@media all and (min-width: 101.5em) {
    h3 .giant {
        font-size: 3.9888rem;
        line-height: 3.52rem
    }
}
h4 {
    font-size: 1.125rem;
    line-height: 1.44rem;
    margin-bottom: .4rem
}
@media all and (min-width: 25.875em) {
    h4 {
        font-size: 1.125rem
    }
}
@media all and (min-width: 48em) {
    h4 {
        font-size: 1.22208rem;
        line-height: 1.6rem
    }
}
@media all and (min-width: 64em) {
    h4 {
        font-size: 1.22242rem
    }
}
@media all and (min-width: 101.5em) {
    h4 {
        font-size: 1.25rem
    }
}
@media (min-width: 64em) {
    h4 {
        margin-bottom: .56rem
    }
}
h5 {
    font-size: 1rem;
    line-height: 1.92rem;
    margin-bottom: .4rem
}
@media all and (min-width: 25.875em) {
    h5 {
        font-size: 1rem
    }
}
@media all and (min-width: 48em) {
    h5 {
        font-size: 1.17832rem;
        line-height: 2.08rem
    }
}
@media all and (min-width: 64em) {
    h5 {
        font-size: 1.11803rem
    }
}
@media all and (min-width: 101.5em) {
    h5 {
        font-size: 1.14326rem
    }
}
@media (min-width: 64em) {
    h5 {
        margin-bottom: .56rem
    }
}
a {
    text-decoration: none;
    color: #000000
}
a:visited {
    color: #000000
}
a:hover,
a:focus,
a:active {
    color: #000000;
    text-decoration: underline
}
a:focus {
    outline: none
}
a:hover,
a:active {
    outline: 0
}
p,
ul,
ol {
    margin-bottom: 1.2rem
}
.bold,
strong,
b {
    font-weight: bold
}
span.italic,
em,
i,
dfn,
cite {
    font-style: italic
}
blockquote {
    padding: .8rem;
    border: 1px solid #000000;
    margin-bottom: 1.2rem
}
blockquote p {
    display: inline
}
blockquote,
q {
    quotes: "“" "”" "‘" "’"
}
blockquote:before,
q:before {
    color: #000000;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.15em;
    vertical-align: -0.4em
}
hr {
    border: 0 none;
    height: 0 !important;
    border-top: 0 none;
    border-bottom: 1px solid rgba(43, 43, 43, 0.3);
    margin: 2.4rem 0
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    text-align: left
}
pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    max-width: 99%;
    overflow: auto
}
abbr,
acronym {
    border-bottom: 1px dotted #000000;
    cursor: help
}
small {
    color: #000000
}
mark,
ins {
    background: #000000;
    text-decoration: none
}
u,
.underline {
    text-decoration: underline
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
.tel,
.tel:visited {
    color: #000000;
    text-decoration: none
}
.tel:hover,
.tel:focus {
    color: #000000
}
@media (min-width: 64em) {
    .tel,
    .tel:visited {
        background: none;
        cursor: default
    }
    .tel:hover,
    .tel:focus {
        text-decoration: none;
        color: #000000
    }
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #000000;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}
#site {
    height: 100%;
    position: relative
}
.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
.container:after {
    content: " ";
    display: block;
    clear: both
}
@media (min-width: 25.875em) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (min-width: 48em) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (min-width: 64em) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (min-width: 101.5em) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
#header {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 85px;
    position: fixed;
    z-index: 11
}
@media (min-width: 22.5em) {
    #header {
        width: 100px
    }
}
@media (min-width: 48em) {
    #header {
        width: 140px
    }
}
@media (min-width: 64em) {
    #header {
        width: 170px;
        height: 100%;
        height: 100vh
    }
}
@media (min-width: 64em) {
    #header.header--is-bottom:not(.header--navIsActive) {
        position: absolute;
        top: inherit;
        bottom: 270px
    }
}
.loadingPage header {
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
    bottom: inherit !important
}
.header__contentTop {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    height: 80px;
    padding: 15px;
    z-index: 2;
    background-color: transparent
}
.header__contentTop h1 {
    margin-bottom: 0
}
@media (min-width: 22.5em) {
    .header__contentTop {
        height: 95px
    }
}
@media (min-width: 48em) {
    .header__contentTop {
        height: 140px
    }
}
@media (min-width: 64em) {
    .header__contentTop {
        height: 150px
    }
}
.header__contentTop a.mainLogo {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%
}
.header__contentTop a.mainLogo svg {
    margin: 0 auto;
    position: relative;
    overflow: visible;
    display: inline-block;
    width: 100%;
    height: 100%
}
.header__contentTop a.mainLogo .logoType {
    display: none;
    margin-top: 6px;
    width: 137px;
    height: 25px;
    background-image: url('../img/misc/logo_type_white8481.png?1491850643');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 137px 25px;
    -moz-background-size: 137px 25px;
    -o-background-size: 137px 25px;
    background-size: 137px 25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .header__contentTop a.mainLogo .logoType {
        background-image: url('../img/misc/logo_type_white%402x8481.png?1491850643');
        -webkit-background-size: 137px 25px;
        -moz-background-size: 137px 25px;
        -o-background-size: 137px 25px;
        background-size: 137px 25px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .header__contentTop a.mainLogo .logoType {
        margin-top: 12px;
        width: 146px;
        height: 27px;
        background-image: url('../img/misc/logo_type_white8481.png?1491850643');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 146px 27px;
        -moz-background-size: 146px 27px;
        -o-background-size: 146px 27px;
        background-size: 146px 27px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .header__contentTop a.mainLogo .logoType {
        background-image: url('../img/misc/logo_type_white%402x8481.png?1491850643');
        -webkit-background-size: 146px 27px;
        -moz-background-size: 146px 27px;
        -o-background-size: 146px 27px;
        background-size: 146px 27px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 64em) {
    .header__contentTop a.mainLogo .logoType {
        width: 168px;
        height: 31px;
        background-image: url('../img/misc/logo_type_white8481.png?1491850643');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 168px 31px;
        -moz-background-size: 168px 31px;
        -o-background-size: 168px 31px;
        background-size: 168px 31px
    }
}
@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 64em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (min-resolution: 192dpi),
only screen and (min-width: 64em) and (min-resolution: 2dppx) {
    .header__contentTop a.mainLogo .logoType {
        background-image: url('../img/misc/logo_type_white%402x8481.png?1491850643');
        -webkit-background-size: 168px 31px;
        -moz-background-size: 168px 31px;
        -o-background-size: 168px 31px;
        background-size: 168px 31px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.header__contentTop.header__contentTop--fullLogo {
    height: 125px;
    width: 167px
}
@media (min-width: 22.5em) {
    .header__contentTop.header__contentTop--fullLogo {
        height: 135px;
        width: 177px
    }
}
@media (min-width: 48em) {
    .header__contentTop.header__contentTop--fullLogo {
        height: 175px;
        width: 210px
    }
}
@media (min-width: 64em) {
    .header__contentTop.header__contentTop--fullLogo {
        height: 150px;
        width: auto
    }
}
.header__contentTop.header__contentTop--fullLogo a.mainLogo svg {
    width: 45%
}
@media (min-width: 48em) {
    .header__contentTop.header__contentTop--fullLogo a.mainLogo svg {
        width: 50%
    }
}
.header__contentTop.header__contentTop--fullLogo a.mainLogo .logoType {
    display: block
}
.header__contentBottom {
    margin: 0;
    padding: 0;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    height: 36px;
    -moz-transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1), padding-top .3s cubic-bezier(0.075, 0.82, 0.165, 1), width .3s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
    -o-transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1), padding-top .3s cubic-bezier(0.075, 0.82, 0.165, 1), width .3s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
    -webkit-transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1), padding-top .3s cubic-bezier(0.075, 0.82, 0.165, 1), width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-delay: 0s, 0s, .2s;
    transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1), padding-top .3s cubic-bezier(0.075, 0.82, 0.165, 1), width .3s cubic-bezier(0.075, 0.82, 0.165, 1) .2s
}
@media (min-width: 22.5em) {
    .header__contentBottom {
        height: 40px;
        top: 95px
    }
}
@media (min-width: 48em) {
    .header__contentBottom {
        height: 44px;
        top: 140px
    }
}
@media (min-width: 64em) {
    .header__contentBottom {
        position: absolute;
        top: inherit;
        bottom: 0;
        left: 0;
        padding-top: 200px;
        height: 100%
    }
}
.header__contentBottom .borderLine {
    display: none;
    position: absolute;
    width: 1px;
    top: 200px;
    bottom: 8%;
    right: 1px;
    -moz-transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: top .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-color: #dedede
}
@media (min-width: 64em) {
    .header__contentBottom .borderLine {
        display: block
    }
}
.header__contentBottom .borderLine:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    bottom: 0;
    right: -3px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #dedede
}
.header__contentBottom.header__contentBottom--navIsActive {
    top: 125px;
    width: 167px
}
@media (min-width: 22.5em) {
    .header__contentBottom.header__contentBottom--navIsActive {
        top: 135px;
        width: 177px
    }
}
@media (min-width: 48em) {
    .header__contentBottom.header__contentBottom--navIsActive {
        top: 175px;
        width: 210px
    }
}
@media (min-width: 64em) {
    .header__contentBottom.header__contentBottom--navIsActive {
        top: inherit;
        padding-top: 240px;
        width: 100%
    }
}
.header__contentBottom.header__contentBottom--navIsActive .borderLine {
    top: 240px
}
.header__contentBottom.header__contentBottom--navIsActive .socialBadges--isActive {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity .3s ease, visibility .3s ease;
    -o-transition: opacity .3s ease, visibility .3s ease;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}
main {
    width: 100%;
    margin: 0;
    padding: 0
}
@media (min-width: 64em) {
    main {
        padding-left: 210px
    }
}
@media (min-width: 101.5em) {
    main {
        padding-left: 220px
    }
}
.mainContent {
    margin: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding-bottom: 2.4rem;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
@media (min-width: 48em) {
    .mainContent {
        padding-bottom: 3.2rem
    }
}
@media (min-width: 64em) {
    .mainContent {
        padding-bottom: 4.8rem
    }
}
@media (min-width: 101.5em) {
    .mainContent {
        padding-bottom: 6.4rem
    }
}
.loadingPage .mainContent {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
article header {
    z-index: 0
}
.contentTop {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}
.contentTop__image {
    position: relative
}
.contentTop__image .heroBg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center 20%;
    background-repeat: no-repeat;
    background-attachment: scroll
}
.contentTop__image .heroBg.heroBg--default {
    background-image: url('../img/misc/bg_pattern--black7c6c.png?1491498212');
    background-position: left top;
    background-repeat: repeat;
    -webkit-background-size: 140px 140px;
    -moz-background-size: 140px 140px;
    -o-background-size: 140px 140px;
    background-size: 140px 140px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .contentTop__image .heroBg.heroBg--default {
        background-image: url('../img/misc/bg_pattern--black%402x7c6c.png?1491498212');
        -webkit-background-size: 140px 140px;
        -moz-background-size: 140px 140px;
        -o-background-size: 140px 140px;
        background-size: 140px 140px;
        background-position: left top;
        background-repeat: repeat
    }
}
.contentTop.triggrParallx .contentTop__image .heroBg {
    height: 110%;
    top: -15%
}
.contentTop__title {
    display: none;
    position: absolute
}
.contentTop__title h1 {
    color: #000000;
    font-size: 1.98009rem;
    line-height: 1.92rem;
    letter-spacing: 2px;
    text-transform: uppercase
}
@media all and (min-width: 25.875em) {
    .contentTop__title h1 {
        font-size: 2.02729rem
    }
}
@media all and (min-width: 48em) {
    .contentTop__title h1 {
        font-size: 3.45488rem;
        line-height: 2.72rem
    }
}
@media all and (min-width: 64em) {
    .contentTop__title h1 {
        font-size: 3.8147rem;
        line-height: 3.52rem
    }
}
@media all and (min-width: 101.5em) {
    .contentTop__title h1 {
        font-size: 3.90078rem;
        line-height: 3.84rem
    }
}
.contentTop__title h1 span {
    display: block
}
.contentTop--coverRight {
    width: 67.50725%;
    float: right;
    margin-right: 0
}
@media (min-width: 22.5em) {
    .contentTop--coverRight {
        width: 65.7971%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 25.875em) {
    .contentTop--coverRight {
        width: 70.92754%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 48em) {
    .contentTop--coverRight {
        width: 79.69019%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .contentTop--coverRight {
        width: 91.55937%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 101.5em) {
    .contentTop--coverRight {
        width: 85.55692%;
        float: right;
        margin-right: 0
    }
}
.hair-trends .contentTop--coverRight {
    margin-bottom: 2.4rem
}
@media (min-width: 48em) {
    .hair-trends .contentTop--coverRight {
        margin-bottom: 3.2rem
    }
}
.contentTop--coverRight .contentTop__image {
    height: 200px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 3.52rem
}
@media (min-width: 48em) {
    .contentTop--coverRight .contentTop__image {
        margin-bottom: 4rem;
        height: 320px
    }
}
@media (min-width: 64em) {
    .contentTop--coverRight .contentTop__image {
        margin-bottom: 4.8rem;
        height: 380px;
        width: 81.5625%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 80em) {
    .contentTop--coverRight .contentTop__image {
        height: 420px
    }
}
@media (min-width: 87.5em) {
    .contentTop--coverRight .contentTop__image {
        height: 460px
    }
}
@media (min-width: 101.5em) {
    .contentTop--coverRight .contentTop__image {
        margin-bottom: 5.6rem;
        height: 480px;
        width: 78.89843%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .contentTop--coverRight .contentTop__image {
        margin-bottom: 5.6rem;
        height: 540px;
        width: 83.11874%;
        float: right;
        margin-right: 0
    }
}
.contentTop--coverRight .contentTop__title {
    left: 0;
    top: inherit;
    padding: .64rem 1.12rem 0 .16rem;
    background-color: #fff;
    bottom: 3.04rem;
    max-width: 90%
}
@media (min-width: 48em) {
    .contentTop--coverRight .contentTop__title {
        bottom: 2.4rem;
        padding: 1.6rem 2.4rem 0 .8rem
    }
}
@media (min-width: 64em) {
    .contentTop--coverRight .contentTop__title {
        bottom: 3.2rem;
        padding: 1.6rem 2.4rem 0
    }
}
@media (min-width: 101.5em) {
    .contentTop--coverRight .contentTop__title {
        bottom: 4rem
    }
}
@media (min-width: 137.5em) {
    .contentTop--coverRight .contentTop__title {
        left: 2%
    }
}
.contentTop--coverRight .backLink {
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 12%
}
@media (min-width: 48em) {
    .contentTop--coverRight .backLink {
        right: 13%
    }
}
@media (min-width: 64em) {
    .contentTop--coverRight .backLink {
        right: 22%
    }
}
.contentTop--coverArticle {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}
.contentTop--coverArticle .contentTop__image {
    height: 260px;
    margin-bottom: 4.8rem;
    width: 67.50725%;
    float: right;
    margin-right: 0
}
@media (min-width: 22.5em) {
    .contentTop--coverArticle .contentTop__image {
        width: 65.7971%;
        float: right;
        margin-right: 0;
        height: 270px
    }
}
@media (min-width: 25.875em) {
    .contentTop--coverArticle .contentTop__image {
        width: 70.92754%;
        float: right;
        margin-right: 0;
        height: 280px;
        margin-bottom: 5.6rem
    }
}
@media (min-width: 48em) {
    .contentTop--coverArticle .contentTop__image {
        margin-bottom: 4rem;
        height: 380px;
        width: 79.69019%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .contentTop--coverArticle .contentTop__image {
        margin-bottom: 4.8rem;
        height: 400px;
        width: 74.67811%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 80em) {
    .contentTop--coverArticle .contentTop__image {
        height: 420px
    }
}
@media (min-width: 87.5em) {
    .contentTop--coverArticle .contentTop__image {
        height: 460px
    }
}
@media (min-width: 101.5em) {
    .contentTop--coverArticle .contentTop__image {
        margin-bottom: 5.6rem;
        height: 480px;
        width: 71.11383%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .contentTop--coverArticle .contentTop__image {
        margin-bottom: 6.4rem;
        height: 520px;
        width: 65.3366%;
        float: right;
        margin-right: 0
    }
}
.contentTop--coverArticle .contentTop__title {
    left: 1.12rem;
    top: inherit;
    padding: .64rem 1.12rem 0 0;
    background-color: #fff;
    bottom: 1.6rem;
    max-width: 80%
}
@media (min-width: 22.5em) {
    .contentTop--coverArticle .contentTop__title {
        max-width: 75%
    }
}
@media (min-width: 25.875em) {
    .contentTop--coverArticle .contentTop__title {
        max-width: 68%;
        bottom: 2.4rem
    }
}
@media (min-width: 48em) {
    .contentTop--coverArticle .contentTop__title {
        bottom: 2.4rem;
        padding: 1.6rem 2.4rem 0 0;
        left: 6.57487%;
        max-width: 65%
    }
}
@media (min-width: 64em) {
    .contentTop--coverArticle .contentTop__title {
        max-width: 59%;
        bottom: 3.2rem;
        padding: 1.6rem 2.72rem 0 0;
        left: 7.15308%
    }
}
@media (min-width: 101.5em) {
    .contentTop--coverArticle .contentTop__title {
        max-width: 62%;
        bottom: 4rem;
        left: 7.56426%
    }
}
@media (min-width: 137.5em) {
    .contentTop--coverArticle .contentTop__title {
        left: 6.84211%
    }
}
.contentTop--coverArticle .categoryLabels {
    display: inline-block;
    margin-bottom: .48rem
}
.contentTop--coverArticle .categoryLabels span {
    display: inline-block;
    background-color: #000000;
    margin-right: .32rem;
    padding: .16rem .48rem;
    font-size: .6243rem;
    line-height: .96rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}
@media all and (min-width: 25.875em) {
    .contentTop--coverArticle .categoryLabels span {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .contentTop--coverArticle .categoryLabels span {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .contentTop--coverArticle .categoryLabels span {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .contentTop--coverArticle .categoryLabels span {
        font-size: .66921rem
    }
}
.contentTop--coverArticle .articleDate {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #000000;
    margin-bottom: .8rem;
    font-size: 1.125rem;
    line-height: 1.36rem;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    top: 4px
}
@media all and (min-width: 25.875em) {
    .contentTop--coverArticle .articleDate {
        font-size: 1.125rem
    }
}
@media all and (min-width: 48em) {
    .contentTop--coverArticle .articleDate {
        font-size: 1.24456rem
    }
}
@media all and (min-width: 64em) {
    .contentTop--coverArticle .articleDate {
        font-size: 1.19544rem;
        line-height: 1.6rem
    }
}
@media all and (min-width: 101.5em) {
    .contentTop--coverArticle .articleDate {
        font-size: 1.22242rem
    }
}
.contentTop--coverBig {
    margin-bottom: 2.4rem;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    height: 300px;
    padding: 1.12rem 1.12rem 0
}
@media (min-width: 22.5em) {
    .contentTop--coverBig {
        height: 320px
    }
}
@media (min-width: 25.875em) {
    .contentTop--coverBig {
        height: 360px
    }
}
@media (min-width: 48em) {
    .contentTop--coverBig {
        height: 450px;
        padding: 3.5284% 3.5284% 0
    }
}
@media (min-width: 64em) {
    .contentTop--coverBig {
        height: 520px;
        padding: 2.93276% 2.93276% 0 0
    }
}
@media (min-width: 80em) {
    .contentTop--coverBig {
        height: 550px
    }
}
@media (min-width: 87.5em) {
    .contentTop--coverBig {
        height: 580px
    }
}
@media (min-width: 101.5em) {
    .contentTop--coverBig {
        height: 620px;
        padding: 2.50918% 2.50918% 0 1.78703%
    }
}
@media (min-width: 137.5em) {
    .contentTop--coverBig {
        height: 740px;
        padding: 3.95349% 3.95349% 0 3.23133%
    }
}
@media (min-width: 64em) {
    .news .contentTop--coverBig {
        margin-bottom: 3.2rem
    }
}
@media (min-width: 137.5em) {
    .social-wall .contentTop--coverBig {
        margin-bottom: 3.2rem
    }
}
.contentTop--coverBig .contentTop__image {
    display: block;
    position: relative;
    height: 100%;
    width: 100%
}
.contentTop--coverBig .contentTop__title {
    text-align: center;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 1.6rem;
    max-width: 90%;
    background-color: #fff
}
@media (min-width: 48em) {
    .contentTop--coverBig .contentTop__title {
        padding: 2.08rem 2.08rem 1.92rem
    }
}
@media (min-width: 64em) {
    .contentTop--coverBig .contentTop__title {
        padding: 2.4rem 2.88rem 1.92rem
    }
}
.principale .contentTop--coverBig .contentTop__title .animateInView span,
.xs .contentTop--coverBig .contentTop__title .animateInView span,
.eco-xs .contentTop--coverBig .contentTop__title .animateInView span {
    bottom: -300px
}
.principale .contentTop--coverBig .contentTop__title .animateInView.isInView>span,
.xs .contentTop--coverBig .contentTop__title .animateInView.isInView>span,
.eco-xs .contentTop--coverBig .contentTop__title .animateInView.isInView>span {
    bottom: 0
}
.principale .contentTop--coverBig .contentTop__title .animateInView span:before,
.xs .contentTop--coverBig .contentTop__title .animateInView span:before,
.eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
    content: "";
    display: block;
    position: relative;
    margin: 0 auto .64rem;
    width: 85px;
    height: 64px
}
@media (min-width: 22.5em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before,
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before,
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        width: 88px;
        height: 66px
    }
}
@media (min-width: 25.875em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before,
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before,
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        width: 92px;
        height: 69px
    }
}
@media (min-width: 48em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before,
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before,
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        width: 112px;
        height: 84px;
        margin: 0 auto 1.28rem
    }
}
@media (min-width: 64em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before,
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before,
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        width: 148px;
        height: 111px;
        margin: 0 auto 1.6rem
    }
}
@media (min-width: 48em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span {
        white-space: nowrap
    }
}
.principale .contentTop--coverBig .contentTop__title .animateInView span:before {
    background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 85px 64px;
    -moz-background-size: 85px 64px;
    -o-background-size: 85px 64px;
    background-size: 85px 64px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 22.5em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 88px 66px;
        -moz-background-size: 88px 66px;
        -o-background-size: 88px 66px;
        background-size: 88px 66px
    }
}
@media only screen and (min-width: 22.5em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 22.5em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (min-resolution: 192dpi),
only screen and (min-width: 22.5em) and (min-resolution: 2dppx) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 88px 66px;
        -moz-background-size: 88px 66px;
        -o-background-size: 88px 66px;
        background-size: 88px 66px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 64em) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 148px 111px;
        -moz-background-size: 148px 111px;
        -o-background-size: 148px 111px;
        background-size: 148px 111px
    }
}
@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 64em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (min-resolution: 192dpi),
only screen and (min-width: 64em) and (min-resolution: 2dppx) {
    .principale .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 148px 111px;
        -moz-background-size: 148px 111px;
        -o-background-size: 148px 111px;
        background-size: 148px 111px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.xs .contentTop--coverBig .contentTop__title .animateInView span:before {
    background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 85px 64px;
    -moz-background-size: 85px 64px;
    -o-background-size: 85px 64px;
    background-size: 85px 64px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 22.5em) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 88px 66px;
        -moz-background-size: 88px 66px;
        -o-background-size: 88px 66px;
        background-size: 88px 66px
    }
}
@media only screen and (min-width: 22.5em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 22.5em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (min-resolution: 192dpi),
only screen and (min-width: 22.5em) and (min-resolution: 2dppx) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 88px 66px;
        -moz-background-size: 88px 66px;
        -o-background-size: 88px 66px;
        background-size: 88px 66px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 64em) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 148px 111px;
        -moz-background-size: 148px 111px;
        -o-background-size: 148px 111px;
        background-size: 148px 111px
    }
}
@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 64em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (min-resolution: 192dpi),
only screen and (min-width: 64em) and (min-resolution: 2dppx) {
    .xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 148px 111px;
        -moz-background-size: 148px 111px;
        -o-background-size: 148px 111px;
        background-size: 148px 111px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
    background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 85px 64px;
    -moz-background-size: 85px 64px;
    -o-background-size: 85px 64px;
    background-size: 85px 64px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 22.5em) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 88px 66px;
        -moz-background-size: 88px 66px;
        -o-background-size: 88px 66px;
        background-size: 88px 66px
    }
}
@media only screen and (min-width: 22.5em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 22.5em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (min-resolution: 192dpi),
only screen and (min-width: 22.5em) and (min-resolution: 2dppx) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 88px 66px;
        -moz-background-size: 88px 66px;
        -o-background-size: 88px 66px;
        background-size: 88px 66px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 64em) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 148px 111px;
        -moz-background-size: 148px 111px;
        -o-background-size: 148px 111px;
        background-size: 148px 111px
    }
}
@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 64em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (min-resolution: 192dpi),
only screen and (min-width: 64em) and (min-resolution: 2dppx) {
    .eco-xs .contentTop--coverBig .contentTop__title .animateInView span:before {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 148px 111px;
        -moz-background-size: 148px 111px;
        -o-background-size: 148px 111px;
        background-size: 148px 111px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.contentEntry {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding: 0
}
.contentEntry__sidebar {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 .8rem
}
@media (min-width: 48em) {
    .contentEntry__sidebar {
        padding-left: 10.15491%;
        padding-right: 20.30981%
    }
}
@media (min-width: 64em) {
    .contentEntry__sidebar {
        width: 26.56652%;
        float: left;
        margin-right: 1.28755%;
        padding-left: 5.06438%;
        padding-right: 1.68813%
    }
}
@media (min-width: 80em) {
    .contentEntry__sidebar {
        padding-left: 6.7525%
    }
}
@media (min-width: 87.5em) {
    .contentEntry__sidebar {
        padding-left: 8.44063%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__sidebar {
        width: 25.61812%;
        float: left;
        margin-right: 1.10159%;
        padding-left: 7.9437%;
        padding-right: 1.44431%
    }
}
.contentEntry__inner {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 .8rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    -moz-transition: -moz-transform .4s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .4s ease .3s;
    -o-transition: -o-transform .4s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .4s ease .3s;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity .4s ease;
    -webkit-transition-delay: .3s, .3s;
    transition: transform .4s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .4s ease .3s
}
.prodotti .contentEntry__inner {
    padding-left: 0
}
@media (min-width: 48em) {
    .contentEntry__inner {
        padding: 0;
        width: 84.76764%;
        float: left;
        margin-right: 1.54905%
    }
}
@media (min-width: 64em) {
    .contentEntry__inner {
        width: 63.70529%;
        float: left;
        margin-right: 1.28755%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__inner {
        width: 61.72583%;
        float: left;
        margin-right: 1.10159%
    }
}
@media (min-width: 137.5em) {
    .contentEntry__inner {
        width: 53.05998%;
        float: left;
        margin-right: 1.10159%
    }
}
.contentEntry__inner.isInView {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.contentEntry__tools {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
    -moz-transition: -moz-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .5s, opacity .5s ease .5s;
    -o-transition: -o-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .5s, opacity .5s ease .5s;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity .5s ease;
    -webkit-transition-delay: .5s, .5s;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .5s, opacity .5s ease .5s;
    width: 17.91304%;
    float: right;
    margin-right: 0
}
@media (min-width: 25.875em) {
    .contentEntry__tools {
        width: 16.2029%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 48em) {
    .contentEntry__tools {
        width: 15.71429%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .contentEntry__tools {
        width: 32.47496%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 101.5em) {
    .contentEntry__tools {
        width: 31.39535%;
        float: right;
        margin-right: 0
    }
}
.contentEntry__tools.isInView {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.contentEntry__body {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    -moz-transition: -moz-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .5s ease .3s;
    -o-transition: -o-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .5s ease .3s;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity .5s ease;
    -webkit-transition-delay: .3s, .3s;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .5s ease .3s;
    width: 69.21739%;
    float: left;
    margin-right: 2.6087%;
    padding-left: 1.12rem
}
@media (min-width: 48em) {
    .contentEntry__body {
        width: 69.53528%;
        float: left;
        margin-right: 1.54905%;
        padding-left: 6.57487%
    }
}
@media (min-width: 64em) {
    .contentEntry__body {
        width: 63.70529%;
        float: left;
        margin-right: 1.28755%;
        padding-left: 7.15308%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__body {
        width: 60.28152%;
        float: left;
        margin-right: 1.10159%;
        padding-left: 7.22154%
    }
}
.contentEntry__body.isInView {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.contentEntry__fullBody {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    -moz-transition: -moz-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .6s, opacity .5s ease .6s;
    -o-transition: -o-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .6s, opacity .5s ease .6s;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity .5s ease;
    -webkit-transition-delay: .6s, .6s;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .6s, opacity .5s ease .6s;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8.55072%;
    padding-right: 8.55072%
}
@media (min-width: 33.75em) {
    .contentEntry__fullBody {
        padding-left: 6.84058%;
        padding-right: 5.13043%
    }
}
@media (min-width: 48em) {
    .contentEntry__fullBody {
        padding-left: 7.10843%;
        padding-right: 6.09294%
    }
}
@media (min-width: 64em) {
    .contentEntry__fullBody {
        padding-left: 8.44063%;
        padding-right: 7.59657%
    }
}
@media (min-width: 75em) {
    .contentEntry__fullBody {
        padding-left: 8.44063%;
        padding-right: 12.66094%
    }
}
@media (min-width: 87.5em) {
    .contentEntry__fullBody {
        padding-left: 12.66094%;
        padding-right: 20.25751%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__fullBody {
        padding-left: 14.44308%;
        padding-right: 21.66463%
    }
}
@media (min-width: 137.5em) {
    .contentEntry__fullBody {
        padding-left: 18.05386%;
        padding-right: 25.2754%
    }
}
.contentEntry__fullBody.isInView {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.contentEntry__body p,
.contentEntry__body h2,
.contentEntry__body h3,
.contentEntry__body h4,
.contentEntry__body h5,
.contentEntry__body figcaption,
.contentEntry__body ul,
.contentEntry__body ol,
.contentEntry__fullBody p,
.contentEntry__fullBody h2,
.contentEntry__fullBody h3,
.contentEntry__fullBody h4,
.contentEntry__fullBody h5,
.contentEntry__fullBody figcaption,
.contentEntry__fullBody ul,
.contentEntry__fullBody ol {
    letter-spacing: 1px
}
.contentEntry__body h2,
.contentEntry__fullBody h2 {
    font-size: 1.56451rem;
    line-height: 1.92rem
}
@media all and (min-width: 25.875em) {
    .contentEntry__body h2,
    .contentEntry__fullBody h2 {
        font-size: 1.58305rem
    }
}
@media all and (min-width: 48em) {
    .contentEntry__body h2,
    .contentEntry__fullBody h2 {
        font-size: 1.89293rem
    }
}
@media all and (min-width: 64em) {
    .contentEntry__body h2,
    .contentEntry__fullBody h2 {
        font-size: 1.95313rem
    }
}
@media all and (min-width: 101.5em) {
    .contentEntry__body h2,
    .contentEntry__fullBody h2 {
        font-size: 1.9972rem
    }
}
.contentEntry__body h3,
.contentEntry__fullBody h3 {
    font-size: 1.40716rem;
    line-height: 1.92rem
}
@media all and (min-width: 48em) {
    .contentEntry__body h3,
    .contentEntry__fullBody h3 {
        font-size: 1.4665rem
    }
}
@media all and (min-width: 64em) {
    .contentEntry__body h3,
    .contentEntry__fullBody h3 {
        font-size: 1.63381rem
    }
}
.contentEntry__body ul,
.contentEntry__body ol,
.contentEntry__fullBody ul,
.contentEntry__fullBody ol {
    margin: .8rem .4rem;
    list-style-position: outside
}
.contentEntry__body ul li,
.contentEntry__body ol li,
.contentEntry__fullBody ul li,
.contentEntry__fullBody ol li {
    padding: .24rem 0;
    margin-left: .8rem
}
.contentEntry__body ul,
.contentEntry__fullBody ul {
    list-style-type: disc
}
.contentEntry__body ol,
.contentEntry__fullBody ol {
    list-style-type: decimal
}
.contentEntry__body img,
.contentEntry__body figcaption,
.contentEntry__fullBody img,
.contentEntry__fullBody figcaption {
    padding: 0
}
.contentEntry__body iframe,
.contentEntry__fullBody iframe {
    width: 110%;
    max-height: 300px;
    margin-top: .8rem
}
@media (min-width: 48em) {
    .contentEntry__body iframe,
    .contentEntry__fullBody iframe {
        max-height: 400px;
        width: 100%
    }
}
@media (min-width: 64em) {
    .contentEntry__body iframe,
    .contentEntry__fullBody iframe {
        max-height: 500px
    }
}
@media (min-width: 101.5em) {
    .contentEntry__body iframe,
    .contentEntry__fullBody iframe {
        max-height: 550px
    }
}
.contentEntry__body img,
.contentEntry__fullBody img {
    position: relative;
    width: 110%
}
@media (min-width: 48em) {
    .contentEntry__body img,
    .contentEntry__fullBody img {
        width: 115%;
        left: -5%
    }
}
.contentEntry__body p,
.contentEntry__body figure,
.contentEntry__body img,
.contentEntry__body iframe,
.contentEntry__fullBody p,
.contentEntry__fullBody figure,
.contentEntry__fullBody img,
.contentEntry__fullBody iframe {
    margin-bottom: 1.6rem
}
@media (min-width: 48em) {
    .contentEntry__body p,
    .contentEntry__body figure,
    .contentEntry__body img,
    .contentEntry__body iframe,
    .contentEntry__fullBody p,
    .contentEntry__fullBody figure,
    .contentEntry__fullBody img,
    .contentEntry__fullBody iframe {
        margin-bottom: 2.4rem
    }
}
.contentEntry__body figure img,
.contentEntry__body p img,
.contentEntry__body p iframe,
.contentEntry__fullBody figure img,
.contentEntry__fullBody p img,
.contentEntry__fullBody p iframe {
    margin-bottom: 0
}
.contentEntry__body .seeMore,
.contentEntry__fullBody .seeMore {
    display: block;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #000000;
    background-color: #fff;
    font-weight: bold;
    margin-top: 2.4rem;
    margin-bottom: .8rem
}
@media (min-width: 48em) {
    .contentEntry__body .seeMore,
    .contentEntry__fullBody .seeMore {
        width: 260px
    }
}
.contentEntry__body .seeMore a,
.contentEntry__fullBody .seeMore a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 1.28rem
}
.contentEntry__body .seeMore a:hover,
.contentEntry__fullBody .seeMore a:hover {
    text-decoration: none
}
.contentEntry__map {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2.4rem;
    padding-left: 1.12rem;
    position: relative;
    height: 320px
}
@media (min-width: 48em) {
    .contentEntry__map {
        height: 400px;
        padding-left: 6.57487%
    }
}
@media (min-width: 64em) {
    .contentEntry__map {
        height: 500px;
        padding-left: 7.15308%;
        margin-top: 3.2rem
    }
}
@media (min-width: 101.5em) {
    .contentEntry__map {
        height: 600px;
        padding-left: 7.22154%
    }
}
@media (min-width: 137.5em) {
    .contentEntry__map {
        height: 700px;
        padding-left: 7.22154%
    }
}
.contentEntry__map .locationText {
    display: block;
    position: absolute;
    left: 1.12rem;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media (min-width: 48em) {
    .contentEntry__map .locationText {
        left: 6.57487%
    }
}
@media (min-width: 64em) {
    .contentEntry__map .locationText {
        left: 7.15308%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__map .locationText {
        left: 7.56426%
    }
}
.contentEntry__map .locationText h3 {
    display: block;
    font-size: 1.40716rem;
    line-height: 1.92rem;
    letter-spacing: 1px
}
@media all and (min-width: 48em) {
    .contentEntry__map .locationText h3 {
        font-size: 1.4665rem
    }
}
@media all and (min-width: 64em) {
    .contentEntry__map .locationText h3 {
        font-size: 1.63381rem
    }
}
.contentEntry__map .locationText h2 {
    display: block;
    font-size: 1.56451rem;
    line-height: 1.92rem;
    letter-spacing: 1px
}
@media all and (min-width: 25.875em) {
    .contentEntry__map .locationText h2 {
        font-size: 1.58305rem
    }
}
@media all and (min-width: 48em) {
    .contentEntry__map .locationText h2 {
        font-size: 1.89293rem
    }
}
@media all and (min-width: 64em) {
    .contentEntry__map .locationText h2 {
        font-size: 1.95313rem
    }
}
@media all and (min-width: 101.5em) {
    .contentEntry__map .locationText h2 {
        font-size: 1.9972rem
    }
}
.contentEntry__map .locationMap {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
    -moz-transition: -moz-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .5s ease .3s;
    -o-transition: -o-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .5s ease .3s;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity .5s ease;
    -webkit-transition-delay: .3s, .3s;
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) .3s, opacity .5s ease .3s;
    margin-left: 17.10145%
}
@media (min-width: 48em) {
    .contentEntry__map .locationMap {
        margin-left: 20.30981%
    }
}
@media (min-width: 64em) {
    .contentEntry__map .locationMap {
        margin-left: 25.32189%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__map .locationMap {
        margin-left: 28.88617%
    }
}
.contentEntry__map .locationMap .locationMap__entry {
    display: block;
    width: 100%;
    height: 100%
}
.contentEntry__map .locationMap.isInView {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.contentEntry__sliderSaloni {
    margin-top: 3.2rem;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: block
}
@media (min-width: 64em) {
    .contentEntry__sliderSaloni {
        margin-top: 4.8rem
    }
}
.contentEntry__backLink {
    margin-top: 1.6rem;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: block;
    text-align: right;
    padding-right: 2.4rem
}
@media (min-width: 22.5em) {
    .contentEntry__backLink {
        padding-right: 3.2rem
    }
}
@media (min-width: 25.875em) {
    .contentEntry__backLink {
        padding-right: 4rem
    }
}
@media (min-width: 48em) {
    .contentEntry__backLink {
        padding-right: 6.4rem
    }
}
@media (min-width: 64em) {
    .contentEntry__backLink {
        margin-top: 2.72rem;
        padding-right: 11.2rem
    }
}
@media (min-width: 101.5em) {
    .contentEntry__backLink {
        margin-top: 3.2rem;
        padding-right: 16rem
    }
}
.contentEntry__bottom {
    width: 69.21739%;
    float: left;
    margin-right: 2.6087%;
    margin-top: 3.2rem;
    padding-left: 1.12rem
}
@media (min-width: 48em) {
    .contentEntry__bottom {
        width: 69.53528%;
        float: left;
        margin-right: 1.54905%;
        padding-left: 6.57487%
    }
}
@media (min-width: 64em) {
    .contentEntry__bottom {
        width: 63.70529%;
        float: left;
        margin-right: 1.28755%;
        padding-left: 7.15308%
    }
}
@media (min-width: 101.5em) {
    .contentEntry__bottom {
        width: 60.28152%;
        float: left;
        margin-right: 1.10159%;
        padding-left: 7.22154%
    }
}
footer {
    display: block;
    position: relative;
    background-color: #000000;
    z-index: 10;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
@media (min-width: 64em) {
    footer {
        height: 270px
    }
}
.loadingPage footer {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
@media (min-width: 48em) {
    footer .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    footer .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (min-width: 64em) {
    footer .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    footer .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (min-width: 101.5em) {
    footer .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    footer .container:after {
        content: " ";
        display: block;
        clear: both
    }
}
.footer__brand {
    margin: 0;
    padding: 0;
    width: 40.14493%;
    float: left;
    margin-right: 2.6087%;
    padding-left: 1.6rem;
    padding-top: 1.6rem
}
@media (min-width: 48em) {
    .footer__brand {
        width: 39.07057%;
        float: left;
        margin-right: 1.54905%
    }
}
@media (min-width: 64em) {
    .footer__brand {
        width: 32.47496%;
        float: left;
        margin-right: 1.28755%;
        padding-top: 3.2rem
    }
}
@media (min-width: 101.5em) {
    .footer__brand {
        width: 27.78458%;
        float: left;
        margin-right: 1.10159%
    }
}
.footer__brand a.footerLogo {
    display: block;
    width: 114px;
    height: 82px;
    background-image: url('../img/misc/logo_light7c6c.png?1491498212');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 114px 82px;
    -moz-background-size: 114px 82px;
    -o-background-size: 114px 82px;
    background-size: 114px 82px;
    margin-bottom: 1.6rem
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .footer__brand a.footerLogo {
        background-image: url('../img/misc/logo_light%402x7c6c.png?1491498212');
        -webkit-background-size: 114px 82px;
        -moz-background-size: 114px 82px;
        -o-background-size: 114px 82px;
        background-size: 114px 82px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .footer__brand a.footerLogo {
        width: 130px;
        height: 94px;
        background-image: url('../img/misc/logo_light7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 130px 94px;
        -moz-background-size: 130px 94px;
        -o-background-size: 130px 94px;
        background-size: 130px 94px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .footer__brand a.footerLogo {
        background-image: url('../img/misc/logo_light%402x7c6c.png?1491498212');
        -webkit-background-size: 130px 94px;
        -moz-background-size: 130px 94px;
        -o-background-size: 130px 94px;
        background-size: 130px 94px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.footer__brand .copyright {
    display: block;
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    letter-spacing: 1px;
    font-size: .6243rem;
    line-height: .96rem;
    pointer-events: none
}
@media all and (min-width: 25.875em) {
    .footer__brand .copyright {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .footer__brand .copyright {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .footer__brand .copyright {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .footer__brand .copyright {
        font-size: .66921rem
    }
}
.footer__brand .copyright a {
    text-decoration: none;
    color: inherit
}
@media (min-width: 48em) {
    .footer__brand .copyright {
        letter-spacing: 2px
    }
}
.footer__content {
    padding: 1.6rem;
    width: 57.24638%;
    float: right;
    margin-right: 0
}
@media (min-width: 48em) {
    .footer__content {
        width: 44.14802%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .footer__content {
        width: 57.79685%;
        float: right;
        margin-right: 0;
        padding-top: 3.2rem
    }
}
@media (min-width: 101.5em) {
    .footer__content {
        width: 53.05998%;
        float: right;
        margin-right: 0
    }
}
.footerContacts,
.footerSocial {
    display: block
}
@media (min-width: 64em) {
    .footerContacts,
    .footerSocial {
        width: 45%;
        float: left;
        margin-right: 1.28755%;
        padding-left: 7.30198%
    }
}
@media (min-width: 101.5em) {
    .footerContacts,
    .footerSocial {
        padding-left: 10.88812%
    }
}
.footerContacts__title h5,
.footerSocial__title h5 {
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    display: block;
    letter-spacing: 2px
}
.footerContacts__content,
.footerSocial__content {
    color: #FFF !IMPORTANT;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    letter-spacing: 1px;
    margin-bottom: .8rem;
    font-size: .68598rem;
    line-height: 1.12rem
}
@media all and (min-width: 25.875em) {
    .footerContacts__content,
    .footerSocial__content {
        font-size: .69411rem
    }
}
@media all and (min-width: 48em) {
    .footerContacts__content,
    .footerSocial__content {
        font-size: .76073rem
    }
}
@media all and (min-width: 64em) {
    .footerContacts__content,
    .footerSocial__content {
        font-size: .73169rem
    }
}
@media all and (min-width: 101.5em) {
    .footerContacts__content,
    .footerSocial__content {
        font-size: .7482rem
    }
}
@media (min-width: 48em) {
    .footerContacts__content,
    .footerSocial__content {
        letter-spacing: 2px
    }
}
.footerContacts__content a,
.footerSocial__content a {
    color: #ffffff !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
.footerContacts__content a i,
.footerSocial__content a i {
    font-size: 14px
}
@media (min-width: 48em) {
    .footerContacts__content a i,
    .footerSocial__content a i {
        font-size: 16px
    }
}
.footerCredits {
    bottom: 0;
    right: 0;
    position: absolute;
    text-align: center;
    display: block
}
.footerCredits a {
    display: block;
    padding: 5px 15px 3px;
    border-top: 1px solid/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    border-left: 1px solid/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    font-weight: bold;
    color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    font-size: .6243rem;
    line-height: .96rem
}
@media all and (min-width: 25.875em) {
    .footerCredits a {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .footerCredits a {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .footerCredits a {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .footerCredits a {
        font-size: .66921rem
    }
}
.footerCredits a span {
    font-size: .73621rem;
    line-height: 1.12rem
}
@media all and (min-width: 25.875em) {
    .footerCredits a span {
        font-size: .74494rem
    }
}
@media all and (min-width: 48em) {
    .footerCredits a span {
        font-size: .81828rem
    }
}
@media all and (min-width: 64em) {
    .footerCredits a span {
        font-size: .76508rem
    }
}
@media all and (min-width: 101.5em) {
    .footerCredits a span {
        font-size: .78235rem
    }
}
.footerCredits a:hover,
.footerCredits a:active,
.footerCredits a:focus {
    text-decoration: none
}
.intro {
    height: 100vh;
    max-height: 800px;
    width: 100%;

    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 15px 15px 50px
}
@media (min-width: 25.875em) {
    .intro {
        padding: 20px 20px 50px
    }
}
@media (min-width: 48em) {
    .intro {
        padding: 30px 30px 75px;
        max-height: none
    }
}
@media (min-width: 64em) {
    .intro {
        padding: 40px 30px 100px 0
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .intro {
        padding: 40px 30px 75px 0;
		margin-top: -8.5%;
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .intro {
        padding: 30px 30px 45px 0;
		margin-top: -8.5%;
    }
}
@media (min-width: 101.5em) {
    .intro {
        padding: 45px 35px 120px 0;
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .intro {
        padding: 40px 35px 75px 0;
    }
}
@media (min-width: 137.5em) {
    .intro {
        padding: 60px 60px 120px 30px;
    }
}
.intro__hero {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.bigIntroBg {
    display: block;
    position: absolute;
    width: 100%;
    height: 120%;
    top: -20%;
    left: 0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.9)), color-stop(100%, rgba(237, 229, 226, 0.9))), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.9), rgba(237, 229, 226, 0.9)), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.9), rgba(237, 229, 226, 0.9)), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.9), rgba(237, 229, 226, 0.9)), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.bigIntroLogo {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-55%);
    -ms-transform: translateX(-50%) translateY(-55%);
    -webkit-transform: translateX(-50%) translateY(-55%);
    transform: translateX(-50%) translateY(-55%);
    position: absolute;
    width: 240px;
    height: 255px
}
@media (min-width: 25.875em) {
    .bigIntroLogo {
        width: 280px;
        height: 290px
    }
}
@media (min-width: 48em) {
    .bigIntroLogo {
        width: 480px;
        height: 490px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-57%);
        -ms-transform: translateX(-50%) translateY(-57%);
        -webkit-transform: translateX(-50%) translateY(-57%);
        transform: translateX(-50%) translateY(-57%)
    }
}
@media (min-width: 48em) and (max-height: 52.5em) {
    .bigIntroLogo {
        width: 280px;
        height: 290px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-55%);
        -ms-transform: translateX(-50%) translateY(-55%);
        -webkit-transform: translateX(-50%) translateY(-55%);
        transform: translateX(-50%) translateY(-55%)
    }
}
@media (min-width: 64em) {
    .bigIntroLogo {
        width: 610px;
        height: 625px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-54%);
        -ms-transform: translateX(-50%) translateY(-54%);
        -webkit-transform: translateX(-50%) translateY(-54%);
        transform: translateX(-50%) translateY(-54%)
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .bigIntroLogo {
        width: 480px;
        height: 490px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-57%);
        -ms-transform: translateX(-50%) translateY(-57%);
        -webkit-transform: translateX(-50%) translateY(-57%);
        transform: translateX(-50%) translateY(-57%)
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .bigIntroLogo {
        width: 280px;
        height: 290px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-55%);
        -ms-transform: translateX(-50%) translateY(-55%);
        -webkit-transform: translateX(-50%) translateY(-55%);
        transform: translateX(-50%) translateY(-55%)
    }
}
@media (min-width: 101.5em) {
    .bigIntroLogo {
        width: 700px;
        height: 710px
    }
}
@media (min-width: 101.5em) and (max-height: 43.75em) {
    .bigIntroLogo {
        width: 480px;
        height: 490px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-57%);
        -ms-transform: translateX(-50%) translateY(-57%);
        -webkit-transform: translateX(-50%) translateY(-57%);
        transform: translateX(-50%) translateY(-57%)
    }
}
.bigIntroLogo .logoMask {
    display: block;
    width: 100%
}
.bigIntroLogo .logoMask svg {
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto
}
.bigIntroLogo .logoMask svg path {
    fill: #fff
}
.bigIntroLogo .logoMask svg #introImage__masked {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}
.bigIntroLogo .logoType {
    display: block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    height: 30px
}
.bigIntroLogo .logoType span {
    margin: 0 auto;
    display: inline-block;
    width: 162px;
    height: 30px;
    background-image: url('../img/misc/logo_type2d23.png?1489341485');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 162px 30px;
    -moz-background-size: 162px 30px;
    -o-background-size: 162px 30px;
    background-size: 162px 30px;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .bigIntroLogo .logoType span {
        background-image: url('../img/misc/logo_type%402xad6b.png?1489341487');
        -webkit-background-size: 162px 30px;
        -moz-background-size: 162px 30px;
        -o-background-size: 162px 30px;
        background-size: 162px 30px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .bigIntroLogo .logoType {
        height: 33px
    }
    .bigIntroLogo .logoType span {
        width: 180px;
        height: 33px;
        background-image: url('../img/misc/logo_type2d23.png?1489341485');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 180px 33px;
        -moz-background-size: 180px 33px;
        -o-background-size: 180px 33px;
        background-size: 180px 33px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .bigIntroLogo .logoType span {
        background-image: url('../img/misc/logo_type%402xad6b.png?1489341487');
        -webkit-background-size: 180px 33px;
        -moz-background-size: 180px 33px;
        -o-background-size: 180px 33px;
        background-size: 180px 33px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .bigIntroLogo .logoType {
        height: 49px
    }
    .bigIntroLogo .logoType span {
        width: 268px;
        height: 49px;
        background-image: url('../img/misc/logo_type2d23.png?1489341485');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 268px 49px;
        -moz-background-size: 268px 49px;
        -o-background-size: 268px 49px;
        background-size: 268px 49px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .bigIntroLogo .logoType span {
        background-image: url('../img/misc/logo_type%402xad6b.png?1489341487');
        -webkit-background-size: 268px 49px;
        -moz-background-size: 268px 49px;
        -o-background-size: 268px 49px;
        background-size: 268px 49px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 64em) {
    .bigIntroLogo .logoType {
        height: 57px;
        margin-top: 20px
    }
    .bigIntroLogo .logoType span {
        width: 314px;
        height: 57px;
        background-image: url('../img/misc/logo_type2d23.png?1489341485');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 314px 57px;
        -moz-background-size: 314px 57px;
        -o-background-size: 314px 57px;
        background-size: 314px 57px
    }
}
@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 64em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (min-resolution: 192dpi),
only screen and (min-width: 64em) and (min-resolution: 2dppx) {
    .bigIntroLogo .logoType span {
        background-image: url('../img/misc/logo_type%402xad6b.png?1489341487');
        -webkit-background-size: 314px 57px;
        -moz-background-size: 314px 57px;
        -o-background-size: 314px 57px;
        background-size: 314px 57px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.mainClaim {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-70%);
    -ms-transform: translateX(-50%) translateY(-70%);
    -webkit-transform: translateX(-50%) translateY(-70%);
    transform: translateX(-50%) translateY(-70%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6;
    width: 90%;
    letter-spacing: 2px
}
@media (min-width: 48em) {
    .mainClaim {
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-90%);
        -ms-transform: translateX(-50%) translateY(-90%);
        -webkit-transform: translateX(-50%) translateY(-90%);
        transform: translateX(-50%) translateY(-90%)
    }
}
@media (min-width: 64em) {
    .mainClaim {
        letter-spacing: 5px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-110%);
        -ms-transform: translateX(-50%) translateY(-110%);
        -webkit-transform: translateX(-50%) translateY(-110%);
        transform: translateX(-50%) translateY(-110%)
    }
}
@media (min-width: 101.5em) {
    .mainClaim {
        letter-spacing: 10px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-110%);
        -ms-transform: translateX(-50%) translateY(-110%);
        -webkit-transform: translateX(-50%) translateY(-110%);
        transform: translateX(-50%) translateY(-110%)
    }
}
.mainClaim h2 {
    color: #fff;
    position: relative;
    display: block;
    font-size: 2.56578rem;
    line-height: 2.4rem;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}
@media all and (min-width: 25.875em) {
    .mainClaim h2 {
        font-size: 2.99033rem;
        line-height: 2.56rem
    }
}
@media all and (min-width: 48em) {
    .mainClaim h2 {
        font-size: 3.92518rem;
        line-height: 3.52rem
    }
}
@media all and (min-width: 64em) {
    .mainClaim h2 {
        font-size: 3.90078rem;
        line-height: 3.2rem
    }
}
@media all and (min-width: 101.5em) {
    .mainClaim h2 {
        font-size: 3.9888rem;
        line-height: 3.52rem
    }
}
.intro__explore {
    margin: 0;
    position: absolute;
    bottom: -30px;
    right: 15%
}
@media (min-width: 48em) {
    .intro__explore {
        bottom: -20px;
        right: 13%
    }
}
@media (min-width: 64em) {
    .intro__explore {
        bottom: -10px;
        right: 22%
    }
}
.entryModule {
    display: block;
    margin: 1.6rem 0 3.2rem;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}
@media (min-width: 101.5em) {
    .entryModule {
        margin: 3.2rem 0 4.8rem
    }
}
.entryModule .entryModule__tile {
    position: relative
}
.entryModule .entryModule__text {
    text-align: left
}
.entryModule .entryModule__border:before,
.entryModule .entryModule__border:after {
    content: "";
    position: absolute;
    background-color: rgba(43, 43, 43, 0.3);
    -moz-transition: width .4s cubic-bezier(0.075, 0.82, 0.165, 1), height .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: width .4s cubic-bezier(0.075, 0.82, 0.165, 1), height .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: width .4s cubic-bezier(0.075, 0.82, 0.165, 1), height .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: width .4s cubic-bezier(0.075, 0.82, 0.165, 1), height .4s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.entryModule .entryModule__border--topLeft:before {
    top: 0;
    right: 0;
    height: 1px;
    width: 0%
}
.entryModule .entryModule__border--topLeft:after {
    top: 0;
    left: 0;
    height: 0%;
    width: 1px
}
.entryModule .entryModule__border--bottomRight:before {
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%
}
.entryModule.isInView .entryModule__border--topLeft:before {
    width: 100%
}
.entryModule.isInView .entryModule__border--topLeft:after {
    height: 100%
}
.entryModule.isInView .entryModule__border--bottomRight:before {
    width: 100%
}
@media (min-width: 64em) {
    .entryModule--welcome {
        padding-left: 8.44063%
    }
}
@media (min-width: 101.5em) {
    .entryModule--welcome {
        padding-left: 7.22154%
    }
}
@media (min-width: 137.5em) {
    .entryModule--welcome {
        padding-left: 10.83231%
    }
}
.entryModule__welcomeSlider {
    height: 100%;
    width: 100%;
    display: block
}
.entryModule__welcomeText {
    position: relative;
    width: 56%;
    float: left;
    margin-right: 2.6087%;
    padding-left: 1.6rem;
    display: block;
    text-align: left;
    z-index: 3
}
@media (min-width: 25.875em) {
    .entryModule__welcomeText {
        width: 60%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .entryModule__welcomeText {
        width: 60%;
        float: left;
        margin-right: 1.54905%;
        padding-left: 3.2rem
    }
}
@media (min-width: 64em) {
    .entryModule__welcomeText {
        width: 53.90625%;
        float: left;
        margin-right: 1.40625%;
        padding-left: 5.04687%
    }
}
@media (min-width: 101.5em) {
    .entryModule__welcomeText {
        width: 45.51451%;
        float: left;
        margin-right: 1.18734%;
        padding-left: 8.15303%
    }
}
@media (min-width: 137.5em) {
    .entryModule__welcomeText {
        width: 43.30817%;
        float: left;
        margin-right: 1.23542%;
        padding-left: 8.48318%
    }
}
.entryModule__welcomeText .animateInView--text>span,
.entryModule__welcomeText .animateInView--text>p {
    bottom: -280px
}
.entryModule__welcomeText h2 {
    text-transform: uppercase
}
.entryModule__welcomeText p {
    padding-left: .8rem;
    margin-bottom: 0
}
@media (min-width: 48em) {
    .entryModule__welcomeText p {
        letter-spacing: 3px
    }
}
@media (min-width: 101.5em) {
    .entryModule__welcomeText p {
        padding-left: 6.59631%
    }
}
@media (min-width: 137.5em) {
    .entryModule__welcomeText p {
        padding-left: 6.86342%
    }
}
.entryModule__welcomeText .btn {
    margin-left: .8rem
}
@media (min-width: 101.5em) {
    .entryModule__welcomeText .btn {
        margin-left: 6.59631%
    }
}
@media (min-width: 137.5em) {
    .entryModule__welcomeText .btn {
        margin-left: 6.86342%
    }
}
@media (min-width: 48em) {
    .entryModule--saloni {
        margin-bottom: 4rem
    }
}
@media (min-width: 64em) {
    .entryModule--saloni {
        margin-bottom: 4.8rem
    }
}
@media (min-width: 101.5em) {
    .entryModule--saloni {
        padding-left: 7.22154%
    }
}
@media (min-width: 137.5em) {
    .entryModule--saloni {
        padding-left: 10.83231%
    }
}
.entryModule--saloni .entryModule__tile--latter {
    z-index: 1;
    position: absolute;
    bottom: 4.8rem;
    height: 240px;
    width: 31.5942%;
    left: 0.1%
}
@media (min-width: 25.875em) {
    .entryModule--saloni .entryModule__tile--latter {
        height: 300px;
        width: 40.14493%
    }
}
@media (min-width: 48em) {
    .entryModule--saloni .entryModule__tile--latter {
        height: 430px;
        width: 31.96213%;
        bottom: -1.6rem
    }
}
@media (min-width: 64em) {
    .entryModule--saloni .entryModule__tile--latter {
        height: 530px;
        width: 29.94278%;
        left: 2.93276%
    }
}
@media (min-width: 101.5em) {
    .entryModule--saloni .entryModule__tile--latter {
        height: 600px;
        width: 29.94723%;
        left: 5.03958%
    }
}
@media (min-width: 137.5em) {
    .entryModule--saloni .entryModule__tile--latter {
        height: 680px;
        width: 26.30062%;
        left: 11.72272%
    }
}
.entryModule--saloni .entryModule__tile--latter .tileBg {
    background:url('../../../img/03.jpg') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.entryModule--saloni .entryModule__tile--former {
    z-index: 2;
    width: 69.21739%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 17.10145%;
    margin-bottom: 1.6rem;
    hei ght: 240px
}
@media (min-width: 25.875em) {
    .entryModule--saloni .entryModule__tile--former {
        height: 300px;
        width: 65.7971%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .entryModule--saloni .entryModule__tile--former {
        height: 430px;
        width: 40.08606%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 22.34079%;
        margin-bottom: 4rem
    }
}
@media (min-width: 64em) {
    .entryModule--saloni .entryModule__tile--former {
        height: 530px;
        width: 40.91559%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 27.01001%
    }
}
@media (min-width: 101.5em) {
    .entryModule--saloni .entryModule__tile--former {
        height: 600px;
        width: 37.73087%;
        float: left;
        margin-right: 1.18734%;
        margin-left: 26.46438%
    }
}
@media (min-width: 137.5em) {
    .entryModule--saloni .entryModule__tile--former {
        height: 680px;
        width: 29.54015%;
        float: left;
        margin-right: 1.23542%;
        margin-left: 27.53603%
    }
}
.entryModule--saloni .entryModule__tile--former .tileBg {
    background: url('../img/tiles/tile_salone_XSbaf7.jpg?1490813478');
    no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.entryModule--saloni .entryModule__text {
    position: relative;
    width: 48.69565%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 39.33333%;
    display: block;
    text-align: left;
    z-index: 3
}
@media (min-width: 25.875em) {
    .entryModule--saloni .entryModule__text {
        width: 40.14493%;
        float: left;
        margin-right: 2.6087%;
        margin-left: 44.46377%
    }
}
@media (min-width: 48em) {
    .entryModule--saloni .entryModule__text {
        width: 22.82272%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 2.03098%;
        margin-top: 10.4rem
    }
}
@media (min-width: 64em) {
    .entryModule--saloni .entryModule__text {
        width: 22.34621%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 1.68813%
    }
}
@media (min-width: 101.5em) {
    .entryModule--saloni .entryModule__text {
        width: 15.93668%;
        float: left;
        margin-right: 1.18734%;
        margin-left: 1.55673%
    }
}
@media (min-width: 137.5em) {
    .entryModule--saloni .entryModule__text {
        width: 16.58202%;
        float: left;
        margin-right: 1.23542%;
        margin-left: 1.61977%;
        margin-top: 16rem
    }
}
.entryModule--saloni .entryModule__text h3 {
    text-transform: uppercase
}
.entryModule--saloni .entryModule__text h3 span {
    display: block
}
@media (min-width: 101.5em) {
    .entryModule--hairTrends {
        padding-left: 7.22154%
    }
}
.entryModule--hairTrends .entryModule__tile--latter {
    z-index: 1;
    margin-left: 0.1%;
    width: 72.63768%;
    float: left;
    margin-right: 2.6087%;
    margin-bottom: 2.4rem;
    height: 280px
}
@media (min-width: 25.875em) {
    .entryModule--hairTrends .entryModule__tile--latter {
        height: 300px;
        width: 65.7971%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .entryModule--hairTrends .entryModule__tile--latter {
        height: 400px;
        width: 79.69019%;
        float: left;
        margin-right: 1.54905%;
        margin-bottom: 3.2rem
    }
}
@media (min-width: 64em) {
    .entryModule--hairTrends .entryModule__tile--latter {
        height: 450px;
    width: 68%;
    float: right;
    margin-right: 3%;
    margin-right: 3%;
    margin-left: 0;
    }
}
@media (min-width: 101.5em) {
    .entryModule--hairTrends .entryModule__tile--latter {
        height: 520px;
        width: 53.29815%;
        float: right;
        margin-right: 0;
        margin-right: 28.88617%
    }
}
@media (min-width: 137.5em) {
    .entryModule--hairTrends .entryModule__tile--latter {
        height: 580px;
        width: 45.51451%;
        float: right;
        margin-right: 0;
        margin-right: 36.10771%
    }
}
.entryModule--hairTrends .entryModule__tile--latter .tileBg {
    background: url('../img/tiles/tile_hairTrends_catwalk82cb.jpg?1491158714') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
@media (min-width: 48em) {
    .entryModule--hairTrends .entryModule__tile--latter .tileBg {
        background: url('../img/tiles/tile_hairTrends_catwalke4f8.gif?1491069217') no-repeat scroll center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}
.entryModule--hairTrends .entryModule__tile--former {
    z-index: 2;
    position: absolute;
    top: 5.6rem;
    height: 260px;
    width: 24.75362%;
    right: 21.33333%
}
@media (min-width: 25.875em) {
    .entryModule--hairTrends .entryModule__tile--former {
        height: 280px;
        width: 23.04348%
    }
}
@media (min-width: 48em) {
    .entryModule--hairTrends .entryModule__tile--former {
        height: 380px;
        width: 18.76076%;
        right: 28.91566%;
        top: 8rem
    }
}
@media (min-width: 64em) {
    .entryModule--hairTrends .entryModule__tile--former {
        height: 430px;
        width: 15.59371%;
        right: 13.90558%
    }
}
@media (min-width: 101.5em) {
    .entryModule--hairTrends .entryModule__tile--former {
        height: 500px;
        width: 12.82322%;
        right: 17.4934%
    }
}
@media (min-width: 137.5em) {
    .entryModule--hairTrends .entryModule__tile--former {
        height: 560px;
        width: 12.82322%;
        right: 25.27704%
    }
}
.entryModule--hairTrends .entryModule__tile--former .tileBg {
    /*background:url('../img/tiles/tile_hairTrends_men8481.jpg?1491850643') no-repeat scroll center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover*/
}
.entryModule--hairTrends .entryModule__tile--former_2 {
    z-index: 1;
    position: absolute;
    top: .48rem;
    height: 260px;
    width: 24.75362%;
    right: 0
}
@media (min-width: 25.875em) {
    .entryModule--hairTrends .entryModule__tile--former_2 {
        height: 280px;
        width: 23.04348%
    }
}
@media (min-width: 48em) {
    .entryModule--hairTrends .entryModule__tile--former_2 {
        height: 380px;
        width: 18.76076%;
        right: 3.5284%;
        top: .8rem
    }
}
@media (min-width: 64em) {
    .entryModule--hairTrends .entryModule__tile--former_2 {
        height: 430px;
        width: 15.59371%;
        right: 0.1%
    }
}
@media (min-width: 101.5em) {
    .entryModule--hairTrends .entryModule__tile--former_2 {
        height: 500px;
        width: 12.82322%;
        right: 6.59631%
    }
}
@media (min-width: 137.5em) {
    .entryModule--hairTrends .entryModule__tile--former_2 {
        height: 560px;
        width: 12.82322%;
        right: 14.37995%
    }
}
.entryModule--hairTrends .entryModule__tile--former_2 .tileBg {
    background: url('../img/tiles/fashion-show.jpg') no-repeat scroll 20% center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.entryModule--hairTrends .entryModule__text {
    position: relative;
    width: 36.72464%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 8.55072%;
    display: block;
    text-align: left;
    z-index: 3
}
@media (min-width: 25.875em) {
    .entryModule--hairTrends .entryModule__text {
        width: 40.14493%;
        float: left;
        margin-right: 2.6087%;
        margin-left: 10.26087%
    }
}
@media (min-width: 48em) {
    .entryModule--hairTrends .entryModule__text {
        width: 22.82272%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 10.15491%
    }
}
@media (min-width: 64em) {
    .entryModule--hairTrends .entryModule__text {
        width: 22.34621%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 1.68813%;
        margin-top: 10.4rem
    }
}
@media (min-width: 101.5em) {
    .entryModule--hairTrends .entryModule__text {
        width: 14.37995%;
        float: left;
        margin-right: 1.18734%;
        margin-left: 0%
    }
}
@media (min-width: 137.5em) {
    .entryModule--hairTrends .entryModule__text {
        width: 10.48813%;
        float: left;
        margin-right: 1.18734%;
        margin-left: 3.61077%;
        margin-top: 12.8rem
    }
}
.entryModule--hairTrends .entryModule__text h3 {
    text-transform: uppercase
}
.entryModule--hairTrends .entryModule__text h3 span {
    display: block
}
@media (min-width: 64em) {
    .entryModule--prodotti {
        width: 29.09871%;
        float: left;
        margin-right: 1.28755%;
        padding-left: 3.37625%
    }
}
@media (min-width: 101.5em) {
    .entryModule--prodotti {
        width: 27.78458%;
        float: left;
        margin-right: 1.10159%;
        padding-left: 5.77723%
    }
}
@media (min-width: 137.5em) {
    .entryModule--prodotti {
        width: 31.39535%;
        float: left;
        margin-right: 1.10159%;
        padding-left: 11.55447%
    }
}
.entryModule--prodotti .entryModule__tile {
    width: 65.7971%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 8.55072%;
    margin-bottom: 0;
    height: 210px
}
@media (min-width: 25.875em) {
    .entryModule--prodotti .entryModule__tile {
        height: 220px;
        width: 65.7971%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .entryModule--prodotti .entryModule__tile {
        height: 260px;
        width: 59.38038%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 5.07745%
    }
}
@media (min-width: 64em) {
    .entryModule--prodotti .entryModule__tile {
        height: 400px;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-left: 0%
    }
}
@media (min-width: 101.5em) {
    .entryModule--prodotti .entryModule__tile {
        height: 420px;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .entryModule--prodotti .entryModule__tile {
        height: 520px;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}
.entryModule--prodotti .entryModule__tile .tileBg {
    background:url('../../../img/22-05.jpg') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.entryModule--prodotti .entryModule__text {
    position: relative;
    width: 48.69565%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 13.68116%;
    display: block;
    text-align: left;
    z-index: 3;
    clear: both
}
@media (min-width: 25.875em) {
    .entryModule--prodotti .entryModule__text {
        width: 40.14493%;
        float: left;
        margin-right: 2.6087%;
        margin-left: 13.68116%
    }
}
@media (min-width: 48em) {
    .entryModule--prodotti .entryModule__text {
        width: 28.91566%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 10.15491%
    }
}
@media (min-width: 64em) {
    .entryModule--prodotti .entryModule__text {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-left: 1.68813%
    }
}
@media (min-width: 101.5em) {
    .entryModule--prodotti .entryModule__text {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-left: 1.55673%
    }
}
.entryModule--prodotti .entryModule__text h3 {
    text-transform: uppercase
}
.entryModule--prodotti .entryModule__text h3 span {
    display: block
}
.entryModule--prodotti .entryModule__text .btn {
    margin-top: .32rem
}
.entryModule--news {
    text-align: left;
    width: 86.31884%;
    float: right;
    margin-right: 0;
    padding-top: 2.4rem;
    padding-bottom: 1.6rem;
    background-color: #fff
}
@media (min-width: 48em) {
    .entryModule--news {
        width: 75.62823%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .entryModule--news {
        width: 59.48498%;
        float: right;
        margin-right: 0;
        margin-top: 4.8rem;
        padding-top: 3.2rem
    }
}
@media (min-width: 101.5em) {
    .entryModule--news {
        width: 56.67075%;
        float: right;
        margin-right: 0;
        margin-top: 6.4rem;
        padding-top: 4rem
    }
}
@media (min-width: 101.5em) {
    .entryModule--news {
        width: 49.4492%;
        float: right;
        margin-right: 0;
        margin-top: 8rem;
        padding-top: 4.8rem;
        padding-bottom: 2.4rem
    }
}
.entryModule__newsTitle {
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -53px;
}
@media (min-width: 48em) {
    .entryModule__newsTitle {
        left: -62px;
    }
}
@media (min-width: 64em) {
    .entryModule__newsTitle {
        left: -68px;
    }
}
@media (min-width: 101.5em) {
    .entryModule__newsTitle {
        left: -72px;
    }
}
.entryModule__newsTitle h3 {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    letter-spacing: 3px;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px
}
.entryModule__article {
    text-align: left;
    width: 57.24638%;
    float: left;
    margin-right: 2.6087%;
    position: relative;
    margin-left: 19.81195%
}
@media (min-width: 25.875em) {
    .entryModule__article {
        width: 48.69565%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .entryModule__article {
        width: 71.80246%;
        float: left;
        margin-right: 2.04825%;
        margin-left: 13.4274%
    }
}
@media (min-width: 64em) {
    .entryModule__article {
        width: 71.62097%;
        float: left;
        margin-right: 2.1645%;
        margin-left: 14.18951%
    }
}
@media (min-width: 101.5em) {
    .entryModule__article {
        width: 74.51404%;
        float: left;
        margin-right: 1.94384%;
        margin-left: 12.74298%
    }
}
@media (min-width: 137.5em) {
    .entryModule__article {
        width: 70.79208%;
        float: left;
        margin-right: 2.22772%;
        margin-left: 14.60396%
    }
}
.entryModule__article.entryModule__article--first {
    margin-left: 25.65217%;
    margin-bottom: 1.6rem
}
@media (min-width: 48em) {
    .entryModule__article.entryModule__article--first {
        margin-left: 20.1411%;
        margin-bottom: 1.28rem
    }
}
@media (min-width: 64em) {
    .entryModule__article.entryModule__article--first {
        margin-left: 21.28427%;
        margin-bottom: .8rem
    }
}
@media (min-width: 101.5em) {
    .entryModule__article.entryModule__article--first {
        margin-left: 19.11447%
    }
}
@media (min-width: 137.5em) {
    .entryModule__article.entryModule__article--first {
        margin-left: 21.90594%
    }
}
.entryModule__article .articleImage {
    height: 200px;
    position: relative;
    margin: 0;
    padding: 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin-bottom: 1.6rem
}
.entryModule__article .articleImage.isInView {
    width: 100%
}
@media (min-width: 48em) {
    .entryModule__article .articleImage.isInView {
        width: 43.89857%;
        float: left;
        margin-right: 2.85261%
    }
}
@media (min-width: 64em) {
    .entryModule__article .articleImage.isInView {
        width: 40.56414%;
        float: left;
        margin-right: 3.02216%
    }
}
@media (min-width: 101.5em) {
    .entryModule__article .articleImage.isInView {
        width: 40.14493%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 137.5em) {
    .entryModule__article .articleImage.isInView {
        width: 38.11189%;
        float: left;
        margin-right: 3.14685%
    }
}
.entryModule__article .articleImage:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(237, 229, 226, 0.7), rgba(255, 255, 255, 0.7))
}
@media (min-width: 48em) {
    .entryModule__article .articleImage:before {
        content: none
    }
}
.entryModule__article .articleContent {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 4.23188%
}
@media (min-width: 25.875em) {
    .entryModule__article .articleContent {
        left: 7.65217%
    }
}
@media (min-width: 48em) {
    .entryModule__article .articleContent {
        padding-top: .8rem;
        position: relative;
        left: inherit;
        bottom: inherit;
        padding-left: 1.87005%;
        width: 53.24881%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .entryModule__article .articleContent {
        padding-left: 1.9812%;
        width: 56.4137%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 101.5em) {
    .entryModule__article .articleContent {
        padding-left: 1.71014%;
        width: 57.24638%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .entryModule__article .articleContent {
        padding-left: 2.06294%;
        width: 58.74126%;
        float: right;
        margin-right: 0
    }
}
.entryModule__article .articleContent h4 a {
    text-transform: uppercase;
    letter-spacing: 2px
}
.entryModule__article .articleContent h4 a:hover,
.entryModule__article .articleContent h4 a:active,
.entryModule__article .articleContent h4 a:focus {
    text-decoration: none
}
.entryModule__article.entryModule__article--noImage .articleContent {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    left: auto;
    bottom: auto
}
.entryModule__article .categoryLabels {
    display: block;
    margin-bottom: .48rem
}
.entryModule__article .categoryLabels span {
    display: inline-block;
    background-color: #000000;
    margin-right: .32rem;
    padding: .16rem .48rem;
    font-size: .6243rem;
    line-height: .96rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase
}
@media all and (min-width: 25.875em) {
    .entryModule__article .categoryLabels span {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .entryModule__article .categoryLabels span {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .entryModule__article .categoryLabels span {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .entryModule__article .categoryLabels span {
        font-size: .66921rem
    }
}
.entryModule__allNews {
    clear: both;
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: right;
    padding-right: 3.2rem
}
@media (min-width: 101.5em) {
    .entryModule--community {
        padding-left: 4.33293%
    }
}
@media (min-width: 137.5em) {
    .entryModule--community {
        padding-left: 8.66585%
    }
}
.entryModule--community .entryModule__tile {
    margin-left: .1%;
    width: 82.89855%;
    float: left;
    margin-right: 2.6087%;
    margin-bottom: 1.6rem;
    height: 230px
}
@media (min-width: 25.875em) {
    .entryModule--community .entryModule__tile {
        height: 260px;
        width: 74.34783%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .entryModule--community .entryModule__tile {
        height: 280px;
        width: 54.30293%;
        float: left;
        margin-right: 1.54905%
    }
}
@media (min-width: 64em) {
    .entryModule--community .entryModule__tile {
        height: 320px;
        width: 49.35622%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 1.68813%
    }
}
@media (min-width: 101.5em) {
    .entryModule--community .entryModule__tile {
        height: 340px;
        width: 49.4492%;
        float: left;
        margin-right: 1.10159%
    }
}
@media (min-width: 101.5em) {
    .entryModule--community .entryModule__tile {
        height: 400px;
        width: 42.22766%;
        float: left;
        margin-right: 1.10159%
    }
}
.entryModule--community .entryModule__tile .tileBg {
    background: url('../../assets/files/1/banner-10-anos-do-jeans.jpg') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.entryModule--community .entryModule__text {
    position: relative;
    width: 48.69565%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 13.68116%;
    display: block;
    text-align: left;
    z-index: 3
}
@media (min-width: 25.875em) {
    .entryModule--community .entryModule__text {
        width: 40.14493%;
        float: left;
        margin-right: 2.6087%;
        margin-left: 13.68116%
    }
}
@media (min-width: 48em) {
    .entryModule--community .entryModule__text {
        width: 22.82272%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 2.03098%;
        margin-top: 8rem
    }
}
@media (min-width: 64em) {
    .entryModule--community .entryModule__text {
        width: 24.03433%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 1.68813%
    }
}
@media (min-width: 101.5em) {
    .entryModule--community .entryModule__text {
        width: 20.56304%;
        float: left;
        margin-right: 1.10159%;
        margin-left: 1.44431%
    }
}
@media (min-width: 137.5em) {
    .entryModule--community .entryModule__text {
        margin-top: 11.2rem
    }
}
.entryModule--community .entryModule__text h3 {
    text-transform: uppercase
}
.entryModule--community .entryModule__text h3 span {
    display: block
}
.entryModule--community .entryModule__text .btn {
    margin-top: .32rem
}
.entryModule--booking {
    text-align: left;
    width: 86.31884%;
    float: right;
    margin-right: 0;
    background-color: #fff;
    position: relative
}
@media (min-width: 48em) {
    .entryModule--booking {
        width: 84.76764%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .entryModule--booking {
        width: 91.55937%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 101.5em) {
    .entryModule--booking {
        width: 78.33537%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .entryModule--booking {
        width: 67.50306%;
        float: right;
        margin-right: 0
    }
}
.entryModule__bookingTitle {
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -150px;
    max-width: 280px
}
@media (min-width: 48em) {
    .entryModule__bookingTitle {
        left: -100px;
        top: 40%
    }
}
@media (min-width: 64em) {
    .entryModule__bookingTitle {
        left: -80px;
        max-width: 340px
    }
}
@media (min-width: 101.5em) {
    .entryModule__bookingTitle {
        left: -120px
    }
}
.entryModule__bookingTitle h3 {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    letter-spacing: 2px;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}
@media (min-width: 48em) {
    .entryModule__bookingTitle h3 {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        text-align: left
    }
}
@media (min-width: 64em) {
    .entryModule__bookingTitle h3 {
        letter-spacing: 3px
    }
}
.entryModule__bookingContent {
    text-align: left;
    position: relative;
    display: block;
    width: 86.13163%;
    float: right;
    margin-right: 0;
    -moz-transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
.entryModule__bookingContent:after {
    content: "";
    width: 1px;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 1px;
    background-color: rgba(43, 43, 43, 0.3)
}
@media (min-width: 25.875em) {
    .entryModule__bookingContent {
        width: 76.22565%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 48em) {
    .entryModule__bookingContent {
        width: 64.06091%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 64em) {
    .entryModule__bookingContent {
        width: 63.125%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 101.5em) {
    .entryModule__bookingContent {
        width: 63.125%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .entryModule__bookingContent {
        width: 62.55666%;
        float: right;
        margin-right: 0
    }
}
.entryModule--booking.isInView .entryModule__bookingContent {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.bookingTabs {
    display: block;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    position: relative;
    top: 1px
}
.bookingTabs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 0;
    padding-right: 0
}
.bookingTabs li:first-child {
    padding-left: 0
}
.bookingTabs li:last-child {
    padding-right: 0
}
.bookingTabs li.last {
    padding-right: 0
}
.bookingTabs li {
    border-left: 1px solid #fff;
    width: 25%
}
.bookingTabs li:first-child {
    width: 50%;
    border-left: 0
}
.bookingTabs li .bookingTabs__btn {
    display: block;
    padding: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
    font-size: .6243rem;
    line-height: .96rem;
    background-color: #000 !IMPORTANT;
    ;
    color: #fff;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}
@media all and (min-width: 25.875em) {
    .bookingTabs li .bookingTabs__btn {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .bookingTabs li .bookingTabs__btn {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .bookingTabs li .bookingTabs__btn {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .bookingTabs li .bookingTabs__btn {
        font-size: .66921rem;
    }
}
@media (min-width: 48em) {
    .bookingTabs li .bookingTabs__btn {
        letter-spacing: 2px
    }
}
.bookingTabs li .bookingTabs__btn:hover:not(.bookingTabs__btn--isActive) {
    cursor: pointer;
    background-color: #a5928d;
    -moz-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease
}
.bookingTabs li .bookingTabs__btn--isActive {
    background-color: #000;
    color: #FFF;
}
.bookingInfo {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    font-size: .68598rem;
    line-height: 1.12rem;
    padding: 2.4rem 1.6rem
}
@media all and (min-width: 25.875em) {
    .bookingInfo {
        font-size: .69411rem;
    }
}
@media all and (min-width: 48em) {
    .bookingInfo {
        font-size: .76073rem;
    }
}
@media all and (min-width: 64em) {
    .bookingInfo {
        font-size: .73169rem;
    }
}
@media all and (min-width: 101.5em) {
    .bookingInfo {
        font-size: .7482rem
    }
}
@media (min-width: 25.875em) {
    .bookingInfo {
        padding: 3.2rem 2.4rem;
        letter-spacing: 2px
    }
}
@media (min-width: 48em) {
    .bookingInfo {
        padding: 4rem 3.2rem
    }
}
@media (min-width: 64em) {
    .bookingInfo {
        padding: 4.8rem 3.2rem
    }
}
@media (min-width: 101.5em) {
    .bookingInfo {
        padding-top: 6.4rem 4rem
    }
}
.bookingInfo.bookingInfo--isActive {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
    position: relative
}
.bookingInfo p {
    margin-bottom: .16rem
}
.bookingInfo p.bookingMessage {
    margin-bottom: .8rem
}
.bookingInfo .btn {
    margin-top: 3.2rem;
    left: 1.6rem
}
@media (min-width: 48em) {
    .bookingInfo .btn {
        left: 2.56rem
    }
}
.bookingInfo .contactLabel {
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.44rem
}
@media all and (min-width: 25.875em) {
    .bookingInfo .contactLabel {
        font-size: 1.125rem
    }
}
@media all and (min-width: 48em) {
    .bookingInfo .contactLabel {
        font-size: 1.22208rem;
        line-height: 1.6rem
    }
}
@media all and (min-width: 64em) {
    .bookingInfo .contactLabel {
        font-size: 1.22242rem
    }
}
@media all and (min-width: 101.5em) {
    .bookingInfo .contactLabel {
        font-size: 1.25rem
    }
}
.bookingInfo .contactValue {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.76008rem;
    line-height: 1.92rem
}
@media all and (min-width: 25.875em) {
    .bookingInfo .contactValue {
        font-size: 1.78093rem
    }
}
@media all and (min-width: 48em) {
    .bookingInfo .contactValue {
        font-size: 2.27151rem;
        line-height: 2.4rem
    }
}
@media all and (min-width: 64em) {
    .bookingInfo .contactValue {
        font-size: 2.33484rem;
        line-height: 2.88rem
    }
}
@media all and (min-width: 101.5em) {
    .bookingInfo .contactValue {
        font-size: 2.38753rem;
        line-height: 3.04rem
    }
}
.ie11 .header__contentTop,
.ie10 .header__contentTop,
.ie9 .header__contentTop,
.lt-ie9 .header__contentTop {
    width: 85px;
    height: 80px
}
@media (min-width: 22.5em) {
    .ie11 .header__contentTop,
    .ie10 .header__contentTop,
    .ie9 .header__contentTop,
    .lt-ie9 .header__contentTop {
        width: 100px;
        height: 95px
    }
}
@media (min-width: 48em) {
    .ie11 .header__contentTop,
    .ie10 .header__contentTop,
    .ie9 .header__contentTop,
    .lt-ie9 .header__contentTop {
        width: 140px;
        height: 140px
    }
}
@media (min-width: 64em) {
    .ie11 .header__contentTop,
    .ie10 .header__contentTop,
    .ie9 .header__contentTop,
    .lt-ie9 .header__contentTop {
        width: 170px;
        height: 150px
    }
}
.ie11 .header__contentTop a.mainLogo,
.ie10 .header__contentTop a.mainLogo,
.ie9 .header__contentTop a.mainLogo,
.lt-ie9 .header__contentTop a.mainLogo {
    width: 56px;
    height: 54px
}
@media (min-width: 22.5em) {
    .ie11 .header__contentTop a.mainLogo,
    .ie10 .header__contentTop a.mainLogo,
    .ie9 .header__contentTop a.mainLogo,
    .lt-ie9 .header__contentTop a.mainLogo {
        width: 62px;
        height: 58px
    }
}
@media (min-width: 48em) {
    .ie11 .header__contentTop a.mainLogo,
    .ie10 .header__contentTop a.mainLogo,
    .ie9 .header__contentTop a.mainLogo,
    .lt-ie9 .header__contentTop a.mainLogo {
        width: 78px;
        height: 70px
    }
}
@media (min-width: 64em) {
    .ie11 .header__contentTop a.mainLogo,
    .ie10 .header__contentTop a.mainLogo,
    .ie9 .header__contentTop a.mainLogo,
    .lt-ie9 .header__contentTop a.mainLogo {
        width: 80px;
        height: 72px
    }
}
.ie11 .header__contentTop a.mainLogo svg,
.ie10 .header__contentTop a.mainLogo svg,
.ie9 .header__contentTop a.mainLogo svg,
.lt-ie9 .header__contentTop a.mainLogo svg {
    margin: 0 auto;
    position: relative;
    overflow: visible;
    display: inline-block;
    width: 56px;
    height: 54px
}
@media (min-width: 22.5em) {
    .ie11 .header__contentTop a.mainLogo svg,
    .ie10 .header__contentTop a.mainLogo svg,
    .ie9 .header__contentTop a.mainLogo svg,
    .lt-ie9 .header__contentTop a.mainLogo svg {
        width: 62px;
        height: 58px
    }
}
@media (min-width: 48em) {
    .ie11 .header__contentTop a.mainLogo svg,
    .ie10 .header__contentTop a.mainLogo svg,
    .ie9 .header__contentTop a.mainLogo svg,
    .lt-ie9 .header__contentTop a.mainLogo svg {
        width: 78px;
        height: 70px
    }
}
@media (min-width: 64em) {
    .ie11 .header__contentTop a.mainLogo svg,
    .ie10 .header__contentTop a.mainLogo svg,
    .ie9 .header__contentTop a.mainLogo svg,
    .lt-ie9 .header__contentTop a.mainLogo svg {
        width: 80px;
        height: 72px
    }
}
.ie11 .header__contentTop.header__contentTop--fullLogo,
.ie10 .header__contentTop.header__contentTop--fullLogo,
.ie9 .header__contentTop.header__contentTop--fullLogo,
.lt-ie9 .header__contentTop.header__contentTop--fullLogo {
    height: 125px;
    width: 167px
}
@media (min-width: 22.5em) {
    .ie11 .header__contentTop.header__contentTop--fullLogo,
    .ie10 .header__contentTop.header__contentTop--fullLogo,
    .ie9 .header__contentTop.header__contentTop--fullLogo,
    .lt-ie9 .header__contentTop.header__contentTop--fullLogo {
        height: 135px;
        width: 177px
    }
}
@media (min-width: 48em) {
    .ie11 .header__contentTop.header__contentTop--fullLogo,
    .ie10 .header__contentTop.header__contentTop--fullLogo,
    .ie9 .header__contentTop.header__contentTop--fullLogo,
    .lt-ie9 .header__contentTop.header__contentTop--fullLogo {
        height: 175px;
        width: 210px
    }
}
@media (min-width: 64em) {
    .ie11 .header__contentTop.header__contentTop--fullLogo,
    .ie10 .header__contentTop.header__contentTop--fullLogo,
    .ie9 .header__contentTop.header__contentTop--fullLogo,
    .lt-ie9 .header__contentTop.header__contentTop--fullLogo {
        height: 200px;
        width: 260px
    }
}
.ie11 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
.ie10 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
.ie9 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
.lt-ie9 .header__contentTop.header__contentTop--fullLogo a.mainLogo {
    width: 138px;
    height: 90px
}
@media (min-width: 48em) {
    .ie11 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
    .ie10 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
    .ie9 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
    .lt-ie9 .header__contentTop.header__contentTop--fullLogo a.mainLogo {
        width: 146px;
        height: 106px
    }
}
@media (min-width: 64em) {
    .ie11 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
    .ie10 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
    .ie9 .header__contentTop.header__contentTop--fullLogo a.mainLogo,
    .lt-ie9 .header__contentTop.header__contentTop--fullLogo a.mainLogo {
        width: 168px;
        height: 125px
    }
}
.lt-ie9 .intro,
.ie9 .intro {
    height: 520px
}
@media (min-width: 48em) {
    .lt-ie9 .intro,
    .ie9 .intro {
        height: 940px
    }
}
@media (min-width: 48em) and (max-height: 52.5em) {
    .lt-ie9 .intro,
    .ie9 .intro {
        height: 630px
    }
}
@media (min-width: 64em) {
    .lt-ie9 .intro,
    .ie9 .intro {
        height: 1020px
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .lt-ie9 .intro,
    .ie9 .intro {
        height: 780px
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .lt-ie9 .intro,
    .ie9 .intro {
        height: 540px
    }
}
@media (min-width: 101.5em) and (max-height: 43.75em) {
    .lt-ie9 .intro,
    .ie9 .intro {
        height: 540px
    }
}
.ie11 .bigIntroLogo .logoMask svg,
.ie10 .bigIntroLogo .logoMask svg,
.ie9 .bigIntroLogo .logoMask svg,
.lt-ie9 .bigIntroLogo .logoMask svg {
    padding-bottom: 92%;
    height: 1px;
    overflow: visible
}
.ie11 .intro__explore,
.ie10 .intro__explore,
.ie9 .intro__explore,
.lt-ie9 .intro__explore {
    bottom: -40px
}
@media (min-width: 48em) {
    .ie11 .intro__explore,
    .ie10 .intro__explore,
    .ie9 .intro__explore,
    .lt-ie9 .intro__explore {
        bottom: -30px
    }
}
@media (min-width: 64em) {
    .ie11 .intro__explore,
    .ie10 .intro__explore,
    .ie9 .intro__explore,
    .lt-ie9 .intro__explore {
        bottom: -20px
    }
}
@media (min-width: 64em) {
    .lt-ie9 #header,
    .ie9 #header {
        height: 1040px
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .lt-ie9 #header,
    .ie9 #header {
        height: 840px
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .lt-ie9 #header,
    .ie9 #header {
        height: 650px
    }
}
@media (min-width: 101.5em) and (max-height: 43.75em) {
    .lt-ie9 #header,
    .ie9 #header {
        height: 650px
    }
}
@media (min-width: 48em) {
    .lt-ie9 .trendsGenderChoice,
    .ie9 .trendsGenderChoice {
        height: 820px
    }
}
@media (min-width: 64em) {
    .lt-ie9 .trendsGenderChoice,
    .ie9 .trendsGenderChoice {
        height: 1040px
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .lt-ie9 .trendsGenderChoice,
    .ie9 .trendsGenderChoice {
        height: 840px
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .lt-ie9 .trendsGenderChoice,
    .ie9 .trendsGenderChoice {
        height: 650px
    }
}
@media (min-width: 101.5em) and (max-height: 43.75em) {
    .lt-ie9 .trendsGenderChoice,
    .ie9 .trendsGenderChoice {
        height: 650px
    }
}
.ie11 .socialBadges__trigger,
.ie11 .socialBadges__title,
.ie10 .socialBadges__trigger,
.ie10 .socialBadges__title,
.ie9 .socialBadges__trigger,
.ie9 .socialBadges__title,
.lt-ie9 .socialBadges__trigger,
.lt-ie9 .socialBadges__title {
    width: 130px
}
.ie11 .entryModule__bookingTitle,
.ie10 .entryModule__bookingTitle,
.ie9 .entryModule__bookingTitle,
.lt-ie9 .entryModule__bookingTitle {
    max-width: 360px
}
@media (min-width: 64em) {
    .ie11 .entryModule__bookingTitle,
    .ie10 .entryModule__bookingTitle,
    .ie9 .entryModule__bookingTitle,
    .lt-ie9 .entryModule__bookingTitle {
        max-width: 420px
    }
}
@media (min-width: 64em) {
    .ie11 footer,
    .ie10 footer,
    .ie9 footer,
    .lt-ie9 footer {
        height: 300px
    }
}
.filters {
    width: 100%;
    padding: 0 1.6rem;
    position: relative;
    margin-bottom: 2.4rem;
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
@media (min-width: 48em) {
    .filters {
        padding: .96rem
    }
}
@media (min-width: 64em) {
    .filters {
        padding: 0;
        padding-top: 1.6rem
    }
}
.filters.isInView {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.filters.filters--hairTrends {
    position: absolute;
    padding: 1.6rem;
    background-color: transparent;
    top: 4.16rem;
    left: 17.91304%;
    width: 77.76812%;
    background-color: none;
    padding: 0;
    z-index: 4
}
@media (min-width: 48em) {
    .filters.filters--hairTrends {
        width: 16.72978%;
        left: 12.66781%;
        top: 12rem
    }
}
@media (min-width: 64em) {
    .filters.filters--hairTrends {
        width: 15.59371%;
        left: 15.59371%
    }
}
@media (min-width: 101.5em) {
    .filters.filters--hairTrends {
        width: 13.34149%;
        left: 21.28519%
    }
}
@media (min-width: 137.5em) {
    .filters.filters--hairTrends {
        width: 13.34149%;
        left: 24.17381%
    }
}
.filters.filters--open {
    background-color: rgba(255, 255, 255, 0.9)
}
@media (min-width: 64em) {
    .filters.filters--open {
        background-color: transparent
    }
}
.filters__content {
    width: 100%;
    height: 0;
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}
@media (min-width: 64em) {
    .filters__content {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible;
        height: auto
    }
}
@media (min-width: 48em) {
    .filters--hairTrends .filters__content {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible;
        padding: 20px 20px 30px;
        height: auto
    }
}
.filters--products .filters__content,
.filters--news .filters__content {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 1
}
@media (min-width: 48em) {
    .filters--products .filters__content,
    .filters--news .filters__content {
        top: 55px
    }
}
@media (min-width: 64em) {
    .filters--products .filters__content,
    .filters--news .filters__content {
        position: relative;
        top: auto;
        left: auto;
        background-color: transparent
    }
}
.filters__trigger--open {
    display: block
}
.filters__trigger--close {
    display: none
}
@media (min-width: 48em) {
    .filters--hairTrends .filters__trigger--open,
    .filters--hairTrends .filters__trigger--close {
        display: none
    }
}
@media (min-width: 64em) {
    .filters__trigger--open,
    .filters__trigger--close {
        display: none
    }
}
.filters--open .filters__trigger--open {
    display: none
}
.filters--open .filters__trigger--close {
    display: block
}
@media (min-width: 48em) {
    .filters--hairTrends .filters--open .filters__trigger--open,
    .filters--hairTrends .filters--open .filters__trigger--close {
        display: none
    }
}
@media (min-width: 64em) {
    .filters--open .filters__trigger--open,
    .filters--open .filters__trigger--close {
        display: none
    }
}
.filters--open .filters__content {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
    padding: 20px 20px 30px;
    height: auto
}
.filtersTitle {
    display: block;
    width: 36.72464%;
    float: left;
    margin-right: 2.6087%
}
@media (min-width: 25.875em) {
    .filtersTitle {
        width: 31.5942%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .filtersTitle {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.6rem
    }
}
.filtersTitle h5 {
    display: inline-block;
    letter-spacing: 4px;
    position: relative
}
.filtersTitle h5:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #000000;
    bottom: 0;
    left: 0;
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}
.filters-ul {
    display: block;
    margin-bottom: 0;
    width: 60.66667%;
    float: right;
    margin-right: 0
}
@media (min-width: 25.875em) {
    .filters-ul {
        width: 65.7971%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 48em) {
    .filters-ul {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}
.filters-li {
    display: block;
    margin-bottom: .64rem;
    font-size: .68598rem;
    line-height: 1.12rem;
    line-height: 125%
}
@media all and (min-width: 25.875em) {
    .filters-li {
        font-size: .69411rem
    }
}
@media all and (min-width: 48em) {
    .filters-li {
        font-size: .76073rem
    }
}
@media all and (min-width: 64em) {
    .filters-li {
        font-size: .73169rem
    }
}
@media all and (min-width: 101.5em) {
    .filters-li {
        font-size: .7482rem
    }
}
.filters-a {
    letter-spacing: 1.5px
}
.filters-a:hover,
.filters-a:active,
.filters-a:focus {
    text-decoration: none
}
.filters-li--active .filters-a {
    font-weight: bold;
    text-decoration: none
}
.listItems {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}
.listItems__gutterSizer {
    width: 2%;
    min-height: 130px
}
@media (min-width: 25.875em) {
    .listItems__gutterSizer {
        width: 3%
    }
}
@media (min-width: 64em) {
    .listItems__gutterSizer {
        width: 3%
    }
}
.listItems__product {
    height: 180px;
    width: 48%;
    padding: 0;
    margin-bottom: 1.6rem;
    display: block;
    background-color: #a38f8b;
    position: relative
}
.listItems__product a:hover {
    cursor: zoom-in
}
.listItems__product:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    background-color: rgba(43, 43, 43, 0.2);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: 0
}
@media (min-width: 25.875em) {
    .listItems__product {
        height: 200px;
        width: 48%
    }
}
@media (min-width: 31.25em) {
    .listItems__product {
        height: 220px;
        width: 48%
    }
}
@media (min-width: 48em) {
    .listItems__product {
        height: 260px
    }
}
@media (min-width: 64em) {
    .listItems__product {
        height: 250px
    }
    .listItems__product:hover .productEntryTitle {
        bottom: 15px;
        -moz-transition: bottom .8s cubic-bezier(0.075, 0.82, 0.165, 1);
        -o-transition: bottom .8s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition: bottom .8s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: bottom .8s cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@media (min-width: 64em) and (min-width: 48em) {
    .listItems__product:hover .productEntryTitle {
        bottom: 20px
    }
}
@media (min-width: 64em) {
    .listItems__product:hover:after {
        -moz-transition: opacity .8s ease;
        -o-transition: opacity .8s ease;
        -webkit-transition: opacity .8s ease;
        transition: opacity .8s ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}
@media (min-width: 72.5em) {
    .listItems__product {
        height: 280px
    }
}
@media (min-width: 80em) {
    .listItems__product {
        height: 300px
    }
}
@media (min-width: 87.5em) {
    .listItems__product {
        height: 320px
    }
}
@media (min-width: 101.5em) {
    .listItems__product {
        height: 350px;
        margin-bottom: 1.92rem
    }
}
.productEntryImage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
.productEntryImage:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -moz-box-shadow: rgba(43, 43, 43, 0.6) 0 -70px 40px -25px inset;
    -webkit-box-shadow: rgba(43, 43, 43, 0.6) 0 -70px 40px -25px inset;
    box-shadow: rgba(43, 43, 43, 0.6) 0 -70px 40px -25px inset
}
.productEntryTitle {
    margin: 0;
    left: 0;
    bottom: 5px;
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 15px;
    z-index: 1;
    -moz-transition: bottom .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: bottom .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: bottom .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: bottom .4s cubic-bezier(0.075, 0.82, 0.165, 1)
}
@media (min-width: 48em) {
    .productEntryTitle {
        bottom: 10px;
        padding: 0 20px
    }
}
.productEntryTitle h5 {
    font-size: .6243rem;
    line-height: .96rem;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-align: left;
    color: #fff
}
@media all and (min-width: 25.875em) {
    .productEntryTitle h5 {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .productEntryTitle h5 {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .productEntryTitle h5 {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .productEntryTitle h5 {
        font-size: .66921rem
    }
}
@media (min-width: 25.875em) {
    .listItems--news {
        padding: 0 .8rem
    }
}
@media (min-width: 520) {
    .listItems--news {
        padding: 0 1.12rem
    }
}
@media (min-width: 48em) {
    .listItems--news {
        padding: 0;
        padding-left: 11.9797%
    }
}
@media (min-width: 64em) {
    .listItems--news {
        padding: 0
    }
}
.listItems__article {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    position: relative;
    margin-bottom: 2.4rem
}
.listItems__article .articleImage {
    position: relative;
    height: 90px;
    width: 35.01449%;
    float: left;
    margin-right: 2.6087%
}
@media (min-width: 25.875em) {
    .listItems__article .articleImage {
        height: 110px
    }
}
@media (min-width: 520) {
    .listItems__article .articleImage {
        height: 130px
    }
}
@media (min-width: 48em) {
    .listItems__article .articleImage {
        width: 27.86621%;
        float: left;
        margin-right: 2.07612%;
        height: 145px
    }
}
@media (min-width: 64em) {
    .listItems__article .articleImage {
        width: 29.77768%;
        float: left;
        margin-right: 2.02111%;
        height: 145px
    }
}
@media (min-width: 84.375em) {
    .listItems__article .articleImage {
        height: 150px
    }
}
@media (min-width: 101.5em) {
    .listItems__article .articleImage {
        width: 27.46381%;
        float: left;
        margin-right: 1.78465%;
        height: 155px
    }
}
@media (min-width: 137.5em) {
    .listItems__article .articleImage {
        width: 25.14418%;
        float: left;
        margin-right: 2.07612%
    }
}
.listItems__article .articleImage .animateInView {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll
}
.listItems__article .articleImage .animateInView a {
    display: block;
    height: 100%;
    width: 100%
}
.listItems__article .articleContent {
    position: relative;
    width: 60.66667%;
    float: left;
    margin-right: 2.6087%;
    margin-right: 0%
}
@media (min-width: 48em) {
    .listItems__article .articleContent {
        width: 70.05767%;
        float: left;
        margin-right: 2.07612%;
        margin-right: 0%
    }
}
@media (min-width: 64em) {
    .listItems__article .articleContent {
        width: 68.20121%;
        float: left;
        margin-right: 2.02111%;
        margin-right: 0%
    }
}
@media (min-width: 101.5em) {
    .listItems__article .articleContent {
        width: 70.75154%;
        float: left;
        margin-right: 1.78465%;
        margin-right: 0%
    }
}
@media (min-width: 137.5em) {
    .listItems__article .articleContent {
        width: 72.7797%;
        float: left;
        margin-right: 2.07612%;
        margin-right: 0%
    }
}
.listItems__article .articleContent h3 {
    font-size: 1.40716rem;
    line-height: 1.92rem
}
@media all and (min-width: 48em) {
    .listItems__article .articleContent h3 {
        font-size: 1.4665rem
    }
}
@media all and (min-width: 64em) {
    .listItems__article .articleContent h3 {
        font-size: 1.63381rem
    }
}
.listItems__article .articleContent h3 a {
    text-transform: uppercase;
    letter-spacing: 1px
}
.listItems__article .articleContent h3 a:hover,
.listItems__article .articleContent h3 a:active,
.listItems__article .articleContent h3 a:focus {
    text-decoration: none
}
.listItems__article.listItems__article--noImage .articleContent {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}
.listItems__article .categoryLabels {
    display: block;
    margin-bottom: .48rem
}
.listItems__article .categoryLabels span {
    display: inline-block;
    background-color: #000000;
    margin-right: .32rem;
    padding: .16rem .48rem;
    font-size: .6243rem;
    line-height: .96rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase
}
@media all and (min-width: 25.875em) {
    .listItems__article .categoryLabels span {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .listItems__article .categoryLabels span {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .listItems__article .categoryLabels span {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .listItems__article .categoryLabels span {
        font-size: .66921rem
    }
}
.MarkupPager {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}
.MarkupPager.isInView {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.MarkupPagerNav {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.6rem
}
@media (min-width: 48em) {
    .MarkupPagerNav {
        margin-top: 2.4rem
    }
}
@media (min-width: 64em) {
    .MarkupPagerNav {
        margin-top: 3.2rem
    }
}
.MarkupPagerNav li {
    display: inline;
    list-style: none;
    margin: 0
}
.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
    display: block;
    float: left;
    padding: .32rem .64rem .16rem;
    color: #000000;
    font-size: .68598rem;
    line-height: 1.12rem;
    border: 1px solid #000000;
    background-color: transparent;
    margin-right: .4rem;
    text-transform: uppercase;
    -moz-transition: color .6s ease;
    -o-transition: color .6s ease;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
@media all and (min-width: 25.875em) {
    .MarkupPagerNav li a,
    .MarkupPagerNav li.MarkupPagerNavSeparator {
        font-size: .69411rem
    }
}
@media all and (min-width: 48em) {
    .MarkupPagerNav li a,
    .MarkupPagerNav li.MarkupPagerNavSeparator {
        font-size: .76073rem
    }
}
@media all and (min-width: 64em) {
    .MarkupPagerNav li a,
    .MarkupPagerNav li.MarkupPagerNavSeparator {
        font-size: .73169rem
    }
}
@media all and (min-width: 101.5em) {
    .MarkupPagerNav li a,
    .MarkupPagerNav li.MarkupPagerNavSeparator {
        font-size: .7482rem
    }
}
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
    color: #fff;
    background-color: #000000;
    text-decoration: none;
    -moz-transition: color .6s ease;
    -o-transition: color .6s ease;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.MarkupPagerNav li a:active,
.MarkupPagerNav li a:focus {
    text-decoration: none
}
.trendsGenderChoice {
    display: block;
    position: relative
}
@media (min-width: 48em) {
    .trendsGenderChoice {
        height: 95vh
    }
}
.trendsTile {
    display: block;
    position: relative;
    text-align: center;
    height: 260px;
    -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
@media (min-width: 22.5em) {
    .trendsTile {
        height: 280px
    }
}
@media (min-width: 25.875em) {
    .trendsTile {
        height: 300px
    }
}
@media (min-width: 48em) {
    .trendsTile {
        height: 75%
    }
}
@media (min-width: 64em) {
    .trendsTile {
        height: 85%
    }
}
.trendsTile a {
    display: block;
    width: 100%;
    height: 100%
}
.trendsTile .trendsTile__shadow {
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    right: 0;
    background-color: #efe8e5;
    -moz-transition: all .4s cubic-bezier(0.455, 0.03, 0.515, 0.955) .4s;
    -o-transition: all .4s cubic-bezier(0.455, 0.03, 0.515, 0.955) .4s;
    -webkit-transition: all .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition-delay: .4s;
    transition: all .4s cubic-bezier(0.455, 0.03, 0.515, 0.955) .4s
}
.trendsTile .trendsTile__bg {
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .1s;
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) .1s
}
.trendsTile .trendsTile__glide {
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
@media (min-width: 64em) {
    .trendsTile .trendsTile__glide {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: .2
    }
}
.trendsTile .trendsTile__text {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.trendsTile .trendsTile__text h3 {
    text-transform: uppercase;
    color: #fff
}
@media (min-width: 64em) {
    .trendsTile.isInView:hover .trendsTile__shadow {
        width: 104%;
        height: 102%;
        -moz-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
    .trendsTile.isInView:hover .trendsTile__bg {
        right: 2%;
        height: 96%;
        width: 96%;
        -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
        -o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
        -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition-delay: .4s;
        transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) .4s
    }
    .trendsTile.isInView:hover .trendsTile__glide {
        -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}
.trendsTile--women {
    margin-top: .8rem;
    margin-bottom: 2.4rem;
    width: 88.02899%;
    float: right;
    margin-right: 0
}
@media (min-width: 25.875em) {
    .trendsTile--women {
        margin-top: 1.6rem;
        margin-bottom: 3.2rem
    }
}
@media (min-width: 48em) {
    .trendsTile--women {
        width: 49.22547%;
        float: right;
        margin-right: 0;
        margin-top: 2.4rem;
        margin-bottom: 0;
        right: 2.51291%
    }
}
@media (min-width: 64em) {
    .trendsTile--women {
        width: 46.82403%;
        float: right;
        margin-right: 0;
        margin-right: 0%;
        margin-top: 4.8rem;
        right: 2.93276%
    }
}
@media (min-width: 71.25em) {
    .trendsTile--women {
        width: 45.13591%;
        float: right;
        margin-right: 0;
        margin-right: 0%
    }
}
@media (min-width: 101.5em) {
    .trendsTile--women {
        width: 39.33905%;
        float: right;
        margin-right: 0;
        margin-right: 7.22154%;
        right: 0
    }
}
@media (min-width: 137.5em) {
    .trendsTile--women {
        width: 33.56181%;
        float: right;
        margin-right: 0;
        margin-right: 12.99878%
    }
}
.trendsTile--women .trendsTile__shadow {
    bottom: 0
}
.trendsTile--women .trendsTile__bg {
    bottom: 0;
    background: url('../img/tiles/hairTrennds_slicedTile_women8481.jpg?1491850643') no-repeat scroll center 20%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
@media (min-width: 48em) {
    .trendsTile--women .trendsTile__bg {
        background: url('../img/tiles/hairTrennds_slicedTile_women8481.jpg?1491850643') no-repeat scroll center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}
.trendsTile--women.isInView .trendsTile__shadow {
    -moz-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -o-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -webkit-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .6s;
    transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    height: 100%
}
.trendsTile--women.isInView .trendsTile__bg {
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .9s;
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .9s;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .9s;
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .9s;
    width: 100%
}
.trendsTile--women.isInView .trendsTile__glide {
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .9s;
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .9s;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .9s;
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .9s;
    width: 100%
}
@media (min-width: 64em) {
    .trendsTile--women.isInView:hover .trendsTile__shadow {
        bottom: -1%
    }
    .trendsTile--women.isInView:hover .trendsTile__bg {
        bottom: 2%
    }
}
.trendsTile--men {
    width: 88.02899%;
    float: left;
    margin-right: 2.6087%
}
@media (min-width: 48em) {
    .trendsTile--men {
        width: 49.22547%;
        float: left;
        margin-right: 1.54905%;
        margin-right: 0%;
        margin-top: 14.4rem;
        left: 2.51291%
    }
}
@media (min-width: 64em) {
    .trendsTile--men {
        width: 46.82403%;
        float: left;
        margin-right: 1.28755%;
        margin-right: 0%;
        margin-top: 4.8rem;
        left: 0
    }
}
@media (min-width: 71.25em) {
    .trendsTile--men {
        width: 45.13591%;
        float: left;
        margin-right: 1.28755%;
        margin-right: 0%;
        left: 2.93276%
    }
}
@media (min-width: 101.5em) {
    .trendsTile--men {
        width: 39.33905%;
        float: left;
        margin-right: 1.10159%;
        margin-right: 0%;
        margin-left: 7.22154%;
        left: 0
    }
}
@media (min-width: 137.5em) {
    .trendsTile--men {
        width: 33.56181%;
        float: left;
        margin-right: 1.10159%;
        margin-left: 12.99878%
    }
}
.trendsTile--men .trendsTile__shadow {
    top: 0
}
.trendsTile--men .trendsTile__bg {
    top: 0;
    background: url('../img/tiles/hairTrennds_slicedTile_men8481.jpg?1491850643') no-repeat scroll center 20%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
@media (min-width: 48em) {
    .trendsTile--men .trendsTile__bg {
        background: url('../img/tiles/hairTrennds_slicedTile_men8481.jpg?1491850643') no-repeat scroll center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}
.trendsTile--men.isInView .trendsTile__shadow {
    -moz-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s;
    -o-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s;
    -webkit-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .1s;
    transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s;
    height: 100%
}
.trendsTile--men.isInView .trendsTile__bg {
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .4s;
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    width: 100%
}
.trendsTile--men.isInView .trendsTile__glide {
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .4s;
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    width: 100%
}
@media (min-width: 64em) {
    .trendsTile--men.isInView:hover .trendsTile__shadow {
        top: -1%
    }
    .trendsTile--men.isInView:hover .trendsTile__bg {
        top: 2%
    }
}
.saloniChoice {
    display: block;
    position: relative
}
.saloniChoice__title {
    left: -70px;
    display: block;
    padding-bottom: 5px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
@media (min-width: 25.875em) {
    .saloniChoice__title {
        left: -30px
    }
}
@media (min-width: 48em) {
    .saloniChoice__title {
        padding-bottom: 15px;
        left: -70px
    }
}
@media (min-width: 64em) {
    .saloniChoice__title {
        left: -130px
    }
}
@media (min-width: 101.5em) {
    .saloniChoice__title {
        left: 5%;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@media (min-width: 137.5em) {
    .saloniChoice__title {
        left: 10%
    }
}
.saloniChoice__title:after {
    content: "";
    height: 6px;
    width: 0;
    bottom: 0;
    left: 2%;
    position: absolute
}
@media (min-width: 48em) {
    .saloniChoice__title:after {
        height: 8px
    }
}
.saloniChoice__title.isInView.giveUnderscore:after {
    width: 70%;
    -moz-transition: width .3s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
    -o-transition: width .3s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
    -webkit-transition: width .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .5s;
    transition: width .3s cubic-bezier(0.215, 0.61, 0.355, 1) .5s
}
.saloniChoice__title h1 {
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase
}
.saloniChoice__title .title_default,
.saloniChoice__title .title_main,
.saloniChoice__title .title_xs,
.saloniChoice__title .title_eco_xs {
    display: none
}
.saloniChoice__title.saloniChoice__title--default:after {
    background-color: #000000
}
.saloniChoice__title.saloniChoice__title--default .title_default {
    display: block
}
.saloniChoice__title.saloniChoice__title--main {
    left: -40px
}
@media (min-width: 25.875em) {
    .saloniChoice__title.saloniChoice__title--main {
        left: 2px
    }
}
@media (min-width: 48em) {
    .saloniChoice__title.saloniChoice__title--main {
        left: -20px
    }
}
@media (min-width: 64em) {
    .saloniChoice__title.saloniChoice__title--main {
        left: -69px
    }
}
@media (min-width: 101.5em) {
    .saloniChoice__title.saloniChoice__title--main {
        left: 6%
    }
}
@media (min-width: 137.5em) {
    .saloniChoice__title.saloniChoice__title--main {
        left: 11%
    }
}
.saloniChoice__title.saloniChoice__title--main:after {
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
.saloniChoice__title.saloniChoice__title--main .title_main {
    display: block
}
.saloniChoice__title.saloniChoice__title--xs {
    left: 25px
}
@media (min-width: 25.875em) {
    .saloniChoice__title.saloniChoice__title--xs {
        left: 68px
    }
}
@media (min-width: 48em) {
    .saloniChoice__title.saloniChoice__title--xs {
        left: 86px
    }
}
@media (min-width: 64em) {
    .saloniChoice__title.saloniChoice__title--xs {
        left: 60px
    }
}
@media (min-width: 101.5em) {
    .saloniChoice__title.saloniChoice__title--xs {
        left: 10%
    }
}
@media (min-width: 137.5em) {
    .saloniChoice__title.saloniChoice__title--xs {
        left: 15%
    }
}
.saloniChoice__title.saloniChoice__title--xs:after {
    background-color: #CC2332
}
.saloniChoice__title.saloniChoice__title--xs .title_xs {
    display: block
}
.saloniChoice__title.saloniChoice__title--eco_xs {
    left: -7px
}
@media (min-width: 25.875em) {
    .saloniChoice__title.saloniChoice__title--eco_xs {
        left: 36px
    }
}
@media (min-width: 48em) {
    .saloniChoice__title.saloniChoice__title--eco_xs {
        left: 35px
    }
}
@media (min-width: 64em) {
    .saloniChoice__title.saloniChoice__title--eco_xs {
        left: -1px
    }
}
@media (min-width: 101.5em) {
    .saloniChoice__title.saloniChoice__title--eco_xs {
        left: 8%
    }
}
@media (min-width: 137.5em) {
    .saloniChoice__title.saloniChoice__title--eco_xs {
        left: 13%
    }
}
.saloniChoice__title.saloniChoice__title--eco_xs:after {
    background-color: #009C45
}
.saloniChoice__title.saloniChoice__title--eco_xs .title_eco_xs {
    display: block
}
.saloniChoice__tiles {
    height: 100%;
    display: block;
    position: relative;
    margin-top: 1.6rem;
    margin-top: 4vh;
    width: 72.63768%;
    float: right;
    margin-right: 0
}
@media (min-width: 25.875em) {
    .saloniChoice__tiles {
        width: 69.21739%;
        float: right;
        margin-right: 0;
        margin-top: 1.6rem;
        margin-top: 4vh
    }
}
@media (min-width: 48em) {
    .saloniChoice__tiles {
        width: 59.38038%;
        float: right;
        margin-right: 0;
        margin-top: 2.4rem;
        margin-top: 4.2vh
    }
}
@media (min-width: 64em) {
    .saloniChoice__tiles {
        width: 66.23748%;
        float: right;
        margin-right: 0;
        margin-top: 4.5vh
    }
}
@media (min-width: 101.5em) {
    .saloniChoice__tiles {
        width: 53.05998%;
        float: right;
        margin-right: 0
    }
}
@media (min-width: 137.5em) {
    .saloniChoice__tiles {
        width: 49.4492%;
        float: right;
        margin-right: 0
    }
}
.saloniTile {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 1.6rem;
    margin-bottom: 2vh
}
@media (min-width: 64em) {
    .saloniTile:hover .saloniTile__icon:after {
        width: 150px;
        left: 120%
    }
    .isInView .saloniTile:hover .saloniTile__image:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: .6
    }
}
.saloniTile__image {
    float: left;
    left: 10%;
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden
}
@media (min-width: 25.875em) {
    .saloniTile__image {
        left: 15%
    }
}
@media (min-width: 64em) {
    .saloniTile__image {
        left: 36.2851%
    }
}
@media (min-width: 101.5em) {
    .saloniTile__image {
        left: 31.94925%
    }
}
@media (min-width: 137.5em) {
    .saloniTile__image {
        left: 28.44059%
    }
}
.saloniTile__image:after {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    -moz-transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.saloniTile__icon {
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    background-color: #fff;
    padding: .8rem .64rem .8rem 0;
    -moz-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.saloniTile__icon[data-delay="narrow"] {
    -moz-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s;
    -o-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .3s;
    transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s
}
.saloniTile__icon[data-delay="medium"] {
    -moz-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -o-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .6s;
    transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s
}
.saloniTile__icon .iconBg {
    display: block;
    width: 70px;
    height: 53px
}
@media (min-width: 22.5em) {
    .saloniTile__icon .iconBg {
        width: 85px;
        height: 64px
    }
}
@media (min-width: 25.875em) {
    .saloniTile__icon .iconBg {
        width: 92px;
        height: 69px
    }
}
@media (min-width: 48em) {
    .saloniTile__icon .iconBg {
        width: 112px;
        height: 84px
    }
}
@media (min-width: 64em) {
    .saloniTile__icon .iconBg {
        padding: 0
    }
}
.saloniTile__icon:after {
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #000000;
    left: 110%;
    -moz-transition: width .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), left .3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: width .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), left .3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition: width .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), left .3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: width .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), left .3s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}
@media (min-width: 64em) {
    .saloniTile__icon:after {
        width: 50px
    }
}
.saloniTile__icon.isInView {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
@media (min-width: 64em) {
    .saloniTile__icon.isInView:after {
        width: 50px
    }
}
.saloniTile--main {
    height: 190px;
    height: 31vh
}
@media (min-width: 22.5em) {
    .saloniTile--main {
        height: 220px;
        height: 31vh
    }
}
@media (min-width: 25.875em) {
    .saloniTile--main {
        height: 260px;
        height: 31vh
    }
}
@media (min-width: 48em) {
    .saloniTile--main {
        height: 320px;
        height: 31vh
    }
}
@media (min-width: 101.5em) {
    .saloniTile--main {
        height: 340px;
        height: 31vh
    }
}
.saloniTile--main .saloniTile__image {
    width: 90%
}
@media (min-width: 25.875em) {
    .saloniTile--main .saloniTile__image {
        width: 85%
    }
}
@media (min-width: 48em) {
    .saloniTile--main .saloniTile__image {
        width: 78%
    }
}
@media (min-width: 64em) {
    .saloniTile--main .saloniTile__image {
        width: 320px
    }
}
@media (min-width: 101.5em) {
    .saloniTile--main .saloniTile__image {
        width: 360px
    }
}
@media (min-width: 137.5em) {
    .saloniTile--main .saloniTile__image {
        width: 430px
    }
}
.saloniTile--main .saloniTile__icon:after {
    left: 105%
}
.saloniTile--main .tileBg {
    background: url('../img/tiles/saloni_slicedTile_principalee5fe.jpg?1466449307') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.saloniTile--main .iconBg {
    background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 70px 53px;
    -moz-background-size: 70px 53px;
    -o-background-size: 70px 53px;
    background-size: 70px 53px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 70px 53px;
        -moz-background-size: 70px 53px;
        -o-background-size: 70px 53px;
        background-size: 70px 53px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 22.5em) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px
    }
}
@media only screen and (min-width: 22.5em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 22.5em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (min-resolution: 192dpi),
only screen and (min-width: 22.5em) and (min-resolution: 2dppx) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 112px 84px;
        -moz-background-size: 112px 84px;
        -o-background-size: 112px 84px;
        background-size: 112px 84px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 64em) {
    .saloniTile--main .iconBg {
        width: 130px;
        height: 97px;
        background-image: url('../img/misc/logo_mark7c6c.png?1491498212');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 130px 97px;
        -moz-background-size: 130px 97px;
        -o-background-size: 130px 97px;
        background-size: 130px 97px
    }
}
@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 64em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 64em) and (min-resolution: 192dpi),
only screen and (min-width: 64em) and (min-resolution: 2dppx) {
    .saloniTile--main .iconBg {
        background-image: url('../img/misc/logo_mark%402x7c6c.png?1491498212');
        -webkit-background-size: 130px 97px;
        -moz-background-size: 130px 97px;
        -o-background-size: 130px 97px;
        background-size: 130px 97px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.saloniTile--xs {
    height: 170px;
    height: 28vh
}
@media (min-width: 22.5em) {
    .saloniTile--xs {
        height: 190px;
        height: 28vh
    }
}
@media (min-width: 25.875em) {
    .saloniTile--xs {
        height: 220px;
        height: 28vh
    }
}
@media (min-width: 48em) {
    .saloniTile--xs {
        height: 290px;
        height: 28vh
    }
}
@media (min-width: 101.5em) {
    .saloniTile--xs {
        height: 310px;
        height: 28vh
    }
}
.saloniTile--xs .saloniTile__image {
    width: 85%
}
@media (min-width: 25.875em) {
    .saloniTile--xs .saloniTile__image {
        width: 78%
    }
}
@media (min-width: 48em) {
    .saloniTile--xs .saloniTile__image {
        width: 73%
    }
}
@media (min-width: 64em) {
    .saloniTile--xs .saloniTile__image {
        width: 290px
    }
}
@media (min-width: 101.5em) {
    .saloniTile--xs .saloniTile__image {
        width: 330px
    }
}
@media (min-width: 137.5em) {
    .saloniTile--xs .saloniTile__image {
        width: 390px
    }
}
@media (min-width: 64em) {
    .saloniTile--xs .saloniTile__icon {
        left: 10px
    }
}
.saloniTile--xs .tileBg {
    background: url('../img/tiles/saloni_slicedTile_xse5fe.jpg?1466449307') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.saloniTile--xs .iconBg {
    background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 70px 53px;
    -moz-background-size: 70px 53px;
    -o-background-size: 70px 53px;
    background-size: 70px 53px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 70px 53px;
        -moz-background-size: 70px 53px;
        -o-background-size: 70px 53px;
        background-size: 70px 53px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 22.5em) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px
    }
}
@media only screen and (min-width: 22.5em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 22.5em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (min-resolution: 192dpi),
only screen and (min-width: 22.5em) and (min-resolution: 2dppx) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 106px 80px;
        -moz-background-size: 106px 80px;
        -o-background-size: 106px 80px;
        background-size: 106px 80px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .saloniTile--xs .iconBg {
        background-image: url('../img/misc/logo_mark_xs%402x5ce4.png?1466448206');
        -webkit-background-size: 106px 80px;
        -moz-background-size: 106px 80px;
        -o-background-size: 106px 80px;
        background-size: 106px 80px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.saloniTile--eco_xs {
    height: 170px;
    height: 28vh
}
@media (min-width: 22.5em) {
    .saloniTile--eco_xs {
        height: 190px;
        height: 28vh
    }
}
@media (min-width: 25.875em) {
    .saloniTile--eco_xs {
        height: 220px;
        height: 28vh
    }
}
@media (min-width: 48em) {
    .saloniTile--eco_xs {
        height: 290px;
        height: 28vh
    }
}
@media (min-width: 101.5em) {
    .saloniTile--eco_xs {
        height: 310px;
        height: 28vh
    }
}
.saloniTile--eco_xs .saloniTile__image {
    width: 85%
}
@media (min-width: 25.875em) {
    .saloniTile--eco_xs .saloniTile__image {
        width: 78%
    }
}
@media (min-width: 48em) {
    .saloniTile--eco_xs .saloniTile__image {
        width: 73%
    }
}
@media (min-width: 64em) {
    .saloniTile--eco_xs .saloniTile__image {
        width: 290px
    }
}
@media (min-width: 101.5em) {
    .saloniTile--eco_xs .saloniTile__image {
        width: 330px
    }
}
@media (min-width: 137.5em) {
    .saloniTile--eco_xs .saloniTile__image {
        width: 390px
    }
}
@media (min-width: 64em) {
    .saloniTile--eco_xs .saloniTile__icon {
        left: 10px
    }
}
.saloniTile--eco_xs .tileBg {
    background: url('../img/tiles/saloni_slicedTile_eco_xse5fe.jpg?1466449307') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.saloniTile--eco_xs .iconBg {
    background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 70px 53px;
    -moz-background-size: 70px 53px;
    -o-background-size: 70px 53px;
    background-size: 70px 53px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 70px 53px;
        -moz-background-size: 70px 53px;
        -o-background-size: 70px 53px;
        background-size: 70px 53px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 22.5em) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px
    }
}
@media only screen and (min-width: 22.5em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 22.5em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 22.5em) and (min-resolution: 192dpi),
only screen and (min-width: 22.5em) and (min-resolution: 2dppx) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 85px 64px;
        -moz-background-size: 85px 64px;
        -o-background-size: 85px 64px;
        background-size: 85px 64px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 25.875em) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px
    }
}
@media only screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 25.875em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 25.875em) and (min-resolution: 192dpi),
only screen and (min-width: 25.875em) and (min-resolution: 2dppx) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 92px 69px;
        -moz-background-size: 92px 69px;
        -o-background-size: 92px 69px;
        background-size: 92px 69px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
@media (min-width: 48em) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs5ce4.png?1466448206');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 106px 80px;
        -moz-background-size: 106px 80px;
        -o-background-size: 106px 80px;
        background-size: 106px 80px
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 48em) and (min-device-pixel-ratio: 2),
only screen and (min-width: 48em) and (min-resolution: 192dpi),
only screen and (min-width: 48em) and (min-resolution: 2dppx) {
    .saloniTile--eco_xs .iconBg {
        background-image: url('../img/misc/logo_mark_eco-xs%402x5ce4.png?1466448206');
        -webkit-background-size: 106px 80px;
        -moz-background-size: 106px 80px;
        -o-background-size: 106px 80px;
        background-size: 106px 80px;
        background-position: center center;
        background-repeat: no-repeat
    }
}
.animateInView--pix {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .2s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s
}
.animateInView--pix[data-delay="narrow"] {
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .4s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s
}
.animateInView--pix[data-delay="medium"] {
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .6s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s
}
.animateInView--pix[data-delay="wider"] {
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .8s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .8s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .8s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .8s
}
.animateInView--pix:after {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    -moz-transition: width .2s cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -o-transition: width .2s cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -webkit-transition: width .2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .1s;
    transition: width .2s cubic-bezier(0.215, 0.61, 0.355, 1) .1s
}
.animateInView--pix[data-delay="narrow"]:after {
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .2s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s
}
.animateInView--pix[data-delay="medium"]:after {
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .4s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s
}
.animateInView--pix[data-delay="wider"]:after {
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .6s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s
}
.animateInView--pix.isInView {
    width: 100%;
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s;
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s;
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .1s;
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s
}
.animateInView--pix.isInView[data-delay="narrow"] {
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s;
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s;
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .3s;
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s
}
.animateInView--pix.isInView[data-delay="medium"] {
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .6s;
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s
}
.animateInView--pix.isInView[data-delay="wider"] {
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .9s;
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .9s;
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .9s;
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .9s
}
.animateInView--pix.isInView:after {
    width: 0;
    -moz-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .4s;
    -o-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .4s;
    -webkit-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: .4s;
    transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .4s
}
.animateInView--pix.isInView[data-delay="narrow"]:after {
    -moz-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .6s;
    -o-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .6s;
    -webkit-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: .6s;
    transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .6s
}
.animateInView--pix.isInView[data-delay="medium"]:after {
    -moz-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .9s;
    -o-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .9s;
    -webkit-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: .9s;
    transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) .9s
}
.animateInView--pix.isInView[data-delay="wider"]:after {
    -moz-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s;
    -o-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s;
    -webkit-transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: 1.2s;
    transition: width .3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s
}
.animateInView--text>span,
.animateInView--text>p {
    position: relative;
    bottom: -200px;
    -moz-transition: bottom .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: bottom .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom .5s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.animateInView--text[data-delay="narrow"] span,
.animateInView--text[data-delay="narrow"] p {
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .2s;
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .2s
}
.animateInView--text[data-delay="medium"] span,
.animateInView--text[data-delay="medium"] p {
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .4s;
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .4s
}
.animateInView--text[data-delay="wider"] span,
.animateInView--text[data-delay="wider"] p {
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .8s;
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .8s
}
.animateInView--text.isInView>span,
.animateInView--text.isInView>p {
    bottom: 0;
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.animateInView--text.isInView[data-delay="narrow"] span,
.animateInView--text.isInView[data-delay="narrow"] p {
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .2s;
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .2s
}
.animateInView--text.isInView[data-delay="medium"] span,
.animateInView--text.isInView[data-delay="medium"] p {
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .4s;
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .4s
}
.animateInView--text.isInView[data-delay="wider"] span,
.animateInView--text.isInView[data-delay="wider"] p {
    -moz-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -o-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -webkit-transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .8s;
    transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1) .8s
}
.socialBadges {
    margin: 0;
    padding: 0;
    position: relative;
    border: 0 none;
    background-color: transparent
}
.socialBadges__trigger,
.socialBadges__title {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 110px;
    line-height: 100%
}
.socialBadges__trigger .socialTriggerText,
.socialBadges__title .socialTriggerText {
    font-size: .6243rem;
    line-height: .96rem;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px
}
@media all and (min-width: 25.875em) {
    .socialBadges__trigger .socialTriggerText,
    .socialBadges__title .socialTriggerText {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .socialBadges__trigger .socialTriggerText,
    .socialBadges__title .socialTriggerText {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .socialBadges__trigger .socialTriggerText,
    .socialBadges__title .socialTriggerText {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .socialBadges__trigger .socialTriggerText,
    .socialBadges__title .socialTriggerText {
        font-size: .66921rem
    }
}
.socialBadges__trigger .socialTriggerLine,
.socialBadges__title .socialTriggerLine {
    position: relative;
    bottom: 4px;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000000;
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.socialBadges__trigger .socialTriggerIcon,
.socialBadges__title .socialTriggerIcon {
    width: 11px;
    height: 11px;
    display: inline-block;
    position: relative
}
.socialBadges__trigger .socialTriggerIcon .fi,
.socialBadges__title .socialTriggerIcon .fi {
    display: block;
    font-size: 10px;
    line-height: 100%
}
.socialBadges__title {
    text-align: center;
    right: 4px
}
@media (min-width: 48em) {
    .socialBadges__title {
        right: 2px
    }
}
@media (min-width: 64em) {
    .socialBadges__title {
        display: none
    }
}
.socialBadges__trigger {
    text-align: left;
    display: none;
    right: 2px
}
.socialBadges__trigger:hover {
    cursor: pointer
}
.socialBadges__trigger:hover .socialTriggerLine {
    width: 25px;
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
@media (min-width: 64em) {
    .socialBadges__trigger {
        display: inline-block
    }
}
.socialBadges--isActive .socialTriggerLine {
    width: 25px
}
.socialBadges-ul {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible
}
.socialBadges-li {
    text-align: center
}
.socialBadges-li a {
    color: #000000;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    -moz-transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.socialBadges-li a:hover {
    color: #000000;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -moz-transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
.socialBadges--front {
    text-align: center;
    width: 100px;
    position: fixed;
    right: 0;
    top: 6.4rem;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .3s ease .5s, visibility .8s 0;
    -o-transition: opacity .3s ease .5s, visibility .8s 0;
    -webkit-transition: opacity .3s ease, visibility .8s 0;
    -webkit-transition-delay: .5s, 0s;
    transition: opacity .3s ease .5s, visibility .8s 0
}
@media (min-width: 25.875em) {
    .socialBadges--front {
        right: 4%;
        top: 9.6rem
    }
}
@media (min-width: 48em) {
    .socialBadges--front {
        top: 19.2rem;
        width: 210px;
        right: auto
    }
}
@media (min-width: 64em) {
    .socialBadges--front {
        width: 100%;
        position: absolute;
        right: auto;
        top: auto;
        bottom: 20%;
        visibility: visible;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transition: opacity .1s ease, visibility .1s ease;
        -o-transition: opacity .1s ease, visibility .1s ease;
        -webkit-transition: opacity .1s ease, visibility .1s ease;
        transition: opacity .1s ease, visibility .1s ease
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .socialBadges--front {
        bottom: 16%
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .socialBadges--front {
        display: none
    }
}
.socialBadges--front .socialBadges-ul {
    display: block;
    width: 20px;
    height: 120px;
    margin: 0 auto 60px
}
.socialBadges--front .socialBadges-li {
    line-height: 100%;
    padding: 8px 0;
    display: block;
    visibility: hidden;
    opacity: 0
}
@media (min-width: 64em) {
    .socialBadges--front .socialBadges-li {
        padding: 5px 0
    }
}
.socialBadges--front .socialBadges-li a .fi {
    display: block;
    font-size: 14px;
    line-height: 100%
}
.socialBadges--footer .socialBadges-ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1
}
.socialBadges--footer .socialBadges-ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}
.socialBadges--footer .socialBadges-ul li:first-child {
    padding-left: 0
}
.socialBadges--footer .socialBadges-ul li:last-child {
    padding-right: 0
}
.socialBadges--footer .socialBadges-ul li.last {
    padding-right: 0
}
.socialBadges--footer .socialBadges-li {
    padding: 0
}
.socialBadges--footer .socialBadges-li a {
    color: #FFFFFF;
}
.socialBadges--footer .socialBadges-li a i {
    color: #FFFFFF;
}
.socialBadges--footer .socialBadges-li a:hover {
    color: #FFFFFF;
}
.socialBadges--footer .socialBadges-li a:hover i {
    color: #FFFFFF;
}
.postsNav {
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    margin-top: 3.2rem
}
.postsNav__prev,
.postsNav__next {
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding-top: .8rem;
    margin-bottom: 3.2rem
}
@media (min-width: 64em) {
    .postsNav__prev,
    .postsNav__next {
        padding-top: 1.2rem
    }
}
.postsNav__prev:before,
.postsNav__next:before {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background-color: rgba(43, 43, 43, 0.3);
    top: 0;
    -moz-transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.postsNav__prev.isInView:before,
.postsNav__next.isInView:before {
    width: 80%
}
@media (min-width: 48em) {
    .postsNav__prev.isInView:before,
    .postsNav__next.isInView:before {
        width: 70%
    }
}
@media (min-width: 64em) {
    .postsNav__prev.isInView:before,
    .postsNav__next.isInView:before {
        width: 60%
    }
}
.postsNav__prev .articleImage,
.postsNav__next .articleImage {
    position: relative;
    width: 150px;
    height: 100px;
    -moz-transition: margin-left .3s cubic-bezier(0.075, 0.82, 0.165, 1), margin-right .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: margin-left .3s cubic-bezier(0.075, 0.82, 0.165, 1), margin-right .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: margin-left .3s cubic-bezier(0.075, 0.82, 0.165, 1), margin-right .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: margin-left .3s cubic-bezier(0.075, 0.82, 0.165, 1), margin-right .3s cubic-bezier(0.075, 0.82, 0.165, 1)
}
@media (min-width: 48em) {
    .postsNav__prev .articleImage,
    .postsNav__next .articleImage {
        width: 200px;
        height: 145px
    }
}
@media (min-width: 64em) {
    .postsNav__prev .articleImage,
    .postsNav__next .articleImage {
        width: 220px;
        height: 155px
    }
}
.postsNav__prev .articleImage .animateInView,
.postsNav__next .articleImage .animateInView {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll
}
.postsNav__prev .articleImage .animateInView:before,
.postsNav__next .articleImage .animateInView:before {
    position: absolute;
    pointer-events: none;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.postsNav__prev .articleImage .animateInView a,
.postsNav__next .articleImage .animateInView a {
    display: block;
    height: 100%;
    width: 100%
}
.postsNav__prev .articleContent,
.postsNav__next .articleContent {
    width: 80%;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 60%;
    -moz-transition: left .3s cubic-bezier(0.075, 0.82, 0.165, 1), right .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: left .3s cubic-bezier(0.075, 0.82, 0.165, 1), right .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: left .3s cubic-bezier(0.075, 0.82, 0.165, 1), right .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left .3s cubic-bezier(0.075, 0.82, 0.165, 1), right .3s cubic-bezier(0.075, 0.82, 0.165, 1)
}
@media (min-width: 48em) {
    .postsNav__prev .articleContent,
    .postsNav__next .articleContent {
        width: 60%
    }
}
.postsNav__prev .articleContent h4 a,
.postsNav__next .articleContent h4 a {
    text-transform: uppercase;
    letter-spacing: 1px
}
.postsNav__prev .articleContent h4 a:hover,
.postsNav__prev .articleContent h4 a:active,
.postsNav__prev .articleContent h4 a:focus,
.postsNav__next .articleContent h4 a:hover,
.postsNav__next .articleContent h4 a:active,
.postsNav__next .articleContent h4 a:focus {
    text-decoration: none
}
.postsNav__prev .articleContent .npArr,
.postsNav__next .articleContent .npArr {
    font-size: 40px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 40%
}
.postsNav__prev:before {
    right: 0
}
.postsNav__prev .articleImage {
    float: right
}
.postsNav__prev .articleImage .animateInView:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0.6)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6))
}
@media (min-width: 48em) {
    .postsNav__prev .articleImage {
        margin-right: .96rem
    }
}
@media (min-width: 64em) {
    .postsNav__prev .articleImage {
        margin-right: 1.28rem
    }
}
.postsNav__prev .articleContent {
    right: 15%;
    text-align: right
}
@media (min-width: 48em) {
    .postsNav__prev .articleContent {
        right: 140px
    }
}
@media (min-width: 64em) {
    .postsNav__prev .articleContent {
        right: 160px
    }
}
.postsNav__prev .articleContent .animateInView>span {
    padding-left: 25px;
    display: inline-block
}
@media (min-width: 48em) {
    .postsNav__prev .articleContent .animateInView>span {
        padding-left: 35px
    }
}
.postsNav__prev .articleContent .npArr {
    left: 0
}
@media (min-width: 64em) {
    .postsNav__prev:hover .articleContent {
        right: 180px;
        -moz-transition: right .6s cubic-bezier(0.075, 0.82, 0.165, 1);
        -o-transition: right .6s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition: right .6s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: right .6s cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    .postsNav__prev:hover .articleImage {
        margin-right: 1.6rem;
        -moz-transition: margin-right .9s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
        -o-transition: margin-right .9s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
        -webkit-transition: margin-right .9s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-delay: .2s;
        transition: margin-right .9s cubic-bezier(0.075, 0.82, 0.165, 1) .2s
    }
}
.postsNav__prev.postsNav__prev--noImage .articleContent {
    width: 60%;
    position: relative;
    right: 0;
    top: auto;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}
@media (min-width: 64em) {
    .postsNav__prev.postsNav__prev--noImage:hover .articleContent {
        right: 20px
    }
}
.postsNav__next:before {
    left: 0
}
.postsNav__next .articleImage {
    float: left
}
.postsNav__next .articleImage .animateInView:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0.6)));
    background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6))
}
@media (min-width: 48em) {
    .postsNav__next .articleImage {
        margin-left: .96rem
    }
}
@media (min-width: 64em) {
    .postsNav__next .articleImage {
        margin-left: 1.28rem
    }
}
.postsNav__next .articleContent {
    left: 15%;
    text-align: left
}
@media (min-width: 48em) {
    .postsNav__next .articleContent {
        left: 140px
    }
}
@media (min-width: 64em) {
    .postsNav__next .articleContent {
        left: 160px
    }
}
.postsNav__next .articleContent .animateInView>span {
    padding-right: 25px;
    display: inline-block
}
@media (min-width: 48em) {
    .postsNav__next .articleContent .animateInView>span {
        padding-right: 35px
    }
}
.postsNav__next .articleContent .npArr {
    right: 0
}
@media (min-width: 64em) {
    .postsNav__next:hover .articleContent {
        left: 180px;
        -moz-transition: left .6s cubic-bezier(0.075, 0.82, 0.165, 1);
        -o-transition: left .6s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition: left .6s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: left .6s cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    .postsNav__next:hover .articleImage {
        margin-left: 1.6rem;
        -moz-transition: margin-left .9s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
        -o-transition: margin-left .9s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
        -webkit-transition: margin-left .9s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-delay: .2s;
        transition: margin-left .9s cubic-bezier(0.075, 0.82, 0.165, 1) .2s
    }
}
.postsNav__next.postsNav__next--noImage .articleContent {
    width: 60%;
    position: relative;
    left: 0;
    top: auto;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}
@media (min-width: 64em) {
    .postsNav__next.postsNav__next--noImage:hover .articleContent {
        left: 20px
    }
}
.exploreMore {
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    margin: 0;
    padding: 0
}
.exploreModule {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 1.92rem 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}
@media (min-width: 48em) {
    .exploreModule {
        padding: 2.4rem 0
    }
}
.exploreModule:before {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background-color: rgba(43, 43, 43, 0.3);
    top: 0;
    right: 0;
    -moz-transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: width .6s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.exploreModule.isInView:before {
    width: 80%
}
@media (min-width: 48em) {
    .exploreModule.isInView:before {
        width: 70%
    }
}
@media (min-width: 64em) {
    .exploreModule.isInView:before {
        width: 60%
    }
}
.exploreModule .exploreModule__tile {
    position: relative;
    width: 45%;
    float: left;
    margin-right: 2.6087%;
    height: 120px
}
@media (min-width: 25.875em) {
    .exploreModule .exploreModule__tile {
        width: 45%;
        float: left;
        margin-right: 2.6087%;
        height: 140px
    }
}
@media (min-width: 48em) {
    .exploreModule .exploreModule__tile {
        height: 200px;
        width: 52%;
        float: left;
        margin-right: 1.54905%
    }
}
@media (min-width: 64em) {
    .exploreModule .exploreModule__tile {
        height: 220px;
        width: 60%;
        float: left;
        margin-right: 1.28755%
    }
}
@media (min-width: 73.75em) {
    .exploreModule .exploreModule__tile {
        height: 250px
    }
}
@media (min-width: 82.5em) {
    .exploreModule .exploreModule__tile {
        width: 55%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 101.5em) {
    .exploreModule .exploreModule__tile {
        height: 280px
    }
}
@media (min-width: 112.5em) {
    .exploreModule .exploreModule__tile {
        width: 50%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 137.5em) {
    .exploreModule .exploreModule__tile {
        width: 45%;
        float: left;
        margin-right: 2.6087%
    }
}
.exploreModule .exploreModule__text {
    position: relative;
    display: block;
    text-align: left;
    z-index: 3;
    margin-top: 1.6rem;
    width: 45%;
    float: left;
    margin-right: 2.6087%;
    margin-right: 0%;
    margin-left: 3.42029%
}
@media (min-width: 25.875em) {
    .exploreModule .exploreModule__text {
        margin-left: 1.71014%;
        margin-top: 2.24rem
    }
}
@media (min-width: 48em) {
    .exploreModule .exploreModule__text {
        width: 40%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 2.03098%;
        margin-right: 0%;
        margin-top: 3.2rem
    }
}
@media (min-width: 64em) {
    .exploreModule .exploreModule__text {
        width: 30%;
        float: left;
        margin-right: 1.28755%;
        margin-left: .84406%;
        margin-right: 0%;
        margin-top: 3.2rem
    }
}
@media (min-width: 73.75em) {
    .exploreModule .exploreModule__text {
        margin-top: 3.84rem
    }
}
@media (min-width: 82.5em) {
    .exploreModule .exploreModule__text {
        margin-top: 4rem
    }
}
@media (min-width: 101.5em) {
    .exploreModule .exploreModule__text {
        margin-top: 4.48rem;
        margin-left: .72215%
    }
}
.exploreModule .exploreModule__text h3,
.exploreModule .exploreModule__text h4 {
    text-transform: uppercase
}
.exploreModule .exploreModule__text h3 span,
.exploreModule .exploreModule__text h4 span {
    display: block
}
.exploreModule .exploreModule__text h4 {
    margin-bottom: 0
}
.exploreModule--saloni .exploreModule__tile .tileBg {
    background: url('../img/tiles/tile_salone_XSbaf7.jpg?1490813478') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.exploreModule--hairTrends .exploreModule__tile .tileBg {
    background: url('../img/tiles/tile_hairTrends_catwalk82cb.jpg?1491158714') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.shareButtons {
    margin: 0;
    padding: 0;
    position: relative;
    border: 0 none;
    background-color: transparent;
    text-align: left;
    width: 100%
}
.shareButtons__trigger {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -webkit-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
    display: inline-block;
    position: relative;
    width: 90px;
    line-height: 100%
}
@media (min-width: 64em) {
    .shareButtons__trigger {
        width: 35%;
        float: left;
        text-align: right;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
.shareButtons__trigger .shareTriggerText {
    font-size: .6243rem;
    line-height: .96rem;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px
}
@media all and (min-width: 25.875em) {
    .shareButtons__trigger .shareTriggerText {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .shareButtons__trigger .shareTriggerText {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .shareButtons__trigger .shareTriggerText {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .shareButtons__trigger .shareTriggerText {
        font-size: .66921rem
    }
}
.shareButtons__trigger .shareTriggerLine {
    position: relative;
    bottom: 4px;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000000;
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.shareButtons__trigger .shareTriggerIcon {
    width: 11px;
    height: 11px;
    display: inline-block;
    position: relative
}
.shareButtons__trigger .shareTriggerIcon .fi {
    display: block;
    font-size: 10px;
    line-height: 100%
}
.shareButtons__trigger:hover {
    cursor: pointer
}
.shareButtons__trigger:hover .shareTriggerLine {
    width: 25px;
    -moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.shareButtons--isActive .shareTriggerLine {
    width: 25px
}
.shareButtons-ul {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    width: 20px;
    height: 120px;
    margin-bottom: 60px
}
@media (min-width: 64em) {
    .shareButtons-ul {
        width: 60%;
        float: right;
        height: auto;
        margin: 0
    }
}
.shareButtons-li--item {
    text-align: center;
    line-height: 100%;
    padding-bottom: 12px;
    display: block;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
@media (min-width: 64em) {
    .shareButtons-li--item {
        float: left;
        padding-bottom: 0;
        padding-right: 12px
    }
}
.shareButtons-li--item a {
    color: #000000;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    -moz-transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.shareButtons-li--item a:hover {
    color: #000000;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -moz-transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color .4s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
.shareButtons-li--item a .fi {
    display: block;
    font-size: 17px;
    line-height: 100%
}
.burgerMenu {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
@media (min-width: 64em) {
    .burgerMenu {
        background-color: transparent;
        height: 200px
    }
}
@media (min-width: 101.5em) {
    .burgerMenu {
        height: 250px
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .burgerMenu {
        height: 140px
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .burgerMenu {
        height: 120px
    }
}
@media (min-width: 101.5em) and (max-height: 43.75em) {
    .burgerMenu {
        height: 140px
    }
}
.burgerMenu__button {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 13px 0
}
.burgerMenu__button.burgerMenu__button--desktop {
    display: none
}
@-moz-keyframes animateBurgerPatty--former {
    100%,
    0% {
        width: 100%;
        left: 0%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        left: -10%
    }
    41% {
        left: 70%;
        -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        left: 50%;
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-webkit-keyframes animateBurgerPatty--former {
    100%,
    0% {
        width: 100%;
        left: 0%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        left: -10%
    }
    41% {
        left: 70%;
        -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        left: 50%;
        width: 10%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@keyframes animateBurgerPatty--former {
    100%,
    0% {
        width: 100%;
        left: 0%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        left: -10%
    }
    41% {
        left: 70%;
        -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        left: 50%;
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-moz-keyframes animateBurgerPatty--latter {
    100%,
    0% {
        width: 100%;
        right: 0%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        right: -10%
    }
    41% {
        right: 70%;
        -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        right: 50%;
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-webkit-keyframes animateBurgerPatty--latter {
    100%,
    0% {
        width: 100%;
        right: 0%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        right: -10%
    }
    41% {
        right: 70%;
        -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        right: 50%;
        width: 10%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@keyframes animateBurgerPatty--latter {
    100%,
    0% {
        width: 100%;
        right: 0%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    40% {
        width: 0;
        right: -10%
    }
    41% {
        right: 70%;
        -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)
    }
    60% {
        right: 50%;
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-moz-keyframes animateBurgerPatty--formerClose {
    100%,
    0% {
        width: 100%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    55% {
        width: 0
    }
    60% {
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-webkit-keyframes animateBurgerPatty--formerClose {
    100%,
    0% {
        width: 100%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    55% {
        width: 0
    }
    60% {
        width: 10%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@keyframes animateBurgerPatty--formerClose {
    100%,
    0% {
        width: 100%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    55% {
        width: 0
    }
    60% {
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-moz-keyframes animateBurgerPatty--latterClose {
    100%,
    0% {
        width: 100%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    55% {
        width: 0
    }
    60% {
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@-webkit-keyframes animateBurgerPatty--latterClose {
    100%,
    0% {
        width: 100%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    55% {
        width: 0
    }
    60% {
        width: 10%;
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@keyframes animateBurgerPatty--latterClose {
    100%,
    0% {
        width: 100%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
    55% {
        width: 0
    }
    60% {
        width: 10%;
        -moz-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
    }
}
@media (min-width: 22.5em) {
    .burgerMenu__button {
        padding: 15px 0
    }
}
@media (min-width: 64em) {
    .burgerMenu__button {
        padding: 10px;
        width: 50px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    .burgerMenu__button.burgerMenu__button--desktop {
        display: block
    }
    .burgerMenu__button.burgerMenu__button--mobile {
        display: none
    }
    .burgerMenu__button:hover .burgerPatty--former {
        -moz-animation: animateBurgerPatty--former 0.6s;
        -webkit-animation: animateBurgerPatty--former 0.6s;
        animation: animateBurgerPatty--former 0.6s
    }
    .burgerMenu__button:hover .burgerPatty--latter {
        -moz-animation: animateBurgerPatty--latter 0.6s;
        -webkit-animation: animateBurgerPatty--latter 0.6s;
        animation: animateBurgerPatty--latter 0.6s
    }
    .burgerMenu__button.burgerMenu__button--isActive:hover .burgerPatty--former {
        -moz-animation: animateBurgerPatty--formerClose 0.6s;
        -webkit-animation: animateBurgerPatty--formerClose 0.6s;
        animation: animateBurgerPatty--formerClose 0.6s
    }
    .burgerMenu__button.burgerMenu__button--isActive:hover .burgerPatty--latter {
        -moz-animation: animateBurgerPatty--latterClose 0.6s;
        -webkit-animation: animateBurgerPatty--latterClose 0.6s;
        animation: animateBurgerPatty--latterClose 0.6s
    }
}
.burgerPatty {
    -moz-transition: all .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all .6s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 30px;
    height: 2px;
    max-width: 30px !important;
    margin: 0 auto 6px;
    background-color: #000000;
    position: relative
}
@media (min-width: 22.5em) {
    .burgerPatty {
        width: 32px;
        max-width: 32px !important
    }
}
@media (min-width: 64em) {
    .burgerPatty {
        height: 3px;
        width: 100%;
        max-width: 100% !important
    }
}
.burgerPatty--latter {
    margin-bottom: 0
}
.mainNav {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity .4s ease, visibility 0s ease .4s;
    -o-transition: opacity .4s ease, visibility 0s ease .4s;
    -webkit-transition: opacity .4s ease, visibility 0s ease;
    -webkit-transition-delay: 0s, .4s;
    transition: opacity .4s ease, visibility 0s ease .4s
}
@media (min-width: 64em) {
    .mainNav {
        padding-left: 210px
    }
}
@media (min-width: 101.5em) {
    .mainNav {
        padding-left: 220px
    }
}
@media (min-width: 137.5em) {
    .mainNav {
        padding-left: 320px
    }
}
.mainNav:before {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    height: 100%;
    width: 28%;
    background-image: url('../img/misc/bg_pattern0e2d.png?1489256681');
    background-position: left top;
    background-repeat: repeat;
    -webkit-background-size: 140px 140px;
    -moz-background-size: 140px 140px;
    -o-background-size: 140px 140px;
    background-size: 140px 140px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .mainNav:before {
        background-image: url('../img/misc/bg_pattern%402xda82.png?1489256822');
        -webkit-background-size: 140px 140px;
        -moz-background-size: 140px 140px;
        -o-background-size: 140px 140px;
        background-size: 140px 140px;
        background-position: left top;
        background-repeat: repeat
    }
}
@media (min-width: 48em) {
    .mainNav:before {
        width: 28%
    }
}
@media (min-width: 64em) {
    .mainNav:before {
        width: 28%
    }
}
@media (min-width: 101.5em) {
    .mainNav:before {
        width: 28%
    }
}
.mainNav--active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
    -moz-transition: opacity .6s ease .5s;
    -o-transition: opacity .6s ease .5s;
    -webkit-transition: opacity .6s ease;
    -webkit-transition-delay: .5s;
    transition: opacity .6s ease .5s
}
.mainNav__contentEntries {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 12.8rem 0 0 2.56rem
}
@media (min-width: 25.875em) {
    .mainNav__contentEntries {
        padding: 14.4rem 0 0 2.88rem
    }
}
@media (min-width: 48em) {
    .mainNav__contentEntries {
        padding: 28.8rem 0 0 33.99312%
    }
}
@media (min-width: 64em) {
    .mainNav__contentEntries {
        padding: 27.2rem 0 0 5.6rem
    }
}
@media (min-width: 101.5em) {
    .mainNav__contentEntries {
        padding: 28.8rem 0 0 8.8rem
    }
}
@media (min-width: 137.5em) {
    .mainNav__contentEntries {
        padding: 33.6rem 0 0 9.6rem
    }
}
@media (min-width: 64em) and (max-height: 52.5em) {
    .mainNav__contentEntries {
        padding: 19.2rem 0 0 5.6rem
    }
}
@media (min-width: 64em) and (max-height: 40.625em) {
    .mainNav__contentEntries {
        padding: 14.4rem 0 0 7.2rem
    }
}
@media (min-width: 101.5em) and (max-height: 43.75em) {
    .mainNav__contentEntries {
        padding: 19.2rem 0 0 7.2rem
    }
}
.relatedImage {
    display: none
}
@media (min-width: 48em) {
    .relatedImage {
        position: absolute;
        width: 41.10155%;
        height: 380px;
        right: 0;
        top: 1.6rem;
        max-width: 440px;
        display: block
    }
}
@media (min-width: 64em) {
    .relatedImage {
        width: 36.69528%;
        right: 19.81402%;
        top: 3.2rem;
        height: 460px
    }
}
@media (min-width: 101.5em) {
    .relatedImage {
        width: 31.39535%;
        right: 27.78458%;
        top: 4rem;
        height: 480px
    }
}
@media (min-width: 137.5em) {
    .relatedImage {
        width: 31.39535%;
        right: 38.61689%;
        top: 4rem;
        height: 520px
    }
}
.relatedImage__shadow {
    display: block;
    width: 0;
    height: 108%;
    position: absolute;
    top: -4%;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
.relatedImage__bg {
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}
.relatedImage__bg.relatedImage__bg--home {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/hero/intro_maskd3bc.jpg?1465516289') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__bg.relatedImage__bg--hair-trends {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/tiles/tile_hairTrends_women8481.jpg?1491850643') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/tiles/tile_hairTrends_women8481.jpg?1491850643') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_hairTrends_women8481.jpg?1491850643') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_hairTrends_women8481.jpg?1491850643') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_hairTrends_women8481.jpg?1491850643') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__bg.relatedImage__bg--saloni {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/tiles/tile_salone_barberbaf7.jpg?1490813478') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/tiles/tile_salone_barberbaf7.jpg?1490813478') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_salone_barberbaf7.jpg?1490813478') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_salone_barberbaf7.jpg?1490813478') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_salone_barberbaf7.jpg?1490813478') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__bg.relatedImage__bg--prodotti {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/tiles/tile_prodotti8481.jpg?1491850643') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/tiles/tile_prodotti8481.jpg?1491850643') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_prodotti8481.jpg?1491850643') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_prodotti8481.jpg?1491850643') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_prodotti8481.jpg?1491850643') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__bg.relatedImage__bg--news {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/tiles/tile_news1aa9.jpg?1494603261') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/tiles/tile_news1aa9.jpg?1494603261') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_news1aa9.jpg?1494603261') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_news1aa9.jpg?1494603261') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_news1aa9.jpg?1494603261') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__bg.relatedImage__bg--about {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/tiles/tile_aboutd1ec.jpg?1466098542') no-repeat scroll center center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/tiles/tile_aboutd1ec.jpg?1466098542') no-repeat scroll center center;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_aboutd1ec.jpg?1466098542') no-repeat scroll center center;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_aboutd1ec.jpg?1466098542') no-repeat scroll center center;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_aboutd1ec.jpg?1466098542') no-repeat scroll center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__bg.relatedImage__bg--social-wall {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOWE5NiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU1ZTIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('../img/tiles/tile_community1aa9.jpg?1494603261') center center no-repeat scroll;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(172, 154, 150, 0.1)), color-stop(100%, rgba(237, 229, 226, 0.1))), url('../img/tiles/tile_community1aa9.jpg?1494603261') center center no-repeat scroll;
    background: -moz-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_community1aa9.jpg?1494603261') center center no-repeat scroll;
    background: -webkit-linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_community1aa9.jpg?1494603261') center center no-repeat scroll;
    background: linear-gradient(rgba(172, 154, 150, 0.1), rgba(237, 229, 226, 0.1)), url('../img/tiles/tile_community1aa9.jpg?1494603261') center center no-repeat scroll;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.relatedImage__glide {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
.listMenu-ul {
    display: inline-block
}
.listMenu-li {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: relative;
    display: block;
    text-align: left;
    padding: 4px 0
}
.listMenu-li__link {
    margin: 0;
    padding: 0;
    line-height: normal;
    overflow: hidden;
    position: relative;
    border: 0 none;
    text-decoration: none;
    cursor: pointer
}
.listMenu-li__link .lmLinkBg {
    -moz-transition: height .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -o-transition: height .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -webkit-transition: height .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: height .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    position: absolute;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    ;
    width: 70%;
    height: 0%;
    bottom: -10%;
    left: -8px
}
.listMenu-li__link .lmLinkText {
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.36rem;
    text-transform: uppercase;
    position: relative;
    font-weight: normal;
    letter-spacing: 3.5px;
    color: #000000
}
@media all and (min-width: 25.875em) {
    .listMenu-li__link .lmLinkText {
        font-size: 1.125rem
    }
}
@media all and (min-width: 48em) {
    .listMenu-li__link .lmLinkText {
        font-size: 1.24456rem
    }
}
@media all and (min-width: 64em) {
    .listMenu-li__link .lmLinkText {
        font-size: 1.19544rem;
        line-height: 1.6rem
    }
}
@media all and (min-width: 101.5em) {
    .listMenu-li__link .lmLinkText {
        font-size: 1.22242rem
    }
}
.listMenu-li__link:hover,
.listMenu-li__link:active,
.listMenu-li__link:focus {
    text-decoration: none
}
.listMenu-li__link:hover {
    cursor: pointer
}
.listMenu-li__link:hover .lmLinkBg {
    -moz-transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
    height: 50%
}
.listMenu-li--current .lmLinkText {
    font-weight: bold
}
.slider {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}
.slider__buttons {
    display: block;
    z-index: 5;
    position: absolute;
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
.slider__buttons.isInView {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.slider__buttons button {
    display: block;
    position: relative;
    margin-bottom: 5px
}
@media (min-width: 48em) {
    .slider__buttons button {
        margin-bottom: 10px
    }
}
@media (min-width: 64em) {
    .slider__buttons button {
        margin-bottom: 12px
    }
}
.slider__buttons .prevSlideBtn {
    left: 15px
}
@media (min-width: 64em) {
    .slider__buttons .prevSlideBtn {
        left: 20px;
        -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
    .slider__buttons .prevSlideBtn:hover {
        left: 15px;
        -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-animation: tada 400ms;
        -webkit-animation: tada 400ms;
        animation: tada 400ms;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}
@media (min-width: 64em) {
    .slider__buttons .nextSlideBtn {
        left: 0;
        -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
    .slider__buttons .nextSlideBtn:hover {
        left: 5px;
        -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-animation: tada 400ms;
        -webkit-animation: tada 400ms;
        animation: tada 400ms;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}
.slider__buttons .fi {
    position: relative;
    line-height: 100%;
    font-size: 25px
}
.slide {
    width: 100%;
    height: 100%
}
.slide__content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.slide__content .slideBackground {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll
}
.slide__content .imgViewr {
    display: block;
    width: 100%;
    height: 100%
}
.slider--welcome .slider__tile--latter {
    z-index: 1;
    position: absolute;
    bottom: 0;
    height: 250px;
    width: 48.69565%;
    right: 5.94203%
}
@media (min-width: 25.875em) {
    .slider--welcome .slider__tile--latter {
        height: 300px;
        width: 48.69565%
    }
}
@media (min-width: 48em) {
    .slider--welcome .slider__tile--latter {
        height: 400px;
        width: 33.99312%;
        right: 3.5284%
    }
}
@media (min-width: 64em) {
    .slider--welcome .slider__tile--latter {
        height: 480px;
        width: 29.9375%;
        right: 7.8125%
    }
}
@media (min-width: 101.5em) {
    .slider--welcome .slider__tile--latter {
        height: 560px;
        width: 25.27704%;
        right: 10.48813%;
        bottom: -0.8rem
    }
}
@media (min-width: 137.5em) {
    .slider--welcome .slider__tile--latter {
        height: 640px;
        width: 27.41059%;
        right: 19.81402%;
        bottom: -1.28rem
    }
}
.slider--welcome .slider__tile--former {
    z-index: 2;
    position: relative;
    margin-left: 0.1%;
    width: 82.89855%;
    float: left;
    margin-right: 2.6087%;
    margin-bottom: 3.2rem;
    height: 250px
}
@media (min-width: 25.875em) {
    .slider--welcome .slider__tile--former {
        height: 300px;
        width: 82.89855%;
        float: left;
        margin-right: 2.6087%
    }
}
@media (min-width: 48em) {
    .slider--welcome .slider__tile--former {
        height: 400px;
        width: 69.53528%;
        float: left;
        margin-right: 1.54905%;
        margin-bottom: 4rem
    }
}
@media (min-width: 64em) {
    .slider--welcome .slider__tile--former {
        height: 600px;
        width: 90%;
        float: left;
        margin-right: 1.40625%;
        margin-left: 0
    }
}
@media (min-width: 101.5em) {
    .slider--welcome .slider__tile--former {
        height: 560px;
        width: 68.86544%;
        float: left;
        margin-right: 1.18734%
    }
}
@media (min-width: 137.5em) {
    .slider--welcome .slider__tile--former {
        height: 640px;
        width: 62.01717%;
        float: left;
        margin-right: 1.28755%
    }
}
.slider--welcome .slider__buttons {
    top: 100%;
    right: 17.91304%
}
@media (min-width: 48em) {
    .slider--welcome .slider__buttons {
        right: 19.77625%
    }
}
@media (min-width: 64em) {
    .slider--welcome .slider__buttons {
        right: 29.01563%
    }
}
@media (min-width: 101.5em) {
    .slider--welcome .slider__buttons {
        right: 29.94723%
    }
}
@media (min-width: 137.5em) {
    .slider--welcome .slider__buttons {
        right: 32.47496%;
        top: 105%
    }
}
.slider--hairTrends:before {
    content: "";
    height: 100%;
    width: 84.6087%;
    left: 11.07246%;
    top: 3.2rem;
    position: absolute;
    -moz-box-shadow: rgba(255, 255, 255, 0.8) -15px -15px 0;
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) -15px -15px 0;
    box-shadow: rgba(255, 255, 255, 0.8) -15px -15px 0;
    background-color: #fff;
    z-index: 2
}
@media (min-width: 48em) {
    .slider--hairTrends:before {
        left: 8.60585%;
        width: 50%
    }
}
@media (min-width: 64em) {
    .slider--hairTrends:before {
        left: 11.37339%;
        -moz-box-shadow: rgba(255, 255, 255, 0.8) -20px -20px 0;
        -webkit-box-shadow: rgba(255, 255, 255, 0.8) -20px -20px 0;
        box-shadow: rgba(255, 255, 255, 0.8) -20px -20px 0
    }
}
@media (min-width: 101.5em) {
    .slider--hairTrends:before {
        left: 17.67442%;
        -moz-box-shadow: rgba(255, 255, 255, 0.8) -25px -25px 0;
        -webkit-box-shadow: rgba(255, 255, 255, 0.8) -25px -25px 0;
        box-shadow: rgba(255, 255, 255, 0.8) -25px -25px 0
    }
}
@media (min-width: 137.5em) {
    .slider--hairTrends:before {
        left: 21.28519%
    }
}
.slider--hairTrends .slider__tile--latter {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 320px;
    width: 48.69565%;
    left: 0.1%
}
@media (min-width: 25.875em) {
    .slider--hairTrends .slider__tile--latter {
        height: 340px
    }
}
@media (min-width: 48em) {
    .slider--hairTrends .slider__tile--latter {
        height: 400px;
        width: 33.99312%
    }
}
@media (min-width: 64em) {
    .slider--hairTrends .slider__tile--latter {
        height: 440px;
        width: 29.09871%
    }
}
@media (min-width: 101.5em) {
    .slider--hairTrends .slider__tile--latter {
        height: 480px;
        width: 24.89596%;
        left: 6.11995%
    }
}
@media (min-width: 137.5em) {
    .slider--hairTrends .slider__tile--latter {
        height: 580px;
        width: 22.00734%;
        left: 9.73072%
    }
}
.slider--hairTrends .slider__tile--former {
    z-index: 3;
    position: relative;
    width: 74.34783%;
    float: left;
    margin-right: 2.6087%;
    height: 360px;
    margin-top: 8rem;
    margin-left: 20.52174%
}
@media (min-width: 25.875em) {
    .slider--hairTrends .slider__tile--former {
        height: 380px
    }
}
@media (min-width: 48em) {
    .slider--hairTrends .slider__tile--former {
        height: 480px;
        width: 67.5043%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 30.46472%;
        margin-top: 6.4rem
    }
}
@media (min-width: 64em) {
    .slider--hairTrends .slider__tile--former {
        height: 550px;
        width: 62.01717%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 35.45064%;
        margin-top: 5.6rem
    }
}
@media (min-width: 101.5em) {
    .slider--hairTrends .slider__tile--former {
        height: 620px;
        width: 53.05998%;
        float: left;
        margin-right: 1.10159%;
        margin-left: 39.71848%
    }
}
@media (min-width: 137.5em) {
    .slider--hairTrends .slider__tile--former {
        height: 720px
    }
}
.slider--hairTrends .slider__tile--former .slide__content .slideBackground {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.slider--hairTrends .slider__buttons {
    top: 3.68rem;
    right: 17.91304%
}
@media (min-width: 25.875em) {
    .slider--hairTrends .slider__buttons {
        right: 14.49275%
    }
}
@media (min-width: 48em) {
    .slider--hairTrends .slider__buttons {
        right: inherit;
        left: 18.76076%;
        top: 5.6rem
    }
}
@media (min-width: 64em) {
    .slider--hairTrends .slider__buttons {
        left: 22.34621%
    }
}
@media (min-width: 101.5em) {
    .slider--hairTrends .slider__buttons {
        left: 29.22889%
    }
}
@media (min-width: 137.5em) {
    .slider--hairTrends .slider__buttons {
        left: 32.1175%
    }
}
.slider--saloni .slider__tile--latter {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 200px;
    width: 48.69565%;
    left: 1.12rem
}
@media (min-width: 25.875em) {
    .slider--saloni .slider__tile--latter {
        height: 250px;
        width: 40.14493%
    }
}
@media (min-width: 48em) {
    .slider--saloni .slider__tile--latter {
        height: 300px;
        width: 28.91566%;
        left: 6.57487%
    }
}
@media (min-width: 64em) {
    .slider--saloni .slider__tile--latter {
        height: 350px;
        width: 28.25465%;
        left: 7.15308%
    }
}
@media (min-width: 101.5em) {
    .slider--saloni .slider__tile--latter {
        height: 400px;
        width: 24.17381%;
        left: 7.56426%
    }
}
@media (min-width: 137.5em) {
    .slider--saloni .slider__tile--latter {
        height: 480px;
        width: 20.56304%;
        left: 9.73072%
    }
}
.slider--saloni .slider__tile--former {
    z-index: 3;
    position: relative;
    width: 74.34783%;
    float: left;
    margin-right: 2.6087%;
    height: 250px;
    margin-top: 4.8rem;
    margin-left: 20.52174%
}
@media (min-width: 25.875em) {
    .slider--saloni .slider__tile--former {
        height: 300px;
        margin-top: 6.4rem
    }
}
@media (min-width: 48em) {
    .slider--saloni .slider__tile--former {
        height: 400px;
        width: 69.53528%;
        float: left;
        margin-right: 1.54905%;
        margin-left: 20.30981%;
        margin-top: 6.4rem
    }
}
@media (min-width: 64em) {
    .slider--saloni .slider__tile--former {
        height: 480px;
        width: 66.23748%;
        float: left;
        margin-right: 1.28755%;
        margin-left: 25.32189%;
        margin-top: 5.6rem
    }
}
@media (min-width: 101.5em) {
    .slider--saloni .slider__tile--former {
        height: 560px;
        width: 63.89229%;
        float: left;
        margin-right: 1.10159%;
        margin-left: 21.66463%
    }
}
@media (min-width: 137.5em) {
    .slider--saloni .slider__tile--former {
        height: 740px;
        width: 53.05998%;
        float: left;
        margin-right: 1.10159%;
        margin-left: 25.2754%
    }
}
.slider--saloni .slider__tile--former .slide__content .slideBackground {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.slider--saloni .slider__buttons {
    top: 1.6rem;
    right: 17.91304%
}
@media (min-width: 25.875em) {
    .slider--saloni .slider__buttons {
        right: 14.49275%
    }
}
@media (min-width: 48em) {
    .slider--saloni .slider__buttons {
        right: 18.76076%;
        top: 1.28rem
    }
}
@media (min-width: 64em) {
    .slider--saloni .slider__buttons {
        right: 24.03433%;
        top: .8rem
    }
}
@media (min-width: 101.5em) {
    .slider--saloni .slider__buttons {
        right: 27.06242%
    }
}
@media (min-width: 137.5em) {
    .slider--saloni .slider__buttons {
        right: 26.34027%
    }
}
.loadingScreen {
    display: block;
    position: fixed;
    z-index: 100020;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: transparent;
    -moz-transition: opacity .5s, visibility 0s .5s;
    -o-transition: opacity .5s, visibility 0s .5s;
    -webkit-transition: opacity .5s, visibility 0s;
    -webkit-transition-delay: 0s, .5s;
    transition: opacity .5s, visibility 0s .5s;
    background-image: url('../img/misc/bg_pattern--black7c6c.png?1491498212');
    background-position: left top;
    background-repeat: repeat;
    -webkit-background-size: 140px 140px;
    -moz-background-size: 140px 140px;
    -o-background-size: 140px 140px;
    background-size: 140px 140px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .loadingScreen {
        background-image: url('../img/misc/bg_pattern--black%402x7c6c.png?1491498212');
        -webkit-background-size: 140px 140px;
        -moz-background-size: 140px 140px;
        -o-background-size: 140px 140px;
        background-size: 140px 140px;
        background-position: left top;
        background-repeat: repeat
    }
}
.loadingScreen--isActive {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #000000
}
.loadingScreen__content {
    position: absolute;
    background-color: #000000;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 45%
}
@media (min-width: 48em) {
    .loadingScreen__content {
        height: 100px;
        width: 100px
    }
}
@media (min-width: 64em) {
    .loadingScreen__content {
        height: 120px;
        width: 120px;
        top: 50%
    }
}
@media (min-width: 101.5em) {
    .loadingScreen__content {
        height: 140px;
        width: 140px
    }
}
.bl_loading_logo {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.bl_loading_logo svg {
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: visible;
    max-width: 100%;
    height: auto
}
.bl_loading_logo svg #loadingSiteLogomark {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}
.canvasGrid {
    display: block;
    position: fixed;
    pointer-events: none;
    top: 0;
    right: 0;
    height: 100%;
    width: 28%;
    -moz-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: width .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-image: url('../img/misc/bg_pattern0e2d.png?1489256681');
    background-position: left top;
    background-repeat: repeat;
    -webkit-background-size: 140px 140px;
    -moz-background-size: 140px 140px;
    -o-background-size: 140px 140px;
    background-size: 140px 140px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .canvasGrid {
        background-image: url('../img/misc/bg_pattern%402xda82.png?1489256822');
        -webkit-background-size: 140px 140px;
        -moz-background-size: 140px 140px;
        -o-background-size: 140px 140px;
        background-size: 140px 140px;
        background-position: left top;
        background-repeat: repeat
    }
}
.saloni:not(.principale):not(.xs):not(.eco-xs) .canvasGrid {
    right: inherit;
    left: 0
}
@media (min-width: 48em) {
    .canvasGrid {
        width: 28%
    }
}
@media (min-width: 64em) {
    .canvasGrid {
        width: 28%
    }
    .saloni:not(.principale):not(.xs):not(.eco-xs) .canvasGrid {
        right: 0;
        left: inherit
    }
    .canvasGrid:before {
        content: '';
        width: 190px;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        position: fixed
    }
}
@media (min-width: 101.5em) {
    .canvasGrid {
        width: 28%
    }
}
.loadingPage .canvasGrid {
    width: 0%
}
.spinner {
    display: none;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 100010;
    width: 60px;
    height: 60px;
    position: fixed;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}
@media (min-width: 64em) {
    .spinner {
        width: 80px;
        height: 80px
    }
}
.is-loadingData .spinner {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity .3s ease .4s;
    -o-transition: opacity .3s ease .4s;
    -webkit-transition: opacity .3s ease;
    -webkit-transition-delay: .4s;
    transition: opacity .3s ease .4s
}
.spinner .loader {
    position: relative;
    margin: 0px auto;
    width: 60px;
    height: 60px
}
@media (min-width: 64em) {
    .spinner .loader {
        width: 70px;
        height: 70px
    }
}
.spinner .loader:before {
    content: '';
    display: block;
    padding-top: 100%
}
@-moz-keyframes rotate {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes rotate {
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}
@-moz-keyframes color {
    100%,
    0% {
        stroke: #8D8380
    }
    40% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,596a72+4,cedce7+86,cedce7+86,cedce7+100,596a72+100,596a72+100,cedce7+100 */
        background: #596a72;
        /* Old browsers */
        background: -moz-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7', GradientType=0);
        /* IE6-9 */
    }
    66% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
        background: #eeeeee;
        /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
        /* IE6-9 */
    }
    75%,
    90% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,596a72+4,cedce7+86,cedce7+86,cedce7+100,596a72+100,596a72+100,cedce7+100 */
        background: #596a72;
        /* Old browsers */
        background: -moz-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7', GradientType=0);
        /* IE6-9 */
    }
}
@-webkit-keyframes color {
    100%,
    0% {
        stroke: #8D8380
    }
    40% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,596a72+4,cedce7+86,cedce7+86,cedce7+100,596a72+100,596a72+100,cedce7+100 */
        background: #596a72;
        /* Old browsers */
        background: -moz-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7', GradientType=0);
        /* IE6-9 */
    }
    66% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
        background: #eeeeee;
        /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
        /* IE6-9 */
    }
    75%,
    90% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,596a72+4,cedce7+86,cedce7+86,cedce7+100,596a72+100,596a72+100,cedce7+100 */
        background: #596a72;
        /* Old browsers */
        background: -moz-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7', GradientType=0);
        /* IE6-9 */
    }
}
@keyframes color {
    100%,
    0% {
        stroke: #8D8380
    }
    40% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,596a72+4,cedce7+86,cedce7+86,cedce7+100,596a72+100,596a72+100,cedce7+100 */
        background: #596a72;
        /* Old browsers */
        background: -moz-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7', GradientType=0);
        /* IE6-9 */
    }
    66% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,d6d6d6+18,eeeeee+49,d6d6d6+83,cccccc+100 */
        background: #eeeeee;
        /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #eeeeee 0%, #d6d6d6 18%, #eeeeee 49%, #d6d6d6 83%, #cccccc 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
        /* IE6-9 */
    }
    75%,
    90% {
        stroke: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,596a72+4,cedce7+86,cedce7+86,cedce7+100,596a72+100,596a72+100,cedce7+100 */
        background: #596a72;
        /* Old browsers */
        background: -moz-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #596a72 0%, #596a72 4%, #cedce7 86%, #cedce7 86%, #cedce7 100%, #596a72 100%, #596a72 100%, #cedce7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7', GradientType=0);
        /* IE6-9 */
    }
}
.spinner .circular {
    -moz-animation: rotate 2s linear infinite;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.spinner .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -moz-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round
}
.changePageLoader {
    display: none;
    z-index: 100010;
    position: fixed;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    height: 65px;
    width: 65px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 45%
}
@media (min-width: 25.875em) {
    .changePageLoader {
        height: 70px;
        width: 70px
    }
}
@media (min-width: 48em) {
    .changePageLoader {
        height: 85px;
        width: 85px
    }
}
@media (min-width: 64em) {
    .changePageLoader {
        height: 100px;
        width: 100px;
        top: 50%
    }
}
@media (min-width: 101.5em) {
    .changePageLoader {
        height: 105px;
        width: 105px
    }
}
.loadingPage .changePageLoader {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity .3s ease .4s;
    -o-transition: opacity .3s ease .4s;
    -webkit-transition: opacity .3s ease;
    -webkit-transition-delay: .4s;
    transition: opacity .3s ease .4s
}
.changePageLoader__content {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}
.changePageLoader__content svg {
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: visible;
    max-width: 100%;
    height: auto
}

/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}
.lity.lity-opened {
    opacity: 1
}
.lity.lity-closed {
    opacity: 0
}
.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important
}
.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}
.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}
.lity-loading .lity-loader {
    opacity: 1
}
.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important
}
.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease
}
.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}
.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1
}
.lity-close {
    display: block;
    position: fixed;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #000000;
    text-decoration: none;
    line-height: 1
}
.lity-close:hover {
    cursor: pointer
}
.lity-close:after {
    content: "\f110";
    font-family: "Flaticon";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px
}
.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.lity-hide {
    display: none
}
@keyframes smartphoto {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes smartphoto-img-wrap {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes smartphoto-inner {
    from {
        transform: translate(0, 100px)
    }
    to {
        transform: translate(0, 0)
    }
}
@keyframes smartphoto-loader {
    0% {
        opacity: .4;
        transform: rotate(0deg)
    }
    50% {
        opacity: 1;
        transform: rotate(180deg)
    }
    100% {
        opacity: .4;
        transform: rotate(360deg)
    }
}
@keyframes smartphoto-appear {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
@keyframes smartphoto-hide {
    0% {
        display: block;
        opacity: 1
    }
    99% {
        display: block;
        opacity: 0
    }
    100% {
        display: none;
        opacity: 0
    }
}
.smartphoto {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 1;
    font-family: sans-serif;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    transition: all 0.3s ease-out;
    animation-name: smartphoto;
    animation-duration: .3s;
    animation-timing-function: ease-out
}
.smartphoto[aria-hidden="true"] {
    display: none
}
.smartphoto-close {
    opacity: 0
}
.smartphoto-count {
    display: none;
    color: #FFF;
    font-size: 16px
}
.smartphoto-header {
    display: block;
    box-sizing: border-box;
    position: fixed;
    z-index: 102;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 15px;
    background-color: transparent
}
.smartphoto-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.smartphoto-dismiss {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #000000;
    text-decoration: none;
    line-height: 1
}
.smartphoto-dismiss:after {
    content: "\f110";
    font-family: "Flaticon";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.smartphoto-body {
    position: relative;
    z-index: 102;
    width: 100%;
    height: 100%;
    margin: 0 auto
}
.smartphoto-inner {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top
}
.smartphoto-img {
    display: none;
    max-width: none;
    width: auto;
    height: auto;
    cursor: zoom-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform 0.3s ease-out;
    -webkit-user-drag: none
}
.smartphoto-img.active {
    display: block
}
.smartphoto-img-onmove {
    cursor: grab;
    cursor: -webkit-grab;
    transition: none
}
.smartphoto-img-elasticmove {
    transition: transform 0.3s ease-out
}
.smartphoto-img-wrap {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    animation-name: smartphoto-img-wrap;
    animation-duration: .3s;
    animation-timing-function: ease-out
}
.smartphoto-img-left {
    transform: translateX(150%) !important
}
.smartphoto-img-right {
    transform: translateX(-150%) !important
}
.smartphoto-arrows {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1002;
    top: 50%;
    left: 0;
    opacity: 1;
    animation-name: smartphoto-appear;
    animation-duration: .3s;
    animation-timing-function: ease-out
}
.smartphoto-arrows[aria-hidden="true"] {
    animation-name: smartphoto-hide;
    display: none
}
.smartphoto-arrows li {
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-name: smartphoto-appear
}
.smartphoto-arrows li:focus {
    outline: none
}
.smartphoto-arrows [aria-hidden="true"] {
    animation-name: smartphoto-hide;
    display: none
}
.smartphoto-arrows a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}
.smartphoto-arrow-right {
    right: 0;
    text-align: left
}
.smartphoto-arrow-right:after {
    content: "\f10c";
    font-family: "Flaticon";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.smartphoto-arrow-left {
    left: 0;
    text-align: right
}
.smartphoto-arrow-left:after {
    content: "\f106";
    font-family: "Flaticon";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.smartphoto-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    animation-name: smartphoto-appear;
    animation-duration: .3s;
    animation-timing-function: ease-out
}
.smartphoto-nav[aria-hidden="true"] {
    animation-name: smartphoto-hide;
    display: none
}
.smartphoto-nav ul {
    display: block;
    overflow-x: scroll;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}
.smartphoto-nav li {
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px
}
.smartphoto-nav a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    background-position: center center;
    background-size: cover;
    opacity: .5
}
.smartphoto-nav a:focus {
    opacity: .8
}
.smartphoto-nav a.current {
    opacity: 1
}
.smartphoto-nav img {
    width: auto;
    height: 100%
}
.smartphoto-list {
    list-style-type: none;
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap
}
.smartphoto-list li {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out
}
.smartphoto-list li:focus {
    outline: none
}
.smartphoto-list-onmove {
    transition: all 0.3s ease-out
}
.smartphoto-caption {

    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 0 50px;
    color: #000000;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis
}
.smartphoto-caption:focus {
    outline: none
}
.smartphoto-loader-wrap {
    display: block;
    position: relative;
    z-index: 103;
    width: 0;
    height: 0;
    transform: translate(50vw, 50vh)
}
.smartphoto-loader {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -25px;
    margin-left: -25px;
    border: 2px solid #8D8380;
    border-right-color: transparent;
    border-radius: 50%;
    animation: smartphoto-loader .5s infinite linear
}
.smartphoto-img-clone {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0
}
.smartphoto-sr-only {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0)
}
.dcsns ul,
.dcsns li {
    padding: 0;
    margin: 0;
    list-style: none !important;
    background: none
}
.socicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Flaticon";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #fff
}
.socicon:empty {
    width: 1em
}
[class^="socicon-"]:before,
[class*=" socicon-"]:before {
    font-family: "Flaticon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.socicon-facebook:before {
    content: "\f10b"
}
.socicon-twitter:before {
    content: "\f111"
}
.socicon-instagram:before {
    content: "\f100"
}
.dcsns-li .socicon {
    position: absolute;
    bottom: 4px;
    left: 8px;
    z-index: 3;
    top: auto
}
.dcsns-toolbar .filter li a {
    width: 26px;
    text-align: center
}
.dcsns {
    color: #444;
    list-style: none outside none;
    margin: 0;
    clear: both
}
.dcsns h1 {
    width: auto;
    position: relative
}
.dcsns h1,
.dcsns h2,
.dcsns h3 {
    line-height: 1.35em
}
.dcsns-content {
    position: relative;
    padding: 0
}
.dcsns-loading {
    background: url('../img/social_stream/loading_light8a9c.gif?1334100658') no-repeat 0 0;
    height: 24px;
    padding: 6px 0 0 30px;
    position: absolute;
    top: 10px;
    left: 10px
}
.dcsns-toolbar .dcsns-loading {
    right: 10px;
    left: auto
}
.stream {
    margin: 0 auto !important
}
.stream p {
    margin: 0;
    padding: 0
}
.stream li a {
    color: #2DB6E8
}
.stream li {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 11px;
    padding: 15px 0 35px 0;
    width: 100%;
    position: relative;
    margin: 0 12px 12px 0;
    font-size: .6243rem;
    line-height: .96rem
}
@media all and (min-width: 25.875em) {
    .stream li {
        font-size: .63169rem
    }
}
@media all and (min-width: 48em) {
    .stream li {
        font-size: .70722rem
    }
}
@media all and (min-width: 64em) {
    .stream li {
        font-size: .65444rem
    }
}
@media all and (min-width: 101.5em) {
    .stream li {
        font-size: .66921rem
    }
}
@media (min-width: 33.75em) {
    .stream li {
        margin-right: 2%;
        width: 48%
    }
}
.stream li .inner {
    overflow: hidden;
    padding: 0 15px
}
.stream li .icon {
    position: absolute;
    left: 3px;
    bottom: 0;
    z-index: 3
}
.stream li .section-intro {
    padding: 7px 0;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    z-index: 2
}
.stream li .clear {
    clear: both
}
.stream li .section-intro a {
    text-decoration: underline;
    color: #fff;
    margin-left: 35px
}
.stream li .section-title {
    display: block;
    font-weight: bold;
    margin-bottom: 3px
}
.stream li .section-title a {
    color: #555
}
.stream li .section-title a:hover {
    color: #2DB6E8
}
.stream li .section-thumb {
    float: left;
    margin: 0 7px 0 0
}
.stream li .section-thumb img,
.stream li .section-text img {
    display: none
}
.stream li .section-thumb img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff
}
.stream li .section-text {
    display: block;
    margin-bottom: 3px
}
.stream li .section-text br {
    display: block
}
.stream li .section-user {
    clear: both;
    display: block;
    font-style: italic;
    margin: 0 8px 5px 0;
    display: block;
    float: left;
    padding: 7px 0 0 15px;
    line-height: 12px;
    background: url('../img/social_stream/profile6eab.png?1334426932') no-repeat 0 7px
}
.stream li .meta {
    display: block;
    font-size: 90%;
    color: #999
}
.stream li .meta span {
    margin: 0 8px 5px 0;
    display: block;
    float: left;
    padding: 0 0 0 15px;
    line-height: 12px
}
.meta span.shares {
    background: url('../img/social_stream/sharesd4ba.png?1332903898') no-repeat 0 0;
    padding-left: 20px
}
.meta span.views {
    background: url('../img/social_stream/viewsc474.png?1332903584') no-repeat 0 0;
    padding-left: 18px
}
.meta span.likes {
    background: url('../img/social_stream/likesadbf.png?1332909786') no-repeat 0 0;
    padding-left: 16px
}
.meta span.comments {
    background: url('../img/social_stream/comments9114.png?1332904424') no-repeat 0 0
}
.meta span.users {
    background: url('../img/social_stream/usersf3fb.png?1332903840') no-repeat 0 0
}
.meta span.videos {
    background: url('../img/social_stream/videos6a8e.png?1332903766') no-repeat 0 0;
    padding-left: 16px
}
.stream li .section-meta {
    display: block;
    margin: 0;
    padding: 0;
    clear: both
}
.stream li .meta.item-comments {
    padding: 0 0 0 35px;
    margin: 0 0 5px 0;
    min-height: 30px;
    position: relative;
    clear: both;
    line-height: 1.3em
}
.stream li .meta.item-comments img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px
}
.stream li .meta.item-likes {
    padding: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
    line-height: 1.3em
}
.stream li .meta.item-likes img {
    float: left;
    margin: 0 5px 5px 0;
    width: 30px;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff
}
.stream li.dcsns-error {
    color: #990000
}
.stream li .section-share {
    display: block;
    margin: 0 0 5px 0;
    padding: 4px 0 0;
    float: right
}
.stream li .section-share a {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 2px 0 0;
    background: url('../img/social_stream/share8f68.png?1361719920') no-repeat 0 0
}
.stream li .section-share a.share-twitter {
    background-position: 0 -16px
}
.stream li .section-share a.share-reply {
    background-position: 0 -32px
}
.stream li .section-share a.share-retweet {
    background-position: 0 -48px
}
.stream li .section-share a.share-favorite {
    background-position: 0 -64px
}
.stream li .section-share a.share-google {
    background-position: 0 -80px
}
.stream li .section-share a.share-linkedin {
    background-position: 0 -96px
}
.stream li .section-share a.share-facebook:hover {
    background-position: -16px 0
}
.stream li .section-share a.share-twitter:hover {
    background-position: -16px -16px
}
.stream li .section-share a.share-reply:hover {
    background-position: -16px -32px
}
.stream li .section-share a.share-retweet:hover {
    background-position: -16px -48px
}
.stream li .section-share a.share-favorite:hover {
    background-position: -16px -64px
}
.stream li .section-share a.share-google:hover {
    background-position: -16px -80px
}
.stream li .section-share a.share-linkedin:hover {
    background-position: -16px -96px
}
.stream li.dcsns-twitter .section-share .share-facebook,
.stream li.dcsns-twitter .section-share .share-google,
.stream li.dcsns-twitter .section-share .share-linkedin,
.stream li.dcsns-twitter .section-share .share-twitter {
    display: none
}
.dcsns-toolbar {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative
}
#wall {
    padding-top: 15px
}
#wall .dcsns-toolbar {
    margin-bottom: 25px
}
#dcsns-filter.dc-center {
    float: left;
    padding-left: 50%;
    display: none;
    margin: 0
}
.dcsns-toolbar .filter {
    padding: 0;
    margin: 0 0 15px 0
}
.dcsns-toolbar .filter li {
    display: inline;
    background: none;
    padding: 0;
    margin: 0
}
.dcsns-toolbar .filter .link-all {
    color: #fff;
    height: 21px;
    padding: 7px 7px 4px 7px;
    text-shadow: 0 0 1px #555;
    font-weight: bold
}
.dcsns-toolbar .filter li a {
    padding: 4px 3px 0 3px;
    margin: 0 1px 1px 0;
    display: block;
    float: left;
    background: #777;
    height: 28px
}
.dcsns-toolbar .filter li img {
    margin: 0;
    height: 24px;
    width: 25px
}
.dcsns .controls {
    position: absolute;
    right: 0;
    top: 7px;
    height: 22px;
    padding: 0;
    z-index: 12
}
.dcsns .controls li {
    display: inline;
    background: none
}
.dcsns .controls a {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 0 0 2px;
    background: url('../img/social_stream/controls17a9.png?1334021866') no-repeat 0 0
}
.dcsns .controls .prev {
    background-position: -44px 0
}
.dcsns .controls .next {
    background-position: -66px 0
}
.dcsns .controls .play {
    background-position: 0 0
}
.dcsns .controls .pause {
    background-position: -22px 0
}
.dcsns .controls .prev:hover {
    background-position: -44px -22px
}
.dcsns .controls .next:hover {
    background-position: -66px -22px
}
.dcsns .controls .play:hover {
    background-position: 0 -22px
}
.dcsns .controls .pause:hover {
    background-position: -22px -22px
}
.stream li.dcsns-rss .section-intro,
.filter .f-rss a:hover,
.filter .f-rss a.iso-active {
    background-color: #FF9800
}
.stream li.dcsns-twitter .section-intro,
.filter .f-twitter a:hover,
.filter .f-twitter a.iso-active {
    background-color: #4ec2dc
}
.stream li.dcsns-facebook .section-intro,
.filter .f-facebook a:hover,
.filter .f-facebook a.iso-active {
    background-color: #3b5998
}
.stream li.dcsns-instagram .section-intro,
.filter .f-instagram a:hover,
.filter .f-instagram a.iso-active {
    background-color: #413A33
}
.stream li.dcsns-facebook .section-thumb img {
    max-width: 192px;
    margin-bottom: 5px
}
.stream li.dcsns-facebook .section-thumb img,
.stream li.dcsns-facebook .section-text img {
    display: block
}
.stream li.dcsns-facebook .section-text img {
    margin: 5px 7px 5px 0;
    float: left;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}
.stream li.dcsns-facebook .section-text a {
    margin-right: 4px;
    color: #444
}
.stream li.dcsns-facebook .section-text-fb a {
    display: none
}
.stream li.dcsns-facebook .meta {
    display: block;
    clear: both
}
.stream li.dcsns-facebook .meta.item-comments {
    padding: 0;
    min-height: auto
}
.stream li.dcsns-facebook .meta.item-comments a {
    display: block;
    margin: 0 0 2px 0
}
.stream li.dcsns-facebook .share-facebook {
    display: none
}
.stream li.dcsns-twitter .section-thumb {
    margin-top: 3px
}
.stream li.dcsns-twitter .section-thumb img {
    width: 48px;
    height: 48px;
    display: block
}
.stream li.dcsns-twitter .section-user {
    padding: 0;
    background: none
}
.stream li.dcsns-twitter .section-text img {
    margin: 5px 0 0;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}
.stream li.dcsns-twitter a {
    color: #000000
}
.stream li.dcsns-twitter .section-intro a,
.stream li.dcsns-twitter .section-intro a:hover {
    color: #fff
}
.stream li.dcsns-twitter .section-intro span a {
    text-decoration: none;
    margin-left: 0
}
.stream li.dcsns-twitter .section-intro span a:hover {
    text-decoration: underline
}
.stream li.dcsns-twitter a:hover {
    color: #000000;
    text-decoration: underline
}
.stream li.dcsns-twitter .twitter-user {
    margin-bottom: 2px;
    display: block
}
.stream li.dcsns-twitter .twitter-user a {
    color: #000000;
    line-height: 1.35em
}
.stream li.dcsns-twitter .twitter-user a:hover {
    color: #000000;
    text-decoration: none
}
.stream li.dcsns-twitter .twitter-user a strong {
    color: #000000
}
.stream li.dcsns-twitter .twitter-user a:hover strong {
    color: #000000 !important;
    text-decoration: underline
}
.stream li.dcsns-rss .section-thumb img {
    max-width: 192px
}
.stream li.dcsns-rss .section-text img {
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}
.stream li.dcsns-youtube .section-thumb img {
    max-width: 192px
}
.stream li.dcsns-vimeo .section-thumb img {
    max-width: 192px
}
.dcsns .stream li.dcsns-vimeo .section-title {
    display: block;
    clear: both
}
.stream li.dcsns-vimeo .section-text {
    margin-bottom: 5px
}
.stream li.dcsns-vimeo .section-text .meta {
    padding-top: 5px
}
.stream li.dcsns-vimeo .logo {
    margin-bottom: 3px
}
.stream li.dcsns-instagram {
    padding-bottom: 40px
}
.stream li.dcsns-instagram .section-title {
    font-weight: normal;
    clear: both
}
.stream li.dcsns-instagram .section-intro {
    display: none !important
}
.stream li.dcsns-instagram .socicon-instagram {
    display: none !important
}
.stream li.dcsns-instagram .section-thumb img {
    display: block;
    margin: 0 7px 5px 0;
    float: left;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}
.stream li.dcsns-instagram .meta {
    clear: both
}
.stream li.dcsns-instagram .section-meta .meta .comments,
.stream li.dcsns-instagram .section-meta .meta .likes {
    margin: 0 0 5px 0;
    padding-top: 5px;
    background-position: 0px 5px;
    float: none;
    font-size: 100%;
    font-weight: bold
}
.stream li.dcsns-foursquare .section-thumb img {
    max-width: 192px;
    margin-bottom: 5px;
    display: block
}
.modern .stream li {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    padding: 0;
    width: 100%;
    margin: 0 20px 20px 0;
    font-size: 14px;
    text-align: left;
    word-wrap: break-word
}
@media (min-width: 33.75em) {
    .modern .stream li {
        margin-right: 2%;
        width: 48%
    }
}
.modern .stream li .inner {
    padding: 0
}
.modern .stream li .section-thumb {
    margin: 0 0 20px 0;
    display: block;
    float: none
}
.modern .stream li .section-thumb img {
    max-width: 100% !important;
    width: 100% !important;
    background: none;
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    left: auto
}
.modern .stream li.dcsns-twitter .section-thumb {
    float: left;
    margin: 20px 10px 10px 20px
}
.modern .stream li.dcsns-twitter .section-thumb img {
    display: block;
    height: 48px !important;
    width: 48px !important
}
.modern .twitter-user {
    text-align: left !important;
    margin-top: 20px
}
.modern .twitter-text {
    clear: both;
    display: block
}
.modern .stream li.dcsns-tumblr .inner {
    padding-top: 20px
}
.modern .stream li .section-title {
    font-weight: normal
}
.modern .stream li .section-text,
.modern .stream li .section-user,
.modern .stream li .section-title {
    padding: 0 20px;
    margin: 0 0 20px 0
}
.modern .stream li .section-text img {
    max-width: 100% !important;
    width: 100% !important;
    background: none;
    border: none;
    padding: 0;
    float: none;
    margin: 0
}
.modern .stream li .meta {
    display: none
}
.modern .stream li .section-user {
    font-size: 12px;
    background: none;
    float: none;
    text-align: center
}
.modern .stream li .section-intro {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    display: block
}
.modern .stream li .section-intro a {
    margin: 0;
    text-decoration: none;
    padding: 0 5px
}
.modern .stream li .section-intro span {
    font-size: 12px
}
.modern .stream li .section-intro a.link-user {
    display: block
}
.modern .stream li .section-intro a.link-user:hover {
    color: #000000
}
.modern .stream li .section-intro a.link-intro {
    display: none
}
.modern .stream li .section-user {
    display: none
}
.modern .stream li .section-share {
    margin: 0 20px 20px 0;
    padding: 0
}
.modern .stream li .socicon {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 24px
}
.modern .stream li.dcsns-lastfm .section-title {
    background: url('../img/social_stream/tracksb917.png?1332903884') no-repeat 20px 3px;
    padding-left: 37px
}
.modern.dark .stream li,
.modern.dark .stream li .section-user,
.modern.dark .stream li .section-intro a,
.modern.dark .stream li .section-text a,
.modern.dark .stream li .section-intro span,
.modern.dark .stream li.dcsns-twitter .twitter-user a strong,
.modern.dark .stream li .socicon {
    color: #fff
}
.modern.dark .stream li .section-intro a:hover,
.modern.dark .stream li .section-title a:hover,
.modern.dark .stream li .section-text a:hover,
.stream li.dcsns-twitter .twitter-user a:hover strong {
    color: #4EC2DC
}
.modern.dark .stream li {
    background-color: #393939
}
.modern.dark .stream li .section-title a {
    color: #fff
}
.modern.dark .stream li .section-intro {
    background: #2C2C2C !important
}
.modern.light .stream li .section-intro a:hover,
.modern.light .stream li .section-title a:hover,
.modern.light .stream li .section-text a:hover,
.stream li.dcsns-twitter .twitter-user a:hover strong {
    color: #000000
}
.modern.light .stream li {
    background-color: #f7f3f2
}
.modern.light .stream li .section-intro {
    background-color: #f1ebe8 !important
}
.modern.light .stream li,
.modern.light .stream li .section-intro a,
.modern.light .stream li .section-intro span {
    color: #494949
}
.modern.light .stream li .socicon {
    color: #494949
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}



img.logo-do-jeans {
    width: 180px;
}


.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 480px) {
/* Styles */

img.logo-do-jeans {
    width: 70px;
}


.header__contentTop {
    background: #fff;
    height: 60px;
}

.intro {
    height: auto;
    max-height: 800px;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 15px 15px 50px;
}

.initSlider.initSlider--latter.animateInView.animateInView--pix.isInView {
    display: none;
}

.slider--welcome .slider__tile--former {
    z-index: 2;
    position: relative;
    margin-left: 0.1%;
    width: 100%;
    float: left;
    margin-right: 2.6087%;
    margin-bottom: 3.2rem;
    height: 250px;
}


.entryModule__welcomeText p {
    padding-left: 0;
    margin-bottom: 0;
}

.entryModule--saloni .entryModule__tile--latter {
    z-index: 1;
    position: relative;
    bottom: 4.8rem;
    height: 400px;
    width: 100%;
    /* left: 0.1%; */
    margin-top: 35%;
}

p
 {
    font-size: 1.1rem;
}
.entryModule__tile.entryModule__tile--former.slideDown--slow {
    display: none;
}


.entryModule--saloni .entryModule__text {
    position: relative;
    width: 100%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 29.33333%;
    display: block;
    text-align: left;
    z-index: 3;
}

.entryModule--hairTrends .entryModule__tile--latter {
    z-index: 1;
    margin-left: 0.1%;
    width: 100%;
    float: left;
    margin-right: 2.6087%;
    margin-bottom: 2.4rem;
    height: inherit;
}

.entryModule {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.entryModule--hairTrends .entryModule__text {
    position: relative;
    width: 80%;
    float: left;
    margin-right: 2.6087%;
    margin-left: 8.55072%;
    display: block;
    text-align: center;
    z-index: 3;
}


.entryModule--prodotti .entryModule__tile {
    width: 100%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0;
    height: 410px;
}

.entryModule--community .entryModule__tile {
    margin-left: .1%;
    width: 100%;
    float: left;
    margin-right: 1px;
    margin-bottom: 1.6rem;
    height: 180px;
}

.footer__content {
    padding: 1.6rem;
    width: 100%;
    /* float: right; */
    margin-right: 0;
}

.footer__brand {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-right: 2.6087%;
    padding-left: 1.6rem;
    padding-top: 1.6rem;
}

.contentEntry__body.animateInView.isInView {
    width: 90%;
}
.contentEntry__bottom {
    width: 100%;
    float: left;
    margin-right: 0;
    margin-top: 3.2rem;
    padding-left: 0;
}

.contentTop {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
.animateInView--pix {
    position: absolute;
     width: 100%; 
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    -moz-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
    -o-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
    -webkit-transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: .2s;
    transition: width .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s;
}

.hair-trends .contentTop--coverRight {
    margin-bottom: 0;
}

.slider--hairTrends .slider__tile--latter {
    z-index: 1;
    position: relative;
    top: 0;
    height: 0;
    width: 0;
    left: 0.1%;
}


.slider--hairTrends .slider__tile--former {
    z-index: 3;
    position: relative;
    width: 100%;
    float: left;
    margin-right: 2.6087%;
    height: 160px;
    margin-top: 8rem;
    margin-left: 0%;
}

}

.contentEntry {
    min-height: 450px;
}