* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

::after, ::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    font-size: 62.5%
}

@media only screen and (min-width: 160em) {
    html {
        font-size: 71.42857%
    }
}

@media only screen and (max-width: 64em) {
    html {
        font-size: 58.82353%
    }
}

@media only screen and (max-width: 48em) {
    html {
        font-size: 55.55556%
    }
}

@media only screen and (max-width: 26.5625em) {
    html {
        font-size: 52.63158%
    }
}

@media only screen and (max-width: 23.4375em) {
    html {
        font-size: 50%
    }
}

@media only screen and (max-width: 20em) {
    html {
        font-size: 47.61905%
    }
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Muller, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    min-width: 320px;
    position: relative;
    overflow-x: hidden
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

a:link, a:visited {
    color: #fff
}

a:active, a:hover {
    opacity: .9;
    text-decoration: underline
}

img {
    max-width: 100%;
    display: block
}

.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    background-color: #d3d3d3
}

.container {
    max-width: 1140px;
    margin: 0 auto
}

@media only screen and (max-width: 75em) {
    .container {
        padding: 0 10px
    }
}

@-webkit-keyframes moveinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes moveinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes moveinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes moveinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes moveinbottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes moveinbottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}


/*
@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 300;
    src: local("OpenSans"), url(../fonts/OpenSans/OpenSans-Light.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 400;
    src: local("OpenSans"), url(../fonts/OpenSans/OpenSans-Regular.woff2) format("woff2");
    font-display: swap;
}
*/

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 800;
    src: local("OpenSans"), url(../fonts/OpenSans/OpenSans-ExtraBold.woff2) format("woff2");
    font-display: swap;
}

.heading-primary, .heading-secondary {
    /*font-weight: 800;*/
    color: #fff;
    text-align: center
}

.heading-primary {
    font-size: 36px;
    padding: 0 120px;
    margin-bottom: 25px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-animation: moveinbottom .5s linear;
    animation: moveinbottom .5s linear
}

@media only screen and (max-width: 64em) {
    .heading-primary {
        padding: 0 40px
    }
}

@media only screen and (max-width: 48em) {
    .heading-primary {
        font-size: 28px;
        margin-bottom: 25px;
        padding: 0
    }
}

.heading-secondary {
    font-size: 30px
}

@media only screen and (max-width: 48em) {
    .heading-secondary {
        font-size: 21px
    }
}

.heading-secondary--advantages, .heading-secondary--why {
    margin-bottom: 65px
}

@media only screen and (max-width: 48em) {
    .heading-secondary--advantages {
        margin-bottom: 55px
    }
}

.heading-secondary--features {
    margin-bottom: 50px
}

@media only screen and (max-width: 48em) {
    .heading-secondary--features {
        margin-bottom: 65px
    }
}

.heading-secondary--description {
    margin-bottom: 20px
}

@media only screen and (max-width: 48em) {
    .heading-secondary--description {
        margin-bottom: 35px;
        padding: 0 15px
    }
}

.heading-secondary--callback {
    margin-bottom: 10px
}

@media only screen and (max-width: 48em) {
    .heading-secondary--callback {
        margin-bottom: 35px;
        padding: 0 8px
    }
}

.form {
    font-family: OpenSans;
    padding-top: 57px;
    padding-bottom: 69px;
    background-color: rgba(0, 0, 0, .58);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

@media only screen and (max-width: 48em) {
    .form {
        padding-top: 50px;
        padding-bottom: 60px
    }
}

.form__wrap {
    max-width: 458px;
    width: 100%;
    padding: 10px;
    border: 10px solid #b01e2e;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-animation: moveinleft .5s linear;
    animation: moveinleft .5s linear
}

@media only screen and (max-width: 48em) {
    .form__wrap {
        padding: 5px
    }
}

.form__header {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 17px
}

@media only screen and (max-width: 48em) {
    .form__header {
        font-size: 18px
    }
}

@media only screen and (max-width: 48em) {
    .form__header {
        margin-bottom: 14px
    }
}

.form__choice {
    font-size: 16px;
    margin-bottom: 18px
}

@media only screen and (max-width: 48em) {
    .form__choice {
        font-size: 13px
    }
}

@media only screen and (max-width: 48em) {
    .form__choice {
        margin-bottom: 16px
    }
}

.form__checkbox-wrap {
    margin-bottom: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media only screen and (max-width: 48em) {
    .form__checkbox-wrap {
        margin-bottom: 18px
    }
}

.form__label {
    font-size: 14px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.form__label:not(:last-child) {
    margin-right: 33px
}

.form__label::before {
    color: #b01e2e;
    border: 2px solid #b01e2e;
    background-color: #fff;
    content: "";
    font-weight: 800;
    line-height: 10px;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

@media only screen and (max-width: 48em) {
    .form__label {
        font-size: 12px
    }
}

@media only screen and (max-width: 48em) {
    .form__label:not(:last-child) {
        margin-right: 24px
    }
}

@media only screen and (max-width: 48em) {
    .form__label::before {
        top: 0;
        margin-right: 7px
    }
}

.form__checkbox {
    display: none
}

.form__checkbox:checked + .form__label::before {
    content: "\2713"
}

.form__input {
    background: 0 0;
    outline: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
    color: inherit;
    font-weight: 300;
    font-size: 12px;
    max-width: 263px;
    width: 100%;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 17px;
    font-family: inherit;
    position: relative
}

.form__input:-ms-input-placeholder, .form__input::-moz-placeholder, .form__input::-ms-input-placeholder, .form__input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

.form__input:-ms-input-placeholder, .form__input::-moz-placeholder, .form__input::-ms-input-placeholder, .form__input::-webkit-input-placeholder, .form__input::placeholder {
    color: inherit;
    opacity: 1
}

.form__input:focus {
    border-bottom-width: 2px;
    padding-bottom: 4px
}

@media only screen and (max-width: 48em) {
    .form__input {
        font-size: 10px;
        max-width: 217px;
        margin-bottom: 12px
    }
}

.form__submit {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #b01e2e;
    font-family: inherit;
    color: inherit;
    border: none;
    outline: 0;
    margin-top: 12px;
    cursor: pointer;
    padding: 14px 33px
}

.form__submit:hover {
    opacity: .9;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.form__submit:active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 48em) {
    .form__submit {
        font-size: 10px;
        padding: 11px 29px
    }
}

.video {
    margin-right: 30px;
    width: 652px;
    height: 453px;
    background-color: #000;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 32.68px 10.32px rgba(16, 16, 16, .28);
    box-shadow: 0 0 32.68px 10.32px rgba(16, 16, 16, .28);
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-animation: moveinright .5s linear;
    animation: moveinright .5s linear;
    position: relative;

}

.preload-iframe{
    width: 100%;
}
.video__iframe {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 6px;
    display: none;

}
.youtube-button{
    position: absolute;
    width: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 75em) {
    .video {
        max-width: 458px;
        width: 100%
    }
}

@media only screen and (max-width: 64em) {
    .video {
        margin-bottom: 35px;
        margin-right: 0
    }
}

@media only screen and (max-width: 48em) {
    .video {
        height: 260px
    }
}

.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-weight: 500
}

@media only screen and (max-width: 64em) {
    .contacts {
        margin-right: 50px
    }
}

@media only screen and (max-width: 48em) {
    .contacts {
        display: none
    }
}

.contacts__phone {
    font-size: 23px;
    margin-bottom: 5px
}

.contacts__phone:link, .contacts__phone:visited {
    color: #9d1a28
}

@media only screen and (max-width: 48em) {
    .contacts__phone--footer {
        margin-bottom: 20px
    }
}

.contacts__mail {
    font-size: 18px
}

@media only screen and (max-width: 48em) {
    .contacts__mail--footer {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 64em) {
    .contacts--footer {
        margin-right: 0
    }
}

@media only screen and (max-width: 48em) {
    .contacts--footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.why__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.why__item {
    max-width: 320px;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 15px;
    margin-bottom: 30px
}

.why__item:hover > .why__icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.why__icon {
    margin-bottom: 15px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.why__header {
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    margin-bottom: 15px
}

.why__text {
    font-size: 14px;
    width: 100%
}

.advantages__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.advantages__item {
    max-width: 320px;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 15px;
    margin-bottom: 65px;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.advantages__item:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.advantages__icon {
    margin-bottom: 20px
}

.advantages__header {
    font-weight: 700;
    font-size: 18px;
    width: 100%
}

.nav-secondary {
    margin-right: 30px
}

@media only screen and (max-width: 48em) {
    .nav-secondary {
        max-width: none;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

.nav-secondary__item {
    width: 100%;
    background-color: rgba(0, 0, 0, .58);
    background-image: -o-linear-gradient(330deg, transparent 0, transparent 50%, #000 50%);
    background-image: -webkit-linear-gradient(330deg, transparent 0, transparent 50%, #000 50%);
    background-image: linear-gradient(120deg, transparent 0, transparent 50%, #000 50%);
    -webkit-background-size: 220% 220%;
    background-size: 220%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.nav-secondary__item:not(:last-child) {
    border-bottom: 1px solid rgba(79, 79, 79, .58)
}

.nav-secondary__item:hover {
    background-position: 100%
}

.nav-secondary__link {
    display: inline-block;
    padding: 14px 20px;
    font-size: 16px;
    min-width: 263px;
    width: 100%
}

.nav-secondary__link.active {
    color: #9d1a28;
    font-weight: 700
}

.bg-container {
    background-image: url(../img/dest/bg-header.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}

@media only screen and (max-width: 26.5625em) {
    .bg-container {
        background-image: url(../img/dest/bg-header-mob.png)
    }
}

.header {
    padding-top: 55px;
    padding-bottom: 55px
}

.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 50px
}

@media only screen and (max-width: 75em) {
    .header__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media only screen and (max-width: 64em) {
    .header__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.logo {
    font-weight: 800;
    font-size: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.logo:link, .logo:visited {
    color: #9d1a28
}

.logo:active, .logo:hover {
    text-decoration: none
}

.logo__img {
    display: inline-block;
    margin-right: 10px
}

.logo--footer {
    margin-bottom: 20px
}

.nav {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, .58)
}

.nav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 560px;
    font-size: 16px
}

@media only screen and (max-width: 64em) {
    .nav__list {
        display: none
    }
}

.nav__background {
    width: 30px;
    height: 18px;
    position: fixed;
    top: 25px;
    right: 10px
}

.burger__label {
    width: 30px;
    height: 22px;
    display: none;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    z-index: 11
}

.burger__label span {
    position: relative;
    background-color: #b01e2e;
    width: 30px;
    height: 2px
}

.burger__label span::after, .burger__label span::before {
    background-color: #b01e2e;
    width: 30px;
    height: 2px
}

.burger__label span::after, .burger__label span::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: '';
    -webkit-transition: top .2s linear .2s, -webkit-transform .2s ease-in;
    transition: top .2s linear .2s, -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in, top .2s linear .2s;
    transition: transform .2s ease-in, top .2s linear .2s;
    transition: transform .2s ease-in, top .2s linear .2s, -webkit-transform .2s ease-in
}

.burger__label span::before {
    top: -10px
}

.burger__label span::after {
    top: 10px
}

@media only screen and (max-width: 64em) {
    .burger__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        top: 25px;
        right: 10px
    }
}

.burger__checkbox {
    display: none
}

.burger__checkbox:checked ~ .burger__label {
    position: fixed
}

.burger__checkbox:checked ~ .burger__label span {
    height: 0
}

.burger__checkbox:checked ~ .burger__label span::after, .burger__checkbox:checked ~ .burger__label span::before {
    top: 0;
    -webkit-transition: top .2s linear, -webkit-transform .2s ease-in .2s;
    transition: top .2s linear, -webkit-transform .2s ease-in .2s;
    -o-transition: top .2s linear, transform .2s ease-in .2s;
    transition: top .2s linear, transform .2s ease-in .2s;
    transition: top .2s linear, transform .2s ease-in .2s, -webkit-transform .2s ease-in .2s
}

.burger__checkbox:checked ~ .burger__label span::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.burger__checkbox:checked ~ .burger__label span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.burger__checkbox:checked ~ .nav__background {
    background-color: #000;
    max-width: 100%;
    z-index: 10;
    height: 100vh;
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    -o-transition: transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    -webkit-transform: scale(80);
    -ms-transform: scale(80);
    transform: scale(80)
}

@media only screen and (max-width: 64em) {
    .burger__checkbox:checked ~ .nav__list {
        position: fixed;
        z-index: 10;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (max-width: 64em) {
    .burger__checkbox:checked ~ .nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 20px;
        z-index: 12;
        margin-top: 50px;
        -webkit-animation: moveinleft .4s linear;
        animation: moveinleft .4s linear
    }
}

@media only screen and (max-width: 64em) {
    .burger__checkbox:checked ~ .nav__list .nav__item {
        margin-bottom: 20px
    }
}

.nav--footer {
    background-color: #000
}

@media only screen and (max-width: 48em) {
    .nav--footer {
        padding-top: 30px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 48em) {
    .nav--footer .container {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.why {
    background-color: #b01e2e;
    padding-top: 60px;
    padding-bottom: 20px
}

@media only screen and (max-width: 48em) {
    .why {
        padding-bottom: 30px
    }
}

.advantages {
    background-image: url(../img/dest/bg-advantages.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 60px
}

@media only screen and (max-width: 26.5625em) {
    .advantages {
        background-image: url(../img/dest/bg-advantages-mob.png)
    }
}

.features {
    padding-top: 60px;
    padding-bottom: 55px;
    background-color: #b01e2e
}

@media only screen and (max-width: 48em) {
    .features {
        padding-top: 50px
    }
}

.features__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width: 64em) {
    .features__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.features__item {
    margin: 0 50px
}

@media only screen and (max-width: 64em) {
    .features__item {
        margin: 0
    }

    .features__item:not(:last-child) {
        margin-bottom: 45px
    }
}

.description {
    padding: 55px 0;
    background-image: url(../img/dest/bg-description.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media only screen and (max-width: 26.5625em) {
    .description {
        background-image: url(../img/dest/bg-description-mob.png)
    }
}

.description__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media only screen and (max-width: 48em) {
    .description__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.description__text {
    font-size: 16px
}

@media only screen and (max-width: 48em) {
    .description__text {
        margin-bottom: 50px
    }
}

.description__paragraph:not(:last-child) {
    margin-bottom: 23px
}

@media only screen and (max-width: 48em) {
    .description__paragraph:not(:last-child) {
        margin-bottom: 20px
    }
}

.callback {
    background-color: #b01e2e;
    padding-top: 50px;
    padding-bottom: 55px;
    text-align: center
}

.callback__phone {
    font-size: 36px;
    font-weight: 700
}

@media only screen and (max-width: 48em) {
    .callback__phone {
        font-size: 30px
    }
}

.footer__copyright {
    padding: 13px 0;
    text-align: center;
    font-size: 12px;
    background-color: #545454
}

.breadcrumbs {
    margin-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs div {
    margin: 10px
}

.breadcrumbs a {
    color: #9d1a28
}

.description__text {
    line-height: 1.4em
}

.description__text h2 {
    font-size: 20px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 15px
}

.description__text p {
    margin-bottom: 10px;
    font-size: 17px
}

.description__text ol, .description__text ul {
    padding-left: 30px;
    list-style-position: inside
}

.description__text ol li, .description__text ul li {
    padding-bottom: 10px
}

.description__text ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.description__text ul li:before {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    background: rgba(255, 255, 255, .7);
    margin-right: 10px
}

@media (max-width: 690px) {
    .pouring {
        font-size: 20px
    }
}

.text-validate {
    text-align: center;
    color: #fff;
    -webkit-animation: blur 1s ease-out infinite;
    animation: blur 1s ease-out infinite;
    text-shadow: 0 0 5px #fff, 0 0 7px #fff
}

@-webkit-keyframes blur {
    from {
        text-shadow: 0 0 10px #9f1c2a, 0 0 10px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 50px #9f1c2a, 0 0 50px #9f1c2a, 0 0 50px #7b96b8, 0 0 150px #7b96b8, 0 10px 100px #7b96b8, 0 10px 100px #7b96b8, 0 10px 100px #7b96b8, 0 10px 100px #7b96b8, 0 -10px 100px #7b96b8, 0 -10px 100px #7b96b8
    }
}

@keyframes blur {
    from {
        text-shadow: 0 0 10px #9f1c2a, 0 0 10px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 25px #9f1c2a, 0 0 50px #9f1c2a, 0 0 50px #9f1c2a, 0 0 50px #7b96b8, 0 0 150px #7b96b8, 0 10px 100px #7b96b8, 0 10px 100px #7b96b8, 0 10px 100px #7b96b8, 0 10px 100px #7b96b8, 0 -10px 100px #7b96b8, 0 -10px 100px #7b96b8
    }
}

@-webkit-keyframes move {
    40% {
        left: 50%;
        bottom: 75%;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        left: 90%;
        bottom: -10em
    }
}

@keyframes move {
    40% {
        left: 50%;
        bottom: 75%;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        left: 90%;
        bottom: -10em
    }
}

.sun {
    -webkit-animation: move 15s infinite linear;
    animation: move 15s infinite linear
}

.no-validate {
    border-bottom: 2px solid #9f1c2a;
    -webkit-animation: move 1s infinite ease-in-out;
    animation: move 1s infinite ease-in-out
}

@keyframes move {
    40% {
        border-bottom: 2px solid red
    }
    80% {
        border-bottom: 2px solid #9f1c2a
    }
}

.pageinfo {
    padding: 50px;
    min-height: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pageinfo .form__submit {
    text-decoration: none;
    max-width: 200px;
    text-align: center
}
.lang-menu{
    display: flex;
    align-items: center;
    margin-right: 44px;
}
.lang-menu ul{
    font-size: 14px;
    text-transform: uppercase;
}

@media(max-width: 1024px){

}