.navbar-top__row * {
    font-weight: 400;
    font-size: inherit;
    /* width: max-content; */
}

-st2 .header-hero__content p {
    font-weight: 400
}

.support .tel-blue {
    font-weight: 400
}

.navbar .support .support-list,
.menu-mobile__support .support-list {
    min-width: 235px !important;
}

.navbar .support .support-list__item a,
.menu-mobile__support .support-list__item a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    white-space: nowrap !important;
}

.navbar .support .support-list__item a img,
.menu-mobile__support .support-list__item a img {
    flex: 0 0 auto;
    margin-right: 0 !important;
}

@media (max-width: 768px) {

    .navbar .support .support-list,
    .menu-mobile__support .support-list {
        max-width: calc(100vw - 32px) !important;
    }

}

[lang='pl-pl'] .name-service,
[lang='pl-pl'] .start__title-span,
[lang='pl-pl'] .related__title,
[lang='pl-pl'] .discount {
    font-weight: 700
}
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}
.mt-5 {
    margin-top: 40px
}

@keyframes dotBlink {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 1;
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, .8))
    }
}

@media (max-width:900px) {
    .blog {
        padding: 0
    }

    .blog p {
        font-size: 16px
    }

    .payment {
        padding: 40px 0
    }

    .blog h2 {
        font-size: 32px
    }

    .blog p {
        font-size: 16px !important
    }
}

.header-hero {
    position: relative;
    overflow: hidden;
    background: #020202;
    padding-top: calc(2rem + 115px)
}

.header-hero__bg-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    width: 75%;
    right: 0;
    left: inherit;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:768px) {
    .header-hero__bg-video {
        width: 100%;
        filter: brightness(.3)
    }
}

.header-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover, contain;
    background-position: center, left center;
    filter: brightness(.9) contrast(1.1) saturate(1)
}

.header-hero>*:not(.header-hero__bg-video) {
    position: relative;
    z-index: 3
}

.header-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    opacity: 1;
    filter: brightness(1) contrast(1.05)
}

@media (max-width:768px) {
    .header-hero:after {
        background-position: 110% center;
        background-size: 150%;
        display: none;
        opacity: .7
    }
}

img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.muted {
    color: rgba(33, 26, 24, .5)
}

.button {
    cursor: pointer;
    transition: all .3s
}

footer a {
    font-weight: 300
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.icon {
    flex-shrink: 0
}

.note {
    font-size: 14px;
    color: rgba(33, 26, 24, .5)
}

.footer_contrast {
    margin-bottom: -30vh
}

.footer_contrast {
    text-align: left
}

.content li,
.content ul {
    list-style: unset
}

@media (min-width:1024px) {
    .flex {
        width: 1200px
    }
}

.stars {
    color: gold;
    font-size: 18px
}

.score {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.stars {
    font-size: 18px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

button:focus {
    outline: none
}

.flex {
    display: flex;
    padding: 0
}

.plans {
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 20px
}

.plan {
    background-color: #fff;
    width: 100%
}

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

.container .plan:last-child ul>li:first-child {
    border-radius: 0 10px 0 0
}

.plan li {
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    background: #fafbff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.plan:last-child {
    border-radius: 0 12px 12px 0;
    border-right: none
}

.plan li:last-child {
    border-radius: 0 0 11px
}

.plan {
    border-right: 1px solid #e5e5e5
}

.plan h2 {
    color: #d10000;
    padding: 5px;
    margin-top: 0;
    text-align: center
}

.plan li {
    text-align: center
}

.plan li:last-child {
    border-bottom: 0
}

.promo:after {
    content: "PROMO";
    margin-left: 8px;
    vertical-align: middle;
    background: #e53e3e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 10px
}

.fast:before {
    content: url(/home-template/wp-content/uploads/2024/09/fast.svg);
    margin-left: 8px;
    vertical-align: middle;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 4px
}

.middle:before {
    content: url(/home-template/wp-content/uploads/2024/09/middle.svg);
    margin-left: 8px;
    vertical-align: middle;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 4px
}

.empty {
    border-bottom: 0 !important;
    border-radius: 0 0 0 11px;
    color: #fafbff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: transparent
}

.ram:before {
    content: url("/home-template/wp-content/uploads/2024/07/RAM.svg")
}

.port:before {
    content: url("/home-template/wp-content/uploads/2024/09/port_new2.svg")
}

.ip:before {
    content: url("/home-template/wp-content/uploads/2024/07/IP.svg")
}

.traffic:before {
    content: url("/home-template/wp-content/uploads/2024/07/Traffic.svg")
}

.panel-control:before {
    content: url("/home-template/wp-content/uploads/2024/07/OS.svg")
}

.tooltip {
    position: relative;
    bottom: 10px;
    left: 10px;
    font-size: 10px;
    border: 1.5px solid #f05243;
    width: 17px;
    height: 17px;
    border-radius: 100px;
    color: #f05243;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.circle {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.price,
.discount {
    text-align: center;
    width: 100%
}

.discount {
    color: #e53e3e;
    display: flex;
    justify-content: end
}

.description {
    font-size: 14px;
    color: #aeb0ca;
    line-height: 16px;
    text-wrap-mode: nowrap
}

.managed {
    background-color: #e53e3e;
    color: #fff
}

.managed:hover {
    color: #fff !important
}

.interval {
    height: 100px
}

.indicator {
    cursor: pointer;
    margin-right: 6px;
    background-color: #ddd;
    height: 5px;
    width: 5px;
    border-radius: 10px
}

@keyframes left {
    0% {
        transform: translatex(0)
    }

    100% {
        transform: translatex(200%)
    }
}

@keyframes bottom {
    0% {
        transform: translatey(0)
    }

    100% {
        transform: translatey(200%)
    }
}

@keyframes right {
    0% {
        transform: translatex(200%)
    }

    100% {
        transform: translatex(0%)
    }
}

@keyframes top {
    0% {
        transform: translatey(0%)
    }

    100% {
        transform: translatey(-200%)
    }
}

@keyframes color {
    0% {
        filter: rotate-hue(0deg)
    }

    100% {
        filter: rotate-hue(360deg)
    }
}

@media (max-width:576px) {
    .plans {
        overflow-x: auto
    }

    .interval {
        height: 50px
    }

    .burger-support-wrapper {
        gap: 5px
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}


.menu-item a img,
img.menu-image-title-after {
    border: none;
    box-shadow: none;
    vertical-align: middle;
    width: auto;
    display: inline
}

.menu-image-title-after.menu-image-not-hovered img {
    padding-right: 10px
}

.menu-image-title-after.menu-image-title {
    padding-left: 10px
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.animate-in {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

.animate-in,
.animate-out {
    visibility: hidden !important;
    opacity: 0
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        transform: translateY(600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        transform: translateY(-600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(-200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        transform: translateX(-600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInUpLeft {
    0% {
        opacity: 0;
        transform: translate(60px, 60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInUpLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInUpLeftBig {
    0% {
        opacity: 0;
        transform: translate(200px, 200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInUpLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInUpLeftLarge {
    0% {
        opacity: 0;
        transform: translate(600px, 600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInUpRight {
    0% {
        opacity: 0;
        transform: translate(-60px, 60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInUpRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInUpRightBig {
    0% {
        opacity: 0;
        transform: translate(-200px, 200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInUpRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInUpRightLarge {
    0% {
        opacity: 0;
        transform: translate(-600px, 600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInDownLeft {
    0% {
        opacity: 0;
        transform: translate(60px, -60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInDownLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInDownLeftBig {
    0% {
        opacity: 0;
        transform: translate(200px, -200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInDownLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInDownLeftLarge {
    0% {
        opacity: 0;
        transform: translate(600px, -600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInDownRight {
    0% {
        opacity: 0;
        transform: translate(-60px, -60px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInDownRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInDownRightBig {
    0% {
        opacity: 0;
        transform: translate(-200px, -200px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInDownRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px)
    }

    80% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes fadeInDownRightLarge {
    0% {
        opacity: 0;
        transform: translate(-600px, -600px)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-60px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(-60px)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(-200px)
    }
}

@-webkit-keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-600px)
    }
}

@keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(-600px)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(60px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(60px)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(200px)
    }
}

@-webkit-keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(600px)
    }
}

@keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(600px)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-60px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(-60px)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(-200px)
    }
}

@-webkit-keyframes fadeOutLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-600px)
    }
}

@keyframes fadeOutLeftLarge {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(-600px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(60px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(60px)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(200px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(200px)
    }
}

@-webkit-keyframes fadeOutRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(600px)
    }
}

@keyframes fadeOutRightLarge {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(600px)
    }
}

@-webkit-keyframes fadeOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px)
    }
}

@keyframes fadeOutUpLeft {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(-60px, -60px)
    }
}

@-webkit-keyframes fadeOutUpLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px)
    }
}

@keyframes fadeOutUpLeftBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(-200px, -200px)
    }
}

@-webkit-keyframes fadeOutUpLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px)
    }
}

@keyframes fadeOutUpLeftLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(-600px, -600px)
    }
}

@-webkit-keyframes fadeOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px)
    }
}

@keyframes fadeOutUpRight {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(60px, -60px)
    }
}

@-webkit-keyframes fadeOutUpRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px)
    }
}

@keyframes fadeOutUpRightBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(200px, -200px)
    }
}

@-webkit-keyframes fadeOutUpRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px)
    }
}

@keyframes fadeOutUpRightLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(600px, -600px)
    }
}

@-webkit-keyframes fadeOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px)
    }
}

@keyframes fadeOutDownLeft {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(-60px, 60px)
    }
}

@-webkit-keyframes fadeOutDownLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px)
    }
}

@keyframes fadeOutDownLeftBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(-200px, 200px)
    }
}

@-webkit-keyframes fadeOutDownLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px)
    }
}

@keyframes fadeOutDownLeftLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(-600px, 600px)
    }
}

@-webkit-keyframes fadeOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px)
    }
}

@keyframes fadeOutDownRight {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(60px, 60px)
    }
}

@-webkit-keyframes fadeOutDownRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px)
    }
}

@keyframes fadeOutDownRightBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(200px, 200px)
    }
}

@-webkit-keyframes fadeOutDownRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px)
    }
}

@keyframes fadeOutDownRightLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate(600px, 600px)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.85)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.85)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.25)
    }

    70% {
        -webkit-transform: scale(.85)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceInBig {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(1.25)
    }

    70% {
        transform: scale(.85)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.5)
    }

    70% {
        -webkit-transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceInLarge {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(1.5)
    }

    70% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px)
    }

    70% {
        -webkit-transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(60px)
    }

    50% {
        opacity: 1;
        transform: translateY(-10px)
    }

    70% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }

    70% {
        -webkit-transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInUpBig {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        transform: translateY(-20px)
    }

    70% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(600px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-25px)
    }

    70% {
        -webkit-transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInUpLarge {
    0% {
        opacity: 0;
        transform: translateY(600px)
    }

    50% {
        opacity: 1;
        transform: translateY(-25px)
    }

    70% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(10px)
    }

    70% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    50% {
        opacity: 1;
        transform: translateY(10px)
    }

    70% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }

    70% {
        -webkit-transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        transform: translateY(20px)
    }

    70% {
        transform: translateY(-15px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-600px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(25px)
    }

    70% {
        -webkit-transform: translateY(-20px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInDownLarge {
    0% {
        opacity: 0;
        transform: translateY(-600px)
    }

    50% {
        opacity: 1;
        transform: translateY(25px)
    }

    70% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-10px)
    }

    70% {
        -webkit-transform: translateX(5px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(60px)
    }

    50% {
        opacity: 1;
        transform: translateX(-10px)
    }

    70% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(140px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-15px)
    }

    70% {
        -webkit-transform: translateX(5px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(140px)
    }

    50% {
        opacity: 1;
        transform: translateX(-15px)
    }

    70% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    70% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        transform: translateX(-20px)
    }

    70% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(10px)
    }

    70% {
        -webkit-transform: translateX(-5px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-60px)
    }

    50% {
        opacity: 1;
        transform: translateX(10px)
    }

    70% {
        transform: translateX(-5px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-140px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(15px)
    }

    70% {
        -webkit-transform: translateX(-5px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInRightBig {
    0% {
        opacity: 0;
        transform: translateX(-140px)
    }

    50% {
        opacity: 1;
        transform: translateX(15px)
    }

    70% {
        transform: translateX(-5px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    70% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInRightLarge {
    0% {
        opacity: 0;
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        transform: translateX(20px)
    }

    70% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-10px, -10px)
    }

    70% {
        -webkit-transform: translate(15px, 15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInUpLeft {
    0% {
        opacity: 0;
        transform: translate(60px, 60px)
    }

    50% {
        opacity: 1;
        transform: translate(-10px, -10px)
    }

    70% {
        transform: translate(15px, 15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInUpLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-20px, -20px)
    }

    70% {
        -webkit-transform: translate(15px, 15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInUpLeftBig {
    0% {
        opacity: 0;
        transform: translate(200px, 200px)
    }

    50% {
        opacity: 1;
        transform: translate(-20px, -20px)
    }

    70% {
        transform: translate(15px, 15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInUpLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-25px, -25px)
    }

    70% {
        -webkit-transform: translate(20px, 20px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInUpLeftLarge {
    0% {
        opacity: 0;
        transform: translate(600px, 600px)
    }

    50% {
        opacity: 1;
        transform: translate(-25px, -25px)
    }

    70% {
        transform: translate(20px, 20px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(10px, -10px)
    }

    70% {
        -webkit-transform: translate(-15px, 15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInUpRight {
    0% {
        opacity: 0;
        transform: translate(-60px, 60px)
    }

    50% {
        opacity: 1;
        transform: translate(10px, -10px)
    }

    70% {
        transform: translate(-15px, 15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInUpRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(20px, -20px)
    }

    70% {
        -webkit-transform: translate(-15px, 15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInUpRightBig {
    0% {
        opacity: 0;
        transform: translate(-200px, 200px)
    }

    50% {
        opacity: 1;
        transform: translate(20px, -20px)
    }

    70% {
        transform: translate(-15px, 15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInUpRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(25px, -25px)
    }

    70% {
        -webkit-transform: translate(-20px, 20px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInUpRightLarge {
    0% {
        opacity: 0;
        transform: translate(-600px, 600px)
    }

    50% {
        opacity: 1;
        transform: translate(25px, -25px)
    }

    70% {
        transform: translate(-20px, 20px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-10px, 10px)
    }

    70% {
        -webkit-transform: translate(15px, -15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInDownLeft {
    0% {
        opacity: 0;
        transform: translate(60px, -60px)
    }

    50% {
        opacity: 1;
        transform: translate(-10px, 10px)
    }

    70% {
        transform: translate(15px, -15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInDownLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-20px, 20px)
    }

    70% {
        -webkit-transform: translate(15px, -15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInDownLeftBig {
    0% {
        opacity: 0;
        transform: translate(200px, -200px)
    }

    50% {
        opacity: 1;
        transform: translate(-20px, 20px)
    }

    70% {
        transform: translate(15px, -15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInDownLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-25px, 25px)
    }

    70% {
        -webkit-transform: translate(20px, -20px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInDownLeftLarge {
    0% {
        opacity: 0;
        transform: translate(600px, -600px)
    }

    50% {
        opacity: 1;
        transform: translate(-25px, 25px)
    }

    70% {
        transform: translate(20px, -20px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(10px, 10px)
    }

    70% {
        -webkit-transform: translate(-15px, -15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInDownRight {
    0% {
        opacity: 0;
        transform: translate(-60px, -60px)
    }

    50% {
        opacity: 1;
        transform: translate(10px, 10px)
    }

    70% {
        transform: translate(-15px, -15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInDownRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(20px, 20px)
    }

    70% {
        -webkit-transform: translate(-15px, -15px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInDownRightBig {
    0% {
        opacity: 0;
        transform: translate(-200px, -200px)
    }

    50% {
        opacity: 1;
        transform: translate(20px, 20px)
    }

    70% {
        transform: translate(-15px, -15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceInDownRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(25px, 25px)
    }

    70% {
        -webkit-transform: translate(-20px, -20px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

@keyframes bounceInDownRightLarge {
    0% {
        opacity: 0;
        transform: translate(-600px, -600px)
    }

    50% {
        opacity: 1;
        transform: translate(25px, 25px)
    }

    70% {
        transform: translate(-20px, -20px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    30% {
        -webkit-transform: scale(.85)
    }

    100%,
    50% {
        opacity: 0;
        -webkit-transform: scale(1.05)
    }
}

@keyframes bounceOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    30% {
        transform: scale(.85)
    }

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

@-webkit-keyframes bounceOutBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    30% {
        -webkit-transform: scale(.85)
    }

    100%,
    50% {
        opacity: 0;
        -webkit-transform: scale(1.25)
    }
}

@keyframes bounceOutBig {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    30% {
        transform: scale(.85)
    }

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

@-webkit-keyframes bounceOutLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    30% {
        -webkit-transform: scale(.8)
    }

    100%,
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@keyframes bounceOutLarge {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    30% {
        transform: scale(.8)
    }

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

@-webkit-keyframes bounceOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(-10px)
    }

    40% {
        -webkit-transform: translateY(15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateY(-60px)
    }
}

@keyframes bounceOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    15% {
        transform: translateY(-10px)
    }

    40% {
        transform: translateY(15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateY(-60px)
    }
}

@-webkit-keyframes bounceOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(-20px)
    }

    40% {
        -webkit-transform: translateY(15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
}

@keyframes bounceOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    15% {
        transform: translateY(-20px)
    }

    40% {
        transform: translateY(15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateY(-200px)
    }
}

@-webkit-keyframes bounceOutUpLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(-25px)
    }

    40% {
        -webkit-transform: translateY(20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateY(-600px)
    }
}

@keyframes bounceOutUpLarge {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    15% {
        transform: translateY(-25px)
    }

    40% {
        transform: translateY(20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateY(-600px)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(10px)
    }

    40% {
        -webkit-transform: translateY(-10px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateY(60px)
    }
}

@keyframes bounceOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    15% {
        transform: translateY(10px)
    }

    40% {
        transform: translateY(-10px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateY(60px)
    }
}

@-webkit-keyframes bounceOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(15px)
    }

    40% {
        -webkit-transform: translateY(-20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }
}

@keyframes bounceOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    15% {
        transform: translateY(15px)
    }

    40% {
        transform: translateY(-20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateY(200px)
    }
}

@-webkit-keyframes bounceOutDownLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(20px)
    }

    40% {
        -webkit-transform: translateY(-25px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateY(600px)
    }
}

@keyframes bounceOutDownLarge {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    15% {
        transform: translateY(20px)
    }

    40% {
        transform: translateY(-25px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateY(600px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-10px)
    }

    40% {
        -webkit-transform: translateX(15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateX(-60px)
    }
}

@keyframes bounceOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    15% {
        transform: translateX(-10px)
    }

    40% {
        transform: translateX(15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateX(-60px)
    }
}

@-webkit-keyframes bounceOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-20px)
    }

    40% {
        -webkit-transform: translateX(15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }
}

@keyframes bounceOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    15% {
        transform: translateX(-20px)
    }

    40% {
        transform: translateX(15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateX(-200px)
    }
}

@-webkit-keyframes bounceOutLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25px)
    }

    40% {
        -webkit-transform: translateX(20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateX(-600px)
    }
}

@keyframes bounceOutLeftLarge {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    15% {
        transform: translateX(-25px)
    }

    40% {
        transform: translateX(20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateX(-600px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(10px)
    }

    40% {
        -webkit-transform: translateX(-10px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateX(60px)
    }
}

@keyframes bounceOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    15% {
        transform: translateX(10px)
    }

    40% {
        transform: translateX(-10px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateX(60px)
    }
}

@-webkit-keyframes bounceOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(15px)
    }

    40% {
        -webkit-transform: translateX(-20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateX(200px)
    }
}

@keyframes bounceOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    15% {
        transform: translateX(15px)
    }

    40% {
        transform: translateX(-20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateX(200px)
    }
}

@-webkit-keyframes bounceOutRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(20px)
    }

    40% {
        -webkit-transform: translateX(-25px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translateX(600px)
    }
}

@keyframes bounceOutRightLarge {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    15% {
        transform: translateX(20px)
    }

    40% {
        transform: translateX(-25px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translateX(600px)
    }
}

@-webkit-keyframes bounceOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(-10px, -10px)
    }

    40% {
        -webkit-transform: translate(15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px)
    }
}

@keyframes bounceOutUpLeft {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(-10px, -10px)
    }

    40% {
        transform: translate(15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(-60px, -60px)
    }
}

@-webkit-keyframes bounceOutUpLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(-20px, -20px)
    }

    40% {
        -webkit-transform: translate(15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px)
    }
}

@keyframes bounceOutUpLeftBig {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(-20px, -20px)
    }

    40% {
        transform: translate(15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(-200px, -200px)
    }
}

@-webkit-keyframes bounceOutUpLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(-25px, -25px)
    }

    40% {
        -webkit-transform: translate(20px, 20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px)
    }
}

@keyframes bounceOutUpLeftLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(-25px, -25px)
    }

    40% {
        transform: translate(20px, 20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(-600px, -600px)
    }
}

@-webkit-keyframes bounceOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(10px, -10px)
    }

    40% {
        -webkit-transform: translate(-15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px)
    }
}

@keyframes bounceOutUpRight {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(10px, -10px)
    }

    40% {
        transform: translate(-15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(60px, -60px)
    }
}

@-webkit-keyframes bounceOutUpRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(20px, -20px)
    }

    40% {
        -webkit-transform: translate(-15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px)
    }
}

@keyframes bounceOutUpRightBig {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(20px, -20px)
    }

    40% {
        transform: translate(-15px, 15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(200px, -200px)
    }
}

@-webkit-keyframes bounceOutUpRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(25px, -25px)
    }

    40% {
        -webkit-transform: translate(-20px, 20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px)
    }
}

@keyframes bounceOutUpRightLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(25px, -25px)
    }

    40% {
        transform: translate(-20px, 20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(600px, -600px)
    }
}

@-webkit-keyframes bounceOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(-10px, 10px)
    }

    40% {
        -webkit-transform: translate(15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px)
    }
}

@keyframes bounceOutDownLeft {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(-10px, 10px)
    }

    40% {
        transform: translate(15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(-60px, 60px)
    }
}

@-webkit-keyframes bounceOutDownLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(-20px, 20px)
    }

    40% {
        -webkit-transform: translate(15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px)
    }
}

@keyframes bounceOutDownLeftBig {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(-20px, 20px)
    }

    40% {
        transform: translate(15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(-200px, 200px)
    }
}

@-webkit-keyframes bounceOutDownLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(-25px, 25px)
    }

    40% {
        -webkit-transform: translate(20px, -20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px)
    }
}

@keyframes bounceOutDownLeftLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(-25px, 25px)
    }

    40% {
        transform: translate(20px, -20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(-600px, 600px)
    }
}

@-webkit-keyframes bounceOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(10px, 10px)
    }

    40% {
        -webkit-transform: translate(-15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px)
    }
}

@keyframes bounceOutDownRight {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(10px, 10px)
    }

    40% {
        transform: translate(-15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(60px, 60px)
    }
}

@-webkit-keyframes bounceOutDownRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(20px, 20px)
    }

    40% {
        -webkit-transform: translate(-15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px)
    }
}

@keyframes bounceOutDownRightBig {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(20px, 20px)
    }

    40% {
        transform: translate(-15px, -15px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(200px, 200px)
    }
}

@-webkit-keyframes bounceOutDownRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }

    15% {
        -webkit-transform: translate(25px, 25px)
    }

    40% {
        -webkit-transform: translate(-20px, -20px)
    }

    100%,
    90% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px)
    }
}

@keyframes bounceOutDownRightLarge {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    15% {
        transform: translate(25px, 25px)
    }

    40% {
        transform: translate(-20px, -20px)
    }

    100%,
    90% {
        opacity: 0;
        transform: translate(600px, 600px)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale(0) translateY(200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes zoomInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInUpBig {
    0% {
        opacity: 0;
        transform: scale(0) translateY(600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateY(1000px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes zoomInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInDownBig {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-1000px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes zoomInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInLeftBig {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-1300px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-1300px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes zoomInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInRightBig {
    0% {
        opacity: 0;
        transform: scale(0) translateX(600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(1300px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(1300px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes zoomInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, 200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInUpLeft {
    0% {
        opacity: 0;
        transform: scale(0) translate(200px, 200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInUpLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, 600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInUpLeftBig {
    0% {
        opacity: 0;
        transform: scale(0) translate(600px, 600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInUpLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, 1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInUpLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translate(1000px, 1000px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, 200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInUpRight {
    0% {
        opacity: 0;
        transform: scale(0) translate(-200px, 200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInUpRightBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, 600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInUpRightBig {
    0% {
        opacity: 0;
        transform: scale(0) translate(-600px, 600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInUpRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, 1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInUpRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translate(-1000px, 1000px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, -200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInDownLeft {
    0% {
        opacity: 0;
        transform: scale(0) translate(-200px, -200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInDownLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, -600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInDownLeftBig {
    0% {
        opacity: 0;
        transform: scale(0) translate(-600px, -600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInDownLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, -1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInDownLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translate(-1000px, -1000px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, -200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInDownRight {
    0% {
        opacity: 0;
        transform: scale(0) translate(200px, -200px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInDownRightBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, -600px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInDownRightBig {
    0% {
        opacity: 0;
        transform: scale(0) translate(600px, -600px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomInDownRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, -1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes zoomInDownRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translate(1000px, -1000px)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0)
    }
}

@-webkit-keyframes zoomOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px)
    }
}

@keyframes zoomOutUp {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(-200px)
    }
}

@-webkit-keyframes zoomOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-600px)
    }
}

@keyframes zoomOutUpBig {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(-600px)
    }
}

@-webkit-keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px)
    }
}

@keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(-1000px)
    }
}

@-webkit-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px)
    }
}

@keyframes zoomOutDown {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(200px)
    }
}

@-webkit-keyframes zoomOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(600px)
    }
}

@keyframes zoomOutDownBig {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(600px)
    }
}

@-webkit-keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px)
    }
}

@keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(1000px)
    }
}

@-webkit-keyframes zoomOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px)
    }
}

@keyframes zoomOutLeft {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateX(-200px)
    }
}

@-webkit-keyframes zoomOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-600px)
    }
}

@keyframes zoomOutLeftBig {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateX(-600px)
    }
}

@-webkit-keyframes zoomOutLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-1300px)
    }
}

@keyframes zoomOutLeftLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateX(-1300px)
    }
}

@-webkit-keyframes zoomOutRight {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px)
    }
}

@keyframes zoomOutRight {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateX(200px)
    }
}

@-webkit-keyframes zoomOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(600px)
    }
}

@keyframes zoomOutRightBig {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateX(600px)
    }
}

@-webkit-keyframes zoomOutRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(1300px)
    }
}

@keyframes zoomOutRightLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translateX(1300px)
    }
}

@-webkit-keyframes zoomOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, -200px)
    }
}

@keyframes zoomOutUpLeft {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-200px, -200px)
    }
}

@-webkit-keyframes zoomOutUpLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, -600px)
    }
}

@keyframes zoomOutUpLeftBig {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-600px, -600px)
    }
}

@-webkit-keyframes zoomOutUpLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, -1000px)
    }
}

@keyframes zoomOutUpLeftLarge {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-1000px, -1000px)
    }
}

@-webkit-keyframes zoomOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, -200px)
    }
}

@keyframes zoomOutUpRight {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(200px, -200px)
    }
}

@-webkit-keyframes zoomOutUpRightBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, -600px)
    }
}

@keyframes zoomOutUpRightBig {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(600px, -600px)
    }
}

@-webkit-keyframes zoomOutUpRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, -1000px)
    }
}

@keyframes zoomOutUpRightLarge {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(1000px, -1000px)
    }
}

@-webkit-keyframes zoomOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, 200px)
    }
}

@keyframes zoomOutDownLeft {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-200px, 200px)
    }
}

@-webkit-keyframes zoomOutDownLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, 600px)
    }
}

@keyframes zoomOutDownLeftBig {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-600px, 600px)
    }
}

@-webkit-keyframes zoomOutDownLeftLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, 1000px)
    }
}

@keyframes zoomOutDownLeftLarge {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-1000px, 1000px)
    }
}

@-webkit-keyframes zoomOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, 200px)
    }
}

@keyframes zoomOutDownRight {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(200px, 200px)
    }
}

@-webkit-keyframes zoomOutDownRightBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, 600px)
    }
}

@keyframes zoomOutDownRightBig {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(600px, 600px)
    }
}

@-webkit-keyframes zoomOutDownRightLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, 1000px)
    }
}

@keyframes zoomOutDownRightLarge {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(1000px, 1000px)
    }
}

@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(500) rotateX(90deg)
    }

    50% {
        -webkit-transform: perspective(500) rotateX(-15deg)
    }

    70% {
        -webkit-transform: perspective(500) rotateX(15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(500) rotateX(0deg)
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        transform: perspective(500) rotateX(90deg)
    }

    50% {
        transform: perspective(500) rotateX(-15deg)
    }

    70% {
        transform: perspective(500) rotateX(15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(500) rotateX(0deg)
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(500) rotateY(90deg);
        opacity: 0
    }

    50% {
        -webkit-transform: perspective(500) rotateY(-25deg)
    }

    70% {
        -webkit-transform: perspective(500) rotateY(25deg)
    }

    100% {
        -webkit-transform: perspective(500) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(500) rotateY(90deg);
        opacity: 0
    }

    50% {
        transform: perspective(500) rotateY(-25deg)
    }

    70% {
        transform: perspective(500) rotateY(25deg)
    }

    100% {
        transform: perspective(500) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes flipInTopFront {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateX(-15deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateX(15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }
}

@keyframes flipInTopFront {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateX(90deg)
    }

    50% {
        transform: perspective(1000) rotateX(-15deg)
    }

    70% {
        transform: perspective(1000) rotateX(15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }
}

@-webkit-keyframes flipInTopBack {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(-90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateX(20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateX(-15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }
}

@keyframes flipInTopBack {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateX(-90deg)
    }

    50% {
        transform: perspective(1000) rotateX(20deg)
    }

    70% {
        transform: perspective(1000) rotateX(-15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }
}

@-webkit-keyframes flipInBottomFront {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(-90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateX(20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateX(-15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }
}

@keyframes flipInBottomFront {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateX(-90deg)
    }

    50% {
        transform: perspective(1000) rotateX(20deg)
    }

    70% {
        transform: perspective(1000) rotateX(-15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }
}

@-webkit-keyframes flipInBottomBack {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateX(-20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateX(15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }
}

@keyframes flipInBottomBack {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateX(90deg)
    }

    50% {
        transform: perspective(1000) rotateX(-20deg)
    }

    70% {
        transform: perspective(1000) rotateX(15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }
}

@-webkit-keyframes flipInLeftFront {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(-90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateY(20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateY(-15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }
}

@keyframes flipInLeftFront {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateY(-90deg)
    }

    50% {
        transform: perspective(1000) rotateY(20deg)
    }

    70% {
        transform: perspective(1000) rotateY(-15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }
}

@-webkit-keyframes flipInLeftBack {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateY(-20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateY(15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }
}

@keyframes flipInLeftBack {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateY(90deg)
    }

    50% {
        transform: perspective(1000) rotateY(-20deg)
    }

    70% {
        transform: perspective(1000) rotateY(15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }
}

@-webkit-keyframes flipInRightFront {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateY(-20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateY(15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }
}

@keyframes flipInRightFront {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateY(90deg)
    }

    50% {
        transform: perspective(1000) rotateY(-20deg)
    }

    70% {
        transform: perspective(1000) rotateY(15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }
}

@-webkit-keyframes flipInRightBack {
    0% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(-90deg)
    }

    50% {
        -webkit-transform: perspective(1000) rotateY(20deg)
    }

    70% {
        -webkit-transform: perspective(1000) rotateY(-15deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }
}

@keyframes flipInRightBack {
    0% {
        opacity: 0;
        transform: perspective(1000) rotateY(-90deg)
    }

    50% {
        transform: perspective(1000) rotateY(20deg)
    }

    70% {
        transform: perspective(1000) rotateY(-15deg)
    }

    100% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }
}

@-webkit-keyframes flipOutX {

    0%,
    5% {
        -webkit-transform: perspective(500) rotateX(0deg);
        opacity: 1
    }

    30% {
        -webkit-transform: perspective(500) rotateX(-25deg)
    }

    50% {
        opacity: 1
    }

    100%,
    90% {
        -webkit-transform: perspective(500) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {

    0%,
    5% {
        transform: perspective(500) rotateX(0deg);
        opacity: 1
    }

    30% {
        transform: perspective(500) rotateX(-25deg)
    }

    50% {
        opacity: 1
    }

    100%,
    90% {
        transform: perspective(500) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {

    0%,
    5% {
        -webkit-transform: perspective(500) rotateY(0deg);
        opacity: 1
    }

    30% {
        -webkit-transform: perspective(500) rotateY(-25deg)
    }

    50% {
        opacity: 1
    }

    100%,
    90% {
        -webkit-transform: perspective(500) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {

    0%,
    5% {
        transform: perspective(500) rotateY(0deg);
        opacity: 1
    }

    30% {
        transform: perspective(500) rotateY(-25deg)
    }

    50% {
        opacity: 1
    }

    100%,
    90% {
        transform: perspective(500) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutTopFront {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateX(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(90deg)
    }
}

@keyframes flipOutTopFront {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }

    30% {
        transform: perspective(1000) rotateX(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateX(90deg)
    }
}

@-webkit-keyframes flipOutTopBack {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateX(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(-90deg)
    }
}

@keyframes flipOutTopBack {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }

    30% {
        transform: perspective(1000) rotateX(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateX(-90deg)
    }
}

@-webkit-keyframes flipOutBottomFront {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateX(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(-90deg)
    }
}

@keyframes flipOutBottomFront {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }

    30% {
        transform: perspective(1000) rotateX(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateX(-90deg)
    }
}

@-webkit-keyframes flipOutBottomBack {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateX(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateX(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateX(90deg)
    }
}

@keyframes flipOutBottomBack {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateX(0deg)
    }

    30% {
        transform: perspective(1000) rotateX(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateX(90deg)
    }
}

@-webkit-keyframes flipOutLeftFront {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateY(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(-90deg)
    }
}

@keyframes flipOutLeftFront {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }

    30% {
        transform: perspective(1000) rotateY(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateY(-90deg)
    }
}

@-webkit-keyframes flipOutLeftBack {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateY(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(90deg)
    }
}

@keyframes flipOutLeftBack {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }

    30% {
        transform: perspective(1000) rotateY(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateY(90deg)
    }
}

@-webkit-keyframes flipOutRightFront {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateY(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(90deg)
    }
}

@keyframes flipOutRightFront {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }

    30% {
        transform: perspective(1000) rotateY(-20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateY(90deg)
    }
}

@-webkit-keyframes flipOutRightBack {
    0% {
        opacity: 1;
        -webkit-transform: perspective(1000) rotateY(0deg)
    }

    30% {
        -webkit-transform: perspective(1000) rotateY(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(1000) rotateY(-90deg)
    }
}

@keyframes flipOutRightBack {
    0% {
        opacity: 1;
        transform: perspective(1000) rotateY(0deg)
    }

    30% {
        transform: perspective(1000) rotateY(20deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(1000) rotateY(-90deg)
    }
}

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes strobe {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

@keyframes strobe {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

@-webkit-keyframes shakeX {

    0%,
    100% {
        -webkit-transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateY(10px)
    }
}

@keyframes shakeX {

    0%,
    100% {
        transform: translateY(0)
    }

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

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

@-webkit-keyframes shakeY {

    0%,
    100% {
        -webkit-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@keyframes shakeY {

    0%,
    100% {
        transform: translateX(0)
    }

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

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

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@-webkit-keyframes tada {

    0%,
    100% {
        -webkit-transform: scale(1) rotate(0)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

@keyframes tada {

    0%,
    100% {
        transform: scale(1) rotate(0)
    }

    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }

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

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

@-webkit-keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85)
    }
}

@keyframes rubberBand {

    0%,
    100% {
        transform: scale(1)
    }

    30% {
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        transform: scaleX(1.15) scaleY(0.85)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg)
    }

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

    60% {
        -webkit-transform: rotate(5deg)
    }

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

    100% {
        -webkit-transform: rotate(0deg)
    }
}

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

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

    60% {
        transform: rotate(5deg)
    }

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

    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes spin-reverse {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes slingshot {
    0% {
        -webkit-transform: rotate(0deg)
    }

    20%,
    30% {
        -webkit-transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes slingshot {
    0% {
        transform: rotate(0deg)
    }

    20%,
    30% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes slingshot-reverse {
    0% {
        -webkit-transform: rotate(0deg)
    }

    20%,
    30% {
        -webkit-transform: rotate(45deg)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes slingshot-reverse {
    0% {
        transform: rotate(0deg)
    }

    20%,
    30% {
        transform: rotate(45deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0px)
    }

    15% {
        -webkit-transform: translateX(-25px) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20px) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10px) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5px) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0px)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0px)
    }

    15% {
        transform: translateX(-25px) rotate(-5deg)
    }

    30% {
        transform: translateX(20px) rotate(3deg)
    }

    45% {
        transform: translateX(-15px) rotate(-3deg)
    }

    60% {
        transform: translateX(10px) rotate(2deg)
    }

    75% {
        transform: translateX(-5px) rotate(-1deg)
    }

    100% {
        transform: translateX(0px)
    }
}

@-webkit-keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes pulsate {

    0%,
    100%,
    50% {
        -webkit-transform: scale(1)
    }

    25%,
    75% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes pulsate {

    0%,
    100%,
    50% {
        transform: scale(1)
    }

    25%,
    75% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes heartbeat {

    0%,
    30%,
    50%,
    60%,
    80% {
        -webkit-transform: scale(1)
    }

    40%,
    70% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes heartbeat {

    0%,
    30%,
    50%,
    60%,
    80% {
        transform: scale(1)
    }

    40%,
    70% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes panic {

    0%,
    100% {
        -webkit-transform: scale(1) rotate(0)
    }

    10%,
    60% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    20%,
    40% {
        -webkit-transform: scale(1) rotate(-3deg)
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    50%,
    70%,
    90% {
        -webkit-transform: scale(1) rotate(3deg)
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
}

@keyframes panic {

    0%,
    100% {
        transform: scale(1) rotate(0)
    }

    10%,
    60% {
        transform: scale(1.1) rotate(-3deg)
    }

    20%,
    40% {
        transform: scale(1) rotate(-3deg)
    }

    30% {
        transform: scale(1.1) rotate(3deg)
    }

    50%,
    70%,
    90% {
        transform: scale(1) rotate(3deg)
    }

    80% {
        transform: scale(1.1) rotate(-3deg)
    }
}

@keyframes popHearts {
    0% {
        left: calc(50% - 7px);
        top: 10px
    }

    20% {
        opacity: 1
    }

    80% {
        top: -20px
    }

    100% {
        opacity: 0
    }
}

@keyframes wpUlikeNotifitcationsAnimation {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: .8;
        transform: translateY(0)
    }
}

@keyframes ulf-tooltip-fade-in {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.96)
    }

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

@keyframes ulf-spinner-bounce {

    0%,
    100%,
    80% {
        transform: scale(.6);
        opacity: .4
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

th,
td {
    border: 1px px solid #6997e3
}

th {
    vertical-align: inherit
}

.icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 40px;
    border-radius: 6px
}

.icon img {
    display: block;
    width: 20px
}

/*
$(document).on('change', 'input[name="file-834"]', function() {
    console.log($(this).val());
    const myFileInput = document.querySelector('input[name="file-834"]');
    const myFileName = myFileInput.files[0].name;
    $('.file-834 + label').attr('data-parent', myFileName);
    if (myFileInput.files.length > 0)
        $('.file-834 + label').addClass('file-selected');
});
*/
*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
dialog,
footer,
header,
main,
nav,
section {
    display: block
}

section {
    padding: 2rem 0
}

html,
body {
    font-family: "Onest", "OnestFallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-synthesis: none
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f6f3f2
}

body {
    min-width: 320px;
    position: relative;
    line-height: 1.5;
    overflow-x: hidden;
    font-size: 18px;
    color: #2d3748;
    width: 100%
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1,
h2,
h3,
h4 {
    margin-top: 0;
    margin-bottom: .5rem
}

h1 {
    font-size: 52px
}

p {
    margin-top: 0;
    margin-bottom: .5rem
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

li,
ul {
    list-style: none
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

b,
strong {
    font-weight: 600
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: inherit
}

a:hover {
    text-decoration: none
}

a:not([href]):not([tabindex]) {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
pre {
    font-family: monospace, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0;
    cursor: pointer
}

*:focus {
    outline: none !important
}

button:focus {
    outline: none !important
}

a:focus {
    outline: none !important
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important
}

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

h1,
h2,
h3,
h4 {
    font-family: "Onest";
    line-height: normal;
    text-wrap-style: balance
}

h2 {
    font-size: 48px;
    font-weight: 600;
    margin: 0
}

h3 {
    font-size: 36px
}

h4 {
    font-size: 24px
}

.hidden {
    visibility: hidden
}

h1 {
    text-align: center
}

@media screen and (max-width:1439px) {
    h1 {
        font-size: 40px;
        line-height: 48px
    }

    h2 {
        font-size: 32px;
        line-height: 39px
    }

    h4 {
        font-size: 20px;
        line-height: 24px
    }

    p {
        font-size: 16px;
        line-height: 24px
    }

    section {
        padding: 1rem
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    body p {
        font-size: 16px;
        line-height: 24px
    }

    h2 {
        font-size: 42px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-family: Onest, sans-serif;
        font-weight: 500
    }
}

@media screen and (max-width:767px) {
    section {
        padding: 1rem 0 0
    }

    p {
        font-size: 16px
    }

    h1 {
        font-size: 32px;
        line-height: 38px
    }

    h2 {
        font-size: 28px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 20px;
        font-family: Onest, sans-serif;
        font-weight: 500
    }
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 200;
    font-display: optional;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-ExtraLight.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-ExtraLight.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Light.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Light.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Regular.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Regular.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Medium.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Medium.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-SemiBold.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-SemiBold.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Bold.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Bold.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-ExtraBold.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-ExtraBold.woff") format("woff")
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Black.woff2") format("woff2"), url("/home-template/wp-content/themes/home_template/css/global/fonts/onest/Onest-Black.woff") format("woff")
}

@font-face {
    font-family: "OnestFallback";
    src: local("Arial");
    ascent-override: 97%;
    descent-override: 30.5%;
    line-gap-override: 0%;
    size-adjust: 98.7%
}

@font-face {
    font-family: "Raged-Scribe";
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/fonts/RagedScribe-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "creepster";
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/fonts/creepster.otf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Acumin";
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/fonts/acumin-black.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Acumin-light";
    font-display: swap;
    src: url("/home-template/wp-content/themes/home_template/fonts/acumin-light.otf") format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: FA;
    src: url(/home-template/wp-content/themes/home_template/fonts/FontAwesome.otf) format("OpenType")
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: inherit
    }
}

@media (min-width:992px) {
    .container {
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

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

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

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

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

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

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

.d-block {
    display: block !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.text-center {
    text-align: center
}

header {
    background: #fff
}

.theme-toggle {
    border: none;
    background: #f7f3f2;
    border-radius: .75rem;
    outline: none;
    width: 40px;
    display: flex;
    justify-content: center;
    height: 40px
}

@media (max-width:1200px) {
    .navbar_contrast .burger {
        background: rgba(39, 37, 37, .5) !important
    }
}

.select,
.tel {
    display: flex;
    align-items: center
}

.select img,
.tel img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border-radius: 100px;
    border: .5px solid #fff
}

.select:before,
.tel:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center
}

.tel:before {
    background-image: url(/home-template/wp-content/themes/home_template/img/header/icons/phone-default.svg)
}

.select:before {
    background-image: url(/home-template/wp-content/themes/home_template/img/header/icons/language-default.svg)
}

.select:after {
    content: url(/home-template/wp-content/themes/home_template/img/m1/arrow-down.svg);
    font-family: FA-PR-400;
    display: inline-block;
    margin-left: 8px;
    top: 3px;
    position: relative
}

.navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
}

.navbar_contrast .logo-white {
    display: block !important
}

.navbar_contrast .logo-black {
    display: none !important
}

.navbar-top {
    font-size: 14px;
    background: #fff;
    position: relative;
    z-index: 1
}

.navbar-top__row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0
}

.navbar-top__right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%
}

.navbar-top__item {
    cursor: pointer
}

.navbar-hot a {
    text-decoration: underline;
    display: inline-block
}

.navbar-hot a:after {
    content: url(/home-template/wp-content/themes/home_template/img/m1/arrow-down.svg);
    font-family: FA-PR-400;
    text-decoration: none;
    display: inline-block;
    filter: brightness(100);
    transform: rotate(-90deg);
    margin-left: 5px
}

.navbar-hot__label {
    font-size: 12px;
    text-transform: uppercase;
    color: #8d2b0b;
    font-family: Onest, sans-serif;
    font-weight: 300;
    display: inline-block;
    padding: 4px 6px;
    background: #fadb5f;
    border-radius: .75rem;
    line-height: 1.25;
    margin-right: 10px
}

.navbar-main {
    padding: 10px 0;
    width: 100%;
    background: 0 0
}

.navbar-main__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.navbar-main__row .logo {
    display: block;
    max-width: 180px;
    position: relative
}

.navbar-main__row .logo img {
    width: 100%;
    display: none
}

@-moz-document url-prefix() {
    .navbar-main__row .logo img {
        width: 200px
    }
}

.navbar_contrast .href {
    background-color: #f05243
}

.navbar_contrast {
    color: #fff
}

.navbar_contrast .select:after,
.navbar_contrast .support .tel-blue:after {
    filter: brightness(1000000)
}

.navbar_contrast .main-menu .carret:after {
    filter: brightness(100)
}

.navbar_contrast .navbar-top {
    background: 0 0;
    border-color: rgba(255, 255, 255, .15)
}

.navbar_contrast .main-menu>li>a,
.navbar_contrast .main-menu>li>span {
    color: #fff
}

.navbar_contrast .main-menu>li>a:hover,
.navbar_contrast .main-menu>li>span:hover {
    color: #f05243
}

.navbar_contrast .main-menu li a:after,
.navbar_contrast .main-menu li span:after {
    background-color: #f05243
}

#breadcrumbs {
    --bc-text: rgba(255, 255, 255, .8);
    --bc-text-hover: rgba(255, 255, 255, 1);
    --bc-bg: rgba(255, 255, 255, .1);
    --bc-bg-hover: rgba(255, 255, 255, .18);
    --bc-border: rgba(255, 255, 255, .2);
    --bc-border-hover: rgba(255, 255, 255, .35);
    --bc-current-bg: rgba(255, 255, 255, .15);
    --bc-current-border: rgba(255, 255, 255, .3);
    --bc-separator: rgba(255, 255, 255, .4);
    --bc-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    --bc-shadow-hover: 0 4px 14px rgba(0, 0, 0, .15);
    --bc-shimmer: rgba(255, 255, 255, .3);
    text-wrap-style: balance;
    margin: 0
}

#breadcrumbs>span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    font-size: 0
}

#breadcrumbs>span>span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px
}

#breadcrumbs>span>span:not(:last-child):after {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1.5px solid var(--bc-separator);
    border-bottom: 1.5px solid var(--bc-separator);
    transform: rotate(-45deg);
    flex-shrink: 0;
    opacity: .8
}

#breadcrumbs>span>span:nth-last-child(2):after {
    display: none
}

#breadcrumbs a {
    color: var(--bc-text) !important;
    font-size: 14px;
    line-height: 130%;
    font-weight: 300;
    text-decoration: none;
    padding: 5px 14px;
    background: var(--bc-bg);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid var(--bc-border);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    box-shadow: var(--bc-shadow)
}

#breadcrumbs a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--bc-shimmer), transparent);
    transition: left .5s ease;
    z-index: 1
}

#breadcrumbs a span {
    position: relative;
    z-index: 2;
    font-size: 14px
}

#breadcrumbs a:hover {
    color: var(--bc-text-hover) !important;
    background: var(--bc-bg-hover);
    border-color: var(--bc-border-hover);
    transform: translateY(-1px);
    box-shadow: var(--bc-shadow-hover)
}

#breadcrumbs a:hover:before {
    left: 100%
}

#breadcrumbs[data-bc-theme=dark] {
    --bc-text: rgba(255, 255, 255, 1) !important;
    --bc-text-hover: rgba(255, 255, 255, 1) !important;
    --bc-bg: rgba(255, 255, 255, .1) !important;
    --bc-bg-hover: rgba(255, 255, 255, .18) !important;
    --bc-border: rgba(255, 255, 255, .2) !important;
    --bc-border-hover: rgba(255, 255, 255, .35) !important;
    --bc-current-bg: rgba(255, 255, 255, .15) !important;
    --bc-current-border: rgba(255, 255, 255, .3) !important;
    --bc-separator: rgba(255, 255, 255, .4) !important;
    --bc-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
    --bc-shadow-hover: 0 4px 14px rgba(0, 0, 0, .15) !important;
    --bc-shimmer: rgba(255, 255, 255, .3) !important;
    opacity: 1 !important
}

#breadcrumbs[data-bc-theme=light] {
    --bc-text: rgba(55, 65, 81, .85);
    --bc-text-hover: rgba(17, 24, 39, 1);
    --bc-bg: rgba(0, 0, 0, .04);
    --bc-bg-hover: rgba(0, 0, 0, .08);
    --bc-border: rgba(0, 0, 0, .08);
    --bc-border-hover: rgba(0, 0, 0, .15);
    --bc-current-bg: rgba(0, 0, 0, .06);
    --bc-current-border: rgba(0, 0, 0, .12);
    --bc-separator: rgba(107, 114, 128, .5);
    --bc-shadow: 0 2px 8px rgba(0, 0, 0, .04);
    --bc-shadow-hover: 0 4px 14px rgba(0, 0, 0, .08);
    --bc-shimmer: rgba(255, 255, 255, .6)
}

@media (max-width:768px) {
    #breadcrumbs>span {
        justify-content: center
    }

    #breadcrumbs a {
        font-size: 12px;
        padding: 4px 10px
    }

    #breadcrumbs a span {
        font-size: 12px
    }

    #breadcrumbs>span>span:not(:last-child):after {
        width: 4px;
        height: 4px
    }
}

.navbar_contrast .select {
    color: #fff
}

.navbar_contrast .href:hover {
    background-color: #f05243
}

.navbar_contrast .select:before {
    background-image: url(/home-template/wp-content/themes/home_template/img/header/icons/language-light.svg)
}

.navbar_contrast .tel:before {
    background-image: url(/home-template/wp-content/themes/home_template/img/header/icons/phone-light.svg)
}

.navbar_contrast a.sign {
    display: inline-block;
    padding: 10px 25px !important;
    font-weight: 300;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: .75rem;
    line-height: 1.18
}

.navbar_contrast a.sign:after {
    display: none
}

.navbar_contrast a.sign:hover {
    background-color: #fff;
    color: #f05243
}

.lang {
    position: relative;
    cursor: pointer
}

.lang:hover .lang-list {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.lang .lang-list {
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s;
    transition-delay: .1s
}

.lang:not(:hover) .lang-list {
    transition-delay: .15s
}

.lang-list {
    position: absolute;
    padding-left: 0;
    padding: 6px 0;
    z-index: 2;
    border-radius: 16px;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    transform: scaleY(0);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s;
    overflow: hidden;
    background: rgba(39, 37, 36, .55);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .37), 0 0 0 .5px rgba(255, 255, 255, .1) inset
}

.lang-list:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 50%);
    mix-blend-mode: soft-light;
    pointer-events: none;
    border-radius: 16px
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .lang-list {
        background: rgba(39, 37, 36, .92)
    }

    .main-menu .carret .sub-menu {
        background: rgba(39, 37, 36, .92)
    }

    .sub-menu__item {
        background: rgba(39, 37, 36, .92)
    }
}

.lang-list__item {
    display: block
}

.lang-list__item a {
    display: block;
    padding: 8px 16px;
    color: #fff;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease, color .2s ease;
    border-radius: 10px;
    margin: 2px 6px;
    position: relative
}

.lang-list__item a:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    color: #fff
}

.lang-list__item a:active {
    transform: translateY(0);
    background: rgba(255, 255, 255, .08)
}

.navbar_contrast .lang-list__item a {
    color: #fff
}

.lang-list__item>a>img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 100px;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.lang-list__item a:hover>img {
    border-color: rgba(255, 255, 255, .5);
    transform: scale(1.08);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
}

.main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0
}

.main-menu li {
    margin-left: 20px
}

.main-menu li.home a {
    font-size: 0
}

.menu-item__content span {
    display: flex;
    align-items: center
}

.main-menu li a,
.main-menu li span {
    font-size: 15.8px;
    font-family: Onest, sans-serif;
    color: #2d3748;
    position: relative;
    display: inline-block;
    padding: 8px 0;
    line-height: 1.22;
    text-wrap-style: balance
}

.main-menu li a:after,
.main-menu li span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: .3s
}

.main-menu li a:hover:after,
.main-menu li span:hover:after {
    width: 100%
}

.main-menu .sign a {
    display: inline-block;
    padding: 10px 25px !important;
    font-weight: 300;
    border: 1px solid #cbd5e0;
    box-sizing: border-box;
    border-radius: .75rem;
    line-height: 1.18;
    font-size: 16px
}

.main-menu .sign a:after {
    display: none
}

.main-menu .sign a:hover {
    background-color: #cbd5e0;
    color: #fff
}

.main-menu .carret {
    position: relative
}

.main-menu .carret:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    bottom: -15px;
    z-index: -1
}

.main-menu .carret:after {
    content: url(/home-template/wp-content/themes/home_template/img/m1/arrow-down.svg);
    font-family: FA-PR-400;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 2px
}

.home .main-menu .carret:after,
.home .support .tel-blue:after,
.home .select:after {
    filter: brightness(100)
}

.main-menu .sub-menu .carret:after {
    color: #000;
    filter: brightness(100)
}

.main-menu .sub-menu li:hover .carret:after {
    filter: brightness(100)
}

.main-menu .carret .sub-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
    margin-bottom: 0;
    width: auto;
    min-width: 320px;
    padding: 10px;
    border-radius: 16px;
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s;
    transition-delay: .15s;
    overflow: visible;
    gap: 10px;
    background: rgba(39, 37, 36, .55);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .37), 0 0 0 .5px rgba(255, 255, 255, .1) inset;
    z-index: 999
}

.main-menu .carret .sub-menu:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 19px;
    background: 0 0;
    z-index: -1
}

.main-menu .carret .sub-menu li {
    margin: 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease
}

.main-menu .carret .sub-menu li a,
.main-menu .carret .sub-menu li span {
    display: flex;
    align-items: center;
    gap: 0px;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0
}

.main-menu .carret .sub-menu .providers-europe .menu-item__icon,
.main-menu .carret .sub-menu .providers-asia .menu-item__icon,
.main-menu .carret .sub-menu .providers-north-america .menu-item__icon,
.main-menu .carret .sub-menu .providers-south-america .menu-item__icon,
.main-menu .carret .sub-menu .providers-africa .menu-item__icon,
.main-menu .carret .sub-menu .providers-oceania .menu-item__icon {
    justify-content: flex-start
}

.main-menu .carret .sub-menu li .menu-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px
}

.main-menu .carret .sub-menu li .menu-item__content {
    display: flex;
    flex-direction: column;
    flex: 1
}

.main-menu .carret .sub-menu li .menu-image-title,
.main-menu .carret .sub-menu li .menu-item-description {
    color: #fff
}

.main-menu .carret .sub-menu li .menu-image {
    filter: brightness(100);
    transition: transform .2s ease, filter .2s ease;
    width: 50px;
    height: 50px
}

.menu-image-title {
    padding-left: 0 !important
}

.menu-item--disabled {
    filter: grayscale(1);
    opacity: .45;
    pointer-events: none;
    cursor: not-allowed
}

.menu-item--disabled a,
.menu-item--disabled a:hover,
.menu-item--disabled span {
    pointer-events: none;
    cursor: not-allowed;
    opacity: inherit
}

.menu-item--disabled .menu-image,
.menu-item--disabled .menu-item__icon img {
    filter: grayscale(1) !important;
    opacity: .55
}

.menu-item--disabled .menu-image-title,
.menu-item--disabled .menu-item-description {
    color: #9ca3af !important;
    opacity: .75
}

.main-menu .carret .sub-menu li.menu-item--disabled {
    opacity: .45;
    filter: grayscale(1);
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none !important;
    transform: none !important;
    background: 0 0 !important
}

.main-menu .carret .sub-menu li.menu-item--disabled .menu-image {
    filter: grayscale(1) !important;
    opacity: .55
}

.main-menu .carret .sub-menu li.menu-item--disabled .menu-image-title,
.main-menu .carret .sub-menu li.menu-item--disabled .menu-item-description {
    color: #9ca3af !important;
    opacity: .75
}

.main-menu .carret .sub-menu li.menu-item--disabled:hover {
    background: 0 0 !important;
    transform: none !important;
    box-shadow: none !important
}

.main-menu .carret .sub-menu li.menu-item--disabled:hover .menu-image-title,
.main-menu .carret .sub-menu li.menu-item--disabled:hover .menu-item-description {
    color: #9ca3af !important
}

.main-menu .carret .sub-menu li:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.main-menu .carret .sub-menu li:hover .menu-image-title,
.main-menu .carret .sub-menu li:hover .menu-item-description {
    color: #fff
}

.main-menu .carret .sub-menu li:hover:after {
    color: #fff;
    filter: brightness(100000)
}

.main-menu .carret .sub-menu>li:hover .menu-image-title:not(.sub-menu__item .menu-image-title),
.main-menu .carret .sub-menu>li:hover .menu-item-description:not(.sub-menu__item .menu-item-description),
.sub-menu__item li:hover .menu-image-title {
    color: #fff
}

@media (max-width:768px) {

    .main-menu .carret .sub-menu>li:hover .menu-image-title:not(.sub-menu__item .menu-image-title),
    .main-menu .carret .sub-menu>li:hover .menu-item-description:not(.sub-menu__item .menu-item-description),
    .sub-menu__item li:hover .menu-image-title {
        color: unset
    }
}

.navbar-main__row .sub-menu .menu-item {
    padding-left: 50px
}

.main-menu .carret .sub-menu>li:hover .menu-image:not(.sub-menu__item .menu-image),
.sub-menu__item li:hover .menu-image {
    filter: brightness(100)
}

.sub-menu__item {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s;
    transition-delay: .15s;
    position: absolute;
    left: 100%;
    top: -10px;
    margin-left: 10px;
    min-width: 250px;
    max-width: 350px;
    width: -moz-max-content;
    width: max-content;
    padding: 10px;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(25, 24, 24, .85);
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .37), 0 0 0 .5px rgba(255, 255, 255, .1) inset
}

.sub-menu__item:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 20px;
    background: 0 0;
    z-index: -1
}

.sub-menu__item:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 50%);
    mix-blend-mode: soft-light;
    pointer-events: none;
    border-radius: 16px;
    z-index: 0
}

.sub-menu__item li {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
    margin-bottom: 4px
}

.sub-menu__item li:last-child {
    margin-bottom: 0
}

.sub-menu__item li a,
.sub-menu__item li span {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    transition: color .2s ease;
    gap: 12px
}

.sub-menu__item li .menu-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.sub-menu__item li .menu-item__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 2px
}

.sub-menu__item li .menu-image-title {
    color: #fff;
    font-size: 14px;
    line-height: 1.2
}

.sub-menu__item li .menu-item-description {
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    line-height: 1.3;
    margin: 0
}

.sub-menu__item li .menu-image {
    filter: brightness(100);
    transition: transform .2s ease, filter .2s ease;
    width: 24px;
    height: 24px
}

.sub-menu__item li:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.sub-menu__item li:hover .menu-item-description {
    color: rgba(255, 255, 255, .9)
}

.main-menu .carret .sub-menu>li:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.cms-hosting:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.other-hosting:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.other-vps:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.windows-vps:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.linux-vps:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.cpanel-vps:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.europe-vps:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.trading-vps:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.team-speak-hosting:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-os:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-ram:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-core:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-cms:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-perf:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-cl:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-spec:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.providers-europe:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.providers-asia:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.providers-north-america:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.providers-south-america:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.providers-africa:hover .sub-menu__item,
.main-menu .carret .sub-menu>li.providers-oceania:hover .sub-menu__item {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    transition-delay: 0s
}

.main-menu .carret .sub-menu>li.dedicated-servers-spec .sub-menu__item,
.main-menu .carret .sub-menu>li.dedicated-servers-cl .sub-menu__item {
    top: auto;
    bottom: 0;
    transform-origin: bottom
}

.main-menu .carret .sub-menu>li:not(:hover) .sub-menu__item {
    transition-delay: .2s
}

@media (max-width:768px) {

    .main-menu .carret .sub-menu>li:hover .menu-image:not(.sub-menu__item .menu-image),
    .sub-menu__item li:hover .menu-image {
        filter: unset
    }
}

.main-menu .carret:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateX(-50%);
    transition-delay: 0s
}

.main-menu .carret:not(:hover) .sub-menu {
    transition-delay: .2s
}

.header-hero {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.header-hero_home {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 0 0 40px 40px;
    padding-top: calc(2rem + 115px);
    min-height: 700px
}

@media (max-width:768px) {
    .header-hero_home {
        border-radius: 0 0 20px 20px;
        background-image: url("/home-template/wp-content/uploads/2025/06/header-background-mobile-scaled.webp");
        min-height: auto
    }
}

.header-hero_home:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #000 0% 50%, rgba(0, 0, 0, 0) 60%);
    z-index: 1;
    pointer-events: none;
    border-radius: inherit
}

.header-hero_home .header-hero__bg-video {
    position: absolute;
    inset: 0;
    width: 70%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    right: 0;
    left: inherit;
    opacity: 1
}

@media (max-width:768px) {
    .header-hero_home .header-hero__bg-video {
        display: none
    }
}

.header-hero_home .header-hero__video-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(27, 23, 22, .35) 0%, rgba(240, 82, 67, .1) 100%);
    opacity: 0;
    transition: opacity 2s ease;
    pointer-events: none
}

.header-hero_home .header-hero__video-overlay.visible {
    opacity: 1
}

@media screen and (max-width:768px) {
    .header-hero_home .header-hero__video-overlay {
        opacity: 1;
        transition: none
    }
}

.header-hero_home .container,
.header-hero_home .hosting-hero {
    position: relative;
    z-index: 3
}

.header-hero_home:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    z-index: 2;
    pointer-events: none
}

@media (max-width:768px) {
    .header-hero_home:before {
        display: none
    }
}

@keyframes pulse-border {

    0%,
    100% {
        opacity: .6
    }

    50% {
        opacity: 1
    }
}

.polygon-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none
}

.polygon-bottom polygon {
    fill: #fff
}

.burger,
.menu-mobile {
    display: none
}

.burger {
    width: 40px;
    height: 40px;
    border: none;
    background: 0 0
}

.burger img {
    display: block;
    width: 100%
}

.burger span {
    display: block;
    height: 2px;
    border-radius: 50px;
    margin: 3px 0;
    background-color: #fff;
    width: 25px !important
}

@media screen and (max-width:1200px) {
    .burger {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background: #f6f3f2;
        border-radius: 10px;
        backdrop-filter: blur(10px)
    }

    .navbar-main_default .burger span {
        background-color: #2d3748
    }

    .navbar_contrast .navbar-main_default .burger span {
        background-color: #fff
    }

    .main-menu,
    .navbar-top {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .polygon-bottom polygon {
        display: none
    }

    .menu-mobile {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 30;
        background: linear-gradient(0deg, rgba(45, 45, 45, .8392156863), #0f0f0f);
        width: 100%;
        transform: translateX(100%);
        transition: .3s;
        box-shadow: -4px 0 20px rgba(0, 0, 0, .4), 0 0 0 .5px rgba(255, 255, 255, .1) inset;
        overflow-y: auto;
        isolation: isolate;
        scroll-behavior: auto;
        overscroll-behavior: contain
    }

    .menu-mobile__header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px
    }

    .menu-mobile__close {
        border: none;
        color: #fff;
        background: 0 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s ease
    }

    .menu-mobile__close img {
        filter: brightness(0) invert(1)
    }

    .menu-mobile .sub-menu {
        border-radius: 16px
    }

    .double-click {
        background: 0 0 !important
    }

    .sub-menu__item.open {
        margin-bottom: 20px !important;
        background: 0 0;
        margin-bottom: 20px !important;
        background: 0 0;
        border: none;
        box-shadow: none
    }

    .sub-menu__item.open:after {
        background: 0 0
    }

    span.menu-image-title-after.menu-image-title {
        display: inline-flex;
        align-items: center
    }

    .menu-mobile__support {
        margin-bottom: 20px;
        position: relative;
        isolation: isolate;
        overflow: hidden
    }

    .menu-mobile__support .support-list__title {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 15px;
        text-align: center
    }

    .menu-mobile__support .support-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding: 0;
        margin: 0
    }

    .menu-mobile__support .support-list__item {
        margin-bottom: 0
    }

    .menu-mobile__support .support-list__item a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 18px 14px;
        background: rgba(255, 255, 255, .08);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border: 1px solid rgba(255, 255, 255, .15);
        border-radius: 16px;
        color: #fff;
        text-decoration: none;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        position: relative;
        z-index: 1;
        text-align: center;
        min-height: 90px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(255, 255, 255, .05) inset;
        overflow: hidden
    }

    .menu-mobile__support .support-list__item a:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1px;
        background: linear-gradient(135deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1), rgba(255, 255, 255, .05), rgba(255, 255, 255, .1));
        border-radius: 16px;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: xor;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        opacity: 0;
        transition: opacity .4s ease
    }

    .menu-mobile__support .support-list__item a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, .15), rgba(255, 255, 255, .05), transparent);
        border-radius: 16px 16px 0 0;
        pointer-events: none
    }

    .menu-mobile__support .support-list__item a:hover {
        background: rgba(255, 255, 255, .12);
        border-color: rgba(255, 255, 255, .25);
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 12px 40px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .1) inset, 0 0 20px rgba(255, 255, 255, .1)
    }

    .menu-mobile__support .support-list__item a:hover:before {
        opacity: 1
    }

    .menu-mobile__support .support-list__item a:hover:after {
        background: linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .1), transparent)
    }

    .menu-mobile__support .support-list__item a img {
        width: 26px;
        height: 26px;
        margin-bottom: 10px;
        filter: brightness(0) invert(1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        position: relative;
        z-index: 2
    }

    .menu-mobile__support .support-list__item a:hover img {
        transform: scale(1.15) rotate(5deg);
        filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, .3))
    }

    .menu-mobile__support .support-list__item a {
        font-size: 13px;
        font-weight: 300;
        line-height: 1.3;
        position: relative;
        z-index: 2;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
    }

    .menu-mobile__support .support-list__item a:hover {
        text-shadow: 0 2px 4px rgba(0, 0, 0, .4)
    }

    .menu-mobile__social {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 20px;
        position: relative;
        isolation: isolate;
        overflow: hidden
    }

    .menu-mobile__social a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        flex: 1;
        background: rgba(255, 255, 255, .08);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border: 1px solid rgba(255, 255, 255, .15);
        border-radius: 12px;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        position: relative;
        z-index: 1;
        box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(255, 255, 255, .05) inset
    }

    .menu-mobile__social a:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1px;
        background: linear-gradient(135deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1), rgba(255, 255, 255, .05), rgba(255, 255, 255, .1));
        border-radius: 12px;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: xor;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        opacity: 0;
        transition: opacity .4s ease
    }

    .menu-mobile__social a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, .15), rgba(255, 255, 255, .05), transparent);
        border-radius: 12px 12px 0 0;
        pointer-events: none
    }

    .menu-mobile__social a:hover {
        background: rgba(255, 255, 255, .12);
        border-color: rgba(255, 255, 255, .25);
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 12px 40px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .1) inset, 0 0 20px rgba(255, 255, 255, .1)
    }

    .menu-mobile__social a:hover:before {
        opacity: 1
    }

    .menu-mobile__social a:hover:after {
        background: linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .1), transparent)
    }

    .menu-mobile__social a img {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        position: relative;
        z-index: 2
    }

    .menu-mobile__social a:hover img {
        transform: scale(1.15) rotate(5deg);
        filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, .3))
    }

    .menu-mobile .sub-menu {
        padding-left: 10px;
        display: none;
        margin-top: 0;
        margin-bottom: 15px;
        padding-right: 0
    }
}

@media screen and (max-width:1439px) {
    .main-menu li {
        margin-left: 24px
    }
}

.discount {
    color: #f05243;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px
}

@media (max-width:1199px) {
    .header-hero h1 {
        font-size: 52px
    }
}

@media (max-width:767px) {
    .header-hero h1 {
        font-size: 38px
    }
}

@keyframes cardiogramma {
    0% {
        opacity: 0;
        width: 0
    }

    30% {
        opacity: 1;
        width: 67px
    }

    31% {
        width: 0;
        opacity: 0
    }

    50% {
        width: 67px;
        opacity: 1
    }

    57% {
        opacity: 0
    }

    61% {
        width: 0;
        opacity: 0
    }

    100% {
        opacity: 1;
        width: 67px
    }
}

.header-hero_home {
    overflow: hidden
}

.white {
    filter: brightness(100)
}

.navbar_contrast .navbar-hot {
    color: #fff;
    display: flex;
    margin: 0;
    width: -moz-max-content;
    width: max-content
}

.navbar-hot {
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px !important
}

@media (max-width:1023px) {
    .navbar-hot {
        margin-left: 0
    }
}

.navbar-hot__label {
    width: 25px;
    height: 25px;
    background: url("/home-template/wp-content/themes/home_template/img/header/fire.svg");
    background-repeat: no-repeat;
    background-size: cover
}

.navbar-hot a {
    color: #f05243
}

.navbar-hot__text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    width: inherit;
    text-wrap: auto
}

.menu-mobile .sub-menu {
    padding-left: 0
}

@media (max-width:1199px) {
    .main-menu>li {
        font-size: 16px
    }
}

@media (max-width:1199px) {
    .main-menu>li>a {
        font-size: 16px;
        padding: 0
    }
}

.before-best {
    position: relative
}

.before-best>a:before {
    position: absolute;
    content: "BEST";
    padding: 2px 6px;
    background: rgba(240, 82, 67, .2);
    border-radius: .75rem;
    color: #f05243;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    margin-left: 5px;
    top: 33px;
    transform: translateY(-50%);
    right: -45px;
    z-index: -1;
    pointer-events: none
}

@media (max-width:1023px) {
    .before-best>a:before {
        top: 30px
    }
}

@media (min-width:1023px) {
    .before-best>a:before {
        top: 50%;
        right: -65px
    }
}

.before-best {
    margin-right: 45px
}

@media (max-width:1023px) {
    .before-best {
        margin-right: 0
    }
}

.before-new {
    position: relative
}

.before-new>a:before {
    content: "NEW";
    position: absolute;
    top: 33px;
    right: -45px;
    padding: 2px 6px;
    background: rgba(240, 82, 67, .2);
    border-radius: 100px;
    color: #f05243;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    margin-left: 5px;
    pointer-events: none;
    transform: translateY(-50%)
}

@media (min-width:1024px) {
    .before-new>a:before {
        top: 50%;
        right: -55px
    }
}

.new {
    position: relative
}

@media (max-width:1023px) {
    .new>a {
        width: 100% !important;
        max-width: 100% !important
    }
}

.new>a:before {
    content: "NEW";
    position: absolute;
    top: 33px;
    right: -45px;
    padding: 2px 6px;
    background: rgba(240, 82, 67, .2);
    border-radius: 100px;
    color: #f05243;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    margin-left: 5px;
    pointer-events: none;
    transform: translateY(-50%)
}

@media (max-width:1023px) {
    .new>a:before {
        transform: rotate(45deg);
        font-size: 14px;
        padding: 20px 20px 10px;
        border-radius: 30px;
        overflow: hidden;
        top: -10px;
        width: -moz-fit-content;
        width: fit-content;
        right: -25px
    }
}

@media (min-width:1024px) {
    .new>a:before {
        top: 50%;
        right: -55px
    }
}

@media (min-width:1024px) {
    .new {
        padding-right: 70px !important
    }

    .new:hover a:before {
        filter: brightness(100) !important
    }
}

@media (min-width:1024px) {
    .before-new-gpu.before-new>a:before {
        right: -65px;
        z-index: -1
    }
}

.england-menu a:before {
    right: -60px !important
}

@media (min-width:768px) {

    .new:hover a:before,
    .before-new:hover a:before {
        filter: brightness(100)
    }

    .main-menu>.new:hover a:before,
    .main-menu .before-new:hover a:before {
        filter: brightness(1)
    }

    .england-menu a:before {
        right: -85px !important
    }
}

.before-new {
    margin-right: 45px
}

@media (max-width:1023px) {
    .before-new {
        margin-right: 0
    }
}

.menu-item {
    cursor: pointer
}

.navbar_contrast .navbar-top__item {
    padding: 9.5px 12px;
    border-radius: 10px;
    background: rgba(39, 37, 36, .6);
    border: none;
    font-size: 14px;
    color: #fff;
    height: 40px
}

.navbar_contrast .navbar-top__item .select {
    font-size: 14px
}

@media (max-width:1199px) {
    .navbar_contrast .navbar-top__item {
        margin-right: 0
    }
}

.navbar_contrast .navbar-top__item:hover {
    background: #f05243
}

@media (max-width:1199px) {
    .navbar_contrast .navbar-top__row {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.burger-support-wrapper {
    display: none
}

@media (max-width:1200px) {
    .burger-support-wrapper {
        display: flex;
        flex-direction: row;
        gap: 10px
    }
}

.support {
    position: relative
}

.support .tel-blue {
    font-size: 14px;
    line-height: 19px;
    font-weight: 200;
    display: flex;
    align-items: center
}

.support .tel-blue:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/home-template/wp-content/themes/home_template/img/header/icons/tel-big-blue.svg);
    filter: brightness(100)
}

.support .tel-blue:after {
    content: url(/home-template/wp-content/themes/home_template/img/m1/arrow-down.svg);
    display: inline-block;
    margin-left: 10px;
    top: 2px;
    position: relative
}

.support .support-list {
    position: absolute;
    min-width: 235px;
    width: 100%;
    top: 110%;
    left: 0;
    padding: 20px;
    z-index: 2;
    border-radius: 16px;
    margin-bottom: 0;
    transform-origin: top;
    transform: scaleY(0);
    opacity: 0;
    background: rgba(39, 37, 36, .55) !important;
    visibility: hidden;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s;
    overflow: hidden;
    background: 0 0;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .37), 0 0 0 .5px rgba(255, 255, 255, .1) inset
}

.support .support-list:before {
    content: "";
    position: absolute;
    inset: 0;
    mix-blend-mode: soft-light;
    pointer-events: none;
    border-radius: 16px;
    z-index: 0
}

@media (max-width:1200px) {
    .support .support-list {
        width: unset;
        left: unset;
        right: 0
    }
}

.support .support-list__item {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    position: relative;
    z-index: 1
}

.support .support-list__item:last-child {
    margin-bottom: 0
}

.support .support-list__item img {
    margin-right: 10px;
    max-width: 20px;
    transition: transform .2s ease;
    filter: brightness(10) !important
}

.support .support-list__item a {
    display: block;
    color: #fff;
    font-size: .8rem;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease, color .2s ease;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none
}

.support .support-list__item a:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    text-decoration: none;
    color: #fff
}

.support .support-list__item a:hover img {
    transform: scale(1.08)
}

.support .support-list__item a:active {
    transform: translateY(0);
    background: rgba(255, 255, 255, .08)
}

.support .support-list__title {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    padding-bottom: 5px
}

.support .href:hover {
    color: #fff
}

@media (max-width:1200px) {
    .support .support-text {
        display: none;
        color: #fff
    }
}

.support:hover .support-list {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.support:not(:hover) .support-list {
    transition-delay: .15s
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .support-list {
        background: rgba(39, 37, 36, .92)
    }
}

.lang-list {
    top: 110%;
    left: 0;
    width: -moz-max-content;
    width: max-content
}

.menu-item li a {
    display: inline-flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: -moz-max-content;
    max-width: max-content
}

.menu-item li a span {
    width: auto
}

.menu-item .europe-vps li a span {
    width: -moz-max-content;
    width: max-content
}

.menu-item a img,
.menu-item span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 45px !important;
    height: auto;
    filter: saturate(.35)
}

.sub-menu__item a img,
.sub-menu__item span img {
    filter: saturate(.35)
}

.menu-item-description {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 17px;
    font-weight: 200;
    color: #221221;
    white-space: nowrap
}

@media (max-width:1023px) {
    .menu-item-description {
        font-size: 12px;
        letter-spacing: -.02em
    }
}

.navbar_contrast .tel-blue {
    color: #fff
}

.navbar_contrast .navbar-hot a {
    color: #f9d630
}

.navbar_contrast .support:hover span,
.navbar_contrast .support:hover .tel-blue:after {
    transition: .5s
}

@media (max-width:767px) {
    .discount {
        margin: 10px 0
    }
}

@media (min-width:1024px) {
    .main-menu .carret .sub-menu li {
        display: flex;
        min-height: 50px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 10px
    }

    .main-menu .carret .sub-menu li:last-child {
        margin-bottom: 0
    }
}

.sub-menu span {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.sub-menu span:after,
.sub-menu a:after {
    content: none !important
}

.sub-menu .main-menu .carret:after {
    top: 0
}

.relative {
    position: relative
}

.up {
    display: flex;
    flex-flow: column;
    font-family: "Acumin";
    gap: 0px;
    font-size: 5vw
}

.up .line {
    line-height: 80px
}

.icon {
    font-size: 18px;
    display: flex;
    padding: 10px
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
        transition: transform 1s ease
    }

    50% {
        transform: translateY(-5px);
        transition: transform 1s ease
    }
}

@keyframes flash {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .2
    }
}

@keyframes goldFlash {
    0% {
        box-shadow: 0 0 10px gold, 0 0 20px gold, 0 0 30px #ffc700
    }

    50% {
        box-shadow: 0 0 15px #ffc700, 0 0 25px #ffa300, 0 0 35px gold
    }

    100% {
        box-shadow: 0 0 10px gold, 0 0 20px gold, 0 0 30px #ffc700
    }
}

@media (max-width:768px) {
    .up .line {
        line-height: 1;
        font-size: 54px
    }
}

.footer-logo-dark {
    display: none
}

.home .footer-logo-dark {
    display: block
}

.card {
    flex-flow: column;
    background-image: url(/home-template/wp-content/themes/home_template/img/header/easteregg.webp);
    display: flex;
    align-items: flex-end;
    justify-content: end;
    align-items: center;
    background-size: cover;
    box-sizing: border-box;
    width: 100%;
    height: 620px;
    border-radius: 20px;
    max-width: 490px;
    padding: 0 20px 40px;
    background-position: center
}

.hosting-hero {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: normal;
    position: relative;
    padding-top: 30px;
    position: relative;
    z-index: 999
}

@media (max-width:768px) {
    .hosting-hero {
        padding-top: 0
    }
}

.hosting-hero__title {
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 64px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase !important;
    max-width: 620px;
    width: 100%
}

:lang(ru-ru) .hosting-hero__title {
    font-size: 52px
}

@media (max-width:768px) {
    :lang(ru-ru) .hosting-hero__title {
        font-size: 32px
    }
}

:lang(ro-ro) .hosting-hero__title {
    font-size: 46px
}

@media (max-width:768px) {
    :lang(ro-ro) .hosting-hero__title {
        font-size: 28px
    }
}

:lang(de-de) .hosting-hero__title {
    font-size: 52px
}

@media (max-width:768px) {
    :lang(de-de) .hosting-hero__title {
        font-size: 32px
    }
}

:lang(tr-tr) .hosting-hero__title {
    font-size: 58px
}

@media (max-width:768px) {
    :lang(tr-tr) .hosting-hero__title {
        font-size: 36px
    }
}

:lang(es-es) .hosting-hero__title {
    font-size: 48px
}

@media (max-width:768px) {
    :lang(es-es) .hosting-hero__title {
        font-size: 32px
    }
}

:lang(pt-pt) .hosting-hero__title {
    font-size: 48px
}

@media (max-width:768px) {
    :lang(pt-pt) .hosting-hero__title {
        font-size: 32px
    }
}

:lang(uk) .hosting-hero__title {
    font-size: 52px
}

@media (max-width:768px) {
    :lang(uk) .hosting-hero__title {
        font-size: 32px
    }
}

:lang(pl-pl) .hosting-hero__title {
    font-size: 52px
}

@media (max-width:768px) {
    :lang(pl-pl) .hosting-hero__title {
        font-size: 32px
    }
}

:lang(id-id) .hosting-hero__title {
    font-size: 56px
}

@media (max-width:768px) {
    :lang(id-id) .hosting-hero__title {
        font-size: 36px
    }
}

.hosting-hero__actions {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 40px;
    align-items: center
}

@media (max-width:768px) {
    .hosting-hero__actions {
        order: 3;
        margin: 0;
        flex-flow: column
    }
}

.hosting-hero__btn {
    border-radius: 100px;
    padding: 15px 40px;
    font-weight: 600;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    border: none;
    cursor: pointer;
    transition: .4s ease
}

@media (max-width:768px) {
    .hosting-hero__btn {
        padding: 20px;
        text-align: center;
        width: 100%
    }
}

@media (max-width:768px) {
    .header-hero_home .container {
        padding-bottom: 0
    }
}

.hosting-hero__btn--primary {
    background: #f05243 !important;
    color: #fff
}

.hosting-hero__btn--primary:hover {
    background: #e13d30;
    color: #fff;
    transform: translateY(-2px)
}

.hosting-hero__btn--secondary {
    background: rgba(240, 82, 67, .2);
    color: #f05243 !important
}

.hosting-hero__btn--secondary:hover {
    background: #ffe6e4;
    color: #d94d3a;
    transform: translateY(-2px)
}

.features-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
    z-index: 999
}

@media (max-width:768px) {
    .features-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px
    }
}

.feature-card {
    position: relative;
    border-radius: 20px;
    padding: 24px 24px 18px;
    min-width: 220px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    background: rgba(39, 37, 36, .35);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .15);
    border-top: 1px solid rgba(255, 255, 255, .3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .37), 0 0 0 .5px rgba(255, 255, 255, .1) inset, 0 1px 0 rgba(255, 255, 255, .05) inset;
    transition: background .3s ease, box-shadow .3s ease
}

.feature-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 60%);
    mix-blend-mode: overlay;
    pointer-events: none;
    border-radius: 20px;
    z-index: 0
}

.feature-card:after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), transparent);
    pointer-events: none;
    z-index: 0
}

.feature-card:hover {
    background: rgba(39, 37, 36, .45);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .45), 0 0 0 .5px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .08) inset
}

@media (max-width:768px) {
    .feature-card {
        background: 0 0;
        padding: 20px;
        filter: none;
        border: none;
        min-width: unset;
        min-height: unset;
        flex-flow: row;
        padding: 10px 15px;
        overflow: inherit;
        transition: none
    }

    .feature-card:before {
        display: none
    }

    .feature-card:after {
        display: none
    }

    .feature-card:hover {
        background: 0 0;
        box-shadow: none
    }
}

.feature-card__overlay {
    display: none
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .feature-card {
        background: rgba(39, 37, 36, .88)
    }
}

.feature-card__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:768px) {
    .feature-card__content {
        flex-flow: row;
        width: 100%;
        justify-content: space-between
    }
}

@media (max-width:768px) {
    .feature-card__content.reverse {
        flex-flow: row-reverse
    }
}

.feature-card__title {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: normal
}

@media (max-width:768px) {
    .feature-card__title {
        text-align: left;
        font-size: 18px
    }
}

.feature-card__badge {
    display: flex;
    align-items: center;
    gap: 0;
    background: #f05243;
    border-radius: 100px;
    padding: 7px 16px;
    color: #fff;
    font-size: 16px;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    font-weight: 300;
    gap: 10px;
    margin-top: 10px
}

@media (max-width:768px) {
    .feature-card__badge {
        margin: 0
    }
}

.feature-card__badge a {
    cursor: pointer;
    color: #fff;
    display: flex;
    flex-flow: nowrap;
    gap: 5px
}

@media (max-width:768px) {
    .feature-card__badge {
        border-radius: 29px
    }
}

.feature-card__badge span {
    font-weight: 300
}

@media (max-width:768px) {
    .feature-card__badge span {
        display: none
    }
}

.feature-card__icon {
    width: 32px;
    height: 32px;
    margin-bottom: 6px
}

.feature-card__value {
    color: #f05243;
    font-size: 28px;
    font-weight: 300;
    font-weight: 300;
    text-align: center;
    display: flex;
    gap: 20px;
    align-items: center
}

.feature-card__subtitle {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: normal
}

@media (max-width:768px) {
    .feature-card__subtitle {
        text-align: left;
        font-size: 18px
    }
}

.feature-card__content--cert {
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.feature-card__content--cert .feature-card__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 0;
    border-radius: 50%;
    flex-shrink: 0
}

@media (max-width:768px) {
    .feature-card__content--cert {
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }
}

@media (max-width:768px) {
    .feature-card__cert-icon-lg {
        display: none
    }
}

.feature-card__cert-icon-sm {
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0
}

@media (max-width:768px) {
    .feature-card__cert-icon-sm {
        display: block
    }
}

.feature-card__cert-title-row {
    display: flex;
    align-items: center;
    gap: 12px
}

.feature-card__cert-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    flex: 1
}

.feature-card__cert-info .feature-card__title {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width:768px) {
    .feature-card__cert-info .feature-card__title {
        font-size: 20px;
        font-weight: 500
    }
}

.feature-card__cert-link {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #f05243;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: underline;
    transition: opacity .2s ease
}

.feature-card__cert-link:hover {
    opacity: .8
}

.feature-card__cert-link img {
    flex-shrink: 0
}

@media (max-width:768px) {
    .feature-card__cert-link {
        display: none
    }
}

.feature-card__cert-badge {
    display: none
}

@media (max-width:768px) {
    .feature-card__cert-badge {
        display: flex;
        margin-top: 0;
        flex-shrink: 0
    }
}

.breadcrumbs {
    margin-bottom: 20px
}

h1 {
    text-transform: none !important
}

@media (max-width:768px) {
    .choose {
        padding-top: 80px
    }
}

@keyframes promo-float {

    0%,
    100% {
        transform: translateY(0) rotate(0deg)
    }

    25% {
        transform: translateY(-8px) rotate(.5deg)
    }

    50% {
        transform: translateY(-4px) rotate(0deg)
    }

    75% {
        transform: translateY(-10px) rotate(-.5deg)
    }
}

@keyframes sparkle-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .4;
        transform: scale(.6)
    }
}

@keyframes glow-pulse {

    0%,
    100% {
        filter: drop-shadow(0 0 20px rgba(240, 82, 67, .4))
    }

    50% {
        filter: drop-shadow(0 0 35px rgba(240, 82, 67, .7)) drop-shadow(0 0 60px rgba(255, 107, 107, .3))
    }
}

.cp-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.cp-breadcrumbs a,
.cp-breadcrumbs span.current {
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    text-decoration: none;
    padding: 6px 14px;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    display: inline-block
}

.cp-breadcrumbs a:before,
.cp-breadcrumbs span.current:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);
    transition: left .6s ease;
    z-index: 1
}

.cp-breadcrumbs a:hover:before {
    left: 100%
}

.cp-breadcrumbs a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .3);
    transform: translateY(-2px);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .15)
}

.cp-breadcrumbs a span,
.cp-breadcrumbs span.current span {
    position: relative;
    z-index: 2
}

.cp-breadcrumbs span:not(.current):not(.breadcrumb_last) {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    padding: 0 4px;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    gap: 10px 5px;
    padding: 0
}

.cp-breadcrumbs span.current {
    color: #fff;
    font-weight: 300;
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .3)
}

html[lang=zh] * {
    text-wrap-style: balance
}

@keyframes tinypng-snow-big {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 2000px
    }
}

@keyframes tinypng-snow-small {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 2000px
    }
}

@keyframes copySuccess {
    0% {
        transform: scale(1) rotate(0deg)
    }

    50% {
        transform: scale(1.2) rotate(10deg)
    }

    100% {
        transform: scale(1) rotate(0deg)
    }
}

.breadcrumbs {
    padding: 20px 0
}

.breadcrumbs .home:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/breadcrumbs/home-icon.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center
}

footer {
    padding: 50px 0 0;
    border-top: 1px solid #e2e8f0;
    position: relative
}

footer *,
footer a {
    color: #2d3748
}

footer ul {
    padding-left: 0;
    margin-bottom: 25px;
    line-height: 1.5
}

@media (max-width:768px) {
    footer ul {
        padding-left: 20px
    }
}

footer a {
    transition: .3s
}

footer a:hover {
    color: #dfb044
}

.footer_contrast:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/home-template/wp-content/uploads/2024/03/lines.webp);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom
}

@media (min-width:1024px) {
    .footer_contrast:before {
        background-position: bottom
    }
}

.footer__social-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.footer__social-list a {
    display: inline-block;
    margin-right: 5px;
    cursor: pointer
}

.footer__social-list img {
    width: 20px;
    height: 20px;
    padding: 0;
    filter: brightness(100)
}

.footer_contrast {
    background: linear-gradient(114.31deg, #611b40 2.2%, #fb4c41 57.73%, #aa323f 92.1%);
    border-top: none
}

.footer_contrast .footer-logo-light {
    display: none
}

.footer_contrast .footer-logo-light {
    display: none
}

.footer_contrast .footer-logo-dark {
    filter: brightness(5);
    display: block !important
}

.footer_contrast *,
.footer_contrast a {
    color: #f6f6f9;
    font-size: 16px
}

.footer_contrast a:hover {
    color: #fadb5f
}

.footer_contrast .footer__subtitle {
    border-bottom-color: rgba(255, 255, 255, .3)
}

.footer__title {
    font-size: 40px;
    font-family: Onest, sans-serif;
    margin-bottom: 10px;
    display: block
}

@media (max-width:567px) {
    .footer__title {
        display: flex;
        justify-content: center
    }
}

.footer__title~p {
    font-size: 16px
}

@media (max-width:567px) {
    .footer__title~p {
        text-align: center
    }
}

.footer__subtitle {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.22;
    margin-bottom: 14px;
    font-weight: 600
}

@media screen and (max-width:767px) {
    footer {
        border-top: none
    }

    footer .footer__subtitle {
        display: block;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1.5px solid #e2e8f0;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }

    .footer__social .footer__subtitle {
        margin-bottom: 0
    }

    .footer__social-block {
        display: flex;
        flex-direction: column-reverse
    }

    .footer__social-block .footer__subtitle {
        border-bottom: none
    }

    .footer__social-block .footer__subtitle:after {
        display: none !important
    }

    .footer__social-list {
        margin-bottom: 20px;
        justify-content: space-between;
        margin-top: 20px
    }
}

.footer__subtitle:after {
    filter: brightness(0)
}

.footer_contrast .footer__subtitle:after {
    filter: brightness(100)
}

@media (min-width:768px) and (max-width:991px) {
    footer .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

    footer .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:576px) and (max-width:767px) {
    footer .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

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

@media (max-width:768px) {
    .align-center {
        text-align: center
    }
}

.top-rev {
    display: flex;
    gap: 10px;
    margin-bottom: 35px !important
}

@media (max-width:567px) {
    .top-rev {
        justify-content: center
    }
}

.top-rev img {
    width: 100px
}

.country {
    text-align: center;
    font-size: 60px;
    outline: none;
    user-select: none
}

.main-menu .carret .sub-menu li:last-child {
    margin: 0 !important
}

ul {
    list-style: auto
}

.support .support-list {
    z-index: 10
}

.moldova-menu1 img,
.sweden-menu img,
.bulgarian-menu img,
.netherlands-menu img,
.france-menu img,
.switzerland-menu img,
.romania-menu img,
.england-menu img {
    display: none !important
}

.moldova-menu1 .dd-menu__link span,
.netherlands-menu .dd-menu__link span,
.bulgarian-menu .dd-menu__link span,
.france-menu .dd-menu__link span,
.switzerland-menu .dd-menu__link span,
.romania-menu .dd-menu__link span,
.england-menu .dd-menu__link span,
.sweden-menu .dd-menu__link span {
    padding-left: 45px
}

.moldova-menu1 .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/moldova.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.sweden-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/sweden.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.england-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/england.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.netherlands-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/netherlands.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.bulgarian-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/bulgaria.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.france-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/france.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.switzerland-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/switzerland.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.romania-menu .dd-menu__link span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/romania.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.netherlands-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/netherlands.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.moldova-menu1 .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/moldova.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.sweden-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/sweden.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.bulgarian-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/bulgaria.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.france-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/france.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.switzerland-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/switzerland.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.england-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/england.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}

.romania-menu .menu-item__icon:before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(/home-template/wp-content/themes/home_template/img/dmca/icons/romania.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    @media (max-width:1023px) {
        top: 15px
    }
}


.main-menu>li {
    margin-bottom: 0 !important
}

.menu-item {
    margin-bottom: 10px
}

.support .support-list__item:last-child {
    margin-bottom: 0
}

.period {
    text-align: center
}

.price {
    text-align: center
}

.select:before {
    content: none !important
}

@media (min-width:1024px) {

    .windows-vps:after,
    .team-speak-hosting:after,
    .linux-vps:after,
    .cms-hosting:after,
    .other-vps:after,
    .europe-vps:after,
    .other-hosting:after,
    .trading-vps:after,
    .cpanel-vps:after,
    .dedicated-servers-os:after,
    .dedicated-servers-ram:after,
    .dedicated-servers-core:after,
    .dedicated-servers-cms:after,
    .dedicated-servers-perf:after,
    .dedicated-servers-cl:after,
    .dedicated-servers-spec:after,
    .providers-europe:after,
    .providers-asia:after,
    .providers-north-america:after,
    .providers-south-america:after,
    .providers-africa:after,
    .providers-oceania:after {
        content: '\\f107';
        font-family: FA-PR-400;
        display: inline-block;
        transform: rotate(-90deg);
        position: relative;
        top: 0 !important
    }

    .windows-vps,
    .linux-vps,
    .cms-hosting,
    .other-vps,
    .europe-vps,
    .team-speak-hosting,
    .cpanel-vps,
    .trading-vps,
    .dedicated-servers-os,
    .dedicated-servers-ram,
    .dedicated-servers-core,
    .dedicated-servers-cms,
    .dedicated-servers-perf,
    .dedicated-servers-cl,
    .dedicated-servers-spec,
    .providers-europe,
    .providers-asia,
    .providers-north-america,
    .providers-south-america,
    .providers-africa,
    .providers-oceania {
        width: 100%
    }
}

.other-vps>.sub-menu__item img,
.cpanel-vps>.sub-menu__item img {
    width: 45px;
    height: 45px
}

@keyframes flashing {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.cms-hosting>ul {
    top: -129px
}

.other-hosting ul {
    top: -187px
}

.europe-vps>ul {
    top: -10px
}

.windows-vps>ul {
    top: -250px
}

.linux-vps>ul {
    top: -307px
}

.trading-vps>ul {
    top: -370px
}

.other-vps ul {
    top: -490px
}

.cpanel-vps>ul {
    top: -430px
}

@media screen and (max-width:767px) {
    .vps-mobile>ul {
        display: none;
        padding: 10px
    }

    .correct td:nth-child(8) {
        width: 50% !important
    }

    .burger-support-wrapper {
        align-items: center
    }

    iframe {
        height: 300px !important
    }

    .contacts {
        padding: 0 !important;
        margin: 0 auto 5% !important
    }
}

@media (min-width:900px) {
    .contacts {
        padding: 75px !important
    }
}

.fade-in {
    animation: fade-in .5s ease-in-out forwards
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

code,
pre {
    display: block;
    border-radius: 1rem;
    margin: 1rem 0;
    word-wrap: break-word
}

.none {
    display: none !important
}

:root {
    --aifc-primary: #667eea;
    --aifc-secondary: #764ba2;
    --aifc-gradient: linear-gradient(135deg, var(--aifc-primary) 0%, var(--aifc-secondary) 100%);
    --aifc-shadow: 0 10px 40px rgba(0, 0, 0, .15);
    --aifc-radius: 12px
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 71, 87, .7)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 71, 87, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 71, 87, 0)
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

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

@keyframes blink {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

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

@keyframes typing {

    0%,
    60%,
    100% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-10px)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-5px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(5px)
    }
}

.country {
    width: 100%
}

@keyframes faq-float {

    0%,
    100% {
        transform: translate(0, 0) scale(1)
    }

    50% {
        transform: translate(30px, -30px) scale(1.1)
    }
}

@keyframes faq-plane-float {

    0%,
    100% {
        transform: translateY(0) rotate(-5deg)
    }

    50% {
        transform: translateY(-8px) rotate(5deg)
    }
}

@keyframes faq-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

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

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {

    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,
    24% {
        transform: rotate(-18deg)
    }

    12%,
    28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,
    to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")
}

:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2"), url(/home-template/wp-content/themes/home_template/fontawesome/webfonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
}

@keyframes circle {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.choose h2 {
    text-align: center
}

@media (max-width:767px) {
    .choose h2 {
        margin-bottom: 0
    }
}

.close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 30px;
    cursor: pointer
}

.payment h2 {
    color: #fff
}

@media (max-width:900px) {
    .payment {
        padding: 80px 0
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .choose {
        margin-bottom: 28px
    }
}

.payment {
    padding: 100px 0;
    transform: translateY(-1px)
}

.blog p {
    font-size: 20px;
    line-height: normal;
    color: #4a5568;
    font-family: "Onest";
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:1023px) and (min-width:768px) {

    .blog p,
    body p {
        font-size: 16px;
        line-height: 24px
    }
}

.payment .container:nth-child(2) {
    margin-top: 50px
}

.pulse-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #24ff24;
    box-shadow: 0 0 8px 2px rgba(36, 255, 36, .5333333333);
    position: relative
}

.pulse-circle:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: rgba(36, 255, 36, .5);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    animation: pulse 1.8s cubic-bezier(.4, 0, .2, 1) infinite
}

.feature-card__value {
    display: flex;
    gap: 20px;
    align-items: center
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .7
    }

    45% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: .3
    }

    75% {
        transform: translate(-50%, -50%) scale(2.1);
        opacity: .08
    }

    90% {
        transform: translate(-50%, -50%) scale(2.4);
        opacity: .03
    }

    100% {
        transform: translate(-50%, -50%) scale(2.6);
        opacity: 0
    }
}

*:focus {
    outline: 0 none
}

#toTop {
    --alex-fab-size: 56px;
    --alex-fab-gap: 12px;
    --alex-fab-edge: 24px;
    position: fixed;
    right: var(--alex-fab-edge);
    bottom: calc(var(--alex-fab-edge) + var(--alex-fab-size) + var(--alex-fab-gap));
    z-index: 999998;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: var(--alex-fab-size);
    height: var(--alex-fab-size);
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-color: #f05243;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(240, 82, 67, .45);
    transition: opacity .4s ease-in-out, visibility .4s ease-in-out, transform .2s ease, box-shadow .2s ease
}

#toTop:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(240, 82, 67, .6)
}

#toTop svg {
    width: 26px;
    height: 26px;
    flex-shrink: 0
}

@media (max-width:480px) {
    #toTop {
        --alex-fab-edge: 16px
    }
}

@media (max-width:768px) {
    .menu-mobile__logo .logo-dark {
        display: block
    }
}
.hosting-hero__title {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation-duration: 0.01ms !important
}
#alx-gae-consent-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    z-index: 999998;
    display: none;
    animation: fadeInOverlay 0.3s ease-out;
}

#alx-gae-consent-overlay.show {
    display: block;
}

@keyframes fadeInOverlay {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#alx-gae-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 3px solid #f05243;
    box-shadow: 0 -8px 32px rgba(240, 82, 67, 0.12);
    padding: 20px 24px;
    z-index: 99999999;
    display: none;
    font-family: Onest, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    animation: slideUpBanner 0.4s ease-out;
}

@keyframes slideUpBanner {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

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

#alx-gae-consent-banner.show {
    display: block;
}

#alx-gae-consent-banner .consent-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

#alx-gae-consent-banner .consent-text {
    flex: 1;
    min-width: 280px;
    font-size: 14px;
    line-height: 1.6;
    color: #2d3748;
    font-weight: 400;
}

#alx-gae-consent-banner .consent-text p {
    margin: 0 0 8px;
    color: #2d3748 !important;
}

#alx-gae-consent-banner .consent-text p:last-child {
    margin-bottom: 0;
}

#alx-gae-consent-banner .consent-text a {
    color: #f05243;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid rgba(240, 82, 67, 0.35);
    transition: color 0.2s, border-color 0.2s;
}

#alx-gae-consent-banner .consent-text a:hover {
    color: #cd2111;
    border-color: #cd2111;
}

#alx-gae-consent-banner .consent-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

#alx-gae-consent-banner .consent-btn {
    padding: 11px 24px;
    border-radius: .75rem;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: Onest, sans-serif;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    border: 2px solid transparent;
    line-height: 1.3;
}

#alx-gae-consent-banner .consent-btn-accept-all {
    background: #f05243;
    color: #ffffff;
    border-color: #f05243;
    box-shadow: 0 4px 14px rgba(240, 82, 67, 0.3);
}

#alx-gae-consent-banner .consent-btn-accept-all:hover {
    background: #cd2111;
    border-color: #cd2111;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(240, 82, 67, 0.4);
}

#alx-gae-consent-banner .consent-btn-accept-all:active {
    transform: translateY(0);
}

#alx-gae-consent-banner .consent-btn-necessary {
    background: #f6f6f9;
    color: #2d3748;
    border-color: #e2e8f0;
}

#alx-gae-consent-banner .consent-btn-necessary:hover {
    background: #e2e8f0;
    border-color: #cbd5e0;
    transform: translateY(-1px);
}

#alx-gae-consent-banner .consent-btn-decline {
    background: none;
    border: none;
    padding: 4px 0;
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    transition: color 0.2s ease;
}

#alx-gae-consent-banner .consent-btn-decline:hover {
    color: #2d3748;
}

@media (max-width: 768px) {
    #alx-gae-consent-banner {
        padding: 16px 16px 20px;
    }

    #alx-gae-consent-banner .consent-content {
        flex-direction: column;
        gap: 16px;
    }

    #alx-gae-consent-banner .consent-buttons {
        width: 100%;
        justify-content: center;
    }

    #alx-gae-consent-banner .consent-btn {
        flex: 1;
        min-width: 120px;
        text-align: center;
    }
}
svg:not(:host).svg-inline--fa,
    svg:not(:root).svg-inline--fa {
        transition: 0.5s;
    }

    svg:not(:host).svg-inline--fa:hover,
    svg:not(:root).svg-inline--fa:hover {
        transform: translateY(-2px);
        transition: 0.5s;
    }

    @media (max-width: 567px) {
        .mobile-accordeon div {
            overflow: hidden;
            display: none;
            transition: max-height 0.3s ease-out;
        }

        .mobile-accordeon_active>div {
            display: block;
        }

        .footer__subtitle::after {
            content: "";
            background: url(/home-template/wp-content/themes/home_template/img/dmca/icons/arrow-down-dark.svg);
            display: block;
            line-height: 1;
            font-size: 30px;
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 20px;
            transition: .3s;
            width: 24px;
            height: 24px;
        }

        .mobile-accordeon_active .footer__subtitle::after {
            transform: translateY(-50%) rotate(180deg) !important;
        }
    }
.dd-menu,.menu-mobile{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:9999999999;pointer-events:none}.dd-menu--open,.menu-mobile.dd-menu--open{visibility:visible !important;pointer-events:auto !important;display:block !important}.dd-menu__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dd-menu--open .dd-menu__overlay{opacity:1}.dd-menu__sidebar,.dd-menu .container{position:absolute;top:0;left:0;width:100%;max-width:400px;height:100%;max-height:100%;background:rgba(15,15,20,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex !important;flex-direction:column;overflow:hidden;padding:0 !important;margin:0 !important;box-sizing:border-box}.dd-menu--open .dd-menu__sidebar,.dd-menu--open .container{transform:translateX(0) !important}.dd-menu__header,.menu-mobile__header{display:flex !important;align-items:center;justify-content:space-between;padding:10px 20px;flex-shrink:0;position:sticky;top:0;z-index:10;margin-bottom:0 !important;background:rgba(20,20,25,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.dd-menu__logo img{height:40px;width:auto}.dd-menu__logo .logo-dark{display:block !important}.dd-menu__close{background:0 0;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;background:rgba(255,255,255,.1);border-radius:100px}.dd-menu__close:hover{background-color:rgba(255,255,255,.1)}.dd-menu__close img,.dd-menu__close svg{width:24px;height:24px}.dd-menu__panel-wrapper{position:relative;flex:1 1 0;min-height:0;overflow:hidden;background:0 0;width:100%}.dd-menu__sidebar>.menu-mobile__authorisation,.dd-menu__sidebar>.menu-mobile__contacts-item,.dd-menu__sidebar>.dd-menu__footer,.dd-menu__sidebar>.menu-mobile__footer{display:none !important}.dd-menu__panel--contacts .menu-mobile__authorisation,.dd-menu__panel--contacts .menu-mobile__contacts-item{display:block;flex-shrink:0;padding:20px;margin:0;background:0 0;border-bottom:1px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box}.dd-menu__panel--contacts .dd-menu__footer,.dd-menu__panel--contacts .menu-mobile__footer{display:block;flex-shrink:0;padding:20px;margin:0;border-top:1px solid rgba(255,255,255,.1);background:rgba(20,20,25,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:auto;width:100%;box-sizing:border-box}.dd-menu__panel--contacts{display:flex;flex-direction:column}.dd-menu__panel--contacts .menu-mobile__authorisation{display:flex;gap:12px;justify-content:space-between;align-items:stretch}.dd-menu__panel--contacts .menu-mobile__authorisation .theme-btn{flex:1;margin:0}.dd-menu__panel--contacts .menu-mobile__support{padding:0;margin:0}.dd-menu__panel--contacts .menu-mobile__support .support-list{list-style:none;margin:0;padding:0}.dd-menu__panel--contacts .menu-mobile__support .support-list__item{margin:0;padding:0}.dd-menu__panel--contacts .menu-mobile__support .support-list__item a{display:flex;align-items:center;gap:12px;padding:12px 0;color:rgba(255,255,255,.9);text-decoration:none;transition:color .2s ease;border-bottom:1px solid rgba(255,255,255,.08)}.dd-menu__panel--contacts .menu-mobile__support .support-list__item:last-child a{border-bottom:none}.dd-menu__panel--contacts .menu-mobile__support .support-list__item a:hover{color:#fff}.dd-menu__panel--contacts .menu-mobile__support .support-list__item a img{width:20px;height:20px;flex-shrink:0}.dd-menu__panel--contacts .menu-mobile__social{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-top:15px;padding:0}.dd-menu__panel--contacts .menu-mobile__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0}.menu-mobile__authorisation,.menu-mobile__contacts-item{padding:10px 20px;margin:0;background:0 0;flex-shrink:0}.menu-mobile__footer{background:rgba(20,20,25,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.dd-menu__panel{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease-out;box-sizing:border-box}.dd-menu__panel--active{transform:translateX(0)}.dd-menu__panel--enter-right{transform:translateX(100%)}.dd-menu__panel--enter-left{transform:translateX(-100%)}.dd-menu__panel--exit-left{transform:translateX(-100%)}.dd-menu__panel--exit-right{transform:translateX(100%)}.dd-menu__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(20,20,25,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;min-height:60px;width:100%;box-sizing:border-box;position:relative;z-index:999999999}.dd-menu__back{display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:8px;cursor:pointer;color:rgba(255,255,255,.9);border-radius:100px;transition:all .2s ease;background-color:rgba(255,255,255,.1);flex-shrink:0;min-height:42px;min-width:42px}.dd-menu__back svg{width:18px;height:18px;flex-shrink:0}.dd-menu__title{font-size:16px;font-weight:500;color:rgba(255,255,255,.95);flex:1}.dd-menu__title--right{display:flex;align-items:center;gap:8px;background:0 0;border:none;padding:8px 12px;text-align:center;cursor:pointer;font-size:15px;font-weight:400;color:rgba(255,255,255,.9);border-radius:100px;transition:all .2s ease;background-color:rgba(255,255,255,.1);flex-shrink:0;justify-content:center;line-height:normal;text-wrap-style:balance;min-height:42px}.dd-menu__header-auth{display:flex;gap:8px;align-items:center;flex-shrink:0}.dd-menu__auth-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:100px;cursor:pointer;transition:all .2s ease;color:rgba(255,255,255,.9)}.dd-menu__auth-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#fff;transform:translateY(-1px)}.dd-menu__auth-btn:active{transform:translateY(0)}.dd-menu__auth-btn svg{width:18px;height:18px}.dd-menu__header-lang{position:relative;flex-shrink:0}.dd-menu__lang-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:100px;cursor:pointer;transition:all .2s ease}.dd-menu__lang-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}.dd-menu__lang-btn:active{transform:translateY(0)}.dd-menu__lang-btn img{width:30px;height:30px;border-radius:2px;object-fit:cover}.dd-menu__lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:rgba(20,20,25,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px 0 rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:100;overflow:hidden}.dd-menu__lang-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.dd-menu__lang-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:rgba(255,255,255,.9);text-decoration:none;transition:background-color .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.dd-menu__lang-item:last-child{border-bottom:none}.dd-menu__lang-item:hover{background:rgba(255,255,255,.1);color:#fff}.dd-menu__lang-item--current{background:rgba(255,255,255,.05);color:#fff}.dd-menu__lang-item img{width:25px;height:25px;border-radius:100px;object-fit:cover;flex-shrink:0}.dd-menu__lang-item span{font-size:14px;font-weight:300}.dd-menu__list{list-style:none;margin:0;padding:0;flex:1 1 0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;max-height:100%}.dd-menu__item{border-bottom:1px solid rgba(255,255,255,.08)}.dd-menu__item:last-child{border-bottom:none}.dd-menu__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;text-decoration:none;color:rgba(255,255,255,.9);font-size:15px;font-weight:300;background:0 0;border:none;cursor:pointer;text-align:left;transition:all .2s ease;gap:12px;position:relative;overflow:hidden}.dd-menu__icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-size:20px;line-height:1;filter:brightness(11)}.dd-menu__icon.dashicons{font-family:dashicons;font-size:20px;width:20px;height:20px}.dd-menu__icon img{width:20px;height:20px;object-fit:contain}.dd-menu__link>span:not(.dd-menu__icon){flex:1;text-align:left}.dd-menu__link:hover,.dd-menu__link:focus{color:#fff;outline:none}.dd-menu__item--has-children .dd-menu__link:hover{background-color:transparent}.dd-menu__link:active{background-color:rgba(255,255,255,.15)}.dd-menu__item--has-children .dd-menu__link{font-weight:400;display:flex;align-items:center;gap:12px;padding:16px 20px;background:0 0;border:none}.dd-menu__icon-btn{flex-shrink:0;background:0 0;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.dd-menu__icon-btn:hover{opacity:.8}.dd-menu__text-link{flex:1;text-decoration:none;color:inherit;padding:0;display:flex;align-items:center;font-weight:400;line-height:normal;text-wrap-style:balance}.dd-menu__text-link:hover{text-decoration:underline}.dd-menu__arrow-btn{flex-shrink:0;background:0 0;border:none;padding:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:color .2s ease;background:rgba(255,255,255,.1);border-radius:100px;width:35px;height:35px}.dd-menu__arrow-btn:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.15)}.dd-menu__arrow-btn svg{width:20px;height:20px;flex-shrink:0}.dd-menu__footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(20,20,25,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0}body.dd-menu-active{overflow:hidden}@media (min-width:768px){.dd-menu__sidebar{width:400px}}.dd-menu__link:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px;background-color:rgba(255,255,255,.15)}.dd-menu__back:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.dd-menu__panel{scroll-behavior:smooth}.dd-menu--loading .dd-menu__panel-wrapper{opacity:.5;pointer-events:none}.menu-mobile__support,.menu-mobile__support ul{background:0 0}.menu-mobile__support .support-list__item a{color:rgba(255,255,255,.9);transition:color .2s ease}.menu-mobile__support .support-list__item a:hover{color:#fff}.menu-mobile__social a{opacity:.8;transition:opacity .2s ease}.menu-mobile__social a:hover{opacity:1}.menu-mobile__authorisation .theme-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.menu-mobile__authorisation .theme-btn:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3)}.menu-mobile__contacts-item .select-mobile{color:rgba(255,255,255,.9)}.menu-mobile__contacts-item .lang-list-mobile{background:rgba(20,20,25,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.menu-mobile__contacts-item .lang-list__item a{color:rgba(255,255,255,.9)}.menu-mobile__contacts-item .lang-list__item a:hover{color:#fff;background:rgba(255,255,255,.1)}@media (prefers-reduced-motion:reduce){.dd-menu__sidebar,.dd-menu__overlay,.dd-menu__panel,.dd-menu__link,.dd-menu__back{transition-duration:.01ms !important}}.dd-menu__item.menu-item--disabled{opacity:.5;filter:grayscale(1)}.dd-menu__item.menu-item--disabled .dd-menu__link,.dd-menu__item.menu-item--disabled .dd-menu__text-link,.dd-menu__item.menu-item--disabled .dd-menu__arrow-btn,.dd-menu__item.menu-item--disabled .dd-menu__icon-btn,.dd-menu__item.menu-item--disabled a,.dd-menu__item.menu-item--disabled button{pointer-events:none;cursor:not-allowed}#dd-menu-container .new>a:before,#dd-menu-container .before-new>a:before{display:none}
/* 9Servers Chat Widget */
:root {
    --ui-bg: #f6f3f2;
    --ui-dark: #1b1716;
    --ui-orange: #f05243;
    --ui-white: #ffffff;
    --ui-header: #272524;
    --ui-icon-bg: #343332;
    --alxchat-pattern-url: url('./background-chat.svg');
    --alxchat-pattern-size: 101px;
    --alxchat-header-h: 80px;
}

.alxchat-root *,
.alxchat-root *::before,
.alxchat-root *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.alxchat-root {
    position: fixed;
    z-index: 999999;
    bottom: 24px;
    right: 24px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family:
        'Onest',
        system-ui,
        -apple-system,
        Segoe UI,
        Roboto,
        sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* Toggle button */
.alxchat-toggle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: var(--ui-orange);
    color: var(--ui-white);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(240, 82, 67, 0.45);
    -webkit-transition:
        -webkit-transform 0.2s,
        box-shadow 0.2s;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
    outline: none;
    position: relative;
}

.alxchat-toggle:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(240, 82, 67, 0.6);
}

.alxchat-toggle svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
}

/* Badge for unread */
.alxchat-badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--ui-dark);
    color: var(--ui-white);
    font-size: 10px;
    font-weight: 700;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.alxchat-badge.alxchat-visible {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

/* Panel */
.alxchat-panel {
    position: relative;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 360px;
    height: 600px;
    background: var(--ui-bg);
    border-radius: 1.25rem;
    box-shadow: 0 12px 48px rgba(26, 26, 46, 0.22);
    overflow: hidden;
    margin-bottom: 16px;
    -webkit-animation: alxchat-slideup 0.25s ease;
    animation: alxchat-slideup 0.25s ease;
}

@-webkit-keyframes alxchat-slideup {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes alxchat-slideup {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.alxchat-root.alxchat-open .alxchat-panel {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

/* Header */
.alxchat-header {
    background-color: var(--ui-header);
    padding: 1.25rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.alxchat-header::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--alxchat-pattern-url);
    background-repeat: repeat;
    background-size: var(--alxchat-pattern-size);
    background-position: 0 0;
    opacity: 0.5;
    pointer-events: none;
}

.alxchat-header > * {
    position: relative;
    z-index: 1;
}

.alxchat-header-left {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.alxchat-avatar-wrap {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 0.525rem;
    background: var(--ui-icon-bg);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.alxchat-avatar {
    width: 25px;
    height: 25px;
    -o-object-fit: cover;
    object-fit: cover;
}

.alxchat-header-title {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.375rem;
}

.alxchat-header-name {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 90%;
}

.alxchat-header-sub-wrap {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3125rem;
}

.alxchat-header-sub {
    color: var(--ui-orange);
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 90%;
}

.alxchat-header-pulse {
    width: 0.75rem;
    height: 0.75rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.alxchat-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 4px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}

.alxchat-close:hover {
    color: var(--ui-white);
}

.alxchat-close svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}

/* Status bar */
.alxchat-status {
    background: var(--ui-bg);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 2.3125rem;
    overflow: hidden;
    box-shadow: none;
}

.alxchat-status-label {
    background-color: var(--ui-header);
    --alxchat-status-notch: 24px;
    position: relative;
    border-radius: 0 0 var(--alxchat-status-notch) 0;
    padding: 0.75rem 1.25rem;
    color: var(--ui-white);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 90%;
    white-space: nowrap;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 0;
}

.alxchat-status-label::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--alxchat-pattern-url);
    background-repeat: repeat;
    background-size: var(--alxchat-pattern-size);
    background-position: 0 calc(var(--alxchat-header-h) * -1);
    opacity: 0.5;
    pointer-events: none;
}

.alxchat-status-label > * {
    position: relative;
    z-index: 1;
}

.alxchat-status-label::after {
    content: '';
    position: absolute;
    right: -17.4px;
    bottom: 19px;
    width: 18px;
    height: 18px;
    background: url(./tr.svg) no-repeat center / contain;
    pointer-events: none;
}

.alxchat-status-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.25rem 0 0;
    color: var(--ui-icon-bg);
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 90%;
    opacity: 0.5;
    text-align: center;
}

@keyframes alxchat-reconnect-pulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.alxchat-status-text--reconnecting {
    color: var(--ui-orange);
    opacity: 1 !important;
    animation: alxchat-reconnect-pulse 1.4s ease-in-out infinite;
}

.alxchat-info-notice {
    flex-shrink: 0;
    padding: 0.625rem 1rem;
    background: #e8f4fd;
    color: #1a4d6d;
    font-size: 0.8125rem;
    line-height: 1.4;
    border-bottom: 1px solid #b8d9ee;
    text-align: center;
}

/* Messages area */
.alxchat-messages {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1.5rem;
    background: var(--ui-bg);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    scroll-behavior: smooth;
}

.alxchat-messages::-webkit-scrollbar {
    width: 4px;
}

.alxchat-messages::-webkit-scrollbar-track {
    background: transparent;
}

.alxchat-messages::-webkit-scrollbar-thumb {
    background: rgba(27, 23, 22, 0.2);
    border-radius: 2px;
}

/* Bubble wrapper */
.alxchat-bubble-wrap {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    max-width: 82%;
}

.alxchat-bubble-wrap--visitor {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.alxchat-bubble-wrap--operator {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* Bubbles */
.alxchat-bubble {
    padding: 0.85rem 1rem;
    word-break: break-word;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
}

.alxchat-bubble a {
    color: inherit;
    text-decoration: underline;
    word-break: break-all;
}

.alxchat-bubble a:hover {
    opacity: 0.75;
}

.alxchat-bubble code {
    font-family: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    font-size: 0.8em;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 0.15em 0.4em;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.alxchat-bubble--visitor code {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.15);
}

.alxchat-bubble.alxchat-bubble--image {
    padding: 0;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

.alxchat-bubble.alxchat-bubble--image .alxchat-time-wrap {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    margin: 0;
}

.alxchat-bubble--visitor {
    background: var(--ui-orange);
    color: var(--ui-white);
    border-radius: 1.15rem 1.15rem 0.25rem 1.15rem;
}
.alxchat-bubble--visitor .alxchat-time-wrap {
    left: 10px;
}

.alxchat-bubble--visitor .alxchat-profanity{
    font-weight: unset;
}
.alxchat-bubble--operator .alxchat-profanity {
    font-weight: 900 !important;
    font-synthesis: weight;
    font-size:24px;
    text-shadow:
        0.55px 0 0 currentColor,
        -0.55px 0 0 currentColor;
}

.alxchat-bubble--operator {
    background: var(--ui-white);
    color: var(--ui-dark);
    border-radius: 1.15rem 1.15rem 1.15rem 0.25rem;
}

.alxchat-bubble--operator p {
    margin: 0 0 0.6em;
}

.alxchat-bubble--operator p:last-child {
    margin-bottom: 0;
}

.alxchat-bubble--operator ol,
.alxchat-bubble--operator ul {
    margin: 0.4em 0 0.6em 0;
    padding-left: 1.4em;
}

.alxchat-bubble--operator ol {
    list-style: decimal;
}

.alxchat-bubble--operator ul {
    list-style: disc;
}

.alxchat-bubble--operator li {
    margin-bottom: 0.3em;
    line-height: 1.5;
}

.alxchat-bubble--operator li:last-child {
    margin-bottom: 0;
}

.alxchat-bubble--operator ol:last-child,
.alxchat-bubble--operator ul:last-child {
    margin-bottom: 0;
}

.alxchat-stream-text {
    line-height: 1.45;
    white-space: pre-wrap;
}

.alxchat-bubble--system {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background: none;
    color: var(--ui-icon-bg);
    font-size: 0.75rem;
    font-style: italic;
    max-width: 100%;
    text-align: center;
    padding: 0.25rem 0.5rem;
    opacity: 0.6;
}

/* Time badge */
.alxchat-time-wrap {
    position: absolute;
    bottom: -5px;
    right: 10px;
}

.alxchat-time {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border-radius: 0.625rem;
    font-size: 0.5rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 100%;
    min-width: 30px;
    text-align: center;
}

.alxchat-bubble-wrap--visitor .alxchat-time {
    background: var(--ui-orange);
    color: var(--ui-white);
    opacity: 1;
}

.alxchat-bubble-wrap--operator .alxchat-time {
    background: var(--ui-white);
    color: #808080;
    opacity: 0.7;
}

/* Input row */
.alxchat-input-row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--ui-white);
    border-radius: 1.25rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-shadow: 0 0 1.25rem 0 rgba(69, 54, 49, 0.1);
    overflow: hidden;
}

.alxchat-input-wrap {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.alxchat-attach {
    background: var(--ui-bg);
    border-radius: 0.75rem;
    padding: 0.75rem;
    cursor: pointer;
    color: rgba(27, 23, 22, 0.4);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
    margin: 0;
    width: 52px;
    height: 52px;
}

.alxchat-attach:hover {
    color: var(--ui-dark);
}

.alxchat-attach svg {
    width: 1.25rem;
    height: 1.25rem;
}

.alxchat-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    background: var(--ui-bg);
    border-radius: 0.75rem;
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: var(--ui-dark);
    outline: none;
    font-family: inherit;
    min-width: 0;
    min-height: 52px;
    max-height: 120px;
    line-height: 1.3;
    resize: none;
    overflow-y: hidden;
    display: block;
}

.alxchat-input::-webkit-input-placeholder {
    color: var(--ui-dark);
    opacity: 0.3;
}

.alxchat-input:-ms-input-placeholder {
    color: var(--ui-dark);
    opacity: 0.3;
}

.alxchat-input::placeholder {
    color: var(--ui-dark);
    opacity: 0.3;
}

.alxchat-send {
    border: none;
    height: 52px;
    width: 52px;
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: var(--ui-orange);
    color: var(--ui-white);
    cursor: pointer;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
}

.alxchat-send svg {
    width: 1.25rem;
    height: 1.25rem;
    stroke: currentColor;
}

.alxchat-send:hover {
    background: #d94233;
}

.alxchat-send:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Closed screen */
.alxchat-closed {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.alxchat-closed svg {
    width: 2rem;
    height: 2rem;
    color: var(--ui-orange);
}

.alxchat-closed-title {
    color: var(--ui-dark);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 130%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.alxchat-closed-sub {
    color: var(--ui-dark);
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 130%;
    opacity: 0.5;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

/* Pre-chat form */
.alxchat-prechat {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-overflow-scrolling: touch;
    padding: 1.5rem 1.25rem;
    background: var(--ui-bg);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

.alxchat-prechat::after {
    content: '';
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    height: 18px;
    margin-top: -18px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(246, 243, 242, 0), rgba(246, 243, 242, 1));
}

.alxchat-prechat-fields {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.alxchat-prechat-field {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
}

.alxchat-prechat-label {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 90%;
    color: var(--ui-dark);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    gap: 0.25rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.alxchat-prechat-label-required {
    color: var(--ui-orange);
}

.alxchat-prechat-label-optional {
    color: rgba(33, 26, 24, 0.5);
    font-size: 0.875rem;
    font-weight: 400;
}

.alxchat-prechat-input {
    background: var(--ui-white);
    border: none;
    border-radius: 0.75rem;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    font-family: inherit;
    color: var(--ui-dark);
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: box-shadow 0.15s;
    transition: box-shadow 0.15s;
}

@media (max-height: 640px) {
    .alxchat-prechat {
        padding: 1rem 1rem;
        gap: 0.75rem;
    }
    .alxchat-prechat-fields {
        gap: 0.75rem;
    }
    .alxchat-prechat-input {
        padding: 0.85rem;
    }
}

.alxchat-prechat-input::-webkit-input-placeholder {
    color: var(--ui-dark);
    opacity: 0.3;
}

.alxchat-prechat-input:-ms-input-placeholder {
    color: var(--ui-dark);
    opacity: 0.3;
}

.alxchat-prechat-input::placeholder {
    color: var(--ui-dark);
    opacity: 0.3;
}

.alxchat-prechat-input:focus {
    box-shadow: 0 0 0 2px rgba(240, 82, 67, 0.3);
}

.alxchat-prechat-input--error {
    box-shadow: 0 0 0 2px var(--ui-orange) !important;
}

.alxchat-prechat-submit {
    border: none;
    border-radius: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: var(--ui-orange);
    color: var(--ui-white);
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: -0.04em;
    cursor: pointer;
    font-family: inherit;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.alxchat-prechat-submit:hover {
    background: #d94233;
}

.alxchat-prechat-submit:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.alxchat-prechat-cancel {
    background: rgba(27, 23, 22, 0.08);
    color: var(--ui-dark);
}

.alxchat-prechat-cancel:hover {
    background: rgba(27, 23, 22, 0.12);
}

/* Typing indicator */
.alxchat-typing {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem;
    min-width: 3.25rem;
}

.alxchat-typing span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(27, 23, 22, 0.3);
    margin: 0 2px;
    -webkit-animation: alxchat-bounce 1.2s infinite;
    animation: alxchat-bounce 1.2s infinite;
}

.alxchat-typing span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.alxchat-typing span:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

@-webkit-keyframes alxchat-bounce {
    0%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.6;
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        opacity: 1;
    }
}

@keyframes alxchat-bounce {
    0%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.6;
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        opacity: 1;
    }
}

/* Image in bubble */
.alxchat-img {
    max-width: 200px;
    max-height: 200px;
    border-radius: 0.75rem 0 0;
    display: block;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

/* Mobile: full screen */
@media (max-width: 480px) {
    .alxchat-root {
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
    }

    .alxchat-toggle {
        position: fixed;
        bottom: 16px;
        right: 16px;
    }

    .alxchat-panel {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        border-radius: 0;
        margin-bottom: 0;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .alxchat-root.alxchat-open .alxchat-toggle {
        display: none;
    }
}

.alxchat-new-chat-btn {
    display: block;
    width: calc(100% - 2.5rem);
    margin: 0.75rem 1.25rem;
    padding: 0.75rem;
    background: var(--ui-orange);
    color: var(--ui-white);
    border: none;
    border-radius: 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
}

.alxchat-new-chat-btn:hover {
    background: #d94233;
}

.alxchat-chat-divider {
    text-align: center;
    font-size: 0.75rem;
    color: var(--ui-icon-bg);
    margin: 1rem 0.5rem;
    position: relative;
}

.alxchat-chat-divider::before,
.alxchat-chat-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 20%;
    height: 1px;
    background: currentColor;
    opacity: 0.3;
}

.alxchat-chat-divider::before {
    left: 0;
}
.alxchat-chat-divider::after {
    right: 0;
}

.alxchat-review {
    margin: 0.75rem 1.25rem;
    padding: 0.875rem 1rem;
    background: var(--ui-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.75rem;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.alxchat-review-prompt {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
    color: var(--ui-text, #222);
}

.alxchat-review-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
}

.alxchat-review-btn {
    font-size: 1.75rem;
    line-height: 1;
    padding: 0.375rem 0.625rem;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    cursor: pointer;
    -webkit-transition: background 0.15s, transform 0.1s, border-color 0.15s;
    transition: background 0.15s, transform 0.1s, border-color 0.15s;
}

.alxchat-review-btn:hover:not(:disabled) {
    background: rgba(0, 0, 0, 0.04);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.alxchat-review-btn:disabled {
    cursor: default;
    opacity: 0.45;
}

.alxchat-review-btn--selected {
    opacity: 1 !important;
    border-color: var(--ui-orange);
    background: rgba(239, 72, 54, 0.08);
}

.alxchat-review-thanks {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: var(--ui-icon-bg);
}

.alxchat-blocked-card {
    margin: 0.75rem 1.25rem;
    padding: 1rem 1rem 1.125rem;
    background: var(--ui-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 3px solid var(--ui-orange);
    border-radius: 0.75rem;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--ui-dark);
}

.alxchat-blocked-icon {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.375rem;
}

.alxchat-blocked-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.alxchat-blocked-reason {
    margin-bottom: 0.375rem;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.alxchat-blocked-when {
    margin-bottom: 0.5rem;
    color: var(--ui-icon-bg);
    font-size: 0.8125rem;
}

.alxchat-blocked-contact {
    margin-top: 0.625rem;
    padding-top: 0.625rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.alxchat-blocked-contact-prompt {
    font-size: 0.8125rem;
    color: var(--ui-icon-bg);
    margin-bottom: 0.25rem;
}

.alxchat-blocked-contact-link {
    display: inline-block;
    color: var(--ui-orange);
    text-decoration: none;
    font-weight: 500;
    word-break: break-all;
}

.alxchat-blocked-contact-link:hover {
    text-decoration: underline;
}

.alxchat-bubble--pending .alxchat-img {
    opacity: 0.7;
}

.alxchat-img-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.alxchat-img-progress-bar {
    height: 100%;
    background: var(--ui-orange);
    transition: width 0.2s ease-out;
}

.alxchat-bubble--image {
    position: relative;
}

.alxchat-bubble--failed .alxchat-img {
    opacity: 0.35;
    filter: grayscale(0.5);
}

.alxchat-img-error {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    color: var(--ui-white);
    font-size: 0.8125rem;
    border-radius: inherit;
    text-align: center;
    padding: 0.5rem;
}

.alxchat-img-error-label {
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.alxchat-img-retry {
    background: var(--ui-orange);
    color: var(--ui-white);
    border: none;
    padding: 0.375rem 0.875rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
}

.alxchat-img-retry:hover {
    filter: brightness(1.08);
}

.alxchat-drop-overlay {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(27, 23, 22, 0.72);
    color: var(--ui-white);
    font-size: 1rem;
    font-weight: 500;
    z-index: 10;
    pointer-events: none;
    border-radius: inherit;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.alxchat-drop-overlay--visible {
    display: flex;
}

.alxchat-drop-overlay-label {
    border: 2px dashed rgba(255, 255, 255, 0.7);
    padding: 0.875rem 1.25rem;
    border-radius: 0.75rem;
    max-width: 80%;
    text-align: center;
}

/* Header actions (theme / mute) */
.alxchat-header-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25rem;
}

.alxchat-header-btn {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.15s, background 0.15s;
    transition: color 0.15s, background 0.15s;
}

.alxchat-header-btn:hover {
    color: var(--ui-white);
    background: rgba(255, 255, 255, 0.08);
}

.alxchat-header-btn svg {
    display: block;
}

.alxchat-transcript-overlay {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.45);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.alxchat-transcript-card {
    width: 100%;
    max-width: 320px;
    background: var(--ui-white);
    color: var(--ui-dark);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    padding: 14px;
}

.alxchat-transcript-title {
    font-weight: 700;
    margin: 0 0 10px 0;
    font-size: 14px;
}

.alxchat-transcript-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.alxchat-transcript-label {
    font-size: 12px;
    opacity: 0.8;
}

.alxchat-transcript-input {
    width: 100%;
    border: 1px solid rgba(27, 23, 22, 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    outline: none;
    font: inherit;
}

.alxchat-transcript-input:focus {
    border-color: rgba(240, 82, 67, 0.75);
    box-shadow: 0 0 0 3px rgba(240, 82, 67, 0.18);
}

.alxchat-transcript-msg {
    min-height: 18px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(27, 23, 22, 0.8);
}

.alxchat-transcript-msg--error {
    color: #b42318;
}

.alxchat-transcript-msg--ok {
    color: #027a48;
}

.alxchat-transcript-actions {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.alxchat-transcript-send,
.alxchat-transcript-cancel {
    border: none;
    cursor: pointer;
    border-radius: 10px;
    padding: 10px 12px;
    font: inherit;
}

.alxchat-transcript-cancel {
    background: rgba(27, 23, 22, 0.06);
    color: rgba(27, 23, 22, 0.9);
}

.alxchat-transcript-send {
    background: var(--ui-orange);
    color: var(--ui-white);
    box-shadow: 0 8px 20px rgba(240, 82, 67, 0.35);
}

.alxchat-transcript-send:disabled,
.alxchat-transcript-cancel:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    box-shadow: none;
}

.alxchat-header-pulse--offline {
    opacity: 0.35;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* File bubble */
.alxchat-bubble--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    min-width: 180px;
    position: relative;
}

.alxchat-file-icon {
    font-size: 1.5rem;
    line-height: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.alxchat-file-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.alxchat-file-name {
    font-weight: 500;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 220px;
}

.alxchat-bubble--visitor .alxchat-file-name {
    color: inherit;
}

.alxchat-bubble--operator .alxchat-file-name:hover,
.alxchat-bubble--visitor .alxchat-file-name:hover {
    text-decoration: underline;
}

.alxchat-file-size {
    font-size: 0.75rem;
    opacity: 0.7;
}

.alxchat-file-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.alxchat-file-progress-bar {
    height: 100%;
    background: var(--ui-orange);
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
}

/* 5-star review */
.alxchat-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.alxchat-star {
    background: transparent;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    color: #cbc7c5;
    cursor: pointer;
    padding: 0.125rem 0.25rem;
    -webkit-transition: color 0.1s, -webkit-transform 0.1s;
    transition: color 0.1s, transform 0.1s;
}

.alxchat-star:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.alxchat-star--active {
    color: #f5b301;
}

.alxchat-stars--error {
    -webkit-animation: alxchat-shake 0.35s;
    animation: alxchat-shake 0.35s;
}

@-webkit-keyframes alxchat-shake {
    0%, 100% { -webkit-transform: translateX(0); }
    25% { -webkit-transform: translateX(-4px); }
    75% { -webkit-transform: translateX(4px); }
}

@keyframes alxchat-shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}

.alxchat-review-comment {
    width: 100%;
    resize: vertical;
    min-height: 2.75rem;
    margin-bottom: 0.5rem;
}

.alxchat-review-submit {
    width: auto;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Offline form */
.alxchat-offline-wrap {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.alxchat-offline {
    padding: 1rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.625rem;
}

.alxchat-offline-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--ui-dark);
}

.alxchat-offline-sub {
    font-size: 0.8125rem;
    color: var(--ui-icon-bg);
    margin-bottom: 0.25rem;
}

.alxchat-offline-textarea {
    resize: vertical;
    min-height: 4.5rem;
    width: 100%;
}

.alxchat-offline-status {
    font-size: 0.8125rem;
    color: #1a7a3e;
    min-height: 1.125rem;
}

.alxchat-offline-status--error {
    color: #c0392b;
}

.alxchat-prechat-label-required {
    color: var(--ui-orange);
    margin-left: 0.125rem;
}

.alxchat-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    background: rgba(0,0,0,0.85);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.alxchat-lightbox-img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 0.5rem;
    box-shadow: 0 8px 40px rgba(0,0,0,0.6);
    pointer-events: none;
}
/* HOME_TEMPLATE_APP_SHELL_CSS — was inline <style>, now in bundle */
body:has(#home-template-root) {
  overflow-x: clip !important;
  overflow-y: visible !important;
}
body:has(#home-template-root) [data-app-shell],
body:has(#home-template-root) [data-app-main] {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
}
body:has(#home-template-root) .navbar-top__item.lang .lang-list {
  width: 158px !important;
  min-width: 158px !important;
}
body:has(#home-template-root) .navbar-top__item.lang .lang-list__item a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  white-space: nowrap !important;
}
body:has(#home-template-root) .navbar-top__item.lang .lang-list__item a img {
  flex: 0 0 auto !important;
}
body:has(#home-template-root) [data-advisor-widget],
body:has(#home-template-root) [data-advisor-widget] * {
  all: revert-layer;
}
#dd-menu-container.dd-menu--open {
  transform: translateX(0) !important;
}
body:has(#home-template-root):has([data-advisor-widget-state="open"]) #toTop,
body[data-advisor-open]:has(#home-template-root) #toTop {
  display: none !important;
}