div#bloc_newsletter{
              display:none !important;
        }
        
        .slider {
            margin-top: 0px;
        }

        @keyframes a {

            0%,
            20%,
            53%,
            80%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                transform: translateZ(0)
            }

            40%,
            43% {
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                transform: translate3d(0, -30px, 0)
            }

            70% {
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                transform: translate3d(0, -15px, 0)
            }

            90% {
                transform: translate3d(0, -4px, 0)
            }
        }

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

        @keyframes b {

            0%,
            50%,
            to {
                opacity: 1
            }

            25%,
            75% {
                opacity: 0
            }
        }

        .flash {
            animation-name: b
        }

        @keyframes c {
            0% {
                transform: scaleX(1)
            }

            50% {
                transform: scale3d(1.05, 1.05, 1.05)
            }

            to {
                transform: scaleX(1)
            }
        }

        .pulse {
            animation-name: c
        }

        @keyframes d {
            0% {
                transform: scaleX(1)
            }

            30% {
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                transform: scale3d(1.05, .95, 1)
            }

            to {
                transform: scaleX(1)
            }
        }

        .rubberBand {
            animation-name: d
        }

        @keyframes e {

            0%,
            to {
                transform: translateZ(0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translate3d(-10px, 0, 0)
            }

            20%,
            40%,
            60%,
            80% {
                transform: translate3d(10px, 0, 0)
            }
        }

        .shake {
            animation-name: e
        }

        @keyframes f {
            0% {
                transform: translateX(0)
            }

            6.5% {
                transform: translateX(-6px) rotateY(-9deg)
            }

            18.5% {
                transform: translateX(5px) rotateY(7deg)
            }

            31.5% {
                transform: translateX(-3px) rotateY(-5deg)
            }

            43.5% {
                transform: translateX(2px) rotateY(3deg)
            }

            50% {
                transform: translateX(0)
            }
        }

        .headShake {
            animation-timing-function: ease-in-out;
            animation-name: f
        }

        @keyframes g {
            20% {
                transform: rotate(15deg)
            }

            40% {
                transform: rotate(-10deg)
            }

            60% {
                transform: rotate(5deg)
            }

            80% {
                transform: rotate(-5deg)
            }

            to {
                transform: rotate(0deg)
            }
        }

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

        @keyframes h {
            0% {
                transform: scaleX(1)
            }

            10%,
            20% {
                transform: scale3d(.9, .9, .9) rotate(-3deg)
            }

            30%,
            50%,
            70%,
            90% {
                transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
            }

            40%,
            60%,
            80% {
                transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
            }

            to {
                transform: scaleX(1)
            }
        }

        .tada {
            animation-name: h
        }

        @keyframes i {
            0% {
                transform: translateZ(0)
            }

            15% {
                transform: translate3d(-25%, 0, 0) rotate(-5deg)
            }

            30% {
                transform: translate3d(20%, 0, 0) rotate(3deg)
            }

            45% {
                transform: translate3d(-15%, 0, 0) rotate(-3deg)
            }

            60% {
                transform: translate3d(10%, 0, 0) rotate(2deg)
            }

            75% {
                transform: translate3d(-5%, 0, 0) rotate(-1deg)
            }

            to {
                transform: translateZ(0)
            }
        }

        .wobble {
            animation-name: i
        }

        @keyframes j {

            0%,
            11.1%,
            to {
                transform: translateZ(0)
            }

            22.2% {
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }

            33.3% {
                transform: skewX(6.25deg) skewY(6.25deg)
            }

            44.4% {
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }

            55.5% {
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }

            66.6% {
                transform: skewX(-.78125deg) skewY(-.78125deg)
            }

            77.7% {
                transform: skewX(.39062deg) skewY(.39062deg)
            }

            88.8% {
                transform: skewX(-.19531deg) skewY(-.19531deg)
            }
        }

        .jello {
            animation-name: j;
            transform-origin: center
        }

        @keyframes k {
            0% {
                transform: scale(1)
            }

            14% {
                transform: scale(1.3)
            }

            28% {
                transform: scale(1)
            }

            42% {
                transform: scale(1.3)
            }

            70% {
                transform: scale(1)
            }
        }

        .heartBeat {
            animation-name: k;
            animation-duration: 1.3s;
            animation-timing-function: ease-in-out
        }

        @keyframes l {

            0%,
            20%,
            40%,
            60%,
            80%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: scale3d(.3, .3, .3)
            }

            20% {
                transform: scale3d(1.1, 1.1, 1.1)
            }

            40% {
                transform: scale3d(.9, .9, .9)
            }

            60% {
                opacity: 1;
                transform: scale3d(1.03, 1.03, 1.03)
            }

            80% {
                transform: scale3d(.97, .97, .97)
            }

            to {
                opacity: 1;
                transform: scaleX(1)
            }
        }

        .bounceIn {
            animation-duration: .75s;
            animation-name: l
        }

        @keyframes m {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(0, -3000px, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(0, 25px, 0)
            }

            75% {
                transform: translate3d(0, -10px, 0)
            }

            90% {
                transform: translate3d(0, 5px, 0)
            }

            to {
                transform: translateZ(0)
            }
        }

        .bounceInDown {
            animation-name: m
        }

        @keyframes n {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(-3000px, 0, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(25px, 0, 0)
            }

            75% {
                transform: translate3d(-10px, 0, 0)
            }

            90% {
                transform: translate3d(5px, 0, 0)
            }

            to {
                transform: translateZ(0)
            }
        }

        .bounceInLeft {
            animation-name: n
        }

        @keyframes o {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(3000px, 0, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(-25px, 0, 0)
            }

            75% {
                transform: translate3d(10px, 0, 0)
            }

            90% {
                transform: translate3d(-5px, 0, 0)
            }

            to {
                transform: translateZ(0)
            }
        }

        .bounceInRight {
            animation-name: o
        }

        @keyframes p {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(0, 3000px, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(0, -20px, 0)
            }

            75% {
                transform: translate3d(0, 10px, 0)
            }

            90% {
                transform: translate3d(0, -5px, 0)
            }

            to {
                transform: translateZ(0)
            }
        }

        .bounceInUp {
            animation-name: p
        }

        @keyframes q {
            20% {
                transform: scale3d(.9, .9, .9)
            }

            50%,
            55% {
                opacity: 1;
                transform: scale3d(1.1, 1.1, 1.1)
            }

            to {
                opacity: 0;
                transform: scale3d(.3, .3, .3)
            }
        }

        .bounceOut {
            animation-duration: .75s;
            animation-name: q
        }

        @keyframes r {
            20% {
                transform: translate3d(0, 10px, 0)
            }

            40%,
            45% {
                opacity: 1;
                transform: translate3d(0, -20px, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(0, 2000px, 0)
            }
        }

        .bounceOutDown {
            animation-name: r
        }

        @keyframes s {
            20% {
                opacity: 1;
                transform: translate3d(20px, 0, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(-2000px, 0, 0)
            }
        }

        .bounceOutLeft {
            animation-name: s
        }

        @keyframes t {
            20% {
                opacity: 1;
                transform: translate3d(-20px, 0, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(2000px, 0, 0)
            }
        }

        .bounceOutRight {
            animation-name: t
        }

        @keyframes u {
            20% {
                transform: translate3d(0, -10px, 0)
            }

            40%,
            45% {
                opacity: 1;
                transform: translate3d(0, 20px, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(0, -2000px, 0)
            }
        }

        .bounceOutUp {
            animation-name: u
        }

        @keyframes v {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .fadeIn {
            animation-name: v
        }

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

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInDown {
            animation-name: w
        }

        @keyframes x {
            0% {
                opacity: 0;
                transform: translate3d(0, -2000px, 0)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInDownBig {
            animation-name: x
        }

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

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInLeft {
            animation-name: y
        }

        @keyframes z {
            0% {
                opacity: 0;
                transform: translate3d(-2000px, 0, 0)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInLeftBig {
            animation-name: z
        }

        @keyframes A {
            0% {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInRight {
            animation-name: A
        }

        @keyframes B {
            0% {
                opacity: 0;
                transform: translate3d(2000px, 0, 0)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInRightBig {
            animation-name: B
        }

        @keyframes C {
            0% {
                opacity: 0;
                transform: translate3d(0, 100%, 0)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInUp {
            animation-name: C
        }

        @keyframes D {
            0% {
                opacity: 0;
                transform: translate3d(0, 2000px, 0)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .fadeInUpBig {
            animation-name: D
        }

        @keyframes E {
            0% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        .fadeOut {
            animation-name: E
        }

        @keyframes F {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(0, 100%, 0)
            }
        }

        .fadeOutDown {
            animation-name: F
        }

        @keyframes G {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(0, 2000px, 0)
            }
        }

        .fadeOutDownBig {
            animation-name: G
        }

        @keyframes H {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(-100%, 0, 0)
            }
        }

        .fadeOutLeft {
            animation-name: H
        }

        @keyframes I {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(-2000px, 0, 0)
            }
        }

        .fadeOutLeftBig {
            animation-name: I
        }

        @keyframes J {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }
        }

        .fadeOutRight {
            animation-name: J
        }

        @keyframes K {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(2000px, 0, 0)
            }
        }

        .fadeOutRightBig {
            animation-name: K
        }

        @keyframes L {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(0, -100%, 0)
            }
        }

        .fadeOutUp {
            animation-name: L
        }

        @keyframes M {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(0, -2000px, 0)
            }
        }

        .fadeOutUpBig {
            animation-name: M
        }

        @keyframes N {
            0% {
                transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                animation-timing-function: ease-out
            }

            40% {
                transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                animation-timing-function: ease-out
            }

            50% {
                transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                animation-timing-function: ease-in
            }

            80% {
                transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
                animation-timing-function: ease-in
            }

            to {
                transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
                animation-timing-function: ease-in
            }
        }

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

        @keyframes O {
            0% {
                transform: perspective(400px) rotateX(90deg);
                animation-timing-function: ease-in;
                opacity: 0
            }

            40% {
                transform: perspective(400px) rotateX(-20deg);
                animation-timing-function: ease-in
            }

            60% {
                transform: perspective(400px) rotateX(10deg);
                opacity: 1
            }

            80% {
                transform: perspective(400px) rotateX(-5deg)
            }

            to {
                transform: perspective(400px)
            }
        }

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

        @keyframes P {
            0% {
                transform: perspective(400px) rotateY(90deg);
                animation-timing-function: ease-in;
                opacity: 0
            }

            40% {
                transform: perspective(400px) rotateY(-20deg);
                animation-timing-function: ease-in
            }

            60% {
                transform: perspective(400px) rotateY(10deg);
                opacity: 1
            }

            80% {
                transform: perspective(400px) rotateY(-5deg)
            }

            to {
                transform: perspective(400px)
            }
        }

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

        @keyframes Q {
            0% {
                transform: perspective(400px)
            }

            30% {
                transform: perspective(400px) rotateX(-20deg);
                opacity: 1
            }

            to {
                transform: perspective(400px) rotateX(90deg);
                opacity: 0
            }
        }

        .flipOutX {
            animation-duration: .75s;
            animation-name: Q;
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important
        }

        @keyframes R {
            0% {
                transform: perspective(400px)
            }

            30% {
                transform: perspective(400px) rotateY(-15deg);
                opacity: 1
            }

            to {
                transform: perspective(400px) rotateY(90deg);
                opacity: 0
            }
        }

        .flipOutY {
            animation-duration: .75s;
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
            animation-name: R
        }

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

            60% {
                transform: skewX(20deg);
                opacity: 1
            }

            80% {
                transform: skewX(-5deg)
            }

            to {
                transform: translateZ(0)
            }
        }

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

        @keyframes T {
            0% {
                opacity: 1
            }

            to {
                transform: translate3d(100%, 0, 0) skewX(30deg);
                opacity: 0
            }
        }

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

        @keyframes U {
            0% {
                transform-origin: center;
                transform: rotate(-200deg);
                opacity: 0
            }

            to {
                transform-origin: center;
                transform: translateZ(0);
                opacity: 1
            }
        }

        .rotateIn {
            animation-name: U
        }

        @keyframes V {
            0% {
                transform-origin: left bottom;
                transform: rotate(-45deg);
                opacity: 0
            }

            to {
                transform-origin: left bottom;
                transform: translateZ(0);
                opacity: 1
            }
        }

        .rotateInDownLeft {
            animation-name: V
        }

        @keyframes W {
            0% {
                transform-origin: right bottom;
                transform: rotate(45deg);
                opacity: 0
            }

            to {
                transform-origin: right bottom;
                transform: translateZ(0);
                opacity: 1
            }
        }

        .rotateInDownRight {
            animation-name: W
        }

        @keyframes X {
            0% {
                transform-origin: left bottom;
                transform: rotate(45deg);
                opacity: 0
            }

            to {
                transform-origin: left bottom;
                transform: translateZ(0);
                opacity: 1
            }
        }

        .rotateInUpLeft {
            animation-name: X
        }

        @keyframes Y {
            0% {
                transform-origin: right bottom;
                transform: rotate(-90deg);
                opacity: 0
            }

            to {
                transform-origin: right bottom;
                transform: translateZ(0);
                opacity: 1
            }
        }

        .rotateInUpRight {
            animation-name: Y
        }

        @keyframes Z {
            0% {
                transform-origin: center;
                opacity: 1
            }

            to {
                transform-origin: center;
                transform: rotate(200deg);
                opacity: 0
            }
        }

        .rotateOut {
            animation-name: Z
        }

        @keyframes ab {
            0% {
                transform-origin: left bottom;
                opacity: 1
            }

            to {
                transform-origin: left bottom;
                transform: rotate(45deg);
                opacity: 0
            }
        }

        .rotateOutDownLeft {
            animation-name: ab
        }

        @keyframes bb {
            0% {
                transform-origin: right bottom;
                opacity: 1
            }

            to {
                transform-origin: right bottom;
                transform: rotate(-45deg);
                opacity: 0
            }
        }

        .rotateOutDownRight {
            animation-name: bb
        }

        @keyframes cb {
            0% {
                transform-origin: left bottom;
                opacity: 1
            }

            to {
                transform-origin: left bottom;
                transform: rotate(-45deg);
                opacity: 0
            }
        }

        .rotateOutUpLeft {
            animation-name: cb
        }

        @keyframes db {
            0% {
                transform-origin: right bottom;
                opacity: 1
            }

            to {
                transform-origin: right bottom;
                transform: rotate(90deg);
                opacity: 0
            }
        }

        .rotateOutUpRight {
            animation-name: db
        }

        @keyframes eb {
            0% {
                transform-origin: top left;
                animation-timing-function: ease-in-out
            }

            20%,
            60% {
                transform: rotate(80deg);
                transform-origin: top left;
                animation-timing-function: ease-in-out
            }

            40%,
            80% {
                transform: rotate(60deg);
                transform-origin: top left;
                animation-timing-function: ease-in-out;
                opacity: 1
            }

            to {
                transform: translate3d(0, 700px, 0);
                opacity: 0
            }
        }

        .hinge {
            animation-duration: 2s;
            animation-name: eb
        }

        @keyframes fb {
            0% {
                opacity: 0;
                transform: scale(.1) rotate(30deg);
                transform-origin: center bottom
            }

            50% {
                transform: rotate(-10deg)
            }

            70% {
                transform: rotate(3deg)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        .jackInTheBox {
            animation-name: fb
        }

        @keyframes gb {
            0% {
                opacity: 0;
                transform: translate3d(-100%, 0, 0) rotate(-120deg)
            }

            to {
                opacity: 1;
                transform: translateZ(0)
            }
        }

        .rollIn {
            animation-name: gb
        }

        @keyframes hb {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                transform: translate3d(100%, 0, 0) rotate(120deg)
            }
        }

        .rollOut {
            animation-name: hb
        }

        @keyframes ib {
            0% {
                opacity: 0;
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        .zoomIn {
            animation-name: ib
        }

        @keyframes jb {
            0% {
                opacity: 0;
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }

            60% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .zoomInDown {
            animation-name: jb
        }

        @keyframes kb {
            0% {
                opacity: 0;
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }

            60% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .zoomInLeft {
            animation-name: kb
        }

        @keyframes lb {
            0% {
                opacity: 0;
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }

            60% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .zoomInRight {
            animation-name: lb
        }

        @keyframes mb {
            0% {
                opacity: 0;
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }

            60% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .zoomInUp {
            animation-name: mb
        }

        @keyframes nb {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                transform: scale3d(.3, .3, .3)
            }

            to {
                opacity: 0
            }
        }

        .zoomOut {
            animation-name: nb
        }

        @keyframes ob {
            40% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }

            to {
                opacity: 0;
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform-origin: center bottom;
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .zoomOutDown {
            animation-name: ob
        }

        @keyframes pb {
            40% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }

            to {
                opacity: 0;
                transform: scale(.1) translate3d(-2000px, 0, 0);
                transform-origin: left center
            }
        }

        .zoomOutLeft {
            animation-name: pb
        }

        @keyframes qb {
            40% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }

            to {
                opacity: 0;
                transform: scale(.1) translate3d(2000px, 0, 0);
                transform-origin: right center
            }
        }

        .zoomOutRight {
            animation-name: qb
        }

        @keyframes rb {
            40% {
                opacity: 1;
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }

            to {
                opacity: 0;
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform-origin: center bottom;
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .zoomOutUp {
            animation-name: rb
        }

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

            to {
                transform: translateZ(0)
            }
        }

        .slideInDown {
            animation-name: sb
        }

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

            to {
                transform: translateZ(0)
            }
        }

        .slideInLeft {
            animation-name: tb
        }

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

            to {
                transform: translateZ(0)
            }
        }

        .slideInRight {
            animation-name: ub
        }

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

            to {
                transform: translateZ(0)
            }
        }

        .slideInUp {
            animation-name: vb
        }

        @keyframes wb {
            0% {
                transform: translateZ(0)
            }

            to {
                visibility: hidden;
                transform: translate3d(0, 100%, 0)
            }
        }

        .slideOutDown {
            animation-name: wb
        }

        @keyframes xb {
            0% {
                transform: translateZ(0)
            }

            to {
                visibility: hidden;
                transform: translate3d(-100%, 0, 0)
            }
        }

        .slideOutLeft {
            animation-name: xb
        }

        @keyframes yb {
            0% {
                transform: translateZ(0)
            }

            to {
                visibility: hidden;
                transform: translate3d(100%, 0, 0)
            }
        }

        .slideOutRight {
            animation-name: yb
        }

        @keyframes zb {
            0% {
                transform: translateZ(0)
            }

            to {
                visibility: hidden;
                transform: translate3d(0, -100%, 0)
            }
        }

        .slideOutUp {
            animation-name: zb
        }

        .animated {
            animation-duration: 1s;
            animation-fill-mode: both
        }

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

        .animated.delay-1s {
            animation-delay: 1s
        }

        .animated.delay-2s {
            animation-delay: 2s
        }

        .animated.delay-3s {
            animation-delay: 3s
        }

        .animated.delay-4s {
            animation-delay: 4s
        }

        .animated.delay-5s {
            animation-delay: 5s
        }

        .animated.fast {
            animation-duration: .8s
        }

        .animated.faster {
            animation-duration: .5s
        }

        .animated.slow {
            animation-duration: 2s
        }

        .animated.slower {
            animation-duration: 3s
        }

        @media (prefers-reduced-motion:reduce),
        (print) {
            .animated {
                animation-duration: 1ms !important;
                transition-duration: 1ms !important;
                animation-iteration-count: 1 !important
            }
        }

        .swiper-container {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1
        }

        .swiper-container-no-flexbox .swiper-slide {
            float: left
        }

        .swiper-container-vertical>.swiper-wrapper {
            -ms-flex-direction: column;
            flex-direction: column
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: -ms-flexbox;
            display: flex;
            transition-property: transform;
            box-sizing: content-box
        }

        .swiper-container-android .swiper-slide,
        .swiper-wrapper {
            transform: translateZ(0)
        }

        .swiper-container-multirow>.swiper-wrapper {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .swiper-container-free-mode>.swiper-wrapper {
            transition-timing-function: ease-out;
            margin: 0 auto
        }

        .swiper-slide {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform
        }

        .swiper-slide-invisible-blank {
            visibility: hidden
        }

        .swiper-container-autoheight,
        .swiper-container-autoheight .swiper-slide {
            height: auto
        }

        .swiper-container-autoheight .swiper-wrapper {
            -ms-flex-align: start;
            align-items: flex-start;
            transition-property: transform, height
        }

        .swiper-container-3d {
            perspective: 1200px
        }

        .swiper-container-3d .swiper-cube-shadow,
        .swiper-container-3d .swiper-slide,
        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top,
        .swiper-container-3d .swiper-wrapper {
            transform-style: preserve-3d
        }

        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-container-3d .swiper-slide-shadow-left {
            background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-container-wp8-horizontal,
        .swiper-container-wp8-horizontal>.swiper-wrapper {
            -ms-touch-action: pan-y;
            touch-action: pan-y
        }

        .swiper-container-wp8-vertical,
        .swiper-container-wp8-vertical>.swiper-wrapper {
            -ms-touch-action: pan-x;
            touch-action: pan-x
        }

        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: 60%;
            width: 58px;
            height: 58px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 58px 58px;
            background-position: 50%;
            background-repeat: no-repeat;
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        
        .swiper-button-lock {
            display: none
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            transition: opacity .3s;
            transform: translateZ(0);
            z-index: 10
        }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 10px;
            left: 0;
            width: 100%
        }

        .swiper-pagination-bullets-dynamic {
            overflow: hidden;
            font-size: 0
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transform: scale(.33);
            position: relative
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            transform: scale(.33)
        }

        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 100%;
            background: #000;
            opacity: .2
        }

        button.swiper-pagination-bullet {
            border: none;
            margin: 0;
            padding: 0;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }

        .swiper-pagination-bullet-active {
            opacity: 1;
            background: #007aff
        }

        .swiper-container-vertical>.swiper-pagination-bullets {
            right: 10px;
            top: 50%;
            transform: translate3d(0, -50%, 0)
        }

        .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 6px 0;
            display: block
        }

        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            transform: translateY(-50%);
            width: 8px
        }

        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: top .2s, -webkit-transform .2s;
            transition: transform .2s, top .2s;
            transition: transform .2s, top .2s, -webkit-transform .2s
        }

        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: left .2s, -webkit-transform .2s;
            transition: transform .2s, left .2s;
            transition: transform .2s, left .2s, -webkit-transform .2s
        }

        .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: right .2s, -webkit-transform .2s;
            transition: transform .2s, right .2s;
            transition: transform .2s, right .2s, -webkit-transform .2s
        }

        .swiper-pagination-progressbar {
            background: rgba(0, 0, 0, .25);
            position: absolute
        }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #007aff;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(0);
            transform-origin: left top
        }

        .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            transform-origin: right top
        }

        .swiper-container-horizontal>.swiper-pagination-progressbar,
        .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
            width: 100%;
            height: 4px;
            left: 0;
            top: 0
        }

        .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
        .swiper-container-vertical>.swiper-pagination-progressbar {
            width: 4px;
            height: 100%;
            left: 0;
            top: 0
        }

        .swiper-pagination-white .swiper-pagination-bullet-active {
            background: #fff
        }

        .swiper-pagination-progressbar.swiper-pagination-white {
            background: hsla(0, 0%, 100%, .25)
        }

        .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
            background: #fff
        }

        .swiper-pagination-black .swiper-pagination-bullet-active {
            background: #000
        }

        .swiper-pagination-progressbar.swiper-pagination-black {
            background: rgba(0, 0, 0, .25)
        }

        .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
            background: #000
        }

        .swiper-pagination-lock {}

        .swiper-scrollbar {
            border-radius: 10px;
            position: relative;
            -ms-touch-action: none;
            background: rgba(0, 0, 0, .1)
        }

        .swiper-container-horizontal>.swiper-scrollbar {
            position: absolute;
            left: 1%;
            bottom: 3px;
            z-index: 50;
            height: 5px;
            width: 98%
        }

        .swiper-container-vertical>.swiper-scrollbar {
            position: absolute;
            right: 3px;
            top: 1%;
            z-index: 50;
            width: 5px;
            height: 98%
        }

        .swiper-scrollbar-drag {
            height: 100%;
            width: 100%;
            position: relative;
            background: rgba(0, 0, 0, .5);
            border-radius: 10px;
            left: 0;
            top: 0
        }

        .swiper-scrollbar-cursor-drag {
            cursor: move
        }

        .swiper-scrollbar-lock {
            display: none
        }

        .swiper-zoom-container {
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

        .swiper-zoom-container>canvas,
        .swiper-zoom-container>img,
        .swiper-zoom-container>svg {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain
        }

        .swiper-slide-zoomed {
            cursor: move
        }

        .swiper-lazy-preloader {
            width: 42px;
            height: 42px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -21px;
            margin-top: -21px;
            z-index: 10;
            transform-origin: 50%;
            animation: a 1s steps(12) infinite
        }

        .swiper-lazy-preloader:after {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
            background-position: 50%;
            background-size: 100%;
            background-repeat: no-repeat
        }

        .swiper-lazy-preloader-white:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
        }

        @keyframes a {
            to {
                transform: rotate(1turn)
            }
        }

        .swiper-container .swiper-notification {
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            opacity: 0;
            z-index: -1000
        }

        .swiper-container-fade.swiper-container-free-mode .swiper-slide {
            transition-timing-function: ease-out
        }

        .swiper-container-fade .swiper-slide {
            pointer-events: none;
            transition-property: opacity
        }

        .swiper-container-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-fade .swiper-slide-active,
        .swiper-container-fade .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube {
            overflow: visible
        }

        .swiper-container-cube .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1;
            visibility: hidden;
            transform-origin: 0 0;
            width: 100%;
            height: 100%
        }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            transform-origin: 100% 0
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-next,
        .swiper-container-cube .swiper-slide-next+.swiper-slide,
        .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }

        .swiper-container-cube .swiper-slide-shadow-bottom,
        .swiper-container-cube .swiper-slide-shadow-left,
        .swiper-container-cube .swiper-slide-shadow-right,
        .swiper-container-cube .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
            filter: blur(50px);
            z-index: 0
        }

        .swiper-container-flip {
            overflow: visible
        }

        .swiper-container-flip .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1
        }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-flip .swiper-slide-active,
        .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-flip .swiper-slide-shadow-bottom,
        .swiper-container-flip .swiper-slide-shadow-left,
        .swiper-container-flip .swiper-slide-shadow-right,
        .swiper-container-flip .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .swiper-container-coverflow .swiper-wrapper {
            -ms-perspective: 1200px
        }



        @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i|Roboto:400,400i,700,700i");

        body,
        html {
            font-family: Roboto, sans-serif;
            margin: 0;
            padding: 0
        }

        body,
        body * {
            font-smooth: always;
            -webkit-font-smoothing: always;
            -moz-osx-font-smoothing: always
        }

        a,
        a:active,
        a:focus,
        a:hover {
            text-decoration: none;
            cursor: pointer
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

        ul {
            padding: 0;
            margin: 0
        }

        .lp-btn {
            background: #0082c3;
            color: #fff;
            width: auto;
            height: 40px;
            line-height: 40px;
            position: relative;
            display: inline-block;
            text-align: center;
            border-radius: 3px;
            font-size: 13px;
            padding: 0 40px 0 20px;
            text-transform: uppercase;
            font-family: Roboto Condensed, sans-serif;
            overflow: hidden;
            font-weight: 600;
            min-width: 160px
        }

        .lp-btn.small-btn {
            min-width: 100px;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            padding: 0 20px 0 10px
        }

        .lp-btn.small-btn:after {
            right: 0
        }

        .lp-btn.small-btn:before {
            height: 400%;
            top: 38px;
            right: -10px;
            left: auto
        }

        .lp-btn.small-btn:hover:before {
            top: -20px;
            right: 0;
            left: auto
        }

        .lp-btn.yellow-btn {
            background-color: #feea28;
            color: #13022d
        }

        .lp-btn.yellow-btn:before {
            background-color: #fcd831
        }

        .lp-btn.outline-btn {
            border: 1px solid #fff;
            background-color: transparent
        }

        .lp-btn.outline-btn:before {
            background-color: hsla(0, 0%, 100%, .4)
        }

        .lp-btn span {
            position: relative;
            z-index: 1
        }

        .lp-btn:after {
            content: "\3009";
            font-weight: 700;
            font-size: 10px;
            position: absolute;
            right: 5px;
            height: 100%;
            top: 0;
            transform: scaleX(2)
        }

        .lp-btn:before {
            content: "";
            background-color: #006da4;
            position: absolute;
            z-index: 0;
            width: 170%;
            height: 190%;
            transform: skewY(-10deg);
            top: 30px;
            left: 40px;
            transition: all .3s
        }

        .lp-btn:hover:before {
            top: -11px;
            left: -110px
        }

        .vlhp-slider .swiper-button-next,
        .vlhp-slider .swiper-button-prev {
            outline: none
        }


        .vlhp-slider .swiper-container {
            width: 100%;
            padding: 0;
            background-color: #fff
        }

        .vlhp-slider .swiper-container .swiper-button-next {
            right: 0
        }

        .vlhp-slider .swiper-container .swiper-button-next:focus {
            outline: none
        }

        .vlhp-slider .swiper-container .swiper-button-prev {
            left: 0
        }

        .vlhp-slider .swiper-slide {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            background-repeat: no-repeat;
            background-position: top;
            background-size: 1400px
        }

        @media (max-width:790px) {

            .vlhp-slider .swiper-button-next,
            .vlhp-slider .swiper-button-prev {
                outline: none;
                display: none;
            }
        }


        @media screen and (min-width:1400px) {
            .vlhp-slider .swiper-slide {
                background-size: 100%
            }
        }

        @media screen and (max-width:768px) {
            .vlhp-slider .swiper-slide {
                background-size: 800px
            }
        }

        .vlhp-slider .swiper-slide>div {
            width: 100%;
            max-width: 1100px
        }

        .vlhp-slider .swiper-slide>svg {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: auto;
            z-index: 1;
            bottom: 250px
        }

        @media screen and (max-width:768px) {
            .vlhp-slider .swiper-slide>svg {
                bottom: auto;
                top: 210px
            }
        }

        .vlhp-slider .swiper-slide:before {
        /*    content: "";
            position: absolute;
            height: 300px;
            left: 0;
            right: 0;
            top: auto;
            bottom: 0;
            background-color: #fff  */
        }

        .vlhp-slide-heading {
         height: 250px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 60px 0 0;
            -ms-flex-align: start;
            align-items: flex-start
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading {
                background-size: 100%;
                -ms-flex-align: center;
                align-items: center;
                height: 190px
            }
        }

        .vlhp-slide-heading>span {
            font-family: Roboto Condensed, sans-serif;
            color: #fff;
            text-transform: uppercase;
            font-style: italic;
            line-height: 32px
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading>span {
                text-align: center;
                width: 100%
            }
        }

        .vlhp-slide-heading .vlhp-heading-line-1 {
            font-weight: 400;
            font-size: 28px
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading .vlhp-heading-line-1 {
                font-size: 22px
            }
        }

        .vlhp-slide-heading .vlhp-heading-line-2 {
            font-weight: 900;
            font-size: 40px
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading .vlhp-heading-line-2 {
                font-size: 32px
            }
        }

        .vlhp-slide-heading>a {
            border: 2px solid #fff;
            border-radius: 5px;
            color: #fff;
            padding: 15px 30px;
            text-transform: uppercase;
            font-size: 18px;
            line-height: 18px;
            text-align: center;
            min-width: 220px;
            font-family: Roboto Condensed, sans-serif;
            margin: 20px 0 0;
            position: relative;
            overflow: hidden
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading>a {
                transform: scale(.8);
                background-color: #fff;
                color: #000
            }
        }

        .vlhp-slide-heading>a>span {
            position: relative
        }

        .vlhp-slide-heading>a:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            z-index: 0;
            background:#ffffff85;
            transition: all .2s
        }

        .vlhp-slide-heading>a:hover:before {
            height: 100%
        }

        .vlhp-products {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            z-index: 3;
            position: relative;
            padding-bottom: 22px
        }

        .vlhp-image-holder {
            width: 100%;
            height: 250px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        .vlhp-image-holder img {
            max-width: 100%;
            max-height: 100%
        }

        .vlhp-product-item {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            font-family: Roboto Condensed, sans-serif;
            width: 100%;
            max-width: 350px;
            position: relative
        }

        @media screen and (max-width:768px) {
            .vlhp-product-item:not(:first-child) {
                display: none
            }
        }

        .vlhp-product-item .vlhp-product-link {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            background-image: url(https://www.decathlon.sk/ecsk/static/HP/MB/img/hover-icon.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 90px;
            transition: all .4s;
            opacity: 0
        }

        @media screen and (min-width:768px) {
            .vlhp-product-item .vlhp-product-link:hover {
                background-size: 134px;
                opacity: 1
            }
        }

        .vlhp-product-item>img {
            max-width: 100%
        }

        .vlhp-product-item .vlhp-item {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .vlhp-product-item .vlhp-price {
            background-image: linear-gradient(60deg,#ffc702,#fff939 90%,#fff939);
            color: #333;
            font-weight: 900;
            padding: 8px 5px;
            font-size: 28px;
            margin: 0 0 8px
        }

        .vlhp-product-item .vlhp-phrase-box {
display:none;
            position: relative;
            background:#ffea29;
            padding: 5px 20px
        }

        .vlhp-product-item .vlhp-phrase-box:before {
            content: "";
            position: absolute;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            z-index: 0;
        }

        .vlhp-product-item .vlhp-phrase-box>span {
            display: block;
            text-align: center;
            background:#000;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
            z-index: 2
font-weight: 500;
        }

        .vlhp-product-item .vlhp-brand-name {
border-bottom: 1px solid #e4e4e4;
            color: #0082c3;
            font-weight: 900;
            font-style: italic;
            font-size: 24px;
            text-transform: uppercase;
            margin: 8px 0
        }

        .vlhp-product-item .vlhp-product-name {
display:none;
            margin: 0;
            font-size: 14px;
            color: #333;
            max-width: 160px
        }



/* XMAS 2019 */

.vlhp-slide-heading-xmas {
         height: 250px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 60px 0 0;
            -ms-flex-align: start;
            align-items: flex-start
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading-xmas {
                background-size: 100%;
                -ms-flex-align: center;
                align-items: center;
                height: 190px
            }
        }

        .vlhp-slide-heading-xmas>span {
            font-family: Roboto Condensed, sans-serif;
            color: #fff;
            text-transform: uppercase;
            font-style: italic;
            line-height: 32px
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading-xmas>span {
                text-align: center;
                width: 100%
            }
        }

        .vlhp-slide-heading-xmas .vlhp-heading-line-1-xmas {
            font-weight: 900;
            font-size: 40px
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading-xmas .vlhp-heading-line-1-xmas {
                font-size: 32px
            }
        }

        .vlhp-slide-heading-xmas .vlhp-heading-line-2-xmas {
            font-weight: 900;
            font-size: 40px
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading-xmas .vlhp-heading-line-2-xmas {
                font-size: 32px
            }
        }

        .vlhp-slide-heading-xmas>a {
            border: 2px solid #fff;
            border-radius: 5px;
            color: #fff;
            padding: 15px 30px;
            text-transform: uppercase;
            font-size: 18px;
            line-height: 18px;
            text-align: center;
            min-width: 220px;
            font-family: Roboto Condensed, sans-serif;
            margin: 20px 0 0;
            position: relative;
            overflow: hidden
        }

        @media screen and (max-width:768px) {
            .vlhp-slide-heading-xmas>a {
                transform: scale(.8);
                background-color: #fff;
                color: #000
            }
        }

        .vlhp-slide-heading-xmas>a>span {
            position: relative
        }

        .vlhp-slide-heading-xmas>a:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            z-index: 0;
            background:#f1777d;
            transition: all .2s
        }

        .vlhp-slide-heading-xmas>a:hover:before {
            height: 100%
        }
        
        
        
        .vlhp-product-item .vlhp-product-link-xmas {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            background-image: url(https://www.decathlon.sk/content/backgrounds/NEWHP/hover-xmas-icon_final.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 90px;
            transition: all .4s;
            opacity: 0
        }

 @media screen and (min-width:768px) {
            .vlhp-product-item .vlhp-product-link-xmas:hover {
                background-size: 134px;
                opacity: 1
            }
        }

/* END XMAS 2019 */

/* BEGIN SNOW */
.vlhp-product-item .vlhp-product-link-snow {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            background-image: url(https://www.decathlon.sk/content/backgrounds/NEWHP/snow-hover-icon.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 90px;
            transition: all .4s;
            opacity: 0
        }
 @media screen and (min-width:768px) {
            .vlhp-product-item .vlhp-product-link-snow:hover {
                background-size: 134px;
                opacity: 1
            }
        }