<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Title");
?>@font-face {
    font-family: 'et-line';
    src: url('fonts/font4.woff') format('woff');
    font-weight: normal;
    font-style: normal
}
.landing-block-node-logo-link {font-size: 40px !important;}

[data-icon]:before {
    font-family: 'et-line';
    content: attr(data-icon);
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}
@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fonts/font3.woff2") format("woff2")
}

@font-face {
    font-family: 'simple-line-icons';
    src: url('fonts/font.woff2') format('woff2'),
        url('fonts/font.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("fonts/font1.woff2") format("woff2")
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fonts/font2.woff2") format("woff2")
}


.fa-home:before {
    content: "\f015";
}

.fa-phone:before {
    content: "\f095";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-telegram:before {
    content: "\f2c6";
}

.icon-screen-smartphone:before {
    content: "\e010";
}

.icon-clock:before {
    content: "\e081";
}

.icon-envelope:before {
    content: "\e086";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

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

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s
}

@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
    }
}

.flash {
    animation-name: flash
}

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

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

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

.pulse {
    animation-name: pulse
}

@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)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@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)
    }
}

.shake {
    animation-name: shake
}

@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, 0)
    }
}

.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)
    }
}

.tada {
    animation-name: tada
}

@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
    }
}

.wobble {
    animation-name: wobble
}

@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)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@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
    }
}

.bounceInDown:not(.modified) {
    animation-name: bounceInDown
}

@keyframes bounceInDownModified {

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

    0% {
        opacity: 1
    }

    40% {
        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
    }
}

.bounceInDown.modified {
    animation-name: bounceInDownModified
}

@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
    }
}

.bounceInLeft:not(.modified) {
    animation-name: bounceInLeft
}

@keyframes bounceInLeftModified {

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

    0% {
        opacity: 1
    }

    40% {
        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
    }
}

.bounceInLeft.modified {
    animation-name: bounceInLeftModified
}

@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
    }
}

.bounceInRight:not(.modified) {
    animation-name: bounceInRight
}

@keyframes bounceInRightModified {

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

    from {
        opacity: 1
    }

    40% {
        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
    }
}

.bounceInRight.modified {
    animation-name: bounceInRightModified
}

@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)
    }
}

.bounceInUp:not(.modified) {
    animation-name: bounceInUp
}

@keyframes bounceInUpModified {

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

    from {
        opacity: 1
    }

    40% {
        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)
    }
}

.bounceInUp.modified {
    animation-name: bounceInUpModified
}

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

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

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

.bounceOut {
    animation-name: bounceOut
}

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

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

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

.bounceOutDown {
    animation-name: bounceOutDown
}

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

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

.bounceOutLeft {
    animation-name: bounceOutLeft
}

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

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

.bounceOutRight {
    animation-name: bounceOutRight
}

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

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

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

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown:not(.modified) {
    animation-name: fadeInDown
}

@keyframes fadeInDownModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown.modified {
    animation-name: fadeInDownModified
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig:not(.modified) {
    animation-name: fadeInDownBig
}

@keyframes fadeInDownBigModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig.modified {
    animation-name: fadeInDownBigModified
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft:not(.modified) {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft.modified {
    animation-name: fadeInLeftModified
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig:not(.modified) {
    animation-name: fadeInLeftBig
}

@keyframes fadeInLeftBigModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig.modified {
    animation-name: fadeInLeftBigModified
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight:not(.modified) {
    animation-name: fadeInRight
}

@keyframes fadeInRightModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight.modified {
    animation-name: fadeInRightModified
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig:not(.modified) {
    animation-name: fadeInRightBig
}

@keyframes fadeInRightBigModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig.modified {
    animation-name: fadeInRightBigModified
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp:not(.modified) {
    animation-name: fadeInUp
}

@keyframes fadeInUpModified {
    from {
        opacity: 1;
        transform: none
    }

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp.modified {
    animation-name: fadeInUpModified
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig:not(.modified) {
    animation-name: fadeInUpBig
}

@keyframes fadeInUpBigModified {
    from {
        transform: none
    }

    50% {
        transform: translate3d(0, 2000px, 0)
    }

    to {
        transform: none
    }
}

.fadeInUpBig.modified {
    animation-name: fadeInUpBigModified
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

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

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

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

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

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

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

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

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

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

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

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

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

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

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

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

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

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

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

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

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

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

@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:not(.modified) {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInModified {
    from {
        transform: none
    }

    40% {
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        transform: skewX(20deg)
    }

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

    to {
        transform: none
    }
}

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

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

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

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

.rotateIn:not(.modified) {
    animation-name: rotateIn
}

@keyframes rotateInModified {
    from {
        transform-origin: center;
        transform: none
    }

    50% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg)
    }

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

.rotateIn.modified {
    animation-name: rotateInModified
}

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

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

.rotateInDownLeft:not(.modified) {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownLeftModified {
    from {
        transform-origin: left bottom;
        transform: none
    }

    50% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg)
    }

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

.rotateInDownLeft.modified {
    animation-name: rotateInDownLeftModified
}

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

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

.rotateInDownRight:not(.modified) {
    animation-name: rotateInDownRight
}

@keyframes rotateInDownRightModified {
    from {
        transform-origin: right bottom;
        transform: none
    }

    50% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg)
    }

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

.rotateInDownRight.modified {
    animation-name: rotateInDownRightModified
}

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

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

.rotateInUpLeft:not(.modified) {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpLeftModified {
    from {
        transform-origin: left bottom;
        transform: none
    }

    50% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg)
    }

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

.rotateInUpLeft.modified {
    animation-name: rotateInUpLeftModified
}

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

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

.rotateInUpRight:not(.modified) {
    animation-name: rotateInUpRight
}

@keyframes rotateInUpRightModified {
    from {
        transform-origin: right bottom;
        transform: none
    }

    50% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg)
    }

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

.rotateInUpRight.modified {
    animation-name: rotateInUpRightModified
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

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

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

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

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

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

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

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

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

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

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

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

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

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }

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

    70% {
        transform: rotate(3deg)
    }

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

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn:not(.modified) {
    animation-name: rollIn
}

@keyframes rollInModified {
    from {
        transform: none
    }

    50% {
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        transform: none
    }
}

.rollIn.modified {
    animation-name: rollInModified
}

@keyframes rollOut {
    from {
        opacity: 1
    }

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

.rollOut {
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

.zoomIn:not(.modified) {
    animation-name: zoomIn
}

@keyframes zoomInModified {
    50% {
        transform: scale3d(.3, .3, .3)
    }
}

.zoomIn.modified {
    animation-name: zoomInModified
}

@keyframes zoomToIn {
    from {
        opacity: 0;
        transform: scale3d(1.7, 1.7, 1.7);
        animation-timing-function: ease-out
    }

    30% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.zoomToIn:not(.modified) {
    animation-name: zoomToIn
}

@keyframes zoomToInModified {
    50% {
        transform: scale3d(1.7, 1.7, 1.7);
        animation-timing-function: ease-out
    }
}

.zoomToIn.modified {
    animation-name: zoomToInModified
}

@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)
    }
}

.zoomInDown:not(.modified) {
    animation-name: zoomInDown
}

@keyframes zoomInDownModified {
    from {
        opacity: 1
    }

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

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

.zoomInDown.modified {
    animation-name: zoomInDownModified
}

@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)
    }
}

.zoomInLeft:not(.modified) {
    animation-name: zoomInLeft
}

@keyframes zoomInLeftModified {
    from {
        opacity: 1
    }

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

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

.zoomInLeft.modified {
    animation-name: zoomInLeftModified
}

@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)
    }
}

.zoomInRight:not(.modified) {
    animation-name: zoomInRight
}

@keyframes zoomInRightModified {
    from {
        opacity: 1
    }

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

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

.zoomInRight.modified {
    animation-name: zoomInRightModified
}

@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)
    }
}

.zoomInUp:not(.modified) {
    animation-name: zoomInUp
}

@keyframes zoomInUpModified {
    from {
        opacity: 1
    }

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

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

.zoomInUp.modified {
    animation-name: zoomInUpModified
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }

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

.zoomOutDown {
    animation-name: zoomOutDown
}

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

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

.zoomOutLeft {
    animation-name: zoomOutLeft
}

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

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

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }

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

.zoomOutUp {
    animation-name: zoomOutUp
}

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

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

.slideInDown:not(.modified) {
    animation-name: slideInDown
}

@keyframes slideInDownModified {
    from {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(0, -100%, 0)
    }

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

.slideInDown.modified {
    animation-name: slideInDownModified
}

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

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

.slideInLeft:not(.modified) {
    animation-name: slideInLeft
}

@keyframes slideInLeftModified {
    from {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(-100%, 0, 0)
    }

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

.slideInLeft.modified {
    animation-name: slideInLeftModified
}

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

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

.slideInRight:not(.modified) {
    animation-name: slideInRight
}

@keyframes slideInRightModified {
    from {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(100%, 0, 0)
    }

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

.slideInRight.modified {
    animation-name: slideInRightModified
}

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

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

.slideInUp:not(.modified) {
    animation-name: slideInUp
}

@keyframes slideInUpModified {
    from {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(0, 100%, 0)
    }

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

.slideInUp.modified {
    animation-name: slideInUpModified
}

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

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

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

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

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

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

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

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

.slideOutUp {
    animation-name: slideOutUp
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger.hamburger--arrow.hamburger--sm .hamburger-inner {
    top: 6px
}

.hamburger.hamburger--arrow.hamburger--sm .hamburger-inner:before {
    top: -6px
}

.hamburger.hamburger--arrow.hamburger--sm .hamburger-inner:after {
    top: 6px
}

.hamburger.hamburger--arrow.hamburger--sm.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-5px, 1px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-5px, 1px, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger.hamburger--arrow.hamburger--sm.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-5px, -1px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-5px, -1px, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger.hamburger--arrow.hamburger--sm.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger.hamburger--arrow.hamburger--md .hamburger-inner {
    top: 9px
}

.hamburger.hamburger--arrow.hamburger--md .hamburger-inner:before {
    top: -9px
}

.hamburger.hamburger--arrow.hamburger--md .hamburger-inner:after {
    top: 9px
}

.hamburger.hamburger--arrow.hamburger--md.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-6px, 3px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-6px, 3px, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger.hamburger--arrow.hamburger--md.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-6px, -3px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-6px, -3px, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger.hamburger--arrow.hamburger--md.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger.hamburger--arrow.hamburger--lg .hamburger-inner {
    top: 12px
}

.hamburger.hamburger--arrow.hamburger--lg .hamburger-inner:before {
    top: -10px
}

.hamburger.hamburger--arrow.hamburger--lg .hamburger-inner:after {
    top: 10px
}

.hamburger.hamburger--arrow.hamburger--lg.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-10px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-10px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger.hamburger--arrow.hamburger--lg.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-10px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-10px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger.hamburger--arrow.hamburger--lg.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger.hamburger--minus.hamburger--sm .hamburger-inner {
    top: 6px
}

.hamburger.hamburger--minus.hamburger--sm .hamburger-inner:before {
    top: -6px
}

.hamburger.hamburger--minus.hamburger--sm .hamburger-inner:after {
    top: 6px
}

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    -webkit-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    -o-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear
}

.hamburger.hamburger--minus.hamburger--sm.is-active .hamburger-inner::before,
.hamburger.hamburger--minus.hamburger--sm.is-active .hamburger-inner::after {
    opacity: 0;
    -webkit-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    -o-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear
}

.hamburger.hamburger--minus.hamburger--sm.is-active .hamburger-inner::before {
    top: 0
}

.hamburger.hamburger--minus.hamburger--sm.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger.hamburger--minus.hamburger--md .hamburger-inner {
    top: 9px
}

.hamburger.hamburger--minus.hamburger--md .hamburger-inner:before {
    top: -9px
}

.hamburger.hamburger--minus.hamburger--md .hamburger-inner:after {
    top: 9px
}

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    -webkit-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    -o-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear
}

.hamburger.hamburger--minus.hamburger--md.is-active .hamburger-inner::before,
.hamburger.hamburger--minus.hamburger--md.is-active .hamburger-inner::after {
    opacity: 0;
    -webkit-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    -o-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear
}

.hamburger.hamburger--minus.hamburger--md.is-active .hamburger-inner::before {
    top: 0
}

.hamburger.hamburger--minus.hamburger--md.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger.hamburger--minus.hamburger--lg .hamburger-inner {
    top: 12px
}

.hamburger.hamburger--minus.hamburger--lg .hamburger-inner:before {
    top: -10px
}

.hamburger.hamburger--minus.hamburger--lg .hamburger-inner:after {
    top: 10px
}

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    -webkit-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    -o-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear
}

.hamburger.hamburger--minus.hamburger--lg.is-active .hamburger-inner::before,
.hamburger.hamburger--minus.hamburger--lg.is-active .hamburger-inner::after {
    opacity: 0;
    -webkit-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    -o-transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear;
    transition: bottom .15s ease-out, top .15s ease-out, opacity .15s linear
}

.hamburger.hamburger--minus.hamburger--lg.is-active .hamburger-inner::before {
    top: 0
}

.hamburger.hamburger--minus.hamburger--lg.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger {
    padding: 0
}

.hamburger-inner::before,
.hamburger-inner::after {
    background-color: inherit
}

.hamburger .hamburger-box,
.hamburger .hamburger-inner,
.hamburger .hamburger-inner::after,
.hamburger .hamburger-inner::before {
    height: 1px;
    border-radius: 0;
    width: 25px
}

.hamburger .hamburger-box {
    height: 18px
}

.hamburger .hamburger-inner {
    top: 0
}

.hamburger .hamburger-inner:before {
    top: 9px
}

.hamburger .hamburger-inner:after {
    top: 18px
}

.hamburger.hamburger--md .hamburger-box,
.hamburger.hamburger--md .hamburger-inner,
.hamburger.hamburger--md .hamburger-inner::after,
.hamburger.hamburger--md .hamburger-inner::before {
    height: 1px;
    border-radius: 0;
    width: 25px
}

.hamburger.hamburger--md .hamburger-box {
    height: 18px
}

.hamburger.hamburger--md .hamburger-inner {
    top: 0
}

.hamburger.hamburger--md .hamburger-inner:before {
    top: 9px
}

.hamburger.hamburger--md .hamburger-inner:after {
    top: 18px
}

.hamburger.hamburger--slider.is-active .hamburger-inner:after,
.hamburger.hamburger--slider.hamburger--md.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -18px, 0) rotate(-90deg);
    transform: translate3d(0, -18px, 0) rotate(-90deg)
}

.hamburger.hamburger--slider.is-active .hamburger-inner,
.hamburger.hamburger--slider.hamburger--md.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 9px, 0) rotate(45deg);
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger.hamburger--sm .hamburger-box,
.hamburger.hamburger--sm .hamburger-inner,
.hamburger.hamburger--sm .hamburger-inner::after,
.hamburger.hamburger--sm .hamburger-inner::before {
    height: 2px;
    border-radius: 1px;
    width: 22px
}

.hamburger.hamburger--sm .hamburger-box {
    height: 12px
}

.hamburger.hamburger--sm .hamburger-inner {
    top: 0
}

.hamburger.hamburger--sm .hamburger-inner:before {
    top: 6px
}

.hamburger.hamburger--sm .hamburger-inner:after {
    top: 12px
}

.hamburger.hamburger--slider.hamburger--sm.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg);
    transform: translate3d(0, -12px, 0) rotate(-90deg)
}

.hamburger.hamburger--slider.hamburger--sm.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger.hamburger--lg .hamburger-box,
.hamburger.hamburger--lg .hamburger-inner,
.hamburger.hamburger--lg .hamburger-inner::after,
.hamburger.hamburger--lg .hamburger-inner::before {
    height: 1px;
    border-radius: 0;
    width: 40px
}

.hamburger.hamburger--lg .hamburger-box {
    height: 20px
}

.hamburger.hamburger--lg .hamburger-inner {
    top: 2px
}

.hamburger.hamburger--lg .hamburger-inner:before {
    top: 10px
}

.hamburger.hamburger--lg .hamburger-inner:after {
    top: 20px
}

.hamburger.hamburger--slider.hamburger--lg.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger.hamburger--slider.hamburger--lg.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger.hamburger--rounded .hamburger-box,
.hamburger.hamburger--rounded .hamburger-inner,
.hamburger.hamburger--rounded .hamburger-inner::after,
.hamburger.hamburger--rounded .hamburger-inner::before {
    height: 3px;
    border-radius: 1px;
    width: 23px
}

.hamburger.hamburger--rounded .hamburger-box {
    height: 18px
}

.hamburger.hamburger--rounded .hamburger-inner {
    top: 0
}

.hamburger.hamburger--rounded .hamburger-inner:before {
    top: 9px
}

.hamburger.hamburger--rounded .hamburger-inner:after {
    top: 18px
}

.hamburger.hamburger--slider.hamburger--rounded.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -18px, 0) rotate(-90deg);
    transform: translate3d(0, -18px, 0) rotate(-90deg)
}

.hamburger.hamburger--slider.hamburger--rounded.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 9px, 0) rotate(45deg);
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slide:focus {
    outline: 0 none
}

[data-lazy] {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in
}

.js-carousel .js-next,
.js-carousel .js-prev {
    opacity: 0
}

.js-carousel.slick-initialized .js-next,
.js-carousel.slick-initialized .js-prev {
    opacity: 1
}

.js-slide:first-child {
    height: auto
}

.slick-vertical .slick-slide {
    border: 0
}

.slick-active .g-brd-primary--before--active::before {
    border-color: var(--primary) !important
}

.slick-active .g-brd-primary--active {
    border-color: var(--primary) !important
}

.js-pagination .g-brd-primary--before--hover:hover::before {
    border-color: var(--primary) !important
}

.slick-active .g-brd-3--before--active::before {
    border-width: 3px !important
}

.g-parent.slick-current .u-shadow-v24--active {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06)
}

.slick-active .u-dot-line-v2__inner::before,
.slick-active .u-dot-line-v2-2__inner::before {
    width: 100%;
    height: 100%
}

.u-carousel-v5 .slick-list {
    height: 100%
}

.u-carousel-v5 .slick-track {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.u-carousel-v5 .slick-track .slick-slide {
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.u-arrow-v1.slick-disabled {
    display: none !important
}

.js-pagination .slick-current:only-child,
.js-pagination .slick-active:only-child {
    display: none
}

.slick-track {
    display: -ms-flexbox !important;
    display: flex !important
}

.slick-vertical .slick-track {
    -ms-flex-direction: column;
    flex-direction: column
}

[class*="u-carousel-indicators"] {
    display: block;
    position: absolute;
    padding-left: 0;
    margin-bottom: 0
}

[class*="u-carousel-indicators"] li {
    list-style: none
}

[class*="u-carousel-indicators"] span {
    display: block;
    cursor: pointer
}

.u-carousel-indicators-v1,
.u-carousel-indicators-v1--white-inverse,
.u-carousel-indicators-v1--white {
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
    -ms-flex-pack: center;
    justify-content: center
}

.u-carousel-indicators-v1 li,
.u-carousel-indicators-v1--white-inverse li,
.u-carousel-indicators-v1--white li {
    margin: 0 5px 5px
}

.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white-inverse li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span {
    background-color: var(--primary);
    opacity: 1
}

.u-carousel-indicators-v1 span,
.u-carousel-indicators-v1--white-inverse span,
.u-carousel-indicators-v1--white span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    opacity: .7
}

.u-carousel-indicators-v1--white li.slick-active span {
    background-color: #fff
}

.u-carousel-indicators-v1--white li span {
    opacity: .5
}

.u-carousel-indicators-v1--white-inverse li.slick-active span {
    background-color: #fff;
    opacity: .3
}

.u-carousel-indicators-v1--white-inverse li span {
    opacity: .9
}

.u-carousel-indicators-v7 {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    display: block;
    width: 7px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.u-carousel-indicators-v7 span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .3
}

.u-carousel-indicators-v7 li {
    display: block;
    margin: 15px 0;
    float: none
}

.u-carousel-indicators-v7 li.slick-active span {
    opacity: 1
}


.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
    font-family: 'simple-line-icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.fas,
.fa.fas {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900
}

.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}


.fab,
.fa.fab {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400
}

.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa.fa-500px,
.fa.fa-adn,
.fa.fa-amazon,
.fa.fa-android,
.fa.fa-angellist,
.fa.fa-apple,
.fa.fa-bandcamp,
.fa.fa-behance,
.fa.fa-behance-square,
.fa.fa-bitbucket,
.fa.fa-bitbucket-square,
.fa.fa-bitcoin,
.fa.fa-black-tie,
.fa.fa-bluetooth,
.fa.fa-bluetooth-b,
.fa.fa-btc,
.fa.fa-buysellads,
.fa.fa-cc-amex,
.fa.fa-cc-diners-club,
.fa.fa-cc-discover,
.fa.fa-cc-jcb,
.fa.fa-cc-mastercard,
.fa.fa-cc-paypal,
.fa.fa-cc-stripe,
.fa.fa-cc-visa,
.fa.fa-chrome,
.fa.fa-codepen,
.fa.fa-codiepie,
.fa.fa-connectdevelop,
.fa.fa-contao,
.fa.fa-creative-commons,
.fa.fa-css3,
.fa.fa-dashcube,
.fa.fa-delicious,
.fa.fa-deviantart,
.fa.fa-digg,
.fa.fa-dribbble,
.fa.fa-dropbox,
.fa.fa-drupal,
.fa.fa-edge,
.fa.fa-eercast,
.fa.fa-empire,
.fa.fa-envira,
.fa.fa-etsy,
.fa.fa-expeditedssl,
.fa.fa-fa,
.fa.fa-facebook,
.fa.fa-facebook-f,
.fa.fa-facebook-official,
.fa.fa-facebook-square,
.fa.fa-firefox,
.fa.fa-first-order,
.fa.fa-flickr,
.fa.fa-font-awesome,
.fa.fa-fonticons,
.fa.fa-fort-awesome,
.fa.fa-forumbee,
.fa.fa-foursquare,
.fa.fa-free-code-camp,
.fa.fa-ge,
.fa.fa-get-pocket,
.fa.fa-gg,
.fa.fa-gg-circle,
.fa.fa-git,
.fa.fa-git-square,
.fa.fa-github,
.fa.fa-github-alt,
.fa.fa-github-square,
.fa.fa-gitlab,
.fa.fa-gittip,
.fa.fa-glide,
.fa.fa-glide-g,
.fa.fa-google,
.fa.fa-google-plus,
.fa.fa-google-plus-circle,
.fa.fa-google-plus-official,
.fa.fa-google-plus-square,
.fa.fa-google-wallet,
.fa.fa-gratipay,
.fa.fa-grav,
.fa.fa-hacker-news,
.fa.fa-houzz,
.fa.fa-html5,
.fa.fa-imdb,
.fa.fa-instagram,
.fa.fa-internet-explorer,
.fa.fa-ioxhost,
.fa.fa-joomla,
.fa.fa-jsfiddle,
.fa.fa-lastfm,
.fa.fa-lastfm-square,
.fa.fa-leanpub,
.fa.fa-linkedin,
.fa.fa-linkedin-square,
.fa.fa-linode,
.fa.fa-linux,
.fa.fa-maxcdn,
.fa.fa-meanpath,
.fa.fa-medium,
.fa.fa-meetup,
.fa.fa-mixcloud,
.fa.fa-modx,
.fa.fa-odnoklassniki,
.fa.fa-odnoklassniki-square,
.fa.fa-opencart,
.fa.fa-openid,
.fa.fa-opera,
.fa.fa-optin-monster,
.fa.fa-pagelines,
.fa.fa-paypal,
.fa.fa-pied-piper,
.fa.fa-pied-piper-alt,
.fa.fa-pied-piper-pp,
.fa.fa-pinterest,
.fa.fa-pinterest-p,
.fa.fa-pinterest-square,
.fa.fa-product-hunt,
.fa.fa-qq,
.fa.fa-quora,
.fa.fa-ra,
.fa.fa-ravelry,
.fa.fa-rebel,
.fa.fa-reddit,
.fa.fa-reddit-alien,
.fa.fa-reddit-square,
.fa.fa-renren,
.fa.fa-resistance,
.fa.fa-safari,
.fa.fa-scribd,
.fa.fa-sellsy,
.fa.fa-shirtsinbulk,
.fa.fa-simplybuilt,
.fa.fa-skyatlas,
.fa.fa-skype,
.fa.fa-slack,
.fa.fa-slideshare,
.fa.fa-snapchat,
.fa.fa-snapchat-ghost,
.fa.fa-snapchat-square,
.fa.fa-soundcloud,
.fa.fa-spotify,
.fa.fa-stack-exchange,
.fa.fa-stack-overflow,
.fa.fa-steam,
.fa.fa-steam-square,
.fa.fa-stumbleupon,
.fa.fa-stumbleupon-circle,
.fa.fa-superpowers,
.fa.fa-telegram,
.fa.fa-tencent-weibo,
.fa.fa-themeisle,
.fa.fa-trello,
.fa.fa-tumblr,
.fa.fa-tumblr-square,
.fa.fa-twitch,
.fa.fa-twitter,
.fa.fa-twitter-square,
.fa.fa-usb,
.fa.fa-viacoin,
.fa.fa-viadeo,
.fa.fa-viadeo-square,
.fa.fa-vimeo,
.fa.fa-vimeo-square,
.fa.fa-vine,
.fa.fa-vk,
.fa.fa-wechat,
.fa.fa-weibo,
.fa.fa-weixin,
.fa.fa-whatsapp,
.fa.fa-wikipedia-w,
.fa.fa-windows,
.fa.fa-wordpress,
.fa.fa-wpbeginner,
.fa.fa-wpexplorer,
.fa.fa-wpforms,
.fa.fa-xing,
.fa.fa-xing-square,
.fa.fa-y-combinator,
.fa.fa-y-combinator-square,
.fa.fa-yahoo,
.fa.fa-yc,
.fa.fa-yc-square,
.fa.fa-yelp,
.fa.fa-yoast,
.fa.fa-youtube,
.fa.fa-youtube-play,
.fa.fa-youtube-square {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    font-style: normal
}


.far,
.fa {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400
}

.far,
.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}.et-icon-mobile,
.et-icon-laptop,
.et-icon-desktop,
.et-icon-tablet,
.et-icon-phone,
.et-icon-document,
.et-icon-documents,
.et-icon-search,
.et-icon-clipboard,
.et-icon-newspaper,
.et-icon-notebook,
.et-icon-book-open,
.et-icon-browser,
.et-icon-calendar,
.et-icon-presentation,
.et-icon-picture,
.et-icon-pictures,
.et-icon-video,
.et-icon-camera,
.et-icon-printer,
.et-icon-toolbox,
.et-icon-briefcase,
.et-icon-wallet,
.et-icon-gift,
.et-icon-bargraph,
.et-icon-grid,
.et-icon-expand,
.et-icon-focus,
.et-icon-edit,
.et-icon-adjustments,
.et-icon-ribbon,
.et-icon-hourglass,
.et-icon-lock,
.et-icon-megaphone,
.et-icon-shield,
.et-icon-trophy,
.et-icon-flag,
.et-icon-map,
.et-icon-puzzle,
.et-icon-basket,
.et-icon-envelope,
.et-icon-streetsign,
.et-icon-telescope,
.et-icon-gears,
.et-icon-key,
.et-icon-paperclip,
.et-icon-attachment,
.et-icon-pricetags,
.et-icon-lightbulb,
.et-icon-layers,
.et-icon-pencil,
.et-icon-tools,
.et-icon-tools-2,
.et-icon-scissors,
.et-icon-paintbrush,
.et-icon-magnifying-glass,
.et-icon-circle-compass,
.et-icon-linegraph,
.et-icon-mic,
.et-icon-strategy,
.et-icon-beaker,
.et-icon-caution,
.et-icon-recycle,
.et-icon-anchor,
.et-icon-profile-male,
.et-icon-profile-female,
.et-icon-bike,
.et-icon-wine,
.et-icon-hotairballoon,
.et-icon-globe,
.et-icon-genius,
.et-icon-map-pin,
.et-icon-dial,
.et-icon-chat,
.et-icon-heart,
.et-icon-cloud,
.et-icon-upload,
.et-icon-download,
.et-icon-target,
.et-icon-hazardous,
.et-icon-piechart,
.et-icon-speedometer,
.et-icon-global,
.et-icon-compass,
.et-icon-lifesaver,
.et-icon-clock,
.et-icon-aperture,
.et-icon-quote,
.et-icon-scope,
.et-icon-alarmclock,
.et-icon-refresh,
.et-icon-happy,
.et-icon-sad,
.et-icon-facebook,
.et-icon-twitter,
.et-icon-googleplus,
.et-icon-rss,
.et-icon-tumblr,
.et-icon-linkedin,
.et-icon-dribbble {
    font-family: 'et-line';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>