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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.about-box::after,
.about-box::before,
.advan-item__head::before,
.arrow-link::before,
.avatars-item::before,
.avatars-item__img::before,
.btn-blue::after,
.btn-blue::before,
.btn-green::after,
.btn-green::before,
.down::before,
.footer::before,
.form__checkbox input[type=checkbox]+label::before,
.form__checkbox input[type=checkbox]:checked+label::after,
.game-item::after,
.game-item::before,
.home-slider-nav__item::before,
.how-item::before,
.linked::before,
.menu-inner__list>li.has-lvl2>a::before,
.rate-box::after,
.rate-box::before,
.rate-row .rate-item__top-img::before,
.review-info .rate-item__pay::before,
.section-line::before,
.select2-container--default .select2-selection--single .select2-selection__arrow::before,
.stext-info ul li::before,
.slider-nav__arrow::before,
.socials li a::before,
.who-box::after,
.who-box::before {
    content: "";
    position: absolute
}

.menu-inner__list>li.has-lvl2>a::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

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

@media (min-width:576px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 1150px
    }
}

@media (min-width:1023px) {
    .container {
        max-width: 1160px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

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

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

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

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

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

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

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

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

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

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1023px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

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

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

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

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

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

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1023px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1023px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

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

.hamburger:hover {
    opacity: .7
}

.hamburger.is-active:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
    background-color: #000
}

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

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

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

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

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

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

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -12px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    -webkit-transition-duration: 275ms;
    transition-duration: 275ms;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 6px;
    -webkit-transition: opacity 125ms 275ms ease;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 12px;
    -webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(135deg);
    transform: translate3d(0, 6px, 0) rotate(135deg);
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-270deg);
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 125ms 175ms ease-in;
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: 6px;
    right: 0;
    -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -44px;
    top: -44px;
    -webkit-transform: translate3d(44px, 44px, 0) rotate(45deg);
    transform: translate3d(44px, 44px, 0) rotate(45deg);
    -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -44px;
    top: -44px;
    -webkit-transform: translate3d(-44px, 44px, 0) rotate(-45deg);
    transform: translate3d(-44px, 44px, 0) rotate(-45deg);
    -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 75ms .12s ease, opacity 75ms ease;
    transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease, opacity 75ms .12s ease;
    transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

body,
html {
    height: 100%
}

p {
    margin-top: 0;
    margin-bottom: 15px
}

circle,
path {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

body {
    font-size: 16px;
    line-height: 1.61;
    min-width: 360px;
    position: relative;
    font-family: Inter, sans-serif;
    color: #fff;
    margin: 0;
    background: #110f1a
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

::placeholder {
    color: #666;
    opacity: 1
}

::-moz-selection {
    background: #fff !important;
    text-shadow: none
}

::selection {
    background: #fff !important;
    text-shadow: none
}

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

.image img {
    display: block;
    width: 100%
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

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

button,
input,
select,
textarea {
    outline: 0;
    border: none;
    margin: 0;
    padding: 0
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0
}

a {
    color: inherit;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
    outline: 0
}

img {
    max-width: 100%
}

button {
    cursor: pointer;
    background: 0 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

textarea {
    resize: none
}

body.hidden {
    overflow: hidden
}

.logo img,
.logo svg {
    display: block
}

.search {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5000;
    background: rgba(17, 15, 25, .8);
    -webkit-backdrop-filter: blur(16.5px);
    backdrop-filter: blur(16.5px);
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    padding-left: 285px
}

.search-top {
    position: relative;
    margin-bottom: 36px
}

.search-list {
    border-top: 1px solid #45414b
}

.search-list__empty {
    text-align: center;
    font-size: 34px;
    color: #868686;
    padding: 50px 0 15px
}

.search-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #45414b;
    padding: 20px 0
}

.search-list__row:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.search-list__row:hover .search-list__head {
    color: #40b5e8
}

.search-list__row:hover .search-list__img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.search-list__head {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 12px;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.search-list__price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25
}

.search-list__img {
    width: 123px;
    height: 83px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 10px
}

.search-list__img img {
    display: block;
    height: 100%;
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.search-toggler {
    cursor: pointer
}

.search-toggler:hover svg path {
    stroke: #40b5e8
}

.search-toggler svg {
    display: block
}

.search.open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.search .container {
    position: relative
}

.search-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.search-close:hover svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.search-close:hover svg path {
    stroke: #40b5e8
}

.search-close__text {
    color: #8b8b8b;
    font-weight: 500;
    margin-right: 12px
}

.search-close svg {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.search-item {
    position: relative;
    width: 100%;
    max-width: 684px;
    margin: 0 auto
}

.search-item button {
    position: absolute;
    right: 0;
    top: -5px
}

.search-item button:hover svg path {
    stroke: #40b5e8
}

.search-item button svg {
    display: block
}

.search-item input {
    display: block;
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 20px;
    color: #fff;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-appearance: none;
    border-radius: 0;
    padding-bottom: 21px;
    border-bottom: 2px solid #fff;
    background: 0 0
}

.search-item input:focus,
.search-item input:hover {
    border-bottom-color: #40b5e8
}

.search-item input::-webkit-input-placeholder {
    font-size: 20px;
    color: #868686;
    font-family: Inter, sans-serif
}

.search-item input::-moz-placeholder {
    font-size: 20px;
    color: #868686;
    font-family: Inter, sans-serif
}

.search-item input:-ms-input-placeholder {
    font-size: 20px;
    color: #868686;
    font-family: Inter, sans-serif
}

.search-item input::-ms-input-placeholder {
    font-size: 20px;
    color: #868686;
    font-family: Inter, sans-serif
}

.search-item input::placeholder {
    font-size: 20px;
    color: #868686;
    font-family: Inter, sans-serif
}

.lang {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 8px 6px;
    cursor: pointer;
    position: relative;
    padding-top: 10px;
    -webkit-transition: border-bottom .2s ease;
    transition: border-bottom .2s ease;
    margin-right: 30px
}

.lang:hover {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: transparent
}

.lang:hover .lang-toggler__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lang:hover .lang-toggler__text {
    color: #fff
}

.lang:hover .lang-dropdown {
    visibility: visible;
    opacity: 1
}

.lang-dropdown {
    position: absolute;
    width: calc(100% + 2px);
    top: 100%;
    left: -1px;
    border: 1px solid #fff;
    border-top: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease, visibility .2s ease;
    transition: opacity .2s ease, visibility .2s ease
}

.lang-dropdown__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 6px
}

.lang-dropdown__link:hover span {
    color: #fff
}

.lang-dropdown__link:last-child {
    padding-bottom: 10px
}

.lang-dropdown__link img {
    width: 26px;
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lang-dropdown__link span {
    font-size: 18px;
    color: #d3d3d3;
    font-weight: 500;
    line-height: 1;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.lang-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lang-toggler:hover .lang-toggler__text {
    color: #fff
}

.lang-toggler__img {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lang-toggler__img img {
    display: block;
    width: 26px
}

.lang-toggler__text {
    color: #d3d3d3;
    font-size: 18px;
    font-weight: 500;
    margin-right: 6px;
    line-height: 1;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.lang-toggler__arrow {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.lang-toggler__arrow svg {
    display: block
}

.header {
    padding: 30px 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    padding-left: 285px
}

.header .hamburger {
    display: none
}

.header--static {
    position: relative;
    padding: 31px 0 46px;
    padding-left: 0 !important
}

.header--static .main-nav {
    margin-right: 0
}

.header--static .lang {
    margin-left: 30px
}

.header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-nav {
    margin-left: auto;
    margin-right: 30px
}

.main-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-list li+li {
    margin-left: 34px
}

.main-list a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid transparent
}

.main-list a:hover {
    border-bottom-color: #fff
}

.hamburger {
    display: block;
    opacity: 1 !important;
    margin-right: 51px;
    width: 44px;
    height: 34px;
    border: 1px solid #2e2e2e;
    background: #1b1923;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hamburger:hover .hamburger-arrow path {
    stroke: #40b5e8
}

.hamburger-inner {
    background: #fff !important
}

.hamburger-inner::after,
.hamburger-inner::before {
    background: #fff !important
}

.h-js-game {
    display: none
}

.menu {
    background: #1b1923;
    width: 285px;
    height: 100%;
    overflow-y: auto;
    z-index: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    -webkit-transition: width .35s ease;
    transition: width .35s ease
}

.menu .h-js-mobile {
    display: none
}

.menu::-webkit-scrollbar {
    width: 7px
}

.menu::-webkit-scrollbar-track {
    background: #23202d
}

.menu::-webkit-scrollbar-thumb {
    background: #393c55;
    border-radius: 10px
}

.menu .hamburger {
    position: absolute;
    right: 15px;
    top: 18px;
    margin: 0;
    z-index: 10
}

.menu .hamburger-box {
    display: none
}

.menu .hamburger-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu.short {
    width: 63px
}

.menu-inner {
    width: 100%;
    background: #1b1923;
    padding: 0 15px 45px
}

.menu-inner__close:hover path {
    fill: #40b5e8
}

.menu-inner__list>li {
    border-bottom: 1px solid #2d2d2d
}

.menu-inner__list>li.has-lvl2>a::before {
    width: 8px;
    height: 8px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    background: url(/wp-content/themes/twentytwentyone/app/img/menu-inner.svg) no-repeat center center;
    background-size: contain;
    z-index: 1;
    right: 0
}

.menu-inner__list>li.has-lvl2>a.active::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(/wp-content/themes/twentytwentyone/app/img/menu-inner-active.svg) no-repeat center center;
    background-size: contain
}

.menu-inner__list>li>a {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    position: relative
}

.menu-inner__list>li>a:hover {
    color: #40b5e8
}

.menu-inner__lvl2 {
    padding: 5px 10px 15px;
    display: none
}

.menu-inner__lvl2 li+li {
    margin-top: 5px
}

.menu-inner__lvl2 li a {
    line-height: 1
}

.menu-inner__lvl2 li a:hover {
    color: #40b5e8
}

.menu-inner__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #2d2d2d
}

.menu-inner__game {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-inner__game img {
    width: 33px;
    height: 33px;
    margin-right: 15px
}

.menu-inner__game span {
    font-weight: 500
}

.menu-bottom {
    padding: 20px 15px;
    padding-top: 23px;
    margin-top: auto
}

.menu-bottom__list li+li {
    margin-top: 16px
}

.menu-bottom__list a {
    border-bottom: 1px solid #fff;
    font-weight: 500;
    display: inline-block;
    line-height: 1.2
}

.menu-bottom__list a:hover {
    border-bottom-color: transparent
}

.menu-top {
    padding: 15px 0;
    border-bottom: 1px solid #2b2836;
    padding-bottom: 51px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.menu-list>li:first-child {
    padding-right: 70px
}

.menu-list>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 10px;
    padding-left: 8px
}

.menu-list>li>a:hover .menu-list__text {
    color: #40b5e8
}

.menu-list>li>a:hover .menu-list__img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.menu-list__img {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.menu-list__img img {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.menu-list__text {
    font-weight: 500;
    -webkit-transition: color .35s ease;
    transition: color .35s ease;
    margin-left: 15px;
    line-height: 1.3
}

.footer {
    background: url(/wp-content/themes/twentytwentyone/app/img/footer-bg.png) no-repeat center center;
    background-size: cover;
    position: relative
}

.footer::before {
    z-index: 10;
    pointer-events: none;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(64, 181, 232, .38)), color-stop(55.88%, #40b5e8), to(#3297c2));
    background: linear-gradient(-90deg, rgba(64, 181, 232, .38) 0, #40b5e8 55.88%, #3297c2 100%)
}

.footer .socials li a {
    width: 45px;
    height: 45px
}

.footer-lang {
    position: relative;
    width: 55px;
    margin-bottom: 22px
}

.footer-lang:hover .footer-lang__toggler {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.footer-lang:hover .footer-lang__toggler svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-lang:hover .footer-lang__drop {
    opacity: 1;
    visibility: visible
}

.footer-lang__drop {
    position: absolute;
    left: 0;
    top: 100%;
    background: #2d283f;
    width: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    text-align: left
}

.footer-lang__drop.open {
    opacity: 1;
    visibility: visible
}

.footer-lang__drop-link {
    display: block;
    font-size: 18px;
    color: #d3d3d3;
    padding: 4px 9px
}

.footer-lang__drop-link:hover {
    color: #fff;
    background: #38324f
}

.footer-lang__toggler {
    background: #2d283f;
    border-radius: 5px;
    padding: 4px 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.footer-lang__toggler.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.footer-lang__toggler.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-lang__toggler:hover span {
    color: #fff
}

.footer-lang__toggler span {
    font-size: 18px;
    font-weight: 500;
    color: #d3d3d3;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    margin-right: 7px
}

.footer-lang__toggler svg {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.footer-list a {
    font-size: 18px;
    font-weight: 500;
    color: #d3d3d3;
    border-bottom: 1px solid transparent
}

.footer-list a:hover {
    border-bottom-color: #d3d3d3
}

.footer-list li+li {
    margin-top: 8px
}

.footer-top {
    padding: 56px 0 60px;
    border-bottom: 1px solid #362f4b
}

.footer-top__logo img {
    display: block;
    max-width: 211px
}

.footer-top__info p {
    line-height: 2;
    font-size: 18px;
    color: #d3d3d3;
    margin-bottom: 50px
}

.footer-top__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.footer-top__item {
    width: 25%;
    padding: 0 15px
}

.footer-top__item-inner {
    margin-bottom: 25px
}

.footer-top__item-inner:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-top__item-inner:nth-child(2) {
    margin-bottom: 35px
}

.footer-top__item-inner:last-child {
    margin-bottom: 0
}

.footer-top__list a {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #fff
}

.footer-top__list a:hover {
    border-bottom-color: transparent
}

.footer-top__list li+li {
    margin-top: 8px
}

.footer-top__head {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.2
}

.footer-top__tel {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    margin-bottom: 5px;
    display: inline-block
}

.footer-top__tel:hover {
    border-bottom-color: #fff
}

.footer-top__mail {
    border-bottom: 1px solid transparent;
    color: #d3d3d3;
    font-size: 18px;
    display: inline-block
}

.footer-top__mail:hover {
    border-bottom-color: #d3d3d3
}

.footer-middle {
    padding: 60px 0;
    border-bottom: 1px solid #362f4b
}

.footer-middle__head {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    line-height: 1.2
}

.footer-middle__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.footer-middle__item {
    padding: 0 15px;
    width: 16.6666%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-middle__item .footer-list {
    margin-top: auto
}

.footer-bottom {
    padding: 27px 0 40px
}

.footer-readMore {
    background: #2e2842;
    border-radius: 5px;
    padding: 5px 9px;
    font-size: 18px;
    line-height: 1;
    color: #d3d3d3
}

.footer-readMore:hover {
    color: #fff
}

.copyright p {
    margin-bottom: 24px;
    font-size: 18px;
    color: #d3d3d3;
    line-height: 1.25
}

.form__input,
.form__textarea {
    display: block;
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 19px 0;
    border-bottom: 1px solid #fff;
    font-weight: 500;
    background: 0 0
}

.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #8d8d8d;
    font-weight: 500;
    font-family: Inter, sans-serif
}

.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
    font-size: 16px;
    color: #8d8d8d;
    font-weight: 500;
    font-family: Inter, sans-serif
}

.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
    font-size: 16px;
    color: #8d8d8d;
    font-weight: 500;
    font-family: Inter, sans-serif
}

.form__input::-ms-input-placeholder,
.form__textarea::-ms-input-placeholder {
    font-size: 16px;
    color: #8d8d8d;
    font-weight: 500;
    font-family: Inter, sans-serif
}

.form__input::placeholder,
.form__textarea::placeholder {
    font-size: 16px;
    color: #8d8d8d;
    font-weight: 500;
    font-family: Inter, sans-serif
}

.form__input:focus,
.form__input:hover,
.form__textarea:focus,
.form__textarea:hover {
    border-bottom-color: #40b5e8
}

.form__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form__nav .btn {
    margin-left: 27px
}

.form__item {
    margin-bottom: 68px
}

.form__item--last {
    margin-bottom: 32px
}

.form__textarea {
    min-height: 140px
}

.form__row {
    margin-bottom: 15px
}

.form__checkbox input[type=checkbox] {
    display: none
}

.form__checkbox input[type=checkbox]+label {
    position: relative;
    cursor: pointer;
    display: block;
    padding-left: 30px;
    font-size: 14px;
    color: #333
}

.form__checkbox input[type=checkbox]+label::before {
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0;
    border: 1px solid #333;
    border-radius: 2px
}

.form__checkbox input[type=checkbox]:checked+label::after {
    width: 5px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 6px;
    top: 4px
}

.select2 {
    display: block
}

.select2.select2-container {
    width: 100% !important
}

.select2-results__option {
    padding: 9px 20px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    height: 40px;
    font-size: 14px
}

.select2-dropdown {
    border: 1px solid #d9d9d9;
    border-radius: 4px
}

.select2-container {
    z-index: 1100
}

.select2-container--open .select2-selection__arrow::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
    -ms-transform: translate(-50%, -50%) rotate(180deg) !important;
    transform: translate(-50%, -50%) rotate(180deg) !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f0f7f6;
    color: #000
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f0f7f6;
    color: #000
}

.select2-container--default .select2-selection {
    border: 1px solid #d9d9d9;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.select2-container--default .select2-selection:hover {
    border-color: #000
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    border-left: 1px solid rgba(217, 217, 217, .05);
    width: 44px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    width: 12px;
    height: 8px;
    background: url(/wp-content/themes/twentytwentyone/app/icon/select-arrow.svg) no-repeat center center;
    background-size: contain;
    top: 50%;
    left: 50%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 0;
    padding-left: 12px;
    padding-right: 12px;
    color: #000;
    font-size: 14px
}

.select2-container .select2-selection--single {
    height: auto
}

.select2-selection {
    outline: 0 !important
}

.select2-selection__rendered {
    padding: 8px 0;
    padding-left: 12px;
    padding-right: 12px
}

.select2-search {
    display: none
}

.btn {
    display: inline-block;
    font-size: 16px;
    font-family: Inter, sans-serif;
    text-align: center;
    border-radius: 82px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 2;
    -webkit-transition: none;
    transition: none
}

.btn-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-arrow__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25)
}

.btn-arrow__img img,
.btn-arrow__img svg {
    display: block
}

.btn-arrow span:nth-child(2) {
    margin-right: 20px;
    line-height: 1;
    color: #fff
}

.btn-large {
    padding: 18px 30px;
    font-size: 18px
}

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

.btn-medium {
    padding: 14px 30px;
    font-size: 18px
}

.btn-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 82px;
    z-index: -1
}

.btn-text {
    position: relative;
    z-index: 2;
    -webkit-transition: color .35s ease;
    transition: color .35s ease
}

.btn-blue {
    color: #fff
}

.btn-blue.btn-transparent .btn-bg {
    background: #110f19
}

.btn-blue .btn-bg {
    background: radial-gradient(64.39% 222.53% at 25.37% -44.35%, #2fb1d9 0, #38b0d6 26.35%, #2887bc 59.34%, #6173d5 100%), linear-gradient(95.23deg, rgba(255, 255, 255, .5) 0, rgba(188, 242, 255, .5) 63.35%, rgba(34, 97, 193, .5) 100%);
    -webkit-box-shadow: 0 4px 49px 0 rgba(0, 178, 254, .5);
    box-shadow: 0 4px 49px 0 rgba(0, 178, 254, .5)
}

.btn-blue::before {
    left: -3px;
    top: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: -1;
    background: linear-gradient(95.23deg, #fff 0, #bcf2ff 63.35%, #2261c1 100%);
    border-radius: 82px;
    z-index: -1
}

.btn-blue::after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 82px;
    opacity: 0;
    visibility: hidden;
    background: radial-gradient(64.39% 222.53% at 25.37% -44.35%, #6173d5 0, #a5eefd 18.32%, #6173d5 59.34%, #6173d5 100%), linear-gradient(95.23deg, rgba(255, 255, 255, .5) 0, rgba(188, 242, 255, .5) 63.35%, rgba(34, 97, 193, .5) 100%);
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    transition: opacity .35s ease, visibility .35s ease;
    z-index: -1
}

.btn-blue:hover::after {
    opacity: 1;
    visibility: visible
}

.btn-green {
    -webkit-box-shadow: 0 4px 49px 0 rgba(0, 178, 254, .5);
    box-shadow: 0 4px 49px 0 rgba(0, 178, 254, .5)
}

.btn-green.btn-transparent .btn-bg {
    background: #333351
}

.btn-green::before {
    left: -3px;
    top: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: -1;
    background: linear-gradient(95.23deg, #47eb62 0, #68ff92 63.35%, #22c13b 100%);
    border-radius: 82px;
    z-index: -1
}

.btn-green::after {
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 82px;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(95.23deg, #47eb62 0, #68ff92 63.35%, #22c13b 100%);
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    transition: opacity .35s ease, visibility .35s ease;
    z-index: -1
}

.btn-green:hover {
    color: #3a3a3a
}

.btn-green:hover::after {
    opacity: 1;
    visibility: visible
}

.float-r {
    float: right
}

.float-l {
    float: left
}

.cookies {
    -webkit-box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .15);
    background: #15121f;
    border-radius: 20px;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 120px;
    position: relative;
    max-width: 1170px;
    margin: 0 auto
}

.cookies-wrap {
    position: fixed;
    bottom: 20px;
    z-index: 10000;
    left: 285px;
    width: calc(100% - 285px)
}

.cookies-close {
    margin-left: 30px;
    cursor: pointer
}

.cookies-close:hover svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cookies-close:hover path {
    stroke: #40b5e8
}

.cookies-close svg {
    display: block;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.cookies-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px
}

.cookies-img img {
    display: block
}

.cookies .btn {
    padding: 10px 20px;
    width: 100%;
    max-width: 138px;
    margin-left: auto
}

.cookies-text {
    font-size: 14px;
    line-height: 1.54;
    color: silver;
    margin-right: 30px;
    max-width: 75%
}

.cookies-text a {
    font-weight: 500;
    color: #7cddf6;
    border-bottom: 1px solid #7cddf6
}

.cookies-text a:hover {
    border-bottom-color: transparent
}

.down {
    width: 64px;
    height: 64px;
    position: fixed;
    z-index: 100;
    right: 30px;
    bottom: 30px;
    background: rgba(41, 36, 57, .8);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s ease, visibilty .35s ease;
    transition: opacity .35s ease, visibilty .35s ease
}

.down svg {
    width: 24px;
    height: 36px
}

.down.active {
    opacity: 1;
    visibility: visible
}

.down:hover path {
    fill: #40b5e8
}

.down::before {
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    left: -7px;
    top: -7px;
    border-radius: 50%;
    border: 1px solid rgba(41, 36, 57, .8)
}

.breadcrumb {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 24px
}

.breadcrumb li {
    display: inline-block;
    font-size: 18px;
    color: #bdbdbd
}

.breadcrumb li::before {
    content: "/";
    margin-right: 4px
}

.breadcrumb li:first-child::before {
    display: none
}

.breadcrumb a {
    border-bottom: 1px solid #fff;
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.breadcrumb a:hover {
    border-bottom-color: transparent
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.socials li+li {
    margin-left: 20px
}

.socials li img,
.socials li svg {
    display: block
}

.socials li a {
    position: relative;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.socials li a::before {
    width: 100%;
    height: 100%;
    background: radial-gradient(229.74% 191.78% at 25.37% -44.35%, #6173d5 0, #a5eefd 18.32%, #6173d5 59.34%, #6173d5 100%);
    border-radius: 50%;
    left: 0;
    top: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0;
    visibility: hidden
}

.socials li a:hover::before {
    opacity: 1;
    visibility: visible
}

.socials li a svg {
    position: relative;
    z-index: 2
}

.socials li a svg:first-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.section-line {
    position: relative
}

.section-line::before {
    z-index: 10;
    pointer-events: none;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(64, 181, 232, .38)), color-stop(55.88%, #40b5e8), to(#3297c2));
    background: linear-gradient(-90deg, rgba(64, 181, 232, .38) 0, #40b5e8 55.88%, #3297c2 100%)
}

.slick-slide {
    outline: 0
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15px
}

.slick-dots li {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, .2);
    cursor: pointer;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.slick-dots li:hover {
    background: #fff
}

.slick-dots li.slick-active {
    background: #fff
}

.slick-dots li+li {
    margin-left: 11px
}

.slick-dots button {
    color: transparent;
    font-size: 0
}

.slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider-nav__arrow {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 1px solid grey;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    position: relative
}

.slider-nav__arrow:hover::before {
    opacity: 1;
    visibility: visible
}

.slider-nav__arrow svg {
    position: relative;
    z-index: 2
}

.slider-nav__arrow::before {
    width: 100%;
    height: 100%;
    background: radial-gradient(229.74% 191.78% at 25.37% -44.35%, #6173d5 0, #a5eefd 18.32%, #6173d5 59.34%, #6173d5 100%);
    border-radius: 50%;
    left: 0;
    top: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0;
    visibility: hidden
}

.slider-nav__prev svg {
    margin-left: -3px
}

.slider-nav__next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-nav__next svg {
    margin-right: 3px
}

.tl-right {
    text-align: right
}

.tl-center {
    text-align: center
}

.linked {
    position: relative;
    display: inline-block
}

.linked::before {
    height: 1px;
    width: 100%;
    background-color: #333;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    bottom: 0;
    left: 0
}

.linked:hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.linked-r::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.linked-r:hover::before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.linked--blue::before {
    background-color: #333
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-out.mfp-bg {
    opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}

.modal {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 30px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-90 {
    margin-bottom: 90px
}

.pt-120 {
    padding-top: 123px
}

.pt-100 {
    padding-top: 100px
}

.pt-80 {
    padding-top: 80px
}

.pt-60 {
    padding-top: 60px
}

.pb-120 {
    padding-bottom: 122px
}

.pb-100 {
    padding-bottom: 101px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-60 {
    padding-bottom: 60px
}

.h1 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 22px
}

.h1--50 {
    font-size: 50px;
    margin-bottom: 39px
}

.h1--60 {
    font-size: 50px;
    font-weight: 900
}

.h2 {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 60px;
    line-height: 1.2
}

.h2--40 {
    font-size: 40px
}

.h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 12px
}

body.menu-open .main-content {
    width: calc(100% - 64px)
}

body.menu-open .hamburger {
    position: static;
    margin: 0 auto 5px
}

body.menu-open .hamburger-arrow {
    display: none
}

body.menu-open .hamburger-box {
    display: block
}

body.menu-open .header,
body.menu-open .search {
    padding-left: 64px
}

body.menu-open .cookies-wrap {
    left: 64px;
    width: calc(100% - 64px)
}

body.menu-open .menu {
    width: 64px
}

body.menu-open .menu-top {
    border-bottom: 0;
    padding-bottom: 0
}

body.menu-open .menu-bottom {
    display: none
}

body.menu-open .menu-list li:first-child {
    padding-right: 0
}

body.menu-open .menu-list li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body.menu-open .menu-list__img {
    margin-left: 8px;
    margin-right: 12px
}

body.menu-open .menu-list li a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.main-content {
    -webkit-transition: width .35s ease;
    transition: width .35s ease
}

.main-sidebar {
    overflow: hidden
}

.menu-list li a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu-list__text {
    white-space: nowrap
}

.menu-bottom__list a {
    white-space: nowrap
}

.c-menu {
    display: none
}

.c-menu-toggler {
    display: none
}

.homes-bg {
    background: url(/wp-content/themes/twentytwentyone/app/img/who-bg.png) no-repeat;
    background-position: center bottom 301px;
    padding-bottom: 55px
}

.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 3000
}

.main-content {
    width: calc(100% - 285px)
}

.home {
    position: relative;
    overflow: hidden
}

.home .lang {
    display: none
}

.home-nav {
    position: absolute;
    left: 0;
    bottom: 49px;
    z-index: 1050;
    width: 100%
}

.home-nav .slider-nav {
    margin-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.home-slide {
    position: relative
}

.home-slide__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.home-slide__bg--mobile {
    display: none !important
}

.home-slider {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease, visibility, .5s ease;
    transition: opacity .5s ease, visibility, .5s ease
}

.home-slider.slick-initialized {
    opacity: 1;
    visibility: visible
}

.home-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-slider .slick-slide {
    height: auto
}

.home-item {
    padding: 202px 0 188px
}

.home-item .h1 {
    margin-bottom: 29px;
    max-width: 681px
}

.home-item p {
    font-size: 18px;
    margin-bottom: 71px;
    max-width: 681px
}

.home-slider-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2000;
    width: 100%;
    max-width: 800px;
    margin: 0 -15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease, visibility, .5s ease;
    transition: opacity .5s ease, visibility, .5s ease
}

.home-slider-nav.slick-initialized {
    opacity: 1;
    visibility: visible
}

.home-slider-nav .slick-slide {
    height: auto
}

.home-slider-nav .slick-slide.slick-current img {
    border: 2px solid #fff;
    -webkit-box-shadow: 0 4px 9px 0 rgba(255, 119, 86, .3), 0 4px 9px 0 rgba(255, 255, 255, .5);
    box-shadow: 0 4px 9px 0 rgba(255, 119, 86, .3), 0 4px 9px 0 rgba(255, 255, 255, .5)
}

.home-slider-nav .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-slider-nav .slick-list {
    padding-right: 124px;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    padding-left: 5px
}

.home-slider-nav__slide {
    padding: 0 15px
}

.home-slider-nav__item {
    position: relative;
    cursor: pointer;
    height: 100%;
    border-radius: 30px
}

.home-slider-nav__item:hover img {
    border: 2px solid #fff;
    -webkit-box-shadow: 0 6px 19px 0 rgba(255, 119, 86, .3), 0 4px 18px 0 rgba(255, 255, 255, .5);
    box-shadow: 0 6px 19px 0 rgba(255, 119, 86, .3), 0 4px 18px 0 rgba(255, 255, 255, .5)
}

.home-slider-nav__item::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 188px;
    height: 25px;
    background: url(/wp-content/themes/twentytwentyone/app/img/preview-bg.png) no-repeat center center;
    background-size: contain;
    bottom: -15px;
    pointer-events: none
}

.home-slider-nav__item-name {
    font-weight: 900;
    font-size: 26px;
    position: absolute;
    left: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
    max-width: 140px;
    line-height: 1.2
}

.home-slider-nav img {
    border-radius: 30px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .25);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-box-shadow: 0 6px 19px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 6px 19px 0 rgba(255, 255, 255, .1)
}

.faq {
    background: url(/wp-content/themes/twentytwentyone/app/img/faq-bg.png) no-repeat right bottom;
    padding-bottom: 109px
}

.faq-accordion__hidden {
    display: none
}

.faq-accordion__hidden p {
    color: #b1b1b1;
    margin-bottom: 20px;
    font-size: 18px
}

.faq-accordion__hidden p:last-child {
    margin-bottom: 0
}

.faq-accordion>li {
    border-radius: 10px;
    background: #0b0913;
    padding: 19px 30px;
    margin-bottom: 29px
}

.faq-accordion>li:last-child {
    margin-bottom: 0
}

.faq-accordion>li>a {
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.faq-accordion>li>a svg {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.faq-accordion>li>a.active {
    margin-bottom: 30px
}

.faq-accordion>li>a.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-accordion>li>a.active circle,
.faq-accordion>li>a.active path {
    stroke: #7b5838
}

.faq-accordion>li>a svg {
    margin-right: 30px
}

.avatars--home {
    padding-bottom: 132px
}

.avatars .h2 {
    margin-bottom: 74px
}

.avatars .socials li+li {
    margin-left: 15px
}

.avatars-item {
    position: relative;
    padding: 10px 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #04080b;
    margin-bottom: 51px
}

.avatars-item:last-child {
    margin-bottom: 0
}

.avatars-item__info {
    width: 23%;
    margin-right: 30px
}

.avatars-item__name {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.2
}

.avatars-item__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px
}

.avatars-item__tags-name {
    color: #b1b1b1;
    font-weight: 600;
    margin-right: 10px
}

.avatars-item__tags-link {
    border-bottom: 1px solid #fff;
    margin-right: 10px;
    line-height: 1.4;
    margin-bottom: 2px
}

.avatars-item__tags-link:hover {
    border-bottom-color: transparent
}

.avatars-item::before {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 128, 100, .2)), to(rgba(78, 79, 85, .2)));
    background: linear-gradient(180deg, rgba(156, 128, 100, .2) 0, rgba(78, 79, 85, .2) 100%);
    z-index: -1
}

.avatars-item__content {
    color: #b1b1b1;
    width: 62%;
    margin-left: auto
}

.avatars-item__content p {
    margin: 0
}

.avatars-item__img {
    position: absolute;
    left: 21%;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px;
    z-index: 2
}

.avatars-item__img::before {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c8064), to(#4e4f55));
    background: linear-gradient(180deg, #9c8064 0, #4e4f55 100%);
    z-index: -1
}

.avatars-item__img img {
    display: block;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.stext .showMore {
    cursor: pointer
}

.stext-long {
    position: absolute;
    right: 0;
    top: 0
}

.stext-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
    position: relative;
    padding-bottom: 100px
}

.stext-content {
    margin-right: 30px;
    max-width: 870px
}

.stext-info b {
    font-weight: 700
}

.stext-info a {
    color: #40b5e8;
    border-bottom: 1px solid #40b5e8;
    font-weight: 700
}

.stext-info a:hover {
    border-bottom-color: transparent
}

.stext-info h4 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700
}

.stext-info h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.stext-info p {
    margin-bottom: 30px
}

.stext-info ol {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style-type: number;
    padding-left: 20px
}

.stext-info ol li {
    list-style-type: number
}

.stext-info ol li+li {
    margin-top: 15px
}

.stext-info ul {
    margin-bottom: 30px
}

.stext-info ul li {
    position: relative;
    padding-left: 23px
}

.stext-info ul li::before {
    top: 8px;
    left: 0;
    border-radius: 50%;
    background: #fff;
    width: 8px;
    height: 8px
}

.stext-info ul li+li {
    margin-top: 15px
}

.stext--home {
    padding-top: 70px
}

.stext-box {
    margin-bottom: 40px
}

.stext-box__hidden {
    display: none;
    position: relative
}

.arrow-link {
    border-radius: 20px 0 20px 0;
    background: radial-gradient(64.39% 222.53% at 25.37% -44.35%, #2fb1d9 0, #38b0d6 26.35%, #2887bc 59.34%, #6173d5 100%);
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.arrow-link svg {
    position: relative;
    z-index: 2
}

.arrow-link:hover::before {
    opacity: 1;
    visibility: visible
}

.arrow-link::before {
    width: 100%;
    height: 100%;
    border-radius: 20px 0 20px 0;
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    transition: opacity .35s ease, visibility .35s ease;
    opacity: 0;
    visibility: hidden;
    background: radial-gradient(64.39% 222.53% at 25.37% -44.35%, #6173d5 0, #a5eefd 18.32%, #6173d5 59.34%, #6173d5 100%), linear-gradient(95.23deg, rgba(255, 255, 255, .5) 0, rgba(188, 242, 255, .5) 63.35%, rgba(34, 97, 193, .5) 100%)
}

.blogs {
    position: relative;
    padding-top: 143px;
    background: url(/wp-content/themes/twentytwentyone/app/img/blog-bg.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 139px
}

.blogs-slide {
    padding: 0 15px;
    height: auto
}

.blogs-slider {
    margin: 0 -15px 40px
}

.blogs-slider-wrap {
    position: relative
}

.blogs-slider-wrap .slider-nav__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33px;
    height: 33px
}

.blogs-slider-wrap .slider-nav__prev {
    left: -63px
}

.blogs-slider-wrap .slider-nav__next {
    right: -63px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.blogs-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blogs .h2 {
    position: relative
}

.blogs .row {
    margin-bottom: 50px
}

.blogs-item {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 11px 19px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 11px 19px 0 rgba(0, 0, 0, .25)
}

.blogs-item:hover .arrow-link::before {
    opacity: 1;
    visibility: visible
}

.blogs-item:hover .blogs-item__img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.blogs-item:hover .blogs-item__content {
    background: url(/wp-content/themes/twentytwentyone/app/img/blog-card-bg-hover.png) no-repeat center center;
    background-size: 100% 100%
}

.blogs-item .arrow-link {
    position: absolute;
    bottom: 0;
    right: 0
}

.blogs-item__date {
    right: 15px;
    top: 15px;
    position: absolute;
    z-index: 2;
    background: rgba(55, 55, 55, .8);
    border: .5px solid #424242;
    border-radius: 5px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 1px 10px
}

.blogs-item__img {
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.blogs-item__img img {
    width: 100%;
    display: block;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    border-radius: 20px 20px 0 0
}

.blogs-item__content {
    position: relative;
    padding: 50px 20px 29px;
    background: url(/wp-content/themes/twentytwentyone/app/img/blog-card-bg.png) no-repeat center center;
    background-size: 100% 100%;
    margin-top: -71px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

.blogs-item__content p {
    color: #b1b1b1;
    margin-bottom: 0
}

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

.who .h2 {
    margin-bottom: 108px
}

.who-box {
    position: relative;
    border-radius: 20px;
    padding: 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 88px
}

.who-box::before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c8064), to(#4e4f55));
    background: linear-gradient(180deg, #9c8064 0, #4e4f55 100%);
    border-radius: 20px;
    z-index: -1;
    pointer-events: none
}

.who-box::after {
    width: 100%;
    height: 100%;
    background: #04080b;
    left: 0;
    top: 0;
    border-radius: 20px;
    pointer-events: none
}

.who-box__content {
    width: 36%;
    position: relative;
    z-index: 2
}

.who-box img {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.who-box p {
    margin-bottom: 28px
}

.who-box p b {
    font-weight: 700
}

.who-box p:last-child {
    margin-bottom: 0
}

.advan-item {
    position: relative;
    background: #201e29;
    border-radius: 10px;
    padding: 25px 20px;
    padding-right: 45px;
    height: 100%;
    padding-bottom: 8px;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

.advan-item:hover {
    background: #2f2a44
}

.advan-item__label {
    position: absolute;
    font-size: 18px;
    font-weight: 900;
    border-radius: 0 10px 10px 0;
    right: 0;
    top: 0;
    padding: 15px 5px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    height: 100%
}

.advan-item__label--pink {
    background: -webkit-gradient(linear, left top, left bottom, from(#e74269), to(#dd4cee));
    background: linear-gradient(180deg, #e74269 0, #dd4cee 100%)
}

.advan-item__label--purple {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46.95%, #a33df3), color-stop(93.73%, #6eb5d3), to(#77f4f3));
    background: linear-gradient(180deg, #a33df3 46.95%, #6eb5d3 93.73%, #77f4f3 100%)
}

.advan-item__label--orange {
    background: -webkit-gradient(linear, left top, left bottom, from(#fa5d10), color-stop(95.31%, #fc9d05));
    background: linear-gradient(180deg, #fa5d10 0, #fc9d05 95.31%)
}

.advan-item__label--green {
    background: -webkit-gradient(linear, left top, left bottom, from(#4bdc06), to(#1c823f));
    background: linear-gradient(180deg, #4bdc06 0, #1c823f 100%)
}

.advan-item__img {
    margin-bottom: 24px
}

.advan-item__img img {
    display: block
}

.advan-item__head {
    font-size: 20px;
    font-weight: 900;
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 12px
}

.advan-item__head::before {
    left: 0;
    bottom: 0;
    height: 1px;
    width: calc(100% - 15px);
    background: #3c3a42
}

.advan-item__head--pink {
    color: #e64272
}

.advan-item__head--purple {
    color: #a33df3
}

.advan-item__head--orange {
    color: #fa5e10
}

.advan-item__head--green {
    color: #49d908
}

.rate {
    background: url(/wp-content/themes/twentytwentyone/app/img/rate-bg.png) no-repeat center center;
    background-size: cover;
    padding: 91px 0 72px;
    position: relative
}

.rate-wrap .row {
    margin-bottom: -30px
}

.rate .container {
    max-width: 1294px
}

.rate-box {
    border-radius: 30px;
    padding: 40px;
    position: relative;
    z-index: 2
}

.rate-box::before {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: -webkit-gradient(linear, left top, right top, from(rgba(64, 181, 232, .38)), color-stop(55.88%, #40b5e8), to(#3297c2));
    background: linear-gradient(90deg, rgba(64, 181, 232, .38) 0, #40b5e8 55.88%, #3297c2 100%);
    left: -1px;
    top: -1px;
    border-radius: 30px;
    z-index: -1;
    pointer-events: none
}

.rate-box::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #25253d;
    border-radius: 30px;
    z-index: -1;
    pointer-events: none
}

.rate-item {
    background: #333351;
    padding: 9px 20px 20px;
    border-radius: 20px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border: 2px solid transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.rate-item:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 4px 18px 0 #071125;
    box-shadow: 0 4px 18px 0 #071125
}

.rate-item__header {
    padding-bottom: 12px;
    margin-bottom: 17px;
    border-bottom: 1px solid rgba(221, 216, 255, .1)
}

.rate-item__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.rate-item__line svg {
    margin-left: 3px;
    margin-right: 3px
}

.rate-item__line-num {
    color: #fb5;
    font-size: 22px;
    font-weight: 600;
    margin-right: 10px
}

.rate-item__line-line {
    height: 1px;
    background: #fb5;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.rate-item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rate-item__top-img img {
    display: block;
    max-width: 208px
}

.rate-item__top-raiting {
    position: relative;
    width: 57px;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rate-item__top-raiting svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.rate-item__top-raiting span {
    font-size: 23px;
    font-weight: 600
}

.rate-item__pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rate-item__pay-head {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 6px
}

.rate-item__pay-item {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    padding: 4px 6px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47px;
    margin-bottom: 8px
}

.rate-item__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rate-item__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rate-item__content .rating {
    margin-bottom: 24px;
    margin-top: auto
}

.rate-item__content .promocode {
    margin-bottom: 23px
}

.rate-block {
    margin-bottom: 30px
}

.rate-row {
    background: #333351;
    border-radius: 20px;
    padding: 19px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    border: 2px solid transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-right: 10px
}

.rate-row:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 4px 18px 0 #071125;
    box-shadow: 0 4px 18px 0 #071125
}

.rate-row .promocode {
    padding: 6px 13px;
    display: block;
    margin-right: 23px
}

.rate-row .promocode-btn {
    margin-right: 0
}

.rate-row .promocode-discaunt {
    z-index: 2;
    width: 200px;
    top: -33px
}

.rate-row .promocode-discaunt span {
    font-size: 16px
}

.rate-row .btn {
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.rate-row .btn:last-child {
    margin-right: 0
}

.rate-row .rating {
    display: block;
    margin-right: 14px
}

.rate-row .rating-head {
    margin-right: 0
}

.rate-row .rating-stars svg {
    width: 20px;
    height: 20px
}

.rate-row .rating-stars svg+svg {
    margin-left: 5px
}

.rate-row .rate-item__pay {
    margin-bottom: 0;
    margin-right: 26px
}

.rate-row .rate-item__header {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-right: 17px
}

.rate-row .rate-item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rate-row .rate-item__top-img {
    padding-right: 20px;
    margin-right: 17px;
    position: relative;
    position: relative
}

.rate-row .rate-item__top-img::before {
    width: 1px;
    height: 58px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(221, 216, 255, .1);
    right: 0
}

.promocode {
    border: 1px dashed #b4cdd2;
    border-radius: 10px;
    padding: 26px 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.promocode-sale {
    display: none
}

.promocode-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.promocode-discaunt {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    top: -10px
}

.promocode-discaunt img {
    display: block
}

.promocode-discaunt span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase
}

.promocode-head {
    font-size: 18px;
    font-weight: 500;
    margin-right: 8px;
    color: #ababab;
    line-height: 1.2
}

.promocode-btn {
    margin-right: 6px;
    cursor: pointer
}

.promocode-btn:hover path {
    fill: #40b5e8
}

.promocode-btn svg {
    display: block
}

.promocode-value {
    font-size: 20px;
    font-weight: 600;
    margin-left: auto;
    line-height: 1.2
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-head {
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px
}

.rating-value {
    font-size: 18px;
    font-weight: 600
}

.rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 11px
}

.rating-stars svg+svg {
    margin-left: 6px
}

.policy {
    padding-bottom: 120px
}

.policy-header {
    margin-bottom: 60px
}

.policy-header p {
    margin: 0;
    font-size: 18px;
    text-align: center;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto
}

.policy-content__box {
    margin-bottom: 60px
}

.policy-content__box:last-child {
    margin-bottom: 0
}

.policy-content__date {
    font-size: 18px;
    color: #bdbdbd;
    margin-bottom: 53px
}

.policy-content h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.2
}

.policy-content ul {
    margin-bottom: 30px
}

.policy-content ul li {
    font-size: 18px
}

.policy-content ul:last-child {
    margin-bottom: 0
}

.policy-content p {
    font-size: 18px;
    margin-bottom: 30px
}

.policy-content p a {
    color: #40b5e8;
    font-weight: 600;
    border-bottom: 1px solid #40b5e8
}

.policy-content p a:hover {
    border-bottom-color: transparent
}

.policy-content p b {
    font-weight: 600
}

.policy-content p:last-child {
    margin-bottom: 0
}

.inner {
    padding-top: 135px;
    padding-bottom: 40px;
    background: url(/wp-content/themes/twentytwentyone/app/img/inner-bg.png) no-repeat center center;
    background-size: cover
}

.inner--game {
    padding-bottom: 69px
}

.inner p {
    font-size: 18px;
    margin: 0
}

.contacts {
    background: url(/wp-content/themes/twentytwentyone/app/img/contacts-bg.png) no-repeat center center;
    background-size: cover;
    padding: 120px 0
}

.contacts-form {
    background: #1b1926;
    border-radius: 20px;
    padding: 37px 30px 50px;
    margin-left: 27px
}

.contacts-form .btn {
    min-width: 170px
}

.contacts-info {
    padding-top: 34px
}

.contacts-info .h3 {
    font-size: 22px;
    margin-bottom: 24px;
    font-weight: 700
}

.contacts-info p {
    margin-bottom: 30px;
    color: #d2d2d2
}

.contacts-info__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.contacts-info__row:last-child {
    margin-bottom: 0
}

.contacts-info__row svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px
}

.contacts-info__row span {
    font-size: 18px;
    font-weight: 500
}

.contacts-info__link span {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.contacts-info__link:hover span {
    border-bottom-color: #fff
}

.guide {
    padding-bottom: 100px
}

.guide-box .row {
    margin-bottom: 10px
}

.guide-box .blogs-item {
    margin-bottom: 30px;
    height: calc(100% - 30px)
}

.guide-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    overflow-x: auto;
    padding-bottom: 10px
}

.guide-nav__btn {
    border: 1px solid #5a5a5a;
    border-radius: 5px;
    font-family: Inter, sans-serif;
    padding: 15px 20px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.guide-nav__btn:hover {
    background: #35bde7;
    border-color: #35bde7
}

.guide-nav__btn.active {
    background: #35bde7;
    border-color: #35bde7
}

.guide-info {
    margin-bottom: 40px
}

.guide-info img.float-l {
    margin-right: 30px
}

.guide-info img.float-r {
    margin-left: 30px
}

.guide-info h1 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.25;
    margin-bottom: 31px
}

.guide-info p {
    margin-bottom: 27px;
    color: #b1b1b1
}

.guide-info img {
    border-radius: 20px
}

.about {
    padding: 80px 0 83px
}

.about-box {
    position: relative;
    border-radius: 20px;
    padding: 30px 30px;
    z-index: 2
}

.about-box::before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c8064), to(#4e4f55));
    background: linear-gradient(180deg, #9c8064 0, #4e4f55 100%);
    border-radius: 20px;
    z-index: -1;
    pointer-events: none
}

.about-box::after {
    width: 100%;
    height: 100%;
    background: #04080b;
    left: 0;
    top: 0;
    border-radius: 20px;
    pointer-events: none
}

.about-box p {
    margin-bottom: 28px;
    font-size: 18px;
    position: relative;
    z-index: 2
}

.about-box p b {
    font-weight: 700
}

.about-box p:last-child {
    margin-bottom: 0
}

.how {
    padding: 60px 0 75px;
    background: url(/wp-content/themes/twentytwentyone/app/img/how-bg.png) no-repeat center center;
    background-size: cover
}

.how-item {
    background: rgba(4, 8, 11, .8);
    border-radius: 20px;
    padding: 34px 30px;
    position: relative
}

.how-item::before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 128, 100, .5)), to(rgba(78, 79, 85, .5)));
    background: linear-gradient(180deg, rgba(156, 128, 100, .5) 0, rgba(78, 79, 85, .5) 100%);
    border-radius: 20px;
    z-index: -1;
    pointer-events: none
}

.how-item--full {
    height: calc(100% - 30px);
    background: rgba(4, 8, 11, .8) url(/wp-content/themes/twentytwentyone/app/img/how-1.png) no-repeat center bottom;
    background-size: 100% auto;
    margin-bottom: 30px
}

.how-item--half {
    margin-bottom: 30px;
    background: rgba(4, 8, 11, .8) url(/wp-content/themes/twentytwentyone/app/img/how-2.png) no-repeat right center
}

.how-item--half:last-child {
    background: rgba(4, 8, 11, .8) url(/wp-content/themes/twentytwentyone/app/img/how-3.png) no-repeat right center
}

.how-item--half p {
    max-width: 365px
}

.how-item__head {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 18px
}

.how-item p {
    font-size: 18px
}

.how-item p:last-child {
    margin-bottom: 0
}

.s-info {
    padding: 176px 0 120px
}

.s-info .container {
    position: relative
}

.s-info__img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -156px
}

.s-info__head {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px
}

.s-info p {
    font-size: 18px;
    margin-bottom: 30px
}

.s-info p:last-child {
    margin-bottom: 0
}

.review {
    padding-bottom: 124px;
    background: url(/wp-content/themes/twentytwentyone/app/img/games-bg.png) no-repeat center center;
    background-size: cover
}

.review .breadcrumb {
    margin-bottom: 28px
}

.review-screen .h2 {
    margin-bottom: 60px
}

.review-screen__arrow {
    position: absolute
}

.review-screen__arrow svg {
    display: block
}

.review-screen__arrow--1 {
    right: -25px;
    top: -15px
}

.review-screen__arrow--2 {
    right: -42px;
    top: -35px
}

.review-screen__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.review-screen__box {
    padding: 0 15px;
    width: 33.333%
}

.review-screen__item {
    height: 100%;
    position: relative
}

.review-screen__item:hover .review-screen__img {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    border-color: #fff
}

.review-screen__item:hover .review-screen__img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.review-screen__img {
    margin-bottom: 20px;
    padding-top: 55.5%;
    position: relative;
    border: 2px solid transparent;
    border-radius: 10px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    overflow: hidden
}

.review-screen__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.review-screen__content {
    position: relative
}

.review-screen__content p {
    margin: 0
}

.review-header p {
    max-width: 920px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 18px
}

.review-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 19px
}

.review-rate__img {
    margin-right: 20px
}

.review-rate__img img {
    display: block
}

.review-rate__raiting {
    position: relative;
    width: 57px;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.review-rate__raiting svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.review-rate__raiting span {
    font-size: 23px;
    font-weight: 600
}

.review-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.review-info>div {
    width: 33.333%
}

.review-info .promocode {
    -webkit-box-shadow: 0 4px 49px 0 rgba(0, 178, 254, .5);
    box-shadow: 0 4px 49px 0 rgba(0, 178, 254, .5);
    background: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), color-stop(95.31%, #262626));
    background: linear-gradient(180deg, #3c3c3c 0, #262626 95.31%);
    padding: 27px 20px;
    border: 1px solid #9b8064;
    margin: 0 40px;
    width: 30%
}

.review-info__pay {
    text-align: center;
    position: relative
}

.review-info__pay-show {
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.review-info__pay-show:hover {
    border-bottom-color: transparent
}

.review-info .rate-item__pay {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -4px -8px;
    height: 80px;
    overflow: hidden
}

.review-info .rate-item__pay.active {
    height: auto
}

.review-info .rate-item__pay.active::before {
    opacity: 0;
    visibility: hidden
}

.review-info .rate-item__pay::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 17, 26, .8)), color-stop(49.1%, #15111a));
    background: linear-gradient(180deg, rgba(21, 17, 26, .8) 0, #15111a 49.1%);
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease
}

.review-info .rate-item__pay-item {
    width: 65px;
    padding: 6px 5px;
    margin: 0 4px 8px
}

.user-slider {
    margin: 0 -15px 30px
}

.user-slider .slick-list {
    padding: 0 !important
}

.user-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-slide {
    padding: 0 15px;
    height: auto
}

.user-item {
    height: 100%;
    border: 1px solid #3d394f;
    background: #201d2e;
    border-radius: 20px;
    padding: 30px 20px;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

.user-item:hover {
    background: #353047
}

.user-item__head {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 16px;
    line-height: 1.25
}

.user-item p {
    color: #b1b1b1;
    margin-bottom: 30px
}

.user-item p:last-child {
    margin-bottom: 0
}

.game .row {
    margin-bottom: -40px
}

.game-item {
    position: relative;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    display: block;
    border-radius: 10px
}

.game-item:hover::before {
    -webkit-box-shadow: 0 0 8px 0 #dda4ea, 0 0 4px 0 #dda4ea, 0 0 20px 0 #dda4ea, 0 0 20px 0 #dda4ea;
    box-shadow: 0 0 8px 0 #dda4ea, 0 0 4px 0 #dda4ea, 0 0 20px 0 #dda4ea, 0 0 20px 0 #dda4ea;
    border-color: #fdfef6
}

.game-item__head {
    position: absolute;
    bottom: 24px;
    left: 15px;
    font-size: 24px;
    font-weight: 900;
    z-index: 2;
    line-height: 1.2;
    text-transform: uppercase
}

.game-item img {
    display: block;
    border-radius: 10px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.game-item::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(57.67%, rgba(0, 0, 0, 0)), color-stop(82.6%, rgba(0, 0, 0, .73)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.67%, rgba(0, 0, 0, .73) 82.6%, rgba(0, 0, 0, .8) 100%);
    pointer-events: none
}

.game-item::before {
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    border: 1px solid #414146;
    border-radius: 10px;
    pointer-events: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.games {
    position: relative;
    padding: 135px 0 55px
}

.games .h1 {
    margin-bottom: 28px;
    font-weight: 900
}

.games .breadcrumb {
    margin-bottom: 28px
}

.games-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    pointer-events: none
}

.games p {
    font-size: 18px;
    margin-bottom: 42px;
    max-width: 635px
}

.games-img {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: 0
}

.selling {
    background: url(/wp-content/themes/twentytwentyone/app/img/selling-bg.png) no-repeat center center;
    background-size: cover
}

.selling-sliders .slider-nav {
    display: none
}

.selling .row {
    margin-bottom: -15px
}

.selling-item {
    margin-bottom: 15px;
    height: calc(100% - 15px);
    display: block
}

.selling-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.selling-item:hover .btn::after {
    opacity: 1;
    visibility: visible
}

.selling-item__img {
    overflow: hidden;
    border-radius: 23px 23px 0 0
}

.selling-item__img img {
    border-radius: 23px 23px 0 0;
    border-bottom: none;
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.selling-item__content {
    background: url(/wp-content/themes/twentytwentyone/app/img/selling-car-bg.png) no-repeat center bottom;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
    margin-top: -76px;
    padding: 47px 15px 24px;
    padding-right: 20px
}

.selling-item__content .btn {
    font-size: 14px;
    padding: 10px 17px
}

.selling-item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.selling-item__price {
    font-size: 26px;
    font-weight: 600;
    margin-right: 10px
}

.selling-item__head {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 20px;
    position: relative
}

.selling-item--blue .selling-item__img {
    border: 2px solid #fff
}

.selling-item--blue .selling-item__content {
    background: url(/wp-content/themes/twentytwentyone/app/img/sales-bg.png) no-repeat center bottom;
    background-size: 100% 100%
}

.help {
    background: url(/wp-content/themes/twentytwentyone/app/img/help-bg.png) no-repeat center bottom;
    background-size: cover;
    padding: 33px 0 32px;
    position: relative
}

.help-img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 48%
}

.help-item__label {
    color: #ebff6f;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
    text-transform: uppercase
}

.help-item__head {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px
}

.help-item p {
    font-size: 18px;
    line-height: 1.395;
    margin-bottom: 16px;
    max-width: 660px
}

.boost-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.boost-item {
    width: calc(25% - 30px);
    margin: 0 15px;
    background: #201e29;
    border-radius: 10px;
    padding: 36px 20px 20px;
    position: relative;
    z-index: 1;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

.boost-item:hover {
    background: #322b4a
}

.boost-item:hover .boost-item__num {
    color: #393057
}

.boost-item__num {
    position: absolute;
    font-size: 126px;
    font-weight: 900;
    line-height: 1;
    color: #2c2a38;
    z-index: -1;
    left: 0;
    top: -10px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.boost-item__step {
    font-weight: 500;
    font-size: 18px;
    color: #fa5e10;
    line-height: 1.2;
    margin-bottom: 6px;
    text-transform: uppercase
}

.boost-item__head {
    font-size: 20px;
    font-weight: 900;
    border-bottom: 1px solid #3c3a42;
    padding-bottom: 10px;
    margin-bottom: 16px
}

.boost-item p {
    margin: 0
}

.become-box {
    border: 2px solid #fff;
    background: #201e29;
    border-radius: 20px;
    padding: 13px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.become-box:hover {
    -webkit-box-shadow: 0 0 21px 0 #53abd0;
    box-shadow: 0 0 21px 0 #53abd0;
    border-color: #7cddf6
}

.become-img {
    margin-left: 20px
}

.become-img img {
    border-radius: 20px;
    display: block
}

.become-info {
    padding-left: 35px;
    padding-top: 4px;
    width: 100%;
    max-width: 460px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.become-info__head {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 25px;
    text-transform: uppercase
}

.become-info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #ebff6f;
    text-transform: uppercase;
    margin-bottom: 20px
}

.become-info__header span {
    margin-right: 15px
}

.become-info__item {
    border: 1px solid #4c4957;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 48px;
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.become-info__item .promocode-btn {
    margin: 0
}

.become-info__item .promocode-value {
    margin-left: 0
}

.become-info__item span {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.become-info__item:last-child {
    margin-bottom: 0
}

.become-info__link:hover path {
    fill: #40b5e8
}

.become-info__link:hover span {
    color: #40b5e8
}

.c-404 {
    background: url(/wp-content/themes/twentytwentyone/app/img/c-404-bg.png) no-repeat center top;
    position: relative;
    height: calc(100% - 135px);
    overflow: hidden
}

.c-404 .breadcrumb {
    margin-bottom: 155px
}

.c-404-earth {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

.c-404-content {
    text-align: center
}

.c-404-content .btn {
    margin-bottom: 27px
}

.c-404-content__subtitle {
    font-weight: 500;
    font-size: 50px
}

.c-404-content .h1 {
    text-shadow: 0 37px 41px rgba(56, 129, 214, .5);
    font-size: 340px;
    line-height: 1;
    font-weight: 700;
    color: #fff
}

@media only screen and (max-width:1600px) {
    .s-info {
        padding: 120px 0
    }

    .s-info__img {
        max-width: 49%;
        left: 15px
    }

    .sales-item__head {
        font-size: 22px
    }

    .promocode-value {
        font-size: 18px
    }

    .rate-box {
        padding: 30px 30px
    }

    .rate-item__content .promocode {
        padding-left: 10px;
        padding-right: 10px
    }

    .rate-item__nav .btn {
        padding-left: 12px;
        padding-right: 12px
    }

    .rate-row {
        padding-left: 10px;
        padding-right: 10px
    }

    .rate-row .promocode {
        margin-right: 12px
    }

    .rate-row .btn {
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .rate-row .rate-item__pay {
        margin-right: 12px
    }

    .rate-row .rate-item__top-img {
        margin-right: 10px;
        padding-right: 10px
    }

    .rate-row .rate-item__top-img img {
        width: 140px
    }
}

@media only screen and (max-width:1500px) {
    .cookies {
        max-width: 930px
    }

    .cookies-wrap {
        left: 251px;
        width: calc(100% - 251px)
    }

    body {
        font-size: 14px
    }

    .pt-120 {
        padding-top: 80px
    }

    .pt-100 {
        padding-top: 60px
    }

    .pt-80 {
        padding-top: 60px
    }

    .pb-120 {
        padding-bottom: 80px
    }

    .pb-100 {
        padding-bottom: 60px
    }

    .pb-80 {
        padding-bottom: 60px
    }

    .row {
        margin: 0 -7.5px
    }

    .row div[class*=col-] {
        padding: 0 7.5px
    }

    .container {
        max-width: 960px
    }

    .h1 {
        font-size: 30px
    }

    .h1--60 {
        font-size: 40px
    }

    .h2 {
        font-size: 40px;
        margin-bottom: 40px
    }

    .c-404 {
        height: calc(100% - 91px)
    }

    .c-404 .breadcrumb {
        margin-bottom: 50px
    }

    .c-404-content__subtitle {
        font-size: 40px
    }

    .c-404 .h1 {
        font-size: 290px
    }

    .menu {
        width: 251px
    }

    .menu-top {
        padding-bottom: 25px
    }

    .menu .hamburger {
        top: 14px;
        right: 10px
    }

    .menu-bottom {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .menu-bottom__list li+li {
        margin-top: 10px
    }

    .menu-bottom__list a {
        font-size: 14px
    }

    .menu-list__img img {
        width: 26px;
        height: 26px
    }

    .menu-list>li>a {
        font-size: 14px;
        padding: 4px 10px;
        padding-left: 11px
    }

    .header {
        padding-left: 251px;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .header .logo img {
        width: 190px
    }

    .btn-small {
        font-size: 14px
    }

    .btn-large {
        font-size: 14px;
        padding: 16px 19px
    }

    .btn-arrow__img {
        width: 24px;
        height: 24px
    }

    .btn-arrow__img svg {
        width: 12px
    }

    .main-content {
        width: calc(100% - 251px)
    }

    .main-nav {
        margin-right: 43px
    }

    .main-list li+li {
        margin-left: 28px
    }

    .main-list a {
        font-size: 16px
    }

    .lang {
        padding: 7px 5px;
        margin-right: 19px
    }

    .lang-toggler__img img {
        width: 23px
    }

    .lang-toggler__text {
        font-size: 14px
    }

    .lang-dropdown__link img {
        width: 23px
    }

    .lang-dropdown__link span {
        font-size: 14px
    }

    .search {
        padding: 30px 0 30px 251px
    }

    .search-list__price {
        font-size: 18px
    }

    .search-list__head {
        margin-bottom: 8px
    }

    .search-close svg {
        width: 21px;
        height: 21px
    }

    .search-item button {
        top: 0
    }

    .search-item button svg {
        width: 25px;
        height: 25px
    }

    .search-item input {
        font-size: 16px;
        padding-bottom: 18px;
        border-bottom-width: 1px;
        padding-bottom: 15px
    }

    .search-item input::-webkit-input-placeholder {
        font-size: 16px
    }

    .search-item input::-moz-placeholder {
        font-size: 16px
    }

    .search-item input:-ms-input-placeholder {
        font-size: 16px
    }

    .search-item input::-ms-input-placeholder {
        font-size: 16px
    }

    .search-item input::placeholder {
        font-size: 16px
    }

    .search-toggler svg {
        width: 25px;
        height: 25px
    }

    .home-nav {
        bottom: 40px
    }

    .home-slider-nav {
        max-width: 530px
    }

    .home-slider-nav .slick-list {
        padding-right: 30px !important
    }

    .home-slider-nav img {
        border-radius: 20px
    }

    .home-slider-nav__slide {
        padding: 0 6px
    }

    .home-slider-nav__item {
        border-radius: 20px
    }

    .home-slider-nav__item-name {
        font-size: 18px;
        left: 20px
    }

    .home-item {
        padding-top: 158px;
        padding-bottom: 145px
    }

    .home-item .h1 {
        margin-bottom: 27px;
        max-width: 480px
    }

    .home-item p {
        font-size: 14px;
        margin-bottom: 30px;
        max-width: 460px
    }

    .promocode {
        padding: 23px 13px 10px
    }

    .promocode-head {
        font-size: 16px
    }

    .promocode-value {
        font-size: 16px
    }

    .promocode-btn svg {
        width: 22px;
        height: 22px
    }

    .promocode-discaunt {
        top: -7px
    }

    .promocode-discaunt span {
        font-size: 12px
    }

    .rating-head {
        font-size: 16px;
        margin-right: 8px
    }

    .rating-value {
        font-size: 16px
    }

    .rating-stars svg {
        width: 20px;
        height: 20px
    }

    .rating-stars svg+svg {
        margin-left: 5px
    }

    .rate {
        padding: 60px 0
    }

    .rate .container {
        max-width: 990px
    }

    .rate-block {
        margin-bottom: 15px
    }

    .rate-box {
        padding: 20px;
        border-radius: 15px
    }

    .rate-box::after,
    .rate-box::before {
        border-radius: 15px
    }

    .rate-item {
        padding: 8px 15px 15px;
        border-radius: 15px
    }

    .rate-item .promocode {
        margin-bottom: 16px
    }

    .rate-item__nav .btn {
        padding: 8px 13px;
        font-size: 14px
    }

    .rate-item__top-img img {
        width: 154px
    }

    .rate-item__top-raiting svg {
        width: 35px;
        height: 35px
    }

    .rate-item__top-raiting span {
        font-size: 14px
    }

    .rate-item__header {
        padding-bottom: 6px;
        margin-bottom: 12px
    }

    .rate-item__pay {
        margin-bottom: 4px
    }

    .rate-item__pay-item {
        width: 38px;
        margin-right: 6px;
        padding: 5px 5px
    }

    .rate-item__line {
        margin-bottom: 5px
    }

    .rate-item__line svg {
        width: 20px;
        height: 22px;
        margin-left: 3px;
        margin-right: 3px
    }

    .rate-item__line-num {
        font-size: 18px
    }

    .rate-wrap .row {
        margin-bottom: -15px
    }

    .rate-row {
        padding: 12px 10px;
        margin-bottom: 15px;
        border-radius: 15px
    }

    .rate-row .promocode {
        padding: 4px 14px;
        width: 100%;
        max-width: 138px
    }

    .rate-row .promocode-discaunt {
        width: 150px;
        top: -24px
    }

    .rate-row .promocode-discaunt span {
        font-size: 12px
    }

    .rate-row .promocode-head {
        font-size: 12px
    }

    .rate-row .promocode-btn svg {
        width: 19px;
        height: 19px
    }

    .rate-row .btn {
        font-size: 12px
    }

    .rate-row .rate-item__header {
        margin-right: 0
    }

    .rate-row .rate-item__pay-head {
        font-size: 14px
    }

    .rate-row .rate-item__top-img {
        padding-right: 15px;
        margin-right: 1px
    }

    .rate-row .rate-item__top-img img {
        width: 127px
    }

    .selling-item__img img {
        height: 209px
    }

    .selling-item__price {
        font-size: 20px
    }

    .selling-item__head {
        font-size: 16px;
        margin-bottom: 10px
    }

    .selling-item__content {
        margin-top: -66px;
        padding-top: 40px
    }

    .selling-item .btn {
        font-size: 12px;
        padding: 10px 20px
    }

    .who .h2 {
        margin-bottom: 60px
    }

    .who-box {
        padding: 30px 15px;
        margin-bottom: 45px
    }

    .who-box p {
        font-size: 14px;
        margin-bottom: 25px
    }

    .who-box img {
        max-width: 248px
    }

    .homes-bg {
        padding-bottom: 19px
    }

    .blogs {
        padding-top: 117px;
        padding-bottom: 109px
    }

    .blogs .row {
        margin-bottom: 40px
    }

    .blogs-item__content {
        margin-top: -67px;
        padding: 50px 15px 20px
    }

    .blogs-item__img img {
        height: 215px
    }

    .blogs-item p {
        max-width: 230px
    }

    .blogs-item .h3 {
        font-size: 16px;
        margin-bottom: 14px
    }

    .advan-item {
        padding: 17px 10px;
        padding-right: 44px
    }

    .advan-item__img {
        margin-bottom: 18px
    }

    .advan-item__img img {
        width: 60px
    }

    .advan-item__label {
        font-size: 16px
    }

    .advan-item__head {
        font-size: 18px;
        padding-bottom: 7px;
        margin-bottom: 11px
    }

    .avatars--home {
        padding-top: 80px
    }

    .avatars .h2 {
        margin-bottom: 40px
    }

    .avatars-item__img {
        width: 150px;
        height: 150px;
        left: 22.5%
    }

    .avatars-item__content {
        width: 59%
    }

    .faq {
        background-size: 190px 192px
    }

    .faq-accordion__hidden p {
        font-size: 16px
    }

    .faq-accordion>li {
        padding: 11px 15px;
        margin-bottom: 20px
    }

    .faq-accordion>li>a {
        font-size: 16px
    }

    .faq-accordion>li>a.active {
        margin-bottom: 15px
    }

    .faq-accordion>li>a svg {
        margin-right: 20px
    }

    .stext-wrap {
        padding-bottom: 70px
    }

    .stext-content {
        max-width: 75%
    }

    .stext-long {
        max-width: 209px
    }

    .stext--home {
        padding-top: 35px
    }

    .stext-info h3 {
        font-size: 22px
    }

    .copyright p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .down {
        width: 54px;
        height: 54px;
        right: 45px;
        bottom: 45px
    }

    .down::before {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        left: -5px;
        top: -5px
    }

    .down svg {
        width: 14px
    }

    .footer-lang__drop-link {
        font-size: 16px
    }

    .footer-lang__toggler {
        padding: 3px 9px
    }

    .footer-lang__toggler span {
        font-size: 16px
    }

    .footer-readMore {
        font-size: 16px
    }

    .footer-middle {
        padding: 40px 0
    }

    .footer-middle__head {
        font-size: 14px;
        margin-bottom: 20px
    }

    .footer-middle .footer-list a {
        font-size: 14px
    }

    .footer-top {
        padding: 40px 0
    }

    .footer-top .socials li+li {
        margin-left: 15px
    }

    .footer-top .socials li a {
        width: 35px;
        height: 35px
    }

    .footer-top .socials li a svg:last-child {
        width: 18px;
        height: 18px
    }

    .footer-top__item-inner {
        margin-bottom: 20px
    }

    .footer-top__item-inner:nth-child(2) {
        margin-bottom: 25px
    }

    .footer-top__list a {
        font-size: 16px
    }

    .footer-top__info p {
        line-height: 1.8;
        font-size: 16px;
        margin-bottom: 35px
    }

    .footer-top__mail {
        font-size: 16px
    }

    .footer-top__tel {
        font-size: 18px;
        margin-bottom: 0
    }

    .footer-top__head {
        font-size: 18px;
        margin-bottom: 25px
    }

    .footer-list a {
        font-size: 16px
    }

    .breadcrumb li {
        font-size: 14px
    }

    .breadcrumb li a {
        font-size: 14px
    }

    .policy {
        padding-bottom: 80px
    }

    .policy-header {
        margin-bottom: 40px
    }

    .policy-header p {
        font-size: 16px
    }

    .policy-content__box {
        margin-bottom: 30px
    }

    .policy-content__date {
        font-size: 16px;
        margin-bottom: 30px
    }

    .policy-content h2 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .policy-content p {
        font-size: 16px
    }

    .policy-content ul li {
        font-size: 16px
    }

    .guide-nav {
        margin-bottom: 15px
    }

    .guide-nav__btn {
        padding: 10px 15px;
        font-size: 16px;
        margin-right: 15px
    }

    .guide-info h1 {
        margin-bottom: 20px
    }

    .contacts {
        padding: 80px 0
    }

    .contacts-info__row span {
        font-size: 16px
    }

    .contacts-info__row svg {
        margin-right: 10px;
        width: 20px
    }

    .form__item {
        margin-bottom: 30px
    }

    .inner p {
        font-size: 16px
    }

    .s-info__head {
        margin-bottom: 20px
    }

    .s-info p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .how {
        padding: 60px 0 40px
    }

    .how-item {
        padding: 15px 15px
    }

    .how-item p {
        font-size: 16px
    }

    .about {
        padding: 60px 0
    }

    .about-box p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .games-img {
        max-width: 40%
    }

    .games .h1 {
        margin-bottom: 20px
    }

    .games p {
        font-size: 14px;
        margin-bottom: 30px
    }

    .boost-item {
        width: calc(25% - 15px);
        margin: 0 7.5px;
        padding: 25px 15px 15px
    }

    .boost-item__num {
        font-size: 100px
    }

    .boost-item__head {
        font-size: 18px
    }

    .help {
        padding: 30px 0
    }

    .help-item__label {
        font-size: 16px
    }

    .help-item__head {
        font-size: 24px
    }

    .help-item p {
        font-size: 16px;
        margin-bottom: 24px;
        max-width: 500px
    }

    .user-item {
        padding: 15px
    }

    .user-item__head {
        font-size: 18px;
        margin-bottom: 10px
    }

    .user-item p {
        margin-bottom: 15px
    }

    .user-slider {
        margin: 0 -7.5px 30px
    }

    .user-slide {
        padding: 0 7.5px
    }

    .game-item {
        margin-bottom: 15px;
        height: calc(100% - 15px)
    }

    .game-item__head {
        left: 15px;
        bottom: 15px;
        font-size: 22px
    }

    .review-screen__box {
        padding: 0 7.5px
    }

    .review-screen__row {
        margin: 0 -7.5px
    }

    .review-header p {
        font-size: 16px;
        max-width: 800px
    }

    .review-rate__raiting span {
        font-size: 14px
    }

    .review-rate__raiting svg {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:1365px) {
    .c-404 {
        height: calc(100vh - 91px)
    }

    .c-404 .breadcrumb {
        margin-bottom: 50px
    }

    .c-404 .h1 {
        font-size: 220px
    }

    .cookies-wrap {
        left: 15px;
        width: calc(100% - 30px);
        bottom: 15px
    }

    .search {
        padding-left: 0
    }

    .search-item {
        margin-left: 0;
        margin-right: 100px;
        max-width: 100%;
        width: auto
    }

    .main-sidebar {
        position: static;
        height: auto
    }

    .main-content {
        width: 100%
    }

    .main-list li+li {
        margin-left: 20px
    }

    .header {
        padding-left: 0
    }

    .header .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 30px
    }

    .menu {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        width: 285px;
        z-index: 3000;
        position: fixed;
        left: 0;
        top: 0
    }

    .menu .h-js-game {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 12px;
        margin-left: 10px
    }

    .menu .h-js-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .menu .h-js-text {
        display: none
    }

    .menu-list>li>a {
        padding-left: 15px;
        padding-right: 15px
    }

    .menu.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .down {
        right: 30px;
        bottom: 30px
    }

    .blogs-slider-wrap .slider-nav__arrow {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: -80px
    }

    .blogs-slider-wrap .slider-nav__prev {
        left: 0
    }

    .blogs-slider-wrap .slider-nav__next {
        right: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media only screen and (max-width:1200px) {
    .promocode {
        padding-top: 20px
    }

    .promocode-discaunt {
        top: -8px
    }

    .promocode-discaunt span {
        font-size: 12px
    }

    .promocode-head {
        font-size: 16px
    }

    .promocode-btn svg {
        width: 18px;
        height: 18px
    }

    .promocode-value {
        font-size: 18px
    }

    .rating-head {
        font-size: 16px;
        margin-right: 10px
    }

    .rating-stars svg {
        width: 22px;
        height: 22px
    }

    .rate-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .rate-row .rating {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 26px;
        width: 100%
    }

    .rate-row .rating-head {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 15px;
        color: #fff
    }

    .rate-row .promocode {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 20px;
        margin-bottom: 23px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
        max-width: 100%
    }

    .rate-row .promocode-row {
        margin-bottom: 0
    }

    .rate-row .promocode-discaunt {
        top: -8px;
        max-width: 135px
    }

    .rate-row .promocode-discaunt span {
        font-size: 12px
    }

    .rate-row .btn {
        width: calc(50% - 8px);
        margin: 0
    }

    .rate-row .btn-green {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .rate-row .btn-blue {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        margin-left: 16px
    }

    .rate-row .promocode {
        margin-right: 0
    }

    .rate-row .rating {
        margin-right: 0
    }

    .rate-row .rate-item__pay {
        margin-right: 0;
        margin-bottom: 8px
    }

    .rate-row .rate-item__pay-box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .rate-row .rate-item__pay-head {
        display: none
    }

    .rate-row .rate-item__header {
        padding-bottom: 12px;
        margin-bottom: 17px;
        border-bottom: 1px solid rgba(221, 216, 255, .1);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-right: 0
    }

    .rate-row .rate-item__top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .rate-row .rate-item__top-img {
        padding-right: 0;
        margin-right: 0
    }

    .rate-row .rate-item__top-img::before {
        display: none
    }

    .rate-item {
        padding-left: 15px;
        padding-right: 15px
    }

    .rate-item__top-img img {
        max-width: 180px
    }

    .avatars-item__img {
        width: 150px;
        height: 150px;
        left: 21.5%
    }

    .advan .row {
        margin-bottom: -15px
    }

    .advan-item {
        margin-bottom: 15px;
        height: calc(100% - 15px)
    }

    .advan-item__label {
        font-size: 14px
    }
}

@media only screen and (max-width:1023px) {
    .c-404 {
        height: calc(100vh - 81px)
    }

    .about-box {
        padding: 20px 15px
    }

    .how-item {
        padding: 20px 15px
    }

    .s-info {
        padding: 80px 0
    }

    .s-info__img {
        display: none
    }

    .contacts {
        padding: 80px 0
    }

    .contacts-info {
        padding-top: 0;
        margin-bottom: 40px
    }

    .contacts-form {
        margin-left: 0
    }

    .c-menu {
        background: #1b1923;
        padding: 60px 16px 33px;
        position: fixed;
        overflow-y: auto;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        width: 100%;
        height: 100%;
        z-index: 3001;
        left: 0;
        top: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        display: block
    }

    .c-menu.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .c-menu .socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-menu .socials li+li {
        margin-left: 10px
    }

    .c-menu .socials li a {
        width: 40px;
        height: 40px
    }

    .c-menu .lang {
        width: 49px;
        padding: 7px 4px;
        margin: 0 auto 30px;
        z-index: 20
    }

    .c-menu .lang-dropdown {
        z-index: 20;
        background: #1b1923
    }

    .c-menu .lang-dropdown__link img {
        display: none
    }

    .c-menu .lang-dropdown__link span {
        font-size: 16px
    }

    .c-menu .lang-toggler img {
        display: none
    }

    .c-menu .lang-toggler__text {
        font-size: 16px
    }

    .c-menu .menu-bottom__list {
        text-align: center;
        margin-bottom: 23px
    }

    .c-menu .menu-bottom__list a {
        font-weight: 600;
        font-size: 16px
    }

    .c-menu-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }

    .c-menu-contact__tel {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 8px
    }

    .c-menu-contact__mail {
        color: #d3d3d3;
        font-size: 16px
    }

    .c-menu-search {
        max-width: 243px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        margin-bottom: 30px
    }

    .c-menu-search svg {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .c-menu-search input {
        display: block;
        width: 100%;
        font-family: Inter, sans-serif;
        font-size: 16px;
        color: #fff;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        -webkit-appearance: none;
        border-radius: 0;
        padding: 15px 0;
        border-bottom: 1px solid #4a4757;
        background: 0 0;
        padding-right: 35px
    }

    .c-menu-search input::-webkit-input-placeholder {
        font-size: 16px;
        color: #868686;
        font-family: Inter, sans-serif
    }

    .c-menu-search input::-moz-placeholder {
        font-size: 16px;
        color: #868686;
        font-family: Inter, sans-serif
    }

    .c-menu-search input:-ms-input-placeholder {
        font-size: 16px;
        color: #868686;
        font-family: Inter, sans-serif
    }

    .c-menu-search input::-ms-input-placeholder {
        font-size: 16px;
        color: #868686;
        font-family: Inter, sans-serif
    }

    .c-menu-search input::placeholder {
        font-size: 16px;
        color: #868686;
        font-family: Inter, sans-serif
    }

    .c-menu .main-nav {
        margin-right: 0;
        display: block
    }

    .c-menu .main-list {
        display: block;
        text-align: center;
        margin-bottom: 30px
    }

    .c-menu .main-list li+li {
        margin-left: 0;
        margin-top: 15px
    }

    .c-menu .main-list li a {
        font-size: 20px
    }

    .c-menu__close {
        position: absolute;
        z-index: 5;
        top: 26px;
        right: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-menu__close span {
        font-size: 12px;
        font-weight: 500;
        margin-right: 10px
    }

    .c-menu-toggler {
        display: block
    }

    .c-menu-toggler svg {
        display: block
    }

    .h1 {
        font-size: 40px
    }

    .h2 {
        font-size: 40px;
        margin-bottom: 45px
    }

    .home-item {
        padding-top: 128px
    }

    .header {
        padding: 20px 0
    }

    .header .lang,
    .header .search-toggler {
        display: none
    }

    .hamburger {
        margin-right: 0
    }

    .main-nav {
        display: none
    }

    .rate-block .row {
        margin-bottom: -15px
    }

    .rate-block .row>div {
        margin-bottom: 15px
    }

    .home-nav {
        bottom: 30px
    }

    .home-item {
        padding-bottom: 100px
    }

    .home-item .h1 {
        max-width: 460px
    }

    .home-slider-nav {
        display: none
    }

    .btn-large {
        padding: 12px 15px
    }

    .btn-arrow span:nth-child(2) {
        margin-right: 10px
    }

    .who .h2 {
        margin-bottom: 40px
    }

    .who img {
        display: none
    }

    .who-box {
        padding: 15px 0
    }

    .who-box__content {
        width: 50%;
        padding: 0 15px
    }

    .blogs-slider-wrap .slider-nav__arrow {
        top: -85px
    }

    .stext-content {
        max-width: 100%;
        margin-right: 0
    }

    .stext-long {
        display: none
    }

    .faq-accordion>li {
        margin-bottom: 15px
    }

    .faq-accordion>li>a {
        font-size: 14px
    }

    .faq-accordion>li>a svg {
        width: 30px;
        height: 30px;
        margin-right: 15px
    }

    .faq-accordion__hidden p {
        font-size: 14px
    }

    .avatars .h2 {
        margin-bottom: 45px
    }

    .avatars-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 30px
    }

    .avatars-item__info {
        width: 50%;
        margin-bottom: 15px
    }

    .avatars-item__img {
        margin-right: 0;
        position: relative;
        left: 0;
        margin-left: auto;
        width: 100px;
        height: 100px
    }

    .avatars-item__content {
        width: 100%
    }

    .footer {
        background-position: right center
    }

    .footer-top__info p {
        margin-bottom: 25px
    }

    .footer-top__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -45px
    }

    .footer-top__item {
        width: 50%;
        margin-bottom: 45px
    }

    .footer-middle__head {
        margin-bottom: 20px
    }

    .footer-middle__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -45px
    }

    .footer-middle__item {
        width: 33.333%;
        margin-bottom: 45px
    }

    .guide {
        padding-bottom: 80px
    }

    .review {
        padding-bottom: 80px
    }

    .review-screen__arrow {
        display: none
    }

    .review-screen__item {
        padding-bottom: 15px
    }

    .review-screen__row {
        overflow-x: auto;
        margin-bottom: -15px
    }

    .review-screen__box {
        min-width: 330px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .review-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .review-info__pay-show {
        display: none
    }

    .review-info>div {
        width: 100%
    }

    .review-info .promocode {
        margin: 0 auto 30px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: auto
    }

    .review-info__pay {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .review-info .rating {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .review-info .rate-item__pay {
        height: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 500px;
        margin: 0 auto 30px
    }

    .review-info .rate-item__pay::before {
        display: none
    }

    .boost-row {
        overflow-x: auto;
        padding-bottom: 15px;
        margin-bottom: -15px
    }

    .boost-item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 270px
    }

    .become-info {
        padding-left: 0;
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .c-404 {
        height: auto;
        padding-bottom: 0
    }

    .c-404 .breadcrumb {
        margin-bottom: 85px
    }

    .c-404-content .h1 {
        font-size: 160px
    }

    .c-404-content .btn {
        width: 100%;
        max-width: 128px;
        margin-bottom: 15px
    }

    .c-404-content__subtitle {
        font-size: 24px
    }

    .cookies {
        padding: 10px 10px;
        border-radius: 10px;
        display: block
    }

    .cookies-close {
        position: absolute;
        right: 10px;
        top: 10px
    }

    .cookies-close svg {
        width: 16px;
        height: 16px
    }

    .cookies-text {
        max-width: 100%;
        font-size: 12px;
        margin-bottom: 10px
    }

    .cookies-img {
        display: none
    }

    .become-img {
        margin: 0
    }

    .become-img img {
        margin: 0 auto
    }

    .become-box {
        display: block
    }

    .become-info {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px
    }

    .become-info__head {
        font-size: 18px
    }

    .become-info__item {
        height: 40px
    }

    .become-info__item span {
        font-size: 16px
    }

    .become-info__header {
        font-size: 16px
    }

    .become-info__header span {
        margin-right: 10px
    }

    .become-info__header svg {
        width: 12px;
        height: 14px
    }

    .boost-row {
        margin: 0 -6px -15px
    }

    .boost-item {
        padding: 25px 10px 10px;
        margin: 0 6px;
        width: calc(25% - 12px);
        min-width: 203px
    }

    .boost-item__num {
        font-size: 76px;
        top: 0
    }

    .boost-item__step {
        font-size: 12px;
        margin-bottom: 6px
    }

    .boost-item__head {
        font-size: 14px;
        padding-bottom: 6px;
        margin-bottom: 10px
    }

    .boost-item p {
        font-size: 12px
    }

    .boost .h2 {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }

    .help {
        padding: 33px 0 156px
    }

    .help-img {
        right: 0;
        max-width: 100%;
        bottom: 1px
    }

    .help-item .btn-medium {
        padding: 14px 30px;
        font-size: 16px
    }

    .help-item__head {
        font-size: 22px;
        margin-bottom: 15px
    }

    .help-item__label {
        font-size: 14px
    }

    .help-item p {
        margin-bottom: 20px;
        font-size: 14px
    }

    .selling .h2 {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }

    .selling .row {
        margin-bottom: -12px
    }

    .selling-sliders .slick-list {
        padding-bottom: 15px
    }

    .selling-sliders .row {
        margin-bottom: 0
    }

    .selling-sliders .slider-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .selling-item {
        margin-bottom: 12px
    }

    .selling-item__img {
        border-radius: 10px 10px 0 0
    }

    .selling-item__img img {
        height: 150px;
        border-radius: 10px 10px 0 0
    }

    .selling-item__content {
        padding: 29px 6px 10px 10px;
        margin-top: -30px
    }

    .selling-item__content .btn-small {
        font-size: 12px;
        padding: 5px 8px;
        white-space: nowrap
    }

    .selling-item__head {
        font-size: 12px;
        margin-bottom: 10px;
        line-height: 1.21
    }

    .selling-item__price {
        font-size: 14px
    }

    .games {
        padding-top: 89px;
        padding-bottom: 85px;
        overflow: hidden
    }

    .games-img {
        max-width: 70%;
        right: -60px
    }

    .games .breadcrumb {
        margin-bottom: 20px
    }

    .games p {
        font-size: 14px;
        margin-bottom: 23px
    }

    .games .h1 {
        margin-bottom: 21px
    }

    .review {
        padding-bottom: 47px
    }

    .review .h1 {
        margin-bottom: 24px
    }

    .review .breadcrumb {
        margin-bottom: 40px
    }

    .review-header {
        padding-bottom: 60px !important
    }

    .review-header p {
        font-size: 14px;
        margin-bottom: 27px
    }

    .review-info {
        margin-bottom: 18px
    }

    .review-info .rate-item__pay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .review-info .rate-item__pay-item {
        width: 44px;
        padding: 5px 5px
    }

    .review-info .promocode {
        padding: 16px 14px;
        margin-bottom: 22px;
        width: 100%;
        max-width: 302px
    }

    .review-info .promocode-btn svg {
        width: 25px;
        height: 25px
    }

    .review-info .promocode-head {
        font-size: 16px
    }

    .review-info .promocode-value {
        font-size: 18px
    }

    .review-info .promocode-discaunt {
        display: block;
        width: 137px
    }

    .review-rate__img img {
        width: 171px
    }

    .review-rate__raiting {
        width: 40px;
        height: 40px
    }

    .review-rate__raiting svg {
        width: 100%;
        height: 100%
    }

    .review-rate__raiting span {
        font-size: 16px
    }

    .review-screen__row {
        margin: 0
    }

    .review-screen__img {
        margin-bottom: 15px
    }

    .review-screen__content p {
        max-width: 90%
    }

    .review-screen__box {
        padding: 0 6px;
        min-width: 250px
    }

    .game .row {
        margin: 0 -9px
    }

    .game .row div[class*=col-] {
        padding: 0 9px
    }

    .game-item {
        margin-bottom: 18px;
        height: calc(100% - 18px)
    }

    .game-item__head {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 20px;
        font-size: 16px;
        width: 100%;
        text-align: center;
        padding: 0 8px
    }

    .float-r {
        float: none
    }

    .float-l {
        float: none
    }

    .about {
        padding: 40px 0
    }

    .about p {
        font-size: 14px;
        margin-bottom: 22px
    }

    .s-info {
        padding: 60px 0
    }

    .s-info__head {
        font-size: 18px;
        margin-bottom: 18px
    }

    .s-info p {
        font-size: 14px;
        margin-bottom: 24px
    }

    .how {
        padding: 40px 0 28px
    }

    .how-item {
        border-radius: 10px
    }

    .how-item::before {
        border-radius: 10px
    }

    .how-item__head {
        font-size: 16px;
        margin-bottom: 15px
    }

    .how-item p {
        font-size: 14px
    }

    .how-item--full {
        padding-bottom: 123px;
        height: calc(100% - 12px);
        margin-bottom: 12px
    }

    .how-item--half {
        background-position: center right -60px !important;
        height: calc(50% - 12px);
        margin-bottom: 12px
    }

    .how-item--half p {
        max-width: 75%
    }

    .guide {
        padding-bottom: 60px
    }

    .guide .policy-header {
        margin-bottom: 45px
    }

    .guide-nav__btn {
        font-size: 16px;
        padding: 10px 15px;
        margin-right: 10px
    }

    .guide-box .col-md-6 {
        width: 50%
    }

    .guide-box .row {
        margin-bottom: 28px
    }

    .guide-box .blogs-item {
        margin-bottom: 12px;
        height: calc(100% - 12px)
    }

    .guide-info {
        margin-bottom: 30px
    }

    .guide-info img {
        display: block;
        margin: 0 auto 20px !important
    }

    .guide-info h1 {
        margin-bottom: 18px
    }

    .guide-info p {
        font-size: 14px
    }

    .form__item {
        margin-bottom: 30px
    }

    .form__input {
        padding: 14px 0;
        font-size: 14px
    }

    .form__input::-webkit-input-placeholder {
        font-size: 14px
    }

    .form__input::-moz-placeholder {
        font-size: 14px
    }

    .form__input:-ms-input-placeholder {
        font-size: 14px
    }

    .form__input::-ms-input-placeholder {
        font-size: 14px
    }

    .form__input::placeholder {
        font-size: 14px
    }

    .form__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form__nav .btn {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .contacts {
        padding: 40px 0 60px
    }

    .contacts-form {
        padding: 15px 15px 30px;
        border-radius: 10px
    }

    .contacts-form .btn {
        margin-bottom: 24px;
        min-width: 116px;
        margin-left: 0
    }

    .contacts-info .h3 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .contacts-info p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .contacts-info__row span {
        font-size: 14px
    }

    .inner {
        padding: 88px 0 18px
    }

    .inner p {
        font-size: 14px
    }

    .breadcrumb {
        margin-bottom: 20px
    }

    .breadcrumb li {
        font-size: 14px
    }

    .breadcrumb li a {
        font-size: 14px
    }

    .policy {
        padding-bottom: 60px
    }

    .policy .breadcrumb {
        margin-bottom: 30px
    }

    .policy-header {
        margin-bottom: 30px
    }

    .policy-header p {
        font-size: 14px
    }

    .policy-content h2 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .policy-content__box {
        margin-bottom: 30px
    }

    .policy-content__date {
        font-size: 14px;
        margin-bottom: 30px
    }

    .policy-content ul {
        margin-bottom: 15px
    }

    .policy-content ul li {
        font-size: 14px
    }

    .policy-content p {
        font-size: 14px;
        margin-bottom: 15px
    }

    .down {
        right: 21px;
        bottom: 21px;
        width: 51px;
        height: 51px
    }

    .down svg {
        width: 16px;
        height: 28px
    }

    .down::before {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        left: -5px;
        top: -5px
    }

    .pt-120 {
        padding-top: 60px
    }

    .pt-100 {
        padding-top: 80px
    }

    .pt-80 {
        padding-top: 30px
    }

    .pb-120 {
        padding-bottom: 66px
    }

    .pb-100 {
        padding-bottom: 60px
    }

    .pb-80 {
        padding-bottom: 40px
    }

    .row {
        margin: 0 -6px
    }

    .row div[class*=col-] {
        padding: 0 6px
    }

    body {
        font-size: 14px
    }

    .h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .h2 {
        font-size: 26px;
        margin-bottom: 40px
    }

    .h3 {
        font-size: 16px
    }

    .btn-medium {
        font-size: 13px;
        padding: 11px 20px
    }

    .btn-medium.btn-blue::before {
        left: -1px;
        top: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px)
    }

    .btn-small {
        font-size: 13px
    }

    .btn-small::before {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        left: -1px;
        top: -1px
    }

    .header .hamburger {
        margin-right: 0
    }

    .header--static {
        padding: 18px 0 36px
    }

    .header .logo img {
        width: 138px
    }

    .homes-bg {
        padding-bottom: 0;
        background: url(/wp-content/themes/twentytwentyone/app/img/who-bg-mobile.png) no-repeat center bottom 133px;
        background-size: 100%
    }

    .blogs {
        background: url(/wp-content/themes/twentytwentyone/app/img/blogs-bg-mobile.png) no-repeat center center;
        background-size: 100% 100%
    }

    .blogs-slider {
        margin-bottom: 10px
    }

    .blogs-slider-wrap .slider-nav__arrow {
        top: -72px
    }

    .blogs-item {
        margin-bottom: 20px;
        height: calc(100% - 20px)
    }

    .blogs-item__img {
        border-radius: 10px 10px 0 0
    }

    .blogs-item__img img {
        border-radius: 10px 10px 0 0
    }

    .blogs-item__date {
        top: 12px;
        right: 9px
    }

    .blogs-item__content {
        padding: 40px 15px 15px;
        margin-top: -45px
    }

    .advan .h2 {
        margin-bottom: 38px
    }

    .advan .row {
        margin-bottom: -12px
    }

    .advan-item {
        padding: 10px 26px 10px 6px;
        margin-bottom: 12px;
        height: calc(100% - 12px);
        min-height: 179px
    }

    .advan-item__label {
        font-size: 12px;
        padding: 10px 2px
    }

    .advan-item__img {
        margin-bottom: 6px
    }

    .advan-item__img img {
        width: 39px;
        height: 39px
    }

    .advan-item__head {
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    .advan-item__text {
        font-size: 12px
    }

    .promocode {
        padding: 6px 10px
    }

    .promocode-head {
        font-size: 14px;
        margin-right: 6px
    }

    .promocode-btn svg {
        width: 22px;
        height: 22px
    }

    .promocode-value {
        font-size: 16px;
        margin-left: auto
    }

    .promocode-discaunt {
        display: none
    }

    .promocode-sale {
        display: block;
        color: #ff5a5a;
        font-size: 16px;
        font-weight: 600;
        margin-right: 5px
    }

    .rating-head {
        font-size: 18px;
        margin-right: 15px
    }

    .rating-value {
        font-size: 14px
    }

    .rating-stars svg+svg {
        margin-left: 3px
    }

    .rate {
        padding: 40px 0
    }

    .rate-wrap .row {
        margin-bottom: -10px
    }

    .rate-row {
        padding: 9px 10px;
        margin-bottom: 10px
    }

    .rate-row .promocode {
        padding: 8px 10px;
        margin-bottom: 16px
    }

    .rate-row .promocode-head {
        font-size: 14px
    }

    .rate-row .promocode-value {
        font-size: 16px
    }

    .rate-row .promocode-discaunt {
        display: none
    }

    .rate-row .rating {
        margin-bottom: 9px
    }

    .rate-row .rate-item__header {
        padding-bottom: 10px;
        margin-bottom: 12px
    }

    .rate-row .rate-item__top-img img {
        width: 100%;
        max-width: 171px
    }

    .rate-block {
        margin-bottom: 10px
    }

    .rate-block .row {
        margin-bottom: -10px
    }

    .rate-block .row>div {
        margin-bottom: 10px
    }

    .rate-item {
        padding: 10px
    }

    .rate-item__nav .btn {
        width: calc(50% - 6px)
    }

    .rate-item__nav .btn:last-child {
        margin-left: 12px
    }

    .rate-item__header {
        margin-bottom: 10px
    }

    .rate-item__pay {
        display: none
    }

    .rate-item__content .rating {
        margin-bottom: 12px
    }

    .rate-item__content .promocode {
        margin-bottom: 16px
    }

    .rate-item__top-img img {
        max-width: 171px
    }

    .rate-item__top-raiting {
        width: 40px;
        height: 40px
    }

    .rate-item__top-raiting svg {
        width: 100%;
        height: 100%
    }

    .rate-item__top-raiting span {
        font-size: 16px
    }

    .rate-item__line {
        margin-bottom: -1px
    }

    .rate-item__line svg {
        width: 12px;
        height: 12px;
        margin: 0 10px
    }

    .rate-item__line-num {
        font-size: 16px
    }

    .rate-box {
        border-radius: 10px;
        padding: 10px
    }

    .rate-box::before {
        border-radius: 10px
    }

    .rate-box::after {
        border-radius: 10px
    }

    .stext {
        background: 0 0
    }

    .stext-info h4 {
        font-size: 16px;
        margin-bottom: 15px
    }

    .stext-info h3 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .stext-info li,
    .stext-info ol,
    .stext-info p {
        margin-bottom: 20px
    }

    .stext .h2 {
        margin-bottom: 30px;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto
    }

    .stext-box {
        margin-bottom: 0
    }

    .home-item {
        padding-bottom: 100px
    }

    .home-item .h1 {
        max-width: 320px;
        margin-bottom: 16px
    }

    .home-item p {
        max-width: 360px;
        margin-bottom: 23px
    }

    .home-slide__bg--mobile {
        display: block !important
    }

    .home-slide__bg--desktop {
        display: none !important
    }

    .who .h2 {
        margin-bottom: 40px
    }

    .who-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 33px
    }

    .who-box::before {
        background: -webkit-gradient(linear, left top, left bottom, from(#9c8064), to(#4e4f55));
        background: linear-gradient(180deg, #9c8064 0, #4e4f55 100%)
    }

    .who-box__content {
        width: 100%;
        margin-bottom: 26px
    }

    .who-box__content:last-child {
        margin-bottom: 0
    }

    .who-box p {
        font-size: 14px;
        margin-bottom: 26px
    }

    .faq {
        background: 0 0;
        padding-bottom: 40px
    }

    .faq-accordion>li {
        margin-bottom: 12px;
        padding: 7px 10px
    }

    .faq-accordion>li>a {
        font-size: 14px
    }

    .faq-accordion>li>a.active {
        margin-bottom: 22px
    }

    .faq-accordion>li>a svg {
        margin-right: 10px;
        width: 18px;
        height: 18px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .faq-accordion__hidden p {
        font-size: 14px
    }

    .avatars--home {
        padding-top: 40px
    }

    .avatars .h2 {
        margin-bottom: 45px
    }

    .avatars-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 12px;
        padding: 15px 15px
    }

    .avatars-item__name {
        font-size: 16px
    }

    .avatars-item__info {
        width: 58%;
        margin-bottom: 15px;
        margin-right: 10px
    }

    .avatars-item__img {
        margin-right: 0;
        position: relative;
        left: 0;
        margin-left: auto;
        width: 102px;
        height: 102px
    }

    .avatars-item__content {
        width: 100%
    }

    .footer {
        background: url(/wp-content/themes/twentytwentyone/app/img/footer-bg-mobile.jpg) no-repeat center center;
        background-size: cover
    }

    .footer-lang {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 18px
    }

    .footer-list a {
        font-size: 14px
    }

    .footer-top {
        padding: 30px 0
    }

    .footer-top__list li a {
        font-size: 16px
    }

    .footer-top__tel {
        font-size: 18px
    }

    .footer-top__mail {
        font-size: 16px
    }

    .footer-top .socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer-top .socials li+li {
        margin-left: 10px
    }

    .footer-top .socials li a {
        width: 40px;
        height: 40px
    }

    .footer-top .socials li:nth-child(1) a svg:last-child {
        width: 18px;
        height: 18px
    }

    .footer-top .socials li:nth-child(2) a svg:last-child {
        width: 22px;
        height: 17px
    }

    .footer-top .socials li:nth-child(3) a svg:last-child {
        width: 19px;
        height: 19 px
    }

    .footer-top__logo img {
        margin-left: auto;
        margin-right: auto;
        width: 215px
    }

    .footer-top__info p {
        font-size: 14px;
        margin-bottom: 15px
    }

    .footer-top .footer-list a {
        font-size: 16px
    }

    .footer-top__head {
        font-size: 16px;
        margin-bottom: 15px
    }

    .footer-top__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -40px
    }

    .footer-top__item {
        width: 100%;
        margin-bottom: 40px;
        text-align: center
    }

    .footer-top__item-inner {
        margin-bottom: 20px
    }

    .footer-top__item-inner:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-top__item-inner:nth-child(2) {
        margin-bottom: 20px
    }

    .footer-top__item:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer-top__item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 50%
    }

    .footer-top__item:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 50%
    }

    .footer-top__item:nth-child(4) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer-middle {
        padding: 30px 0
    }

    .footer-middle__head {
        margin-bottom: 15px;
        font-size: 16px
    }

    .footer-middle__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -30px
    }

    .footer-middle__item {
        width: 100%;
        margin-bottom: 30px
    }

    .footer__bottom {
        padding: 40px 0 30px
    }

    .copyright p {
        font-size: 16px;
        line-height: 1.2187
    }

    .c-menu .main-list li+li {
        margin-top: 10px
    }

    .c-menu .main-list li a {
        font-size: 18px
    }
}

@media only screen and (max-width:480px) {
    .guide-box .col-md-6 {
        width: 100%
    }
}


body.menu-open .menu-list__img {
	margin-left: 8px;
	margin-right: 12px;
}

body.menu-open .menu-list li a {
	justify-content: flex-start;
}

.main-content {
	transition: width .35s ease 
}

.main-sidebar {
	overflow: hidden;
}

.menu-list li a {
	justify-content: flex-start;
}

.menu-list__text {
	white-space: nowrap;
}

.menu-bottom__list a {
	white-space: nowrap;
}