.hero {
    padding : 60px 0 0;

    @media (min-width: 1019px)
        {
        padding : 60px 0 0;
    }

    position: relative;

    .btn--color {
        box-shadow: 0 15px 35px 0 rgba(60, 178, 125, 0.3);
    }

    .btn--nocolor {
        svg {
            transition-property: all;
            transition-duration: .15s;
            transition-timing-function: cubic-bezier(.4,0,.2,1);
            margin-left: 10px;
        }

        .__right__arrow {
            transition-property: all;
            transition-duration: .15s;
            transition-timing-function: cubic-bezier(.4,0,.2,1);
        }

        &:hover {
            color: var( --foxpush-primary-text );

            svg {
                margin-left: 15px;
            }
            .__right__arrow {
                fill:  var( --foxpush-primary-text );
            }
        }
    }
}

.hero__container,
.foxpush_container {
    max-width: 1340px;
    padding: 0 30px;
    margin: 0 auto;
}

.hero__body {
}

.hero:not(.hero__full){
    @media (min-width: 1019px)
        {
        .hero__inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .hero__content {
            /* max-width: 520px; */
            flex: 1 1 520px;
            margin-right: 80px;
        }

        .hero__media {
            max-width: 640px;
            flex: 1 1 640px;
            position: relative;
        }
    }
}

.hero__full
{
    @media (min-width: 1019px)
        {
        .hero__content {
            max-width: 740px;
            margin: 0 auto;
        }
        .hero__headline_3 {
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }
    }
}


.hero__media__img {
    position: relative;
    z-index: 1;
}

.hero__media__img1 {
    position: absolute;
    top: 397px;
    right: -60px;
    z-index: 2;
    height: 80px;
    width: 184px;
    background-image: url(../images/foxpush-hero-1.svg);
    background-position: center;
    visibility: inherit !important;
}

.hero__media__img2 {
    position: absolute;
    top: 292px;
    /* left: 103px; */
    left: 0px;
    z-index: 3;
    visibility: inherit !important;
}

.hero__media__img3 {
    position: absolute;
    /* top: 340px; */
    top: 430px;
    /* left: 21px; */
    left: 85px;
    z-index: 4;
    visibility: visible !important;
    animation: cloud 3s linear infinite alternate;
}

.hero__media__img4 {
    position: absolute;
    top: 430px;
    left: 210px;
    z-index: 5;
    visibility: inherit !important;
}

.hero__headline_1 {
    font-size: 28px;
    font-weight: 500;

    font-style: normal;
    line-height: normal;
    letter-spacing: -0.37px;
    color: #ffa541;
    margin-bottom: 10px;
}
.hero__headline_2 {
    position: relative;
    font-weight: 900;
    font-size: 54px;
    line-height: 1.4109;
    letter-spacing: -.01em;
    margin-top: 20px;
    color: var( --foxpush-primary-text );
    margin-bottom: 40px;

    span {
        position: relative;
        color: #ffa541;
        text-transform: capitalize;
        &::after {
            content: "";
            height: 9px;
            width: 100%;
            position: absolute;
            bottom: -3px;
            left: 0;
            background-image: url(../../img/hero__line.svg);
            z-index: -1;
        }
    }
}



.hero__headline_3 {
    font-size: 20px;
    font-weight: normal;

    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: var( --foxpush-secondary );
    /* margin-bottom: 40px; */
}



body.whyus_page,
body.contactus_page,
body.foxpush__push_notification_page
{
    .hero__full
    {
        .hero__headline_3
        {
            @media (min-width: 1019px)
                {
                max-width: 600px;
            }
        }
    }
}


@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

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

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        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 rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-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)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes height {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 0.1;
        height: 50%;
    }
}
@keyframes height {
    0% {
        opacity: 0;
        height: 0;
        transition: all 0.6s linear;
    }
    100% {
        opacity: 0.3;
        height: 50%;
    }
}
.height {
    -webkit-animation-name: height;
    animation-name: height;
}

@-webkit-keyframes fadeInDown2 {
    0% {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.2;
    }
}
@keyframes fadeInDown2 {
    0% {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.2;
    }
}
.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-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);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-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);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        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% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) 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 center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-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;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -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;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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% {
        -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
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-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);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        -ms-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        -ms-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom {
    -webkit-animation-name: rollIncustom;
    animation-name: rollIncustom
}

@-webkit-keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        -ms-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        -ms-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom1 {
    -webkit-animation-name: rollIncustom1;
    animation-name: rollIncustom1;
}

@-webkit-keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        -ms-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        -ms-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom3 {
    -webkit-animation-name: rollIncustom3;
    animation-name: rollIncustom3;
}

@-webkit-keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        -ms-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        -ms-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom4{
    -webkit-animation-name: rollIncustom4;
    animation-name: rollIncustom4;
}

@-webkit-keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        -ms-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        -ms-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom5{
    -webkit-animation-name: rollIncustom5;
    animation-name: rollIncustom5;
}

@-webkit-keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        -ms-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        -ms-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom6{
    -webkit-animation-name: rollIncustom6;
    animation-name: rollIncustom6;
}

@-webkit-keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        -ms-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        -ms-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom7{
    -webkit-animation-name: rollIncustom7;
    animation-name: rollIncustom7;
}

@-webkit-keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom8{
    -webkit-animation-name: rollIncustom8;
    animation-name: rollIncustom8;
}

@-webkit-keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px) translateY(-150px);
        -ms-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(500px) translateY(-150px);
        -ms-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom9{
    -webkit-animation-name: rollIncustom9;
    animation-name: rollIncustom9;
}



@-webkit-keyframes slideInnew{
    0%{
        opacity:0;
        -webkit-transform:translate(-10px,-80px);
        -ms-transform:translate(-10px,-80px);
        transform:translate(0px,-50px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes slideInnew{
    0%{
        opacity:0;
        -webkit-transform:translate(-10px,-80px);
        -ms-transform:translate(-10px,-80px);
        transform:translate(-10px,-80px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.slideInnew{
    -webkit-animation-name:slideInnew;
    animation-name:slideInnew;
}

@-webkit-keyframes slideInnew3{
    0%{
        opacity:0;
        -webkit-transform:translate(80px,-80px);
        -ms-transform:translate(80px,-80px);
        transform:translate(80px,-80px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes slideInnew3{
    0%{
        opacity:0;
        -webkit-transform:translate(80px,-80px);
        -ms-transform:translate(80px,-80px);
        transform:translate(80px,-80px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.slideInnew3{
    -webkit-animation-name:slideInnew3;
    animation-name:slideInnew3;
}

@-webkit-keyframes slideInnew2{
    0%{
        opacity:0;
        -webkit-transform:matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        -ms-transform:matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
    }
    100%{
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
    }
}
@keyframes slideInnew2{
    0%{
        opacity:0;
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
    }
    100%{
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
    }
}
.slideInnew2{
    -webkit-animation-name:slideInnew2;
    animation-name:slideInnew2;
}

@-webkit-keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}

@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}
.spinnerRotateone{
    -webkit-animation-name:spinnerRotateone;
    animation-name:spinnerRotateone;
}

/*
.slideInnew2{
    -webkit-animation-name:slideInnew2;
    animation-name:slideInnew2;
}

@-webkit-keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}

@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}
.spinnerRotateone{
    -webkit-animation-name:spinnerRotateone;
    animation-name:spinnerRotateone;
}*/

@-webkit-keyframes slideInnew5{
    0%{
        opacity:0;
        -webkit-transform:translate(80px,-100px);
        -ms-transform:translate(80px,-100px);
        transform:translate(80px,-100px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes slideInnew5{
    0%{
        opacity:0;
        -webkit-transform:translate(80px,-100px);
        -ms-transform:translate(80px,-100px);
        transform:translate(80px,-100px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.slideInnew5{
    -webkit-animation-name:slideInnew5;
    animation-name:slideInnew5;
}

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

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(10dg);
        transform: rotate(10dg);
    }
    25% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    75% {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(10dg);
        transform: rotate(10dg);
    }
    25% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    75% {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@font-face {
    font-family: Mabry Pro;
    src: url(../fonts/MabryPro-Bold.eot);
    src: url(../fonts/MabryPro-Bold.eot?#iefix) format("embedded-opentype"),
        url(../fonts/MabryPro-Bold.woff2) format("woff2"),
        url(../fonts/MabryPro-Bold.woff) format("woff"),
        url(../fonts/MabryPro-Bold.ttf) format("truetype"),
        url(../fonts/MabryPro-Bold.svg#MabryPro-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Mabry Pro;
    src: url(../fonts/MabryPro-BoldItalic.eot);
    src: url(../fonts/MabryPro-BoldItalic.eot?#iefix) format("embedded-opentype"),
        url(../fonts/MabryPro-BoldItalic.woff2) format("woff2"),
        url(../fonts/MabryPro-BoldItalic.woff) format("woff"),
        url(../fonts/MabryPro-BoldItalic.ttf) format("truetype"),
        url(../fonts/MabryPro-BoldItalic.svg#MabryPro-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Mabry Pro;
    src: url(../fonts/MabryPro-Medium.eot);
    src: url(../fonts/MabryPro-Medium.eot?#iefix) format("embedded-opentype"),
        url(../fonts/MabryPro-Medium.woff2) format("woff2"),
        url(../fonts/MabryPro-Medium.woff) format("woff"),
        url(../fonts/MabryPro-Medium.ttf) format("truetype"),
        url(../fonts/MabryPro-Medium.svg#MabryPro-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Mabry Pro;
    src: url(../fonts/MabryPro-MediumItalic.eot);
    src: url(../fonts/MabryPro-MediumItalic.eot?#iefix) format("embedded-opentype"),
        url(../fonts/MabryPro-MediumItalic.woff2) format("woff2"),
        url(../fonts/MabryPro-MediumItalic.woff) format("woff"),
        url(../fonts/MabryPro-MediumItalic.ttf) format("truetype"),
        url(../fonts/MabryPro-MediumItalic.svg#MabryPro-MediumItalic) format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Mabry Pro;
    src: url(../fonts/MabryPro-Regular.eot);
    src: url(../fonts/MabryPro-Regular.eot?#iefix) format("embedded-opentype"),
        url(../fonts/MabryPro-Regular.woff2) format("woff2"),
        url(../fonts/MabryPro-Regular.woff) format("woff"),
        url(../fonts/MabryPro-Regular.ttf) format("truetype"),
        url(../fonts/MabryPro-Regular.svg#MabryPro-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Mabry Pro;
    src: url(../fonts/MabryPro-Italic.eot);
    src: url(../fonts/MabryPro-Italic.eot?#iefix) format("embedded-opentype"),
        url(../fonts/MabryPro-Italic.woff2) format("woff2"),
        url(../fonts/MabryPro-Italic.woff) format("woff"),
        url(../fonts/MabryPro-Italic.ttf) format("truetype"),
        url(../fonts/MabryPro-Italic.svg#MabryPro-Italic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaStd-Extrabold/AvertaStd-Extrabold.eot);
    src: url(../fonts/AvertaStd-Extrabold/AvertaStd-Extrabold.eot?#iefix) format("embedded-opentype"),
        url(../fonts/AvertaStd-Extrabold/AvertaStd-Extrabold.woff2) format("woff2"),
        url(../fonts/AvertaStd-Extrabold/AvertaStd-Extrabold.woff) format("woff"),
        url(../fonts/AvertaStd-Extrabold/AvertaStd-Extrabold.ttf) format("truetype"),
        url(../fonts/AvertaStd-Extrabold/AvertaStd-Extrabold.svg#Averta) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}


*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

:root {
    --foxpush-primary: #38B574;
    --foxpush-primary-rgb: 56, 181, 116;
    --foxpush-primary-text: #212e44;
    --foxpush-secondary: #6B758A;
    --foxpush-secondary-text: #494F54;
    --foxpush-content-bg: #fff;
    --foxpush-subtext: #646f79;
}

.txt-color-primary {
    color: var(--foxpush-primary);

    a {
        color: var(--foxpush-primary);
    }
}

.flex-item-center {
    display: flex;
    align-items: center;
}

/**::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #FAFBFB;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--foxpush-primary);
  border-radius: 20px;
  border: 3px solid #FAFBFB;
}*/

html {

}

html {
    overflow-x: hidden;
}

:root {
    -moz-tab-size: 4;
    tab-size: 4
}

img {
    /* height: auto;
    display: inline-block;
    vertical-align: middle; */
    max-width: unset;
}



ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

nav ol, nav ul {
    list-style: none outside none;
}

/*!
 * ress.css • v3.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
    box-sizing: border-box;
}

*,
::before,
::after {
    background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

* {
    padding: 0; /* Reset `padding` and `margin` of all elements */
    margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

hr {
    overflow: visible; /* Show the overflow in Edge and IE */
    height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
    display: block; /* Render the `main` element consistently in IE. */
}

summary {
    display: list-item; /* Add the correct display in all browsers */
}

small {
    font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
    display: none; /* Add the correct display in IE */
}

abbr[title] {
    border-bottom: none; /* Remove the bottom border in Chrome 57 */
    /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
    text-decoration: underline;
    text-decoration: underline dotted;
}

a {
    background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
    outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
    font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
    font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
    border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
    cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type="search"] {
    -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px; /* Correct the outline style in Safari */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
    overflow: auto; /* Internet Explorer 11+ */
    resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
    font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
    font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
    overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
    text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
    cursor: pointer;
    color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline-width: 0;
}

/* Style select like a standard input */
select {
    -moz-appearance: none; /* Firefox 36+ */
    -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
    display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
    color: currentColor; /* Internet Explorer 11+ */
}

legend {
    border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
    display: table; /* Correct the text wrapping in Edge and IE */
    max-width: 100%; /* Correct the text wrapping in Edge and IE */
    white-space: normal; /* Correct the text wrapping in Edge and IE */
    max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
    /* Correct the inability to style clickable types in iOS and Safari */
    -webkit-appearance: button;
    color: inherit;
    font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
    border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
    vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
    [hidden~="screen"] {
        display: inherit;
    }
    [hidden~="screen"]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
    cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
    cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled="true"] {
    cursor: default;
}

.btn {
    display: inline-block;
    padding: 1.10rem 1.85rem;
    background: var( --foxpush-primary );
    border: 1px solid transparent;
    outline: 0 transparent !important;
    outline-offset: 0 !important;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none !important;
    color: #fff;
    user-select: none;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.btn {
    &:focus,
        &:visited,
        &:link {
        text-decoration: none !important;
        outline: 0 transparent !important;
        outline-offset: 0 !important;
    }
}

.btn--small {
    padding: 14px 20px;
    font-size: 14px;
}

.btn--dark {
    background: var( --foxpush-primary-text );
}

.btn--color {
    background: var( --foxpush-primary );
}

.btn--dark.is-outline,
.btn--color.is-outline,
.btn--color:hover {
    background: transparent;
}

.btn--dark.is-outline {
    border-color: var( --foxpush-primary-text );
    color: var( --foxpush-primary-text );

    &:hover {
        background: var( --foxpush-primary-text );
        color: #FFF;
    }
}

.btn--color.is-outline,
.btn--color:hover {
    border-color: rgba(var( --foxpush-primary-rgb ), 0.2);
    color: var( --foxpush-primary );
}

.btn--color.is-outline:hover {
    background: var( --foxpush-primary );
    color: #fff;
}
.btn--nocolor {
    background: transparent;
    border-color: transparent;
    color: var( --foxpush-primary );
}
.btn--nocolor img {
    margin-left: 5px;
    transition: all 0.2s;
}
.btn--nocolor:hover img {
    margin-left: 10px;
}

.btn__color_white {
    background: #FFF;
    color: var( --foxpush-primary );

    &:hover {
        background: var( --foxpush-primary-text );
        color: #FFF;
    }
}

.btn__white_is_outline {
    background: transparent none;
    border-color: #FFF;
    color: #FFF;

    &:hover {
        background: #FFF;
        color:  var( --foxpush-primary );
    }
}




.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-md-4,
.col-sm-6,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-12{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


@media (min-width: 768px)
{
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 576px)
{
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}



@media (min-width: 992px)
{
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.clearfix {
    clear: both;
    display: block;
    overflow: hidden;
}

.m-b60 {
    margin-bottom: 60px!important;
}
.m-b25 {
    margin-bottom: 25px!important;
}

.m-t25 {
    margin-top: 25px!important;
}

.m-b120 {
    margin-bottom: 120px!important;
}

.txt-right {
    text-align: right!important;
}

.txt-left {
    text-align: left!important;
}

.txt-center {
    text-align: center!important;
}

.wrapper {
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.foxpush_container {
    max-width: 1340px;
    padding: 0 30px;
    margin: 0 auto;
}

span.thumb {
    padding: 20px;
    border-radius: 100px;
    background-color: #FFF;
    box-shadow: 0 12px 20px -10px rgba(33, 47, 68, 0.2), 0 0 0 4px rgba(33, 47, 68, 0.05);
}

.section__bg11 {
    position: relative;
    background-color: rgba(var(--foxpush-primary-rgb), 0.08 );
}


.iti {
    position: relative;
    display: block;


    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    input {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0;
    }
    input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0;
    }
    input[type=tel] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0;
    }
}
.iti__hide {
    display: none;
}
.iti__v-hide {
    visibility: hidden;
}
.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}
.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}
.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}
.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}
.iti__flag-box {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin-right: 6px;
}
.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}
.iti__country {
    padding: 5px 10px;
    outline: none;
}
.iti__dial-code {
    color: #999;
    vertical-align: middle;
}
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti__country-name {
    vertical-align: middle;
    margin-right: 6px;
}
.iti--allow-dropdown {
    input {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }
    input[type=text] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }
    input[type=tel] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }
    .iti__flag-container {
        right: auto;
        left: 0;
        &:hover {
            cursor: pointer;
            .iti__selected-flag {
                background-color: rgba(0, 0, 0, 0.05);
            }
        }
    }
    input[disabled] {
        + {
            .iti__flag-container {
                &:hover {
                    cursor: default;
                    .iti__selected-flag {
                        background-color: transparent;
                    }
                }
            }
        }
    }
    input[readonly] {
        + {
            .iti__flag-container {
                &:hover {
                    cursor: default;
                    .iti__selected-flag {
                        background-color: transparent;
                    }
                }
            }
        }
    }
}
.iti--separate-dial-code {
    input {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }
    input[type=text] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }
    input[type=tel] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0;
    }
    .iti__flag-container {
        right: auto;
        left: 0;
    }
    .iti__selected-flag {
        background-color: rgba(0, 0, 0, 0.05);
    }
    .iti__selected-dial-code {
        margin-left: 6px;
    }
}
.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
    &:hover {
        cursor: pointer;
    }
}
.iti-mobile {
    .iti--container {
        top: 30px;
        bottom: 30px;
        left: 30px;
        right: 30px;
        position: fixed;
    }
    .iti__country-list {
        max-height: 100%;
        width: 100%;
    }
    .iti__country {
        padding: 10px 10px;
        line-height: 1.5em;
    }
}
.iti__flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("../intl-tel-input/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}
.iti__flag.iti__be {
    width: 18px;
    height: 15px;
    background-position: -440px 0px;
}
.iti__flag.iti__ch {
    width: 15px;
    height: 15px;
    background-position: -944px 0px;
}
.iti__flag.iti__mc {
    width: 19px;
    height: 15px;
    background-position: -3139px 0px;
}
.iti__flag.iti__ne {
    width: 18px;
    height: 15px;
    background-position: -3666px 0px;
}
.iti__flag.iti__np {
    width: 13px;
    height: 15px;
    background-position: -3796px 0px;
    background-color: transparent;
}
.iti__flag.iti__va {
    width: 15px;
    height: 15px;
    background-position: -5329px 0px;
}
.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0;
}
.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}
.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}
.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}
.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}
.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}
.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}
.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}
.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}
.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}
.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}
.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}
.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}
.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}
.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}
.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}
.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}
.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}
.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}
.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}
.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}
.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}
.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}
.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}
.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}
.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}
.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}
.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}
.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}
.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}
.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}
.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}
.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}
.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}
.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}
.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}
.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px;
}
.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}
.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}
.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}
.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}
.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}
.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}
.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}
.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}
.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}
.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}
.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}
.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}
.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px;
}
.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px;
}
.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px;
}
.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px;
}
.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px;
}
.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px;
}
.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px;
}
.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px;
}
.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px;
}
.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px;
}
.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px;
}
.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px;
}
.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px;
}
.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px;
}
.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px;
}
.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px;
}
.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px;
}
.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px;
}
.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px;
}
.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px;
}
.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px;
}
.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px;
}
.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px;
}
.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px;
}
.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px;
}
.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px;
}
.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px;
}
.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px;
}
.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px;
}
.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px;
}
.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px;
}
.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px;
}
.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px;
}
.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px;
}
.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px;
}
.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px;
}
.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px;
}
.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px;
}
.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px;
}
.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px;
}
.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px;
}
.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px;
}
.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px;
}
.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px;
}
.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px;
}
.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px;
}
.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px;
}
.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px;
}
.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px;
}
.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px;
}
.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px;
}
.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px;
}
.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px;
}
.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px;
}
.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px;
}
.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px;
}
.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px;
}
.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px;
}
.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px;
}
.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px;
}
.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px;
}
.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px;
}
.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px;
}
.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px;
}
.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px;
}
.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px;
}
.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px;
}
.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px;
}
.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px;
}
.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px;
}
.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px;
}
.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px;
}
.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px;
}
.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px;
}
.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px;
}
.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px;
}
.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px;
}
.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px;
}
.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px;
}
.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px;
}
.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px;
}
.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px;
}
.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px;
}
.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px;
}
.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px;
}
.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px;
}
.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px;
}
.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px;
}
.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px;
}
.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px;
}
.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px;
}
.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px;
}
.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px;
}
.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px;
}
.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px;
}
.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px;
}
.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px;
}
.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px;
}
.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px;
}
.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px;
}
.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px;
}
.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px;
}
.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px;
}
.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px;
}
.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px;
}
.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px;
}
.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px;
}
.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px;
}
.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px;
}
.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px;
}
.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px;
}
.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px;
}
.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px;
}
.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px;
}
.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px;
}
.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px;
}
.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px;
}
.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px;
}
.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px;
}
.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px;
}
.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px;
}
.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px;
}
.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px;
}
.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px;
}
.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px;
}
.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px;
}
.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px;
}
.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px;
}
.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px;
}
.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px;
}
.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px;
}
.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px;
}
.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px;
}
.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px;
}
.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px;
}
.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px;
}
.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px;
}
.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px;
}
.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px;
}
.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px;
}
.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px;
}
.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px;
}
.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px;
}
.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px;
}
.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px;
}
.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px;
}
.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px;
}
.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px;
}
.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px;
}
.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px;
}
.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px;
}
.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px;
}
.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px;
}
.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px;
}
.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px;
}
.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px;
}
.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px;
}
.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px;
}
.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px;
}
.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px;
}
.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px;
}
.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px;
}
.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px;
}
.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px;
}
.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px;
}
.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px;
}
.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px;
}
.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px;
}
.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px;
}
.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px;
}
.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px;
}
.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px;
}
.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px;
}
.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px;
}
.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px;
}
.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px;
}
.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px;
}
.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
}
.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px;
}
.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px;
}
.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px;
}
.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px;
}
.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px;
}
.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px;
}
.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px;
}
.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px;
}
.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
}
.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px;
}
.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px;
}
.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px;
}
.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px;
}
.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px;
}
.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px;
}
.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px;
}
.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px;
}
.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px;
}
.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px;
}
.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px;
}
.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px;
}
.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px;
}
.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px;
}
.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px;
}
.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px;
}
@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) {
    .iti__flag {
        background-size: 5652px 15px;
        background-image: url("../intl-tel-input/flags@2x.png");
    }
}
@media (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
        background-image: url("../intl-tel-input/flags@2x.png");
    }
}

.d-flex {
    display: flex!important;
}
.d-inline-flex {
    display: inline-flex!important;
}
.align-items-center {
    align-items: center!important;
}
.mb-5 {
    margin-bottom: 1.25rem!important;
}
.w-100 {
    width: 100%!important;
}
.mb-10 {
    margin-bottom: 2.5rem!important;
}
.flex-grow-1 {
    flex-grow: 1!important;
}
.pe-3 {
    padding-right: .75rem!important;
}
.fs-6 {
    font-size: 1.005rem!important;
}
.fw-normal {
    font-weight: normal!important;
}
.fw-bold {
    font-weight: 500!important;
}
.text-gray-400 {
    color: #b5b5c3!important;
}
.text-gray-800 {
    color: var(--foxpush-secondary)!important;
}
.text-dark {
    color: var(--foxpush-primary-text)!important;
}
.fs-3x {
    font-size: calc(1.425rem + 2.1vw)!important;

    @media (min-width: 1200px) {
        font-size: 3rem!important;
    }
}

.fs-2x {
    font-size: calc(1.425rem + 1.8vw)!important;

    @media (min-width: 1200px) {
        font-size: 2rem!important;
    }
}

.fw-bolder {
    font-weight: 600!important;
}
.opacity-50 {
    opacity: .5!important;
}
.fs-7 {
    font-size: .95rem!important;
}

.svg-icon {
    line-height: 1;
}
.svg-icon svg {
    height: 1.15rem;
    width: 1.15rem;
}
.svg-icon.svg-icon-1 svg {
    height: 1.35rem!important;
    width: 1.35rem!important;
}
.svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #b5b5c3!important;
}
.svg-icon.svg-icon-success svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #50cd89 !important;
}

.rounded {
    border-radius: 0.475rem!important;
}

.bg__noshape {
    &::after {
        background: none transparent !important;
    }
}

.bg-color-FAFBFB {
    background-color: #FAFBFB !important;
}

.overflow-hidden {
    overflow: hidden;
}