.slide_filter{position:absolute; height:100%; z-index:10; inset:0; width:100%;} 
.filter_1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}
.filter_1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}
.filter_lark:after,
.filter_lark:before,
.filter_moon:after,
.filter_moon:before,
.filter_brooklyn:after,
.filter_brooklyn:after,
.filter_brooklyn:after,
.filter_rise:after,
.filter_rise:before,
.filter_willow:before,
.filter_clarendon:before,
.filter_walden:after,
.filter_earlybird:after,
.filter_gingham:after,
.filter_toaster:after,
.filter_hudson:after,
.filter_perpetua:after,
.filter_reyes:after,
.filter_mayfair:after,
.filter_xpro2:after,
.filter_lofi:after,
.filter_aden:after,
.filter_nashville:after,
.filter_nashville:before,
.filter_slumber:after,
.filter_slumber:before,
.filter_1977:after,
.filter_1977:before{content:''; display:block; height:100%; width:100%; top:0; left:0; position:absolute; pointer-events:none;}
.filter_aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}
.filter_aden:after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}
.filter_brooklyn{filter:contrast(.9) brightness(1.1)}
.filter_brooklyn:after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}
.filter_clarendon{filter:contrast(1.2) saturate(1.35)}
.filter_clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}
.filter_willow{filter:grayscale(.5) contrast(.95) brightness(.9)}
.filter_willow:before{background-image:radial-gradient(circle,40%, #d4a9af 55%,#000 150%);mix-blend-mode:overlay}
.filter_rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}
.filter_rise:after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}
.filter_rise:before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}
.filter_lark{filter:contrast(.9)}
.filter_lark:after{background:rgba(242,242,242,.8);mix-blend-mode:darken}
.filter_lark:before{background:#22253f;mix-blend-mode:color-dodge}
.filter_moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}
.filter_moon:before{background:#a0a0a0;mix-blend-mode:soft-light}
.filter_moon:after{background:#383838;mix-blend-mode:lighten}
.filter_perpetua:after,
.filter_inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}
.filter_perpetua:after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}
.filter_reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}
.filter_reyes:after{mix-blend-mode:soft-light;opacity:.5}
.filter_reyes:after{background:#efcdad}
.filter_gingham{filter:brightness(1.05) hue-rotate(-10deg)}
.filter_gingham:after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}
.filter_toaster{filter:contrast(1.5) brightness(.9)}
.filter_toaster:after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}
.filter_walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}
.filter_walden:after{background:#04c;mix-blend-mode:screen;opacity:.3}
.filter_hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}
.filter_hudson:after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}
.filter_earlybird{filter:contrast(.9) sepia(.2)}
.filter_earlybird:after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}
.filter_mayfair{filter:contrast(1.1) saturate(1.1)}
.filter_mayfair:after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}
.filter_lofi{filter:saturate(1.1) contrast(1.5)}
.filter_lofi:after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}
.filter_xpro2{filter:sepia(.3)}
.filter_xpro2:after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}
.filter_nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}
.filter_nashville:after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}
.filter_nashville:before{background:rgba(247,176,153,.56);mix-blend-mode:darken}
.filter_slumber{filter:saturate(.66) brightness(1.05)}
.filter_slumber:after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}
.filter_slumber:before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}

.usam_banner .hover_effect_shine_zoom:before, 
.swiper-slide-active .hover_effect_shine_zoom:before,
.swiper-slide-active .hover_effect_shine:before{content:""; position:absolute; top:0px; left:50%; width:120%; height:100px; z-index:1; transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(-150%); backface-visibility:hidden; pointer-events:none; background:rgba(255, 255, 255, 0.3); transition:0.6s linear;}
.usam_banner:hover .hover_effect_shine_zoom:before,
.swiper-slide-active:hover .hover_effect_shine_zoom:before,
.swiper-slide-active:hover .hover_effect_shine:before{transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(200%); left:-100%; top:100%;}
.usam_banner .hover_effect_shine_zoom,
.swiper-slide-active .hover_effect_shine_zoom,
.swiper-slide-active .hover_effect_zoom{transition:3s;}
.usam_banner:hover .hover_effect_shine_zoom,
.swiper-slide-active:hover .hover_effect_shine_zoom,
.swiper-slide-active:hover .hover_effect_zoom{transform:scale(1.1);}

.swiper-slide-active .effect_zoom{animation:imgszoom 30s infinite linear;}
.swiper-slide-active .effect_move{animation:imgsmove 60s infinite linear; width:calc(100% + 4%); margin-left:-2%;} 
.swiper-slide-active .effect_moveall{animation:imgsmoveall 60s infinite linear; height:calc( 100% + 4%); width:calc(100% + 4%); margin-left:-2%; margin-left: -2%;} 
@keyframes imgszoom {
 from {transform:scale(1.0);}
 25% {transform:scale(1.05);}
 75% {transform:scale(1.18);} 
}
@keyframes imgsmove {
 from {transform:translate(0%, 0%);}
	40% {transform:translate(-2%, 0%);}
 75% {transform:translate(2%, 0%);}
}
@keyframes imgsmoveall{
 from {transform:translate(0%, 0%);}
 25% {transform:translate(-2%, -2%);}
	50% {transform:translate(2%, 0%);}
 75% {transform:translate(-2%, -2%);} 
}

/*Анимация*/
@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0,-4px,0);
    }
}

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

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

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

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

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

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

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

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

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

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

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

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

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

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

    50% {
        transform: translateX(0);
    }
}

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

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

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

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

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

    to {
        transform: none;
    }
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

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

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

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

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

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

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

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

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

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

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

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

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

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

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

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

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

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

    to {
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

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

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

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

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

    to {
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

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

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

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

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

    to {
        transform: none;
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

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

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

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

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

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

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

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

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

    to {
        transform: none;
        opacity: 1;
    }
}

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

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

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

    50% {
        opacity: 1;
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

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

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

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

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

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

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

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

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

    to {
        transform: translate3d(0, 0, 0);
    }
}

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

    to {
        transform: translate3d(0, 0, 0);
    }
}

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

    to {
        transform: translate3d(0, 0, 0);
    }
}

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

    to {
        transform: translate3d(0, 0, 0);
    }
}