@charset "UTF-8";
.main {
    background-image: url(img/main.jpg);
    padding: 40px 0 90px
}

.prod1 {
    position: absolute;
    right: -20px;
    bottom: -60px
}

.main__title {
    font-size: 46px;
    margin-top: 48px;
    line-height: 64px;
    font-weight: 800;
    margin-bottom: 32px;
    padding-right: 245px
}

.main__list {
    font-size: 28px;
    width: 368px;
    position: relative;
    z-index: 1
}

.main__list li {
    margin-bottom: 24px;
    font-size: 16px;
    padding: 18px 0 18px 60px;
    font-weight: 600;
    background: url(img/galka1.png) left 15px center no-repeat #fff;
    border-radius: 28px;
    -webkit-filter: drop-shadow(0 10px 10px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, .1))
}

.main__list li:first-child {
    padding-top: 29px;
    padding-bottom: 29px
}

@media (min-width:992px) and (max-width:1199px) {
    .main__title {
        padding-right: 115px
    }
    .prod1 {
        width: 420px;
        bottom: -10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .main__title {
        padding-right: 0;
        font-size: 40px;
        line-height: normal
    }
}

@media (max-width:767px) {
    .main__title {
        text-align: center;
        padding: 0;
        margin-bottom: 15px;
        margin-top: 290px;
        font-size: 42px;
        line-height: normal
    }
    .main__list {
        width: 100%
    }
    .main__list li {
        padding-right: 15px;
        -ms-background-position-x: 10px;
        background-position-x: 10px;
        padding-left: 45px;
        font-size: 13px;
        background-size: 25px!important
    }
    .prod1 {
        position: static;
        width: 100%
    }
}

.footer {
    padding: 20px 0;
    text-align: center
}

.footer a {
    display: block
}

.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

.owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

.owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 30px;
    background-color: #bdbdbd!important;
    display: inline-block
}

.owl-dots .owl-dot.active {
    background-color: #73dcb0!important
}

.owl-nav {
    position: relative;
    margin-top: 15px
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
    position: absolute;
    height: 19px;
    width: 10px;
    background-repeat: no-repeat!important
}

.timer {
    text-align: center;
    margin-top: 15px
}

.timer__text {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center
}

.countdown__item {
    background-color: #fff;
    display: inline-block;
    width: 60px;
    color: #eb5757;
    font-size: 26px;
    font-weight: 700;
    padding-top: 5px;
    text-align: center;
    height: 64px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative
}

.countdown__item:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 12px;
    bottom: 10px;
    color: #000
}

.hour:after {
    content: 'horas'
}

.minute {
    margin: 0 15px
}

.minute:after {
    content: 'minutos'
}

.second:after {
    content: 'segundos'
}

@media (min-width:992px) and (max-width:1199px) {
    .timer__text {
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .timer {
        margin-top: 0
    }
    .timer__text {
        font-size: 22px
    }
}

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

.logo {
    float: left;
    margin: 6px 209px 6px 0
}

.top__item {
    width: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top__item span {
    font-size: 18px;
    font-weight: 700
}

.top__item img {
    height: 32px;
    margin-right: 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .logo {
        margin-right: 90px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .logo {
        float: none;
        margin: 0 auto 20px;
        display: block
    }
    .top__items {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 20px
    }
    .top__item {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .main {
        background-image: url(img/main_mob.jpg);
        padding-top: 20px
    }
    .logo {
        margin: 0 auto 15px;
        display: block;
        float: none
    }
    .top__items {
        display: block
    }
    .top__item {
        width: 100%;
        margin-bottom: 16px
    }
    .top__item img {
        margin-right: 25px
    }
}

.forma {
    background-color: #fff;
    padding: 32px;
    width: 320px;
    -webkit-filter: drop-shadow(0 10px 10px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, .1));
    margin: 80px 0 0 auto
}

.prices {
    text-align: center
}

.prices__title {
    color: #000;
    font-size: 23px;
    margin-bottom: 15px;
    font-weight: 700
}

.price__new {
    text-transform: uppercase;
    color: #eb5757;
    font-size: 56px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: normal
}

.form__list input,
.form__list select {
    margin-bottom: 10px;
    display: block;
    background-color: #f1f1f1;
    padding-left: 35px;
    border: 1px solid #dedede;
    height: 40px;
    width: 100%
}

.form__list input::-webkit-input-placeholder {
    color: #817f7d;
    font-size: 16px
}

.form__list input::-moz-placeholder {
    color: #817f7d;
    font-size: 16px
}

.form__list input:-ms-input-placeholder {
    color: #817f7d;
    font-size: 16px
}

.form__list input::-ms-input-placeholder {
    color: #817f7d;
    font-size: 16px
}

.form__list input::placeholder {
    color: #817f7d;
    font-size: 16px
}

.form__btn {
    color: #fff;
    font-weight: 700;
    width: 100%;
    height: 56px;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    background: #eb5757;
    -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .25);
    border-radius: 4px
}

.pri {
    text-align: center;
    color: #000;
    opacity: .5;
    margin-top: 15px
}

@media (min-width:768px) and (max-width:991px) {
    .forma {
        width: 100%;
        padding: 20px;
        margin-top: 70px
    }
    .prices__title {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .forma {
        width: 100%;
        padding: 20px;
        margin-top: 35px
    }
}

.form__horizontal .form__list {
    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
}

.form__horizontal input,
.form__horizontal select {
    border: 1px solid #f2f2f2;
    background-color: #f6f6f6;
    border-radius: 2px;
    margin-bottom: 0;
    color: #000;
    width: 256px;
    padding: 0 0 0 40px;
    height: 40px;
    background-position: left 15px center, center;
    background-repeat: no-repeat, repeat
}

.form__horizontal input::-webkit-input-placeholder,
.form__horizontal select::-webkit-input-placeholder {
    color: #333;
    font-size: 16px
}

.form__horizontal input::-moz-placeholder,
.form__horizontal select::-moz-placeholder {
    color: #333;
    font-size: 16px
}

.form__horizontal input:-ms-input-placeholder,
.form__horizontal select:-ms-input-placeholder {
    color: #333;
    font-size: 16px
}

.form__horizontal input::-ms-input-placeholder,
.form__horizontal select::-ms-input-placeholder {
    color: #333;
    font-size: 16px
}

.form__horizontal input::placeholder,
.form__horizontal select::placeholder {
    color: #333;
    font-size: 16px
}

.form__horizontal .form__btn {
    width: 256px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    background: #eb5757;
    -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .25);
    border-radius: 4px
}

.form__horizontal .pri {
    text-align: left;
    opacity: 1
}

@media (min-width:992px) and (max-width:1199px) {
    .forma {
        width: 100%;
        padding: 20px
    }
    .form__horizontal {
        margin-top: 15px
    }
    .form__horizontal input,
    .form__horizontal select {
        width: 215px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .form__horizontal {
        margin-top: 15px
    }
    .form__horizontal input,
    .form__horizontal select {
        width: 170px
    }
    .form__horizontal .form__btn {
        width: 180px
    }
}

.znakomo {
    background-color: #f1fbfd;
    padding-top: 70px;
    padding-bottom: 110px
}

.znakomo .section-title {
    margin-bottom: 30px
}

.znakomo__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.znakomo__item {
    width: 248px;
    text-align: center;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, .1))
}

.znakomo__item img {
    width: 100%
}

.znakomo__item p {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .znakomo__items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .znakomo__item {
        width: 225px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .znakomo__items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .znakomo__item {
        width: 170px
    }
    .znakomo__item p {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .form__horizontal .form__list {
        display: block!important
    }
    .form__horizontal .form__list input,
    .form__horizontal .form__list select {
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 10px;
        width: 100%;
        height: 43px;
    }
    .form__horizontal .form__btn {
        margin-top: 20px;
        height: 60px;
        width: 100%
    }
    .form__horizontal .pri {
        margin-top: 10px;
        margin-right: 0;
        text-align: center
    }
    .znakomo {
        padding-bottom: 70px
    }
    .znakomo .section-title {
        font-size: 30px
    }
    .znakomo__item {
        margin: 0 auto
    }
}

.prich {
    background-image: url(img/prich.jpg);
    background-position-y: 80px;
    padding-top: 90px;
    padding-bottom: 50px
}

.prich .section-title {
    margin-bottom: 40px
}

.prich__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.prich__item img {
    margin-right: 24px
}

.prich__item p {
    font-size: 24px
}

.prich__text {
    margin-top: 45px;
    font-size: 28px;
    padding: 48px 150px 0;
    font-weight: 600;
    border-top: 16px solid #73dcb0;
    text-align: center
}

@media (min-width:992px) and (max-width:1199px) {
    .prich__text {
        padding-left: 145px;
        padding-right: 145px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .prich .section-title {
        font-size: 40px
    }
    .prich__item p {
        font-size: 23px
    }
    .prich__text {
        padding: 40px 0 0
    }
}

@media (max-width:767px) {
    .prich {
        background-position-y: 0;
        padding-top: 70px;
        background-image: url(img/prich_mob.jpg)
    }
    .prich .section-title {
        font-size: 29px;
        margin-bottom: 20px
    }
    .prich__item {
        margin-bottom: 20px
    }
    .prich__item img {
        margin-right: 8px
    }
    .prich__item p {
        font-size: 14px
    }
    .prich__text {
        padding: 20px 0 35px;
        background-color: #f6f6f0;
        font-size: 14px
    }
}

.product1 {
    background-image: url(img/product1.jpg);
    padding-bottom: 30px
}

.product1 .forma {
    margin-top: 24px
}

.product1 .section-title {
    text-align: left;
    font-size: 40px;
    line-height: normal
}

.product1 .section-title:after {
    display: none
}

.product1 .logo {
    margin: 39px 0 35px;
    float: none
}

.prod2 {
    margin-top: 24px
}

.product1__text {
    font-size: 16px;
    padding: 19px 0 19px 90px;
    margin-top: 24px;
    text-transform: uppercase;
    border: 2px solid #73dcb0;
    border-radius: 4px;
    background: url(img/str.png) left 15px center no-repeat #fff
}

@media (min-width:992px) and (max-width:1199px) {
    .product1 .section-title {
        font-size: 33px
    }
    .product1__text {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .product1 .section-title {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .product1 {
        background-image: url(img/product1_mob.jpg);
        padding-top: 507px;
        padding-bottom: 55px
    }
    .product1 .section-title {
        font-size: 30px;
        text-align: center
    }
    .product1 .logo {
        margin: 0 auto 32px
    }
    .product1 .prod2 {
        width: 100%;
        margin-top: 15px
    }
}

.help {
    background-image: url(img/help.jpg);
    padding-top: 68px
}

.help .section-title {
    text-align: left;
    line-height: normal;
    margin-bottom: 12px;
    margin-top: 40px
}

.help .section-title:after {
    right: auto
}

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

.help__text p span {
    font-weight: 700
}

@media (min-width:992px) and (max-width:1199px) {
    .help .section-title {
        font-size: 40px
    }
    .prod3 img {
        width: 100%
    }
    .help__text p {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .help .section-title {
        font-size: 37px
    }
    .prod3 img {
        width: 100%
    }
    .help__text p {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .help {
        padding: 20px 0 40px
    }
    .help .section-title {
        text-align: center;
        font-size: 30px
    }
    .help .section-title:after {
        right: 0
    }
    .prod3 img {
        width: 100%
    }
}

.preim {
    background: linear-gradient(96.92deg, #ddf5fa 11.41%, #d2fcea 100%);
    padding: 100px 0
}

.preim .section-title {
    margin-bottom: 48px
}

.preim .section-title span {
    text-transform: uppercase
}

.preim__item {
    -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.preim__item p {
    font-size: 18px;
    padding: 32px 16px 0;
    line-height: 32px;
    background-color: #fff
}

@media (min-width:992px) and (max-width:1199px) {
    .preim__item img {
        width: 165px
    }
    .preim__item p {
        line-height: normal;
        padding-top: 28px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .preim__item img {
        width: 130px
    }
    .preim__item p {
        line-height: normal;
        padding-top: 12px;
        font-size: 14px
    }
}

@media (max-width:767px) {
    .preim {
        padding-top: 65px;
        padding-bottom: 0;
    }
    .product2 {
        padding-top: 0 !important;
    }
    .preim .section-title {
        font-size: 26px
    }
    .preim__item {
        display: block;
        margin-bottom: 32px
    }
    .preim__item p {
        font-size: 17px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    .prod4 img {
        width: 100%
    }
}

.product2 {
    background-color: #e4f5f8;
    padding: 30px 0
}

.product2 .new_price_text {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.product2 .price__new {
    font-weight: 800
}

.product2 .prices {
    margin-top: 38px
}

@media (min-width:992px) and (max-width:1199px) {
    .product2 .new_price_text {
        font-size: 19px
    }
    .prod4 img {
        width: 100%
    }
}

.zakaz {
    padding: 80px 0
}

.zakaz .section-title {
    margin-bottom: 20px
}

.zakaz__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.zakaz__item {
    width: 176px;
    text-align: center
}

.zakaz__item span {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin: 10px 0;
    line-height: normal
}

.zakaz__item p {
    font-size: 16px
}

@media (max-width:767px) {
    .zakaz .section-title {
        font-size: 30px
    }
    .zakaz__items {
        display: block
    }
    .zakaz__item {
        margin: 0 auto
    }
}

.reviews {
    background: linear-gradient(96.92deg, #d2fcea 11.41%, #ddf5fa 100%);
    padding: 80px 0
}

.reviews .section-title span {
    text-transform: uppercase
}

.rev__item {
    -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
    border-radius: 3px;
    height: 304px;
    margin: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 48px 40px 40px;
    background: url(img/kav.png) right 30px bottom 30px no-repeat #fff
}

.rev__img {
    width: 160px;
    color: #000;
    margin-right: 32px
}

.rev__img span {
    font-size: 16px;
    display: block;
    margin-top: 8px;
    font-weight: 700
}

.rev__text {
    font-size: 16px;
    line-height: 24px
}

.rev__text span {
    font-weight: 700
}

@media (min-width:992px) and (max-width:1199px) {
    .reviews .section-title {
        font-size: 34px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .product2 .prices {
        margin-top: 0
    }
    .zakaz__items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .reviews .section-title {
        font-size: 33px
    }
    .rev__item {
        height: auto
    }
    .rev__text {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .main {
        padding-bottom: 10px;
    }
    .reviews {
        padding-bottom: 0;
    }
    .reviews .section-title {
        font-size: 30px;
        margin-bottom: 30px
    }
    .rev__img {
        width: 100%;
        margin-bottom: 10px
    }
    .rev__item {
        display: block;
        text-align: center;
        height: auto;
        margin: 0 0 32px;
        padding: 40px 24px 75px;
        background-position: right 30px bottom 15px
    }
    .rev__text {
        text-align: left
    }
    .container {
        width: 320px
    }
}

.section-title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    position: relative
}

.section-title:after {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    top: -15px;
    height: 4px;
    width: 176px;
    background-color: #73dcb0;
    margin: 0 auto
}

body {
    background-color: #fff;
    font-family: Inter, sans-serif;
    margin: 0
}

.form__item {
    position: relative
}

i {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto
}

p {
    margin: 0
}

a {
    text-decoration: none!important
}

ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

button {
    outline: 0
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0;
    -moz-appearance: none;
    appearance: none
}

section {
    background-repeat: no-repeat;
    background-position: center top
}

.container {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

footer {
    text-align: center;
    padding: 20px 0
}

footer a {
    display: block
}


@media (max-width: 767px) {
    .main__title {
        font-size: 28px;
        margin-top: 320px;
    }

    .prod1 {
        width: 75%;

        display: block;
        margin: 0 auto;
    }
}