@font-face {
    font-family: 'Intro Demo Black Caps';
    src: url('../fonts/IntroDemoBlackCaps.otf');
    font-weight: 800;
    font-style: normal;
}



/* gilroy */

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: local('../fonts/Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Heavy.eot');
    src: local('../fonts/Gilroy Heavy'), local('Gilroy-Heavy'),
        url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Heavy.woff') format('woff'),
        url('../fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-LightItalic.eot');
    src: local('../fonts/Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('../fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-LightItalic.woff') format('woff'),
        url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ThinItalic.eot');
    src: local('../fonts/Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('../fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BlackItalic.eot');
    src: local('../fonts/Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('../fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-BlackItalic.woff') format('woff'),
        url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BoldItalic.eot');
    src: local('../fonts/Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('../fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-BoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: local('../fonts/Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLightItalic.eot');
    src: local('../fonts/Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('../fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLightItalic.woff') format('woff'),
        url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBoldItalic.eot');
    src: local('../fonts/Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url('../fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: local('../fonts/Gilroy Light'), local('Gilroy-Light'),
        url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-MediumItalic.eot');
    src: local('../fonts/Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('../fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBoldItalic.eot');
    src: local('../fonts/Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url('../fonts/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('../fonts/Gilroy Regular'), local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-HeavyItalic.eot');
    src: local('../fonts/Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('../fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-HeavyItalic.woff') format('woff'),
        url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('../fonts/Gilroy Medium'), local('Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-RegularItalic.eot');
    src: local('../fonts/Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('../fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-RegularItalic.woff') format('woff'),
        url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLight.eot');
    src: local('../fonts/Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLight.woff') format('woff'),
        url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('../fonts/Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Thin.eot');
    src: local('../fonts/Gilroy Thin'), local('Gilroy-Thin'),
        url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Thin.woff') format('woff'),
        url('../fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.eot');
    src: local('../fonts/Gilroy Black'), local('Gilroy-Black'),
        url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Black.woff') format('woff'),
        url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}



/*Обнуление*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}


body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 500;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    min-width: 320px;
    position: relative;
    font-size: 20px;
    font-family: 'Gilroy';
    background: #fff;
    overflow-x: hidden;
}

h1 {
    font-size: 65px;
    font-family: 'Intro Demo Black Caps';
    text-transform: uppercase;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 26px;
    text-transform: uppercase;
}

h4 {
    font-size: 24px;
    text-transform: uppercase;
}


h5 {
    font-size: 22px;
    text-transform: uppercase;
}

p {
    font-weight: 500;
}


.container {
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;

    /* border: 1px solid; */
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
}

span.month {
    color: #ffac23;
    font-weight: bold;
}

a.btn {
    display: block;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #bb0057;
    padding: 30px 40px;
    text-align: center;
    border-radius: 40px;
    max-width: 548px;
    width: 100%;
    transition: all .2s ease-out;
}

a.btn:hover {
    cursor: pointer;
    color: rgb(10, 10, 10);
    background: #ffac23;
    transition: all .2s ease-in;
}

a.btn.btn-src {
    max-width: 330px;
    margin: 0 auto;
}

/* .reviews-block {
    position: relative;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
    padding: 120px 135px;
    background-position: top;
    background-size: contain;
} */

.reviews-block {
    position: relative;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
    background-position: top;
    padding-top: 100px;
    padding-left: 130px;
    padding-right: 100px;
    padding-bottom: 75px;

    margin-bottom: 40px;
}

.reviews-block.yellow {
    background: url('../img/reviews-yellow.png') no-repeat;
    background-size: 100% 100%;
}

.reviews-block.blue {
    background: url('../img/reviews-blue.png') no-repeat;
    background-size: 100% 100%;
}

.reviews-block.pink {
    background: url('../img/reviews-pink.png') no-repeat;
    background-size: 100% 100%;
}

.rewiews-list {
    line-height: 40px;
    color: #2b2b2b;
}

.rewiews-list .list_item {
    margin-bottom: 15px;
}

.rewiews-screenshot {
    margin-left: 65px;
    overflow: hidden;
    margin-top: 25px;
}

.screen_s-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.screen_s-title.blue {
    color: #23b3dd;
}

.screen_s-title.pink {
    color: #f76fad;
}

.label-name {
    position: absolute;
    content: '';
    width: 197px;
    font-size: 25px;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-weight: 600;
    border-radius: 10px;
    left: 40%;
    top: -12px;
}

.label-name.yellow {
    background: #ffaf1b;
}

.label-name.blue {
    background: #23b3dd;
}

.label-name.pink {
    background: #f76fad;
}

/* screen 1 */


header {
    background: url('../img/head.png') no-repeat;
    text-align: center;
    background-position: right -100px top -80px;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 160px;
}

.header_title::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    background-position-y: bottom;
    left: -230px;
    top: -185px;
    width: 410px;
    height: 410px;
}


.header_title {
    position: relative;
    padding-top: 70px;
    margin-bottom: 140px;
}



.header_title .title {
    margin-bottom: 20px;
    color: #f655a0;
    -webkit-text-stroke: 1px #fff;
    font-weight: 900;
    text-shadow: 0px 3px 4px rgba(82, 136, 155, 0.349);
}

.header_title .subtitle {
    color: #ffb018;
    -webkit-text-stroke: 1px #fff;
    font-weight: 900;
}

.attention_style {
    max-width: 563px;
    width: 100%;
    background: url('../img/attention_frame.png') no-repeat;
    background-position: center;
    height: 213px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;

    margin-bottom: 70px;
}


.attention_inner {
    max-width: 514px;
    width: 100%;
    padding: 32px 42px;
    /* -webkit-box-shadow: 0px 0px 39px 28px rgba(82, 157, 181, 0.23);
    -moz-box-shadow: 0px 0px 39px 28px rgba(82, 157, 181, 0.23);
    box-shadow: 0px 0px 39px 28px rgba(82, 157, 181, 0.23); */
    border-radius: 15px;
    line-height: 1.4;
    font-size: 23px;
    position: relative;
    /* z-index: -1; */

    -webkit-box-shadow: 0px 0px 15px 10px rgba(82, 157, 181, 0.23);
    -moz-box-shadow: 0px 0px 15px 10px rgba(82, 157, 181, 0.23);
    box-shadow: 0px 0px 15px 10px rgb(82 157 181 / 23%);
    z-index: 0;
    background: #fff;
}

.head_flower {
    position: absolute;
    bottom: 0px;
    right: 235px;
}

/* screen 2 */

.screen_2 {
    margin-bottom: 95px;
}

.screen_2 .wrapper {
    position: relative;
}

.screen_2 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    height: 410px;
    width: 410px;
    left: -100px;
    top: -45px;
}

.screen_2 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    height: 667px;
    width: 667px;
    right: -333px;
    bottom: -515px;
}

.screen_2 .container {
    position: relative;
}

.screen_2 .container::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit.png') no-repeat;
    background-size: contain;
    height: 143px;
    width: 100px;
    left: -255px;
    bottom: -10px;
}

.screen_2 .container::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_2.png') no-repeat;
    background-size: contain;
    height: 202px;
    width: 150px;
    right: -150px;
    top: 50px;
}

.screen_2 .screen-title {
    color: #1fa8d0;
    font-weight: bold;
    margin-bottom: 40px;
    padding-left: 20px;
}

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

.list_item {
    display: flex;
    align-items: center;
    /* margin-bottom: 5px; */
}

.list_img {
    margin-right: 16px;
    overflow: hidden;
    flex-shrink: 0;
}

.list_text {
    font-weight: 500;
    max-width: 980px;
    overflow: hidden;
    line-height: 30px;
}


.list_item:nth-child(2) .list_text {
    font-weight: 600;
}

/* screen 3 */

.screen_3 {
    margin-bottom: 93px;
}

.quote {
    max-width: 850px;
    width: 100%;
    height: 156px;
    position: relative;
}

.quote_text {
    font-size: 19px;
    line-height: 36px;
    padding-left: 28px;
    border-left: 2px solid #ffb600;
}

.quote::before {
    position: absolute;
    content: '';
    width: 87px;
    height: 106px;
    background: url('../img/quote_arrow.png') no-repeat;
    background-size: contain;
    right: 107px;
    bottom: 0px;
}

.plashka {
    position: relative;

    max-width: 812px;
    width: 100%;
    background: #51c4e7;

    font-size: 19px;
    line-height: 36px;
    color: #fff;
    font-style: italic;
    text-align: center;

    padding: 22px 65px;
    border-radius: 70px;

    margin-top: 20px;
    margin-left: 40px;
    margin-bottom: 62px;
}

.plashka::before {
    position: absolute;
    content: '';
    width: 165px;
    height: 163px;
    background: url('../img/zavits/z_flower.png') no-repeat;
    background-size: contain;
    left: -60px;
    bottom: -45px;
    z-index: -1;
}

.plashka::after {
    position: absolute;
    content: '';
    width: 393px;
    height: 338px;
    background: url('../img/woman.png') no-repeat;
    background-size: contain;
    right: -250px;
    bottom: -35px;
}


.exclamation_block {
    position: relative;
    display: flex;
    align-items: center;
}

.exclamation_block::after {
    position: absolute;
    content: '';
    width: 129px;
    height: 62px;
    background: url('../img/zavits/zavit_3.png') no-repeat;
    background-size: contain;
    right: -60px;
    top: 0px;
}

.ex_img {
    max-width: 370px;
    max-height: 315px;
    overflow: hidden;
    margin-right: 58px;
    /* flex-shrink: 0; */
}

.ex_img img {
    opacity: .13;
    height: 100%;
    object-fit: contain;
}

.ex_text {
    position: relative;
    max-width: 645px;
    width: 100%;
    font-size: 19px;
    line-height: 36px;
    color: #2f2f2f;
    padding-left: 15px;
}

.ex_text::before {
    position: absolute;
    content: '!';
    font-size: 180px;
    color: #ffb600;
    top: 75px;
    left: -50px;
}


/* screen 4 */

.screen_4 {
    margin-bottom: 115px;
}

.screen_4-head {
    position: relative;
    max-width: 1350px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 240px;
    margin-left: auto;
    margin-right: auto;
}

.screen_4-head::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 360px;
    height: 345px;
    right: -168px;
    top: 40px;
}

.screen_4-head-top {
    position: relative;
    max-width: 774px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.screen_4-head-top::before {
    position: absolute;
    content: '';
    background: url('../img/src_4-left.png') no-repeat;
    background-size: contain;
    width: 305px;
    height: 316px;
    left: -255px;
    top: 0;
    z-index: 1;
}

.screen_4-head-top::after {
    position: absolute;
    content: '';
    background: url('../img/src_4-right.png') no-repeat;
    background-size: contain;
    width: 352px;
    height: 287px;
    right: -325px;
    z-index: 1;
    bottom: -65px;
}



.screen_4-head-text {
    position: relative;
    line-height: 48px;
    text-align: center;
    color: #51c4e7;
    font-weight: 600;
    max-width: 635px;
    padding-top: 40px;
}

.screen_4-head-text::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_scr4.png') no-repeat;
    width: 774px;
    height: 170px;
    background-size: contain;
    left: -70px;
    bottom: -120px;
}

/* screen_5 */

.screen_5 {
    margin-bottom: 125px;
}

.screen_5 .wrapper {
    position: relative;
}

.screen_5-block {
    display: flex;
    margin-left: 55px;
}

.screen_5-title {
    font-size: 30px;
    line-height: 40px;
    color: #f655a0;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.screens-text {
    color: #2b2b2b;
    line-height: 48px;
    max-width: 725px;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    font-weight: 500;
    word-break: break-word;
}

.screen_5 .screens-text b {
    color: #f655a0;
}

.screen_5-img {
    max-width: 483px;
    max-height: 423px;
}

.screen_5-img img {
    height: 100%;
    object-fit: contain;
}

.screen_5 a.btn {
    max-width: 330px;
    margin: 0 auto;
}

.screen_5 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    height: 667px;
    width: 667px;
    left: -415px;
    bottom: 154px;
}

/* screen_6 */

.screen_6 {
    margin-bottom: 90px;
}

.screen_6 .screens-text b {
    color: #2a2a2a;
}


.screen_6-block {
    display: flex;
    margin-bottom: 60px;
}

.screen_6-img {
    position: relative;
    max-width: 397px;
    max-height: 390px;
}

.screen_6-img::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png');
    background-size: contain;
    width: 400px;
    height: 400px;
    left: -165px;
    top: 125px;
    z-index: -1;
}

.screen_6-img img {
    height: 100%;
    object-fit: contain;
}

.screen_6 .screens-text {
    text-align: right;
    padding-top: 30px;
}

.screen_6 .reviews-block.blue {
    position: relative;
}

.screen_6 .reviews-block.blue::after {
    position: absolute;
    content: '';
    width: 82px;
    height: 215px;
    background: url('../img/zavits/zavit_4.png') no-repeat;
    background-size: contain;
    left: -130px;
    top: 125px;
}

.screen_6 .reviews-block.blue::before {
    position: absolute;
    content: '';
    width: 122px;
    height: 65px;
    background: url('../img/zavits/zavit_5.png') no-repeat;
    background-size: contain;
    right: -165px;
    bottom: 450px;
}

/* screen 7 */

.screen_7 {
    margin-bottom: 90px;
}

.screen_7-block {
    display: flex;
    margin-bottom: 60px;
}

.screen_7-img {
    position: relative;
    max-width: 383px;
    max-height: 392px;
}

.screen_7-img::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 385px;
    height: 384px;
    right: -162px;
    top: 49px;
    z-index: -1;
}


.screen_7 .reviews-block {
    position: relative;
}

.screen_7 .reviews-block::before {
    position: absolute;
    content: '';
    width: 77px;
    height: 120px;
    background: url('../img/zavits/zavit_7.png') no-repeat;
    background-size: contain;
    left: -155px;
    top: 180px;
}

.screen_7 .reviews-block::after {
    position: absolute;
    content: '';
    width: 145px;
    height: 384px;
    background: url('../img/zavits/zavit_6.png') no-repeat;
    background-size: contain;
    right: -200px;
    bottom: 270px;
}

/* screen 8 */

.screen_8 {
    margin-bottom: 85px;
}

.screen_8-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
}

.screen_8-top::after {
    position: absolute;
    content: '';
    width: 162px;
    height: 74px;
    background-size: contain;
    background: url('../img/zavits/zavit_8.png') no-repeat;
    right: 325px;
    top: -90px;
}

.screen_8-toptext {
    max-width: 685px;
}

.screen_8-title {
    font-size: 40px;
    font-weight: 900;
    color: #ffb600;
    text-transform: uppercase;
}

.screen_8-top p {
    line-height: 40px;
}

.screen_8-title {
    margin-bottom: 40px;
}

.screen_8 .rewiews-screenshot {
    margin-left: 20px;
}

.plashka-2 {
    position: relative;
    max-width: 812px;
    width: 100%;
    background: #ffaf1b;
    font-size: 19px;
    line-height: 36px;
    color: #000;
    font-style: italic;
    text-align: center;
    padding: 22px 65px;
    border-radius: 70px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}

.screen_8 .reviews-block {
    position: relative;
}

.screen_8 .reviews-block::after {
    position: absolute;
    content: '';
    background-size: contain;
    width: 172px;
    height: 239px;
    background: url('../img/zavits/zavit_9.png') no-repeat;
    right: -250px;
    bottom: 280px;
}


/* screen 9 */

.screen_9 .wrapper {
    position: relative;
}

.screen_9 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    height: 790px;
    width: 790px;
    left: -520px;
    top: -250px;
}

.screen_9 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    height: 855px;
    width: 855px;
    right: -425px;
    bottom: -740px;
}

.screen_9 .quote {
    margin-left: 50px;
}

.screen_9 .quote::before {
    display: none;
}

.worms {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.worms .screen_s-title {
    text-align: center;
    margin-bottom: 65px;
}

.worms-image {
    margin-bottom: 60px;
}

.worm_texts {
    font-weight: 500;
    padding: 20px 25px;
    background: #fff;
    border-radius: 8px;
    max-width: 395px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #161616;
    width: auto;
    -webkit-box-shadow: 1px 0px 18px 2px rgba(15, 37, 61, 0.2);
    -moz-box-shadow: 1px 0px 18px 2px rgba(15, 37, 61, 0.2);
    box-shadow: 1px 0px 18px 2px rgba(15, 37, 61, 0.2);
}

.worm_texts:nth-child(1) {
    position: absolute;
    left: -95px;
    top: 185px;
}

.worm_texts:nth-child(2) {
    position: absolute;
    left: -10px;
    bottom: 220px;
}

.worm_texts:nth-child(3) {
    position: absolute;
    right: 0;
    top: 123px;
}

.worm_texts:nth-child(4) {
    position: absolute;
    right: -20px;
    bottom: 155px;
}

.worms .clouds .etc {
    position: absolute;
    bottom: 110px;
    right: 0;
}


/* screen 10 */

.screen_10 {
    margin-bottom: 80px;
}

.numeric_block {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.label {
    font-size: 23px;
    color: #161616;
    text-align: center;
    font-weight: 500;
    margin-bottom: 60px;
}

.numeric_inner {
    padding-left: 75px;
    padding-right: 85px;
}

.numeric_item {
    position: relative;
    margin-bottom: 25px;
    max-width: 870px;
}

.numeric_item:nth-child(even) {
    text-align: right;
}

.numeric_title {
    font-size: 50px;
    color: #f76fad;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.numeric_text {
    font-size: 22px;
    line-height: 48px;
    font-weight: 500;
}

.numeric_text b {
    color: #f76fad;
}


.numeric_item:nth-child(1)::before {
    position: absolute;
    content: '';
    width: 127px;
    height: 109px;
    background: url('../img/zavits/zavit_10.png') no-repeat;
    background-size: contain;
    left: -180px;
    top: -65px;
}

.numeric_item:nth-child(2)::after {
    position: absolute;
    content: '';
    width: 67px;
    height: 55px;
    background: url('../img/zavits/zavit_11.png') no-repeat;
    background-size: contain;
    right: -90px;
    top: 100px;
}

.numeric_item:nth-child(3)::before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('../img/zavits/zavit_11.png') no-repeat;
    background-size: contain;
    left: -130px;
    top: 50px;
    transform: rotate(250deg);
}

.numeric_item:nth-child(4)::after {
    position: absolute;
    content: '';
    width: 116px;
    height: 60px;
    background: url('../img/zavits/zavit_10.png') no-repeat;
    background-size: contain;
    right: -120px;
    bottom: 80px;
    transform: rotate(190deg);
}

/* screen 11 */

.screen_11 {
    margin-bottom: 100px;
}


.screen_11_main {
    display: flex;
    position: relative;
}

.screen_11_title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 40px;
    padding-top: 16px;
    padding-left: 22px;
}

.screen_11_banner {
    position: relative;
    left: -75px;
    font-size: 22px;
    line-height: 48px;
    color: #fff;
    background: #51c4e7;
    border-radius: 70px;
    padding: 30px 55px;
    text-align: center;
    z-index: -1;
    margin-bottom: 40px;
    font-weight: 500;
}

.screen_11_text {
    font-size: 22px;
    line-height: 48px;
    padding-left: 22px;

    max-width: 670px;
    overflow: hidden;
}

.screen_11_info {
    max-width: 815px;
    width: 100%;
}

.screen_11_image {
    position: relative;
}

.screen_11_image::before {
    position: absolute;
    content: '';
    width: 380px;
    height: 380px;
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    left: -115px;
    top: 80px;
    z-index: -1;
}

.screen_11_main::after {
    position: absolute;
    content: '';
    width: 165px;
    height: 163px;
    background: url('../img/zavits/z_flower.png') no-repeat;
    background-size: contain;
    right: -50px;
    top: 160px;
    z-index: -2;
}


/* section 12 */

.screen_12 {
    margin-bottom: 170px;
}

.single-review-inner {
    display: flex;
    align-items: center;
}

.single-review {
    position: relative;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
    background-position: top;
    padding-top: 80px;
    padding-left: 100px;
    padding-right: 60px;
    padding-bottom: 75px;
    margin-bottom: 50px;
    background: url('../img/reviews-blue.png') no-repeat;
    background-size: 100% 100%;
}

.single-review-text {
    max-width: 450px;
    width: 100%;
    margin-right: 35px;
    line-height: 36px;
}

.single-review-image {
    max-width: 475px;
    max-height: 488px;
}

.screen_12 a.btn {
    margin: 0 auto;
}

/* screen 13 */

.screen_13 {
    margin-bottom: 100px;
}

.screen_13-block-1 {
    display: flex;
    margin-bottom: 80px;
}

.screen_13-title {
    font-size: 28px;
    margin-bottom: 70px;
    color: #f76fad;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}

.screen_13-text {
    flex-shrink: 0;
    max-width: 515px;
    width: 100%;
    margin-right: 40px;
    line-height: 48px;
}

.screen_13-text b {
    color: #f76fad;
    font-size: 25px;
}

.screen_13 .quote {
    max-width: 920px;
}

.screen_13 .quote::before {
    display: none;
}

.block-2-label {
    text-align: center;
    margin-bottom: 70px;
}

.screen_13-block-2 {
    position: relative;
    margin-bottom: 65px;
}

.screen_13-block-2::after {
    position: absolute;
    content: '';
    width: 72px;
    height: 118px;
    background: url('../img/zavits/zavit_12.png') no-repeat;
    background-size: contain;
    right: 55px;
    bottom: -110px;
}


.infocard-main {
    display: flex;
    align-items: center;
}

.infocard-image {
    position: relative;
    left: -65px;
}

.infocard-image::after {
    position: absolute;
    content: '';
    width: 370px;
    height: 370px;
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    top: 125px;
    left: -120px;
    z-index: -1;
}

.infocard-text {
    max-width: 585px;
    width: 100%;
    line-height: 48px;
}

/* screen 14 */

.screen_14-block {
    max-width: 975px;
    width: 100%;
    margin: 0 auto;
}

.screen_14-text {
    line-height: 48px;
    margin-bottom: 50px;
}

.screen_14-banner {
    position: relative;
    max-width: 867px;
    width: 100%;
    background: #51c4e7;
    color: #fff;
    font-size: 22px;
    line-height: 45px;
    font-weight: 600;
    padding: 30px 55px;
    border-radius: 70px;
    margin-bottom: 100px;
}

.screen_14-banner::before {
    position: absolute;
    content: '';
    width: 69px;
    height: 87px;
    background: url('../img/zavits/zavit_13.png') no-repeat;
    background-size: contain;
    left: -35px;
    bottom: -65px;
}

.screen_14-banner::after {
    position: absolute;
    content: '';
    width: 69px;
    height: 87px;
    background: url('../img/zavits/zavit_13.png') no-repeat;
    background-size: contain;
    right: -35px;
    bottom: -65px;
    transform: scale(-1, 1);
}

.screen_14-banner span {
    position: relative;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.screen_14-banner span::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #ffac23;
    bottom: -3px;
    left: 0;
}


.screen_14-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.screen_14-bottom {
    max-width: 788px;
    width: 100%;
    text-align: center;
}

span.percent {
    font-size: 50px;
    color: #51c4e7;
    font-weight: 500;
}

/* screen 15 */

.screen_15-block {
    max-width: 975px;
    width: 100%;
    margin: 0 auto;
}

.screen_15 .infocard-image {
    position: relative;
    right: -65px;
    left: auto;
}

.screen_15 .infocard-main {
    margin-bottom: 80px;
}

.screen_15 p {
    text-align: center;
}

.screen_15 .infocard-image::after {
    width: 320px;
    height: 320px;
    top: 45px;
    left: 95px;
}

.thisstyle {
    position: relative;
    margin-top: 155px;
    margin-bottom: 70px;
}


.thisstyle:after {
    position: absolute;
    content: '';
    width: 229px;
    height: 202px;
    background: url('../img/zavits/zavit_14.png') no-repeat;
    background-size: contain;
    right: 120px;
    top: 0;
}

.thisstyle:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 142px;
    background: url('../img/zavits/zavit.png') no-repeat;
    background-size: contain;
    left: -265px;
    bottom: 106px;
}

.thisstyle .screen_s-title {
    margin-bottom: 40px;
}

.thisstyle-block {
    display: flex;
    flex-direction: column;
}

.thisstyle-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    max-height: 85px;
}

.thisstyle-text {
    font-weight: 500;
}

.thisstyle-image {
    margin-right: 30px;
}

.screen_15-block a.btn {
    margin: 0 auto;
}

.screen_15 {
    margin-bottom: 90px;
}

/* screen 16 */

.screen_16 {
    margin-bottom: 90px;
}

.screen_16 .wrapper {
    position: relative;
}

.screen_16 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 490px;
    height: 490px;
    left: -230px;
    top: 845px;
}

.screen_16 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 840px;
    height: 840px;
    right: -410px;
    top: -210px;
}

.reasons-wrap {
    position: relative;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.reasons-wrap::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/z_flower.png') no-repeat;
    background-size: contain;
    width: 230px;
    height: 230px;
    left: -335px;
    top: 30px;
}

.reasons-wrap-title {
    text-align: center;
    line-height: 50px;
    margin-bottom: 50px;
}

.reasons-wrap-title span {
    font-size: 50px;
    color: #faa800;
    font-weight: 600;
}

.reasons-block {
    display: flex;
    flex-direction: column;
}

.reasons-item {
    margin-bottom: 55px;
}

.reasons-item:nth-child(2) {
    text-align: right;
}

.reasons-item:nth-child(2) .reasons-number {
    color: #f76fad;
}

.reasons-item:nth-child(2) .reasons-desc {
    color: #f76fad;
}

.reasons-item:nth-child(3) .reasons-number {
    color: #faa800;
}

.reasons-item:nth-child(3) .reasons-desc {
    color: #faa800;
}



.reasons-title {
    margin-bottom: 45px;
}

.reasons-number {
    font-size: 25px;
    text-transform: uppercase;
    color: #51c4e7;
    margin-bottom: 25px;
    font-weight: 600;
}

.reasons-desc {
    color: #51c4e7;
    line-height: 42px;
    font-weight: 600;
}

.reasons-text {
    line-height: 48px;
}

/* screen 17 */

.screen_17 {
    margin-bottom: 90px;
}


.screen_17 .wrapper {
    position: relative;
}

.screen_17 .wrapper:after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 765px;
    height: 765px;
    right: -440px;
    top: -530px;
}

.screen_17-block .infocard-main {
    justify-content: space-between;
}

.screen_17-block .infocard-text {
    max-width: 680px;
}

.screen_17-block .infocard-image {
    left: auto;
    right: 30px;
}

.screen_17 .infocard-image::after {
    width: 335px;
    height: 335px;
    top: 35px;
    left: 90px;
}

.screen_17 .reviews-block {
    position: relative;
}

.screen_17 .reviews-block::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_7.png') no-repeat;
    background-size: contain;
    width: 76px;
    height: 123px;
    left: -170px;
    top: 185px;
}

.screen_17 .reviews-block::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_6.png') no-repeat;
    background-size: contain;
    width: 145px;
    height: 384px;
    right: -210px;
    bottom: 145px;
}


/* screen 18 */

.screen_18 {
    margin-bottom: 90px;
}

.screen_18 .wrapper {
    position: relative;
}

.screen_18 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 830px;
    height: 830px;
    bottom: -500px;
    left: -525px;
}

.screen_18 .reviews-block {
    position: relative;
}

.screen_18-block {
    margin-bottom: 50px;
}

.screen_18 .reviews-block::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_7.png') no-repeat;
    background-size: contain;
    width: 76px;
    height: 123px;
    left: -170px;
    top: 185px;
}

.screen_18 .reviews-block::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_6.png') no-repeat;
    background-size: contain;
    width: 145px;
    height: 384px;
    right: -210px;
    bottom: 145px;
}

.screen_18-block .infocard-main {
    justify-content: space-between;
}

.screen_18-block .infocard-text {
    max-width: 680px;
    text-align: right;
}

.screen_18-block .infocard-image {
    left: 30px;
}

.screen_18 .infocard-image::after {
    width: 350px;
    height: 350px;
    top: 15px;
    left: -110px;
}

/* screen 19 */


.modules-block {
    margin-bottom: 95px;
}

.modules-item {
    position: relative;
    display: flex;
    margin-bottom: 80px;
}

.modules-item:nth-child(even) {
    flex-direction: row-reverse;
}

.modules-item_image {
    margin-right: 70px;
    margin-top: 40px;
    max-width: 515px;
    max-height: 480px;
}

.modules-item_image img {
    height: 100%;
    object-fit: contain;
    width: 95%;
}

.modules-item_info {}

.modules-item_title {
    background: #fff;
    border-radius: 15px;
    max-width: 515px;
    /* padding: 30px 40px 30px 75px; */
    padding: 20px 40px 30px 0px;
    margin-bottom: 32px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
    -moz-box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
    box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);

    line-height: 36px;

    display: flex;
    align-items: center;
}


/* .title-accent-circle::after {
    position: absolute;
    content: '';
    width: 103px;
    height: 103px;
    border-radius: 50%;
    left: -128px;
    top: 0;
} */

.modules-item_title.yellow {
    color: #ffb31b;
}

.modules-item_title.yellow span{
    background: #ffb31b;
}

/* .modules-item_title.yellow .title-accent-circle::after {
    background: #ffb31b;
} */

.modules-item_title.blue {
    color: #51c4e7;
}

.modules-item_title.blue span{
    background: #51c4e7;
}

/* .modules-item_title.blue .title-accent-circle::after {
    background: #51c4e7;
} */

.modules-item_title.pink {
    color: #f76fad;
}

.modules-item_title.pink span{
    background: #f76fad;
}

/* .modules-item_title.pink .title-accent-circle::after {
    background: #f76fad;
} */

.modules-item_title span {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    background: red;
    border-radius: 50%;
    position: relative;
    left: -50px;
    top: 5px;
    flex-shrink: 0;
}


.modules-item-number {
    font-size: 17px;
    /* margin-bottom: 20px; */
    font-weight: 600;
    text-transform: uppercase;
}

.modules-item-name {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
}

.modules-item_text {
    line-height: 48px;
    max-width: 560px;
}

.screen_19-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}


.modules-banner {
    position: relative;
    max-width: 978px;
    width: 100%;
    margin: 0 auto;
    background-position: top;
    padding: 50px;
    margin-bottom: 40px;
    background: url('../img/reviews-pink.png') no-repeat;
    background-size: 100% 100%;
}

.modules-banner-inner {
    background: #fff;
    border-radius: 15px;
    padding: 50px 100px 45px 80px;

    -webkit-box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
    -moz-box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
    box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
}

.modules-banner-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.modules-banner-item:last-child {
    margin-bottom: 0;
}

.modules-banner-image {
    margin-right: 30px;
}

.modules-banner-text {
    line-height: 36px;
}

.modules-banner .screen_s-title {
    text-align: center;
}

.modules-banner-foot {
    max-width: 990px;
    text-align: center;
    font-size: 21px;
    padding: 0 22px;
    margin: 0 auto;
}

.modules-banner-foot p {
    line-height: 48px;
    margin-bottom: 40px;
}


.modules-item:nth-child(2):after {
    position: absolute;
    content: '';
    width: 124px;
    height: 94px;
    background: url('../img/zavits/zavit_5.png') no-repeat;
    background-size: contain;
    right: 0;
    top: -95px;
    transform: rotate(60deg);
}

.modules-item:nth-child(3)::before {
    position: absolute;
    content: '';
    width: 64px;
    height: 124px;
    background: url('../img/zavits/zavit_7.png') no-repeat;
    background-size: contain;
    left: -95px;
    top: -35px;
    transform: rotate(12deg);
}


.modules-item:nth-child(5)::before {
    position: absolute;
    content: '';
    width: 125px;
    height: 77px;
    background: url('../img/zavits/zavit_12.png') no-repeat;
    background-size: contain;
    left: -40px;
    top: -95px;
    transform: rotate(290deg);
}

.modules-item:nth-child(7)::before {
    position: absolute;
    content: '';
    width: 98px;
    height: 76px;
    background: url('../img/zavits/zavit_15.png') no-repeat;
    background-size: contain;
    left: -85px;
    top: -35px;
}


.modules-item:nth-child(7)::after {
    position: absolute;
    content: '';
    width: 800px;
    height: 800px;
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    right: -825px;
    top: 90px;
}


.modules-item:nth-child(8)::before {
    position: absolute;
    content: '';
    width: 800px;
    height: 800px;
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    left: -925px;
    top: 30px;
}

.modules-item:nth-child(8)::after {
    position: absolute;
    content: '';
    width: 64px;
    height: 124px;
    background: url('../img/zavits/zavit_7.png') no-repeat;
    background-size: contain;
    right: 29px;
    top: -106px;
    transform: scale(-1, 1) rotate(12deg);
}



.screen_19 .wrapper {
    position: relative;
}

.screen_19 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 800px;
    height: 800px;
    right: -455px;
    top: 1665px;
}

.screen_19 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 800px;
    height: 800px;
    left: -540px;
    top: 2870px;
}


.modules-banner {
    position: relative;
}

.modules-banner::before {
    position: absolute;
    content: '';
    width: 67px;
    height: 55px;
    background: url('../img/zavits/zavit_11.png') no-repeat;
    background-size: contain;
    left: -155px;
    bottom: 255px;
    transform: rotate(200deg);
}

.modules-banner::after {
    position: absolute;
    content: '';
    width: 69px;
    height: 87px;
    background: url('../img/zavits/zavit_13.png') no-repeat;
    background-size: contain;
    right: -155px;
    bottom: 275px;
    transform: scale(1, -1) rotate(175deg);
}

.modules-banner-foot {
    position: relative;
}

.modules-banner-foot::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 345px;
    height: 345px;
    left: -405px;
    top: -10px;
}

.screen_19 {
    margin-bottom: 120px;
}

.screen_19 .screen_13-title {
    color: #51c4e7;
}

/* screen 20 */

.screen_20 {
    margin-bottom: 55px;
}

.table-cell.note-i-mob {
    display: none;
}


.table-container .screen_13-title {
    color: #ffb31b;
}

.table-wrapper {
    max-width: 1035px;
    width: 100%;
    margin: 0 auto;
}

.table-block {
    border-radius: 15px;
    background: #fff;
    padding: 25px;
    -webkit-box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
    -moz-box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
    box-shadow: 0px 0px 24px 2px rgba(82, 157, 181, 0.2);
}

.table-block-information {
    padding: 10px 0px 0 25px;
}

.table-but {
    max-width: 95%;
}

.table-but a.btn {
    padding: 20px 35px;
}

.table-block-information .table-row,
.table-block-information .table-cell {
    border: none;
}

.table-row-title {
    display: flex;
    justify-content: space-between;
    text-align: center;
    border-bottom: 3px solid #dddddd;
}

.table-row {
    display: flex;
    /* align-items: center; */
    text-align: center;
    border-bottom: 2px solid #dddddd;
}

.table-cell {
    max-width: 188px;
    width: 100%;
    padding: 24px 0;
    border-right: 3px solid #dddddd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-cell-text {
    line-height: 30px;
    font-size: 17px;
    padding-left: 20px;
    width: 100%;
}


.table-title {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    color: #51c4e7;
    text-align: center;
}


.table-cell:nth-child(1) {
    max-width: 420px;
    width: 100%;
    text-align: left;
    font-weight: 500;
    padding-right: 10px;
}

.table-dostup-text {
    font-size: 20px;
    line-height: 24px;
    color: #ffb520;
    text-transform: uppercase;
}

.table-price-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.table-price-old {
    font-size: 20px;
    color: #d2bd92;
    text-decoration: line-through;
}

.table-price-new {
    font-size: 23px;
    color: #51c4e7;
    font-weight: 900;
}

.table-cell:last-child {
    border: none;
}

.table-row:last-child {
    border: none;
}

.table-packets {
    position: relative;
}

.table-packets::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/z_flower.png') no-repeat;
    background-size: contain;
    width: 162px;
    height: 162px;
    left: -116px;
    top: 120px;
    z-index: -1;
}

.table-packets::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/z_flower.png') no-repeat;
    background-size: contain;
    width: 162px;
    height: 162px;
    right: -110px;
    top: -135px;
    z-index: -1;
}

.table-icon-alt {
    display: none;
}


/* screen 21 */

.screen_21 {
    margin-bottom: 65px;
}

.screen_21 .wrapper {
    position: relative;
}

.screen_21 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 805px;
    height: 805px;
    right: -525px;
    top: 0;
}

.timer-box {
    background: url('../img/timer-bord.png') no-repeat;
    background-size: 100% 100%;
    max-width: 810px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 40px;
}

.start-wrap {
    -webkit-box-shadow: 1px 2px 16px 3px rgba(20, 88, 147, 0.2);
    box-shadow: 1px 2px 16px 3px rgba(20, 88, 147, 0.2);
    border-radius: 20px;
    background-color: white;

    padding: 30px 45px;

    position: relative;
    z-index: 1;

}

.start-text1 {
    text-align: center;
    color: #f76fad;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.57px;
    margin-bottom: 13px;
}

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

.start-timer-text {
    max-width: 285px;
    width: 100%;
    color: #252525;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
}

.start-btn-wrap {
    text-align: center;
}

.start-btn {
    display: inline-block;
    text-shadow: 1px 1px 0 #027465;
    color: white;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-shadow: 0 4px 0 #00a38e;
    box-shadow: 0 4px 0 #00a38e;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#bbfbec), to(#51cbcb));
    background: linear-gradient(to bottom, #bbfbec 0%, #51cbcb 100%);
    padding: 16px 28.5px;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.timer-wrap {
    margin-top: 10px;
}


.cd-container {
    padding: 0px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    display: inline-block !important;
    font-size: 16px !important;
}

.timer-wrap .cd_timer {
    max-width: 320px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 20px !important;
    font-size: 15px !important;
}

.timer-wrap .cd_timer:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 91px;
    background-color: #f86094;
    border-radius: 20px;
}

.timer-wrap .cd_timer ul li {
    padding: 0 !important;
    position: relative;
}

.timer-wrap .cd_timer ul li:after {
    content: ':';
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 50px;
    color: #fff;
    font-weight: 700;
}

.timer-wrap .cd_timer ul li:last-child:after {
    display: none;
}

.timer-wrap .cd_timer .cd_num {
    color: #fff;
    font-size: 50px !important;
    font-weight: 700;
    margin-bottom: 20px;
}

.timer-wrap .cd_timer .cd_text {
    color: #1b9c9a;
    font-size: 18px !important;
    font-weight: 300;
    text-transform: lowercase;
}


.screen_21-title {
    color: #f76fad;
    font-size: 19px;
    line-height: 36px;
    text-align: center;
    max-width: 860px;

    margin-top: 0;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.screen_21-title b {
    font-size: 21px;
    text-transform: uppercase;
}


/* screen 22 */

.screen_22 {
    margin-bottom: 95px;
}

.screen_22-title {
    position: relative;
    font-size: 25px;
    line-height: 36px;
    color: #ffb31b;
    text-align: center;
    font-weight: 600;

    margin: 0 auto 55px auto;
    max-width: 670px;

}


.screen_22-title::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_7.png') no-repeat;
    background-size: contain;
    transform: rotate(27deg);
    width: 105px;
    height: 150px;
    top: -72px;
    left: -277px;
}

.screen_22-items {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
}

.screen_22-items::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_16.png') no-repeat;
    background-size: contain;
    width: 128px;
    height: 132px;
    right: -175px;
    bottom: -50px;
}


.block_22-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.screen_22-image {
    max-width: 392px;
    max-height: 308px;
    margin-right: 55px;
}

.screen_22-text {
    line-height: 48px;
}

.screen_22-text b {
    color: #f79b0c;
}

.screen_22-info {
    line-height: 48px;
    text-align: center;
    margin-bottom: 90px;
}

.screen_22-info b {
    color: #3cbde2;
}

.screen_22 .plashka::after {
    position: absolute;
    content: '';
    width: 364px;
    height: 345px;
    background: url('../img/plashka_22.png') no-repeat;
    background-size: contain;
    right: -200px;
    bottom: -130px;
}

.screen_22 .plashka {
    font-size: 20px;
    line-height: 48px;
    margin-bottom: 120px;
}

.screen_22 .plashka b {
    font-size: 23px;
    text-transform: uppercase;
}

.plashka-text {
    max-width: 565px;
}

.screen_22-foot-text {
    font-size: 22px;
    line-height: 48px;
    color: #ffac23;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 600px;
}

.screen_22-foot-img {
    position: relative;
    max-width: 342px;
    max-height: 348px;
    background-size: contain;
}

.screen_22-foot-img::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 278px;
    height: 278px;
    left: -88px;
    top: 74px;
    z-index: -1;
}

.screen_22-foot {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.screen_22-foot::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/z_flower.png') no-repeat;
    background-size: contain;
    width: 180px;
    height: 180px;
    right: -250px;
    top: -125px;
}


/* screen 23 */

.screen_23 {
    margin-bottom: 185px;
}

.screen_23-article {
    position: relative;
    font-size: 21px;
    line-height: 48px;
    margin-bottom: 70px;
    padding-left: 55px;
    padding-right: 55px;
}

.screen_23-article::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_11.png') no-repeat;
    background-size: contain;
    width: 65px;
    height: 65px;
    left: -74px;
    top: 0;
    transform: rotate(255deg);
}

.question-icon {
    max-width: 55px;
    max-height: 66px;
    background-size: contain;
    margin-right: 20px;
}

.question-item {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 48px;
}

.screen_23-questions {
    display: flex;
    flex-direction: column;

    padding-left: 120px;
}

.question-text {
    font-size: 21px;
    line-height: 36px;
    font-weight: 600;
    max-width: 840px;
}

.screen_23-chance {
    position: relative;
}

.screen_23-chance::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_17.png') no-repeat;
    background-size: contain;
    width: 135px;
    height: 159px;
    right: -112px;
    top: 30px;
}

.screen_23-chance p {
    font-size: 26px;
    line-height: 48px;
    color: #ff9f01;
    margin-bottom: 70px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

.screen_23 .wrapper {
    position: relative;
}

.screen_23 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 835px;
    height: 835px;
    left: -455px;
    top: 60px;
}


/* screen 24 */

/* 790 */

.more-reviews {
    max-width: 790px;
    width: 100%;
    margin: 0 auto;
}

.more-reviews-title {
    position: relative;
    max-width: 555px;
    font-size: 22px;
    color: #51c4e7;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    margin: 0 auto 135px auto;
}

.more-reviews-title::before {
    position: absolute;
    content: '';
    background: url('../img/rev_arrow.png') no-repeat;
    background-size: contain;
    width: 69px;
    height: 84px;
    left: 0;
    top: 0;
}

.more-reviews-title::after {
    position: absolute;
    content: '';
    background: url('../img/rev_arrow.png') no-repeat;
    background-size: contain;
    width: 69px;
    height: 84px;
    right: 0;
    top: 0;
    transform: scale(-1, 1);
}

.more-reviews-block {
    display: flex;
    flex-direction: column;
}

.more-reviews-item {
    margin-bottom: 50px;
}

.screen_24-foot {
    position: relative;
    max-width: 545px;
    width: 100%;
    margin: 0 auto 65px auto;
}

.screen_24-foot::before {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_18.png') no-repeat;
    background-size: contain;
    width: 94px;
    height: 120px;
    left: -205px;
    top: -60px;
}

.screen_24-foot::after {
    position: absolute;
    content: '';
    background: url('../img/zavits/zavit_19.png') no-repeat;
    background-size: contain;
    width: 70px;
    height: 105px;
    right: -130px;
    bottom: 50px;
}

.screen_24-foot-text {
    font-size: 23px;
    line-height: 48px;
    text-align: center;
    color: #f773b0;
    font-weight: 900;
    margin-bottom: 70px;
}

.screen_24-foot a.btn {
    max-width: 435px;
    margin: 0 auto;
}

.screen_24 .wrapper {
    position: relative;
}


.screen_24 .wrapper::before {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 720px;
    height: 720px;
    left: -515px;
    bottom: 1030px;
}

.screen_24 .wrapper::after {
    position: absolute;
    content: '';
    background: url('../img/spotlight/yellow_1.png') no-repeat;
    background-size: contain;
    width: 720px;
    height: 720px;
    right: -515px;
    top: 1400px;
}


/* footer */

.main-footer {
    padding-top: 46px;
    padding-bottom: 117px;
    background-color: #1a5e73;
}

.main-footer .container {
    max-width: 1030px;
}

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

.main-footer-link1 {
    display: inline-block;
    color: #0eb7fd;
    font-size: 17px;
    text-decoration: underline;
    margin-bottom: 48px;
}

.main-footer-email-text {
    color: white;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 9px;
}

.main-footer-email {
    color: white;
    font-size: 17px;
    font-weight: 300;
}

.main-footer-wrap2 {
    text-align: right;
    margin-top: 8px;
}

.main-footer-text1 {
    color: white;
    font-size: 16px;
    margin-bottom: 8px;
}

.main-footer-text2 {
    color: white;
    font-size: 16px;
    margin-bottom: 26px;
}

.main-footer-link2 {
    display: inline-block;
    color: #0eb7fd;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: 0.4px;
}

body * {
    /* border: 1px solid; */
}


/* popup */


.hidden {
    display: none;
}


.popup {
    max-width: 625px;
    width: 95%;
    -webkit-box-shadow: 3px 3px 25px 4px rgba(5, 85, 82, 0.54);
    box-shadow: 3px 3px 25px 4px rgba(5, 85, 82, 0.54);
    border-radius: 20px;
    background-color: white;
    padding: 45px 40px 46px 40px;
}

.popup:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 16px;
    bottom: 16px;
    left: 16px;
    right: 16px;
    border: 2px dashed #4dd4d4;
    border-radius: 8px;
}

.popup-title {
    text-align: center;
    color: #32280f;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.38px;
    margin-bottom: 6px;
}

.popup-title1 {
    color: #32280f;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.45px;
    text-align: center;
    margin-bottom: 21px;
}

.popup-price {
    color: #f86094;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 21px;
}

.popup form {
    max-width: 337px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.popup form input {
    display: block;
    width: 100%;
    outline: none;
    color: #865656;
    font-family: "FuturaPT", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.42px;
    padding: 18px 10px;
    padding-left: 22px;
    border: none;
    border-radius: 8px;
    background-color: #f6f6f6;
    margin-bottom: 10px;
}

.popup form input::-webkit-input-placeholder {
    color: #865656;
    font-family: "FuturaPT", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.42px;
}

.popup form input::-moz-placeholder {
    color: #865656;
    font-family: "FuturaPT", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.42px;
}

.popup form input::-ms-input-placeholder {
    color: #865656;
    font-family: "FuturaPT", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.42px;
}

.popup form input::placeholder {
    color: #865656;
    font-family: "FuturaPT", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.42px;
}

.popup form button {
    display: block;
    max-width: 245px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #bb0057;
    border-radius: 20px;
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.38px;
    padding: 16.5px 10px;
    margin-top: 22px;
    margin-bottom: 18px;
}

.popup-text {
    max-width: 280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #b58989;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.64;
    text-align: center;
    letter-spacing: 0.55px;
}


/* video */ 

.videoReviews {
    padding-top: 33px;
    padding-bottom: 63px;
  }
  
  .videoReviews-title {
    text-align: center;
    color: #ff76a3;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 42px;
  }
  
  .videoReviews-slider-wrap {
    max-width: 755px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .videoReviews-slider1 {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 1px 2px 16px 3px rgba(20, 88, 147, 0.2);
    box-shadow: 1px 2px 16px 3px rgba(20, 88, 147, 0.2);
    border-radius: 20px;
    background-color: white;
    padding: 40px;
  }
  
  .videoReviews-slider1:after {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 15px;
    left: 15px;
    border-radius: 8px;
    border: 2px dashed #ff76a3;
  }
  
  .videoReviews-slider2 {
    margin-top: 15px;
  }
  
  .videoReviews-slider2 .swiper-slide-thumb-active .videoReviews-img-wrap {
    border: 2px solid #00afea;
  }
  
  .videoReviews-img-wrap {
    border: 2px solid #fff;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    cursor: pointer;
    position: relative;
  }
  
  .videoReviews-img-wrap:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 23px;
    height: 23px;
    background: url("../img/play-icon.png") center/contain no-repeat;
  }
  
  .videoReviews-img {
    padding-top: 100%;
  }


  .swiper-button-prev-style1,
.swiper-button-next-style1 {
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  outline: none;
  width: 39px;
  height: 39px;
  background: url("../img/slider-btn.png") center no-repeat;
}

.swiper-button-next-style1,
.swiper-container-rtl .swiper-button-prev-style1 {
  right: -55px;
}

.swiper-button-prev-style1,
.swiper-container-rtl .swiper-button-next-style1 {
  left: -55px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.thumb-wrap {
    position: relative;
    padding-bottom: 57.5%;
    height: 0;
    overflow: hidden;
  }
  
  .thumb-wrap1 {
    padding-bottom: 76.5%;
  }
  
  .thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
  }

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

.ibg img {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}