/* Minification failed. Returning unminified contents.
(4597,2): run-time error CSS1019: Unexpected token, found '}'
(5192,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5193,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(5198,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(5199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(5203,1): run-time error CSS1019: Unexpected token, found '}'
(5206,1): run-time error CSS1019: Unexpected token, found '@import'
(5206,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800&display=swap')'
(5305,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5306,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5319,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5320,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5333,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5334,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5999,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6048,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6049,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6075,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6076,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,700,800&display=swap');
/***************************************************************************************************************************************************************/

/******************************************************AOS*********************************************/
@media all and (min-width: 768px) and (max-width: 3000px) {
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    @charset "UTF-8";

    /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 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;
        }

    @-webkit-keyframes bounce {
        0%, 20%, 53%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }

    @keyframes bounce {
        0%, 20%, 53%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }

    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    @-webkit-keyframes flash {
        0%, 50%, to {
            opacity: 1;
        }

        25%, 75% {
            opacity: 0;
        }
    }

    @keyframes flash {
        0%, 50%, to {
            opacity: 1;
        }

        25%, 75% {
            opacity: 0;
        }
    }

    .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }

        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    @keyframes pulse {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }

        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        30% {
            -webkit-transform: scale3d(1.25, .75, 1);
            transform: scale3d(1.25, .75, 1);
        }

        40% {
            -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1);
        }

        50% {
            -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .85, 1);
        }

        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
        }

        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
        }

        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    @keyframes rubberBand {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        30% {
            -webkit-transform: scale3d(1.25, .75, 1);
            transform: scale3d(1.25, .75, 1);
        }

        40% {
            -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1);
        }

        50% {
            -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .85, 1);
        }

        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
        }

        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
        }

        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
    }

    @-webkit-keyframes shake {
        0%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }

    @keyframes shake {
        0%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(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: rotate(15deg);
            transform: rotate(15deg);
        }

        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }

        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }

        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        10%, 20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
            transform: scale3d(.9, .9, .9) rotate(-3deg);
        }

        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        }

        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        }

        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    @keyframes tada {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        10%, 20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
            transform: scale3d(.9, .9, .9) rotate(-3deg);
        }

        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        }

        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        }

        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg);
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg);
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg);
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg);
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg);
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes wobble {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg);
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg);
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg);
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg);
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg);
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }

    @-webkit-keyframes jello {
        0%, 11.1%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        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(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg);
        }

        77.7% {
            -webkit-transform: skewX(.390625deg) skewY(.390625deg);
            transform: skewX(.390625deg) skewY(.390625deg);
        }

        88.8% {
            -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            transform: skewX(-.1953125deg) skewY(-.1953125deg);
        }
    }

    @keyframes jello {
        0%, 11.1%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        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(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg);
        }

        77.7% {
            -webkit-transform: skewX(.390625deg) skewY(.390625deg);
            transform: skewX(.390625deg) skewY(.390625deg);
        }

        88.8% {
            -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            transform: skewX(-.1953125deg) skewY(-.1953125deg);
        }
    }

    .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    @-webkit-keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .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(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
        }

        to {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    @keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .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(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
        }

        to {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    .bounceIn {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }

    @-webkit-keyframes bounceInDown {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes bounceInDown {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0);
            transform: translateZ(0);
        }
    }

    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    @-webkit-keyframes bounceInLeft {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes bounceInLeft {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0);
            transform: translateZ(0);
        }
    }

    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }

    @-webkit-keyframes bounceInRight {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes bounceInRight {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .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: translateZ(0);
            transform: translateZ(0);
        }
    }

    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }

    @-webkit-keyframes bounceInUp {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes bounceInUp {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .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(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }
    }

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .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(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }
    }

    .bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -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 {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }

    @keyframes fadeOutDown {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }

    @keyframes fadeOutDownBig {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    @keyframes fadeOutLeft {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }

    @keyframes fadeOutLeftBig {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }

    @keyframes fadeOutRight {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }

    @keyframes fadeOutRightBig {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }

    @keyframes fadeOutUp {
        0% {
            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 {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }

    @keyframes fadeOutUpBig {
        0% {
            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 {
        0% {
            -webkit-transform: perspective(400px) rotateY(-1turn);
            transform: perspective(400px) rotateY(-1turn);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
            transform: perspective(400px) translateZ(150px) rotateY(-190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
            transform: perspective(400px) translateZ(150px) rotateY(-170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .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 {
        0% {
            -webkit-transform: perspective(400px) rotateY(-1turn);
            transform: perspective(400px) rotateY(-1turn);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
            transform: perspective(400px) translateZ(150px) rotateY(-190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
            transform: perspective(400px) translateZ(150px) rotateY(-170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .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 {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-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 {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateY(-20deg);
            transform: perspective(400px) rotateY(-20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotateY(-5deg);
            transform: perspective(400px) rotateY(-5deg);
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateY(-20deg);
            transform: perspective(400px) rotateY(-20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotateY(-5deg);
            transform: perspective(400px) rotateY(-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 {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
            opacity: 1;
        }

        to {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
            opacity: 1;
        }

        to {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
    }

    .flipOutX {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
            opacity: 1;
        }

        to {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
            opacity: 1;
        }

        to {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
    }

    .flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
    }

    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    @-webkit-keyframes lightSpeedOut {
        0% {
            opacity: 1;
        }

        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0;
        }
    }

    @keyframes lightSpeedOut {
        0% {
            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 {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }

    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0;
        }
    }

    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0;
        }
    }

    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }
    }

    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }

    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }
    }

    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }
    }

    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }

    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(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: rotate(80deg);
            transform: rotate(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: rotate(60deg);
            transform: rotate(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: rotate(80deg);
            transform: rotate(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: rotate(60deg);
            transform: rotate(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-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }

    @-webkit-keyframes jackInTheBox {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) rotate(30deg);
            transform: scale(.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
        }

        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }

        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
        }

        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes jackInTheBox {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) rotate(30deg);
            transform: scale(.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
        }

        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }

        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
        }

        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .jackInTheBox {
        -webkit-animation-name: jackInTheBox;
        animation-name: jackInTheBox;
    }

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg);
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg);
        }
    }

    @keyframes rollOut {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg);
        }
    }

    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        50% {
            opacity: 1;
        }
    }

    @keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        50% {
            opacity: 1;
        }
    }

    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    @keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
    }

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
    }

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    @keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
    }

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    @keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        to {
            opacity: 0;
        }
    }

    @keyframes zoomOut {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        to {
            opacity: 0;
        }
    }

    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
    }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
    }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        }

        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        }

        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        }

        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        }

        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        }
    }

    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
    }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }

    @-webkit-keyframes slideInLeft {
        0% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes slideInLeft {
        0% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }

    @-webkit-keyframes slideInRight {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes slideInRight {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes slideInUp {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }

    @keyframes slideOutDown {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(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 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    @keyframes slideOutLeft {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(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 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }

    @keyframes slideOutRight {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(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 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }

    @keyframes slideOutUp {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }

    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }

    [data-aos][data-aos][data-aos-duration="50"],
    body[data-aos-duration="50"] [data-aos] {
        transition-duration: 50ms;
    }

    [data-aos][data-aos][data-aos-delay="50"],
    body[data-aos-delay="50"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="50"].aos-animate,
        body[data-aos-delay="50"] [data-aos].aos-animate {
            transition-delay: 50ms;
        }

    [data-aos][data-aos][data-aos-duration="100"],
    body[data-aos-duration="100"] [data-aos] {
        transition-duration: .1s;
    }

    [data-aos][data-aos][data-aos-delay="100"],
    body[data-aos-delay="100"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="100"].aos-animate,
        body[data-aos-delay="100"] [data-aos].aos-animate {
            transition-delay: .1s;
        }

    [data-aos][data-aos][data-aos-duration="150"],
    body[data-aos-duration="150"] [data-aos] {
        transition-duration: .15s;
    }

    [data-aos][data-aos][data-aos-delay="150"],
    body[data-aos-delay="150"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="150"].aos-animate,
        body[data-aos-delay="150"] [data-aos].aos-animate {
            transition-delay: .15s;
        }

    [data-aos][data-aos][data-aos-duration="200"],
    body[data-aos-duration="200"] [data-aos] {
        transition-duration: .2s;
    }

    [data-aos][data-aos][data-aos-delay="200"],
    body[data-aos-delay="200"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="200"].aos-animate,
        body[data-aos-delay="200"] [data-aos].aos-animate {
            transition-delay: .2s;
        }

    [data-aos][data-aos][data-aos-duration="250"],
    body[data-aos-duration="250"] [data-aos] {
        transition-duration: .25s;
    }

    [data-aos][data-aos][data-aos-delay="250"],
    body[data-aos-delay="250"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="250"].aos-animate,
        body[data-aos-delay="250"] [data-aos].aos-animate {
            transition-delay: .25s;
        }

    [data-aos][data-aos][data-aos-duration="300"],
    body[data-aos-duration="300"] [data-aos] {
        transition-duration: .3s;
    }

    [data-aos][data-aos][data-aos-delay="300"],
    body[data-aos-delay="300"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="300"].aos-animate,
        body[data-aos-delay="300"] [data-aos].aos-animate {
            transition-delay: .3s;
        }

    [data-aos][data-aos][data-aos-duration="350"],
    body[data-aos-duration="350"] [data-aos] {
        transition-duration: .35s;
    }

    [data-aos][data-aos][data-aos-delay="350"],
    body[data-aos-delay="350"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="350"].aos-animate,
        body[data-aos-delay="350"] [data-aos].aos-animate {
            transition-delay: .35s;
        }

    [data-aos][data-aos][data-aos-duration="400"],
    body[data-aos-duration="400"] [data-aos] {
        transition-duration: 2s;
    }

    [data-aos][data-aos][data-aos-delay="400"],
    body[data-aos-delay="400"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="400"].aos-animate,
        body[data-aos-delay="400"] [data-aos].aos-animate {
            transition-delay: .4s;
        }

    [data-aos][data-aos][data-aos-duration="450"],
    body[data-aos-duration="450"] [data-aos] {
        transition-duration: .45s;
    }

    [data-aos][data-aos][data-aos-delay="450"],
    body[data-aos-delay="450"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="450"].aos-animate,
        body[data-aos-delay="450"] [data-aos].aos-animate {
            transition-delay: .45s;
        }

    [data-aos][data-aos][data-aos-duration="500"],
    body[data-aos-duration="500"] [data-aos] {
        transition-duration: .5s;
    }

    [data-aos][data-aos][data-aos-delay="500"],
    body[data-aos-delay="500"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="500"].aos-animate,
        body[data-aos-delay="500"] [data-aos].aos-animate {
            transition-delay: .5s;
        }

    [data-aos][data-aos][data-aos-duration="550"],
    body[data-aos-duration="550"] [data-aos] {
        transition-duration: .55s;
    }

    [data-aos][data-aos][data-aos-delay="550"],
    body[data-aos-delay="550"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="550"].aos-animate,
        body[data-aos-delay="550"] [data-aos].aos-animate {
            transition-delay: .55s;
        }

    [data-aos][data-aos][data-aos-duration="600"],
    body[data-aos-duration="600"] [data-aos] {
        transition-duration: .6s;
    }

    [data-aos][data-aos][data-aos-delay="600"],
    body[data-aos-delay="600"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="600"].aos-animate,
        body[data-aos-delay="600"] [data-aos].aos-animate {
            transition-delay: .6s;
        }

    [data-aos][data-aos][data-aos-duration="650"],
    body[data-aos-duration="650"] [data-aos] {
        transition-duration: .65s;
    }

    [data-aos][data-aos][data-aos-delay="650"],
    body[data-aos-delay="650"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="650"].aos-animate,
        body[data-aos-delay="650"] [data-aos].aos-animate {
            transition-delay: .65s;
        }

    [data-aos][data-aos][data-aos-duration="700"],
    body[data-aos-duration="700"] [data-aos] {
        transition-duration: .7s;
    }

    [data-aos][data-aos][data-aos-delay="700"],
    body[data-aos-delay="700"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="700"].aos-animate,
        body[data-aos-delay="700"] [data-aos].aos-animate {
            transition-delay: .9s;
        }

    [data-aos][data-aos][data-aos-duration="750"],
    body[data-aos-duration="750"] [data-aos] {
        transition-duration: .75s;
    }

    [data-aos][data-aos][data-aos-delay="750"],
    body[data-aos-delay="750"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="750"].aos-animate,
        body[data-aos-delay="750"] [data-aos].aos-animate {
            transition-delay: .75s;
        }

    [data-aos][data-aos][data-aos-duration="800"],
    body[data-aos-duration="800"] [data-aos] {
        transition-duration: .8s;
    }

    [data-aos][data-aos][data-aos-delay="800"],
    body[data-aos-delay="800"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="800"].aos-animate,
        body[data-aos-delay="800"] [data-aos].aos-animate {
            transition-delay: .8s;
        }

    [data-aos][data-aos][data-aos-duration="850"],
    body[data-aos-duration="850"] [data-aos] {
        transition-duration: .85s;
    }

    [data-aos][data-aos][data-aos-delay="850"],
    body[data-aos-delay="850"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="850"].aos-animate,
        body[data-aos-delay="850"] [data-aos].aos-animate {
            transition-delay: .85s;
        }

    [data-aos][data-aos][data-aos-duration="900"],
    body[data-aos-duration="900"] [data-aos] {
        transition-duration: .9s;
    }

    [data-aos][data-aos][data-aos-delay="900"],
    body[data-aos-delay="900"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="900"].aos-animate,
        body[data-aos-delay="900"] [data-aos].aos-animate {
            transition-delay: .9s;
        }

    [data-aos][data-aos][data-aos-duration="950"],
    body[data-aos-duration="950"] [data-aos] {
        transition-duration: .95s;
    }

    [data-aos][data-aos][data-aos-delay="950"],
    body[data-aos-delay="950"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="950"].aos-animate,
        body[data-aos-delay="950"] [data-aos].aos-animate {
            transition-delay: .95s;
        }

    [data-aos][data-aos][data-aos-duration="1000"],
    body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 1s;
    }

    [data-aos][data-aos][data-aos-delay="1000"],
    body[data-aos-delay="1000"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
        body[data-aos-delay="1000"] [data-aos].aos-animate {
            transition-delay: 1s;
        }

    [data-aos][data-aos][data-aos-duration="1050"],
    body[data-aos-duration="1050"] [data-aos] {
        transition-duration: 1.05s;
    }

    [data-aos][data-aos][data-aos-delay="1050"],
    body[data-aos-delay="1050"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
        body[data-aos-delay="1050"] [data-aos].aos-animate {
            transition-delay: 1.05s;
        }

    [data-aos][data-aos][data-aos-duration="1100"],
    body[data-aos-duration="1100"] [data-aos] {
        transition-duration: 1.1s;
    }

    [data-aos][data-aos][data-aos-delay="1100"],
    body[data-aos-delay="1100"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
        body[data-aos-delay="1100"] [data-aos].aos-animate {
            transition-delay: 1.1s;
        }

    [data-aos][data-aos][data-aos-duration="1150"],
    body[data-aos-duration="1150"] [data-aos] {
        transition-duration: 1.15s;
    }

    [data-aos][data-aos][data-aos-delay="1150"],
    body[data-aos-delay="1150"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
        body[data-aos-delay="1150"] [data-aos].aos-animate {
            transition-delay: 1.15s;
        }

    [data-aos][data-aos][data-aos-duration="1200"],
    body[data-aos-duration="1200"] [data-aos] {
        transition-duration: 1.2s;
    }

    [data-aos][data-aos][data-aos-delay="1200"],
    body[data-aos-delay="1200"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
        body[data-aos-delay="1200"] [data-aos].aos-animate {
            transition-delay: 1.2s;
        }

    [data-aos][data-aos][data-aos-duration="1250"],
    body[data-aos-duration="1250"] [data-aos] {
        transition-duration: 1.25s;
    }

    [data-aos][data-aos][data-aos-delay="1250"],
    body[data-aos-delay="1250"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
        body[data-aos-delay="1250"] [data-aos].aos-animate {
            transition-delay: 1.25s;
        }

    [data-aos][data-aos][data-aos-duration="1300"],
    body[data-aos-duration="1300"] [data-aos] {
        transition-duration: 1.3s;
    }

    [data-aos][data-aos][data-aos-delay="1300"],
    body[data-aos-delay="1300"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
        body[data-aos-delay="1300"] [data-aos].aos-animate {
            transition-delay: 1.3s;
        }

    [data-aos][data-aos][data-aos-duration="1350"],
    body[data-aos-duration="1350"] [data-aos] {
        transition-duration: 1.35s;
    }

    [data-aos][data-aos][data-aos-delay="1350"],
    body[data-aos-delay="1350"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
        body[data-aos-delay="1350"] [data-aos].aos-animate {
            transition-delay: 1.35s;
        }

    [data-aos][data-aos][data-aos-duration="1400"],
    body[data-aos-duration="1400"] [data-aos] {
        transition-duration: 1.4s;
    }

    [data-aos][data-aos][data-aos-delay="1400"],
    body[data-aos-delay="1400"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
        body[data-aos-delay="1400"] [data-aos].aos-animate {
            transition-delay: 1.4s;
        }

    [data-aos][data-aos][data-aos-duration="1450"],
    body[data-aos-duration="1450"] [data-aos] {
        transition-duration: 1.45s;
    }

    [data-aos][data-aos][data-aos-delay="1450"],
    body[data-aos-delay="1450"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
        body[data-aos-delay="1450"] [data-aos].aos-animate {
            transition-delay: 1.45s;
        }

    [data-aos][data-aos][data-aos-duration="1500"],
    body[data-aos-duration="1500"] [data-aos] {
        transition-duration: 1.5s;
    }

    [data-aos][data-aos][data-aos-delay="1500"],
    body[data-aos-delay="1500"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
        body[data-aos-delay="1500"] [data-aos].aos-animate {
            transition-delay: 1.5s;
        }

    [data-aos][data-aos][data-aos-duration="1550"],
    body[data-aos-duration="1550"] [data-aos] {
        transition-duration: 1.55s;
    }

    [data-aos][data-aos][data-aos-delay="1550"],
    body[data-aos-delay="1550"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
        body[data-aos-delay="1550"] [data-aos].aos-animate {
            transition-delay: 1.55s;
        }

    [data-aos][data-aos][data-aos-duration="1600"],
    body[data-aos-duration="1600"] [data-aos] {
        transition-duration: 1.6s;
    }

    [data-aos][data-aos][data-aos-delay="1600"],
    body[data-aos-delay="1600"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
        body[data-aos-delay="1600"] [data-aos].aos-animate {
            transition-delay: 1.6s;
        }

    [data-aos][data-aos][data-aos-duration="1650"],
    body[data-aos-duration="1650"] [data-aos] {
        transition-duration: 1.65s;
    }

    [data-aos][data-aos][data-aos-delay="1650"],
    body[data-aos-delay="1650"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
        body[data-aos-delay="1650"] [data-aos].aos-animate {
            transition-delay: 1.65s;
        }

    [data-aos][data-aos][data-aos-duration="1700"],
    body[data-aos-duration="1700"] [data-aos] {
        transition-duration: 1.7s;
    }

    [data-aos][data-aos][data-aos-delay="1700"],
    body[data-aos-delay="1700"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
        body[data-aos-delay="1700"] [data-aos].aos-animate {
            transition-delay: 1.7s;
        }

    [data-aos][data-aos][data-aos-duration="1750"],
    body[data-aos-duration="1750"] [data-aos] {
        transition-duration: 1.75s;
    }

    [data-aos][data-aos][data-aos-delay="1750"],
    body[data-aos-delay="1750"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
        body[data-aos-delay="1750"] [data-aos].aos-animate {
            transition-delay: 1.75s;
        }

    [data-aos][data-aos][data-aos-duration="1800"],
    body[data-aos-duration="1800"] [data-aos] {
        transition-duration: 1.8s;
    }

    [data-aos][data-aos][data-aos-delay="1800"],
    body[data-aos-delay="1800"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
        body[data-aos-delay="1800"] [data-aos].aos-animate {
            transition-delay: 1.8s;
        }

    [data-aos][data-aos][data-aos-duration="1850"],
    body[data-aos-duration="1850"] [data-aos] {
        transition-duration: 1.85s;
    }

    [data-aos][data-aos][data-aos-delay="1850"],
    body[data-aos-delay="1850"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
        body[data-aos-delay="1850"] [data-aos].aos-animate {
            transition-delay: 1.85s;
        }

    [data-aos][data-aos][data-aos-duration="1900"],
    body[data-aos-duration="1900"] [data-aos] {
        transition-duration: 1.9s;
    }

    [data-aos][data-aos][data-aos-delay="1900"],
    body[data-aos-delay="1900"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
        body[data-aos-delay="1900"] [data-aos].aos-animate {
            transition-delay: 1.9s;
        }

    [data-aos][data-aos][data-aos-duration="1950"],
    body[data-aos-duration="1950"] [data-aos] {
        transition-duration: 1.95s;
    }

    [data-aos][data-aos][data-aos-delay="1950"],
    body[data-aos-delay="1950"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
        body[data-aos-delay="1950"] [data-aos].aos-animate {
            transition-delay: 1.95s;
        }

    [data-aos][data-aos][data-aos-duration="2000"],
    body[data-aos-duration="2000"] [data-aos] {
        transition-duration: 2s;
    }

    [data-aos][data-aos][data-aos-delay="2000"],
    body[data-aos-delay="2000"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
        body[data-aos-delay="2000"] [data-aos].aos-animate {
            transition-delay: 2s;
        }

    [data-aos][data-aos][data-aos-duration="2050"],
    body[data-aos-duration="2050"] [data-aos] {
        transition-duration: 2.05s;
    }

    [data-aos][data-aos][data-aos-delay="2050"],
    body[data-aos-delay="2050"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
        body[data-aos-delay="2050"] [data-aos].aos-animate {
            transition-delay: 2.05s;
        }

    [data-aos][data-aos][data-aos-duration="2100"],
    body[data-aos-duration="2100"] [data-aos] {
        transition-duration: 2.1s;
    }

    [data-aos][data-aos][data-aos-delay="2100"],
    body[data-aos-delay="2100"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
        body[data-aos-delay="2100"] [data-aos].aos-animate {
            transition-delay: 2.1s;
        }

    [data-aos][data-aos][data-aos-duration="2150"],
    body[data-aos-duration="2150"] [data-aos] {
        transition-duration: 2.15s;
    }

    [data-aos][data-aos][data-aos-delay="2150"],
    body[data-aos-delay="2150"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
        body[data-aos-delay="2150"] [data-aos].aos-animate {
            transition-delay: 2.15s;
        }

    [data-aos][data-aos][data-aos-duration="2200"],
    body[data-aos-duration="2200"] [data-aos] {
        transition-duration: 2.2s;
    }

    [data-aos][data-aos][data-aos-delay="2200"],
    body[data-aos-delay="2200"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
        body[data-aos-delay="2200"] [data-aos].aos-animate {
            transition-delay: 2.2s;
        }

    [data-aos][data-aos][data-aos-duration="2250"],
    body[data-aos-duration="2250"] [data-aos] {
        transition-duration: 2.25s;
    }

    [data-aos][data-aos][data-aos-delay="2250"],
    body[data-aos-delay="2250"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
        body[data-aos-delay="2250"] [data-aos].aos-animate {
            transition-delay: 2.25s;
        }

    [data-aos][data-aos][data-aos-duration="2300"],
    body[data-aos-duration="2300"] [data-aos] {
        transition-duration: 2.3s;
    }

    [data-aos][data-aos][data-aos-delay="2300"],
    body[data-aos-delay="2300"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
        body[data-aos-delay="2300"] [data-aos].aos-animate {
            transition-delay: 2.3s;
        }

    [data-aos][data-aos][data-aos-duration="2350"],
    body[data-aos-duration="2350"] [data-aos] {
        transition-duration: 2.35s;
    }

    [data-aos][data-aos][data-aos-delay="2350"],
    body[data-aos-delay="2350"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
        body[data-aos-delay="2350"] [data-aos].aos-animate {
            transition-delay: 2.35s;
        }

    [data-aos][data-aos][data-aos-duration="2400"],
    body[data-aos-duration="2400"] [data-aos] {
        transition-duration: 2.4s;
    }

    [data-aos][data-aos][data-aos-delay="2400"],
    body[data-aos-delay="2400"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
        body[data-aos-delay="2400"] [data-aos].aos-animate {
            transition-delay: 2.4s;
        }

    [data-aos][data-aos][data-aos-duration="2450"],
    body[data-aos-duration="2450"] [data-aos] {
        transition-duration: 2.45s;
    }

    [data-aos][data-aos][data-aos-delay="2450"],
    body[data-aos-delay="2450"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
        body[data-aos-delay="2450"] [data-aos].aos-animate {
            transition-delay: 2.45s;
        }

    [data-aos][data-aos][data-aos-duration="2500"],
    body[data-aos-duration="2500"] [data-aos] {
        transition-duration: 2.5s;
    }

    [data-aos][data-aos][data-aos-delay="2500"],
    body[data-aos-delay="2500"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
        body[data-aos-delay="2500"] [data-aos].aos-animate {
            transition-delay: 2.5s;
        }

    [data-aos][data-aos][data-aos-duration="2550"],
    body[data-aos-duration="2550"] [data-aos] {
        transition-duration: 2.55s;
    }

    [data-aos][data-aos][data-aos-delay="2550"],
    body[data-aos-delay="2550"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
        body[data-aos-delay="2550"] [data-aos].aos-animate {
            transition-delay: 2.55s;
        }

    [data-aos][data-aos][data-aos-duration="2600"],
    body[data-aos-duration="2600"] [data-aos] {
        transition-duration: 2.6s;
    }

    [data-aos][data-aos][data-aos-delay="2600"],
    body[data-aos-delay="2600"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
        body[data-aos-delay="2600"] [data-aos].aos-animate {
            transition-delay: 2.6s;
        }

    [data-aos][data-aos][data-aos-duration="2650"],
    body[data-aos-duration="2650"] [data-aos] {
        transition-duration: 2.65s;
    }

    [data-aos][data-aos][data-aos-delay="2650"],
    body[data-aos-delay="2650"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
        body[data-aos-delay="2650"] [data-aos].aos-animate {
            transition-delay: 2.65s;
        }

    [data-aos][data-aos][data-aos-duration="2700"],
    body[data-aos-duration="2700"] [data-aos] {
        transition-duration: 2.7s;
    }

    [data-aos][data-aos][data-aos-delay="2700"],
    body[data-aos-delay="2700"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
        body[data-aos-delay="2700"] [data-aos].aos-animate {
            transition-delay: 2.7s;
        }

    [data-aos][data-aos][data-aos-duration="2750"],
    body[data-aos-duration="2750"] [data-aos] {
        transition-duration: 2.75s;
    }

    [data-aos][data-aos][data-aos-delay="2750"],
    body[data-aos-delay="2750"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
        body[data-aos-delay="2750"] [data-aos].aos-animate {
            transition-delay: 2.75s;
        }

    [data-aos][data-aos][data-aos-duration="2800"],
    body[data-aos-duration="2800"] [data-aos] {
        transition-duration: 2.8s;
    }

    [data-aos][data-aos][data-aos-delay="2800"],
    body[data-aos-delay="2800"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
        body[data-aos-delay="2800"] [data-aos].aos-animate {
            transition-delay: 2.8s;
        }

    [data-aos][data-aos][data-aos-duration="2850"],
    body[data-aos-duration="2850"] [data-aos] {
        transition-duration: 2.85s;
    }

    [data-aos][data-aos][data-aos-delay="2850"],
    body[data-aos-delay="2850"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
        body[data-aos-delay="2850"] [data-aos].aos-animate {
            transition-delay: 2.85s;
        }

    [data-aos][data-aos][data-aos-duration="2900"],
    body[data-aos-duration="2900"] [data-aos] {
        transition-duration: 2.9s;
    }

    [data-aos][data-aos][data-aos-delay="2900"],
    body[data-aos-delay="2900"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
        body[data-aos-delay="2900"] [data-aos].aos-animate {
            transition-delay: 2.9s;
        }

    [data-aos][data-aos][data-aos-duration="2950"],
    body[data-aos-duration="2950"] [data-aos] {
        transition-duration: 2.95s;
    }

    [data-aos][data-aos][data-aos-delay="2950"],
    body[data-aos-delay="2950"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
        body[data-aos-delay="2950"] [data-aos].aos-animate {
            transition-delay: 2.95s;
        }

    [data-aos][data-aos][data-aos-duration="3000"],
    body[data-aos-duration="3000"] [data-aos] {
        transition-duration: 3s;
    }

    [data-aos][data-aos][data-aos-delay="3000"],
    body[data-aos-delay="3000"] [data-aos] {
        transition-delay: 0;
    }

        [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
        body[data-aos-delay="3000"] [data-aos].aos-animate {
            transition-delay: 3s;
        }

    [data-aos][data-aos][data-aos-easing=linear],
    body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    }

    [data-aos][data-aos][data-aos-easing=ease],
    body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease;
    }

    [data-aos][data-aos][data-aos-easing=ease-in],
    body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in;
    }

    [data-aos][data-aos][data-aos-easing=ease-out],
    body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out;
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out],
    body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out;
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back],
    body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back],
    body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back],
    body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine],
    body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine],
    body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
    body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad],
    body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad],
    body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
    body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic],
    body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic],
    body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
    body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart],
    body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart],
    body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
    body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    }

    [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, transform;
    }

        [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            transform: translate(0);
        }

    [data-aos=fade-up] {
        transform: translateY(100px);
    }

    [data-aos=fade-down] {
        transform: translateY(-100px);
    }

    [data-aos=fade-right] {
        transform: translate(-100px);
    }

    [data-aos=fade-left] {
        transform: translate(100px);
    }

    [data-aos=fade-up-right] {
        transform: translate(-100px, 100px);
    }

    [data-aos=fade-up-left] {
        transform: translate(100px, 100px);
    }

    [data-aos=fade-down-right] {
        transform: translate(-100px, -100px);
    }

    [data-aos=fade-down-left] {
        transform: translate(100px, -100px);
    }

    [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, transform;
    }

        [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            transform: translate(0) scale(1);
        }

    [data-aos=zoom-in] {
        transform: scale(.6);
    }

    [data-aos=zoom-in-up] {
        transform: translateY(100px) scale(.6);
    }

    [data-aos=zoom-in-down] {
        transform: translateY(-100px) scale(.6);
    }

    [data-aos=zoom-in-right] {
        transform: translate(-100px) scale(.6);
    }

    [data-aos=zoom-in-left] {
        transform: translate(100px) scale(.6);
    }

    [data-aos=zoom-out] {
        transform: scale(1.2);
    }

    [data-aos=zoom-out-up] {
        transform: translateY(100px) scale(1.2);
    }

    [data-aos=zoom-out-down] {
        transform: translateY(-100px) scale(1.2);
    }

    [data-aos=zoom-out-right] {
        transform: translate(-100px) scale(1.2);
    }

    [data-aos=zoom-out-left] {
        transform: translate(100px) scale(1.2);
    }

    [data-aos^=slide][data-aos^=slide] {
        transition-property: transform;
    }

        [data-aos^=slide][data-aos^=slide].aos-animate {
            transform: translate(0);
        }

    [data-aos=slide-up] {
        transform: translateY(100%);
    }

    [data-aos=slide-down] {
        transform: translateY(-100%);
    }

    [data-aos=slide-right] {
        transform: translateX(-100%);
    }

    [data-aos=slide-left] {
        transform: translateX(100%);
    }

    [data-aos^=flip][data-aos^=flip] {
        backface-visibility: hidden;
        transition-property: transform;
    }

    [data-aos=flip-left] {
        transform: perspective(2500px) rotateY(-100deg);
    }

        [data-aos=flip-left].aos-animate {
            transform: perspective(2500px) rotateY(0);
        }

    [data-aos=flip-right] {
        transform: perspective(2500px) rotateY(100deg);
    }

        [data-aos=flip-right].aos-animate {
            transform: perspective(2500px) rotateY(0);
        }

    [data-aos=flip-up] {
        transform: perspective(2500px) rotateX(-100deg);
    }

        [data-aos=flip-up].aos-animate {
            transform: perspective(2500px) rotateX(0);
        }

    [data-aos=flip-down] {
        transform: perspective(2500px) rotateX(100deg);
    }

        [data-aos=flip-down].aos-animate {
            transform: perspective(2500px) rotateX(0);
        }
 }   /***********************************************************************************SWIPER******************************************************************************/

    /**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
    .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        /* Fix of Webkit flickering */
        z-index: 1;
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left;
    }

    .swiper-container-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-container-android .swiper-slide,
    .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-container-multirow > .swiper-wrapper {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
    }
    /* Auto Height */
    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide {
        height: auto;
    }

        .swiper-container-autoheight .swiper-wrapper {
            -webkit-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-transition-property: -webkit-transform, height;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform, height;
        }
    /* a11y */
    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000;
    }
    /* IE10 Windows Phone 8 Fixes */
    .swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

    .swiper-wp8-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x;
    }
    /* Arrows */
    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;
    }

        .swiper-button-prev.swiper-button-disabled,
        .swiper-button-next.swiper-button-disabled {
            opacity: 0.35;
            cursor: auto;
            pointer-events: none;
        }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto;
    }

        .swiper-button-prev.swiper-button-black,
        .swiper-container-rtl .swiper-button-next.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
        }

        .swiper-button-prev.swiper-button-white,
        .swiper-container-rtl .swiper-button-next.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
        }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto;
    }

        .swiper-button-next.swiper-button-black,
        .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
        }

        .swiper-button-next.swiper-button-white,
        .swiper-container-rtl .swiper-button-prev.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
        }
    /* Pagination Styles */
    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10;
    }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0;
        }
    /* Common Styles */
    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    /* Bullets */
    .swiper-pagination-bullet {
        width: 20px;
        height: 2px;
        display: inline-block;
        border-radius: 0;
        background: #fff;
        opacity: 0.6;
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }

    .swiper-pagination-white .swiper-pagination-bullet {
        background: #fff;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
    }

    .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff;
    }

    .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000;
    }

    .swiper-container-vertical > .swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0px, -50%, 0);
        -moz-transform: translate3d(0px, -50%, 0);
        -o-transform: translate(0px, -50%);
        -ms-transform: translate3d(0px, -50%, 0);
        transform: translate3d(0px, -50%, 0);
    }

        .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 5px 0;
            display: block;
        }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
    /* Progress */
    .swiper-pagination-progress {
        background: rgba(0, 0, 0, 0.25);
        position: absolute;
    }

        .swiper-pagination-progress .swiper-pagination-progressbar {
            background: #007aff;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: left top;
            -moz-transform-origin: left top;
            -ms-transform-origin: left top;
            -o-transform-origin: left top;
            transform-origin: left top;
        }

    .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top;
    }

    .swiper-container-horizontal > .swiper-pagination-progress {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0;
    }

    .swiper-container-vertical > .swiper-pagination-progress {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

    .swiper-pagination-progress.swiper-pagination-white {
        background: rgba(255, 255, 255, 0.5);
    }

        .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
            background: #fff;
        }

    .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
        background: #000;
    }
    /* 3D Container */
    .swiper-container-3d {
        -webkit-perspective: 1200px;
        -moz-perspective: 1200px;
        -o-perspective: 1200px;
        perspective: 1200px;
    }

        .swiper-container-3d .swiper-wrapper,
        .swiper-container-3d .swiper-slide,
        .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-slide-shadow-bottom,
        .swiper-container-3d .swiper-cube-shadow {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        .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-slide-shadow-bottom {
            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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
            /* Safari 4+, Chrome */
            background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Chrome 10+, Safari 5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 3.6-15 */
            background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Opera 11.10-12.00 */
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 16+, IE10, Opera 12.50+ */
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
            /* Safari 4+, Chrome */
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Chrome 10+, Safari 5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 3.6-15 */
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Opera 11.10-12.00 */
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 16+, IE10, Opera 12.50+ */
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
            /* Safari 4+, Chrome */
            background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Chrome 10+, Safari 5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 3.6-15 */
            background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Opera 11.10-12.00 */
            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 16+, IE10, Opera 12.50+ */
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
            /* Safari 4+, Chrome */
            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Chrome 10+, Safari 5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 3.6-15 */
            background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Opera 11.10-12.00 */
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            /* Firefox 16+, IE10, Opera 12.50+ */
        }
    /* Coverflow */
    .swiper-container-coverflow .swiper-wrapper,
    .swiper-container-flip .swiper-wrapper {
        /* Windows 8 IE 10 fix */
        -ms-perspective: 1200px;
    }
    /* Cube + Flip */
    .swiper-container-cube,
    .swiper-container-flip {
        overflow: visible;
    }

        .swiper-container-cube .swiper-slide,
        .swiper-container-flip .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1;
        }

            .swiper-container-cube .swiper-slide .swiper-slide,
            .swiper-container-flip .swiper-slide .swiper-slide {
                pointer-events: none;
            }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-flip .swiper-slide-active,
        .swiper-container-cube .swiper-slide-active .swiper-slide-active,
        .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto;
        }

        .swiper-container-cube .swiper-slide-shadow-top,
        .swiper-container-flip .swiper-slide-shadow-top,
        .swiper-container-cube .swiper-slide-shadow-bottom,
        .swiper-container-flip .swiper-slide-shadow-bottom,
        .swiper-container-cube .swiper-slide-shadow-left,
        .swiper-container-flip .swiper-slide-shadow-left,
        .swiper-container-cube .swiper-slide-shadow-right,
        .swiper-container-flip .swiper-slide-shadow-right {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        /* Cube */
        .swiper-container-cube .swiper-slide {
            visibility: hidden;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 100%;
            height: 100%;
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-next,
        .swiper-container-cube .swiper-slide-prev,
        .swiper-container-cube .swiper-slide-next + .swiper-slide {
            pointer-events: auto;
            visibility: visible;
        }

        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0px;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.6;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            z-index: 0;
        }
    /* Fade */
    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .swiper-container-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        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;
    }
    /* Scrollbar */
    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 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, 0.5);
        border-radius: 10px;
        left: 0;
        top: 0;
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move;
    }
    /* Preloader */
    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
        -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
        animation: swiper-preloader-spin 1s steps(12, end) infinite;
    }

        .swiper-lazy-preloader:after {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            background-position: 50%;
            -webkit-background-size: 100%;
            background-size: 100%;
            background-repeat: no-repeat;
        }

    .swiper-lazy-preloader-white:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }

    @-webkit-keyframes swiper-preloader-spin {
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes swiper-preloader-spin {
        100% {
            transform: rotate(360deg);
        }
    }
}


@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800&display=swap');
/************************************* Reset Styles ********************************/
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;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;max-width:100%; display:block;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	}
/*::-webkit-scrollbar {
    display: none;
}*/
body{overflow-x:hidden;}
/************************************* Reset End Styles ********************************/
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .clearContainer:after {
	content: " ";
	display: table
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .clearContainer:after {
	clear: both
}
/**************************************Grid End Styles*****************************/
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686; box-sizing:border-box;
}
.safeArea, .sliderInner{max-width:1200px; margin:0 auto; position:relative;}
/************************************* Common End Styles ********************************/
html {
  scroll-behavior: smooth;
}
/*body.homepage{background-color: #171719; height: 100vh; overflow:hidden; position:fixed; left:0; top:0; width:100%;}
	
body.homepage:after{width:300px; height:200px; background-image: url(../images/loader-shape.svg); background-position: center center;
    background-repeat: no-repeat; background-size: 100% auto; position:absolute; left:0; bottom:0; content:"";}*/
/*.allHolder{opacity:0}
.loaded .allHolder{opacity:1}*/
body.loaded{background:none; overflow-y:auto; position:static;}
body.loaded:after{display:none;}
.loaderImgs{position:absolute; left:0%; top:0%; width:100%; height:100%; font-size: 130px; font-weight: 600; color: #4c4c4c;}
.loaderImgs .loaderImg{position:absolute; left:50%; top:50%; width:90%; text-align: center; line-height: 100%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none; z-index:99;}
.loaderImgs .loaderImg.show{display:block !important;}
.loaderImgs .loaderImg img{width:100%; display:block;}
.loaderImgs .loaderImg9{width: 15%;}

.loaded .loaderImgs{display:none;}

.header{position:absolute; left:0; top:0; width:100%; z-index:3; padding:40px 0;}


.header .logoHolder,.menuTop .logoHolder{width:190px;}
.header .logoHolder a, .header .logoHolder img, .menuTop .logoHolder a, .menuTop .logoHolder img{display:block; width:100%;}

.menuTop .logoHolder {float: left;margin-left: -13px;}
@keyframes showIn {
	0% {
		width: 100%;
	}

	50% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes showInSec {
	0% {
		width: 75%;
	}

	50% {
		width: 0;
	}

	100% {
		width: 75%;
	}
}

@keyframes showInThird {
	0% {
		width: 88%;
	}

	50% {
		width: 0;
	}

	100% {
		width: 88%;
	}
}


.menuBtn{position:absolute; right:0; top:13px; width:42px; height:42px; /*background-image:url(../images/menu.svg); background-position:center center; background-size:100% auto; background-repeat:no-repeat;*/ display: flex; justify-content: center; align-items: center;}
#nav-icon3 {width: 32px;height: 19px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;
transition: .5s ease-in-out; cursor: pointer;}
#nav-icon3 span { display: block; position: absolute; height: 2px; width: 100%; background: #ffffff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 8px; width:75%;left: -3px;}
#nav-icon3 span:nth-child(4) {top: 16px;width:88%;}

a.menuBtn:hover #nav-icon3 span:nth-child(1) {animation: showIn 0.4s;}

a.menuBtn:hover #nav-icon3 span:nth-child(2), a.menuBtn:hover #nav-icon3 span:nth-child(3) {animation: showInSec 0.7s;}

a.menuBtn:hover #nav-icon3 span:nth-child(4) {animation: showInThird 0.5s;}

body.active a.menuBtn:hover #nav-icon3 span:nth-child(1), body.active a.menuBtn:hover #nav-icon3 span:nth-child(2), body.active a.menuBtn:hover #nav-icon3 span:nth-child(3), body.active a.menuBtn:hover #nav-icon3 span:nth-child(4) {animation: none;}


a.menuBtn.open #nav-icon3 span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
a.menuBtn.open #nav-icon3 span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
a.menuBtn.open #nav-icon3 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
a.menuBtn.open #nav-icon3 span:nth-child(4) {top: 18px;width: 0%;left: 50%;}


.mainBanner{/*height:90vh;*/ width:100%; overflow:hidden; position:relative;}
.mainBanner:after{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; background-color:rgba(0,0,0,0.15);}
.mainBanner .bannerImg{background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; position:relative;}
.mainBanner .bannerShape{position:absolute; content:''; left:-50px; top:100px; transform:translateY(-50%); width:350px; height:263px; background-image:url(../images/Graphic-2.svg); z-index:3; background-repeat: no-repeat;}
body.loaded .mainBanner .bannerImg:before {left:50px;}
/*.mainBanner .bannerImg:after{position:absolute; content:''; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:2;}*/
.mainBanner h1{position:fixed; top:50%; left:0; font-size:160px; font-weight:600; color:#fff; text-align:center; width:100%; z-index:3;}
.mainBanner h1 span{font-size:60px; font-weight:400; display:block;}
.topHeading h1{position:fixed; top:50%; left:0; font-size:160px; font-weight:600; color:#000; text-align:center; width:100%;}
.topHeading h1 span{font-size:60px; font-weight:400; display:block; color:#8e8e8e;}

.titlePosition{position:fixed; top:50%; left:0;}

.topHeading.fixTitle h1{position:static;}

.projectsList > ul > li{padding:0 100px; width:100%; box-sizing:border-box;}
.projectsList  h2.projectTitle{color:#1e1e1e; font-size:55px; line-height:100px; font-weight:600; text-align:center; }
.projectsList .titlesList{height:100px; margin-bottom:30px; overflow:hidden; position:relative; z-index:4;}
.projectsList > ul > li .projectImg{width:100%; /*height:calc(100vh - 400px);*/ margin-bottom:20px;}
.projectsList > ul > li .projectImg img{width:100%; display:block; object-fit:cover; height:100%;}

.projNumbers{max-width:1130px; margin:0 auto; display:block; box-sizing:border-box;}
.projNumbers ul{font-size:0; width:100%; float:none;  box-sizing:border-box; display:block; padding:50px 0 0; text-align:left;}
.projNumbers ul li {width: auto;display: inline-block;padding: 0 25px 0 0;box-sizing: border-box;border-right: 1px solid #cccccc;vertical-align: top;text-align: center;margin-right: 25px;}
.projNumbers ul li:last-child{border:0 none;}
.projNumbers ul li .noIcon{width: 100%; display: flex; min-height: 50px;align-items: center;justify-content: center; margin-bottom:20px;}
.projNumbers ul li .noIcon img {max-width: 45px;}
.projNumbers ul li .noText{font-size:30px; font-weight:600; color:#3a3a3a; text-align:center;}
.projNumbers ul li .noText span{font-size:16px; font-weight:300; display:block; text-transform:uppercase;}

.projNumbers .projDesc{box-sizing: border-box;color: #3a3a3a;}
.projNumbers .projDesc h3 {font-size: 24px;font-weight: 700;margin-bottom: 5px;text-transform: uppercase;color: #000;}
.projNumbers .projDesc .descText{font-size:15px; color:#000; font-weight:600;text-transform:uppercase;}
.projNumbers .projDesc .borderBtn{display:inline-block; margin-top:20px;}
.projNumbers .projDesc .borderBtn a{border:2px solid #000000; padding:15px 10px; color:#000; font-size:12px; display:block;}
.projNumbers .projDesc .borderBtn a:hover{background-color:#000; color:#fff;}

.topHeading{ height:300px; box-sizing:border-box;}
.attacheProj .projTitleHolder{position: fixed; left:0; top:0; width:100%; height:100px; overflow:hidden;}

.titlesInnerList{position:absolute; top:0; width:100%;}

.titlesList[data-show="proj-1"] .titlesInnerList{top:0;}
.titlesList[data-show="proj-2"] .titlesInnerList{top:-100px;}
.titlesList[data-show="proj-3"] .titlesInnerList{top:-200px;}
.titlesList[data-show="proj-4"] .titlesInnerList{top:-300px;}
.titlesList[data-show="proj-5"] .titlesInnerList{top:-400px;}

.titlesInnerList, .projectsList > ul > li:nth-child(2n) .projNumbers ul{float:right; border-right:0 none;}
.projectsList > ul > li:nth-child(2n) .projInfoHolder{border-left:1px solid #cccccc}

#proj-3{background-image:url(../images/Intro-Graphic-Element-2.svg); background-position:left bottom; background-repeat:no-repeat; background-size:200px auto;}
#proj-4{background-image:url(../images/Intro-Graphic-Element-3.svg); background-position:left bottom; background-repeat:no-repeat; background-size:200px auto;}

.viewAll{text-align:center;}
.viewAll a{display:block; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:14px; color:#3a3a3a; font-weight:600; padding:25px 0; }
.viewAll a span, .teamLink a, .newsDate{position:relative; padding-left:28px;}
.viewAll a span:after, .teamLink a:after, .newsDate:after{content:""; left:0; top:50%; width:22px; height:11px; background-image:url(../images/arrow-right.svg); background-position:left center; background-repeat:no-repeat; background-size:auto 100%; position:absolute; margin-top:-5px;}
.viewAll a:hover{background-color:#000; color:#fff;}
.viewAll a:hover span:after{background-image:url(../images/link-white-arrow.svg); background-repeat: no-repeat;}
.teamLink a:hover:after{left:3px;}

.projectsList{margin-bottom:90px;}
.whatWeDoBlock{margin-bottom:90px;}
.ourTeamBlock {margin-bottom:90px;}
.latestNew{padding-bottom:90px;}


.whatWeDoBlock #slider .slides img{width:100%; display:block;}

.hpBlock h2, h2.sectionTitle{color:#1e1e1e; font-weight:600; font-size:34px; text-align:left; margin-bottom:35px; }
.whatWeDoBlock #slider .slides li{position:relative; height:93vh; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.whatWeDoBlock #slider .slides li:after{content:""; width:100%; height:100%; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.15); position:absolute;}

.whatWeDoSlider{position:relative;}
.whatWeDoSlider .wwdCarouselHolder{position:absolute; left:0; bottom:30px; width:100%; z-index:3;}
.whatWeDoSlider .flex-direction-nav{position: absolute; bottom: 30px; left:0; right:0; }
.whatWeDoSlider .wwdCarouselHolder ul li{text-align:center; font-size:20px; color:#fff; cursor:pointer; opacity:0.6;text-transform:lowercase; }
.whatWeDoSlider .wwdCarouselHolder ul li .ItemsInnerHolder{border-bottom:2px solid #fff; padding-bottom:10px; min-height:200px; padding:0 10px; position:relative;}
.whatWeDoSlider .wwdCarouselHolder ul li .ItemsInnerHolder .itemIcons{width: 90px; height: 90px; display: inline-block; margin-bottom: 10px; position:relative; overflow:hidden;}
.whatWeDoSlider .wwdCarouselHolder ul li .ItemsInnerHolder .itemIcons .iconHolder{position:absolute; left:50%; top:150%; width:80%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.whatWeDoSlider .wwdCarouselHolder ul li:hover .ItemsInnerHolder .itemIcons .iconHolder{top:50%}
.whatWeDoSlider .wwdCarouselHolder ul li.flex-active-slide{font-weight:600; opacity:1;}
.whatWeDoSlider .wwdCarouselHolder ul li.flex-active-slide .ItemsInnerHolder .itemIcons .iconHolder{top:50%}
.whatWeDoSlider .sliderContent{width:560px; font-size:37px; color:#fff; font-weight:600; position:absolute; right:0; top:100px; z-index:3;}
.whatWeDoSlider .sliderContent .sliderText{line-height:50px;}
.whatWeDoSlider .borderBtn, .serviceBlock .borderBtn{margin-top:20px;}
.whatWeDoSlider .borderBtn a, .careersList .borderBtn a, .serviceBlock .borderBtn a{font-size:12px; font-weight:bold; display:inline-block; border:2px solid #fff; padding:20px; color:#fff;}
.whatWeDoSlider .borderBtn a:hover, .careersList .borderBtn a:hover, .serviceBlock .borderBtn a:hover{background-color:#fff; color:#000;}


.teamList ul{width:100%; display:inline-block;}
.teamList ul li{width:23.5%; margin-right:2%; float:left; margin-bottom:10px;}
.teamList ul li:nth-child(4n){margin-right:0;}
.teamList ul li .teamImg{overflow:hidden; margin-bottom:2px;}
.teamList ul li .teamImg a, .teamList ul li .teamImg a img{width:100%; display:block;}
.teamList ul li .teamImg a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.teamList ul li .teamName{ margin-bottom:0;}
.teamList ul li .teamName a{color:#666767; font-size:17px; font-weight:400;}
.teamList ul li .teamPos{margin-bottom:5px; font-size:10px; font-weight:400;  color:#666767;}
.teamList ul li .teamText{margin-bottom:15px; font-size:14px; font-weight:400; color:#3a3a3a;}
.teamLink a{color:#3a3a3a; font-weight:700;}

.hpNewsHolder{display:flex; margin-bottom:35px;}
.highlightedNews{flex: 2; width:62%; margin-right:4%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.hpNewsHolder .newsList{flex: 1; width:33%;}
.newsList ul li{border-bottom:1px solid #d1d1d1; padding-bottom:30px; margin-bottom:30px;}
.hpNewsHolder .newsList ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0 none;}
.hpNewsHolder .newsTitle a{color:#000000; font-size:20px; font-weight:600;}
.hpNewsHolder .newsTitle a:hover{color:#d1d1d1;}
.hpNewsHolder .newsDate{margin-bottom:10px;}
.newsDate:after{background-image:url(../images/link-grey-arrow.svg); background-repeat: no-repeat;}
.highlightedNews .newsHolder{position:absolute; left:40px; bottom:40px; width:80%; color:#fff} 
.highlightedNews .newsHolder .newsTitle a{color:#fff; font-size:44px;}


.careersBlock{background-position:center center; background-repeat:no-repeat; background-size:cover; padding:80px 0; position:relative; background-attachment: fixed;}
.careersBlock h2{color:#fff; margin-bottom:0; font-size:70px;}
.careersBlock h3{text-align:center; color:#fff; margin-bottom:20px; font-size:30px;}
.careersBlock .highlightedText{color:#fff; font-size:22px; font-weight:400; max-width:640px; margin:0 auto 30px auto; text-align:center;}
.careersList ul{width:100%; font-size:0;}
.careersList ul li{width:32%; display:inline-block; margin-right:2%;}
.careersList ul li:nth-child(3n){margin-right:0;}
.careersList ul li .vacHolder{border:1px solid #fff; padding:55px 40px;}
.careersList ul li h4{font-size:24px; font-weight:600; color:#fff; margin-bottom:10px; min-height:80px;}
.careersBlock .viewAll a{color:#fff; border:0 none; padding-top:40px; padding-bottom:0;}
.careersBlock .viewAll a span:after{background-image:url(../images/link-white-arrow.svg); background-repeat: no-repeat;}

.footer{background-color:#ffffff; padding:30px 0;border-top: 1px solid #e0e0e0;}
.footerTop{margin-bottom:50px;}
.footerLeft{float:left; width:50%;}
.footerRight{float:left; width:50%; /*padding-top:50px; border-top:8px solid #171719;*/}

.footerLogo {
	width: 180px;
	margin-bottom: 0;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.footerLogo img{width:100%; display:block; }
.footer h3{font-size:40px; color:#171719; font-weight:600; margin-bottom:50px; text-transform:uppercase;}



.footerRight .borderBtn {
	float: left;
}
.smLinks ul li{display:inline-block; width:25px;}
.footerRight .smLinks {
	float: right;
	margin-top: 10px;
}

.smLinks ul li:first-child{margin-right:20px;}
.smLinks ul li a{width:30px; height:30px; display:block; background-repeat:no-repeat; background-size:100% 100%;}
.smLinks ul li.twitterLink a{background-image:url(../images/twitter.svg);}
/*.smLinks ul li.twitterLink:hover a{background-image:url(../images/twitter-grey.svg);}*/
.smLinks ul li.linkedinLink a{background-image:url(../images/linkedin.svg); width: 40px; background-size: auto 100%;}
/*.smLinks ul li.linkedinLink:hover a{background-image:url(../images/linkedin-grey.svg);}*/


.sitemapLinks ul li{margin-bottom:20px;}
.sitemapLinks ul li a{font-size:22px; font-weight:600; color:#171719;}
.sitemapLinks ul li a:hover{text-decoration:underline;}


.footer .borderBtn a{border:2px solid #171719; padding:15px 20px; font-weight:600; font-size:14px; color:#171719; display:inline-block; margin-right:10px}
.footer .borderBtn a:hover, .newsletterHolder .nlAction input:hover{background-color:#171719; color:#fff;}

.newsletterHolder{width:65%; font-size:0; margin-bottom:50px;}
.newsletterHolder .inputHolder{width:65%; margin-right:5%; display:inline-block; position:relative;}
.newsletterHolder .inputHolder input{width:100%;}
.newsletterHolder .inputHolder input{ border:0 none; box-sizing:border-box; border-bottom:1px solid #636363; padding:20px 5px; background-color:transparent; color:#fff; font-size:14px; font-weight:400;}
.newsletterHolder .nlAction{width:30%; display:inline-block;box-sizing:border-box; cursor:pointer;}
.newsletterHolder .nlAction input{padding:20px 40px; border:2px solid #fff; color:#fff; font-size:14px; font-weight:600; background-color:transparent; cursor:pointer;}

.cp {
	float: none;
	font-size: 13px;
	font-weight: 400;
	color: #171719;
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	position: relative;
	left: calc(100% - 66%);
	transform: translateX(-50%);
}
.desDev{float:right;font-size:13px; font-weight:400; color:#171719; display:none;}
.desDev a{font-size:13px; font-weight:400; color:#171719}
.desDev a:hover{text-decoration:underline;}

.arrowUp{position:absolute; right:100%; top:50%; width:90px; height:110px; background-image:url(../images/arrow-up.svg); background-position:center center; background-repeat:no-repeat; background-size:100% auto; margin-top:-55px; margin-right:20px;}
.careersBlock .viewAll a:hover{background-color:transparent;}
.careersBlock .viewAll a:hover span:after{left:3px;}

.projectsHolderList ul.workingList{padding:0; margin:0 auto; width:100%; display:inline-block; box-sizing:border-box;}
.subPageHolder .projectsList.hpBlock .projectsHolderList ul.workingList {display:block;}
ul.workingList li{float:left; width:24.25%; margin-right:1%; margin-bottom:12px; position:relative;}

ul.workingList li:nth-child(4n){margin-right:0;}
.tabsMain.projectsHolderList {position: relative;}
.tabsMain.projectsHolderList .tabsLinks {position: absolute;right: 1.875%;top: -90px;}

.tabsLinks{display:block; margin-bottom:30px;}
.tabsLinks a {display: inline-block;padding: 10px;color: #d6d6d6;font-size: 12px;text-decoration: none; padding-top:20px; position:relative; font-weight:600; }
.tabsLinks a:before{position:absolute; content:''; top:0; left:50%; transform:translateX(-50%); background-repeat:no-repeat;}
.tabsLinks a.listLink{margin-right:20px;}
.tabsLinks a.listLink:before{background-image:url(../images/listview.svg); width:15px; height:15px; background-repeat: no-repeat;}
.tabsLinks a.mapLink:before{background-image:url(../images/mapview.svg); width:15px; height:15px; background-repeat: no-repeat;}
.tabsLinks a.listLink.active:before, .tabsLinks a.listLink:hover:before{background-image:url(../images/listview-active.svg); background-repeat: no-repeat;}
.tabsLinks a.mapLink.active:before, .tabsLinks a.mapLink:hover:before{background-image:url(../images/mapview-active.svg); background-repeat: no-repeat;}
.tabsLinks {text-align: center;}
.tab {display: none;}
.tabsLinks a.active, .tabsLinks a:hover {color: #3a3a3a;}
ul.workingList li .imgHolder{display:block;width:100%; overflow:hidden; position:relative;}
ul.workingList li .imgHolder:after{position:absolute; content:''; background-color:rgba(0,0,0,0.15); left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
ul.workingList li > a{position:absolute; content:''; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:99;}

ul.workingList li .imgHolder img {display: block; max-width: 100%; width:100%; -webkit-transform: scale(1.2);transform: scale(1.2);/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);*/}
ul.workingList li .workInfoList {text-align: left;position: absolute; bottom: 0; padding: 10px; left: 0; right: 0; opacity:0; visibility: hidden;  background-color: rgba(255,255,255,0.6); top:0;}

@media all and (min-width: 1025px){
ul.workingList li:hover .imgHolder img {-webkit-transform: scale(1);transform: scale(1);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);}
ul.workingList li:hover .workInfoList{opacity:1; visibility: visible;}
}


.mapHolder{height:720px;}
.mapHolder img {display: block; max-width: 100%;}
.projectsTitle {color: #000000; font-size: 20px; font-weight: 700; line-height: 26px; display: block; margin-bottom: 5px;}
.homepage .projectsTitle{color:#ffffff;}
.projectSubTitle, .projectSubTitle span {display: inline-block; color: #000; font-size: 13px; font-weight: 500;}
.projectSubTitle{display:block; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #000;}
.readMore{display:block;}
.readMore a{display:inline-block; padding-left:30px; position:relative; color:#fff; font-size:14px; font-weight:600;}
.readMore a:before{position:absolute; content:''; left:0; top:50%; background-image:url(../images/Link-arrow-white.svg); width:18px; height:11px;transform:translateY(-50%); background-repeat: no-repeat; background-size:100% 100%;}
.readMore a:hover:before{left:5px;}
.projectsHolderList .viewAll .safeArea {max-width: 1600px; padding: 0 1.875%; margin:0 auto;}
.whatWeDoSlider .flex-direction-nav li.flex-nav-prev {position: absolute; content: ''; left: -20px; width: 20px; height: 11px;  text-indent: -9999px;}
.whatWeDoSlider .flex-direction-nav li.flex-nav-next {position: absolute; content: ''; right: -20px; width: 20px; height: 11px;  text-indent: -9999px;}
.whatWeDoSlider .flex-direction-nav li.flex-nav-prev a{display:block; width:20px; height:11px; background-image:url(../images/Link-arrow-white.svg); background-repeat:no-repeat; transform:rotate(180deg);}

.whatWeDoSlider .flex-direction-nav li.flex-nav-next a{display:block; width:20px; height:11px; background-image:url(../images/Link-arrow-white.svg); background-repeat:no-repeat;}
#carousel {position: relative; padding: 0 20px;}
.whatWeDoSlider #slider .flex-direction-nav{display:none;}
.allHolder{position:relative; right:0;}
/*body.open .allHolder:after{position:absolute; content:''; background-color:rgba(0,0,0,0.6); left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:99;}*/

.menuHolder{right: -100%;position: fixed;top: 0;bottom: 0;height: 100vh;background-color: rgba(255,255,255,0.8);width: 100%;z-index: 999; transition: all 1.8s cubic-bezier(.77,0,.175,1);}
body.open .menuHolder{right:0;}
body.open .mainBanner h1{left:-300px;}
.menuExpInner {padding: 40px 0;opacity: 0;-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;transition-delay: 0s;-webkit-transform: translatex(0px);transform: translatex(0px);-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
body.open .menuExpInner {opacity: 1;}
.menuTop {display: block; margin-bottom: 8vh;}
.langSelector {float: left; display:none;}
.langSelector a{color:#3f3f3f; font-size:20px;}
.langSelector a:hover{text-decoration:underline;}
.closeMenu {float: right; margin-right:10px; margin-top:10px;}
.closeMenu a{display:block;width:24px; height:24px;}
.closeMenu a img{display:block; width:24px; height:24px;}
a.menuBtn.open, .homepage.open .header .logoHolder{display:none;}

.menuHolder ul li {display: block; margin-bottom:5vh;}
.menuHolder ul li:last-child{border-bottom:none;}
.menuHolder ul li a{display:block; padding:0; color:#000; font-size:22px; font-weight:600; position:relative;}
/*.menuHolder ul li a:after{position:absolute; content:''; background-color:#3f3f3f; height:1px; left:0; right:0; width:100%; bottom:0;}
.menuHolder ul li:hover{background-color:#3f3f3f;}*/
.menuHolder ul li:hover a{ text-decoration:underline;}
.menuHolder ul li:hover a:after{display:none;}
/************************************************************PROJECTS***************************************************************/

.subPageHolder {position: relative; right: 0;}
.subPageHolder:after{position:absolute; content:''; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.15); display:none;}

body.open .subPageHolder:after{display:block;}
.subPageHolder .projectsList.hpBlock {margin-bottom: 50px;}
.subPageHolder .header {position: fixed; left: 0; top: 0; width: 100%; z-index: 6; padding: 25px 0; background-color:#fff; display:block;}
body.open .subPageHolder .header {display:none; z-index: 0;}
.fixedMenu .subPageHolder .header{padding:5px 0;}
.fixedMenu .header .logoHolder{width:150px}
.subPageHolder #nav-icon3 span{background: #000;}
.subPageBanner, .workMenuList {text-align: center;}
.subPageHolder .allPageHolder {padding-top: 120px;}
.breadCrumbs {margin-bottom: 20px; text-align:center;}
.breadCrumbs ul li {display: inline-block; margin-right:10px;}
.breadCrumbs ul li:last-child{margin-right:0;}
.breadCrumbs ul li a {color: #8c8c8c; font-size: 14px; font-weight: 300; position: relative; /*text-transform:uppercase;*/}
.breadCrumbs ul li a:before{position:absolute; content:''; bottom:-1px; background-color: #8c8c8c; left:0; right:0; height:1px; width:0;}
.breadCrumbs ul li a:hover:before{width:100%;}
.breadCrumbs ul li a::after {position: absolute;content: '';background-color: #8c8c8c;bottom: 4px;right: -7px;height: 2px;width: 2px;   border-radius: 50%;}
.breadCrumbs ul li.active a:after, .breadCrumbs ul li.active a:hover:before{display:none;}
.breadCrumbs ul li.active a{color:#000; font-weight:600; font-size:34px;}
.subPageBanner h1 {font-size: 130px; color: #1e1e1e; line-height: 160px; display: block; font-weight:600;position: relative; z-index: 2;}
.workMenuList {margin-bottom: 50px;}
.workMenuList ul li{display:inline-block; margin-right:2vw; border-radius:30px;margin-top: 15px;}

.workMenuList ul li:last-child{margin-right:0;}
.workMenuList ul li a{color: #8c8c8c; font-size: 15px; font-weight: 300; position:relative; display:block;}
.workMenuList ul li.active a{color:#000; font-weight:600; text-decoration:underline;}
.workMenuList ul li:hover a{color:#000; text-decoration:underline;}
.workMenuList ul li:hover a{color:#000;}
/*.workMenuList ul li a:after{width:0;position:absolute; content:''; bottom:-5px; left:0; right:0; height:2px; background-color:#3a3a3a;}
.workMenuList ul li:hover a:after, .workMenuList ul li.active a:after{width:100%;}*/
/**************************************************************************************************************************************/
.subPageBanner .bannerImg{background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative;}
.subPageBanner.whiteText .bannerImg:before{position:absolute; content:''; background-color:rgba(0,0,0,0.15); left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:2;}
.subPageBanner .backLink{display:block; text-align:left;position: absolute;top: -110px;left: 10px;}
.subPageBanner .backLink a{display:inline-block; color:#000; font-size:14px; padding-left:30px; position:relative; font-weight:600;}
.subPageBanner .backLink a:before{position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); background-image:url(../images/Backarrowblack.svg); width:20px; height:11px; background-repeat: no-repeat;}
.subPageBanner .backLink a:hover:before{left:-5px;}
.subPageBanner.whiteText .bannerImg{ padding:30px 0; height:70vh;}
.subPageBanner.whiteText .safeArea{position:relative; max-width:1600px; z-index:3;}
.subPageBanner.whiteText .breadCrumbs ul li a, .subPageBanner.whiteText h1, .subPageBanner.whiteText .smallBannerDes{color:#fff;}
.subPageBanner.whiteText .breadCrumbs ul li a::after{background-color:#fff;}
.smallBannerDes {font-size: 14px;font-weight: 600;display: block; margin-bottom: 150px; margin-top:20px;}
.subPageHolder .bodyContent {padding: 80px 0; position:relative;}
.centeredLightText{text-align:center; font-size:18px; font-weight:200; color:#3a3a3a; line-height:30px; margin-bottom:90px;}
.centeredLightText .safeArea {max-width: 910px;margin: 0 auto;}
/*.projectsList.hpBlock.otherProjects,  .projectsList.hpBlock.otherProjects ul.workingList li{margin-bottom: 0;}*/


.projectsSlider{margin-bottom:90px;}
.projectsSlider .swiper-slide {height: 545px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position:relative;}
.projectsSlider .swiper-pagination {position: relative; -webkit-transition: 300ms; -moz-transition: 300ms;   -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; max-width: 1000px; bottom: 30px; margin: 0 auto; text-align: center;}
.projectsSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.projectsSlider .swiper-pagination-bullet{width:45px; height:3px;}
.sliderContent, .sliderContent .safeArea.posRel {height: 100%;}
.sliderContent .safeArea.posRel{max-width: 1000px; z-index:2;}
.sliderCaption {position: absolute; bottom: 55px; left: 0; right: 0; border-top: 1px solid rgba(255,255,255,0.5); padding-top:20px;}
.pagination, .smallText {color: #fff; display: inline-block; font-size:18px;}
.pagination{margin-right:5px;}
.projectsSlider .swiper-container .swiper-slide:after {position: absolute; content: ''; background-color: rgba(0,0,0,0.15); left: 0; top: 0; width: 100%;height: 100%;right: 0; bottom: 0; z-index: 1;}
/***************************************************************SERVICES***********************************************************/
.serviceBlock{margin-bottom:40px;}
.serviceBlock:last-child{margin-bottom:0;}
.serviceImgBlock {background-repeat: no-repeat;height: 80vh;background-size: cover;position: relative;display: flex;align-items: center;}
.serviceImgBlock:after{position:absolute; content:''; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.15); z-index:1;}
.rightBlock {width: 45%; padding-left:45%; position: relative;  padding-right: 10%; z-index:2; padding-top:80px; padding-bottom:80px;}
.leftBlock {width: 45%; padding-right:45%; position: relative;  padding-left: 10%; z-index:2; padding-top:90px; padding-bottom:90px;}
.serviceTitle {display: block; color: #fff; font-size: 34px; line-height: 42px; font-weight: 600; margin-bottom: 30px;}
.textList ul li {display: block; color: #fff; font-size: 16px; margin-bottom: 8px; padding-left: 20px; position: relative; line-height: 18px;}
.textList ul li:before{width:8px; height:8px; border:1px solid #fff; position:absolute; content:''; left:0; top:3px;}
.noPadBot{padding-bottom:0 !important;}
.bodyText {color: #fff;font-size: 16px;font-weight: 200;}
span.architectureIcon {float:left; width: 65px; height: 100%; margin-right: 20px; vertical-align: middle;}
span.architectureIcon img{max-height:65px;}
.margBot40{margin-bottom:40px;}

.bannerSubTitle{margin-top:20px; margin-bottom:150px; font-size:30px; font-weight:600; color:#fff;}
.blackBoldDesc{color:#3a3a3a; font-size:25px; font-weight:600; margin-bottom:65px;}
h3{font-size:40px; font-weight:600; display:block; margin-bottom:25px; color:#3a3a3a;}
.splitList{margin-bottom:40px;}
.splitList ul li{display:inline-block; width:45%; margin-right:5%; position:relative; margin-bottom: 10px; padding-left:2%; font-size:18px; color:#3a3a3a; font-weight:200;}
.splitList ul li:nth-child(2n){margin-right:0;}
.splitList ul li:before{position:absolute; content:''; left:0; top:10px; border:1px solid #3a3a3a; width:6px; height:6px;}
.subPageHolder .bodyText{color:#3a3a3a; margin-bottom:40px;}
.subPageHolder .serviceBlock .bodyText {color: #fff;}
.margTop80{margin-top:80px;}
.halBlocksHolder{margin-bottom:80px;}
.halfBlockRow {display:inline-block; font-size:0;}
.textHolder{font-size:18px; font-weight:200; color:#3a3a3a;}
.halfBlockRow .textHolder, .halfBlockRow .imageHolder{display:inline-block; width:46%; vertical-align:middle;}
.margRight{margin-right:8%;}
.aboutFullBlock{background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 150px 0;  background-attachment: fixed; background-image:url(../images/about2.jpg); position:relative; margin-bottom: 80px;}
.aboutFullBlock:after{position:absolute; content:''; background-color:rgba(0,0,0,0.15); left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:1;}
.whiteDesc{margin:0 auto; color:#fff; max-width:1000px; font-size:30px; font-weight:600; text-align:center; position:relative; z-index:2;}
.fixedBlockTable{display:table; width:100%;}
.fixedBlockTable .safeArea{max-width:1600px; margin:0 auto;}
.fixedBlockTable .halfFixed{display: table-cell; width:50%; position:relative; min-width:631.5px;}
.absoluteImg img , .halfFixed img{max-width:100%; width:auto; display:block;}
.absoluteImg img{width:100%;}
.absoluteImg{position:absolute; content:''; bottom:0; right:0; left:0; width:100%;}
.halfFixed .textHolder{margin-bottom:80px; padding-left:calc((100vw - 1130px) / 2); padding-right:50px;}
@media all and (min-width: 1600px) and (max-width: 4000px){
	.halfFixed .textHolder{padding-left:calc((1600px - 1130px) / 2); }
}


.aboutSum{background-color:#171719; padding:80px 0; }
.highlightedSum{width:46%; margin-right:2%; float:left;}
.smallSum{width:25%; margin-right:2%; float:left;}
.smallSum:nth-child(3){margin-right:0;}
.highlightedSum .sumInfo {padding: 25px 0; border-top: 10px solid #7f7f7f;}
.sumInfo .smallText {font-size: 30px; font-weight: 600; color: #7f7f7f; line-height: 30px; margin-bottom: 15px;}
.elNumber {color: #fff; font-size: 120px;line-height: 120px;font-weight: 600;display: block;margin-bottom: 20px;}
.subPageHolder .ourTeamBlock {margin-bottom: 0;}

.quoteBlock{padding:80px 0; text-align:center;}
.quoteText{display:block; padding:0 80px; color:#000000; font-size:30px; font-weight:600; margin-bottom:50px; position:relative;}
.quoteText:before, .quoteText:after{position:absolute; content:''; background-repeat:no-repeat;  width:63px; height:45px;background-image:url(../images/quote1.svg);}
.quoteText:before{ left:0; top:-35px;}
.quoteText:after{transform:rotate(180deg); bottom:-45px; right:0;}
.quoteName {font-size: 20px;color: #3a3a3a;font-weight: 600;}
.quotePosition{font-size:14px; font-weight:600; color:#3a3a3a;}
.bannerPosition{color:#000; font-size:20px; font-weight:600;}
.teamBody  .subPageBanner .backLink{margin-bottom:300px;}
.subPageHolder .teamContainer .bodyText{font-size:18px; line-height:30px;}
.teamContainer .blackBoldDesc{margin-bottom:45px;}
a.menuBtn.closeTeam {width: 29px; height: 29px;}
.followHolder{display:block; margin-top:50px;}
.followHolder span, .followHolder a{display:inline-block;}
.followHolder span{color:#3a3a3a; font-size:18px; font-weight:600; margin-right:25px;}
.followHolder a{font-size:16px; font-weight:300; position:relative; margin-right:25px; color:#3a3a3a;}
.followHolder a:last-child{margin-right:0;}
.followHolder a:after{position:absolute; content:''; background-color:#3a3a3a; height:1px; width:100%; left:0; bottom:-4px;}
.followHolder a:hover:after{width:0;}
/***************************************************************News**********************************************************/
.subMenu{display:block; text-align:center; margin-bottom:30px;}
.subMenu ul li {display: inline-block; margin-right: 20px;}
.subMenu ul li:last-child{margin-right:0;}
.subMenu ul li a{color:#8c8c8c; font-size:14px; font-weight:300; position:relative;}
.subMenu ul li.active a{font-weight:600; color:#3a3a3a;}
.subMenu ul li:hover a{color:#3a3a3a;}
.subMenu ul li.active a:after{position:absolute; content:''; bottom:-5px; width:100%; height:2px; background-color:#3a3a3a; left:0; right:0;}
.margBot80 { margin-bottom: 80px;}
.latestNewsBlock .safeArea{max-width:1250px;}
.swiperInfoHolder {padding: 40px 120px;}
.swiperInfoHolder .newsTitle a {color: #070707;font-weight: 600;font-size: 44px; line-height: 55px;}
.latestNewsBlock .swiper-pagination.swiper-pagination-bullets { width: auto; display: block; left: 120px;}
.latestNewsBlock .swiper-pagination-bullet{background:#e2e2e2; opacity:1;}
.latestNewsBlock .swiper-pagination-bullet-active {background: #000;}
.otherNews .newsList ul li{width: 32%; margin-right: 2%; float: left; }
.otherNews .newsList ul li:nth-child(3n){margin-right:0;}
.otherNews .newsList ul li .newsImg img {max-width: 100%; display:block;}
.otherNews .newsList ul li:hover .newsImg img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsImg{margin-bottom:15px; overflow:hidden;}
.otherNews .newsList { margin-bottom: 50px;}
.newsList .newsDate { margin-bottom: 10px;}
.newsList .newsTitle a {color: #000; font-weight: 600; font-size: 19px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.newsList .newsTitle a:hover{color:#565555;}
.whatWeDo ul li {float: left; width: 49%; margin-right: 2%;}
.whatWeDo ul li:nth-child(2n) {margin-right: 0;}
.padHolder {padding: 30px 40px; border: 1px solid #b0b0b0; height:100%;box-sizing: border-box;}
.listIcon {float: left; width: 18%; margin-right: 5%;}
.listInfo {float: left; width: 77%;}
.listTitle {font-size: 20px; color: #3a3a3a; font-weight: 600; display: block; margin-bottom: 10px;}
.listDesc {color: #3a3a3a; font-size: 14px; font-weight: 300;}
.bannerDate{color:#fff; font-weight:300; margin-top:50px; margin-bottom:20px; display:block;}
.newsBody .backLink {margin-bottom: 350px;}
.newsBody h1{font-size:55px; line-height:60px;}
.withBorders{padding-top:70px; padding-bottom:30px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.newsBody .newsList ul li{margin-bottom:0;}
.prevNextArticles{display:block; margin-top:50px;}
.prevNextArticles a{color:#000; background-color:transparent; font-size:12px; font-weight:600; padding:15px; border:1px solid #000; min-width:115px; text-align:center;}
.prevNextArticles a:hover{color:#fff; background-color:#000;}
a.prevBtn{float:left;}
a.nextBtn{float:right;}
.careersFilter{border-bottom: 1px solid #e8e8e8; padding:0 0 40px 0;}
/************************************************************Careers********************************************************************/
.formTitle{display:block; color: #3a3a3a; margin-bottom: 30px; font-size: 22px; font-weight: 600;}
.contactForm {max-width: 800px;margin: 0 auto;}
.inputEntity {margin-bottom: 50px;position: relative;}
.inputEntity input[type=text], .inputEntity input[type=password], .inputEntity textarea, select, .fileUpload {border: 1px solid #b7b7b7;border-radius: 0;display: block;width: 100%;padding: 0 10px;height: 40px;}
.errorInput {border: 1px solid #e33c3c !important;}
.inputEntity textarea {height: 160px;margin: 0;}
.inputEntity label {display: block;margin-bottom: 5px;font-size: 16px;font-weight: 300; color: #000;}
.erroMessage {position: absolute;bottom: 100%;left: 0;padding-top: 5px;color: #e33c3c;font-weight: 600;	font-size: 11px;}
label + .erroMessage {bottom: inherit;top: 0;right: 0;left: inherit;}
input[type=date] {height: 40px; border-radius: 0; border: 1px solid #b7b7b7; -webkit-appearance: none; width:100%;}
.formActions {text-align: right;margin-top: 40px;}
.inputEntity.codeCountry {margin-bottom: 0;}

.fileUpload {overflow: hidden;position: relative;box-sizing: border-box;}
.fileUpload input {font-size: 15px;position: absolute;top: 0;right: 0;opacity: 0;cursor: pointer;z-index: 99;left: 0;width: 100%;height: 100%;}
.fileUpload:after {content: "";position: absolute; right: 10px;top: 50%; transform:translateY(-50%); z-index: 1; background-image:url(../images/browse.svg); width:18px; height:18px;background-repeat: no-repeat;}
.uploadValue {display: block;left: 15px;opacity: 1;position: absolute;z-index: 50;color: #525252;font-size: 13px;height: 30px;line-height: 30px;}
::-webkit-input-placeholder {color:#ffffff;-webkit-opacity:1 !important;}
::-moz-placeholder {color:#ffffff;opacity:1 !important;}
:-ms-input-placeholder {color:#ffffff;-ms-opacity:1 !important;}
input:-moz-placeholder {color:#ffffff;-moz-opacity:1 !important;}
.leftHolder {float: left; width: 45%;margin-right: 10%;}
.rightHolder {float: left; width: 45%;}
.selectHolder select {height: 40px; width: 100%; padding:0 20px;}
input[type="date"]::-webkit-clear-button, input[type=date]::-ms-clear {display: none;}
select, input[type="text"], textarea{-webkit-appearance:none;}
.selectHolder{position:relative;}
.selectHolder:after{position:absolute; content:''; top:50%; right:10px; background-image:url(../images/arrow.svg); width:12px; height:8px; background-repeat:no-repeat;transform: translateY(-50%);}
.error{position:absolute; content:''; color:red; font-size:12px; bottom:-18px; right:0;}
.codeCountry{width: 30%; margin-right: 2%; float: left;}
.phoneInput{float: left; width: 68%;}
.filterItem {float: left; width: 28%; margin-right: 2%;}
.filterBtn {float: left; width: 10%;}
.filterTitle {display: block; color: #3a3a3a; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
input[type="submit"],.formActions a {-webkit-appearance: none;border: 2px solid #000;padding: 8px 0; background-color:#fff; text-align: center;color: #000;font-size: 14px;font-weight: 600; cursor:pointer;}
input[type="submit"]:hover, .formActions a:hover, .positionLinks a:hover{background-color:#000; color:#fff;}
.filterBtn input[type="submit"]{display: block; width: 100%;margin-top: 29px;}
.filterItem .inputEntity {margin-bottom: 0;}


.tableHolder{padding:50px 0 0; background-color:#fff; position:relative;}
.departmentsList .tableHolder {padding: 50px;}
.tableHolder > ul > li {display: block;margin-bottom: 50px;}
.tableHolder > ul > li span {width:25%;display: inline-block;vertical-align: top;margin-right: 30px;color: #1974b7;font-size: 20px; line-height:20px;}
.tableText{display: inline-block;vertical-align: top;max-width: 70%;color:#3a3a3a; font-size:16px; font-weight:200;}
.tableText ul li {padding-left: 15px;position: relative;margin-bottom: 5px;  display:block;}
.tableHolder:before {position: absolute;left: 260px;bottom: 50px;top: 50px;content: '';background-color:#cbcbcb;width: 2px;}
.tableContainer .tableHolder:before{display:none;}
.tableContainer th {font-size: 18px;font-weight: 600;color: #3a3a3a;padding: 10px 0; text-align:left;}
.tableContainer td{font-size: 16px;font-weight: 200;color:#3a3a3a;padding: 10px 0; vertical-align:middle;}
.tableContainer tr{border-bottom:1px solid #e8e8e8;}
.tableContainer tr.last{border-bottom:none;}
.tableContainer thead tr { border-bottom: none;}
.positionLinks{font-size:0;}
.positionLinks a {display: inline-block;padding: 7px 0;color: #000;border: 2px solid #000;width: 130px;text-align: center;font-size: 14px; font-weight: 600;}
.positionLinks a:last-child{margin-left:12px;}
/*************************************************************Careers Details*******************************************************/
.departmentsList {background-color: #e9e9e9; padding: 40px 0;}
.departmentsList .tableHolder { padding: 50px;}
.departmentsList .tableHolder:before {position: absolute; left: 260px; bottom: 130px; top: 50px; content: ''; background-color: #cbcbcb; width: 1px;}
.tableHolder > ul > li { display: block; margin-bottom: 50px;}
.tableHolder > ul > li span { width: 25%; display: inline-block; vertical-align: top; margin-right: 30px; color: #3a3a3a; font-size: 18px;
 line-height: 20px; font-weight:600;}
.tableText { display: inline-block; vertical-align: top; max-width: 70%;}
.tableText.splitList ul li{display:block; width:inherit; margin-right:0;}
.careersBody h1{font-size:80px;}
.bodyContent.noPadtop{padding-top:0;}
.formBody input[type="submit"]{min-width:150px; background-color:transparent;}
.formBody .formActions a {padding: 10px 35px; background-color:transparent;}
.formBody input[type="submit"]:hover, .formActions a:hover{background-color:#000;}
span.highlightedText, span.highlightedText a {font-size: 25px;color: #1e1e1e; font-weight: 600;}
span.highlightedText{display: block; margin-bottom: 10px;}
span.highlightedText a:hover{text-decoration:underline;}
.contactContainer ul {margin-top: 40px;}
.contactContainer ul li{float:left; width:30%; margin-right:5%;}
.contactContainer ul li:nth-child(3n){margin-right:0;}
.addressTitle {display: block; color: #1e1e1e; font-size: 34px; font-weight: 600; margin-bottom: 10px;}
.addressDesc, .addressPhone, .addressPhone a, .addressMail, .addressMail a {color: #202020; font-size: 13px; font-weight: 300; margin-bottom:6px;}
.addressPhone a:hover, .addressMail a:hover{text-decoration:underline;}
.addressDesc{margin-bottom:20px;}
.addressbBtn {display: block; margin-top: 25px;}
.addressbBtn a{display:inline-block; font-size:14px; background-color:transparent; font-weight:600; border:2px solid #000; color:#000; padding:15px 30px;}
.addressbBtn a:hover{background-color:#000; color:#fff;}
.blackContactContainer {background-color: #1e1e1e; padding: 40px 0;}
.blackContactContainer .inputEntity label {font-size: 18px;font-weight: 300; color: #a5a5a5; display: block; margin-bottom: 10px;}
.blackContactContainer .inputEntity textarea {height: 110px; margin: 0; border: 0 none; background-color: transparent; border-bottom: 1px solid #a5a5a5; font-size: 16px; font-weight: 400; color: #fff; padding: 0;}

.blackContactContainer .inputEntity input[type=text] {font-size: 16px; font-weight: 400; background-color: transparent; border: 0 none;   color: #fff; padding:0; padding-bottom: 10px; border-bottom: 1px solid #a5a5a5;}
.blackContactContainer .formActions { margin-top: 80px;}
.blackContactContainer input[type="submit"] ,.blackContactContainer .formActions a {-webkit-appearance: none; border: 2px solid #fff; padding: 15px 35px; text-align: center;    color: #fff; font-size: 12px; font-weight: 600; cursor: pointer; background-color: transparent;}
.blackContactContainer input[type="submit"]:hover,.blackContactContainer .formActions a:hover{background-color: #fff; color:#1e1e1e;}
h2.sectionTitle.withIcon {
    display: flex;
    justify-content: center;
    text-align: left;
}
.titleHolder { max-width: 85%;}

/******************************************************************Gallery**************************************************************/
.newsList.galleryList li, .galleryAlbumList ul li { padding-bottom: 0; border-bottom: none; position:relative;}
.galleryAlbumList ul li img {max-width: 100%;}
.galleryAlbumList ul li  a {position: absolute; content: '';left: 0;top: 0;right: 0;bottom: 0; width: 100%; height: 100%; z-index: 99;}
.tabsMain.projectsHolderList .tab{position:relative; text-align:center;}
.tabsMain.projectsHolderList .filterItem {width: 240px;position: absolute;right: 10px;top: 10px;z-index: 99; margin-right:0;}
.tabsMain.projectsHolderList .filterItem .selectHolder select {height: 25px;width: 100%;padding: 0 10px;}
.gm-style .gm-style-iw-c {border-radius:0 !important; padding:16px !important; top: -67px;left: 30px;transform: none;}
.MarkerInfo .imgHolder {display: inline-block;width: 115px;vertical-align: middle;margin-right: 15px; margin-bottom:25px;}
.MarkerInfo .workInfoList {display: inline-block;vertical-align: middle; max-width:170px;}
.MarkerInfo .projectsTitle {color: #3a3a3a;margin-bottom: 10px;}
.MarkerInfo .projectSubTitle, .MarkerInfo .projectSubTitle span {color:#3a3a3a;}
.MarkerInfo .readMore a {color:#3a3a3a;}
.MarkerInfo .readMore a::before{background-image: url(../images/arrow-right.svg); background-repeat: no-repeat;}
.gm-style .gm-style-iw-t::after {background: linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);content: "";height: 15px;left: 30px;position: absolute;top: 20px;transform: translate(-50%,-50%) rotate(45deg);width: 15px;}
.gm-fullscreen-control {top:40px !important;}


/*.fancybox-content {
	width: 100% !important;
	height: 100% !important;
}
.fancybox-slide {
padding:0px !important;
}
.fancybox-button--close {

display:none !important;
}*/
.nooverflow {
overflow:hidden !important;
}
.PopUp .subPageHolder .header {
padding:50px 0px;
}
	.PopUp .subPageHolder .header .menuBtn {
		top:-18px;
	}
.closeTeam img{width:100%; display:block;}
.swiperImgHolder img{width:100%; height:450px; object-fit:cover;}
.otherNews .newsList ul li .newsImg img, .galleryAlbumList ul li img{width:100%; height:270px; object-fit:cover;}


/******************************************************************Loader**************************************************************/
.invisible {visibility: hidden;}
#loaderHolder {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99993; opacity: 0.8; font-size: 20px; color: #fff; text-align: center; background-color:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center;}
#loader {display: block;position: absolute;left: 50%;top: 50%;width: 40px;height: 40px;margin: -38px 0 0 -38px;z-index: 1001; box-sizing: border-box;transform: translate(-50% , 50%);}
.logoLoading img {width: 100%;display: block;}
/*.productList {  position: relative;min-height: 80px;}
.productList #loaderHolder {position: absolute; background-color: transparent;}
.subPage .listingNews {margin-top: 0;}
.newsImg {height: 210px; display: flex; align-items: center; background-color:#fff;}*/

.noVacancies.noData {padding: 50px 0;text-align: center;color: #000;font-weight: 700;font-size: 17px;}
.noProjects.noData{text-align:center;}
.noVacancies.noData a, .noProjects.noData{color: #000;font-weight: 700;font-size: 17px;}
.noVacancies.noData a{text-decoration:underline;}
.noVacancies.noData a:hover {text-decoration:none;}
.fixedMenu .subPageHolder .header {box-shadow: 0 8px 6px -8px rgba(0,0,0,0.2);}
.fixedMenu .menuBtn{top:5px}
.otherNews .newsTitle{min-height:60px}


#loaderHolder .loading {
	width: 80px;
	height: 50px;
	position: relative;
}

	#loaderHolder .loading p {
		top: 0;
		padding: 0;
		margin: 0;
		color: #fff;
		animation: text 3.5s ease both infinite;
		font-size: 12px;
		letter-spacing: 1px;
	}

@keyframes text {
	0% {
		letter-spacing: 1px;
		transform: translateX(0px);
	}

	40% {
		letter-spacing: 2px;
		transform: translateX(26px);
	}

	80% {
		letter-spacing: 1px;
		transform: translateX(32px);
	}

	90% {
		letter-spacing: 2px;
		transform: translateX(0px);
	}

	100% {
		letter-spacing: 1px;
		transform: translateX(0px);
	}
}

#loaderHolder .loading span {
	background-color: rgba(255,255,255,0.4);
	border-radius: 50px;
	display: block;
	height: 16px;
	width: 16px;
	bottom: 0;
	position: absolute;
	transform: translateX(64px);
	animation: loading 3.5s ease both infinite;
}

	#loaderHolder .loading span:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #fff;
		border-radius: inherit;
		animation: loading2 3.5s ease both infinite;
	}

@keyframes loading {
	0% {
		width: 16px;
		transform: translateX(0px);
	}

	40% {
		width: 100%;
		transform: translateX(0px);
	}

	80% {
		width: 16px;
		transform: translateX(64px);
	}

	90% {
		width: 100%;
		transform: translateX(0px);
	}

	100% {
		width: 16px;
		transform: translateX(0px);
	}
}

@keyframes loading2 {
	0% {
		transform: translateX(0px);
		width: 16px;
	}

	40% {
		transform: translateX(0%);
		width: 80%;
	}

	80% {
		width: 100%;
		transform: translateX(0px);
	}

	90% {
		width: 80%;
		transform: translateX(15px);
	}

	100% {
		transform: translateX(0px);
		width: 16px;
	}
}

.ourTeamBlock .teamShape {position:absolute; content:''; right:-210px; top:220px; background-image:url(../images/Graphic-2.svg); width:360px; height:300px; background-repeat:no-repeat; background-size:100% 100%;}
.teamList {position: relative;z-index: 2;}
.newsShape {position: absolute;content: '';left: -120px;top: -250px;background-image: url(../images/latest-news.svg);width: 390px;height: 350px;background-repeat: no-repeat;background-size: 100% 100%;z-index: 3;}
.whatWeDo {position:absolute; content:''; left:0; top:-100px; z-index:-1; background-image:url(../images/Graphic-2.svg); width:940px; height:1080px; background-repeat:no-repeat; background-size:100% 100%;}
.subPageBanner .pageShape{ display:none; position:absolute; content:''; right:-700px; top:150px; background-image:url(../images/Graphic-2.svg); width:500px; height:500px; background-repeat:no-repeat; background-size:100% auto; position:center center;}
.subPageBanner.whiteText .bannerImg:after {display:none;}
.whatWeDoBlock {position: relative;}

.serviceImgBlock .bodyText{margin-bottom:0;}
.serviceBlock h3 {color: #fff; font-size: 30px; margin-bottom: 10px;}
.bodyText a{color:#218d9a;}
.bodyText a:hover{color:#3a3a3a}
.workMenuList span {display:none;}
.careersBlock:after {position: absolute;content: '';background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.careersBlock h2, .careersBlock .highlightedText, .careersBlock .safeArea {z-index:3;position: relative;}
.serviceBlock h2.sectionTitle {font-size: 42px;}
.phoneIcon, .faxIcon, .emailIcon {display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;}
.phoneIcon img, .faxIcon img, .emailIcon img {display: block; width: 20px;}
.addressPhone a, .addressMail, .addressMail a {display: inline-block;vertical-align: middle;}

.highlightedText .phoneIcon, .highlightedText .emailIcon {width: 40px;height: 40px;}
.highlightedText .phoneIcon img, .highlightedText .emailIcon img {width: 40px;}
.leftAlign, .centeredLightText.projectsText {text-align: left;}
strong {font-weight:bold;}

.mainBanner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:55px; width: 1400px; left: calc((100% - 1400px) / 2);}
.mainBanner .swiper-pagination-bullet{width:150px;}
.mainBanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 20px 0 0;}
.mainBanner img {height: 100vh; width:100%;}
.mainBanner .swiper-slide{width:100% !important; /*height:90vh;*/}
.mainBanner .swiper-slide:after {position: absolute;content: '';width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0; background-color: rgba(0,0,0,0.15);z-index:1; display:none;}
.bannerContent {position: absolute;content: '';bottom: 10%;width: 100%;left: 0;right: 0; z-index: 2;}
.bannerContent h2, .contentHolder h2{color:#fff; font-size:30px; font-weight:600; margin-bottom:10px;}

.mainBanner, .whatWeDoHolder, .latestProjects, .partOfDiyar {margin-bottom:60px;}

.whatWeDoHolder{height:90vh; background-repeat:no-repeat; position:relative; background-image:url(../images/What-we-do.jpg); background-size:cover; background-attachment:fixed; }
.whatWeDoHolder:after, .projectItem:after{position: absolute;content: '';width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;    background-color: rgba(0,0,0,0.15);}
.contentHolder{position: absolute;content: '';bottom: 8%;width: 100%;left: 0;right: 0; z-index: 2;}
.whiteSummary {font-size: 20px; color: #fff; font-weight: 300; margin-bottom: 30px; line-height: 26px;}
.contentHolder h2{margin-bottom:15px;}

.contentHolder .borderBtn a{font-size: 12px; font-weight: bold; display: inline-block; border: 2px solid #fff; padding: 15px 20px;color: #fff;}
.contentHolder .borderBtn a:hover{background-color: #fff; color: #000;}

.projectItem {position: relative;border: 1px solid #fff;height: 450px;object-fit: cover;overflow: hidden;}
h2.blackTitle {color: #000000;font-size: 34px;display: block;margin-bottom: 20px;font-weight: 600;}
.highlightedProject{width:100%; float:none;}
.projectInfo{position:absolute; content:''; bottom:0; left:0; right:0; padding:20px; z-index:2; opacity:0;}
.projectItem:hover .projectInfo {opacity:1;}

.projectItem img {height: 100%;display: block;width: inherit;min-width: 100%;}
.projectItem:hover img{transform:scale(1.1,1.1);}
.singleProject, .twoRowProject{float:left; width:calc(50% - 2px);}
.twoRowProject{height:902px; float:right;}

.latestProjects .borderBtn a, .partContent .borderBtn a{font-size: 12px; font-weight: bold; display: inline-block; border: 2px solid #000; padding: 15px 20px;color: #000;}
.latestProjects .borderBtn a:hover, .partContent .borderBtn a:hover{background-color: #000; color: #fff;}
.projectsListHolder{/*max-width: 1600px;*/ margin: 0 0 40px;}
.partOfDiyar{font-size:0; box-sizing:border-box; margin: 0 0 40px;}
.leftTextHolder{width:50%; display:inline-block; vertical-align:top; padding-right:30px; box-sizing:border-box;}
.rightImageHolder{width:50%; display:inline-block; vertical-align:middle;}
.blockTitle {display: block;font-size: 34px;color: #000000; margin-bottom: 10px; font-weight:600;}
.blockSum {color: #000;font-size: 23px;font-weight: 300;line-height: 33px; margin-bottom:20px;}
.blockText {font-size: 20px;color: #000000;font-weight: 300; margin-bottom:30px;}

.subPageHolder .bodyContent.noPadTop{padding-top:0;}
.serviceInfo{height:100%;  width:100%; padding:30px 0 0; z-index:3; box-sizing:border-box;}
.serviceInfo .safeArea{position:relative; height:100%;}
.servicesBlock{position:absolute; content:''; bottom:30px; left:0; z-index:3;}
.serviceDetails{display:block; margin-bottom:15px;}
.serviceDetails .tab{font-size:12px; color:#fff;}
.serviceLinks a {display: inline-block; padding-right: 30px; position: relative; color:#fff; font-size:14px; font-weight:500; margin-top:10px; line-height:14px; opacity:0.3;}
.serviceLinks a.active{opacity:1;}
.serviceLinks a:after{width:1px; position:absolute; content:''; background-color:#fff; height:100%; top:0; bottom:0; right:15px; line-height:14px;}

.PopUp .subPageBanner.whiteText .bannerImg{height:60vh;}
.subPageBanner.whiteText .teamInfo h1 {color:#000;}
.subPageBanner.whiteText .teamInfo{margin-bottom:30px;}
.fancybox-slide--iframe { padding: 0 !important;}
.fancybox-slide--iframe .fancybox-content{height:100vh!important; width:100vw !important;}
.PopUp .subPageHolder .allPageHolder {padding-top: 95px;}
.PopUp .subPageHolder .header{padding:50px 0;}


.fancybox-button--close, /*.homepage .projectsTitle,*/ .arrowUp{display:none !important;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:url(../images/next.svg);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image:url(../images/previous.svg);}
.officesList {margin-top: 3vh;display: inline-block; width:49%;}
.officesList ul li {display: inline-block;vertical-align: middle;margin-right: 25px;font-size: 15px;color: #000000; margin-bottom:0;}
.socialMediaLinks {text-align: right; display:inline-block; margin-top:4vh; width:50%;}
.socialMediaLinks ul li {display: inline-block;margin-right: 35px;}
.socialMediaLinks ul li:last-child{margin-right:0;}
.socialMediaLinks ul li a{display:block; width:20px; height:20px; background-repeat:no-repeat; background-size:20px 20px; padding:0;}
.socialMediaLinks ul li.twitter a{background-image:url(../images/twitter.svg);}
.socialMediaLinks ul li.facebook a{background-image:url(../images/fb.svg);}
.socialMediaLinks ul li.linkedin a{background-image:url(../images/linkedin.svg);}
.socialMediaLinks ul li.instagram a{background-image:url(../images/Instagram.svg);}
.socialMediaLinks ul li.youtube a{background-image:url(../images/youtube.svg);}
.socialMediaLinks ul li.twitter:hover a{background-image:url(../images/twitter-grey.svg);}
.socialMediaLinks ul li.facebook:hover a{background-image:url(../images/fb-grey.svg);}
.socialMediaLinks ul li.linkedin:hover a{background-image:url(../images/linkedin-grey.svg);}
.socialMediaLinks ul li.instagram:hover a{background-image:url(../images/instagram-grey.svg);}
.socialMediaLinks ul li.youtube:hover a{background-image:url(../images/youtube-grey.svg);}
.noPadTop{padding-top:0;}
.textHolder.goldText {color: #cd9900;font-weight: 300;}
.aboutFullImgBlock{display:block; padding:70px 0; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about2bg.jpg); position:relative; background-position:center center;}
.aboutFullImgBlock:before{position:absolute; content:''; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(255,255,255,0.6);}
.blackDesc{color: #000000;font-size: 30px;line-height: 60px;max-width: 57%;text-align: center;margin: 0 auto;position: relative;   z-index: 2;}
.teamPop{display:none; font-size:0;}
.fancybox-slide--html .fancybox-close-small{padding:0; background-image:url(../images/menu-close.svg); background-size:100% 100%; background-repeat:no-repeat; width:30px; height:30px; top:10px; right:10px;}
.popTeamImg {display: inline-block;width: 35%;margin-right: 5%;vertical-align: middle;}
.popTeamImg img{max-width:100%;}
.popTeamInfo {display: inline-block;vertical-align: middle;width: 45%; text-align:left;}
.teamTitle {display: block;color: #666767;font-size: 25px;margin-bottom: 0; line-height:28px;}
.teamPosition {display: block;color: #666767;font-size: 15px;margin-bottom: 20px;}
.teamDesc{color:#666767; font-size:14px; line-height:22px;}
.fancybox-bg {background: transparent;}
.fancybox-content {background-color: rgba(255,255,255,0.9);padding: 50px 100px; height:100vh;}
.footerMenu{float:left;}
.footerSocial{float:right;}
.copyHolder{color: #666767;font-size: 13px;}
.footerMenu ul li {display: inline-block;margin-right: 30px;}
.footerMenu ul li a{color: #666767; font-size:14px;}
.footerMenu ul li a:hover{text-decoration:underline;}
.footerSocial .socialMediaLinks{margin-bottom:15px; width:100%;}
.footerSocial .socialMediaLinks ul li.twitter a{background-image:url(../images/twitter-grey.svg);}
.footerSocial .socialMediaLinks ul li.facebook a{background-image:url(../images/fb-grey.svg);}
.footerSocial .socialMediaLinks ul li.linkedin a{background-image:url(../images/linkedin-grey.svg);}
.footerSocial .socialMediaLinks ul li.instagram a{background-image:url(../images/Instagram-grey.svg);}
.footerSocial .socialMediaLinks ul li.youtube a{background-image:url(../images/youtube-grey.svg);}
.footerSocial .socialMediaLinks ul li.twitter:hover a{background-image:url(../images/twitter.svg);}
.footerSocial .socialMediaLinks ul li.facebook:hover a{background-image:url(../images/fb.svg);}
.footerSocial .socialMediaLinks ul li.linkedin:hover a{background-image:url(../images/linkedin.svg);}
.footerSocial .socialMediaLinks ul li.instagram:hover a{background-image:url(../images/instagram.svg);}
.footerSocial .socialMediaLinks ul li.youtube:hover a{background-image:url(../images/youtube.svg);}

/*.teamList ul li:nth-last-child(1),.teamList ul li:nth-last-child(2), .teamList ul li:nth-last-child(3), .teamList ul li:nth-last-child(4), .teamList ul li:nth-last-child(5){margin-bottom:0;}*/
.projectDesc {display: block;color: #000;font-size: 13px;}
ul.workingList li .workInfoList a {position: absolute;width: 100%;height: 100%;content: '';top: 0;left: 0;right: 0;bottom: 0;z-index:3;}
.historyNumbers {display: block;font-size:0;margin: 50px auto 0;max-width: 800px; text-align:center;}
.historyNumbers ul li{display:inline-block; width:25%;}
.historyNumbers ul li label{color:#000; font-size:15px; display:block; border-bottom:2px solid #000; padding-bottom:5px; margin-bottom:5px;}
.historyNumbers ul li .historyNumb{font-size:14px; color:#000;}
.historyNumbers ul li .historyNumb span{display:inline-block; font-size:30px; font-weight:700; margin-right:5px; vertical-align:middle;}
.workMenuList.solutionsList ul li {width: auto; margin-right:50px;}
.workMenuList.solutionsList ul li.active a{text-decoration:none; font-weight:700;}
.workMenuList.solutionsList ul li a{font-size:15px;}
.solutionDetails{background-color:#f3f2f2; padding:15px;}
.solutionDetails{font-size:0;}
.leftDetails {display: inline-block;width: 50%;vertical-align: top;margin-right: 5%;color: #000;font-size: 15px;}
.leftDetails ul li{display:block; padding-left:10px; position:relative;}
.leftDetails ul li:before{position:absolute; content:''; width:4px;height:4px; background-color:#000; top:10px;left:0;}
.rightDetails {display: inline-block;vertical-align: top;width: 45%;}
.rightDetails img {width: 100%;}
ul.workingList li:hover .workInfoList{visibility:visible; opacity:1;}
.videoHolder {position: relative;min-width: 100%;height:100%;background-repeat: no-repeat;background-size: cover;}
a.playVideo {display:none;position: absolute;content: '';width: 100%;height: 100%;background-image: url(../images/video-play.svg);background-position: center center;background-size: 100px 100px;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;z-index: 2;}
.videoHolder.playVid a.playVideo {display: none;}
video {width: 100%; min-height:100%;}
.videoHolder.playVid{z-index:2;}

.officesList ul li a {font-weight: 400;padding-left: 22px;}
.officesList ul li a span{position:absolute; content:''; left:0; top:7px; width:13px; height:19px;}
.officesList ul li a span img{display:block; width:14px; height:19px;}
.fancybox-slide--html{padding:0 !important;}
.popDetails {height: 100%;display: flex;align-items: center; text-align:center;}
.fancybox-content{background-color:rgba(255,255,255,0.95) !important;}
.fancybox-bg{display:none !important;}
.fullBgImg img {width: 100%;}
.mainBanner .swiper-pagination, .mainBanner .swiper-button-prev, .mainBanner .swiper-button-next,.partContent .blockText, ul.workingList li .workInfoList .readMore{display:none;}
.whiteSummary, .blockSum, .textHolder, .centeredLightText.projectsText, .leftDetails, .bodyText, .teamDesc{text-align:justify;}
.projInfoHolder {max-width: 910px;margin: 0 auto;}
.whatWeDoHolder .contentHolder h2 {margin-bottom: 30px;}
.whatWeDoHolder .whiteSummary {margin-bottom:120px;}
.chairmainTalk{padding: 30px 0 15px;}
.greyHolder {display: block;padding: 30px 60px;	background-color: #e7e6e6;}
.greyHolder .textHolder {color: #767171;font-size: 15px;line-height: 29px;width: 60%; margin-right: 3%; font-weight:400;}
.greyHolder .textHolder strong{font-size:17px;}
.greyHolder .halfBlockRow .imageHolder{width:37%;}
.greyHolder .halfBlockRow .imageHolder img{display:block; margin:0 auto; width:400px;}
.talkLabel {display: block;margin-top: 50px;text-align: right;}
.talkName {display: block;font-weight: 700;}
body.compensate-for-scrollbar {margin-right: 0 !important;overflow: visible !important;}
.homepage.fixedMenu .header {padding: 5px 0;box-shadow: 0 8px 6px -8px rgba(0,0,0,0.2);z-index: 999;position: fixed;background-color: rgba(0,0,0,0.6);}
.homepage.open.fixedMenu .header {padding: 0;}
.loadingBanner{position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:9999; display:flex; align-items:center
; justify-content:center; background-color:#000;}
.homepage.loaded .loadingBanner{opacity:0; z-index:-999;}
.loaderHolder{width:200px; text-align:center;}
.loaderLogo{width:100%;}
.loaderLogo img{display:block; width:100%; height:auto;}
.loaderImage {width: 100px;height: 80px;display: block;margin:-20px auto 0;}
.loaderImage svg{width:100%; height:100%;}









a, .newsList .newsTitle a, .borderBtn a, .subPageHolder .header, .projectInfo, .logoHolder, .newsletterHolder .nlAction input, .breadCrumbs ul li a:before, .allHolder, body, .viewAll a, .readMore a:before, .allHolder, .menuHolder ul li a, .workMenuList ul li a:after, .subPageBanner .backLink a:before, .menuHolder, .subPageHolder, .followHolder a:after, .prevNextArticles a, input[type="submit"], .formActions a,.positionLinks a, .projectItem img,.loadingBanner {
	transition: all linear 200ms;
	-moz-transition: all linear 200ms;
	-webkit-transition: all linear 200ms;
	-ms-transition: all linear 200ms;
}
.titlesList, .iconHolder, .teamLink a:after, .teamList ul li .teamImg a img, .tabsLinks a.listLink:before, ul.workingList li .imgHolder img, .tabsLinks a.mapLink:before, ul.workingList li .workInfoList, .otherNews .newsList ul li .newsImg img {
	transition: all ease-in 200ms;
	-moz-transition: all ease-in 200ms;
	-webkit-transition: all ease-in 200ms;
	-ms-transition: all ease-in 200ms;
}

.titlesInnerList, .projectsList > ul > li, .viewAll a span:after {
	transition: all ease-in 400ms;
	-moz-transition: all ease-in 400ms;
	-webkit-transition: all ease-in 400ms;
	-ms-transition: all ease-in 400ms;
}

.subPageBanner .safeArea:after, .mainBanner .bannerImg:before {
	transition: all ease-in 1000ms;
	-moz-transition: all ease-in 1000ms;
	-webkit-transition: all ease-in 1000ms;
	-ms-transition: all ease-in 1000ms;
}
@media all and (min-width: 1300px) and (max-width: 3000px){
	.safeArea {max-width: 100%;margin: 0 40px;}
	.menuHolder .safeArea{margin:0 40px;}
}

@media all and (min-width: 300px) and (max-width: 750px){
	.header {padding: 15px 0;}
	.header .safeArea {	padding: 0 15px;}
	.header .logoHolder {width: 140px;}
	.menuBtn {position: absolute;right: 20px;top: 15px;	width: 35px;height: 25px;}
	.subPageHolder .menuBtn{top:6px;}
	.mainBanner h1, .topHeading h1 {font-size:60px; top:40%}
    .titlePosition {top:40%;}
    .whatWeDoBlock #slider .slides li{height:65vh;}
	.mainBanner h1 span, .topHeading h1 span{font-size:40px;}
	.mainBanner, .mainBanner .swiper-slide {height: auto;}
	video {width: 100%;height: auto;}
	.hpBlock h2, h2.sectionTitle {font-size: 22px; display: block; padding: 0; margin-bottom:20px;}
	ul.workingList li {width: 49%;margin-right: 2%;margin-bottom: 7px;}
	ul.workingList li:nth-child(5n) {margin-right: 2%;}
	ul.workingList li:nth-child(2n) {margin-right: 0;}
	.viewAll {text-align: center;margin-top: 20px;	}
	.teamList ul li {width: 100%;margin-right: 0;float: none;margin-bottom: 40px;}
	.safeArea {max-width:100%; padding:0 20px;}
	.viewAll .safeArea {padding: 0;}
	.highlightedNews {width:100%; margin-right:0; min-height:380px; margin-bottom:30px;}
	.hpNewsHolder {display: block;}
	.projectsHolderList ul.workingList {padding:0 15px;}
	.projectsTitle{font-size:13px; line-height:20px;}
	.projectSubTitle, .projectSubTitle span {font-size:11px;}
	.readMore a {font-size:12px;}
	ul.workingList li .workInfoList{padding:10px;}
	.hpNewsHolder .newsList {width:100%;}
	.highlightedNews .newsHolder .newsTitle a {font-size:25px;}
	.highlightedNews .newsHolder {left:25px;}
	.projectsList, .whatWeDoBlock, .ourTeamBlock {margin-bottom: 40px;}
	.latestNew {padding-bottom: 70px;}
	.careersBlock {padding:40px 15px;}
	.careersBlock h3, .footer h3 {font-size:25px;}
	.careersList ul li {width: 100%;display: block;margin-right: 0;margin-bottom: 20px;text-align: center;}
	.footer {background-color: #fff;padding: 30px 0;}
	.footerLeft, .footerRight {float: none;	width: 100%;}
	.footerLogo {width: 160px;margin-bottom: 40px;	}
	.footer h3 {margin-bottom:30px;}
	.footerLeft {margin-bottom: 30px;}
	.footer .borderBtn a {padding:15px 20px;}
	.newsletterHolder {width: 100%;}
	.newsletterHolder .inputHolder {width: 100%;margin-right: 0;display: block; position: relative; margin-bottom: 20px;}
	.newsletterHolder .nlAction {width: 100%;display: block;box-sizing: border-box;cursor: pointer;}
	.desDev {float:left;}
	.footerRight {padding-top:30px;}
	.newsList .newsTitle a {font-size:17px;}
	.whatWeDoSlider .sliderContent .sliderText {line-height: 35px;}
	.whatWeDoSlider .sliderContent {width: 80%;font-size: 20px;	font-weight: 800;position: relative;right: 50%;	top: 50px;	z-index: 3;	transform: translateX(-50%);}
	#carousel {padding: 0 40px;	}
	.whatWeDoSlider .flex-direction-nav li.flex-nav-next {width:29px; height:16px; right:0;}
	.whatWeDoSlider .flex-direction-nav li.flex-nav-prev a, .whatWeDoSlider .flex-direction-nav li.flex-nav-next a{width:29px; height:16px;}
	.whatWeDoSlider .flex-direction-nav li.flex-nav-prev{width:29px; height:16px; left:0;}
	.careersList ul li .vacHolder {padding:20px;}
	.projectsHolderList .viewAll .safeArea {padding:0 15px;}
	.subPageBanner h1 {font-size:40px; line-height:55px; margin-bottom:20px;}
	.subPageHolder .bodyContent {padding: 50px 0;}
	.halfBlockRow {display: block;}
	.halfBlockRow .textHolder, .halfBlockRow .imageHolder {display: block; width: 100%; vertical-align: middle;}
    .imageHolder img{width:100%; display:block;}
    .quoteText{font-size: 20px; line-height:30px;}
	.halfBlockRow .textHolder{margin-bottom:30px;}
	.aboutFullBlock {padding: 60px 20px; margin-bottom: 50px;}
	.whiteDesc {font-size:20px;}
	.fixedBlockTable {display: block;width: 100%;}
	.fixedBlockTable .halfFixed {display: block;width: 100%;position: relative;min-width:inherit;}
	.halfFixed .textHolder {margin-bottom: 40px;padding-left: 0;padding-right: 0;}
	.absoluteImg {position:relative; margin-bottom:20px;}
	.textHolder {font-size: 15px;}
	.aboutSum {padding: 30px 0; margin-top:20px;}
	.highlightedSum, .smallSum {width: 100%;margin-right: 0;float: none;}
	.elNumber {font-size:40px; line-height:45px;}
	.highlightedSum .sumInfo {padding: 15px 0;}
	.sumInfo .smallText {font-size:25px; line-height:22px;}
	.smallSum {margin-bottom:30px;}
	.quoteText {padding:0 30px;}
	.quoteText:before, .quoteText:after{width:40px; height:31px;}
	.viewAll a {padding:15px 0;}
	.subPageHolder .bodyContent {padding: 20px 0;}
	.subPageHolder .projectsList.hpBlock {margin-bottom: 0;}
	.projectsList.hpBlock.otherProjects, .projectsList.hpBlock.otherProjects ul.workingList li {margin-bottom: 7px;}
	.subPageBanner .backLink {margin-bottom:80px;}
	.smallBannerDes {margin-bottom:100px;}
	.projectsList > ul > li {padding: 0 15px;}
	.projNumbers ul {width: 100%;float: none;padding: 20px 0 0; display:block;}
	.projNumbers ul li {padding: 0 15px;	border-right: none;	border-bottom: none; margin-bottom:20px; padding-bottom:20px;}
	.projNumbers ul li .noIcon {margin-bottom:14px;}
	.projNumbers ul li .noText {font-size:24px;}
	.projNumbers .projDesc { width: 100%;  padding-left: 0; border-top: 1px solid #cccccc; border-left: none; padding-top:10px;}
	span.architectureIcon {float: none;width: 80px;height: inherit;vertical-align: middle;display: block;margin: 0 auto 20px;}
	.titleHolder {text-align:center;}
	.titleHolder {max-width: 90%;}
	.rightBlock {width: 100%;padding-left: 30px;padding-right: 30px;padding-top: 40px;padding-bottom: 40px;	}
	.serviceTitle, .swiperInfoHolder .newsTitle a {font-size:26px; line-height:36px;}
	.serviceBlock h3 {font-size:23px;}
	.swiperInfoHolder {padding: 40px 10px;}
	.newsImg, .otherNews .newsList ul li {height:auto !important;}
	.otherNews .newsList ul li {width:100%; margin-right:0;margin-bottom: 20px;}
	.otherNews.margBot80 {margin-bottom: 0;}
	.leftBlock {width: 100%;padding-right: 30px;padding-left: 30px;padding-top: 40px;padding-bottom: 40px;}
	.filterItem {float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.filterBtn {width:100%;}
	.filterBtn input[type="submit"]{margin-top:15px;}
	.tableContainer th:first-child {width:300px;}
	.tableContainer th:nth-child(2) {width:240px;}
	.tableContainer th:nth-child(3) {width:170px;}
	.tableContainer table {width:100% !important;}
	.tableHolder tr{display:block; margin-bottom:30px;border: 2px solid #e8e8e8; padding:15px;}
	.tableContainer td {display:block; padding:7px;}
    .mainBanner h1 img,  h1.blackTitle img{width:100%; display:block;}



	.tableHolder > ul > li {display: block; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e2e2e2;}
    .tableHolder > ul > li span {width: 100%; display: block; margin-right: 0; margin-bottom: 15px;}
	.tableText {display: block;vertical-align: top;max-width: 100%; margin-bottom:15px;}
	.departmentsList .tableHolder {padding: 30px;}
	.departmentsList.margBot80 {margin-bottom:50px;}
	.leftHolder, .rightHolder {float: none;	width: 100%;margin-right: 0;}
	span.highlightedText, span.highlightedText a {font-size: 22px;line-height: 30px;}
	.contactContainer ul {margin-top: 70px;}
	.contactContainer ul li {float: none; width: 100%; margin-right: 0; margin-bottom: 40px;}
	.blackContactContainer .inputEntity textarea {font-size:20px;}
	.blackContactContainer .inputEntity input[type=text] {font-size: 20px;}
	.workMenuList ul li {display: block;margin-right: 0;text-align: center;margin-bottom: 15px;}
	.workMenuList {padding:0 15px;}
	.workMenuList ul{border:1px solid #ccc; display:none;padding:12px 0;}
	.workMenuList span{position:relative; border: 1px solid #ccc; text-align:center; color:#000; font-size:15px;display:block; padding:10px;}
	.workMenuList span:after{position: absolute; content: ''; top: 50%; right: 10px;  background-image: url(../images/arrow.svg); width: 12px;  height: 8px; background-repeat: no-repeat; transform: translateY(-50%);}
   
	.sliderCaption {right:20px; left:20px;}
	select {background-color:#fff; -webkit-appearance:none;}
	.sitemapLinks ul li{margin-bottom:15px;}
	.sitemapLinks ul li a {font-size: 18px;line-height: 8px;}
	.careersList ul li h4 {min-height:inherit; font-size:20px;}
	.projectsSlider .swiper-pagination {max-width:100%; left:0;}

    ul.workingList li > a{pointer-events: none;}
    .projNumbers ul li .noIcon img {max-width: 50px;}

	.mainBanner .swiper-pagination-bullet{width:30px;}
	.mainBanner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5%;}
	.bannerContent{bottom:8%;}
	.whiteSummary{font-size:15px; line-height:22px;}
	.whatWeDoHolder{background-position:center center; height:auto;}
	.whatWeDoHolder .contentHolder{position:relative; padding:40px 0;}
	h2.blackTitle, .blockTitle, .bannerContent h2, .contentHolder h2, .blackBoldDesc{font-size:22px;}
	.singleProject, .twoRowProject {float: none;width: 100%;}
	.projectItem, .twoRowProject{height:170px;}
	.homepage .projectItem {height:auto !important;}
	.partOfDiyar{padding:0;}
	.leftTextHolder {width: 100%;display: block;vertical-align: middle;padding-left: 0;padding-right: 0;box-sizing: border-box;margin-bottom: 20px;}
	.rightImageHolder {width: 100%;	display: block;	vertical-align: middle;}
	.blockSum{font-size:16px; line-height:22px;}
	.blockText{font-size:15px;}
	.rightImageHolder img{max-width:100%;}
	.footerTop {margin-bottom: 30px;}
	.mainBanner, .whatWeDoHolder, .latestProjects, .partOfDiyar {margin-bottom: 40px;}
	.subPageHolder .teamContainer .bodyText {font-size: 15px;line-height: 22px;margin-bottom: 20px;}
	.tabsMain.projectsHolderList .tabsLinks{position:static;}

	.serviceImgBlock{height:60vh;background-position: center center;}
	.serviceLinks{left:20px; right:20px;}
	.servicesListing.margBot80 .serviceImgBlock{height:auto;}
	.careersFilterBlock.margBot80 {margin-bottom: 0;}
	.addressTitle{font-size:24px;}
	.socialMediaLinks {text-align: left;}
	.historyNumbers ul li {display: inline-block;width: 50%;margin-bottom: 30px;}
	.blackDesc {font-size: 22px;line-height: 30px;max-width: 90%;}
	.popTeamImg {display: block;width: 100%;margin-right: 0;margin-bottom: 30px;}
	.fancybox-content{padding:50px 30px;}
	.popTeamInfo {display: block;vertical-align: middle;width: 100%;}
	.teamTitle{font-size:22px;}	
	.footerMenu ul li {display: inline-block;margin-right: 2%;margin-bottom: 10px;width: 48%;}
    .footerMenu ul li:nth-child(2n) {margin-right: 0;}
	.footerMenu {float: none;width: 100%;margin-bottom: 20px;}
	.footerSocial {float: none;	width: 100%;}
	.projectDesc{font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; display:none;}
	.leftDetails {display: block;width: 100%;vertical-align: middle;margin-right: 0;color: #000;font-size: 14px;margin-bottom: 20px;}
	.rightDetails {display: block;vertical-align: middle;width: 100%;}
	.workMenuList.solutionsList ul li{margin-right:0;}
	.greyHolder{padding:20px;}
	.greyHolder .textHolder {font-size: 14px;line-height: 22px; width: 100%; margin-right: 0;margin-bottom: 30px;}
	.talkLabel{margin-top:20px;}
	.greyHolder .halfBlockRow .imageHolder img{width:200px;}
	.subPageBanner.whiteText .bannerImg {height: 15vh;background-size: cover;}
	.teamPop {padding-top: 55px !important;}
	.centeredLightText{font-size:14px; line-height:24px;}
	.followHolder a, .inputEntity label{font-size:14px;}
	.formTitle{font-size:18px;}
	.splitList ul li{font-size:16px;}
	.inputEntity{margin-bottom:30px;}
	.addressbBtn a{padding:10px 25px;}







	.mainBanner .bannerImg:before, .tableHolder thead, .departmentsList .tableHolder:before, .whatWeDo, .newsShape, .ourTeamBlock .teamShape, ul.workingList li > a, .mainBanner .bannerShape, .subPageBanner .pageShape, .breadCrumbs {
		display: none;
	}


}
