@keyframes jelly {
    0%,to {
        transform: scale(1,1)
    }

    30% {
        transform: scale(1.25,.75)
    }

    40% {
        transform: scale(.75,1.25)
    }

    50% {
        transform: scale(1.15,.85)
    }

    65% {
        transform: scale(.95,1.05)
    }

    75% {
        transform: scale(1.05,.95)
    }
}

@keyframes fade-in-top {
    0%,70% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fade-in-top-mobile {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mainscreenPositioner {
    0% {
        z-index: 200
    }

    to {
        z-index: initial
    }
}

@keyframes mainscreenMask {
    0%,30% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mainscreenBackground {
    0%,30% {
        transform: translateY(90%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mainscreenLayerMask {
    0%,10% {
        background-color: inherit;
        transform: skew(-23.6deg) translateX(-67vw) scaleX(3.2)
    }

    70%,80% {
        background-color: inherit;
        transform: skew(-23.6deg) translateX(0) scaleX(1)
    }

    to {
        background-color: transparent;
        transform: skew(-23.6deg) translateX(0) scaleX(1)
    }
}

@keyframes mainscreenLayerWrapper {
    0%,30% {
        transform: translateY(100vh)
    }

    to {
        transform: translate(0)
    }
}

@keyframes mainscreenLayerBackground {
    0%,30% {
        transform: skew(23.6deg) translate(40vh,-97vh)
    }

    to {
        transform: skew(23.6deg) translate(0)
    }
}

@keyframes mainscreenLMask {
    0% {
        transform: skew(-23.6deg) translateX(-67vw) scaleX(0)
    }

    to {
        transform: skew(-23.6deg) translateX(-67vw) scaleX(3.2)
    }
}

@keyframes offerAdditionalBackground {
    0% {
        transform: skew(24deg) translateY(90%)
    }

    90%,to {
        transform: skew(24deg) translateY(0)
    }
}

@keyframes offerBackground {
    0% {
        transform: translate(-5vh,-90vh)
    }

    to {
        transform: scale(1)
    }
}

@keyframes offerMask {
    0% {
        transform: skew(24deg) translateY(100vh)
    }

    to {
        transform: skew(24deg)
    }
}

@keyframes offerAdditionalMask {
    0% {
        transform: skew(-24deg) translateY(-100%)
    }

    90%,to {
        transform: skew(-24deg) translateY(0)
    }
}

@keyframes fade-in-up {
    0% {
        transform: translateY(20vh);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes sliderTimeline {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.error-page {
    position: relative;
    min-height: calc(100vh - 70px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    border-top: 1px solid var(--secondary-dark);
    text-align: center
}

.error-page::before {
    position: absolute;
    left: 55vw;
    top: 0;
    content: "";
    height: 100%;
    width: 66%;
    background-image: linear-gradient(-193deg,var(--secondary) 2%,var(--background));
    transform-origin: left center;
    transform: skew(-24deg);
    overflow: hidden
}

.error-page__content {
    z-index: 1
}

.error-page__header {
    font-size: 3em;
    color: var(--primary)
}

.error-page__message {
    font-size: 1.4em;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .error-page__header {
        font-size:4em
    }

    .error-page__message {
        font-size: 1.6em
    }
}

@media (min-width: 992px) {
    .error-page {
        min-height:calc(100vh - 74px)
    }

    .error-page::before {
        left: 27vw;
        width: 44%
    }

    .error-page__header {
        font-size: 5em
    }

    .error-page__message {
        font-size: 1.8em
    }
}

.font--exo {
    font-family: 'Exo 2',sans-serif;
    font-weight: 600
}

.font--mulish {
    font-family: 'Mulish',sans-serif
}

.font--alice {
    font-family: 'Alice',serif
}

.font--nunito {
    font-family: 'Nunito',sans-serif
}

.font--raleway {
    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    font-feature-settings: "lnum"
}

.font--tenor {
    font-family: 'Tenor Sans',sans-serif
}

.font--jura {
    font-family: 'Jura',sans-serif
}

.font--philosopher {
    font-family: 'Philosopher',sans-serif
}

.font--commissioner {
    font-family: 'Commissioner',sans-serif
}

.font--lora {
    font-family: 'Lora',serif
}

.font--source {
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 600
}

.font--jost {
    font-family: 'Jost',sans-serif
}

.font--open-sans {
    font-family: 'Open Sans',sans-serif
}

.font--roboto {
    font-family: 'Roboto',sans-serif
}

.font--ubuntu {
    font-family: 'Ubuntu',sans-serif
}

.font--rubic {
    font-family: 'Rubik',sans-serif
}

.frame,body.locked {
    overflow: hidden
}

.frame--main {
    background-color: var(--background)
}

.frame--alter {
    background-color: var(--secondary)
}

.frame--semitone {
    background-color: var(--secondary-light)
}

.frame--inverse {
    background-color: var(--inverse)
}

.frame--overflow {
    overflow: visible
}

.frame__container {
    box-sizing: border-box;
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.frame__center {
    margin: 0 auto
}

.frame__grid {
    display: grid;
    padding-top: 2em;
    padding-bottom: 2em
}

.frame__grid.is-block {
    display: block
}

.frame__grid--four,.frame__grid--three,.frame__grid--two {
    grid-template-columns: 1fr;
    grid-gap: 1.5em
}

.frame__grid--four {
    grid-gap: 1em
}

@media (min-width: 768px) {
    .frame--tiny .frame__grid {
        padding-top:2em;
        padding-bottom: 2em
    }

    .frame--small .frame__grid {
        padding-top: 3em;
        padding-bottom: 3em
    }

    .frame--medium .frame__grid {
        padding-top: 4em;
        padding-bottom: 4em
    }

    .frame--big .frame__grid {
        padding-top: 5em;
        padding-bottom: 5em
    }

    .frame--extra .frame__grid {
        padding-top: 6em;
        padding-bottom: 6em
    }

    .frame--wide .frame__center {
        max-width: 1330px
    }

    .frame--normal .frame__center {
        max-width: 1280px
    }

    .frame--narrow .frame__center {
        max-width: 1230px
    }

    .frame__container {
        padding-left: 4em;
        padding-right: 4em
    }

    .frame__grid--three,.frame__grid--two {
        grid-gap: 3em
    }

    .frame__grid--four,.frame__grid--three {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 1300px) {
    .frame__container {
        padding-left:6em;
        padding-right: 6em
    }

    .frame__grid--two {
        grid-template-columns: 1fr 1fr
    }

    .frame__grid--three {
        grid-template-columns: 1fr 1fr 1fr
    }

    .frame__grid--four {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    font-size: 15px;
    background-color: var(--background);
    color: var(--text)
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: var(--primary)
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34,60,80,.2) inset;
    background-color: var(--background)
}

body::-webkit-scrollbar-thumb {
    background-color: var(--text-soft)
}

@-moz-document url-prefix() {
    body {
        font-weight: lighter!important
    }
}

@media (min-width: 768px) {
    body {
        font-size:16px
    }
}

li,ol,ul {
    list-style: none
}

button:focus {
    outline: 0
}

.epsilon-block {
    position: relative
}

.epsilon-block.is-selected::after {
    content: '';
    position: absolute;
    top: 1em;
    left: 1em;
    right: 1em;
    bottom: 1em;
    pointer-events: none;
    z-index: 50;
    border: 2px dashed var(--primary)
}

.gradient {
    background-image: linear-gradient(to bottom,rgb(44 52 62 / 75%),rgb(44 52 62 / 60%));
}

.is-highlighted {
    color: var(--primary)
}

.is-marked {
    display: inline-block;
    padding: 0 .3em;
    margin-right: .2em;
    margin-left: .2em;
    border-radius: 4px
}

.check-mark {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.701 45.7' xml:space='preserve' fill='%23fff'%3E%3Cpath d='M20.687,38.332c-2.072,2.072-5.434,2.072-7.505,0L1.554,26.704c-2.072-2.071-2.072-5.433,0-7.504 c2.071-2.072,5.433-2.072,7.505,0l6.928,6.927c0.523,0.522,1.372,0.522,1.896,0L36.642,7.368c2.071-2.072,5.433-2.072,7.505,0 c0.995,0.995,1.554,2.345,1.554,3.752c0,1.407-0.559,2.757-1.554,3.752L20.687,38.332z'/%3E%3C/svg%3E")
}

.check-mark:not(:last-of-type) {
    margin-bottom: 10px
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: .5s ease opacity;
    background-color: var(--text-fade);
    z-index: 250
}

.overlay.is-active,.overlay.is-opened {
    opacity: 1;
    pointer-events: auto
}

.overlay-modal {
    box-sizing: border-box
}

.cbx {
    position: relative;
    top: 1px;
    width: 17px;
    height: 17px;
    border: 1px solid var(--text-soft);
    vertical-align: middle;
    background-color: var(--background);
    transition: background .1s ease;
    cursor: pointer
}

.cbx::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 11px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--text-inverse);
    transition: all .3s ease;
    transition-delay: .15s
}

.hidden-xs-up {
    display: none
}

.hidden-xs-up:checked~.cbx {
    border-color: transparent;
    animation: jelly .6s ease;
    background-color: var(--primary)
}

.hidden-xs-up:checked~.cbx:after {
    opacity: 1;
    transform: rotate(45deg) scale(1)
}

.lbl {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer
}

.scroll-top {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: none;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    appearance: none;
    background-color: var(--background);
    border: 1px solid var(--secondary);
    cursor: pointer;
    border-radius: 50%;
    z-index: 80;
    opacity: 0
}

.scroll-top.is-active {
    display: flex;
    animation: fade-in 1s cubic-bezier(.23,1,.32,1) both;
    animation-delay: .5s
}

.scroll-top svg {
    fill: var(--text-soft)
}

.is-marked {
    background-color: var(--primary-fade)
}

.check-mark {
    background-color: var(--primary)
}

.shadow-1 .cards__item:hover,.shadow-1 .event-one:hover,.shadow-1 .glightbox-open .gbtn {
    box-shadow: 0 .1em .4em rgba(0,0,0,.12)
}

.shadow-1 .cookie-one__content,.shadow-1 .dropdown__wrapper,.shadow-1 .header-one__layout.is-fixed,.shadow-1 .header-three__layout.is-fixed,.shadow-1 .header-two__layout.is-fixed {
    box-shadow: 0 .2em .3em rgba(0,0,0,.1)
}

.shadow-1 .map__card,.shadow-1 .price-one.is-scaled,.shadow-1 .product-one:hover,.shadow-1 .reviews__arrow:hover {
    box-shadow: 0 .1em .4em rgba(0,0,0,.12)
}

.shadow-1 .page-share__link {
    box-shadow: 0 5px 5px -5px rgba(34,60,80,.3) inset
}

.shadow-1 .scroll-top {
    box-shadow: 0 .1em .4em rgba(0,0,0,.12)
}

.shadow-2 .cards__item:hover,.shadow-2 .event-one:hover,.shadow-2 .glightbox-open .gbtn {
    box-shadow: 0 .1em .4em rgba(0,0,0,.15)
}

.shadow-2 .cookie-one__content,.shadow-2 .dropdown__wrapper,.shadow-2 .header-one__layout.is-fixed,.shadow-2 .header-three__layout.is-fixed,.shadow-2 .header-two__layout.is-fixed {
    box-shadow: 0 .2em .4em rgba(0,0,0,.1)
}

.shadow-2 .map__card,.shadow-2 .price-one.is-scaled,.shadow-2 .product-one:hover,.shadow-2 .reviews__arrow:hover {
    box-shadow: 0 .1em .4em rgba(0,0,0,.15)
}

.shadow-2 .page-share__link {
    box-shadow: 0 5px 5px -5px rgba(34,60,80,.3) inset
}

.shadow-2 .scroll-top {
    box-shadow: 0 .1em .4em rgba(0,0,0,.15)
}

.shadow-3 .cards__item:hover,.shadow-3 .event-one:hover,.shadow-3 .glightbox-open .gbtn {
    box-shadow: 0 .1em .6em rgba(0,0,0,.18)
}

.shadow-3 .cookie-one__content,.shadow-3 .dropdown__wrapper,.shadow-3 .header-one__layout.is-fixed,.shadow-3 .header-three__layout.is-fixed,.shadow-3 .header-two__layout.is-fixed {
    box-shadow: 0 .2em .6em rgba(0,0,0,.18)
}

.shadow-3 .map__card,.shadow-3 .price-one.is-scaled,.shadow-3 .product-one:hover,.shadow-3 .reviews__arrow:hover {
    box-shadow: 0 .1em .6em rgba(0,0,0,.18)
}

.shadow-3 .page-share__link {
    box-shadow: 0 5px 5px -5px rgba(34,60,80,.3) inset
}

.shadow-3 .scroll-top {
    box-shadow: 0 .1em .6em rgba(0,0,0,.18)
}

.achievements__list {
    display: grid;
    margin-right: auto;
    margin-left: auto
}

.achievements__list--2 {
    grid-template-columns: 1fr;
    max-width: 600px
}

.achievements__list--3 {
    max-width: 1150px
}

.achievements__list--3,.achievements__list--4 {
    grid-template-columns: 1fr
}

.achievements__item {
    padding: 1rem;
    border-style: solid;
    border-color: var(--secondary-dark)
}

.achievements__item:nth-of-type(1),.achievements__item:nth-of-type(2) {
    border-bottom-width: 1px
}

@media (min-width: 768px) {
    .achievements__list--2,.achievements__list--4 {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 1100px) {
    .achievements__list--4 {
        grid-template-columns:1fr 1fr 1fr 1fr
    }

    .achievements__list--3 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .achievements__item:nth-of-type(1),.achievements__item:nth-of-type(2) {
        border-bottom-width: 0
    }

    .achievements__item:not(:last-of-type) {
        border-right-width: 1px
    }
}

.blog__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5em;
    margin-top: 1rem
}

.blog__item {
    display: flex;
    will-change: transform,opacity
}

.blog.is-animated .blog__item,.cards.is-animated .cards__animate {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

.blog.is-animated .blog__item:nth-of-type(2) {
    animation-delay: .2s
}

.blog.is-animated .blog__item:nth-of-type(3) {
    animation-delay: .4s
}

.blog.is-animated .blog__item:nth-of-type(4) {
    animation-delay: .6s
}

.blog.is-animated .blog__item:nth-of-type(5) {
    animation-delay: .8s
}

.blog.is-animated .blog__item:nth-of-type(6) {
    animation-delay: 1s
}

@media (min-width: 768px) {
    .blog__list {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 1200px) {
    .blog__list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.cards__list {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 1em
}

.cards__list--one {
    grid-gap: 1.5rem
}

.cards__list--two {
    grid-gap: 1rem;
    margin: 0 auto
}

.cards__item {
    display: flex;
    border-radius: 4px;
    transition: .5s cubic-bezier(.23,1,.32,1);
    will-change: transform,box-shadow
}

.cards__item.is-rounded {
    border-radius: 22px
}

.cards__item:hover {
    transform: translateY(-4px)
}

.cards__buttons {
    margin-top: 2em
}

.cards__animate {
    will-change: transform,box-shadow
}

.cards.is-animated .cards__animate:nth-of-type(2) {
    animation-delay: .2s
}

.cards.is-animated .cards__animate:nth-of-type(3) {
    animation-delay: .4s
}

.cards.is-animated .cards__animate:nth-of-type(4) {
    animation-delay: .6s
}

.cards.is-animated .cards__animate:nth-of-type(5) {
    animation-delay: .8s
}

.cards.is-animated .cards__animate:nth-of-type(6) {
    animation-delay: 1s
}

@media (min-width: 768px) {
    .cards__list--two {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (min-width: 1200px) {
    .cards__list--one {
        grid-template-columns:repeat(2,1fr)
    }

    .cards__list--two {
        grid-template-columns: repeat(4,1fr)
    }

    .cards__list {
        margin-top: 2em
    }
}

.carousel__splide {
    margin-top: 2rem;
    padding-right: 35px;
    padding-left: 35px
}

.carousel__link {
    display: flex;
    align-items: center;
    height: 100%
}

.carousel__logo {
    width: 100%;
    box-sizing: border-box
}

.carousel__logo--border {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    overflow: hidden
}

.carousel__logo--main {
    border-color: var(--secondary)
}

.carousel__logo--alter {
    border-color: var(--background)
}

.carousel__logo--semitone {
    border-color: var(--secondary)
}

.carousel__logo--filter {
    filter: grayscale(1);
    transition: filter .3s ease;
    will-change: filter
}

.carousel__logo--filter:hover {
    filter: grayscale(0)
}

.carousel__arrow {
    background-color: unset
}

.carousel__arrow svg {
    width: 1.6em;
    height: 1.6em;
    fill: var(--primary)
}

.carousel__arrow--prev {
    left: 0
}

.carousel__arrow--next {
    right: 0
}

.cta__card-wrapper {
    border-radius: 4px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.cta__card-wrapper.is-rounded {
    border-radius: 22px
}

.cta__card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    padding: 2rem
}

.cta__text {
    max-width: 700px;
    margin-bottom: 20px;
    line-height: 1.6em
}

.cta__text--left {
    margin-right: auto;
    text-align: left
}

.cta__text--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.cta__text--right {
    margin-left: auto;
    text-align: right
}

.cta__text p:not(:last-of-type),.description__text p:not(:last-of-type),.download__text p:not(:last-of-type),.events__text p:not(:last-of-type),.halfscreen__text p:not(:last-of-type),.object__text p:not(:last-of-type) {
    margin-bottom: 20px
}

.description__grid {
    grid-template-columns: 1fr;
    grid-gap: 1.5em;
    align-items: center
}

.description__grid--reverse .description__column:nth-of-type(even) {
    order: 1
}

.description__grid--forward .description__column:nth-of-type(even),.description__grid--reverse .description__column:nth-of-type(odd) {
    order: 2
}

.description__grid--forward .description__column:nth-of-type(odd) {
    order: 1
}

.description__label {
    margin-bottom: 20px
}

.description__text {
    margin-bottom: 20px;
    line-height: 1.6em
}

.description__text--left {
    text-align: left
}

.description__text--center {
    text-align: center
}

.description__text--right {
    text-align: right
}

.description__animate {
    will-change: transform,opacity
}

.description.is-animated .description__animate,.download.is-animated .download__animate,.events.is-animated .events__animate,.features.is-animated .features__item,.halfscreen.is-animated .halfscreen__animate {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

.description.is-animated .description__animate:nth-of-type(2) {
    animation-delay: .2s
}

.description.is-animated .description__animate:nth-of-type(3) {
    animation-delay: .4s
}

.description.is-animated .description__animate:nth-of-type(4) {
    animation-delay: .6s
}

.description.is-animated .description__animate:nth-of-type(5) {
    animation-delay: .8s
}

.description.is-animated .description__animate:nth-of-type(6) {
    animation-delay: 1s
}

@media (min-width: 768px) {
    .description__grid {
        grid-gap:3em
    }
}

@media (min-width: 1200px) {
    .description__grid {
        grid-template-columns:1fr 1fr
    }
}

.download__grid {
    max-width: 1150px;
    margin-right: auto;
    margin-left: auto
}

.download__grid--small {
    max-width: 600px
}

.download__grid--medium {
    max-width: 1150px
}

.download__grid--big {
    max-width: 100%
}

.download__text {
    margin-bottom: 15px;
    line-height: 1.6em
}

.download__text--left {
    text-align: left
}

.download__text--center {
    text-align: center
}

.download__text--right {
    text-align: right
}

.download__item {
    margin-bottom: 20px
}

.download__animate {
    will-change: transform,opacity
}

.download.is-animated .download__animate:nth-of-type(2) {
    animation-delay: .2s
}

.download.is-animated .download__animate:nth-of-type(3) {
    animation-delay: .4s
}

.download.is-animated .download__animate:nth-of-type(4) {
    animation-delay: .6s
}

.download.is-animated .download__animate:nth-of-type(5) {
    animation-delay: .7s
}

.download.is-animated .download__animate:nth-of-type(6) {
    animation-delay: .8s
}

.events__label {
    margin-bottom: 20px
}

.events__list {
    display: flex;
    flex-direction: column
}

.events__list--left {
    align-items: flex-start
}

.events__list--center {
    align-items: center
}

.events__list--right {
    align-items: flex-end
}

.events__item:not(:last-of-type) {
    margin-bottom: 1.5rem
}

.events__text {
    max-width: 700px;
    margin-bottom: 2em;
    line-height: 1.6em
}

.events__text--left {
    margin-right: auto;
    text-align: left
}

.events__text--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.events__text--right {
    margin-left: auto;
    text-align: right
}

.events__animate {
    will-change: transform,opacity
}

.events.is-animated .events__animate:nth-of-type(2) {
    animation-delay: .2s
}

.events.is-animated .events__animate:nth-of-type(3) {
    animation-delay: .4s
}

.events.is-animated .events__animate:nth-of-type(4) {
    animation-delay: .6s
}

.events.is-animated .events__animate:nth-of-type(5) {
    animation-delay: .8s
}

.events.is-animated .events__animate:nth-of-type(6) {
    animation-delay: 1s
}

.faq__list {
    margin-right: auto;
    margin-left: auto
}

.faq__list--small {
    max-width: 700px
}

.faq__list--medium {
    max-width: 1150px
}

.features__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
    margin-top: 1rem
}

.features__item-wrapper {
    display: grid;
    grid-template-columns: 55px 1fr;
    align-items: center;
    grid-gap: 1rem;
    height: 100%;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--background)
}

.features__item-wrapper--main {
    border-color: var(--secondary-dark)
}

.features__item-wrapper--alter,.features__item-wrapper--semitone {
    border-color: var(--secondary)
}

.features__item-wrapper.is-rounded,.gallery__desc.is-rounded {
    border-radius: 22px
}

.features__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.features__icon img,.list__icon img {
    display: block;
    width: 100%;
    height: auto
}

.features__icon svg,.list__icon svg {
    display: block;
    width: 44px;
    height: 44px
}

.features__name {
    margin-bottom: 3px;
    font-size: 17px;
    line-height: 1.4em
}

.features__desc {
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.features__animate {
    will-change: transform,opacity
}

.features.is-animated .features__item:nth-of-type(2) {
    animation-delay: .2s
}

.features.is-animated .features__item:nth-of-type(3) {
    animation-delay: .4s
}

.features.is-animated .features__item:nth-of-type(4) {
    animation-delay: .6s
}

.features.is-animated .features__item:nth-of-type(5) {
    animation-delay: .8s
}

.features.is-animated .features__item:nth-of-type(6) {
    animation-delay: 1s
}

@media (min-width: 768px) {
    .features__list {
        grid-template-columns:1fr 1fr
    }

    .features__item-wrapper {
        grid-gap: 1.5rem;
        padding: 1.5rem
    }
}

@media (min-width: 1200px) {
    .features__list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.gallery__image {
    height: 0;
    padding-top: calc(400/500*100%);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    transition: .5s cubic-bezier(.23,1,.32,1);
    will-change: filter
}

.gallery__link {
    display: flex;
    justify-content: center;
    margin-bottom: 2em
}

.gallery__item {
    display: block;
    padding: 0 1px;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--text)
}

.gallery__item[href]:hover .gallery__image {
    filter: brightness(.8)
}

.gallery__desc {
    padding: 1rem 1.5rem;
    margin-top: 20px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-size: .95em;
    line-height: 1.6em;
    background-color: var(--background);
    color: var(--text-soft)
}

.gallery__desc--main {
    border-color: var(--secondary-dark)
}

.gallery__desc--alter,.gallery__desc--semitone {
    border-color: var(--secondary)
}

.gallery .splide__arrow {
    background-color: transparent;
    width: 2.5em;
    height: 2.5em
}

.gallery .splide__arrow svg {
    width: 2.5em;
    height: 2.5em;
    transition: .3s ease all;
    fill: var(--secondary)
}

.gallery .splide__arrow:focus svg,.gallery .splide__arrow:hover svg {
    fill: var(--secondary-light)
}

.gallery .splide__arrow:disabled svg {
    opacity: 0
}

@media (min-width: 1100px) {
    .gallery__grid {
        padding-left:2rem;
        padding-right: 2rem
    }
}

.halfscreen {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.halfscreen__grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 2em;
    padding-bottom: 2em;
    min-height: 500px
}

.halfscreen__logo {
    margin-bottom: 20px
}

.halfscreen__logo--left {
    margin-right: auto;
    text-align: left
}

.halfscreen__logo--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.halfscreen__logo--right {
    margin-left: auto;
    text-align: right
}

.halfscreen .logo--alter,.halfscreen .logo--main {
    fill: var(--text-inverse)
}

.halfscreen__label,.halfscreen__text {
    margin-bottom: 20px
}

.halfscreen__text {
    max-width: 700px;
    line-height: 1.6em
}

.halfscreen__text--left {
    margin-right: auto;
    text-align: left
}

.halfscreen__text--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.halfscreen__text--right {
    margin-left: auto;
    text-align: right
}

.halfscreen__button {
    margin-top: 1rem
}

.halfscreen__button--left {
    margin-right: auto
}

.halfscreen__button--center {
    margin-right: auto;
    margin-left: auto
}

.halfscreen__button--right {
    margin-left: auto
}

.halfscreen__logo-img {
    display: block;
    max-height: 50px;
    max-width: 170px
}

.halfscreen__animate {
    will-change: transform,opacity
}

.halfscreen.is-animated .halfscreen__animate:nth-of-type(2) {
    animation-delay: .2s
}

.halfscreen.is-animated .halfscreen__animate:nth-of-type(3) {
    animation-delay: .4s
}

.halfscreen.is-animated .halfscreen__animate:nth-of-type(4) {
    animation-delay: .6s
}

.halfscreen.is-animated .halfscreen__animate:nth-of-type(5) {
    animation-delay: .8s
}

.halfscreen.is-animated .halfscreen__animate:nth-of-type(6) {
    animation-delay: 1s
}

@media (min-width: 768px) {
    .halfscreen__grid {
        padding-top:4em;
        padding-bottom: 4em
    }
}

.list__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 680px;
    border-radius: 4px;
    background-color: var(--background);
    overflow: hidden
}

.list__wrapper--left {
    margin-right: auto
}

.list__wrapper--center {
    margin-right: auto;
    margin-left: auto
}

.list__wrapper--right {
    margin-left: auto
}

.list__wrapper--main .list__content {
    border-color: var(--secondary-dark)
}

.list__wrapper--alter .list__content,.list__wrapper--semitone .list__content {
    border-color: var(--secondary)
}

.list__wrapper.is-rounded {
    border-radius: 22px
}

.list__wrapper.is-rounded .list__content {
    border-radius: 0 0 22px 22px
}

.list__header {
    padding: 1.5rem;
    background-color: var(--primary);
    color: var(--text-inverse)
}

.list__content {
    position: relative;
    padding: 1.5rem;
    padding-top: calc(20px + 1.5rem);
    border-style: solid;
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px
}

.list__content::before {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    top: 0;
    display: block;
    border-width: 20px;
    border-style: solid;
    border-color: transparent;
    border-top-color: var(--primary)
}

.list__icon-wrapper {
    border-color: var(--text-inverse)
}

.list__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-top: 20px;
    /* border-bottom-width: 1px; */
    /* border-style: solid; */
}

.list__icon,.list__text {
    margin-bottom: 20px;
}

.list .is-semitone .iconset__semitone {
    fill: var(--text-inverse);
    opacity: .35
}

.list .iconset__filled,.list .is-filled .iconset__semitone {
    fill: var(--text-inverse)
}

@media (min-width: 992px) {
    .list__wrapper {
        grid-template-columns:370px 1fr
    }

    .list__wrapper--medium {
        max-width: 1150px
    }

    .list__wrapper--big {
        max-width: 100%
    }

    .list__wrapper.is-rounded .list__content {
        border-radius: 0 22px 22px 0
    }

    .list__content {
        padding-top: 1.5rem;
        padding-left: calc(20px + 1.5rem);
        border-top-width: 1px;
        border-left-width: 0;
        border-radius: 0 4px 4px 0
    }

    .list__content::before {
        left: 0;
        top: 1.5rem;
        border-top-color: transparent;
        border-left-color: var(--primary)
    }
}

.mainscreen {
    --duration: 2s;
    --delay: 0s;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    cursor: progress
}

.mainscreen.is-animated {
    cursor: auto
}

.mainscreen__wrapper {
    position: relative
}

.mainscreen__background-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 250px;
    overflow: hidden;
    will-change: transform
}

.mainscreen__background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 0
}

.mainscreen__layer {
    display: none
}

.mainscreen__mask-wrapper {
    background-color: var(--primary)
}

.mainscreen__mask {
    position: absolute;
    top: 0;
    right: -8.5vw;
    height: 100%;
    width: 42vw;
    overflow: hidden;
    transform-origin: left top;
    will-change: transform;
    transform: skew(-23.6deg);
    animation: mainscreenLMask 1.4s cubic-bezier(.785,.135,.15,.86) 1 both
}

.mainscreen__layer-background,.mainscreen__layer-wrapper {
    position: absolute;
    right: 0;
    will-change: transform;
    transform-origin: left top;
    visibility: hidden
}

.mainscreen__layer-wrapper {
    overflow: hidden;
    width: 200%;
    bottom: 0;
    top: 0
}

.mainscreen__layer-background {
    left: auto;
    height: 100%;
    width: 100%;
    background-size: 121% auto;
    background-position: 146% top;
    transform: skew(23.6deg)
}

.mainscreen__grid {
    max-width: 700px;
    margin-right: auto
}

.mainscreen__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center
}

.mainscreen__text {
    max-width: 630px;
    line-height: 1.6em;
    margin-bottom: 20px;
    font-size: 1.38rem;
    font-weight: 600;
}

.faq-one__answer p,.mainscreen__text p,.offer__text p {
    margin-bottom: 10px
}

.mainscreen__animate {
    opacity: 0;
    will-change: transform,opacity;
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) forwards
}

.mainscreen__animate:nth-of-type(1) {
    animation-delay: .4s
}

.mainscreen__animate:nth-of-type(2) {
    animation-delay: .6s
}

.mainscreen__animate:nth-of-type(3) {
    animation-delay: .8s
}

.mainscreen__animate:nth-of-type(4) {
    animation-delay: 1s
}

@media (min-width: 480px) {
    .mainscreen__background-wrapper {
        padding-bottom:300px
    }
}

@media (min-width: 768px) {
    .mainscreen__background-wrapper {
        padding-bottom:400px
    }
}

@media (min-width: 992px) {
    .mainscreen {
        display:block;
        animation: mainscreenPositioner calc(var(--duration)*2) linear forwards
    }

    .mainscreen__wrapper {
        position: static
    }

    .mainscreen__background-wrapper {
        padding-bottom: 0;
        margin-top: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 95%;
        visibility: hidden
    }

    .mainscreen__background {
        opacity: 0;
        will-change: transform
    }

    .mainscreen__background::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom,rgb(44 52 62 / 59%),rgba(44,52,62,.2));
    }

    .mainscreen__content {
        height: 75vw;
        visibility: hidden
    }

    .mainscreen__animate {
        animation: fade-in-top var(--duration) cubic-bezier(.23,1,.32,1) forwards
    }

    .mainscreen__animate:nth-of-type(1) {
        animation-delay: 1s
    }

    .mainscreen__animate:nth-of-type(2) {
        animation-delay: 1.2s
    }

    .mainscreen__animate:nth-of-type(3) {
        animation-delay: 1.4s
    }

    .mainscreen__animate:nth-of-type(4) {
        animation-delay: 1.6s
    }

    .mainscreen.is-animated .mainscreen__background-wrapper {
        visibility: visible;
        animation: mainscreenMask var(--duration) 1 cubic-bezier(.86,0,.07,1) forwards
    }

    .mainscreen.is-animated .mainscreen__background {
        opacity: 1;
        transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
        animation: mainscreenBackground var(--duration) 1 cubic-bezier(.86,0,.07,1) forwards
    }

    .mainscreen.is-animated .mainscreen__mask {
        animation: mainscreenLayerMask var(--duration) 1 cubic-bezier(.23,1,.32,1) backwards
    }

    .mainscreen.is-animated .mainscreen__layer-wrapper {
        visibility: visible;
        animation: mainscreenLayerWrapper var(--duration) 1 cubic-bezier(.86,0,.07,1)
    }

    .mainscreen.is-animated .mainscreen__layer-background {
        visibility: visible;
        animation: mainscreenLayerBackground var(--duration) 1 cubic-bezier(.86,0,.07,1)
    }

    .mainscreen.is-animated .mainscreen__content {
        visibility: visible
    }
}

@media (min-width: 1300px) {
    .mainscreen__content {
        height:calc(100vh - 74px);
        max-height: 860px
    }

    .mainscreen__content--fullsize {
        height: 100vh;
        max-height: 910px
    }
}

@media (min-width: 1700px) {
    .mainscreen__layer {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        height: 100%;
        will-change: transform
    }
}

.map {
    min-height: 700px
}

.map__map {
    position: relative;
    width: 100%;
    height: 700px;
    filter: grayscale(65%)
}

.map__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.map__card {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
    padding: 1.5rem;
    margin-top: 2em;
    margin-left: auto;
    border-radius: 4px;
    background-color: var(--background);
    pointer-events: auto
}

.map__card.is-rounded {
    border-radius: 22px
}

.map__item {
    margin-bottom: 20px
}

.map__item-text {
    margin-bottom: 10px;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em
}

.map__title {
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--primary)
}

.map__phone {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    align-items: center
}

.map__phone svg {
    width: 16px;
    height: 16px;
    fill: var(--primary)
}

@media (min-width: 768px) {
    .map__card {
        margin-top:4em
    }
}

.numbers__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px
}

.numbers__wrapper {
    padding-left: 35px;
    padding-right: 35px
}

.numbers__item {
    padding-left: 15px;
    padding-right: 15px;
    border-style: solid;
    border-left-width: 1px
}

.numbers__splide {
    border-style: solid;
    border-right-width: 1px
}

.numbers__slide {
    padding-left: 15px;
    padding-right: 15px;
    border-style: solid;
    border-left-width: 1px
}

.numbers__arrow {
    background-color: unset
}

.numbers__arrow svg,.promotions__arrow svg {
    width: 1.6em;
    height: 1.6em;
    fill: var(--primary)
}

.numbers__arrow--prev {
    left: -35px
}

.numbers__arrow--next {
    right: -35px
}

.numbers .numbers__item--alter,.numbers .numbers__item--main,.numbers .numbers__item--semitone,.numbers .numbers__slide--alter,.numbers .numbers__slide--main,.numbers .numbers__slide--semitone,.numbers .numbers__splide--alter,.numbers .numbers__splide--main,.numbers .numbers__splide--semitone {
    border-color: var(--secondary-dark)
}

.numbers__button {
    margin-top: 2em
}

@media (min-width: 768px) {
    .numbers__grid {
        grid-template-columns:1fr 1fr
    }

    .numbers__button {
        margin-top: 3em
    }

    .numbers__item:nth-of-type(even) {
        border-right-width: 1px
    }
}

@media (min-width: 1400px) {
    .numbers__grid {
        grid-template-columns:1fr 1fr 1fr 1fr
    }

    .numbers__item:nth-of-type(even) {
        border-right-width: 0
    }

    .numbers__item:nth-of-type(4n) {
        border-right-width: 1px
    }
}

.object__grid {
    grid-gap: 20px
}

.object__column {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto
}

.object__column--left {
    text-align: left
}

.object__column--center {
    text-align: center
}

.object__column--right {
    text-align: right
}

.object__text {
    max-width: 700px;
    margin-bottom: 20px;
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.object__text.object__text--right a {
    background: #dc9a6a;
    color: #fff;
    text-decoration: none;
    padding: .8rem 1.3rem;
    text-transform: uppercase;
    border-radius: 50px;
}

.object__text--left {
    margin-right: auto
}

.object__text--center {
    margin-right: auto;
    margin-left: auto
}

.object__text--right {
    margin-left: auto
}

.object__price {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px
}

.object__desc {
    margin-bottom: 20px;
    font-style: italic;
    color: var(--text-soft)
}

.object__card {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    padding: 1.5rem;
    border-radius: 4px
}

.object__card.is-rounded {
    border-radius: 22px
}

.object__card--left {
    margin-right: auto
}

.object__card--center {
    margin-right: auto;
    margin-left: auto
}

.object__card--right {
    margin-left: auto
}

.object__card--alter {
    background-color: var(--background)
}

.object__card--main {
    background-color: var(--secondary-light)
}

.object__card--semitone {
    background-color: var(--background)
}

.object__userpic-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

.object__userpic {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.object__position {
    margin-bottom: 5px;
    font-size: .95em;
    line-height: 1.6em
}

.object__username {
    margin-bottom: 5px;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em
}

@media (min-width: 1100px) {
    .object__grid {
        grid-template-columns:500px 1fr;
        grid-gap: 2rem
    }
}

@media (min-width: 1300px) {
    .object__grid {
        grid-template-columns:600px 1fr;
        grid-gap: 3rem
    }

    .object__column {
        max-width: unset
    }
}

.offer {
    --duration: 2s;
    --text-duration: 1.5s;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    flex-direction: column-reverse
}

.offer__layer-wrapper--alter {
    background-color: var(--secondary-dark)
}

.offer__additional-background--alter,.offer__additional-background--main,.offer__layer-wrapper--main {
    background-color: var(--secondary)
}

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

.offer__grid {
    max-width: 600px
}

.offer__text {
    line-height: 1.6em;
    margin-bottom: 20px
}

.offer__animate {
    will-change: transform,opacity
}

.offer.is-animated .offer__animate {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

.offer.is-animated .offer__animate:nth-of-type(2) {
    animation-delay: .2s
}

.offer.is-animated .offer__animate:nth-of-type(3) {
    animation-delay: .4s
}

.offer.is-animated .offer__animate:nth-of-type(4) {
    animation-delay: .6s
}

.offer__wrapper {
    position: relative;
    padding-bottom: 250px
}

.offer__background,.offer__layer,.offer__layer-wrapper,.offer__mask {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.offer__background {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width: 480px) {
    .offer__wrapper {
        padding-bottom:300px
    }
}

@media (min-width: 768px) {
    .offer__wrapper {
        padding-bottom:400px
    }
}

@media (min-width: 992px) {
    .offer {
        position:relative;
        display: block;
        width: 100%;
        box-sizing: border-box
    }

    .offer__content {
        height: calc(100vh - 74px);
        max-height: 860px;
        background: url(/wa-data/public/site/img/free-png.ru-294.webp);
        background-size: 380px;
        background-repeat-y: no-repeat;
    }

    .offer.is-animated .offer__wrapper {
        opacity: 1
    }

    .offer.is-animated .offer__mask {
        animation: offerMask var(--duration) 1 cubic-bezier(.86,0,.07,1) both
    }

    .offer.is-animated .offer__background {
        animation: offerBackground var(--duration) 1 cubic-bezier(.86,0,.07,1) both
    }

    .offer.is-animated .offer__additional-mask {
        animation: offerAdditionalMask var(--duration) 1 cubic-bezier(.86,0,.07,1) both
    }

    .offer.is-animated .offer__additional-background {
        animation: offerAdditionalBackground var(--duration) 1 cubic-bezier(.86,0,.07,1) both
    }

    .offer__wrapper {
        position: static;
        padding-bottom: 0;
        opacity: 0
    }

    .offer__layer-wrapper {
        left: 68vw;
        width: 42vw;
        overflow: hidden;
        transform: skew(-24deg);
        transform-origin: left center
    }

    .offer__mask {
        overflow: hidden;
        position: absolute;
        left: -24vh;
        right: -24vh;
        will-change: transform;
        transform: skew(24deg) translate(-33vw,100vh)
    }

    .offer__background {
        will-change: transform;
        transform: translate(30vw,-90vh)
    }
}

@media (min-width: 992px) and (max-aspect-ratio:1.33333333) {
    .offer {
        min-height:auto;
        height: 75vw
    }
}

@media (min-width: 1300px) {
    .offer__layer-wrapper {
        left:54vw
    }
}

.page__grid {
    display: grid;
    padding-top: 2em;
    padding-bottom: 2em
}

.page__grid--columns {
    grid-gap: 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'content' 'sidebar'
}

.page__sidebar {
    grid-area: sidebar;
    background: #dc9a6a0a;
    padding: 20px;
    border: 2px solid #dcdbd7;
    border-radius: 4px;
}

.page__content {
    grid-area: content
}

.page__content--exo h1:not(.element h1),.page__content--exo h2:not(.element h2),.page__content--exo h3:not(.element h3),.page__content--exo h4:not(.element h4),.page__content--exo h5:not(.element h5),.page__content--exo h6:not(.element h6),.page__content--exo th:not(.element th) {
    font-family: 'Exo 2',sans-serif;
    font-weight: 600
}

.page__content--mulish h1:not(.element h1),.page__content--mulish h2:not(.element h2),.page__content--mulish h3:not(.element h3),.page__content--mulish h4:not(.element h4),.page__content--mulish h5:not(.element h5),.page__content--mulish h6:not(.element h6),.page__content--mulish th:not(.element th) {
    font-family: 'Mulish',sans-serif
}

.page__content--alice h1:not(.element h1),.page__content--alice h2:not(.element h2),.page__content--alice h3:not(.element h3),.page__content--alice h4:not(.element h4),.page__content--alice h5:not(.element h5),.page__content--alice h6:not(.element h6),.page__content--alice th:not(.element th) {
    font-family: 'Alice',serif
}

.page__content--nunito h1:not(.element h1),.page__content--nunito h2:not(.element h2),.page__content--nunito h3:not(.element h3),.page__content--nunito h4:not(.element h4),.page__content--nunito h5:not(.element h5),.page__content--nunito h6:not(.element h6),.page__content--nunito th:not(.element th) {
    font-family: 'Nunito',sans-serif
}

.page__content--raleway h1:not(.element h1),.page__content--raleway h2:not(.element h2),.page__content--raleway h3:not(.element h3),.page__content--raleway h4:not(.element h4),.page__content--raleway h5:not(.element h5),.page__content--raleway h6:not(.element h6),.page__content--raleway th:not(.element th) {
    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    font-feature-settings: "lnum"
}

.page__content--tenor h1:not(.element h1),.page__content--tenor h2:not(.element h2),.page__content--tenor h3:not(.element h3),.page__content--tenor h4:not(.element h4),.page__content--tenor h5:not(.element h5),.page__content--tenor h6:not(.element h6),.page__content--tenor th:not(.element th) {
    font-family: 'Tenor Sans',sans-serif
}

.page__content--jura h1:not(.element h1),.page__content--jura h2:not(.element h2),.page__content--jura h3:not(.element h3),.page__content--jura h4:not(.element h4),.page__content--jura h5:not(.element h5),.page__content--jura h6:not(.element h6),.page__content--jura th:not(.element th) {
    font-family: 'Jura',sans-serif
}

.page__content--philosopher h1:not(.element h1),.page__content--philosopher h2:not(.element h2),.page__content--philosopher h3:not(.element h3),.page__content--philosopher h4:not(.element h4),.page__content--philosopher h5:not(.element h5),.page__content--philosopher h6:not(.element h6),.page__content--philosopher th:not(.element th) {
    font-family: 'Philosopher',sans-serif
}

.page__content--commissioner h1:not(.element h1),.page__content--commissioner h2:not(.element h2),.page__content--commissioner h3:not(.element h3),.page__content--commissioner h4:not(.element h4),.page__content--commissioner h5:not(.element h5),.page__content--commissioner h6:not(.element h6),.page__content--commissioner th:not(.element th) {
    font-family: 'Commissioner',sans-serif
}

.page__content--lora h1:not(.element h1),.page__content--lora h2:not(.element h2),.page__content--lora h3:not(.element h3),.page__content--lora h4:not(.element h4),.page__content--lora h5:not(.element h5),.page__content--lora h6:not(.element h6),.page__content--lora th:not(.element th) {
    font-family: 'Lora',serif
}

.page__content--source h1:not(.element h1),.page__content--source h2:not(.element h2),.page__content--source h3:not(.element h3),.page__content--source h4:not(.element h4),.page__content--source h5:not(.element h5),.page__content--source h6:not(.element h6),.page__content--source th:not(.element th) {
    font-family: 'Source Sans Pro',sans-serif
}

.page__content--jost h1:not(.element h1),.page__content--jost h2:not(.element h2),.page__content--jost h3:not(.element h3),.page__content--jost h4:not(.element h4),.page__content--jost h5:not(.element h5),.page__content--jost h6:not(.element h6),.page__content--jost th:not(.element th) {
    font-family: 'Jost',sans-serif
}

.page__content blockquote:not(.element blockquote),.page__content h1:not(.element h1),.page__content h2:not(.element h2),.page__content h3:not(.element h3),.page__content h4:not(.element h4),.page__content h5:not(.element h5),.page__content h6:not(.element h6),.page__content img:not(.element img),.page__content ol:not(.element ol),.page__content p:not(.element p),.page__content table:not(.element table),.page__content ul:not(.element ul),.price-one__text p:not(:last-of-type),.story__text p:not(:last-of-type),.text__text p:not(:last-of-type) {
    margin-bottom: 20px
}

.page__content blockquote:not(.element blockquote):last-child,.page__content h1:not(.element h1):last-child,.page__content h2:not(.element h2):last-child,.page__content h3:not(.element h3):last-child,.page__content h4:not(.element h4):last-child,.page__content h5:not(.element h5):last-child,.page__content h6:not(.element h6):last-child,.page__content ol:not(.element ol):last-child,.page__content p:not(.element p):last-child,.page__content table:not(.element table):last-child,.page__content ul:not(.element ul):last-child {
    margin-bottom: unset
}

.page__content h1:not(.element h1) {
    font-size: 28px
}

.page__content h2:not(.element h2) {
    font-size: 26px
}

.page__content h3:not(.element h3) {
    font-size: 24px
}

.page__content h4:not(.element h4) {
    font-size: 22px
}

.page__content h5:not(.element h5) {
    font-size: 20px
}

.page__content h6:not(.element h6) {
    font-size: 18px
}

.page__content p:not(.element p) {
    line-height: 1.8em
}

.page__content ol:not(.element ol),.page__content ul:not(.element ul):not(.element) {
    padding-left: 20px
}

.page__content ul li:not(.element li) {
    list-style: disc;
    line-height: 1.8em
}

.page__content ol li:not(.element li) {
    list-style: decimal;
    line-height: 1.8em
}

.page__content blockquote:not(.element blockquote) {
    display: inline-block;
    padding: 1em;
    line-height: 1.8em;
    border-radius: 4px;
    font-style: italic;
    border-left: 4px solid var(--primary);
    background-color: var(--secondary-light)
}

.page__content.is-rounded blockquote:not(.element blockquote) {
    border-radius: 22px;
    border-left-width: 6px
}

.page__content--reduced blockquote:not(.element blockquote),.page__content--reduced ol:not(.element ol),.page__content--reduced p:not(.element p),.page__content--reduced ul:not(.element ul) {
    line-height: 1.6em
}

.page__content hr:not(.element hr) {
    margin: 0 0 20px;
    border: unset;
    height: 1px;
    border-radius: 4px;
    background-color: var(--secondary-dark)
}

.page__content a:not(.element a):not(.element) {
    text-decoration: none;
    transition: color .2s ease;
    color: var(--primary)
}

.page__content a:not(.element a):not(.element):hover {
    color: var(--text)
}

.page__content img:not(.element img) {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px
}

.page__content.is-rounded img:not(.element img) {
    border-radius: 22px
}

.page__content table:not(.element table) {
    border-collapse: collapse
}

.page__content td:not(.element td),.page__content th:not(.element th) {
    padding: .4rem .6rem;
    box-sizing: border-box;
    border: 1px solid;
    line-height: 1.6em
}

.page__content td:not(.element td) {
    font-size: .95em;
    background-color: var(--secondary-light);
    border-color: var(--secondary-dark)
}

.page__content th:not(.element th) {
    background-color: var(--secondary);
    border-color: var(--secondary-dark)
}

.page__content pre:not(.element pre) {
    display: block;
    margin-bottom: 20px;
    padding: 1em;
    border-radius: 4px;
    background-color: var(--secondary)
}

.page__content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px
}

.page__content .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    border-width: 0;
    outline-width: 0
}

@media (min-width: 768px) {
    .page__grid {
        padding-top:3em;
        padding-bottom: 4em
    }

    .page__content h1:not(.element h1) {
        font-size: 32px
    }

    .page__content h2:not(.element h2) {
        font-size: 28px
    }

    .page__content h3:not(.element h3) {
        font-size: 26px
    }

    .page__content h4:not(.element h4) {
        font-size: 24px
    }

    .page__content h5:not(.element h5) {
        font-size: 22px
    }

    .page__content h6:not(.element h6) {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .page__content h1:not(.element h1) {
        font-size:30px
    }

    .page__content h2:not(.element h2) {
        font-size: 28px
    }

    .page__content h3:not(.element h3) {
        font-size: 26px
    }

    .page__content h4:not(.element h4) {
        font-size: 24px
    }

    .page__content h5:not(.element h5) {
        font-size: 22px
    }

    .page__content h6:not(.element h6) {
        font-size: 20px
    }
}

@media (min-width: 1100px) {
    .page__grid--columns {
        grid-template-areas:
            'content sidebar';
        grid-template-columns: 1fr 350px;
    }
}

@media (min-width: 1200px) {
    .page__grid--columns {
        grid-gap: 3rem;
    }
}

.pricing__cards {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-top: 1rem
}

@media (min-width: 768px) {
    .pricing__cards--2,.pricing__cards--3,.pricing__cards--4 {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 992px) {
    .pricing__cards--2,.pricing__cards--4 {
        grid-template-columns:400px 400px
    }
}

@media (min-width: 1200px) {
    .pricing__cards--2 {
        grid-template-columns:400px 400px
    }

    .pricing__cards--3 {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width: 1480px) {
    .pricing__cards--4 {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.products {
    overflow: hidden
}

.products__grid {
    display: grid;
    max-width: calc(800px + 2em);
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem
}

.products__error {
    text-align: center;
    font-style: italic
}

.products__buttons {
    margin-top: 2rem
}

.products__item {
    will-change: transform
}

@media (min-width: 1300px) {
    .products__grid {
        max-width:unset;
        margin-left: unset;
        margin-right: unset
    }
}

.is-animated .products__item {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

.is-animated .products__item:nth-of-type(1),.story.is-animated .story__animate:nth-of-type(2) {
    animation-delay: .2s
}

.is-animated .products__item:nth-of-type(2) {
    animation-delay: .3s
}

.is-animated .products__item:nth-of-type(3),.story.is-animated .story__animate:nth-of-type(3) {
    animation-delay: .4s
}

.is-animated .products__item:nth-of-type(4) {
    animation-delay: .5s
}

.is-animated .products__item:nth-of-type(5),.story.is-animated .story__animate:nth-of-type(4) {
    animation-delay: .6s
}

.is-animated .products__item:nth-of-type(6) {
    animation-delay: .7s
}

.is-animated .products__item:nth-of-type(7),.story.is-animated .story__animate:nth-of-type(5) {
    animation-delay: .8s
}

.is-animated .products__item:nth-of-type(8) {
    animation-delay: .9s
}

.is-animated .products__item:nth-of-type(9),.story.is-animated .story__animate:nth-of-type(6) {
    animation-delay: 1s
}

.is-animated .products__item:nth-of-type(10) {
    animation-delay: 1.1s
}

.is-animated .products__item:nth-of-type(11) {
    animation-delay: 1.2s
}

.is-animated .products__item:nth-of-type(12) {
    animation-delay: 1.3s
}

.promotions__splide {
    padding-right: 35px;
    padding-left: 35px
}

.promotions__arrow {
    background-color: unset
}

.promotions__arrow--prev {
    left: 0
}

.promotions__arrow--next {
    right: 0
}

.reviews__header {
    min-height: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 20px
}

.reviews__arrow {
    top: calc(-2rem - 1.5rem);
    width: 2rem;
    height: 2rem;
    transform: unset;
    background-color: var(--background);
    border: 1px solid var(--secondary-dark);
    border-radius: 4px;
    opacity: 1;
    transition: .5s cubic-bezier(.23,1,.32,1)
}

.reviews__arrow:hover {
    border-color: transparent
}

.reviews__arrow--next {
    right: calc(100% - 4rem - 15px)
}

.reviews__arrow--prev {
    left: 0
}

.reviews__arrow svg {
    fill: var(--text-soft)
}

.reviews__splide {
    margin-top: 2rem
}

@media (min-width: 768px) {
    .reviews__header {
        padding-bottom:unset;
        padding-right: calc(15px + 4rem);
        margin-bottom: unset
    }

    .reviews__arrow--next {
        right: 0
    }

    .reviews__arrow--prev {
        left: calc(100% - 4rem - 15px)
    }
}

.slider li[data-splide-hash=slide-1].is-visible a[data-slide="1"],.slider li[data-splide-hash=slide-2].is-visible a[data-slide="2"],.slider li[data-splide-hash=slide-3].is-visible a[data-slide="3"] {
    background-color: rgba(255,255,255,.15)
}

.slider li[data-splide-hash=slide-1].is-visible a[data-slide="1"] .is-autoplay::before,.slider li[data-splide-hash=slide-2].is-visible a[data-slide="2"] .is-autoplay::before,.slider li[data-splide-hash=slide-3].is-visible a[data-slide="3"] .is-autoplay::before {
    animation: sliderTimeline 5s linear
}

.steps--inverse {
    color: var(--text-inverse)
}

.steps__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    margin-top: 1rem
}

.steps__item {
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto
}

.steps__wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 10px;
    align-items: center
}

.steps__content {
    display: block;
    padding-left: .5rem;
    padding-right: .5rem
}

.steps__line-one,.steps__line-two {
    position: relative;
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--primary)
}

.steps__line-one::before,.steps__line-two::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary);
    border-radius: 50%
}

.steps__line-two::before {
    right: 0
}

.steps__line-one--main::before,.steps__line-two--main::before {
    background-color: var(--background)
}

.steps__line-one--alter::before,.steps__line-two--alter::before {
    background-color: var(--secondary)
}

.steps__line-one--semitone::before,.steps__line-two--semitone::before {
    background-color: var(--secondary-light)
}

.steps__line-one--inverse::before,.steps__line-two--inverse::before {
    background-color: var(--inverse)
}

.steps__line-one::before {
    right: 0
}

.steps__line-two::before {
    left: 0
}

.steps__number {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 50px
}

.steps__desc {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.steps__desc::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    height: 1px;
    width: 50px;
    background-color: var(--secondary-darken)
}

.steps__desc--inverse::before {
    background-color: var(--text-inverse)
}

.steps__text {
    display: block;
    font-size: .95em;
    line-height: 1.4em
}

@media (min-width: 1200px) {
    .steps__list--5 {
        grid-template-columns:1fr 1fr 1fr 1fr 1fr
    }

    .steps__list--4 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .steps__list--3 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .steps__list--2 {
        grid-template-columns: 1fr 1fr
    }

    .steps__list--1 {
        grid-template-columns: 1fr
    }
}

.story__grid {
    grid-template-columns: 1fr;
    grid-gap: 1.5em;
    align-items: center
}

.story__grid--reverse .story__column:nth-of-type(even) {
    order: 1
}

.story__grid--forward .story__column:nth-of-type(even),.story__grid--reverse .story__column:nth-of-type(odd) {
    order: 2
}

.story__grid--forward .story__column:nth-of-type(odd) {
    order: 1
}

.story__label,.story__text {
    margin-bottom: 20px
}

.story__text {
    line-height: 1.6em
}

.story__text--left {
    text-align: left
}

.story__text--center {
    text-align: center
}

.story__text--right {
    text-align: right
}

.story__animate {
    will-change: transform,opacity
}

.story.is-animated .story__animate {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

@media (min-width: 768px) {
    .story__grid {
        grid-gap:3em
    }
}

@media (min-width: 1200px) {
    .story__grid {
        grid-template-columns:1fr 1fr
    }
}

.table--header .table__row--header {
    font-weight: 700
}

.table--header .table__row--header.is-left {
    text-align: left
}

.table--header .table__row--header.is-center {
    text-align: center
}

.table--header .table__row--header.is-right {
    text-align: right
}

.table__grid {
    margin-right: auto;
    margin-left: auto
}

.table__grid--small {
    max-width: 600px
}

.table__grid--medium {
    max-width: 1150px
}

.table__grid--big {
    max-width: 100%
}

.table__content {
    display: block;
    padding-bottom: 20px;
    overflow-x: scroll
}

.table__content::-webkit-scrollbar {
    height: 8px;
    background-color: var(--secondary-dark)
}

.table__content::-webkit-scrollbar-thumb {
    background-color: var(--text-soft)
}

.table__row {
    display: grid;
    min-width: 1060px;
    border-radius: 4px
}

.table__row.is-rounded {
    border-radius: 22px
}

.table__row--main:nth-of-type(odd) {
    background-color: var(--secondary-light)
}

.table__row--alter:nth-of-type(odd),.table__row--semitone:nth-of-type(odd) {
    background-color: var(--background)
}

.table__row--header.table__row--alter:nth-of-type(odd),.table__row--header.table__row--main:nth-of-type(odd) {
    background-color: var(--secondary);
    border: 1px solid var(--secondary-dark);
    color: var(--text)
}

.table__row--header.table__row--alter:nth-of-type(odd) {
    background-color: var(--secondary-light)
}

.table__row--header.table__row--semitone:nth-of-type(odd) {
    background-color: var(--background);
    border: 1px solid var(--secondary-dark);
    color: var(--text)
}

.table__data {
    padding: .8rem 1rem;
    font-size: 14px;
    line-height: 1.6em
}

.table--one .table__row--1 {
    grid-template-columns: 1fr
}

.table--one .table__row--2 {
    grid-template-columns: repeat(2,minmax(500px,1fr))
}

.table--one .table__row--3 {
    grid-template-columns: repeat(3,minmax(340px,1fr))
}

.table--one .table__row--4 {
    grid-template-columns: repeat(4,minmax(250px,1fr))
}

.table--one .table__row--5 {
    grid-template-columns: repeat(5,minmax(200px,1fr))
}

.table--two .table__row--1 {
    grid-template-columns: 1fr
}

.table--two .table__row--2 {
    grid-template-columns: 1fr repeat(1,180px)
}

.table--two .table__row--3 {
    grid-template-columns: 1fr repeat(2,180px)
}

.table--two .table__row--4 {
    grid-template-columns: 1fr repeat(3,180px)
}

.table--two .table__row--5 {
    grid-template-columns: 1fr repeat(4,180px)
}

@media (min-width: 1200px) {
    .table__content {
        padding-bottom:0;
        overflow-x: unset
    }
}

.text__grid {
    margin-right: auto;
    margin-left: auto
}

.text__grid--small {
    max-width: 700px
}

.text__grid--medium {
    max-width: 1150px
}

.text__grid--big {
    max-width: 100%
}

.text__label,.text__text {
    margin-bottom: 20px
}

.text__text {
    line-height: 1.6em
}

.text__text--left {
    text-align: left
}

.text__text--center {
    text-align: center
}

.text__text--right {
    text-align: right
}

.text__animate {
    will-change: transform,opacity
}

.text.is-animated .text__animate {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

.text.is-animated .text__animate:nth-of-type(2) {
    animation-delay: .2s
}

.text.is-animated .text__animate:nth-of-type(3) {
    animation-delay: .4s
}

.text.is-animated .text__animate:nth-of-type(4) {
    animation-delay: .6s
}

.text.is-animated .text__animate:nth-of-type(5) {
    animation-delay: .7s
}

.text.is-animated .text__animate:nth-of-type(6) {
    animation-delay: .8s
}

.badge-one .badge,.welcome__grid {
    display: flex;
    justify-content: center
}

.welcome__grid {
    flex-direction: column;
    min-height: calc(100vh - 65px);
    box-sizing: border-box
}

.welcome__text {
    margin-bottom: 30px;
    line-height: 1.6em
}

.welcome__text--left {
    text-align: left
}

.welcome__text--center {
    text-align: center
}

.welcome__text--right {
    text-align: right
}

@media (min-width: 768px) {
    .welcome__grid {
        min-height:calc(100vh - 74px)
    }
}

.badge-one {
    display: flex;
    justify-content: flex-start
}

.badge-one .badge {
    align-items: center;
    color: var(--text-inverse);
    border-radius: 4px;
    pointer-events: none;
    cursor: default
}

.badge-one .badge--bestseller {
    background-color: #ff6b42
}

.badge-one .badge--lowprice {
    background-color: #fad775;
    color: var(--text)
}

.badge-one .badge--new {
    background-color: #00b856
}

.badge-one .badge--main,.button-two--primary .button__overlay::before {
    background-color: var(--primary)
}

.badge-one .badge--alter {
    background-color: var(--secondary-light);
    color: hsl(25.26deg 61.96% 63.92%);
    font-size: 1.5em;
    font-weight: 600;
}

.badge-one .badge>span {
    padding: 2px 12px;
    font-size: .8em;
}

.breadcrumbs-one__layout {
    min-height: 100%;
    height: 100%;
    padding: 10px 0;
    box-sizing: content-box;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.breadcrumbs-one__layout::-webkit-scrollbar {
    height: 4px;
    background-color: var(--secondary)
}

.breadcrumbs-one__layout::-webkit-scrollbar-thumb {
    background-color: var(--secondary-darker)
}

.breadcrumbs-one__wrapper {
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 0 2px;
    border: 1px solid var(--secondary);
    border-radius: 22px;
    background-color: var(--secondary-light)
}

.breadcrumbs-one__disabeled,.breadcrumbs-one__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 10px 22px;
    border-radius: 22px;
    margin-top: 1px;
    margin-bottom: 1px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: .95em;
    line-height: 1em;
    color: var(--text)
}

.breadcrumbs-one__link--home {
    background-color: var(--background)
}

.breadcrumbs-two {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.breadcrumbs-two__container {
    padding: 10px 0
}

.breadcrumbs-two:not(:last-of-type) {
    margin-right: 15px
}

.breadcrumbs-two:not(:last-of-type) svg {
    width: 10px;
    height: 10px;
    margin-left: 15px;
    margin-top: 2px;
    fill: var(--text)
}

.breadcrumbs-two:last-of-type {
    padding-right: 30px
}

.breadcrumbs-two__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
    transform: translateY(-5px)
}

.breadcrumbs-two__layout:before {
    background-image: linear-gradient(90deg,transparent 0,var(--background) 80%)
}

.breadcrumbs-two__link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--text);
    font-size: .95em
}

.breadcrumbs-two__link:focus {
    outline: 0
}

.breadcrumbs-two__disabeled {
    color: var(--text-soft);
    font-size: .95em;
    cursor: default
}

@media (max-width: 767px) {
    .breadcrumbs-two__wrapper {
        flex-wrap:nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumbs-two__wrapper::-webkit-scrollbar {
        display: none;
        background-color: transparent
    }

    .breadcrumbs-two__wrapper::-webkit-scrollbar-thumb {
        background: 0 0
    }

    .breadcrumbs-two__layout {
        position: relative
    }

    .breadcrumbs-two__layout:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 100%;
        z-index: 10
    }
}

@media (min-width: 768px) {
    .breadcrumbs-two__wrapper {
        flex-wrap:wrap
    }

    .breadcrumbs-two:not(:last-of-type) {
        margin-right: 20px
    }

    .breadcrumbs-two:not(:last-of-type) svg {
        margin-left: 20px
    }
}

.burger__bottom,.burger__middle,.burger__top {
    display: block;
    width: 18px;
    margin-bottom: 5px;
    border-bottom: 2px solid var(--text-light);
    transition: all .3s cubic-bezier(.25,.46,.45,.94)
}

.burger__bottom {
    margin-bottom: 0
}

.is-opened .burger__top {
    transform: translateY(7px) rotate(45deg)
}

.is-opened .burger__middle {
    opacity: 0
}

.is-opened .burger__bottom {
    transform: translateY(-7px) rotate(-45deg)
}

.use-overlay:not(.is-fixed):not(.is-opened) .burger__bottom,.use-overlay:not(.is-fixed):not(.is-opened) .burger__middle,.use-overlay:not(.is-fixed):not(.is-opened) .burger__top {
    border-color: var(--text-inverse)
}

.button-one {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8rem 1.2rem;
    text-decoration: none;
    border: unset;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: .1em;
    font-weight: 700;
    max-width: 220px;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0;
    z-index: 1;
    background-color: transparent
}

.button-one--primary {
    color: var(--text-inverse)
}

.button-one--primary .button__overlay {
    background-color: var(--primary);
    border-color: var(--primary)
}

.button-one--secondary {
    color: var(--text)
}

.button-one--secondary .button__overlay {
    border-color: var(--secondary);
    background-color: var(--secondary-light)
}

.button-one .button__overlay {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 100px;
    transition: all .125s cubic-bezier(.25,.46,.45,.94);
    will-change: transform;
    z-index: -1;
    pointer-events: none
}

.button-one .button__text {
    margin-bottom: -1px;
    pointer-events: none
}

.button-one:hover .button__overlay,.button-three:hover .button__overlay {
    transform: scale(1.05) translateZ(0)
}

.button-one--wide {
    width: 100%
}

@media (min-width: 992px) {
    .button-one {
        padding:.8rem 1.3rem
    }
}

.button-three {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8rem 1.2rem;
    text-decoration: none;
    border: unset;
    text-align: center;
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    max-width: 220px;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0;
    z-index: 1
}

.button-three--primary {
    color: var(--text-inverse)
}

.button-three--primary .button__overlay {
    background-color: var(--primary);
    border-color: var(--primary)
}

.button-three--secondary {
    color: var(--text)
}

.button-three--secondary .button__overlay {
    border-color: var(--secondary);
    background-color: var(--secondary-light)
}

.button-three .button__overlay {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 5px;
    transition: all .125s cubic-bezier(.25,.46,.45,.94);
    will-change: transform;
    z-index: -1;
    pointer-events: none
}

.button-three .button__text {
    margin-bottom: -1px;
    pointer-events: none
}

.button-three--wide {
    width: 100%
}

@media (min-width: 992px) {
    .button-three {
        padding:.8rem 1.3rem
    }
}

.button-two {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8rem 1.2rem;
    text-decoration: none;
    border: unset;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: .1em;
    font-weight: 700;
    max-width: 220px;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0;
    z-index: 1
}

.button-two--primary {
    color: var(--text-inverse)
}

.button-two--primary .button__overlay {
    background-color: var(--primary);
    border-color: var(--primary)
}

.button-two--primary:hover .button__overlay {
    border-color: var(--primary-light)
}

.button-two--primary:hover .button__overlay::before {
    background-color: var(--primary-light)
}

.button-two--secondary {
    color: var(--text)
}

.button-two--secondary .button__overlay {
    border-color: var(--secondary);
    background-color: var(--secondary-light)
}

.button-two--secondary .button__overlay::before {
    background-color: var(--secondary-light)
}

.button-two--secondary:hover .button__overlay {
    border-color: var(--secondary-dark)
}

.button-two--secondary:hover .button__overlay::before {
    background-color: var(--secondary)
}

.button-two .button__overlay {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    will-change: transform;
    border-radius: 5px;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    transition: .6s ease-in-out
}

.button-two .button__overlay::before {
    content: "";
    position: absolute;
    left: -20%;
    top: -250%;
    width: 140%;
    height: 600%;
    border-radius: 100%;
    transform: scale(0);
    transition: .6s ease-in-out,transform .6s step-end;
    z-index: 1
}

.button-two:hover .button__overlay::before {
    transform: scale(1);
    transition: .6s cubic-bezier(.28,.22,.12,1)
}

.button-two .button__text {
    margin-bottom: -1px;
    pointer-events: none
}

.button-two--wide {
    width: 100%
}

@media (min-width: 992px) {
    .button-two {
        padding:.8rem 1.3rem
    }
}

.button {
    position: relative;
    user-select: none
}

.button.is-hidden {
    pointer-events: none;
    cursor: auto;
    visibility: hidden;
    opacity: 0
}

.button__wrapper {
    display: grid;
    grid-row-gap: 15px;
    width: 100%;
    align-items: center
}

.button__wrapper--left {
    justify-content: flex-start
}

.button__wrapper--center {
    justify-content: center
}

.button__wrapper--right {
    justify-content: flex-end
}

@media (min-width: 480px) {
    .button:not(:last-of-type) {
        margin-right:15px
    }

    .button__wrapper {
        display: flex;
        flex-wrap: wrap
    }
}

.card-one--left {
    text-align: left
}

.card-one--center {
    text-align: center
}

.card-one--right {
    text-align: right
}

.card-one__image-wrapper {
    display: block;
    margin-bottom: 10px
}

.card-one__image {
    width: 100%;
    height: auto;
    font-size: 0
}

.card-one__name {
    margin-bottom: 10px;
    font-weight: 700
}

.close-btn {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: unset;
    border: unset;
    overflow: hidden;
    cursor: pointer
}

.close-btn::after,.close-btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    margin-top: -2px;
    top: 50%;
    left: 0;
    border-radius: 5px;
    background-color: var(--text);
    transition: background-color .3s cubic-bezier(.215,.61,.355,1)
}

.close-btn:hover::after,.close-btn:hover::before {
    background-color: var(--text-soft)
}

.close-btn::before {
    transform: rotate(45deg)
}

.close-btn::after {
    transform: rotate(-45deg)
}

@media (min-width: 992px) {
    .close-btn {
        width:30px;
        height: 30px
    }
}

.contact-one {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 15px;
    align-items: center
}

.contact-one__text {
    font-size: .8em
}

.contact-one__title {
    font-weight: 700
}

.contact-one__icon svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: var(--primary)
}

.cookie-one {
    display: none;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    min-width: 360px;
    max-width: 1100px;
    padding: 0 1em;
    z-index: 90
}

.cookie-one.is-opened {
    display: inline-block
}

.cookie-one__content {
    position: relative;
    display: block;
    padding: .6em calc(22px + 2em) .6em 1em;
    border-radius: 4px;
    background-color: var(--primary);
    color: var(--text-inverse)
}

.cookie-one__text {
    font-size: .8em;
    text-align: center
}

.cookie-one__link {
    transition: color .2s cubic-bezier(.25,.46,.45,.94);
    color: var(--text-inverse)
}

.cookie-one__link:hover {
    color: var(--secondary)
}

.cookie-one__button-wrapper {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

.cookie-one__button {
    appearance: none;
    border: unset;
    position: relative;
    cursor: pointer;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: var(--text-inverse);
    transition: transform .1s cubic-bezier(.25,.46,.45,.94);
    will-change: transform
}

.cookie-one__button:hover {
    transform: scale(.9)
}

.cookie-one__button::after,.cookie-one__button::before {
    content: '';
    position: absolute;
    display: block;
    top: 4px;
    left: 10px;
    height: 14px;
    width: 2px;
    border-radius: 2px;
    background-color: var(--primary)
}

.cookie-one__button::before {
    transform: rotate(45deg)
}

.cookie-one__button::after {
    transform: rotate(-45deg)
}

.counter-one {
    display: flex;
    flex-direction: column;
    align-items: center
}

.counter-one__header {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    font-weight: 700;
    margin-bottom: 10px
}

.counter-one__number {
    font-size: 32px;
    text-transform: uppercase
}

.counter-one__text {
    text-align: center;
    font-size: .95em;
    line-height: 1.3em;
    color: var(--text-soft)
}

@media (min-width: 768px) {
    .counter-one__number {
        font-size:38px
    }
}

@media (min-width: 992px) {
    .counter-one__number {
        font-size:44px
    }
}

@media (min-width: 1300px) {
    .counter-one__number {
        font-size:50px
    }
}

.download-link {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--background)
}

.download-link--main {
    border-color: var(--secondary-dark)
}

.download-link--alter,.download-link--semitone {
    border-color: var(--secondary)
}

.download-link.is-rounded {
    border-radius: 22px
}

.download-link__name {
    margin-bottom: 10px;
    font-size: 17px
}

.download-link__icon svg {
    fill: var(--primary)
}

.dropdown-button {
    display: flex;
    align-items: center;
    background-color: unset;
    border: unset;
    font-size: 15px;
    color: var(--text-light);
    cursor: pointer
}

.dropdown-button--uppercase {
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em
}

.dropdown-button__arrow {
    position: relative;
    top: 5px;
    display: block;
    height: 25px;
    width: 25px;
    border-color: var(--text);
    transform: rotate(270deg) translate(12px,0) scale(.7);
    transition: all .2s ease-out
}

.dropdown-button__arrow::after,.dropdown-button__arrow::before {
    display: block;
    content: "";
    width: 3px;
    height: 12px;
    border-radius: 1px;
    background-color: var(--primary);
    transition: all .2s ease-out
}

.dropdown-button__arrow::after {
    transform: rotate(135deg)
}

.dropdown-button__arrow::before {
    transform: translateY(5px) rotate(45deg)
}

.is-opened .dropdown-button__arrow::before {
    transform: translateY(5px) rotate(-45deg)
}

.is-opened .dropdown-button__arrow::after {
    transform: rotate(225deg)
}

.use-overlay:not(.is-fixed):not(.is-opened) .dropdown-button {
    color: var(--text-inverse)
}

.dropdown-desktop {
    display: none;
    grid-template-rows: 1fr;
    grid-gap: 4rem;
    height: 100%;
    overflow-y: scroll
}

.dropdown-desktop::-webkit-scrollbar,.dropdown-mobile__navigation::-webkit-scrollbar {
    width: 4px
}

.dropdown-desktop__list {
    display: grid;
    grid-gap: 2rem
}

.dropdown-desktop__list--one {
    grid-template-columns: repeat(3,1fr)
}

.dropdown-desktop__list--two {
    grid-template-columns: repeat(2,1fr)
}

.dropdown-desktop__footer {
    display: grid;
    grid-gap: 2rem
}

.dropdown-desktop__footer--one {
    grid-template-columns: repeat(3,1fr);
    grid-template-areas: 'item item item'
}

.dropdown-desktop__footer--one.dropdown-desktop__footer--social {
    grid-template-areas: 'social item item'
}

.dropdown-desktop__footer--two {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas: 'item item'
}

.dropdown-desktop__footer--two.dropdown-desktop__footer--social {
    grid-template-areas: 'social item'
}

.dropdown-desktop__name {
    margin-bottom: 20px;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.dropdown-desktop__footer-item,.dropdown-desktop__item {
    display: flex;
    align-items: center
}

.dropdown-desktop__footer-item {
    grid-area: item
}

.dropdown-desktop__item:not(:last-of-type) {
    margin-bottom: 1rem
}

.dropdown-desktop__social {
    grid-area: social
}

.dropdown-desktop__footer-contact {
    font-size: 15px
}

.dropdown-desktop__contact {
    font-size: 20px
}

.dropdown-desktop__contact,.dropdown-desktop__footer-contact {
    color: var(--text-light)
}

.dropdown-desktop__footer-icon,.dropdown-desktop__icon {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

.dropdown-desktop__footer-icon svg,.dropdown-desktop__icon svg {
    width: 18px;
    height: 18px
}

.dropdown-desktop__footer-icon svg {
    fill: var(--primary)
}

.dropdown-desktop__icon svg {
    fill: var(--text-soft)
}

@media (min-width: 992px) {
    .dropdown-desktop {
        display:grid
    }
}

@media (min-width: 1300px) {
    .dropdown-desktop__list--one {
        grid-template-columns:repeat(4,1fr)
    }

    .dropdown-desktop__list--two {
        grid-template-columns: repeat(3,1fr)
    }

    .dropdown-desktop__footer--one {
        grid-template-columns: repeat(4,1fr);
        grid-template-areas: 'item item item item'
    }

    .dropdown-desktop__footer--one.dropdown-desktop__footer--social {
        grid-template-areas: 'social item item item'
    }

    .dropdown-desktop__footer--two {
        grid-template-columns: repeat(3,1fr);
        grid-template-areas: 'item item item'
    }

    .dropdown-desktop__footer--two.dropdown-desktop__footer--social {
        grid-template-areas: 'social item item'
    }
}

.dropdown-mobile {
    position: relative
}

.dropdown-mobile__menu {
    width: 100%;
    height: 100%;
    background-color: var(--background)
}

.dropdown-mobile__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 1.1em
}

.dropdown-mobile__link:not(:last-of-type) {
    margin-bottom: 1rem
}

.dropdown-mobile__navigation {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-x: visible;
    overflow-y: scroll;
    opacity: 0;
    transition: all .2s cubic-bezier(.6,.04,.98,.335);
    background-color: var(--background)
}

.dropdown-mobile__navigation.is-active {
    right: 0;
    opacity: 1;
    transition: all .3s cubic-bezier(.075,.82,.165,1)
}

.dropdown-mobile__phone {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 1rem;
    align-items: center;
    justify-content: center;
    margin-top: 3rem
}

.dropdown-mobile__icon {
    display: flex;
    align-items: center
}

.dropdown-mobile__icon svg {
    width: 18px;
    height: 18px;
    fill: var(--text-soft)
}

.dropdown-mobile__close,.dropdown-mobile__open {
    border: unset;
    background-color: unset;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem
}

.dropdown-mobile__open {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--text-light)
}

.dropdown-mobile__open svg {
    margin-left: 10px;
    fill: var(--primary)
}

.dropdown-mobile__close {
    display: block
}

.dropdown-mobile__close svg {
    fill: var(--primary)
}

.dropdown-mobile__social {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.dropdown-mobile .dropdown__column {
    text-align: center;
    margin-bottom: 2rem
}

@media (min-width: 992px) {
    .dropdown-mobile {
        display:none
    }
}

.dropdown__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 74px;
    box-sizing: border-box;
    background-color: var(--background);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s,visibility .3s cubic-bezier(.215,.61,.355,1) .3s;
    z-index: -1
}

.dropdown__center,.dropdown__container,.dropdown__grid {
    height: 100%;
    box-sizing: border-box
}

.dropdown__grid {
    display: grid;
    padding-top: 2em;
    padding-bottom: 2em
}

.dropdown__link {
    margin-bottom: 20px
}

.dropdown__sublink:not(:last-of-type) {
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    .dropdown__grid {
        padding-top:4em;
        padding-bottom: 4em
    }
}

.is-opened .dropdown__wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),visibility .3s cubic-bezier(.215,.61,.355,1)
}

.event-one {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 680px;
    border-radius: 4px;
    color: var(--text);
    text-decoration: none;
    transition: .5s cubic-bezier(.23,1,.32,1);
    overflow: hidden;
    will-change: transform,shadow
}

.event-one--main {
    background-color: var(--secondary-light)
}

.event-one--main .event-one__image-wrapper::before {
    border-top-color: var(--secondary-light)
}

.event-one--alter,.event-one--semitone {
    background-color: var(--background)
}

.event-one--alter .event-one__image-wrapper::before,.event-one--semitone .event-one__image-wrapper::before {
    border-top-color: var(--background)
}

.event-one.is-rounded {
    border-radius: 22px
}

.event-one:hover {
    transform: translateY(-4px)
}

.event-one__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 1.5rem
}

.event-one__image-wrapper {
    position: relative;
    display: block
}

.event-one__image-wrapper::before {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    top: 0;
    display: block;
    border-width: 20px;
    border-style: solid;
    border-color: transparent
}

.event-one__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 0
}

.event-one__badge {
    display: block
}

.event-one__date {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem
}

.event-one__date-left {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-gap: 1rem
}

.event-one__day {
    font-weight: 700;
    font-size: 36px;
    padding-right: 1rem;
    border-right-width: 1px;
    border-style: solid
}

.event-one__month,.event-one__name,.event-one__text,.event-one__time,.event-one__weekday {
    display: block;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em
}

.event-one__month,.event-one__name {
    margin-bottom: 5px
}

.event-one__desc,.event-one__title {
    display: block;
    margin-bottom: 10px
}

.event-one__desc {
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.event-one__info {
    margin-top: auto
}

@media (min-width: 992px) {
    .event-one {
        grid-template-columns:1fr 370px;
        max-width: 1150px
    }

    .event-one--main .event-one__image-wrapper::before {
        border-top-color: transparent;
        border-left-color: var(--secondary-light)
    }

    .event-one--alter .event-one__image-wrapper::before,.event-one--semitone .event-one__image-wrapper::before {
        border-top-color: transparent;
        border-left-color: var(--background)
    }

    .event-one__image-wrapper {
        position: relative;
        display: block
    }

    .event-one__image-wrapper::before {
        left: 0;
        top: 1.5rem
    }
}

.faq-one {
    border-color: var(--secondary-dark)
}

.faq-one:not(:last-of-type) {
    border-bottom-width: 1px;
    border-style: solid
}

.faq-one__question {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
    grid-gap: 20px;
    width: 100%;
    outline: 0;
    cursor: pointer
}

.faq-one__question.is-active .faq-one__icon {
    transform: scaleY(-1)
}

.faq-one__answer-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    will-change: max-height
}

.faq-one__text {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    line-height: 1.4em;
    font-weight: 400;
    cursor: pointer;
    transition: .1s ease
}

.faq-one__answer {
    padding-bottom: 2rem;
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.faq-one__answer ul {
    padding-left: 30px;
    margin-bottom: 10px
}

.faq-one__answer li {
    list-style: disc
}

.faq-one__icon {
    transition: transform .2s ease-in-out
}

.faq-one__icon svg {
    transform: rotate(90deg);
    width: 1.3em;
    height: 1.3em;
    fill: var(--primary)
}

.feedback-popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--secondary);
    z-index: 300
}

.feedback-popup__close {
    margin-left: auto
}

.feedback-popup.is-active {
    display: block
}

.feedback-popup__content {
    display: grid;
    padding-top: 1.5rem
}

.feedback-popup__form {
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.feedback-popup .wa-captcha-refresh {
    font-size: .8em
}

@media (min-width: 992px) {
    .feedback-popup__form {
        padding-top:4rem;
        padding-bottom: 4rem
    }
}

.feedback__animate {
    will-change: transform,opacity
}

.feedback__subtitle {
    text-align: center;
    font-style: italic;
    margin-bottom: 15px;
    color: var(--text-soft)
}

.feedback__image {
    width: 200px;
    margin: 30px auto
}

.feedback__title {
    text-align: center;
    margin-bottom: 15px
}

.feedback__datetime {
    text-align: center;
    font-size: .8em;
    color: var(--text-soft)
}

.feedback__block {
    margin-bottom: 15px
}

.feedback__block--hidden,.header-one__layout.use-overlay.is-fixed .header-one__logo-img--alter,.header-one__layout.use-overlay.is-opened .header-one__logo-img--alter {
    display: none
}

.feedback__label {
    display: block;
    margin-bottom: 5px;
    font-size: .9em;
    font-weight: 700
}

.feedback__label--required::after {
    content: " *";
    color: var(--primary)
}

.feedback__input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: initial;
    appearance: none;
    border-radius: 0;
    text-align: inherit;
    border-width: 1px;
    border-style: solid;
    transition: all .3s cubic-bezier(.215,.61,.355,1)
}

.feedback .wa-captcha-input:focus,.feedback__input:focus {
    outline: 0
}

.feedback .wa-captcha p:first-of-type {
    display: grid;
    grid-template-columns: min-content min-content min-content;
    grid-gap: 10px;
    align-items: center;
    margin-bottom: 5px
}

.feedback .wa-captcha-input {
    width: 100px;
    display: block;
    box-sizing: border-box;
    padding: 14px 20px;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: initial;
    appearance: none;
    border-radius: 0;
    text-align: inherit;
    border-width: 1px;
    border-style: solid;
    transition: all .3s cubic-bezier(.215,.61,.355,1)
}

.feedback .wa-captcha-refresh {
    color: var(--text-soft)
}

.feedback .wa-captcha-input,.feedback__input {
    background-color: var(--background);
    border-color: var(--text-soft);
    color: var(--text)
}

.feedback .wa-captcha-input.error,.feedback .wa-captcha-input:focus,.feedback__input.error,.feedback__input:focus {
    border-color: var(--text-soft)
}

.feedback input::-webkit-input-placeholder {
    color: var(--text-soft)
}

.feedback input:-moz-placeholder {
    color: var(--text-soft)
}

.feedback__captcha {
    transform: scale(.9)
}

.feedback__agree {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-gap: 10px;
    align-items: center
}

.feedback__agree-text {
    font-size: .8em;
    color: var(--text-soft)
}

.feedback__agree-link {
    text-decoration: underline;
    transition: .25s ease all;
    color: var(--text-soft)
}

.feedback__agree-link:hover,.feedback__error {
    color: var(--primary)
}

.feedback__error {
    display: block;
    margin-top: 5px;
    font-style: italic;
    font-size: .8em
}

.feedback__button {
    pointer-events: auto!important;
    cursor: pointer;
    font-size: 0
}

.feedback__button:focus {
    outline: 0
}

.is-active .feedback__animate {
    animation: fade-in-up 1.5s cubic-bezier(.075,.82,.165,1) both
}

.is-active .feedback__animate:nth-child(1) {
    animation-delay: 0ms
}

.is-active .feedback__animate:nth-child(2) {
    animation-delay: 50ms
}

.is-active .feedback__animate:nth-child(3) {
    animation-delay: 100ms
}

.is-active .feedback__animate:nth-child(4) {
    animation-delay: 150ms
}

.is-active .feedback__animate:nth-child(5) {
    animation-delay: 200ms
}

.is-active .feedback__animate:nth-child(6) {
    animation-delay: 250ms
}

.is-active .feedback__animate:nth-child(7) {
    animation-delay: 300ms
}

.is-active .feedback__animate:nth-child(8) {
    animation-delay: 350ms
}

.footer-one {
    border-top: 1px solid var(--secondary-dark);
    background-color: var(--background)
}

.footer-one__content {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 2rem;
    margin-bottom: 3rem
}

.footer-one__top {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    margin-bottom: 2rem;
    grid-gap: 20px
}

.footer-one__bottom {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-areas: 'address';
    grid-gap: 2rem;
    align-items: center
}

.footer-one__bottom--social {
    grid-template-areas: 'social' 'address'
}

.footer-one__link,.footer-one__name {
    margin-bottom: 1rem;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 700
}

.footer-one__name {
    font-size: .85em;
    color: var(--text-soft)
}

.footer-one__sublink:not(:last-of-type) {
    margin-bottom: 15px
}

.footer-one__logo-link {
    display: inline-block;
    width: 120px
}

.footer-one__logo-link svg {
    width: 100%
}

.footer-one__logo {
    display: block;
    max-height: 48px;
    height: auto;
    max-width: 120px
}

.footer-one__title {
    font-size: 1.2em;
    line-height: 1.6em
}

.footer-one__text {
    max-width: 400px;
    margin-bottom: 2rem;
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-light)
}

.footer-one__item {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.footer-one__item--address {
    grid-area: address;
    margin-bottom: 0
}

.footer-one__social {
    grid-area: social
}

.footer-one__icon {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

.footer-one__icon svg {
    width: 18px;
    height: 18px;
    fill: var(--text-soft)
}

.footer-one__icon--address svg {
    fill: var(--primary)
}

@media (min-width: 540px) {
    .footer-one__bottom,.footer-one__content {
        grid-template-columns:repeat(2,1fr)
    }

    .footer-one__bottom {
        grid-template-areas: 'address address'
    }

    .footer-one__bottom--social {
        grid-template-areas: 'social address'
    }
}

@media (min-width: 768px) {
    .footer-one__top {
        grid-template-columns:1fr auto;
        grid-gap: 3rem;
        margin-bottom: 3rem
    }

    .footer-one__title {
        max-width: 500px;
        text-align: right;
        font-size: 1.5em
    }
}

@media (min-width: 992px) {
    .footer-one__content {
        grid-template-columns: repeat(4,1fr);
        grid-gap: 3rem
    }

    .footer-one__logo {
        max-height: 50px;
        max-width: 170px
    }

    .footer-one__logo-link {
        width: 170px
    }

    .footer-one__bottom {
        grid-template-columns: repeat(3,1fr);
        grid-template-areas: 'address address address';
        grid-gap: 3rem
    }

    .footer-one__bottom--social {
        grid-template-areas: 'social address address'
    }
}

.glightbox-open .gbtn {
    position: absolute;
    width: 29px;
    height: 29px;
    border-radius: 4px;
    transition: transform .2s ease;
    will-change: transform
}

.glightbox-open .gbtn:hover {
    transform: scale(.9)
}

.glightbox-open .gbtn svg {
    width: 1rem
}

.glightbox-open .gbtn.gnext {
    display: flex!important;
    top: calc(50% - 18px);
    right: 1em
}

.glightbox-open .gbtn.gprev {
    display: flex!important;
    top: calc(50% - 18px);
    left: 1em;
    transform: rotate(180deg)
}

.glightbox-open .gbtn.gclose {
    top: 1em;
    right: 1em;
    appearance: none;
    border: unset;
    cursor: pointer
}

.glightbox-open .gbtn.gclose::after,.glightbox-open .gbtn.gclose::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 14px;
    height: 18px;
    width: 2px;
    border-radius: 2px
}

.glightbox-open .gbtn.gclose::before {
    transform: rotate(45deg)
}

.glightbox-open .gbtn.gclose::after {
    transform: rotate(-45deg)
}

.glightbox-open .gslide-description {
    padding-top: .5em;
    box-sizing: border-box;
    background: unset!important
}

.glightbox-open .gslide-image {
    border-radius: 4px;
    overflow: hidden
}

.glightbox-open .gclose,.glightbox-open .gnext,.glightbox-open .gprev {
    background-color: var(--background)
}

.glightbox-open .gclose svg,.glightbox-open .gnext svg,.glightbox-open .gprev svg {
    fill: var(--secondary-darken)
}

.glightbox-open .gclose::after,.glightbox-open .gclose::before {
    background-color: var(--secondary-darken)
}

.gslide-description {
    color: var(--secondary)
}

.glightbox-mobile .goverlay,.goverlay {
    background-color: var(--text-fade)
}

.header-one {
    position: relative;
    padding-top: .75em;
    padding-bottom: .75em;
    height: 48px;
    z-index: 1
}

.header-one__layout {
    will-change: box-shadow;
    transition: box-shadow .5s cubic-bezier(.25,.46,.45,.94)
}

.header-one__layout.is-fixed,.header-one__layout.is-sticky:not(.use-overlay) {
    background-color: var(--background)
}

.header-one__layout.is-static.use-overlay,.header-one__layout.is-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: box-shadow .3s ease;
    z-index: 100
}

.header-one__layout.use-overlay {
    transition: background-color .5s cubic-bezier(.25,.46,.45,.94),color .5s cubic-bezier(.25,.46,.45,.94)
}

.header-one__layout.is-static.use-overlay {
    position: absolute
}

.header-one__layout.use-overlay .header-one__logo-img--alter,.header-one__layout.use-overlay.is-fixed .header-one__logo-img--main,.header-one__layout.use-overlay.is-opened .header-one__logo-img--main {
    display: block
}

.header-one__layout.use-overlay .header-one__logo-img--main {
    display: none
}

.header-one__logo-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

.header-one__logo {
    display: flex
}

.header-one__logo svg,.header-three__logo svg,.header-two__logo svg {
    width: 100%
}

.header-one__logo-img {
    display: block;
    max-height: 48px;
    height: min-intrinsic;
    max-width: 120px
}

.header-one__logo-img--alter {
    display: none
}

.header-one__content-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 135px;
    margin-right: 85px
}

.header-one__controls {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-one__controls .minicart {
    margin-right: 20px
}

.header-one__button,.header-three__layout.use-overlay.is-fixed .header-three__logo-img--alter,.header-three__layout.use-overlay.is-opened .header-three__logo-img--alter {
    display: none
}

@media (min-width: 992px) {
    .header-one {
        height:50px
    }

    .header-one__button {
        display: block
    }

    .header-one__burger {
        display: none
    }

    .header-one__logo-wrapper {
        width: 170px
    }

    .header-one__logo-img {
        max-height: 50px;
        max-width: 170px
    }

    .header-one__content-wrapper {
        margin-left: 190px;
        margin-right: 305px
    }
}

.header-three {
    position: relative;
    padding-top: .75em;
    padding-bottom: .75em;
    height: 48px;
    z-index: 1
}

.header-three__layout {
    will-change: box-shadow;
    transition: box-shadow .5s cubic-bezier(.25,.46,.45,.94)
}

.header-three__layout.is-fixed,.header-three__layout.is-sticky:not(.use-overlay) {
    background-color: var(--background)
}

.header-three__layout.is-static.use-overlay,.header-three__layout.is-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: box-shadow .3s ease;
    z-index: 100
}

.header-three__layout.use-overlay {
    transition: background-color .5s cubic-bezier(.25,.46,.45,.94),color .5s cubic-bezier(.25,.46,.45,.94)
}

.header-three__layout.is-static.use-overlay {
    position: absolute
}

.header-three__layout.use-overlay .header-three__logo-img--alter,.header-three__layout.use-overlay.is-fixed .header-three__logo-img--main,.header-three__layout.use-overlay.is-opened .header-three__logo-img--main {
    display: block
}

.header-three__layout.use-overlay .header-three__logo-img--main {
    display: none
}

.header-three__logo-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

.header-three__logo {
    display: flex
}

.header-three__logo-img {
    display: block;
    max-height: 48px;
    height: min-intrinsic;
    max-width: 120px
}

.header-three__logo-img--alter {
    display: none
}

.header-three__content-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 135px;
    margin-right: 85px
}

.header-three__controls {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-three__controls .minicart {
    margin-right: 20px
}

.header-three__phone,.header-two__layout.use-overlay.is-fixed .header-two__logo-img--alter,.header-two__layout.use-overlay.is-opened .header-two__logo-img--alter {
    display: none
}

@media (min-width: 992px) {
    .header-three {
        height:50px
    }

    .header-three__phone {
        display: block
    }

    .header-three__burger {
        display: none
    }

    .header-three__logo-wrapper {
        width: 170px
    }

    .header-three__logo-img {
        max-height: 50px;
        max-width: 170px
    }

    .header-three__content-wrapper {
        margin-left: 190px;
        margin-right: 305px
    }
}

.header-two {
    position: relative;
    padding-top: .75em;
    padding-bottom: .75em;
    height: 48px;
    z-index: 1
}

.header-two__layout {
    will-change: box-shadow;
    transition: box-shadow .5s cubic-bezier(.25,.46,.45,.94);
    overflow: unset
}

.header-two__layout.is-fixed,.header-two__layout.is-sticky:not(.use-overlay) {
    background-color: var(--background)
}

.header-two__layout.is-static.use-overlay,.header-two__layout.is-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: box-shadow .3s ease;
    z-index: 100
}

.header-two__layout.use-overlay {
    transition: background-color .5s cubic-bezier(.25,.46,.45,.94),color .5s cubic-bezier(.25,.46,.45,.94)
}

.header-two__layout.is-static.use-overlay {
    position: absolute
}

.header-two__layout.use-overlay .header-two__logo-img--alter,.header-two__layout.use-overlay.is-fixed .header-two__logo-img--main,.header-two__layout.use-overlay.is-opened .header-two__logo-img--main {
    display: block
}

.header-two__layout.use-overlay .header-two__logo-img--main {
    display: none
}

.header-two__logo-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

.header-two__logo {
    display: flex
}

.header-two__logo-img {
    display: block;
    max-height: 48px;
    height: min-intrinsic;
    max-width: 120px
}

.header-two__logo-img--alter {
    display: none
}

.header-two__content-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-left: 135px
}

.header-two__content-wrapper .minicart {
    margin-right: 20px
}

.header-two__phone {
    display: none
}

@media (min-width: 480px) {
    .header-two__phone {
        display:block
    }
}

@media (min-width: 992px) {
    .header-two {
        height:50px
    }

    .header-two__logo-wrapper {
        width: 170px
    }

    .header-two__logo-img {
        max-height: 50px;
        max-width: 170px
    }

    .header-two__content-wrapper {
        margin-left: 190px
    }
}

.is-semitone .iconset__semitone {
    fill: var(--primary);
    opacity: .35
}

.iconset__filled,.is-filled .iconset__semitone {
    fill: var(--primary)
}

.iconset__semitone,.is-linear .iconset__semitone {
    fill: transparent
}

.image-tabs {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto
}

.image-tabs__item {
    position: relative
}

.image-tabs__link {
    display: block;
    text-decoration: none;
    color: var(--text)
}

.image-tabs__img {
    display: block;
    width: 100%;
    height: auto
}

.image-tabs__counter {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 2px 12px;
    border-radius: 4px;
    font-size: .9em;
    color: var(--text-inverse);
    background-color: rgba(44,52,62,.5)
}

.image-tabs__tab img {
    display: block;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 0
}

.image-tabs__thumbnails {
    display: flex;
    margin-top: 20px
}

.image-tabs__thumbnail {
    padding: 3px;
    overflow: hidden;
    list-style: none;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer
}

.image-tabs__thumbnail:not(:last-of-type) {
    margin-right: 3px
}

.image-tabs__thumbnail.is-active {
    border-color: var(--primary)
}

.image-tabs__thumb-image {
    display: block;
    width: 47px;
    height: 47px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.image {
    position: relative;
    height: 0;
    overflow: hidden
}

.image__layout {
    margin-right: auto;
    margin-left: auto
}

.image__background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.image__background,.image__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.image__wrapper--animate {
    will-change: transform,opacity;
    transform: scale(1.2);
    opacity: .8;
    transition: transform 1.5s cubic-bezier(.165,.84,.44,1),opacity 1.5s cubic-bezier(.165,.84,.44,1)
}

.is-animated .image__wrapper--animate {
    transform: none;
    opacity: 1
}

.infocard-one {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    max-width: 1150px;
    padding: 8px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 4px;
    text-decoration: none;
    color: var(--text)
}

.infocard-one.is-rounded,.infocard-two.is-rounded {
    border-radius: 22px
}

.infocard-one.is-rounded .infocard-one__image,.infocard-two.is-rounded .infocard-two__image {
    border-radius: 18px
}

.infocard-one--main {
    background-color: var(--secondary-light)
}

.infocard-one--alter,.infocard-one--semitone {
    background-color: var(--background)
}

.infocard-one--transparent {
    background-color: transparent
}

.infocard-one__content {
    display: flex;
    flex-direction: column;
    padding: 10px;
    height: 100%;
    box-sizing: border-box
}

.infocard-one__badge {
    display: block;
    margin-bottom: 10px
}

.infocard-one__price {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
}

.infocard-one__price-mobile {
    margin-top: 10px;
    font-weight: 700;
    font-size: 1.1em;
    color: var(--primary);
    display: none;
}

.infocard-one__name {
    max-width: 500px;
    margin-bottom: 10px;
    font-weight: 700
}

.infocard-one__desc {
    max-width: 500px;
    margin-bottom: 10px;
    font-size: .95em;
    line-height: 1.4em;
    color: var(--text-soft)
}

.infocard-one__link {
    max-width: 140px;
    margin-top: 8px;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: .85em;
    background: #dc9a6a;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
}

.infocard-one__image {
    display: block;
    min-height: 350px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width: 560px) {
    .infocard-one {
        grid-template-columns:1fr 220px
    }

    .infocard-one__image {
        display: flex;
        min-height: 220px;
    }

    .infocard-one__price-mobile {
        display: none
    }
}

.infocard-two {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    padding: 8px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 4px;
    text-decoration: none;
    color: var(--text)
}

.infocard-two--main {
    background-color: var(--secondary-light)
}

.infocard-two--alter,.infocard-two--semitone {
    background-color: var(--background)
}

.infocard-two--transparent {
    background-color: transparent
}

.infocard-two__content {
    display: flex;
    flex-direction: column;
    padding: 10px;
    height: 100%;
    box-sizing: border-box
}

.infocard-two__badge {
    display: block;
    margin-bottom: 10px
}

.infocard-two__price {
    position: absolute;
    top: 10px;
    left: 10px
}

.infocard-two__name {
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 700
}

.infocard-two__desc {
    margin-bottom: 10px;
    font-size: .95em;
    line-height: 1.4em;
    color: var(--text-soft)
}

.infocard-two__image {
    position: relative;
    display: flex;
    height: 0;
    padding-top: calc(350/480*100%);
    border-radius: 4px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

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

.item-one__header {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-bottom: 10px
}

.item-one__number {
    font-size: 32px;
    text-transform: uppercase
}

.item-one__text {
    text-align: center;
    font-size: .95em;
    line-height: 1.4em;
    color: var(--text-soft)
}

@media (min-width: 768px) {
    .item-one__number {
        font-size:38px
    }
}

@media (min-width: 992px) {
    .item-one__number {
        font-size:44px
    }
}

@media (min-width: 1300px) {
    .item-one__number {
        font-size:50px
    }
}

.label-one {
    display: inline-block;
    max-width: 400px;
    font-weight: 400;
    line-height: 1.4em;
    color: var(--text-soft)
}

.label-one__layout {
    position: relative;
    display: inline-block
}

.label-one__layout::after,.label-one__layout::before {
    background-color: var(--text-soft)
}

.label-one__wrapper {
    margin-bottom: 10px
}

.label-one__wrapper--left {
    text-align: left;
    margin-right: auto
}

.label-one__wrapper--left .label-one__layout {
    padding-left: 50px
}

.label-one__wrapper--center .label-one__layout::before,.label-one__wrapper--left .label-one__layout::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 40px;
    height: 1px
}

.label-one__wrapper--center {
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.label-one__wrapper--center .label-one__layout {
    padding-left: 50px;
    padding-right: 50px
}

.label-one__wrapper--center .label-one__layout::after,.label-one__wrapper--right .label-one__layout::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 40px;
    height: 1px
}

.label-one__wrapper--right {
    text-align: right;
    margin-left: auto
}

.label-one__wrapper--right .label-one__layout {
    padding-right: 50px
}

.letters-image__main {
    fill: var(--primary)
}

.letters-image__background {
    fill: var(--background)
}

.letters-image__background-dark {
    fill: var(--secondary-darken)
}

.letters-image__background-alter {
    fill: var(--secondary-dark)
}

.letters-image__main-dark {
    fill: var(--primary-dark)
}

.link-one {
    position: relative;
    text-decoration: none
}

.link-one:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    margin: -5px 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: all .3s ease-in-out 0s
}

.link-one--enlarged {
    font-size: 20px
}

.link-one--uppercase {
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em
}

.link-one--dark {
    font-weight: 700
}

.link-one--dark,.link-one--primary,.link-one--secondary {
    color: var(--text)
}

.link-one--dark::before,.link-one--primary::before {
    background-color: var(--primary)
}

.link-one--secondary::before {
    background-color: var(--secondary-dark)
}

.link-one .link-one--inverse {
    color: var(--text-inverse)
}

.link-one .link-one--inverse::before {
    background-color: var(--text-inverse)
}

.link-one--main {
    color: var(--primary)
}

.link-one--main::before {
    background-color: var(--primary)
}

@media (min-width: 768px) {
    .link-one:hover::before {
        visibility:visible;
        transform: scaleX(1)
    }
}

.link-two {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    text-decoration: none;
    transition: padding .3s cubic-bezier(.215,.61,.355,1)
}

.link-two:hover {
    padding-right: 40px
}

.link-two::after,.link-two::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transition: all .3s cubic-bezier(.215,.61,.355,1)
}

.link-two::after {
    width: 7px;

    height: 7px;
    border-right: 2px solid;
    border-top: 2px solid;
    transform: translateY(-50%) rotate(45deg)
}

.link-two::before {
    transform: translateY(-50%) scaleX(0);
    width: 30px;
    height: 2px;
    transform-origin: right
}

.link-two:hover::before {
    transform: translateY(-50%) scaleX(1)
}

.link-two--enlarged {
    font-size: 20px
}

.link-two--uppercase {
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: .85em
}

.link-two--dark {
    font-weight: 700
}

.link-two--dark,.link-two--primary {
    color: var(--text-light)
}

.link-two--dark::after,.link-two--primary::after {
    border-color: var(--text-light)
}

.link-two--dark:hover::after,.link-two--inverse:hover::after,.link-two--primary:hover::after,.link-two--secondary:hover::after {
    border-color: var(--primary)
}

.link-two--dark::before,.link-two--primary::before {
    border-color: var(--text-light);
    background-color: var(--primary)
}

.link-two--secondary {
    color: var(--text-soft)
}

.link-two--secondary::after,.link-two--secondary::before {
    border-color: var(--text-soft)
}

.link-two--secondary::before {
    background-color: var(--primary)
}

.link-two--inverse {
    color: var(--text-inverse)
}

.link-two--inverse::after,.link-two--inverse::before {
    border-color: var(--text-inverse)
}

.link-two--inverse::before {
    background-color: var(--primary)
}

.list-one {
    margin-bottom: 20px
}

.list-one__item:not(:last-of-type) {
    margin-bottom: 5px
}

.list-one__item--left {
    text-align: left
}

.list-one__item--center .list-one__text,.list-one__item--left .list-one__text {
    padding-left: 20px
}

.list-one__item--center .list-one__text::before,.list-one__item--left .list-one__text::before {
    left: 0
}

.list-one__item--center {
    text-align: center
}

.list-one__item--right {
    text-align: right
}

.list-one__item--right .list-one__text {
    padding-right: 20px
}

.list-one__item--right .list-one__text::before {
    right: 0
}

.list-one__text {
    position: relative;
    display: inline-block;
    font-size: .95em;
    line-height: 1.6em
}

.list-one__text::before {
    position: absolute;
    top: 8px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary)
}

.list-two {
    margin-bottom: 20px
}

.list-two__item {
    display: grid;
    grid-gap: 1.5rem
}

.list-two__item:not(:last-of-type) {
    margin-bottom: 10px
}

.list-two__item--left {
    text-align: left;
    grid-template-columns: 30px 1fr
}

.list-two__item--center {
    text-align: center;
    grid-template-columns: 30px auto;
    justify-content: center
}

.list-two__item--right {
    text-align: right;
    grid-template-columns: 1fr 30px;
    justify-content: end
}

.list-two__item--right .list-two__icon {
    order: 2
}

.list-two__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 2px solid var(--primary)
}

.list-two__icon svg {
    width: 14px;
    height: 14px;
    fill: var(--primary)
}

.list-two__text {
    display: inline-block;
    margin-top: 2px;
    line-height: 1.6em
}

.logo--main {
    fill: var(--text)
}

.logo--alter {
    fill: var(--primary)
}

.logo--alter,.logo--main {
    transition: fill .5s cubic-bezier(.25,.46,.45,.94)
}

.use-overlay:not(.is-fixed):not(.is-opened) .logo--alter,.use-overlay:not(.is-fixed):not(.is-opened) .logo--main,.use-overlay:not(.is-fixed):not(.is-opened) .minicart svg {
    fill: var(--text-inverse)
}

.minicart,.minicart__wrapper {
    position: relative;
    display: block
}

.minicart__wrapper {
    width: 25px;
    height: 25px
}

.minicart__count,.nav-one {
    display: flex;
    align-items: center
}

.minicart__count {
    position: absolute;
    top: -7px;
    right: -7px;
    justify-content: center;
    padding: 2px 5px;
    line-height: 1em;
    font-size: .7em;
    border-radius: 3px;
    background-color: var(--primary);
    color: var(--text-inverse)
}

.minicart svg {
    display: block;
    width: 100%;
    fill: var(--text-soft)
}

.nav-one {
    width: 100%
}

.nav-one__dropdown {
    display: none;
    align-items: center;
    padding-right: 1.2rem;
    transition: border-color .3s cubic-bezier(.215,.61,.355,1)
}

.nav-one__container {
    position: relative;
    width: 100%;
    height: 30px;
    padding-left: 2rem;
    border-left: 1px solid var(--secondary-dark);
    box-sizing: border-box
}

.nav-one__list {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2rem;
    font-size: 15px
}

.nav-one__list li {
    white-space: nowrap
}

@media (min-width: 992px) {
    .nav-one__dropdown {
        display:flex
    }

    .nav-one__dropdown.no-dropdown {
        height: 30px;
        padding-right: 0;
        padding-left: 1.5rem;
        border-left: 1px solid var(--secondary-dark)
    }

    .nav-one__dropdown.is-disabled {
        display: none
    }
}

.use-overlay:not(.is-fixed):not(.is-opened) .nav-one__container,.use-overlay:not(.is-fixed):not(.is-opened) .nav-one__dropdown.no-dropdown {
    border-color: var(--text-inverse)
}

.use-overlay:not(.is-fixed):not(.is-opened) .nav-one__list .link-one--primary,.use-overlay:not(.is-fixed):not(.is-opened) .phone-one__number--bold {
    color: var(--text-inverse)
}

.phone-one {
    position: relative
}

.phone-one__main {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    align-items: center
}

.phone-one__main--dropdown {
    grid-template-columns: 20px auto;
    justify-content: end
}

.phone-one__item {
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    text-decoration: none;
    text-align: center;
    color: var(--text)
}

.phone-one__number {
    transition: color .2s cubic-bezier(.25,.46,.45,.94);
    font-size: .95em
}

.phone-one__number--bold {
    font-weight: 700;
    font-size: 1em
}

.phone-one__number:hover {
    color: var(--primary)
}

.phone-one__text {
    font-size: .8em
}

.phone-one__button {
    display: block;
    padding: 4px;
    border: unset;
    cursor: pointer;
    background-color: transparent
}

.phone-one__button::after {
    content: '';
    display: block;
    clip-path: polygon(50% 0,0 100%,100% 100%);
    width: 12px;
    height: 8px;
    background-color: var(--primary);
    transform: rotate(180deg);
    transition: transform .2s cubic-bezier(.25,.46,.45,.94)
}

.phone-one__button.is-opened::after {
    transform: rotate(0)
}

.phone-one__dropdown {
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--secondary-dark);
    background-color: var(--background);
    border-radius: 4px;
    transform: translateY(10px);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.phone-one__dropdown.is-opened {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translate(0,0)
}

.phone-one__item-wrapper {
    padding: .5em 1em
}

.phone-one__item-wrapper:not(:last-of-type) {
    border-bottom: 1px solid var(--secondary-dark)
}

.use-overlay:not(.is-fixed):not(.is-opened) .phone-one__number--bold:hover {
    color: var(--primary)
}

.postcard-one {
    max-width: 680px;
    border-radius: 4px;
    overflow: hidden
}

.postcard-one--main {
    background-color: var(--secondary-light)
}

.postcard-one--main .postcard-one__header::before {
    border-bottom-color: var(--secondary-light)
}

.postcard-one--alter,.postcard-one--semitone {
    background-color: var(--background)
}

.postcard-one--alter .postcard-one__header::before,.postcard-one--semitone .postcard-one__header::before {
    border-bottom-color: var(--background)
}

.postcard-one.is-rounded,.price-one.is-rounded {
    border-radius: 22px
}

.postcard-one__header {
    position: relative;
    min-height: 250px;
    background-color: var(--primary)
}

.postcard-one__header::before {
    content: "";
    position: absolute;
    left: 1.5rem;
    bottom: 0;
    display: block;
    border-width: 20px;
    border-style: solid;
    border-color: transparent;
    z-index: 2
}

.postcard-one__link {
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
    color: var(--text)
}

.postcard-one__link--alter {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 250px;
    padding: 1.5rem;
    padding-bottom: calc(1.5rem + 20px);
    margin-bottom: unset;
    box-sizing: border-box;
    color: var(--text-inverse)
}

.postcard-one__name {
    line-height: 1.6em
}

.postcard-one__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1
}

.postcard-one__body {
    padding: 1.5rem
}

.postcard-one__date {
    margin-bottom: 20px
}

.postcard-one__text {
    margin-bottom: 20px;
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.poweredby {
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px solid var(--secondary-dark);
    font-size: .8em;
    background-color: var(--secondary)
}

.poweredby__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 1em
}

.poweredby__column {
    display: flex
}

.poweredby__dots {
    margin-left: 1rem
}

.poweredby__dev,.poweredby__dots {
    display: flex;
    align-items: center
}

.poweredby__dev svg {
    display: block;
    margin-left: 10px;
    fill: var(--secondary-darken)
}

@media (min-width: 540px) {
    .poweredby__grid {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 992px) {
    .poweredby__grid {
        grid-template-columns:1fr 1fr 1fr;
        grid-column-gap: 3em
    }
}

.preloader-one,.price-one {
    background-color: var(--background)
}

.preloader-one {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.price-one {
    max-width: 680px;
    padding: 1.5rem;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid
}

.price-one--main {
    border-color: var(--secondary-dark)
}

.price-one--alter,.price-one--semitone {
    border-color: var(--secondary)
}

.price-one__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    margin-bottom: 20px
}

.price-one__icon img {
    display: block;
    width: 100%;
    height: auto;
    font-size: 0
}

.price-one__icon svg {
    display: block;
    width: 50px;
    height: 50px
}

.price-one__icon--large {
    width: 100px
}

.price-one__icon--large svg {
    width: 90px;
    height: 90px
}

.price-one__icon--left {
    margin-right: auto
}

.price-one__icon--center {
    margin-right: auto;
    margin-left: auto
}

.price-one__icon--right {
    margin-left: auto
}

.price-one__title {
    margin-bottom: 20px
}

.price-one__price-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.price-one__price-wrapper--left {
    justify-content: flex-start
}

.price-one__price-wrapper--center {
    justify-content: center
}

.price-one__price-wrapper--right {
    justify-content: flex-end
}

.price-one__price {
    position: relative;
    display: inline-block;
    padding: 6px 18px 6px 28px;
    border-radius: 22px;
    background-color: var(--primary);
    color: var(--text-inverse)
}

.price-one__price::before {
    content: '';
    position: absolute;
    display: block;
    left: 10px;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--background)
}

.price-one__description--left,.price-one__text--left,.price-one__title--left {
    text-align: left
}

.price-one__description--center,.price-one__text--center,.price-one__title--center {
    text-align: center
}

.price-one__description--right,.price-one__text--right,.price-one__title--right {
    text-align: right
}

.price-one__description {
    font-size: .95em;
    color: var(--text-soft)
}

.price-one__description,.price-one__text {
    margin-bottom: 20px;
    line-height: 1.6em
}

@media (min-width: 1200px) {
    .price-one.is-scaled {
        transform:scale(1.03)
    }
}

.product-features__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: .5px dashed var(--secondary-darken);
    font-size: .9em;
    line-height: 1.6em
}

.product-features__code,.product-features__value {
    display: inline-block;
    align-self: flex-end;
    margin-bottom: -4px;
    background-color: var(--background)
}

.product-one {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    width: 100%;
    max-width: 400px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--background);
    transition: .5s cubic-bezier(.23,1,.32,1)
}

.product-one--alter,.product-one--main,.product-one--semitone {
    border-color: var(--secondary)
}

.product-one.is-rounded,.product-one.is-rounded .product-one__image {
    border-radius: 22px
}

.product-one:hover {
    border-color: transparent
}

.product-one__image {
    position: relative;
    display: block;
    border-radius: 4px;
    background-color: var(--background);
    overflow: hidden;
    z-index: 1
}

.product-one__image.use-margin {
    padding: 1rem 1rem 0;
    box-sizing: border-box
}

.product-one__image.is-uncropped {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 268px
}

.product-one__image:focus {
    outline: 0
}

.product-one__image:hover .product-one__tab::before {
    opacity: 1
}

.product-one__image:hover .product-one__badge {
    opacity: 0;
    visibility: hidden
}

.product-one__img {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden
}

.product-one__img.is-uncropped {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.product-one__tabs {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 0 10px;
    z-index: 2
}

.product-one__content,.product-one__tab {
    display: flex;
    height: 100%;
    box-sizing: border-box
}

.product-one__tab {
    align-items: flex-end;
    width: 100%;
    padding: 10px 2px
}

.product-one__tab::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: var(--secondary-dark);
    opacity: 0;
    transition: opacity .3s ease
}

.product-one__tab.is-active::before {
    background-color: var(--primary)
}

.product-one__content {
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px;
    line-height: 1.4em
}

.product-one__badge {
    position: absolute;
    top: 1em;
    left: 1em;
    transition: .5s cubic-bezier(.23,1,.32,1)
}

.product-one__categories {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.product-one__category {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    text-decoration: none;
    font-size: .95em;
    line-height: 1.2em;
    white-space: nowrap
}

.product-one__name {
    margin-bottom: 20px;
    font-size: 1.1em;
    line-height: 1.6em;
    text-decoration: none;
    color: var(--text)
}

.product-one__stocks {
    margin-bottom: 10px
}

.product-one__desc {
    margin-bottom: 20px;
    font-size: .95em;
    line-height: 1.6em;
    color: var(--text-soft)
}

.product-one__features {
    margin-bottom: 10px;
    color: var(--text-soft)
}

.product-one__rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.product-one__rating-hint {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    text-decoration: none;
    color: var(--text-soft);
    font-size: .95em;
    transition: color .3s ease
}

.product-one__rating-hint svg {
    margin-right: 5px;
    fill: var(--secondary-dark)
}

.product-one__rating-hint:focus {
    outline: 0
}

.product-one__rating-hint:hover {
    color: var(--primary)
}

.product-one__gap {
    display: block;
    margin-bottom: 30px
}

.product-one__price {
    margin-top: auto
}

.product-price-one--medium .product-price-one__price {
    font-size: 1.3em
}

.product-price-one--medium .product-price-one__wrapper {
    margin-bottom: 3px
}

.product-price-one--big .product-price-one__price {
    font-size: 1.7em
}

.product-price-one--big .product-price-one__wrapper {
    margin-bottom: 10px
}

.product-price-one__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-price-one__wrapper.is-hidden {
    display: none
}

.product-price-one__compare {
    position: relative;
    margin-right: 10px;
    color: var(--text-soft);
    font-size: .9em
}

.product-price-one__compare::before {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ff6b42
}

.rating__wrapper {
    display: flex;
    grid-gap: 2px
}

.rating .icon-rating {
    display: block;
    width: 15px;
    height: 15px
}

.rating__icon--fill .icon-rating,.rating__icon--half .icon-rating__right {
    fill: #fad775
}

.rating__icon--empty .icon-rating,.rating__icon--half .icon-rating__left {
    fill: var(--secondary-dark)
}

.review-one {
    position: relative;
    height: 100%;
    padding: 1rem;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--background);
    box-sizing: border-box;
    font-size: .9em;
    line-height: 1.6em
}

.review-one--alter,.review-one--main,.review-one--semitone {
    border-color: var(--secondary)
}

.review-one.is-rounded {
    border-radius: 22px
}

.review-one__credentials {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 1rem;
    align-items: center;
    margin-bottom: 20px
}

.review-one__image-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden
}

.review-one__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.review-one__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 5px
}

.review-one__wrapper--rating {
    grid-template-columns: max-content 1fr;
    grid-gap: 1rem;
    align-items: center
}

.review-one__wrapper--rating .review-one__date {
    text-align: right
}

.review-one__date,.review-one__text {
    color: var(--text-soft)
}

.review-one__date {
    font-size: .9em
}

.review-one__name {
    font-weight: 700;
    margin-bottom: 5px
}

.settings-error {
    display: block;
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px
}

.settings-error__text {
    text-align: center;
    font-style: italic
}

.settings-error__shadow {
    opacity: .3;
    fill: var(--inverse)
}

.settings-error__inner--main,.settings-error__outer--main {
    fill: var(--secondary-dark);
    filter: brightness(1.03)
}

.settings-error__inner--alter,.settings-error__outer--alter {
    fill: var(--secondary-darken);
    filter: brightness(1.07)
}

.ya-share2,.ya-share2 * {
    line-height: normal;
    font-family: inherit
}

.ya-share2 {
    position: relative;
    z-index: 1
}

.ya-share2 :link:hover,.ya-share2 :visited:hover {
    color: var(--text)
}

.ya-share2 input {
    color: inherit;
    font: inherit;
    margin: 0;
    line-height: normal
}

.ya-share2__container_size_m {
    font-size: .95em
}

.ya-share2__list_direction_vertical>.ya-share2__item {
    display: block;
    margin-right: 0
}

.ya-share2__list {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.ya-share2__item {
    margin: 5px 6px 5px 0;
    font-family: inherit,sans-serif;
    display: inline-block
}

.ya-share2__badge,.ya-share2__icon {
    display: inline-block;
    vertical-align: top
}

.ya-share2__icon {
    height: 26px;
    width: 26px;
    background-size: 26px
}

.ya-share2__badge {
    border-radius: 3px;
    color: var(--background);
    overflow: hidden;
    position: relative
}

.ya-share2__badge+.ya-share2__title {
    margin-left: 10px
}

.ya-share2__item_more {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    margin: 0;
    padding: 4px 16px 4px 8px;
    box-sizing: border-box;
    border-radius: 22px;
    border: 1px solid var(--secondary);
    background-color: var(--secondary-light);
    transition: all .2s cubic-bezier(.25,.46,.45,.94)
}

.ya-share2__item_more:hover {
    border-color: var(--secondary-dark)
}

.ya-share2__icon_more {
    box-sizing: border-box;
    position: relative;
    height: 24px;
    width: 24px;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6.914V2.586L6.293 7.293l-3.774 3.774 3.841 3.201L11 18.135V13.9c8.146-.614 11 4.1 11 4.1 0-2.937-.242-5.985-2.551-8.293C16.765 7.022 12.878 6.832 11 6.914z' fill='%231d1f25'/%3E%3C/svg%3E")
}

.ya-share2__link {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap
}

.ya-share2__link:focus {
    outline: 0
}

.ya-share2__title {
    display: inline-block;
    color: var(--text);
    vertical-align: bottom;
    line-height: 24px
}

.ya-share2__popup {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    display: block;
    min-width: 170px;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid var(--secondary-dark);
    background-color: var(--background);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    will-change: top,opacity;
    z-index: 80
}

.ya-share2__popup_visible {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    top: calc(100% + 10px)
}

.ya-share2__item_service_twitter .ya-share2__badge {
    background-color: #00aced
}

.ya-share2__item_service_twitter .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzIDguNzNhNy4zOCA3LjM4IDAgMCAxLTIuMTIuNTgzIDMuNzA2IDMuNzA2IDAgMCAwIDEuNjIzLTIuMDQzIDcuMzk3IDcuMzk3IDAgMCAxLTIuMzQ2Ljg5NiAzLjY5MyAzLjY5MyAwIDAgMC02LjI5MyAzLjM2OCAxMC40ODUgMTAuNDg1IDAgMCAxLTcuNjEtMy44NThjLS4zMi41NDUtLjUgMS4xOC0uNSAxLjg1NiAwIDEuMjguNjUgMi40MSAxLjY0MiAzLjA3M2EzLjY4MyAzLjY4MyAwIDAgMS0xLjY3My0uNDYydi4wNDdjMCAxLjc4OCAxLjI3MyAzLjI4IDIuOTYyIDMuNjJhMy43MTggMy43MTggMCAwIDEtMS42NjcuMDYzIDMuNjk3IDMuNjk3IDAgMCAwIDMuNDUgMi41NjRBNy40MSA3LjQxIDAgMCAxIDUgMTkuOTY3YTEwLjQ1MyAxMC40NTMgMCAwIDAgNS42NiAxLjY1OGM2Ljc5NCAwIDEwLjUwOC01LjYyNiAxMC41MDgtMTAuNTA1IDAtLjE2LS4wMDMtLjMyLS4wMS0uNDc4QTcuNTA3IDcuNTA3IDAgMCAwIDIzIDguNzMyeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==)
}

.ya-share2__item_service_vkontakte .ya-share2__badge {
    background-color: #48729e
}

.ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0Ljg4MyAxOS4zOTZzLjMyNS0uMDM2LjQ5LS4yMThjLjE1NC0uMTY3LjE1LS40OC4xNS0uNDhzLS4wMjMtMS40NjguNjQ4LTEuNjg0Yy42Ni0uMjEzIDEuNTEgMS40MTggMi40MDggMi4wNDYuNjguNDc0IDEuMTk3LjM3IDEuMTk3LjM3bDIuNDA0LS4wMzRzMS4yNTYtLjA4LjY2LTEuMDg0Yy0uMDUtLjA4Mi0uMzQ4LS43NDMtMS43ODgtMi4xMDItMS41MDctMS40MjMtMS4zMDUtMS4xOTIuNTEtMy42NTMgMS4xMDYtMS40OTggMS41NDgtMi40MTIgMS40MS0yLjgwNC0uMTMyLS4zNzMtLjk0NS0uMjc1LS45NDUtLjI3NWwtMi43MDYuMDE3cy0uMi0uMDI4LS4zNS4wNjNjLS4xNDQuMDg4LS4yMzguMjk1LS4yMzguMjk1cy0uNDI4IDEuMTYtMSAyLjE0NmMtMS4yMDQgMi4wOC0xLjY4NiAyLjE5LTEuODgzIDIuMDYtLjQ2LS4zLS4zNDUtMS4yMS0uMzQ1LTEuODU1IDAtMi4wMTcuMy0yLjg1Ny0uNTg2LTMuMDc1LS4yOTUtLjA3Mi0uNTEyLS4xMi0xLjI2NC0uMTI4LS45NjYtLjAxLTEuNzgzLjAwMy0yLjI0Ni4yMzQtLjMwOC4xNTMtLjU0Ni40OTUtLjQuNTE0LjE3OC4wMjUuNTgzLjExLjc5OC40MS4yNzcuMzgyLjI2OCAxLjI0NC4yNjggMS4yNDRzLjE2IDIuMzczLS4zNzMgMi42NjhjLS4zNjUuMjAyLS44NjUtLjIxLTEuOTQtMi4wOTgtLjU1LS45NjctLjk2Ni0yLjAzNi0uOTY2LTIuMDM2cy0uMDgtLjItLjIyMy0uMzA2Yy0uMTczLS4xMy0uNDE2LS4xNy0uNDE2LS4xN2wtMi41Ny4wMTZzLS4zODguMDEtLjUzLjE4MmMtLjEyNS4xNTItLjAxLjQ2Ni0uMDEuNDY2czIuMDE0IDQuNzkgNC4yOTQgNy4yMDJjMi4wOSAyLjIxNCA0LjQ2NSAyLjA2OCA0LjQ2NSAyLjA2OGgxLjA3NnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=)
}

.ya-share2__item_service_facebook .ya-share2__badge {
    background-color: #3c5a98
}

.ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMjN2LTguMjFoMi43NzNsLjQxNS0zLjJIMTUuMVY5LjU0N2MwLS45MjcuMjYtMS41NTggMS41OTYtMS41NThsMS43MDQtLjAwMlY1LjEyNkEyMi43ODcgMjIuNzg3IDAgMCAwIDE1LjkxNyA1QzEzLjQ2IDUgMTEuNzggNi40OTIgMTEuNzggOS4yM3YyLjM2SDl2My4yaDIuNzhWMjNoMy4zMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=)
}

.ya-share2__item_service_linkedin .ya-share2__badge {
    background-color: #0083be
}

.ya-share2__item_service_linkedin .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNS4yNzYgMTAuNTczaDMuODM3VjIyLjE0SDUuMjc2ek03LjIxOCA1LjAyYy0xLjMxMyAwLTIuMTcuODY2LTIuMTcgMiAwIDEuMTEuODMgMS45OTggMi4xMiAxLjk5OGguMDI0YzEuMzM3IDAgMi4xNy0uODkgMi4xNy0xLjk5OC0uMDI1LTEuMTM0LS44MzMtMi0yLjE0NC0yek0xOC41MjUgMTAuMzI2Yy0yLjAzNSAwLTIuOTQ2IDEuMTIyLTMuNDU3IDEuOTF2LTEuNjM4aC0zLjgzNWMuMDUgMS4wODUgMCAxMS41NjYgMCAxMS41NjZoMy44MzV2LTYuNDZjMC0uMzQ1LjAyNS0uNjkuMTI3LS45MzguMjc3LS42OS45MDgtMS40MDUgMS45NjgtMS40MDUgMS4zODcgMCAxLjk0MyAxLjA2MiAxLjk0MyAyLjYxNnY2LjE4OGgzLjgzNnYtNi42MzJjMC0zLjU1My0xLjg5My01LjIwNi00LjQxNy01LjIwNnoiLz48L2c+PC9zdmc+Cg==)
}

.ya-share2__item_service_moimir .ya-share2__badge {
    background-color: #4776a6
}

.ya-share2__item_service_moimir .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMTFhMS41IDEuNSAwIDEgMCAwLTMgMS41IDEuNSAwIDAgMCAwIDN6bTcgMGExLjUgMS41IDAgMSAwIDAtMyAxLjUgMS41IDAgMCAwIDAgM3ptNS4zNjcgNi44NzJsLTIuMDI4LTMuNDA3YS45ODguOTg4IDAgMCAwLTEuMzM4LS4zNDUuOTUuOTUgMCAwIDAtLjM1IDEuMzEybC4yNC40MDVhNy41NDggNy41NDggMCAwIDEtNS4zOTUgMi4yNDUgNy41NSA3LjU1IDAgMCAxLTUuMzktMi4yNGwuMjQyLS40MWEuOTUuOTUgMCAwIDAtLjM1Mi0xLjMxMi45ODguOTg4IDAgMCAwLTEuMzM4LjM0NWwtMi4wMjcgMy40MDdhLjk1Ljk1IDAgMCAwIC4zNTIgMS4zMTIuOTkuOTkgMCAwIDAgMS4zMzctLjM0NWwuNzctMS4yOTJBOS41MjQgOS41MjQgMCAwIDAgMTMuOTk2IDIwYTkuNTIgOS41MiAwIDAgMCA2LjQxLTIuNDU2bC43NyAxLjI5NWEuOTkuOTkgMCAwIDAgMS4zMzcuMzQ1Ljk1Ljk1IDAgMCAwIC4zNTMtMS4zMTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K)
}

.ya-share2__item_service_odnoklassniki .ya-share2__badge {
    background-color: #ff9f4d
}

.ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuNTYzIDE0LjEyNmMyLjU3OCAwIDQuNjY4LTIuMDQgNC42NjgtNC41NTUgMC0yLjUxNS0yLjA5LTQuNTU1LTQuNjY3LTQuNTU1LTIuNTc4IDAtNC42NjcgMi4wNC00LjY2NyA0LjU1NiAwIDIuNTE3IDIuMDkgNC41NTYgNC42NjcgNC41NTZ6bTAtNi43OTZjMS4yNjggMCAyLjI5NyAxLjAwMyAyLjI5NyAyLjI0IDAgMS4yNC0xLjAzIDIuMjQyLTIuMjk3IDIuMjQyLTEuMjY4IDAtMi4yOTYtMS4wMDMtMi4yOTYtMi4yNCAwLTEuMjQgMS4wMjgtMi4yNDIgMi4yOTYtMi4yNDJ6Ii8+PHBhdGggZD0iTTE2Ljk4IDE0LjQ4MmMtMS4zMSAxLjAwOC0zLjQxNyAxLjAwOC0zLjQxNyAxLjAwOHMtMi4xMDYgMC0zLjQxNy0xLjAwOGMtLjk3LS43NDYtMS43LS4zMTctMS45NjMuMi0uNDYuOS4wNiAxLjMzNiAxLjIzIDIuMDcgMS4wMDIuNjI3IDIuMzc2Ljg2MiAzLjI2NC45NWwtLjc0LjcyMmMtMS4wNDUgMS4wMi0yLjA1MiAyLjAwMi0yLjc1IDIuNjg1YTEuMDI3IDEuMDI3IDAgMCAwIDAgMS40NzZsLjEyNS4xMjNhMS4wOSAxLjA5IDAgMCAwIDEuNTEzIDBsMi43NS0yLjY4NSAyLjc1IDIuNjg0YTEuMDkgMS4wOSAwIDAgMCAxLjUxNSAwbC4xMjYtLjEyNGExLjAyNyAxLjAyNyAwIDAgMCAwLTEuNDc3bC0yLjc1LTIuNjg2LS43NDQtLjcyNWMuODg4LS4wOSAyLjI0OC0uMzI2IDMuMjQtLjk0OCAxLjE3Mi0uNzM0IDEuNjktMS4xNyAxLjIzLTIuMDctLjI2Mi0uNTE3LS45OTItLjk0Ni0xLjk2Mi0uMnoiLz48L2c+PC9zdmc+Cg==)
}

.ya-share2__item_service_reddit .ya-share2__badge {
    background-color: #ff4500
}

.ya-share2__item_service_reddit .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZD0iTTIwLjM2NiAxMS40MTJjLTEuNTMtLjg4Mi0zLjQ1NC0xLjQzLTUuNTczLTEuNTVMMTUuOTEgNi41NWwzLjAyMy44ODJhMi40MSAyLjQxIDAgMCAwIDIuNDE0IDIuNDFjMS4zMzQgMCAyLjQzMy0xLjA3NyAyLjQzMy0yLjQxQzIzLjc4IDYuMDc4IDIyLjY4IDUgMjEuMzQ3IDVjLS44NDQgMC0xLjU5LjQ1LTIuMDIgMS4wOThsLTMuNjctMS4wNThhLjY2OC42NjggMCAwIDAtLjg0NS40M2wtMS40NyA0LjM5M2MtMi4xLjExOC00LjAyNC42NjctNS41NTQgMS41NWEyLjc1MiAyLjc1MiAwIDAgMC0yLjAyLS44NjRBMi43NjIgMi43NjIgMCAwIDAgMyAxMy4zMTNjMCAxLjA0LjU5IDEuOTQgMS40MzIgMi40MS0uMDQuMjM3LS4wNTguNDcyLS4wNTguNzA3IDAgMy42MyA0LjM1NiA2LjU3IDkuNzEzIDYuNTcgNS4zMzcgMCA5LjY5My0yLjk0IDkuNjkzLTYuNTcgMC0uMjM0LS4wMi0uNDctLjA2LS43MDVhMi43MzMgMi43MzMgMCAwIDAgMS40MzQtMi40MSAyLjc2MyAyLjc2MyAwIDAgMC0yLjc2Ny0yLjc2NmMtLjgwNSAwLTEuNTEuMzMzLTIuMDIuODYyek0xMC42MTQgMTRjLjc2NSAwIDEuMzkyLjYyOCAxLjM5MiAxLjM5MmExLjM4IDEuMzggMCAwIDEtMS4zOTIgMS4zNzMgMS4zNjUgMS4zNjUgMCAwIDEtMS4zNzQtMS4zNzNBMS4zOCAxLjM4IDAgMCAxIDEwLjYxNCAxNHptNi45MjYgMGExLjM4IDEuMzggMCAwIDAtMS4zNzQgMS4zOTJjMCAuNzY1LjYxIDEuMzczIDEuMzc0IDEuMzczLjc2NSAwIDEuMzkzLS42MDggMS4zOTMtMS4zNzMgMC0uNzY0LS42MjgtMS4zOTItMS4zOTMtMS4zOTJ6bS03LjM0IDQuOThhLjY3LjY3IDAgMCAxLS4xMTYtLjk2Yy4yMTYtLjMxNC42NjctLjM1My45Ni0uMTE4Ljc4Ni42MDggMi4wNDIuOTQyIDMuMDQzLjk0Mi45OCAwIDIuMjM3LS4zMzQgMy4wNC0uOTQyYS42Ny42NyAwIDAgMSAuOTYzLjExNy42ODcuNjg3IDAgMCAxLS4xMTguOTZjLTEuMDIuODA1LTIuNjEgMS4yNTYtMy44ODUgMS4yNTYtMS4yOTUgMC0yLjg2NS0uNDUtMy44ODYtMS4yNTV6TTIxLjM0OCA4LjQ3Yy0uNTcgMC0xLjA0LS40Ny0xLjA0LTEuMDQgMC0uNTg3LjQ3LTEuMDM4IDEuMDQtMS4wMzguNTcgMCAxLjA0LjQ1IDEuMDQgMS4wNCAwIC41NjgtLjQ3IDEuMDQtMS4wNCAxLjA0eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==)
}

.ya-share2__item_service_telegram .ya-share2__badge {
    background-color: #64a9dc
}

.ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkyIDYuMDg5TDQuNzQ3IDExLjU1NWMtLjk2Ny4zODgtLjk2Mi45MjgtLjE3NiAxLjE2OGwzLjUzNCAxLjEwNCAxLjM1MyA0LjE0NmMuMTY0LjQ1NC4wODMuNjM0LjU2LjYzNC4zNjggMCAuNTMtLjE2OC43MzYtLjM2OC4xMy0uMTI3LjkwMy0uODggMS43NjctMS43MTlsMy42NzcgMi43MTdjLjY3Ni4zNzMgMS4xNjUuMTggMS4zMzMtLjYyOGwyLjQxNC0xMS4zNzRjLjI0Ny0uOTktLjM3OC0xLjQ0LTEuMDI1LTEuMTQ2ek04LjY2IDEzLjU3M2w3Ljk2Ny01LjAyNmMuMzk4LS4yNDIuNzYzLS4xMTIuNDYzLjE1NGwtNi44MjIgNi4xNTUtLjI2NSAyLjgzMy0xLjM0My00LjExNnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.ya-share2__item_service_viber .ya-share2__badge {
    background-color: #7b519d
}

.ya-share2__item_service_viber .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjEuMjM4IDE4LjAyYy0uNTQ1LS40NC0xLjEyNy0uODM1LTEuNy0xLjI0LTEuMTQyLS44MDYtMi4xODgtLjg3LTMuMDQuNDMtLjQ4LjcyOC0xLjE1Ljc2LTEuODUuNDQtMS45MzMtLjg4LTMuNDI1LTIuMjM4LTQuMy00LjIxMi0uMzg2LS44NzMtLjM4LTEuNjU2LjUyNC0yLjI3NC40OC0uMzI3Ljk2Mi0uNzEzLjkyMy0xLjQyNy0uMDUtLjkzLTIuMy00LjA0Mi0zLjE4Ni00LjM3YTEuNjA3IDEuNjA3IDAgMCAwLTEuMTEgMEM1LjQyIDYuMDcgNC41NTggNy43OSA1LjM4NCA5LjgyOGMyLjQ2NCA2LjA4IDYuOCAxMC4zMSAxMi43NjggMTIuODk0LjM0LjE0OC43Mi4yMDYuOTEuMjYgMS4zNi4wMTMgMi45NS0xLjMwMyAzLjQxLTIuNjEuNDQzLTEuMjU1LS40OTItMS43NTQtMS4yMzItMi4zNTN6TTE0LjU0NiA1Ljk5YzQuMzYzLjY3NSA2LjM3NiAyLjc2IDYuOTMgNy4xNzguMDUzLjQwOC0uMDk4IDEuMDIyLjQ4IDEuMDMzLjYwNi4wMTMuNDYtLjU5Mi40NjUtMSAuMDUyLTQuMTYtMy41NTYtOC4wMTgtNy43NDgtOC4xNi0uMzE2LjA0Ni0uOTctLjIyLTEuMDEuNDkzLS4wMjguNDguNTIzLjQwMi44ODQuNDU3eiIvPjxwYXRoIGQ9Ik0xNS40IDcuMjAyYy0uNDItLjA1LS45NzQtLjI1LTEuMDcyLjMzNS0uMTAzLjYxNS41MTUuNTUyLjkxMi42NDIgMi42OTUuNjA0IDMuNjMzIDEuNTkgNC4wNzcgNC4yNzcuMDY0LjM5Mi0uMDY0IDEgLjU5OC45LjQ5LS4wNzUuMzEzLS41OTcuMzU1LS45MDMuMDItMi41OC0yLjE3OC00LjkyNy00Ljg3LTUuMjUyeiIvPjxwYXRoIGQ9Ik0xNS42NDcgOS4zMWMtLjI4LjAwOC0uNTU1LjA0LS42NTguMzQtLjE1Ni40NS4xNy41NTYuNS42MSAxLjEwNi4xNzggMS42ODguODM0IDEuOCAxLjk0Mi4wMjguMy4yMTguNTQ0LjUwNy41MS40LS4wNDguNDM3LS40MDcuNDI1LS43NDcuMDItMS4yNDUtMS4zOC0yLjY4NC0yLjU3NS0yLjY1NHoiLz48L2c+PC9zdmc+Cg==)
}

.ya-share2__item_service_whatsapp .ya-share2__badge {
    background-color: #65bc54
}

.ya-share2__item_service_whatsapp .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzIDEzLjc2OGMwIDQuODQzLTMuOTU2IDguNzY4LTguODM2IDguNzY4YTguODUzIDguODUzIDAgMCAxLTQuMjcyLTEuMDlMNSAyM2wxLjU5NS00LjcwNGE4LjY3OCA4LjY3OCAwIDAgMS0xLjI2OC00LjUyOEM1LjMyNyA4LjkyNiA5LjI4MyA1IDE0LjE2NCA1IDE5LjA0NCA1IDIzIDguOTI2IDIzIDEzLjc2OHptLTguODM2LTcuMzcyYy00LjA5NyAwLTcuNDMgMy4zMDgtNy40MyA3LjM3MiAwIDEuNjEzLjUyNiAzLjEwNyAxLjQxNSA0LjMyMmwtLjkzIDIuNzM4IDIuODU2LS45MDhhNy40MjUgNy40MjUgMCAwIDAgNC4wODggMS4yMmM0LjA5NiAwIDcuNDMtMy4zMDcgNy40My03LjM3MiAwLTQuMDY0LTMuMzM0LTcuMzcyLTcuNDMtNy4zNzJ6bTQuNDYyIDkuMzljLS4wNTUtLjA4OC0uMi0uMTQyLS40MTUtLjI1LS4yMTYtLjEwNy0xLjI4Mi0uNjI3LTEuNDgtLjY5OC0uMi0uMDcyLS4zNDMtLjEwOC0uNDg3LjEwNy0uMTQ1LjIxNi0uNTYuNy0uNjg2Ljg0Mi0uMTI3LjE0NC0uMjUzLjE2Mi0uNDcuMDU0LS4yMTYtLjEwNi0uOTE0LS4zMzMtMS43NC0xLjA2NS0uNjQ1LS41Ny0xLjA4LTEuMjczLTEuMjA2LTEuNDg4LS4xMjYtLjIxNS0uMDEzLS4zMzIuMDk2LS40NC4wOTctLjA5NS4yMTYtLjI1LjMyNS0uMzc1LjExLS4xMjYuMTQ1LS4yMTUuMjE3LS4zNi4wNzMtLjE0Mi4wMzYtLjI2Ny0uMDE4LS4zNzUtLjA1NS0uMTA4LS40ODgtMS4xNjUtLjY3LTEuNTk1LS4xOC0uNDMtLjM2LS4zNi0uNDg2LS4zNi0uMTI3IDAtLjI3LS4wMTctLjQxNS0uMDE3YS44LjggMCAwIDAtLjU4LjI3Yy0uMTk3LjIxNC0uNzU3LjczNC0uNzU3IDEuNzkgMCAxLjA2Ljc3NiAyLjA4Ljg4NCAyLjIyNC4xMS4xNDIgMS40OTggMi4zODMgMy43IDMuMjQ0IDIuMjAzLjg2IDIuMjAzLjU3MyAyLjYuNTM3LjM5Ny0uMDM1IDEuMjgtLjUyIDEuNDYyLTEuMDIuMTgtLjUwMi4xOC0uOTMzLjEyNi0xLjAyM3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=)
}

.ya-share2__item_copy .ya-share2__badge {
    background-color: rgba(0,0,0,.03)
}

.ya-share2__item_copy .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a1 1 0 001 1h7.5a.5.5 0 01.5.5v7.497a1 1 0 002 0V3.5A2.5 2.5 0 0012.5 1H5a1 1 0 00-1 1zM2.5 4h8A1.5 1.5 0 0112 5.5v8a1.5 1.5 0 01-1.5 1.5h-8A1.5 1.5 0 011 13.5v-8A1.5 1.5 0 012.5 4zM3 6v7h7V6H3z' fill='%23999'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat
}

.ya-share2__item_copy .ya-share2__input_copy {
    display: none
}

.sidebar-apps__title {
    line-height: 1.6em;
    margin-bottom: 10px
}

.sidebar-apps__list {
    line-height: 1.6em
}

.sidebar-apps__link {
    display: grid;
    align-items: center;
    margin-bottom: 10px;
    text-decoration: none;
    color: var(--text)
}

.sidebar-apps__link:hover .sidebar-apps__icon {
    border-color: var(--secondary-darken)
}

.sidebar-apps__link.use-icon {
    grid-template-columns: auto 1fr;
    grid-gap: 1rem
}

.sidebar-apps__icon {
    position: relative;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid var(--secondary-dark);
    width: 18px;
    height: 18px
}

.sidebar-apps__icon::after {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--secondary-darken)
}

.sidebar-apps__navigation-list {
    margin-bottom: 10px;
    margin-left: 14px;
    padding-left: calc(14px + 1rem);
    border-left: 1px solid var(--secondary)
}

.sidebar-apps__navigation-item:not(:last-of-type) {
    margin-bottom: 10px
}

.sidebar-apps__link-wrapper {
    display: flex
}

.sidebar-apps__navigation-link {
    color: var(--text);
    text-decoration: none
}

.sidebar-apps__toggle {
    display: block;
    padding: 0;
    margin-top: 3px;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.sidebar-apps__toggle.is-opened svg {
    transform: rotate(90deg)
}

.sidebar-apps__toggle svg {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    fill: var(--secondary-darker)
}

.sidebar-apps__sublist {
    display: none;
    margin-top: 10px;
    margin-left: 20px
}

.sidebar-apps__sublist.is-opened {
    display: block
}

.sidebar-apps__subitem:not(:last-of-type),.slide-one__text p:not(:last-of-type) {
    margin-bottom: 10px
}

.sidebar-apps__sublink {
    color: var(--text);
    text-decoration: none
}

.sidebar-banner {
    display: block
}

.sidebar-banner__wrapper {
    display: flex;
    align-items: center;
    overflow: hidden
}

.sidebar-banner__image {
    display: block;
    max-width: 100%;
    border-radius: 4px
}

.sidebar-contacts {
    margin-top: 1rem
}

.sidebar-contacts__title {
    margin-bottom: 10px
}

.sidebar-contacts__item:not(:last-of-type) {
    padding-bottom: 1rem
}

.sidebar-contacts__text {
    font-size: .95em;
    line-height: 1.6em
}

.sidebar-cta {
    padding: 1.5rem 1rem;
    line-height: 1.6em
}

.sidebar-cta.is-rounded,.slide-one__navigation-item.is-rounded {
    border-radius: 22px
}

.sidebar-cta__title {
    text-align: center;
    font-weight: 700
}

.sidebar-cta__text {
    margin-bottom: 10px;
    text-align: center;
    font-size: .95em
}

.sidebar-social__text {
    line-height: 1.6em;
    margin-bottom: 10px
}

.sidebar-social__wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.sidebar {
    display: grid;
    grid-template-columns: 1fr;
    flex-direction: column;
    grid-gap: 30px;
    max-width: 450px
}

.slide-one {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.slide-one__grid {
    grid-template-rows: 1fr auto;
    grid-gap: 2rem;
    box-sizing: border-box;
    align-items: center;
    min-height: calc(100vh - 70px)
}

.slide-one__animate {
    will-change: transform,opacity
}

.slide-one__block {
    max-width: 800px
}

.slide-one__block--left {
    margin-right: auto
}

.slide-one__block--center {
    margin-right: auto;
    margin-left: auto
}

.slide-one__block--right {
    margin-left: auto
}

.slide-one__bold {
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 700;
    word-break: break-word;
    margin-bottom: 20px
}

.slide-one__bold--left {
    text-align: left
}

.slide-one__bold--center {
    text-align: center
}

.slide-one__bold--right {
    text-align: right
}

.slide-one__text {
    line-height: 1.6em;
    margin-bottom: 20px
}

.slide-one__text--left {
    text-align: left
}

.slide-one__text--center {
    text-align: center
}

.slide-one__text--right {
    text-align: right
}

.slide-one__navigation {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr
}

.slide-one__timeline {
    position: relative;
    display: block;
    width: 100%;
    height: 5px;
    background-color: rgba(255,255,255,.4)
}

.slide-one__timeline.is-autoplay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 5px;
    background-color: #fff
}

.slide-one__navigation-item {
    padding: 1rem;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s ease-out
}

.slide-one__navigation-item:hover {
    background-color: rgba(255,255,255,.15)
}

.slide-one__navigation-text {
    display: none
}

.slide-one.is-visible .slide-one__animate {
    animation: fade-in-top-mobile 1s cubic-bezier(.23,1,.32,1) backwards
}

.slide-one.is-visible .slide-one__animate:nth-of-type(2) {
    animation-delay: .2s
}

.slide-one.is-visible .slide-one__animate:nth-of-type(3) {
    animation-delay: .4s
}

.slide-one.is-visible .slide-one__animate:nth-of-type(4) {
    animation-delay: .6s
}

.slide-one.is-visible .slide-one__animate:nth-of-type(5) {
    animation-delay: .8s
}

.slide-one.is-visible .slide-one__animate:nth-of-type(6) {
    animation-delay: 1s
}

@media (min-width: 768px) {
    .slide-one__grid {
        height:calc(100vh - 74px);
        min-height: unset;
        max-height: 860px
    }

    .slide-one__grid--halfscreen {
        min-height: 700px
    }

    .slide-one__bold {
        font-size: 52px
    }

    .slide-one__navigation {
        grid-gap: 2rem
    }
}

@media (min-width: 992px) {
    .slide-one__navigation-text {
        display:block;
        font-size: .95em;
        line-height: 1.4em
    }

    .slide-one__timeline {
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .slide-one__bold {
        font-size:64px
    }

    .slide-one__navigation {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.social-one {
    display: flex;
    flex-wrap: wrap
}

.social-one__link {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 6px;
    border-radius: 50%;
    transition: .25s ease;
    will-change: transform,background-color;
    background-color: var(--text-soft)
}

.social-one__link:hover {
    transform: translateY(-2px);
    background-color: var(--primary)
}

.social-one__item:not(:last-of-type) {
    margin-right: 10px
}

.social-one svg {
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    fill: var(--text-inverse)
}

.social-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
}

.social-two__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 1rem;
    background-color: var(--secondary-light);
    border: 1px solid var(--secondary);
    border-radius: 22px;
    text-decoration: none;
    color: var(--text);
    font-size: .95em
}

.social-two__link:hover {
    border-color: var(--secondary-dark)
}

.stocks {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 5px;
    align-items: center
}

.stocks--preorder .stocks__text {
    color: var(--text-soft)
}

.stocks--preorder .stocks__icon {
    background-color: #fad775
}

.stocks--preorder .stocks__icon svg {
    fill: var(--text-soft)
}

.stocks--instock .stocks__text {
    color: #00b856
}

.stocks--instock .stocks__icon {
    background-color: #00b856
}

.stocks--instock .stocks__icon svg,.stocks--outofstock .stocks__icon svg,.stocks__icon svg {
    fill: var(--text-inverse)
}

.stocks--outofstock .stocks__text {
    color: var(--text-soft)
}

.stocks--outofstock .stocks__icon {
    background-color: #ff6b42
}

.stocks__text {
    font-size: .9em
}

.stocks__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%
}

.stocks__icon svg {
    width: 8px;
    height: 8px
}

.title {
    max-width: 800px;
    margin-bottom: 20px;
    line-height: 1.4em
}

.title--center,.title--left {
    margin-right: auto;
    text-align: left
}

.title--center {
    margin-left: auto;
    text-align: center
}

.title--right {
    margin-left: auto;
    text-align: right
}

.title--extra {
    font-size: 36px
}

.title--big {
    font-size: 30px
}

.title--medium {
    font-size: 24px
}

.title--small {
    font-size: 20px
}

.title--tiny {
    font-size: 16px
}

@media (min-width: 768px) {
    .title--extra {
        font-size:42px
    }

    .title--big {
        font-size: 32px
    }

    .title--medium {
        font-size: 26px
    }

    .title--small {
        font-size: 22px
    }

    .title--tiny {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .title--extra {
        font-size:46px
    }

    .title--big {
        font-size: 38px
    }

    .title--medium {
        font-size: 30px
    }

    .title--small {
        font-size: 26px
    }

    .title--tiny {
        font-size: 22px
    }
}

@media (min-width: 1300px) {
    .title--extra {
        font-size:52px
    }

    .title--big {
        font-size: 42px
    }

    .title--medium {
        font-size: 34px
    }

    .title--small {
        font-size: 28px
    }

    .title--tiny {
        font-size: 24px
    }
}

.tooltip-one {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding: 0 .6em;
    background-color: var(--text-soft);
    color: var(--text-inverse);
    border-radius: 4px;
    font-size: 13px;
    visibility: hidden;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    will-change: transform,opacity
}

.tooltip-one::before {
    position: absolute;
    display: block;
    content: "";
    border: 5px solid transparent
}

.tooltip-one--right {
    top: calc(50% - (30px/2));
    left: calc(100% + 10px);
    transform: translateX(10px)
}

.tooltip-one--right::before {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-right-color: var(--text-soft)
}

.tooltip-one--left {
    top: calc(50% - (30px/2));
    right: calc(100% + 10px);
    transform: translateX(-10px)
}

.tooltip-one--left::before {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-left-color: var(--text-soft)
}

.tooltip-one--top {
    bottom: calc(100% + 10px);
    left: calc(50% - (30px/2));
    transform: translateY(-10px)
}

.tooltip-one--top::before {
    left: 10px;
    top: 100%;
    border-top-color: var(--text-soft)
}

.tooltip-one--bottom {
    top: calc(100% + 10px);
    right: calc(50% - (30px/2));
    transform: translateY(10px)
}

.tooltip-one--bottom::before {
    right: 10px;
    bottom: 100%;
    border-bottom-color: var(--text-soft)
}

.welcome-image {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    width: 100%;
    max-width: 280px;
    height: auto
}

.welcome-image__text {
    fill: var(--background)
}

.welcome-image__shadow {
    fill: var(--secondary-dark)
}

@media (min-width: 480px) {
    .welcome-image {
        max-width:400px
    }
}

@media (min-width: 768px) {
    .welcome-image {
        max-width:500px
    }
}


/* knopka */

.mybuttonstyle1 {
    outline: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mybuttonstyle1 span.MytextB2 {
	position: relative;
	z-index: 3;
}
.mybuttonstyle1 span.shadow {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mybuttonstyle1:hover {
	/*background: #7dcbf7 !important;*/
}
.mybuttonstyle1:active {
	/*background: #7dcbf7 !important;*/
	position: relative;
	top: -1px;
	box-shadow: none;
}
.mybuttonstyle1:before{
	content:'';
	position:absolute;
	top:-50%;
	right:-50%;
	bottom:-50%;
	left:-50%;
	background:-webkit-gradient(linear,left top,left bottom,from(#e5ac8e),color-stop(50%,#fff),color-stop(50%,#e5ac8e));
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
	background:linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
	-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
	-ms-transform:rotate(60deg) translate(-5em,7.5em);
	transform:rotateZ(60deg) translate(-5em,7.5em);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-animation:sheen 3s infinite;
	animation:sheen 3s infinite
}
@keyframes
	sheen{
		0%,79%{
			opacity:0;filter:alpha(opacity=0);
			-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
			transform:rotateZ(60deg) translate(-5em,7.5em)
		}
		80%{
			opacity:1;
			filter:alpha(opacity=100);
			-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
			transform:rotateZ(60deg) translate(-5em,7.5em)
		}
		95%{
			opacity:1;
			filter:alpha(opacity=100);
			-webkit-transform:rotateZ(60deg) translate(1em,-11em);
			transform:rotateZ(60deg) translate(1em,-11em)
		}
		100%{
			opacity:0;
			filter:alpha(opacity=0);
			-webkit-transform:rotateZ(60deg) translate(1em,-9em);
			transform:rotateZ(60deg) translate(1em,-9em)
		}
	}


.calculator-button {
    position: fixed;
    right: 20px;
    bottom: 200px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 999999;
    background-color: #ff8400;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 183.5 183.5' style='enable-background:new 0 0 183.5 183.5;' xml:space='preserve'%3e%3cpath d='M145,183.5H38.5C17.271,183.5,0,166.229,0,145V38.5C0,17.271,17.271,0,38.5,0H145c21.229,0,38.5,17.271,38.5,38.5V145C183.5,166.229,166.229,183.5,145,183.5z M94.75,177.5H145c17.921,0,32.5-14.58,32.5-32.5V94.75H94.75V177.5z M6,94.75V145c0,17.92,14.579,32.5,32.5,32.5h50.25V94.75H6z M94.75,88.75h82.75V38.5C177.5,20.58,162.921,6,145,6H94.75V88.75z M6,88.75h82.75V6H38.5C20.579,6,6,20.58,6,38.5V88.75z M62.61,151.24c-0.768,0-1.535-0.293-2.121-0.878l-11.786-11.786l-11.785,11.786c-1.172,1.171-3.07,1.171-4.242,0c-1.172-1.171-1.172-3.071,0-4.242l11.785-11.786l-11.785-11.785c-1.172-1.171-1.172-3.071,0-4.242c1.172-1.172,3.07-1.171,4.242,0l11.785,11.786l11.786-11.786c1.172-1.171,3.07-1.171,4.242,0c1.172,1.171,1.172,3.071,0,4.242l-11.785,11.785l11.785,11.786c1.172,1.171,1.172,3.071,0,4.242C64.146,150.947,63.378,151.24,62.61,151.24z M137.64,151.24h-0.073c-1.657,0-3-1.343-3-3s1.343-3,3-3s3.037,1.343,3.037,3S139.297,151.24,137.64,151.24z M153.629,137.333h-32.052c-1.657,0-3-1.343-3-3s1.343-3,3-3h32.052c1.657,0,3,1.343,3,3S155.286,137.333,153.629,137.333z M137.671,123.427h-0.136c-1.657,0-3-1.343-3-3s1.343-3,3-3h0.136c1.657,0,3,1.343,3,3S139.328,123.427,137.671,123.427z M48.703,64.667c-1.657,0-3-1.343-3-3V48.333H32.37c-1.657,0-3-1.343-3-3s1.343-3,3-3h13.333V29c0-1.657,1.343-3,3-3s3,1.343,3,3v13.333h13.334c1.657,0,3,1.343,3,3s-1.343,3-3,3H51.703v13.333C51.703,63.323,50.36,64.667,48.703,64.667z M153.937,48.333H121.27c-1.657,0-3-1.343-3-3s1.343-3,3-3h32.667c1.657,0,3,1.343,3,3S155.594,48.333,153.937,48.333z'%3e%3c/path%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.calculator-button:before,
.calculator-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #ff8400;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.calculator-button:after{
    animation-delay: .5s;
}

.phone-button {
    position: fixed;
    right: 20px;
    bottom: 110px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 999999;
    background-color: #dc9a6a;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.phone-button:before,
.phone-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #dc9a6a;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.phone-button:after{
    animation-delay: .5s;
}

.whatsapp-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 999999;
    background-color: #25D366;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");    
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.whatsapp-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media (max-width: 512px) {
.calculator-button {
    position: fixed;
    right: 0;
    bottom: 160px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 999999;
    background-color: #ff8400;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 183.5 183.5' style='enable-background:new 0 0 183.5 183.5;' xml:space='preserve'%3e%3cpath d='M145,183.5H38.5C17.271,183.5,0,166.229,0,145V38.5C0,17.271,17.271,0,38.5,0H145c21.229,0,38.5,17.271,38.5,38.5V145C183.5,166.229,166.229,183.5,145,183.5z M94.75,177.5H145c17.921,0,32.5-14.58,32.5-32.5V94.75H94.75V177.5z M6,94.75V145c0,17.92,14.579,32.5,32.5,32.5h50.25V94.75H6z M94.75,88.75h82.75V38.5C177.5,20.58,162.921,6,145,6H94.75V88.75z M6,88.75h82.75V6H38.5C20.579,6,6,20.58,6,38.5V88.75z M62.61,151.24c-0.768,0-1.535-0.293-2.121-0.878l-11.786-11.786l-11.785,11.786c-1.172,1.171-3.07,1.171-4.242,0c-1.172-1.171-1.172-3.071,0-4.242l11.785-11.786l-11.785-11.785c-1.172-1.171-1.172-3.071,0-4.242c1.172-1.172,3.07-1.171,4.242,0l11.785,11.786l11.786-11.786c1.172-1.171,3.07-1.171,4.242,0c1.172,1.171,1.172,3.071,0,4.242l-11.785,11.785l11.785,11.786c1.172,1.171,1.172,3.071,0,4.242C64.146,150.947,63.378,151.24,62.61,151.24z M137.64,151.24h-0.073c-1.657,0-3-1.343-3-3s1.343-3,3-3s3.037,1.343,3.037,3S139.297,151.24,137.64,151.24z M153.629,137.333h-32.052c-1.657,0-3-1.343-3-3s1.343-3,3-3h32.052c1.657,0,3,1.343,3,3S155.286,137.333,153.629,137.333z M137.671,123.427h-0.136c-1.657,0-3-1.343-3-3s1.343-3,3-3h0.136c1.657,0,3,1.343,3,3S139.328,123.427,137.671,123.427z M48.703,64.667c-1.657,0-3-1.343-3-3V48.333H32.37c-1.657,0-3-1.343-3-3s1.343-3,3-3h13.333V29c0-1.657,1.343-3,3-3s3,1.343,3,3v13.333h13.334c1.657,0,3,1.343,3,3s-1.343,3-3,3H51.703v13.333C51.703,63.323,50.36,64.667,48.703,64.667z M153.937,48.333H121.27c-1.657,0-3-1.343-3-3s1.343-3,3-3h32.667c1.657,0,3,1.343,3,3S155.594,48.333,153.937,48.333z'%3e%3c/path%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.calculator-button:before,
.calculator-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #ff8400;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.calculator-button:after{
    animation-delay: .5s;
}

.phone-button {
    position: fixed;
    right: 0;
    bottom: 90px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 999999;
    background-color: #dc9a6a;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.phone-button:before,
.phone-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #dc9a6a;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.phone-button:after{
    animation-delay: .5s;
}

.whatsapp-button {
    position: fixed;
    right: 0;
    bottom: 20px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 999999;
    background-color: #25D366;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");    
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.whatsapp-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
}