@charset "UTF-8";



.counter__elem,

.disease,

.out,

.reviews__item,

.slick-list {

   overflow: hidden

}



.slick-list,

.slick-slider,

.slick-track {

   display: block;

   position: relative

}



.slick-loading .slick-slide,

.slick-loading .slick-track {

   visibility: hidden

}



.clr,

.hurryUp,

.inner,

.slick-list,

.slick-slider,

.slick-track {

   position: relative

}



.slick-dots,

ol,

ul {

   list-style: none

}



.arrows__title,

.consist__item-title,

.consist__title,

.counter__title-bold,

.delivery__title,

.expert__title,

.header__title,

.hurryUp__text,

.list-item,

.navbar-button,

.order .form .form-button,

.order .form__submit,

.order__title,

.red__product,

.sfooter__title {

   text-transform: uppercase

}



@font-face {

   font-family: slick;

   font-weight: 400;

   font-style: normal;

   src: url(../fonts/slick.eot);

   src: url(../fonts/slick.eot#iefix) format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url(../images/slick.svg#slick) format("svg")

}



.slick-slider {

   -webkit-box-sizing: border-box;

           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 {

   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);

   transform: translate3d(0, 0, 0)

}



.slick-track {

   top: 0;

   left: 0;

   margin-left: auto;

   margin-right: auto

}



.slick-track:after,

.slick-track:before {

   display: table;

   content: ''

}



.slick-track:after {

   clear: both

}



.slick-slide {

   display: none;

   float: left;

   height: 100%;

   min-height: 1px

}



.right,

.right-xl,

[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-vertical .slick-slide {

   display: block;

   height: auto;

   border: 1px solid transparent

}



.slick-arrow.slick-hidden {

   display: none

}



.slick-loading .slick-list {

   background: url(../images/ajax-loader.gif) center center no-repeat #fff

}



a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

   margin: 0;

   padding: 0;

   border: 0;

   font: inherit;

   vertical-align: baseline;

   -webkit-box-sizing: border-box;

   box-sizing: border-box

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

   display: block

}



body {

   line-height: 1;

   font-family: Roboto, sans-serif;

   -webkit-text-size-adjust: 100%

}



blockquote,

q {

   quotes: none

}



blockquote:after,

blockquote:before,

q:after,

q:before {

   content: '';

   content: none

}



.clr:after,

.hurryUp:after,

.inner:after {

   content: " ";

   clear: both

}



table {

   border-collapse: collapse;

   border-spacing: 0

}



@font-face {

   font-family: Roboto;

   font-style: normal;

   font-weight: 300;

   src: url(../fonts/roboto-300.eot);

   src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/roboto-300.eot#iefix) format("embedded-opentype"), url(../fonts/roboto-300.woff2) format("woff2"), url(../fonts/roboto-300.woff) format("woff"), url(../fonts/roboto-300.ttf) format("truetype"), url(../images/roboto-300.svg#Roboto) format("svg")

}



@font-face {

   font-family: Roboto;

   font-style: normal;

   font-weight: 400;

   src: url(../fonts/roboto-regular.eot);

   src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto-regular.eot#iefix) format("embedded-opentype"), url(../fonts/roboto-regular.woff2) format("woff2"), url(../fonts/roboto-regular.woff) format("woff"), url(../fonts/roboto-regular.ttf) format("truetype"), url(../images/roboto-regular.svg#Roboto) format("svg")

}



@font-face {

   font-family: Roboto;

   font-style: normal;

   font-weight: 500;

   src: url(../fonts/roboto-500.eot);

   src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/roboto-500.eot#iefix) format("embedded-opentype"), url(../fonts/roboto-500.woff2) format("woff2"), url(../fonts/roboto-500.woff) format("woff"), url(../fonts/roboto-500.ttf) format("truetype"), url(../images/roboto-500.svg#Roboto) format("svg")

}



@font-face {

   font-family: Roboto;

   font-style: normal;

   font-weight: 700;

   src: url(../fonts/roboto-700.eot);

   src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto-700.eot#iefix) format("embedded-opentype"), url(../fonts/roboto-700.woff2) format("woff2"), url(../fonts/roboto-700.woff) format("woff"), url(../fonts/roboto-700.ttf) format("truetype"), url(../images/roboto-700.svg#Roboto) format("svg")

}



@font-face {

   font-family: 'Myriad Pro';

   font-style: normal;

   font-weight: 400;

   src: url(../fonts/MyriadProRegular.eot);

   src: local("Myriad Pro"), local("MyriadPro-Regular"), local("MyriadProRegular"), local("Myriad-Pro-Regular"), url(../fonts/MyriadProRegular.eot#iefix) format("embedded-opentype"), url(../fonts/MyriadProRegular.woff2) format("woff2"), url(../fonts/MyriadProRegular.woff) format("woff"), url(../fonts/MyriadProRegular.ttf) format("truetype"), url(../images/MyriadProRegular.svg#Roboto) format("svg")

}



@-webkit-keyframes scaling {

   0% {

      -webkit-transform: scale(1);

      transform: scale(1)

   }



   50% {

      -webkit-transform: scale(1.5);

      transform: scale(1.5)

   }



   100%,

   80% {

      opacity: 0

   }

}



@keyframes scaling {

   0% {

      -webkit-transform: scale(1);

      transform: scale(1)

   }



   50% {

      -webkit-transform: scale(1.5);

      transform: scale(1.5)

   }



   100%,

   80% {

      opacity: 0

   }

}



@-webkit-keyframes buzz {



   0%,

   100% {

      -webkit-transform: translate(0, 0) rotate(0);

      transform: translate(0, 0) rotate(0)

   }



   25% {

      -webkit-transform: translate(-2px, 0) rotate(10deg);

      transform: translate(-2px, 0) rotate(10deg)

   }



   75% {

      -webkit-transform: translate(2px, 0) rotate(-10deg);

      transform: translate(2px, 0) rotate(-10deg)

   }

}



@keyframes buzz {



   0%,

   100% {

      -webkit-transform: translate(0, 0) rotate(0);

      transform: translate(0, 0) rotate(0)

   }



   25% {

      -webkit-transform: translate(-2px, 0) rotate(10deg);

      transform: translate(-2px, 0) rotate(10deg)

   }



   75% {

      -webkit-transform: translate(2px, 0) rotate(-10deg);

      transform: translate(2px, 0) rotate(-10deg)

   }

}



@-webkit-keyframes jade {



   0%,

   10% {

      -webkit-transform: translateY(50%);

      transform: translateY(50%);

      opacity: 0

   }



   10% {

      -webkit-transform: translateY(50%) translateX(25%);

      transform: translateY(50%) translateX(25%);

      opacity: 0

   }



   20%,

   80% {

      -webkit-transform: translateY(50%) translateX(50%);

      transform: translateY(50%) translateX(50%);

      opacity: 1

   }



   100% {

      -webkit-transform: translateY(50%) translateX(100%);

      transform: translateY(50%) translateX(100%);

      opacity: 0

   }

}



@keyframes jade {



   0%,

   10% {

      -webkit-transform: translateY(50%);

      transform: translateY(50%);

      opacity: 0

   }



   10% {

      -webkit-transform: translateY(50%) translateX(25%);

      transform: translateY(50%) translateX(25%);

      opacity: 0

   }



   20%,

   80% {

      -webkit-transform: translateY(50%) translateX(50%);

      transform: translateY(50%) translateX(50%);

      opacity: 1

   }



   100% {

      -webkit-transform: translateY(50%) translateX(100%);

      transform: translateY(50%) translateX(100%);

      opacity: 0

   }

}



@-webkit-keyframes sizing {



   0%,

   25% {

      width: 100%

   }



   100% {

      width: 0

   }

}



@keyframes sizing {



   0%,

   25% {

      width: 100%

   }



   100% {

      width: 0

   }

}



html {

   font-size: 16px

}



.out {

   min-width: 320px

}



.inner {

   margin-left: auto;

   margin-right: auto;

   padding-left: 15px;

   padding-right: 15px;

   width: 1140px

}



.inner:after {

   display: table

}



::-webkit-input-placeholder {

   color: #9e0039

}



::-moz-placeholder {

   color: #9e0039

}



:-ms-input-placeholder {

   color: #9e0039

}



::-ms-input-placeholder {

   color: #9e0039

}



::placeholder {

   color: #9e0039

}



[class*=i-icon] {

   display: inline-block

}



.left,

.left-xl {

   float: left

}



.clr:after {

   display: table

}



.bold {

   font-weight: 700

}



span.desktop-block {

   display: block

}



.hurryUp {

   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MS42IDUxLjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxLjYgNTEuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBpZD0iWE1MSURfMV8iIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRjAwMDA7c3Ryb2tlLXdpZHRoOjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBjeD0iMjUuOCIgY3k9IjI1LjgiIHI9IjI0LjMiLz4NCjxnIGlkPSJYTUxJRF8zXyI+DQoJPGcgaWQ9IlhNTElEXzg5XyI+DQoJCTxwYXRoIGlkPSJYTUxJRF85MF8iIHN0eWxlPSJmaWxsOiNGRjAwMDA7IiBkPSJNMjYuNCwzOS41TDI2LjQsMzkuNWMtMC44LDAtMS41LTAuMy0yLTAuOXMtMC44LTEuMy0wLjgtMi4xYzAtMC45LDAuMy0xLjYsMC44LTIuMQ0KCQkJYzAuNS0wLjYsMS4yLTAuOCwyLTAuOGMwLjksMCwxLjYsMC4zLDIuMSwwLjhjMC41LDAuNiwwLjgsMS4zLDAuOCwyLjFzLTAuMywxLjYtMC44LDIuMUMyOCwzOS4zLDI3LjMsMzkuNSwyNi40LDM5LjV6IE0yOCwyOS43DQoJCQloLTMuM2wtMS0xOWg1LjRMMjgsMjkuN3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);

   background-repeat: no-repeat;

   background-size: 50px 50px;

   background-position: 22px center;

   width: 820px;

   min-height: 84px;

   font-size: 0;

   margin: 0 auto 0 20px;

   background-color: rgba(255, 255, 255, .9);

   border: 1px solid red;

   padding: 20px 25px 20px 100px;

   -webkit-transition: top .5s;

   transition: top .5s

}



.hurryUp:after {

   display: table

}



.hurryUp__wrapper {

   position: absolute;

   width: 1140px;

   top: 25px;

   left: 0;

   right: 0;

   margin: 0 auto;

   z-index: 250

}



.hurryUp__wrapper.js-fixed {

   position: fixed;

   top: 70px

}



.hurryUp__wrapper.js-absolute {

   top: 28px

}



.hurryUp__close {

   cursor: pointer;

   position: absolute;

   right: 13px;

   top: 5px;

   display: block;

   width: 20px;

   height: 20px;

   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgaWQ9IlhNTElEXzFfIiBzdHlsZT0iZmlsbDojRkYwMDBEOyIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+DQo8cGF0aCBpZD0iWE1MSURfMl8iIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNNC44LDQuOGwxMC40LDEwLjRMNC44LDQuOHoiLz4NCjxsaW5lIGlkPSJYTUxJRF8zXyIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSIxNS4yIiB5MT0iNC44IiB4Mj0iNC44IiB5Mj0iMTUuMiIvPg0KPC9zdmc+DQo=);

   background-size: contain

}



.hurryUp__text {

   font-family: Roboto, sans-serif;

   display: inline-block;

   vertical-align: middle;

   position: absolute;

   top: 50%;

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%);

   color: #111;

   font-size: 1.3125rem;

   font-weight: 400;

   line-height: 1.5625rem;

   letter-spacing: .025em;

   max-width: 650px

}



.hurryUp__text-bold {

   color: #111;

   line-height: 1.5625rem;

   font-size: 1.5625rem;

   font-weight: 700

}



.hurryUp__text-desc {

   font-size: 1.1875rem;

   line-height: 1.5625rem;

   font-weight: 400;

   display: block

}



.hurryUp__text-medium {

   font-weight: 500

}



.hurryUp__text-red {

   padding-left: 10px;

   color: red;

   font-weight: 700

}



.header,

.sfooter {

   position: relative;

   background: url(../images/header-bg.jpg) center top no-repeat;

   background-size: cover

}



.header__content,

.sfooter__content {

   min-height: 638px;

   padding-top: 25px;

   margin-left: 240px

}



.header__content .form-counter,

.sfooter__content .form-counter {

   margin-right: -25px;

   width: 343px

}



.header__content .product-advantages,

.sfooter__content .product-advantages {

   max-width: 546px;

   width: 100%

}



.header__content .product-advantages::before,

.sfooter__content .product-advantages::before {

   content: '';

   position: absolute;

   display: block

}



.header__title,

.sfooter__title {

   position: relative;

   color: #a3093d;

   font-size: 4.4875rem;

   font-weight: 400;

   line-height: 5rem;

   text-align: left;

   margin-top: 5px

}



.header__list,

.sfooter__list {

   margin-top: 60px;

   margin-right: -10px;

   text-align: right;

   max-width: 312px;

   -webkit-transform: skew(-18deg);

   transform: skew(-18deg)

}



.header__list-item,

.sfooter__list-item {

   position: relative;

   display: inline-block;

   text-align: left;

   width: 100%;

   padding: 0 7px 20px 25px;

   -webkit-transform: skew(18deg);

   transform: skew(18deg)

}



.header__list-item::after,

.header__list-item::before,

.sfooter__list-item::after,

.sfooter__list-item::before {

   content: '';

   position: absolute;

   display: block

}



.header__list-item::before,

.sfooter__list-item::before {

   width: 16px;

   height: 16px;

   left: 1px;

   top: 4px;

   border-radius: 8px;

   background-color: #e8a488

}



.header__list-item::after,

.sfooter__list-item::after {

   width: 10px;

   height: 10px;

   left: 4px;

   top: 7px;

   border-radius: 5px;

   background-color: #aa1843

}



.header__before-after,

.sfooter__before-after {

   position: absolute;

   width: 450px;

   height: 192px;

   bottom: 0;

   left: 375px;

   padding-top: 10px;

   font-size: 0;

   background: url(../images/before-after.png) center top no-repeat;

   background-size: contain

}



.header__before-after .after,

.header__before-after .before,

.sfooter__before-after .after,

.sfooter__before-after .before {

   position: relative;

   display: inline-block;

   width: 50%;

   font-size: 1.25rem;

   font-weight: 700;

   font-style: italic;

   line-height: 2.5rem;

   text-align: right

}



.header__before-after .after::after,

.header__before-after .before::after,

.sfooter__before-after .after::after,

.sfooter__before-after .before::after {

   content: '';

   position: absolute;

   display: block;

   top: 50%;

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%)

}



.header__before-after .before,

.sfooter__before-after .before {

   padding-right: 70px;

   color: #fff

}



.header__before-after .before::after,

.sfooter__before-after .before::after {

   right: 36px;

   background-image: url(../images/icons.png);

   background-position: -998px -401px;

   width: 24px;

   height: 24px

}



.header__before-after .after,

.sfooter__before-after .after {

   padding-right: 100px;

   color: #ab0037

}



.header__before-after .after::after,

.sfooter__before-after .after::after {

   right: 66px;

   background-image: url(../images/icons.png);

   background-position: -998px -430px;

   width: 24px;

   height: 24px

}



.header .product,

.sfooter .product {

   position: absolute;

   bottom: -46px;

   left: 267px;

   z-index: 50

}



.counter__digits,

.order {

   position: relative

}



.list-item {

   color: #aa1843;

   font-size: 1.125rem;

   font-weight: 500;

   line-height: 1.5625rem

}



.agreement {

   font-family: Roboto, sans-serif;

   font-weight: 400;

   color: #f8c49c;

   font-size: .75rem;

   line-height: .875rem;

   width: 215px;

   display: inline-block;

   margin-left: 48px;

   margin-top: 5px

}



.agreement a {

   color: inherit;

   text-decoration: underline;

   display: inline-block

}



.icons-secure {

   text-align: center;

   padding: 0;

   font-size: 0

}



.icons-secure .mcAfee {

   background-image: url(../images/mca_sec.svg);

   background-position: center right

}



.icons-secure .norton {

   background-image: url(../images/n_sec.svg);

   background-position: center left

}



.icons-secure .i-icon {

   background-size: contain;

   background-repeat: no-repeat;

   width: 50%;

   height: 42px

}



.counter {

   font-family: Roboto, sans-serif;

   white-space: nowrap;

   width: auto;

   margin: -5px auto 0;

   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

}



.navbar-contein,

.order .price {

   -webkit-box-direction: normal;

   -webkit-box-orient: horizontal

}



.counter__title {

   text-align: center;

   opacity: .9;

   color: #ac0037;

   font-size: .75rem;

   line-height: 1.625rem

}



.counter__title-bold {

   font-weight: 700

}



.counter__elem {

   background-image: url(../images/counter-bg.svg);

   background-position: center center;

   background-size: cover;

   background-repeat: no-repeat;

   color: #a71547;

   display: block;

   float: left;

   font-size: 3rem;

   font-weight: 700;

   height: 60px;

   line-height: 60px;

   margin-right: 5px;

   text-align: center;

   width: 46px;

   -webkit-box-shadow: 2px 2px 4px 2px rgba(115, 49, 55, .5);

   box-shadow: 2px 2px 4px 2px rgba(115, 49, 55, .5);

   border-radius: 4px;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none

}



.counter__elem:nth-of-type(1),

.counter__elem:nth-of-type(2) {

   color: #b8b5b3

}



.counter__elem:last-child {

   margin-right: 0

}



.order {

   width: 343px;

   min-height: 526px;

   padding: 30px 45px 71px;

   clear: both;

   margin-top: 6px;

   color: #111;

   background: url(../images/form.png) center top no-repeat

}



.order__title {

   font-size: .9375rem;

   font-weight: 500;

   line-height: 1.1875rem;

   color: #f8c49c;

   text-align: center;

   margin: 0

}



.order .discount {

   position: absolute;

   display: inline-block;

   left: 0;

   top: 0;

   color: #fff;

   font-size: 1.875rem;

   line-height: 3.125rem;

   font-weight: 700;

   text-align: center;

   margin: auto;

   -webkit-transform: rotate(-47deg) translateY(19px);

   transform: rotate(-47deg) translateY(19px);

   z-index: 2

}



.order .price {

   position: relative;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-flow: row nowrap;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

           flex-flow: column wrap;

   -webkit-box-align: baseline;

   -ms-flex-align: baseline;

   align-items: baseline;

   width: 100%;

   line-height: initial;

   text-align: left;

   border-color: #111;

   margin-bottom: 12px;

   font-size: 0;

   z-index: 15

}



.order .price__old {

   position: relative;

   color: #e15549;

   font-size: 0;

   font-weight: 300;

   display: inline-block;

   vertical-align: bottom;

   margin-right: auto;

   margin-left: auto

}



.order .price__old .al-raw-currency {

   font-family: Arial, sans-serif;

   font-size: 2rem;

   line-height: 3rem;

   vertical-align: baseline

}



.order .price__old .al-raw-cost-promo {

   font-size: 2.25rem;

   line-height: 3rem

}



.order .price__old-crossed::after {

   content: '';

   position: absolute;

   display: block;

   left: -7px;

   right: -7px;

   bottom: 50%;

   border-bottom: 2px solid;

   -webkit-transform: rotate(-7deg);

   transform: rotate(-7deg)

}



.order .form,

.order .form .input-checkbox {

   position: relative

}



.order .price__new {

   position: relative;

   font-size: 0;

   font-weight: 300;

   color: #fff;

   display: inline-block;

   vertical-align: bottom;

   white-space: nowrap;

   margin-left: auto;

   margin-right: auto

}



.order .price__new .al-raw-currency {

   font-family: Arial, sans-serif;

   font-size: 3.25rem;

   line-height: 3.75rem;

   vertical-align: baseline

}



.order .price__new .al-raw-cost {

   font-size: 3.75rem;

   line-height: 1

}



.order .form {

   padding: 20px 30px;

   margin-left: -20px;

   margin-right: -20px;

   margin-bottom: -15px

}



.order .form .input-checkbox label {

   cursor: pointer;

   position: absolute;

   width: 18px;

   height: 18px;

   bottom: 0;

   left: 15px;

   background: #fff;

   border-radius: 5px

}



.order .form .input-checkbox label:after {

   content: '';

   position: absolute;

   opacity: 0;

   width: 5px;

   height: 5px;

   background: 0 0;

   top: 50%;

   left: 50%;

   border: 2px solid #e33d4b;

   border-top: none;

   border-right: none;

   -webkit-transform: translate(-50%, -50%) rotate(-45deg);

   transform: translate(-50%, -50%) rotate(-45deg)

}



.order .form .input-wrapper {

   position: relative

}



.order .form .input-wrapper .error {

   border: 1px solid red

}



.order .form .input-wrapper .error::-webkit-input-placeholder {

   font-size: 0;

   color: #fff

}



.order .form .input-wrapper .error::-moz-placeholder {

   font-size: 0;

   color: #fff

}



.order .form .input-wrapper .error:-ms-input-placeholder {

   font-size: 0;

   color: #fff

}



.order .form .input-wrapper .error::-ms-input-placeholder {

   font-size: 0;

   color: #fff

}



.order .form .input-wrapper .error::placeholder {

   font-size: 0;

   color: #fff

}



.order .form .input-wrapper .error+label {

   color: red;

   position: absolute;

   left: 0;

   top: 0;

   bottom: 0;

   right: 0;

   display: block;

   font-size: .875rem;

   line-height: 38px;

   padding-left: 19px;

   padding-right: 10px

}



.order .form .input-wrapper label {

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   display: none

}



.order .form .al-country {

   display: none

}



.order .form__input {

   display: block;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   text-align: center;

   width: 100%;

   height: 38px;

   background-color: #f3bb97;

   border: none;

   outline: 0;

   border-radius: 5px;

   margin-bottom: 20px;

   font-size: .875rem;

   padding: 0 18px;

   -webkit-box-shadow: 0 14px 13px rgba(5, 5, 5, .15);

   box-shadow: 0 14px 13px rgba(5, 5, 5, .15)

}



.order .form__input:active,

.order .form__input:focus,

.order .form__input:hover {

   background-color: #fff

}



.order .form__input:active::-webkit-input-placeholder,

.order .form__input:focus::-webkit-input-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active::-moz-placeholder,

.order .form__input:focus::-moz-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active:-ms-input-placeholder,

.order .form__input:focus:-ms-input-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active::-ms-input-placeholder,

.order .form__input:focus::-ms-input-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active::-webkit-input-placeholder, .order .form__input:focus::-webkit-input-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active::-moz-placeholder, .order .form__input:focus::-moz-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active:-ms-input-placeholder, .order .form__input:focus:-ms-input-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active::-ms-input-placeholder, .order .form__input:focus::-ms-input-placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input:active::placeholder,

.order .form__input:focus::placeholder {

   color: #828693;

   font-size: 0;

   opacity: 0

}



.order .form__input[type=checkbox] {

   position: absolute;

   display: inline-block;

   vertical-align: top;

   top: 50%;

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%);

   width: 18px;

   height: 18px;

   margin-bottom: 0;

   margin-top: 0;

   opacity: 0

}



.order .form__input[type=checkbox]:checked+label:after {

   opacity: 1

}



.order .form__input::-webkit-input-placeholder {

   color: #9e0039

}



.order .form__input::-moz-placeholder {

   color: #9e0039

}



.order .form__input:-ms-input-placeholder {

   color: #9e0039

}



.order .form__input::-ms-input-placeholder {

   color: #9e0039

}



.order .form__input::placeholder {

   color: #9e0039

}



.order .form__submit {

   display: block;

   width: 223px;

   height: 54px;

   margin: 20px auto;

   outline: 0;

   background: #fff;

   color: #dc3731;

   border: none;

   border-radius: 3px;

   font-size: 1rem;

   font-weight: 700;

   -webkit-box-shadow: 0 14px 13px rgba(5, 5, 5, .15);

   box-shadow: 0 14px 13px rgba(5, 5, 5, .15)

}



.order .form__submit:disabled {

   cursor: not-allowed;

   background: #dedede;

   -webkit-box-shadow: none;

   box-shadow: none

}



.order .form__submit:not(:disabled):hover {

   border: 1px solid #fd0303

}



.navbar {

   position: fixed;

   top: 0;

   width: 100%;

   margin-top: -60px;

   -webkit-transform: translateY(-100%);

   transform: translateY(-100%);

   opacity: .9;

   background-color: rgba(255, 255, 255, .95);

   -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);

   box-shadow: 0 3px 10px rgba(0, 0, 0, .15);

   z-index: 200

}



.navbar-contein {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-flow: row nowrap;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

           flex-flow: row nowrap;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center

}



.navbar-contein a,

.navbar-logo {

   display: inline-block

}



.navbar.fixed {

   -webkit-transition: -webkit-transform .7s;

   transition: -webkit-transform .7s;

   transition: transform .7s;

   transition: transform .7s, -webkit-transform .7s;

   -webkit-transform: translateY(100%);

   transform: translateY(100%)

}



.navbar-logo {

   color: #66302f;

   text-transform: uppercase;

   margin: 0;

   font-size: 1.75rem;

   line-height: 3.75rem

}



.navbar-menu {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

   -ms-flex-flow: row nowrap;

   flex-flow: row nowrap;

   -ms-flex-pack: distribute;

   justify-content: space-around;

   padding-left: 60px;

   max-width: 750px;

   width: 100%

}



.navbar-menu li {

   display: inline-block;

   font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;

   font-size: 1.125rem;

   line-height: 1.375rem;

   padding: 0 20px

}



.navbar-menu a {

   display: inline-block;

   color: #d76969;

   line-height: 3.5rem;

   padding: 0 17px;

   text-decoration: none;

   border-bottom-width: 4px;

   border-style: solid;

   border-color: rgba(255, 255, 255, .9)

}



.navbar-menu a:hover {

   border-bottom: 4px solid red;

   font-weight: 700

}



.wrap-button {

   margin-left: auto;

   margin-right: -10px

}



.navbar-button {

   font-family: "Myriad Pro";

   display: inline-block;

   padding: 0 26px;

   color: #fff;

   font-size: .9375rem;

   font-weight: 400;

   line-height: 2.5625rem;

   text-align: center;

   background: red;

   border-radius: 3px;

   text-decoration: none;

   max-width: 200px

}



.navbar-button:hover {

   background: #c8191c

}



.slick-dots li button,

.slick-next,

.slick-next:focus,

.slick-next:hover,

.slick-prev,

.slick-prev:focus,

.slick-prev:hover {

   color: transparent;

   background: 0 0;

   outline: 0

}



.navbar-button::after {

   content: '';

   display: inline-block;

   vertical-align: middle;

   width: 4px;

   height: 4px;

   margin: -2px 3px 0;

   border: 2px solid #fff;

   border-top: none;

   border-right: none;

   -webkit-transform: rotate(-135deg);

   transform: rotate(-135deg)

}



.show-btn {

   filter: alpha(opactiy=0);

   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opactiy=0)";

   -moz-opacity: 0;

   -khtml-opacity: 0;

   opacity: 0;

   cursor: pointer;

   height: 65px;

   position: fixed;

   right: 20px;

   top: 70px;

   -webkit-transition: opacity .5s;

   transition: opacity .5s;

   width: 65px;

   z-index: -1

}



.show-btn svg,

.show-btn::after,

.show-btn::before {

   bottom: 0;

   height: 46px;

   left: 0;

   margin: auto;

   position: absolute;

   right: 0;

   top: 0;

   width: 46px

}



.show-btn::after,

.show-btn::before {

   content: '';

   display: block;

   border: 1px solid #ff0404;

   border-radius: 50%;

   -webkit-animation-duration: 4s;

   -webkit-animation-name: scaling;

   -webkit-animation-iteration-count: infinite;

   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

   -webkit-animation-fill-mode: forwards;

   -moz-animation-duration: 4s;

   -moz-animation-name: scaling;

   -moz-animation-iteration-count: infinite;

   -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

   -moz-animation-fill-mode: forwards;

   -o-animation-duration: 4s;

   -o-animation-name: scaling;

   -o-animation-iteration-count: infinite;

   -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

   -o-animation-fill-mode: forwards;

   animation-duration: 4s;

   animation-name: scaling;

   animation-iteration-count: infinite;

   animation-timing-function: cubic-bezier(.215, .61, .355, 1);

   animation-fill-mode: forwards;

   z-index: 275

}



.show-btn::before {

   width: 37px;

   height: 37px

}



.show-btn::after {

   width: 43px;

   height: 43px;

   border-color: rgba(255, 18, 17, .26)

}



.show-btn.js-active {

   filter: alpha(opactiy=100);

   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opactiy=100)";

   -moz-opacity: 1;

   -khtml-opacity: 1;

   opacity: 1;

   z-index: 250

}



.slick-next,

.slick-prev {

   font-size: 0;

   line-height: 0;

   position: absolute;

   display: block;

   width: 36px;

   height: 82px;

   padding: 0;

   cursor: pointer;

   border: none;

   z-index: 100

}



.slick-next:focus::before,

.slick-next:hover::before,

.slick-prev:focus::before,

.slick-prev:hover::before {

   opacity: 1

}



.slick-next.slick-disabled::before,

.slick-prev.slick-disabled::before {

   opacity: .25

}



.slick-next::before,

.slick-prev::before {

   display: block;

   content: '';

   width: 20px;

   height: 20px;

   border-width: 2px;

   border-style: solid

}



.slick-prev {

   left: -36px

}



.slick-prev::before {

   margin-right: auto;

   border-top: none;

   border-right: none;

   -webkit-transform: translateX(50%) rotate(45deg);

   transform: translateX(50%) rotate(45deg)

}



.slick-next {

   right: -36px

}



.slick-next::before {

   margin-left: auto;

   border-top: none;

   border-left: none;

   -webkit-transform: translateX(-50%) rotate(-45deg);

   transform: translateX(-50%) rotate(-45deg)

}



[dir=rtl] .slick-prev {

   right: 3px;

   left: auto

}



[dir=rtl] .slick-prev::before {

   content: ''

}



[dir=rtl] .slick-next {

   right: auto;

   left: 3px

}



[dir=rtl] .slick-next::before {

   content: ''

}



.slick-dotted.slick-slider {

   margin-bottom: 40px

}



.slick-dots {

   position: absolute;

   display: block;

   width: 100%;

   padding: 0;

   margin: 20px 0 0;

   font-size: 0;

   text-align: center

}



.slick-dots li {

   position: relative;

   display: inline-block;

   width: 20px;

   height: 20px;

   margin: 0 5px;

   padding: 0;

   cursor: pointer

}



.slick-dots li button {

   font-size: 0;

   line-height: 0;

   display: block;

   width: 20px;

   height: 20px;

   padding: 5px;

   cursor: pointer;

   border: 0

}



.red__text,

.reviews__content {

   display: -webkit-box;

   display: -ms-flexbox;

   -webkit-box-direction: normal

}



.slick-dots li button:focus,

.slick-dots li button:hover {

   outline: 0

}



.slick-dots li button::before {

   content: '•';

   font-family: slick;

   font-size: 13px;

   line-height: 20px;

   position: absolute;

   top: 0;

   left: 0;

   width: 20px;

   height: 20px;

   text-align: center;

   opacity: 1;

   -webkit-font-smoothing: antialiased;

   -moz-osx-font-smoothing: grayscale

}



.arrows__title,

.disease .mask__wrapper,

.red__text {

   left: 50%;

   position: absolute

}



body .out .slick-dots li.slick-active button::before {

   color: #fff

}



.arrows {

   background: url(../images/second-bg.jpg) center bottom no-repeat #c8b9be;

   background-size: cover

}



.arrows .inner {

   min-height: 640px

}



.arrows__girl {

   position: absolute;

   width: 439px;

   height: 568px;

   bottom: 0;

   right: 215px;

   background: url(../images/arrows-girl.png) center top no-repeat;

   background-size: contain

}



.arrows__title {

   width: 100%;

   color: #fff;

   font-size: 1.1875rem;

   font-weight: 500;

   line-height: 1.75rem;

   text-align: center;

   top: 50%;

   -webkit-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%)

}



.arrows__wrapper {

   position: absolute;

   width: 360px;

   height: 110px

}



.arrows__outlaw {

   -webkit-transform: translate(94px, 114px) rotate(28deg);

   transform: translate(94px, 114px) rotate(28deg)

}



.arrows__fear {

   -webkit-transform: translate(30px, 309px) rotate(7deg);

   transform: translate(30px, 309px) rotate(7deg)

}



.arrows__stress {

   -webkit-transform: translate(30px, 490px) rotate(-5deg);

   transform: translate(30px, 490px) rotate(-5deg)

}



.consist__item:nth-child(odd)::after,

.red__text {

   -webkit-transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%)

}



.red {

   background-color: #9e0039

}



.red .inner {

   background: url(../images/girl-red.png) left top no-repeat;

   background-size: contain;

   min-height: 411px

}



.red__text {

   width: 100%;

   top: 50%;

   -webkit-transform: translate(-50%, -50%);

           transform: translate(-50%, -50%);

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -ms-flex-flow: column wrap;

   flex-flow: column wrap;

   padding: 0 15px

}



.red__text h4 {

   text-align: center;

   color: #fbd0ad;

   font-size: 2.3125rem;

   line-height: 3.4375rem;

   font-weight: 500

}



.red__text h4 span {

   color: #fff

}



.red__text-big {

   font-size: 3.8125rem

}



.red__product {

   display: block;

   margin-top: 8px

}



.disease {

   background: url(../images/disease-bg.jpg) center top no-repeat;

   background-size: cover

}



.disease .inner {

   min-height: 640px;

   background: url(../images/hands.png) 55% 0 no-repeat

}



.disease .mask__wrapper {

   width: 295px;

   height: 351px;

   top: 0;

   -webkit-transform: translateX(-50%) translate(-93px, 117px);

   transform: translateX(-50%) translate(-93px, 117px);

   pointer-events: none;

   z-index: 10

}



.disease__mask.start-animation {

   -moz-animation-timing-function: linear;

   -o-animation-timing-function: linear

}



.disease__mask::after,

.disease__product {

   display: block;

   pointer-events: none;

   position: absolute

}



.disease__mask.start-animation,

.disease__mask.start-animation::after {

   -webkit-animation-fill-mode: forwards;

   -moz-animation-fill-mode: forwards;

   -o-animation-fill-mode: forwards

}



.disease__mask {

   position: absolute;

   width: 100%;

   height: 100%;

   top: 0;

   right: 0;

   background: url(../images/disease.png) right top no-repeat

}



.disease__mask::after {

   content: '';

   width: 170px;

   height: 687px;

   right: 100%;

   bottom: 50%;

   -webkit-transform: translateY(50%);

   transform: translateY(50%);

   margin-bottom: -4px;

   background: url(../images/jade.png) center center no-repeat;

   opacity: 0

}



.disease__mask.start-animation {

   -webkit-animation-duration: 2.4s;

   -webkit-animation-name: sizing;

   -webkit-animation-iteration-count: 1;

   -webkit-animation-timing-function: linear;

   -moz-animation-duration: 2.4s;

   -moz-animation-name: sizing;

   -moz-animation-iteration-count: 1;

   -o-animation-duration: 2.4s;

   -o-animation-name: sizing;

   -o-animation-iteration-count: 1;

   animation-duration: 2.4s;

   animation-name: sizing;

   animation-iteration-count: 1;

   animation-timing-function: linear;

   -webkit-animation-fill-mode: forwards;

           animation-fill-mode: forwards

}



.disease__mask.start-animation::after {

   -webkit-animation-duration: 3s;

   -webkit-animation-name: jade;

   -webkit-animation-iteration-count: 1;

   -webkit-animation-timing-function: linear;

   -moz-animation-duration: 3s;

   -moz-animation-name: jade;

   -moz-animation-iteration-count: 1;

   -moz-animation-timing-function: linear;

   -o-animation-duration: 3s;

   -o-animation-name: jade;

   -o-animation-iteration-count: 1;

   -o-animation-timing-function: linear;

   animation-duration: 3s;

   animation-name: jade;

   animation-iteration-count: 1;

   animation-timing-function: linear;

   -webkit-animation-fill-mode: forwards;

           animation-fill-mode: forwards

}



.disease__product {

   width: 378px;

   height: 481px;

   bottom: 0;

   left: 120px;

   background: url(../images/prod-hands.png) center bottom no-repeat

}



.disease__solution {

   position: absolute;

   text-align: right;

   max-width: 390px;

   top: 54px;

   right: 76px;

   -webkit-transform: skew(37deg);

   transform: skew(37deg);

   z-index: 50

}



.disease__solution-item {

   position: relative;

   display: inline-block;

   text-align: left;

   width: 100%;

   min-height: 110px;

   padding: 30px 10px 20px 125px;

   -webkit-transform: skew(-37deg);

   transform: skew(-37deg)

}



.disease__solution-item.injured::before,

.disease__solution-item.process::before,

.disease__solution-item.relapse::before {

   background-image: url(../images/icons.png);

   width: 110px;

   height: 116px

}



.disease__solution-item::before {

   content: '';

   position: absolute;

   display: block;

   top: 50%;

   left: 0;

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%);

   margin-top: 20px

}



.disease__solution-item.injured::before {

   background-position: -883px -643px

}



.disease__solution-item.process::before {

   background-position: -883px -522px

}



.disease__solution-item.relapse::before {

   background-position: -883px -401px

}



.consist {

   background: url(../images/expert-bg.jpg) center center no-repeat #fce4d4;

   background-size: cover;

   padding-top: 40px

}



.consist .slick-dots {

   bottom: 20px

}



.consist .slick-dots li button::before {

   color: #d1676b

}



.consist .slick-next,

.consist .slick-prev {

   top: 90px

}



.consist .slick-next::before,

.consist .slick-prev::before {

   border-color: #dfa292

}



.consist .slick-next {

   right: 7px

}



.consist .slick-prev {

   left: 7px

}



.consist__title {

   color: #a3093d;

   font-size: 2.3125rem;

   font-weight: 500;

   line-height: 2.5rem;

   text-align: center

}



.consist__content {

   width: 100%;

   min-height: 550px;

   padding-top: 50px;

   font-size: 0;

   line-height: 0;

   background: url(../images/prod-consist.png) center top 45px no-repeat

}



.consist__item {

   position: relative;

   display: inline-block;

   width: 50%;

   min-height: 156px;

   vertical-align: bottom;

   outline: 0

}



.consist__item::after,

.consist__item::before {

   content: '';

   position: absolute;

   display: block

}



.consist__item::before {

   top: 45px;

   height: 2px;

   background: #e6a799;

   z-index: 5

}



.consist__item.anti::after,

.consist__item.dogrose::after,

.consist__item.mindal::after,

.consist__item.oil::after,

.consist__item.paraffin::after,

.consist__item.sun::after {

   background-image: url(../images/icons.png)

}



.consist__item::after {

   z-index: 10

}



.consist__item:nth-child(odd) {

   text-align: left;

   padding: 30px 5px 0 20px

}



.consist__item:nth-child(odd)::before {

   left: 220px

}



.consist__item:nth-child(odd)::after {

   top: 50%;

   left: 63%;

   -webkit-transform: translate(-50%, -50%);

           transform: translate(-50%, -50%)

}



.consist__item:nth-child(odd)>.consist__text {

   text-align: right

}



.consist__item:nth-child(even) {

   text-align: right;

   padding: 30px 20px 0 5px

}



.consist__item:nth-child(even)>.consist__text,

.expert__opinion .consist__title {

   text-align: left

}



.consist__item:nth-child(even)::before {

   right: 220px

}



.consist__item:nth-child(even)::after {

   top: 50%;

   left: 40%;

   -webkit-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%)

}



.consist__item.sun .consist__text::before {

   right: -286px

}



.consist__item.sun .consist__text::after {

   right: -281px

}



.consist__item.sun::before {

   right: 70px

}



.consist__item.sun::after {

   background-position: -205px -684px;

   width: 174px;

   height: 114px;

   margin-top: -5px

}



.consist__item.mindal .consist__text::before {

   left: -291px

}



.consist__item.mindal .consist__text::after {

   left: -286px

}



.consist__item.mindal::before {

   left: 70px

}



.consist__item.mindal::after {

   background-position: -543px -489px;

   width: 200px;

   height: 164px

}



.consist__item.dogrose .consist__text::before {

   right: -296px

}



.consist__item.dogrose .consist__text::after {

   right: -291px

}



.consist__item.dogrose::before {

   right: 60px

}



.consist__item.dogrose::after {

   background-position: -883px 0;

   width: 151px;

   height: 144px;

   margin-top: -5px

}



.consist__item.oil .consist__text::before {

   left: -296px

}



.consist__item.oil .consist__text::after {

   left: -291px

}



.consist__item.oil::before {

   left: 60px

}



.consist__item.oil::after {

   background-position: 0 -684px;

   width: 200px;

   height: 135px

}



.consist__item.paraffin .consist__text::before {

   right: -306px

}



.consist__item.paraffin .consist__text::after {

   right: -301px

}



.consist__item.paraffin::before {

   right: 50px

}



.consist__item.paraffin::after {

   background-position: -883px -149px;

   width: 133px;

   height: 130px;

   margin-top: -15px

}



.consist__item.anti .consist__text::before {

   left: -311px

}



.consist__item.anti .consist__text::after {

   left: -306px

}



.consist__item.anti::before {

   left: 45px

}



.consist__item.anti::after {

   background-position: -748px -489px;

   width: 101px;

   height: 94px;

   margin-top: -5px

}



.consist__item-title {

   position: relative;

   display: block;

   color: #9e0039;

   font-size: 1.125rem;

   font-weight: 500;

   line-height: 1.5625rem

}



.consist__text,

.expert__spec,

.expert__text {

   font-size: 1rem;

   line-height: 1.25rem;

   color: #111

}



.consist__text {

   position: relative;

   width: 190px;

   display: inline-block

}



.consist__text::after,

.consist__text::before {

   content: '';

   display: block;

   position: absolute;

   border-radius: 50%

}



.consist__text::before {

   width: 20px;

   height: 20px;

   background-color: #f3d4ca;

   top: 6px

}



.consist__text::after {

   width: 10px;

   height: 10px;

   background-color: #ce7373;

   top: 11px;

   z-index: 10

}



.expert__content {

   position: relative;

   min-height: 560px;

   padding-top: 20px

}



.expert__content .order {

   margin-left: -10px;

   padding-bottom: 100px

}



.expert__opinion {

   position: absolute;

   width: 775px;

   height: 453px;

   left: 330px;

   bottom: 0;

   background: url(../images/opinion-bg.png) center top no-repeat;

   padding: 50px 350px 30px 60px

}



.expert__spec::after,

.expert__title::before {

   background-image: url(../images/icons.png);

   display: block;

   content: ''

}



.expert__title {

   position: relative;

   display: block;

   color: #a3093d;

   font-weight: 900;

   margin-top: 20px;

   margin-bottom: 10px

}



.expert__title::before {

   position: absolute;

   top: -29px;

   left: -78px;

   background-position: -566px -684px;

   width: 78px;

   height: 73px

}



.expert__title.start-animation::before {

   -webkit-animation-duration: 225ms;

   -webkit-animation-name: buzz;

   -webkit-animation-iteration-count: 5;

   -webkit-animation-timing-function: ease-in;

   -webkit-animation-fill-mode: forwards;

   -moz-animation-duration: 225ms;

   -moz-animation-name: buzz;

   -moz-animation-iteration-count: 5;

   -moz-animation-timing-function: ease-in;

   -moz-animation-fill-mode: forwards;

   -o-animation-duration: 225ms;

   -o-animation-name: buzz;

   -o-animation-iteration-count: 5;

   -o-animation-timing-function: ease-in;

   -o-animation-fill-mode: forwards;

   animation-duration: 225ms;

   animation-name: buzz;

   animation-iteration-count: 5;

   animation-timing-function: ease-in;

   animation-fill-mode: forwards

}



.expert__spec {

   position: relative;

   text-align: right;

   padding-left: 75px

}



.expert__spec::after {

   position: absolute;

   right: 0;

   bottom: -5px;

   background-position: -384px -684px;

   width: 177px;

   height: 99px;

   -webkit-transform: translateX(95%);

   transform: translateX(95%)

}



.expert__name {

   display: block;

   margin-top: 10px;

   margin-bottom: 5px;

   color: #a3093d;

   font-weight: 500

}



.reviews {

   background-color: #fce4d4

}



.reviews .slick-dots li button::before {

   color: #d1676b

}



.reviews .slick-next,

.reviews .slick-prev {

   top: 50%;

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%)

}



.reviews .slick-next::before,

.reviews .slick-prev::before {

   border-color: #dfa292

}



.reviews__content {

   height: 640px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: horizontal;

   -ms-flex-flow: row nowrap;

   flex-flow: row nowrap;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center

}



.delivery__wrapper,

.reviews__item {

   display: -webkit-box;

   display: -ms-flexbox

}



.reviews__item {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-flow: column wrap;

   flex-flow: column wrap;

   width: 313px;

   padding-bottom: 20px;

   background-color: #d1676b;

   border-radius: 5px;

   -webkit-box-shadow: 0 0 74.5px 17.5px rgba(176, 77, 72, .18);

   box-shadow: 0 0 74.5px 17.5px rgba(176, 77, 72, .18);

   outline: 0

}



.delivery .points,

.delivery__content {

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal

}



.reviews__item .first_user {

   background: url(../images/user1.jpg) top left no-repeat

}



.reviews__item .second_user {

   background: url(../images/user2.jpg) top left no-repeat

}



.reviews__item .third_user {

   background: url(../images/user3.jpg) top left no-repeat

}



.reviews__user {

   height: 113px;

   padding-left: 119px;

   text-align: center;

   color: #fff;

   font-size: 1.125rem;

   line-height: 7.0625rem;

   font-weight: 500;

   border-radius: 5px 5px 0 0

}



.reviews__text {

   height: 348px;

   padding: 55px 46px 20px 55px;

   background-color: #fff;

   color: #111;

   font-size: 1rem;

   line-height: 1.25rem

}



.delivery {

   background: url(../images/delivery-bg.jpg) center top no-repeat;

   background-size: cover

}



.delivery .slick-dots li button:before {

   color: #f9d6a6

}



.delivery .slick-next,

.delivery .slick-prev {

   top: 80px

}



.delivery .slick-next::before,

.delivery .slick-prev::before {

   border-color: #f9d6a6

}



.delivery__wrapper {

   height: 485px;

   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

}



.delivery__content {

   width: 100%;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-flow: row nowrap;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

           flex-flow: row nowrap;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   -webkit-box-align: start;

   -ms-flex-align: start;

   align-items: flex-start;

   padding: 0 28px

}



.delivery__step {

   position: relative;

   width: 180px;

   padding-top: 190px;

   outline: 0

}



.delivery__step.first-step::before,

.delivery__step.second-step::before,

.delivery__step.third-step::before {

   background-image: url(../images/icons.png);

   width: 176px;

   height: 190px

}



.delivery__step::before {

   content: '';

   display: block;

   position: absolute;

   top: 0;

   left: 50%;

   -webkit-transform: translateX(-50%);

   transform: translateX(-50%)

}



.delivery__step.first-step::before {

   background-position: 0 -489px

}



.delivery__step.second-step::before {

   background-position: -362px -489px

}



.delivery__step.third-step::before {

   background-position: -181px -489px

}



.delivery .points {

   position: absolute;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-flow: row nowrap;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

           flex-flow: row nowrap;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   font-size: 0;

   top: 0;

   right: 254px;

   bottom: 0;

   left: 254px

}



.delivery__points {

   padding-top: 8px;

   height: 15px;

   overflow: hidden

}



.delivery__points-item {

   display: inline-block;

   width: 7px;

   height: 7px;

   border-radius: 50%;

   background-color: #e18e81;

   margin-left: 4px;

   margin-right: 4px

}



.delivery__text {

   color: #fff;

   font-size: 1.25rem;

   line-height: 1.5rem;

   text-align: center

}



.delivery__title {

   display: block;

   font-size: 1.5625rem;

   line-height: 1;

   margin-bottom: 12px

}



.sfooter {

   /* margin-bottom: 50px */

}



.footer {

   background-color: #fff !important;

   padding-top: 0!important;

}



.backgroundcliptext .header__title,

.backgroundcliptext .sfooter__title {

   background: url(../images/blur.png) 60% 50% no-repeat #a3093d;

   -webkit-background-clip: text;

   -webkit-text-fill-color: transparent

}



@media screen and (max-width:991px) and (min-width:810px) {

   .disease .mask__wrapper {

      display: none

   }

}



@media screen and (min-width:1921px) {

   .arrows {

      background-size: contain

   }

}



@media screen and (max-width:1199px) {

   .inner {

      width: 960px

   }



   .hurryUp {

      width: 620px

   }



   .hurryUp__text-red {

      display: block;

      padding-left: 0

   }



   .header__content,

   .sfooter__content {

      margin-left: 62px

   }



   .header__title,

   .sfooter__title {

      padding-left: 90px;

      font-size: 3.8rem

   }



   .header__list,

   .sfooter__list {

      max-width: 285px

   }



   .header__before-after,

   .sfooter__before-after {

      left: 210px

   }



   .header .product,

   .sfooter .product {

      left: 120px

   }



   .list-item {

      font-size: 1rem

   }



   .navbar-menu {

      padding-left: 20px;

      max-width: 610px

   }



   .arrows__girl {

      right: 130px

   }



   .arrows__outlaw {

      -webkit-transform: translate(5px, 114px) rotate(28deg);

      transform: translate(5px, 114px) rotate(28deg)

   }



   .arrows__fear {

      -webkit-transform: translate(-40px, 309px) rotate(7deg);

      transform: translate(-40px, 309px) rotate(7deg)

   }



   .arrows__stress {

      -webkit-transform: translate(-64px, 490px) rotate(-5deg);

      transform: translate(-64px, 490px) rotate(-5deg)

   }



   .red__text h4 {

      font-size: 2.125rem

   }



   .disease .mask__wrapper {

      -webkit-transform: translateX(-50%) translate(-102px, 117px);

      transform: translateX(-50%) translate(-102px, 117px)

   }



   .disease__product {

      left: 25px

   }



   .disease__solution {

      right: 20px

   }



   .disease__solution-item.relapse {

      padding-right: 60px

   }



   .consist {

      background-position: 40% 50%

   }



   .consist__item:nth-child(odd)::before {

      left: 200px

   }



   .consist__item:nth-child(even)::before {

      right: 200px

   }



   .consist__item.sun .consist__text::before {

      right: -212px

   }



   .consist__item.sun .consist__text::after {

      right: -207px

   }



   .consist__item.mindal .consist__text::before {

      left: -207px

   }



   .consist__item.mindal .consist__text::after {

      left: -202px

   }



   .consist__item.dogrose .consist__text::before {

      right: -224px

   }



   .consist__item.dogrose .consist__text::after {

      right: -219px

   }



   .consist__item.oil .consist__text::before {

      left: -224px

   }



   .consist__item.oil .consist__text::after {

      left: -219px

   }



   .consist__item.paraffin .consist__text::before {

      right: -232px

   }



   .consist__item.paraffin .consist__text::after {

      right: -227px

   }



   .consist__item.anti .consist__text::before {

      left: -237px

   }



   .consist__item.anti .consist__text::after {

      left: -232px

   }



   .consist__text {

      width: 174px

   }



   .reviews__item {

      width: 270px

   }



   .reviews__text {

      height: 330px;

      padding: 30px 38px

   }



   .delivery .points {

      right: 231px;

      left: 231px

   }



   .delivery__points {

      max-width: 150px

   }

}



@media screen and (max-width:991px) {

   .footer {

      padding-top: 40px!important;

   }

   .navbar,

   .navbar-contein {

      overflow: hidden;

      height: 80px

   }



   .counter::before,

   .red .inner::before {

      content: ''

   }



   @-webkit-keyframes jade {

      0% {

         -webkit-transform: translateY(50%) translateX(25%);

         transform: translateY(50%) translateX(25%);

         opacity: 0

      }



      20%,

      80% {

         -webkit-transform: translateY(50%) translateX(50%);

         transform: translateY(50%) translateX(50%);

         opacity: 1

      }



      100% {

         -webkit-transform: translateY(50%) translateX(75%);

         transform: translateY(50%) translateX(75%);

         opacity: 0

      }

   }



   @keyframes jade {

      0% {

         -webkit-transform: translateY(50%) translateX(25%);

         transform: translateY(50%) translateX(25%);

         opacity: 0

      }



      20%,

      80% {

         -webkit-transform: translateY(50%) translateX(50%);

         transform: translateY(50%) translateX(50%);

         opacity: 1

      }



      100% {

         -webkit-transform: translateY(50%) translateX(75%);

         transform: translateY(50%) translateX(75%);

         opacity: 0

      }

   }



   .inner {

      width: 320px

   }



   .left-xl,

   .right-xl {

      float: none

   }



   .hurryUp__wrapper {

      display: none !important

   }



   .header,

   .sfooter {

      background: url(../images/header-bg-mob.jpg) center top no-repeat;

      background-size: cover;

      padding-bottom: 15px

   }



   .header__content,

   .sfooter__content {

      padding-top: 11px;

      margin-left: 0;

      min-height: 890px;

      width: 100%

   }



   .header__content .form-counter,

   .sfooter__content .form-counter {

      margin-right: 0;

      position: absolute;

      left: 50%;

      -webkit-transform: translateX(-50%);

      transform: translateX(-50%)

   }



   .header__content .product-advantages,

   .sfooter__content .product-advantages {

      position: relative;

      text-align: right;

      padding-bottom: 70px

   }



   .header__content .product-advantages::before,

   .sfooter__content .product-advantages::before {

      width: 156px;

      height: 269px;

      background: url(../images/girl-header-mob.png) center top no-repeat;

      bottom: 0;

      left: -60px

   }



   .header__title,

   .sfooter__title {

      display: inline-block;

      width: auto;

      margin-top: 0;

      margin-left: auto;

      padding-top: 40px;

      padding-left: 0;

      font-size: 1.5625rem;

      line-height: 1.625rem;

      font-weight: 500;

      text-align: right

   }



   .header__title::before,

   .sfooter__title::before {

      content: '';

      position: absolute;

      display: block;

      width: 118px;

      height: 35px;

      top: 0;

      right: 10px;

      background: url(../images/logo-mob.png) center top no-repeat

   }



   .header__list,

   .sfooter__list {

      margin: 6px 0 0 auto;

      max-width: 133px;

      -webkit-transform: skew(0);

      transform: skew(0)

   }



   .header__list-item,

   .sfooter__list-item {

      display: block;

      min-height: 36px;

      margin-bottom: 8px;

      padding: 0 0 0 16px;

      -webkit-transform: skew(0);

      transform: skew(0)

   }



   .header__list-item::before,

   .sfooter__list-item::before {

      width: 10px;

      height: 10px

   }



   .header__list-item::after,

   .sfooter__list-item::after {

      width: 6px;

      height: 6px;

      left: 3px;

      top: 6px

   }



   .header__before-after,

   .sfooter__before-after {

      padding-top: 5px;

      width: 198px;

      height: 72px;

      left: initial;

      right: -10px;

      background: url(../images/before-after-mob.png) center top no-repeat

   }



   .header__before-after .after,

   .header__before-after .before,

   .sfooter__before-after .after,

   .sfooter__before-after .before {

      font-size: .625rem;

      line-height: 1.075rem

   }



   .header__before-after .before,

   .sfooter__before-after .before {

      padding-right: 35px

   }



   .header__before-after .before::after,

   .sfooter__before-after .before::after {

      right: 18px;

      background-image: url(../images/icons.png);

      background-position: -1021px -166px;

      width: 12px;

      height: 12px

   }



   .header__before-after .after,

   .sfooter__before-after .after {

      padding-right: 40px

   }



   .header__before-after .after::after,

   .sfooter__before-after .after::after {

      right: 23px;

      background-image: url(../images/icons.png);

      background-position: -1021px -149px;

      width: 12px;

      height: 12px

   }



   .header .product,

   .sfooter .product {

      width: 102px;

      height: 192px;

      bottom: -15px;

      left: 60px

   }



   .list-item {

      font-size: .8125rem;

      line-height: 1.125rem

   }



   .counter {

      position: relative;

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

      -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      white-space: normal;

      margin-top: 0;

      padding: 8px 26px

   }



   .counter::before {

      position: absolute;

      display: block;

      top: 0;

      bottom: 0;

      left: -500px;

      right: -500px;

      background-color: #fff

   }



   .counter__title {

      max-width: 140px;

      text-align: left;

      font-size: .875rem;

      line-height: 1.0625rem

   }



   .counter__title-bold {

      display: block;

      font-size: 1.125rem;

      margin-top: 10px

   }



   .arrows__girl,

   .navbar-button::after,

   .navbar-logo,

   .navbar-menu,

   .show-btn,

   .show-btn.js-active {

      display: none

   }



   .counter__elem {

      font-size: 2.25rem;

      height: 40px;

      line-height: 40px;

      width: 30px;

      margin-right: 5px;

      -webkit-box-shadow: 2px 1px 2px 1px rgba(71, 63, 69, .5);

      box-shadow: 2px 1px 2px 1px rgba(71, 63, 69, .5)

   }



   .navbar {

      top: inherit;

      bottom: 0;

      margin: 0;

      -webkit-transform: translateY(110%);

      transform: translateY(110%);

      -webkit-box-shadow: 0 -5px 15px rgba(0, 0, 0, .15);

      box-shadow: 0 -5px 15px rgba(0, 0, 0, .15);

      background-color: rgba(255, 255, 255, .9)

   }



   .navbar.fixed {

      -webkit-transform: translateY(0);

      transform: translateY(0)

   }



   .navbar.fixed-mobile {

      -webkit-transform: translateX(0);

      transform: translateX(0)

   }



   .wrap-button {

      position: relative;

      margin: 0 auto;

      width: auto;

      padding: 14px 0;

      top: 50%;

      -webkit-transform: translateY(-50%);

      transform: translateY(-50%)

   }



   .navbar-button {

      max-width: none;

      width: 224px;

      line-height: 3.25rem

   }



   .arrows {

      background: url(../images/second-bg-mob.jpg) center bottom no-repeat #c2b7ba;

      background-size: contain;

      position: relative

   }



   .arrows .inner {

      min-height: 465px

   }



   .arrows__title {

      font-size: .875rem;

      line-height: 1.25rem

   }



   .arrows__wrapper {

      width: 140px;

      height: 80px

   }



   .arrows__outlaw {

      -webkit-transform: translate(30px, 50px) rotate(20deg);

      transform: translate(30px, 50px) rotate(20deg)

   }



   .arrows__fear {

      -webkit-transform: translate(0, 181px) rotate(1deg);

      transform: translate(0, 181px) rotate(1deg)

   }



   .arrows__stress {

      -webkit-transform: translate(10px, 320px) rotate(-17deg);

      transform: translate(10px, 320px) rotate(-17deg)

   }



   .red .inner {

      min-height: 304px;

      background: 0 0

   }



   .red .inner::before {

      position: absolute;

      display: block;

      top: 0;

      bottom: 0;

      left: -40%;

      right: -40%;

      -webkit-transform: translateX(-70px);

      transform: translateX(-70px);

      background: url(../images/girl-red.png) 40% 0 no-repeat #9e0039;

      background-size: contain

   }



   .red__text h4 {

      color: #f5d1b2;

      font-size: 1.1875rem;

      line-height: 1.75rem

   }



   .red__text h4:first-child {

      padding: 0 45px

   }



   .red__text-big {

      font-size: 2rem

   }



   .disease {

      background: url(../images/disease-bg-mob.jpg) center center no-repeat;

      background-size: cover;

      padding-top: 12px

   }



   .disease .inner {

      background: 0 0;

      min-height: 0;

      height: 462px

   }



   .disease .mask__wrapper {

      width: 120px;

      height: 186px;

      -webkit-transform: translateX(-50%) translate(-27px, 75px);

      transform: translateX(-50%) translate(-27px, 75px);

      z-index: 0

   }



   .disease__mask {

      background: url(../images/disease-mob.png) right top no-repeat

   }



   .disease__mask::after {

      margin-bottom: 40px

   }



   .disease__product {

      width: 208px;

      height: 265px;

      background: url(../images/prod-hands-mob.png) center bottom no-repeat;

      bottom: 16px;

      left: -20px

   }



   .disease__solution {

      position: static;

      width: 150px;

      margin-left: auto;

      -webkit-transform: skew(0);

      transform: skew(0)

   }



   .disease__solution-item {

      padding: 63px 0 20px;

      text-align: right;

      -webkit-transform: skew(0);

      transform: skew(0)

   }



   .consist__item:nth-child(even)>.consist__text,

   .consist__item:nth-child(odd)>.consist__text,

   .expert__opinion {

      text-align: center

   }



   .disease__solution-item::before {

      top: 0;

      left: initial;

      right: 0;

      -webkit-transform: translate(0, 0);

      transform: translate(0, 0);

      margin-top: 0

   }



   .disease__solution-item.injured::before {

      background-image: url(../images/icons.png);

      background-position: -76px -824px;

      width: 70px;

      height: 76px

   }



   .disease__solution-item.process::before {

      background-image: url(../images/icons.png);

      background-position: -151px -824px;

      width: 69px;

      height: 76px

   }



   .disease__solution-item.relapse {

      padding-right: 0

   }



   .disease__solution-item.relapse::before {

      background-image: url(../images/icons.png);

      background-position: 0 -824px;

      width: 71px;

      height: 77px

   }



   .consist {

      background: url(../images/expert-bg-mob.jpg) center center no-repeat #fce4d4;

      background-size: cover;

      padding-top: 16px

   }



   .consist__slider-container {

      margin-left: -15px;

      margin-right: -15px

   }



   .consist__title {

      font-size: 1.375rem;

      line-height: 2rem

   }



   .consist__content {

      min-height: 0;

      background: url(../images/prod-consist-mob.png) center top 10px no-repeat;

      padding-top: 0;

      padding-bottom: 50px

   }



   .consist__item.anti::after,

   .consist__item.dogrose::after,

   .consist__item.mindal::after,

   .consist__item.oil::after,

   .consist__item.paraffin::after,

   .consist__item.sun::after {

      background-image: url(../images/icons.png)

   }



   .consist__item:nth-child(even),

   .consist__item:nth-child(odd) {

      padding: 0 15px

   }



   .consist__item {

      width: 100%;

      display: block

   }



   .consist__item:nth-child(even)::before,

   .consist__item:nth-child(odd)::before,

   .consist__text::after,

   .consist__text::before,

   .expert__content .order {

      display: none

   }



   .consist__item::after {

      left: 50% !important;

      -webkit-transform: translate(-50%, -65%) !important;

      transform: translate(-50%, -65%) !important

   }



   .consist__item.sun::after {

      background-position: -290px -255px;

      width: 290px;

      height: 179px;

      margin-top: -20px

   }



   .consist__item.mindal::after {

      background-position: -624px 0;

      width: 254px;

      height: 240px;

      margin-top: -20px

   }



   .consist__item.dogrose::after {

      background-position: 0 -255px;

      width: 285px;

      height: 229px

   }



   .consist__item.oil::after {

      background-position: 0 0;

      width: 320px;

      height: 250px

   }



   .consist__item.paraffin::after {

      background-position: -325px 0;

      width: 294px;

      height: 230px

   }



   .consist__item.anti::after {

      background-position: -624px -245px;

      width: 195px;

      height: 182px

   }



   .consist__item-title {

      padding-top: 255px;

      font-size: 1rem

   }



   .consist__text {

      width: 100%;

      font-size: .875rem;

      margin-bottom: 30px;

      padding: 0 20px

   }



   .expert__content {

      min-height: 0;

      margin-top: 0

   }



   .expert__opinion {

      position: relative;

      width: 380px;

      min-height: 500px;

      height: auto;

      left: -15px;

      padding: 50px 98px 10px 38px;

      background: url(../images/opinion-bg-mob.png) left top no-repeat

   }



   .expert__spec::after,

   .expert__title::before {

      background-image: url(../images/icons.png)

   }



   .expert__opinion .consist__title {

      text-align: center;

      font-size: 1rem;

      line-height: 1.25rem

   }



   .expert__spec,

   .expert__text,

   .reviews__text {

      font-size: .875rem

   }



   .expert__text {

      position: relative;

      z-index: 10

   }



   .expert__title {

      position: static;

      padding: 0 20px

   }



   .expert__title::before {

      background-position: -883px -284px;

      width: 128px;

      height: 112px;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -25%);

      transform: translate(-50%, -25%);

      -webkit-animation: initial;

      animation: initial;

      opacity: .4;

      z-index: -1

   }



   .expert__title.start-animation::before {

      -webkit-animation: initial;

      animation: initial

   }



   .expert__spec {

      padding-left: 0;

      margin-top: 46px

   }



   .expert__spec::after {

      background-position: -748px -588px;

      width: 114px;

      height: 64px;

      -webkit-transform: translateX(0);

      transform: translateX(0);

      bottom: 50px

   }



   .reviews {

      padding: 30px 0 20px

   }



   .reviews__content {

      display: block;

      width: 231px;

      height: auto;

      margin: 0 auto;

      border-radius: 5px;

      -webkit-box-shadow: 0 0 74.5px 17.5px rgba(165, 83, 76, .18);

      box-shadow: 0 0 74.5px 17.5px rgba(165, 83, 76, .18)

   }



   .reviews__item {

      width: 231px;

      margin: 0 auto;

      padding-bottom: 8px;

      -webkit-box-shadow: none;

      box-shadow: none

   }



   .reviews__user {

      height: 84px;

      line-height: 5.25rem;

      padding-left: 88px;

      background-size: 88px 84px !important

   }



   .reviews__text {

      height: 284px;

      line-height: .9375rem

   }



   .delivery {

      background: url(../images/delivery-bg-mob.jpg) center top no-repeat;

      background-size: cover

   }



   .delivery__wrapper {

      height: auto

   }



   .delivery__content {

      display: block;

      width: 231px;

      margin: 0 30px;

      padding: 20px 0 30px

   }



   .delivery__points {

      display: none

   }



   .delivery__text {

      padding: 0 10px

   }

   .sfooter {

      margin-bottom: 0

   }



   .backgroundcliptext .header__title,

   .backgroundcliptext .sfooter__title {

      background-size: 75% 75%;

      background-position: 75% 125%

   }



   .another {

      margin-top: 0 !important

   }

}



@media screen and (max-width:784px) {

   .arrows {

      background-size: cover

   }

}



@media screen and (max-width:767px) {

   .consist {

      background-position: center top;

      background-size: auto

   }



   .consist__slider-container {

      margin-left: -15px;

      margin-right: -15px

   }

}