html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

body, html { height: 100%; background: #fff; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

a, a:before, a:after, a:hover, a:focus, .btn { text-decoration: none; color: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

body { font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 12px; line-height: 1.2; color: #171717; }
body.load .out { opacity: 1; }

.out { width: 100%; min-width: 320px; margin: 0 auto; height: 100%; overflow-z: hidden; opacity: 0; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.container { width: 100%; max-width: 1180px; padding: 0 20px; margin: 0 auto; }

.btn { display: inline-block; text-align: center; padding: 16px 30px; font-size: 13px; font-weight: 500; text-transform: uppercase; border-radius: 50px; }

.btn-primary { color: #fff; background: #171717; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background: #5daa3d; }

.btn-secondary { color: #171717; background: #fff; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { color: #fff; background: #5daa3d; }

.form-group + .form-group { margin-top: 16px; }

.form-control { width: 100%; height: 54px; background: none; border: 0; border-bottom: 1px solid #B3B3B3; padding: 0 16px; color: #171717; font-size: 18px; font-weight: 500; font-family: "Lato", sans-serif; }
.form-control:-moz-placeholder, .form-control::-moz-placeholder { color: #171717; opacity: 1; }
.form-control::-webkit-input-placeholder { color: #171717; }

textarea.form-control { height: 140px; padding: 16px; resize: none; }

.consent { font-size: 14px; font-weight: 500; color: #7E7E7E; font-family: "Lato", sans-serif; margin-top: 20px; }

.ptb { padding-top: 80px; padding-bottom: 80px; }

.title { margin-bottom: 80px; }
.title span { font-size: 28px; font-weight: 700; display: block; text-transform: uppercase; }
.title h1, .title h2 { font-size: 52px; font-weight: 700; text-transform: uppercase; }
.title h3 { font-size: 44px; font-weight: 700; text-transform: uppercase; }
.title p { font-size: 24px; font-weight: 700; font-family: "Lato", sans-serif; }

.swiper-navigation .swiper-arrow { width: 40px; height: 40px; border-radius: 50%; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.swiper-navigation .swiper-arrow:not(.swiper-button-disabled):hover { cursor: pointer; background: url(../img/icons/prev-gray.svg) center no-repeat; }
.swiper-navigation .swiper-prev { background: url(../img/icons/prev-gray.svg) center no-repeat; }
.swiper-navigation .swiper-prev:not(.swiper-button-disabled):hover { cursor: pointer; background: url(../img/icons/prev-green.svg) center no-repeat; }
.swiper-navigation .swiper-next { background: url(../img/icons/next-gray.svg) center no-repeat; }
.swiper-navigation .swiper-next:not(.swiper-button-disabled):hover { cursor: pointer; background: url(../img/icons/next-green.svg) center no-repeat; }
.swiper-navigation .swiper-button-disabled { opacity: 0.6; }

.swiper-pagination { position: static; margin-top: 24px; }
.swiper-pagination .swiper-pagination-bullet { background: #E5E5E5; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 12px; height: 12px; opacity: 1; vertical-align: middle; position: relative; margin: 0 7px; }
.swiper-pagination .swiper-pagination-bullet-active { background: #171717; }

.openmenu { overflow: hidden; }

.mobmenu-toggle { display: none; position: relative; z-index: 11; width: 24px; height: 24px; order: 4; }
.mobmenu-toggle span { position: absolute; top: 50%; margin-top: -1px; display: block; height: 2px; width: 100%; background: #000; -moz-transition: background 0s 0.3s; -o-transition: background 0s 0.3s; -webkit-transition: background 0s; -webkit-transition-delay: 0.3s; transition: background 0s 0.3s; }
.mobmenu-toggle span:before, .mobmenu-toggle span:after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #000; -moz-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -moz-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobmenu-toggle span:before { top: -7px; -moz-transition-property: top, -moz-transform, background; -o-transition-property: top, -o-transform, background; -webkit-transition-property: top, -webkit-transform, background; transition-property: top, transform, background; }
.mobmenu-toggle span:after { bottom: -7px; -moz-transition-property: bottom, -moz-transform, background; -o-transition-property: bottom, -o-transform, background; -webkit-transition-property: bottom, -webkit-transform, background; transition-property: bottom, transform, background; }

.mobmenu-toggle.active span { background: none !important; }
.mobmenu-toggle.active span:before { top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobmenu-toggle.active span:after { bottom: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobmenu-toggle.active span:before, .mobmenu-toggle.active span:after { -moz-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

.mobmenu { background: #fff; display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: 9; -webkit-transform: translateY(-120%); -o-transform: translateY(-120%); transform: translateY(-120%); -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.mobmenu .mobmenu__content { height: 100%; width: 100%; overflow: auto; position: relative; }
.mobmenu .container { padding: 110px 20px 0; height: 100%; display: flex; flex-direction: column; }
.mobmenu .mobmenu__nav { font-weight: 500; font-size: 14px; text-transform: uppercase; }
.mobmenu .mobmenu__nav li + li { margin-top: 24px; }
.mobmenu .mobmenu__nav a:hover { color: #5daa3d; }
.mobmenu .mobmenu__button { margin-top: auto; padding: 40px 0; }
.mobmenu .mobmenu__button .btn { background: #efefef; }
.mobmenu .mobmenu__button .btn:hover { background: #000; color: #fff; }

.mobmenu.open { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.header { padding: 20px 0; position: absolute; z-index: 10; left: 0; top: 0; right: 0; }
.header .header__wrapp { display: flex; align-items: center; justify-content: space-between; }
.header .header__logo { font-size: 0; width: 25%; }
.header .header__logo img { max-width: 100%; max-height: 30px; }
.header .header__nav { font-weight: 500; font-size: 20px; width: 50%; }
.header .header__nav ul { display: flex; justify-content: center; }
.header .header__nav li + li { margin: 0 0 0 40px; }
.header .header__nav a:hover { color: #fff; }
.header .header__button { text-align: right; width: 25%; }
.header .header__button .btn:hover { background: #000; }

.offer { background: url(../img/offer-bg.png) bottom 45px center no-repeat; background-size: cover; padding: 160px 0 0; }
.offer .offer__wrapp { display: flex; align-items: center; }
.offer .offer__content { width: 55%; }
.offer .offer__title h1 { font-family: "Rubik", sans-serif; font-weight: 500; font-size: 38px; color: #fff; }
.offer .offer__title h1 b { font-weight: inherit; display: inline-block; background: #fff; padding: 2px 20px 6px; color: #70bc4f; margin-top: 8px; }
.offer .offer__services { margin-top: 40px; font-weight: 500; font-size: 28px; line-height: 1.8; }
.offer .offer__services img { display: inline-block; vertical-align: text-bottom; margin: 0 10px; max-width: 164px; height:50px; filter: drop-shadow(7px 7px 9px #fff); }
.offer .offer__video { padding-left: 20px; width: 45%; }
.offer .offer__video a { display: block; padding: 15px; border: 1px solid #fff; border-radius: 30px; font-size: 0; position: relative; }
.offer .offer__video a img { max-width: 100%; border-radius: 20px; }
.offer .offer__video a:before { content: ""; position: absolute; left: 50%; top: 50%; width: 116px; height: 120px; margin: -60px 0 0 -58px; background: url(../img/icons/play.png) center center no-repeat; background-size: contain; opacity: 0.6; }
.offer .offer__video a:hover:before { opacity: 1; }
.offer .offer__info { display: flex; margin: 28px -18px -18px; }
.offer .offer__info p { margin: 16px; max-width: 400px; padding: 12px 42px; display: flex; height: 100px; flex-direction: column; align-items: center; justify-content: center; background: #fff; color: #67b346; font-size: 22px; line-height: 1.3; border-radius: 50px; }
.offer .offer__info p b { font-weight: 700; }
.offer .offer__advantages { margin: 140px -20px -20px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.offer .offer__advantage { display: flex; align-items: center; padding: 20px; }
.offer .offer__advantage-icon { font-size: 0; }
.offer .offer__advantage-icon img { max-width: 100%; max-height: 64px; }
.offer .offer__advantage-text { flex: 1 0; padding-left: 25px;
	font-size: 20px;
	font-weight: 500;
    line-height: 1.4;
    opacity: 0.75;
}

.vk-wrap {
position: relative;
max-width: 100%;
    width: 800px;
height: 0;
padding-top: 56.2500%;
padding-bottom: 0;
height: 0;
overflow: hidden;
}
.vk-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 0;
margin: 0;
}

.logo_outer {
	font-size: 22px;
    font-weight: 500;
    color: #5daa3d;
    padding: 3px;
    display: inline-block;
}
.logo_inner {
	background: #5daa3d;
    color: #fff;
    padding: 0 5px;
    margin-right: 3px;
    border-radius: 2px;
}

.negatives { position: relative; z-index: 2; text-align: center; background: #fff; }
.negatives .negatives__wrapp { min-height: 100vh; display: flex; align-items: center; position: sticky; top: 0; }
.negatives .negatives__content { width: 50%; padding: 60px 80px 60px 0; }
.negatives .negatives__slideshow { position: relative; }
.negatives .negatives__title { 
background: linear-gradient(90deg, #83c566 0%, #5daa3d 100%); 
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 32px; font-weight: 700; text-transform: uppercase; margin-bottom: 80px; }
.negatives .negatives__images { position: absolute; left: 50%; top: 0; right: 0; bottom: 0; font-size: 0; }
.negatives .negatives__images .swiper { height: 100%; }
.negatives .swiper-navigation .swiper-arrow { position: absolute; z-index: 1; top: 88px; }
.negatives .swiper-navigation .swiper-prev { left: -50px; }
.negatives .swiper-navigation .swiper-next { right: -50px; }
.negatives .swiper-pagination { display: none; }

.negative .negative__icon { width: 68px; height: 68px; border-radius: 50%; border: 1px solid #363636; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 0; padding: 12px; }
.negative .negative__icon img { max-width: 100%; max-height: 100%; }
.negative .negative__title { margin-top: 30px; font-size: 22px; font-weight: 700; text-transform: uppercase; }
.negative .negative__descr { margin-top: 18px; font-size: 24px; font-weight: 500; font-family: "Lato", sans-serif; max-width: 370px; margin: 18px auto 0; }
.negative .negative__image { position: relative; width: 100%; height: 100%; }
.negative .negative__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.valuable { background-size: cover; background-position: center; min-height: 100vh; padding: 180px 0; display: flex; align-items: flex-end; text-align: center; position: relative; z-index: 2; opacity: 1 !important; }
.valuable:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 100%); }
.valuable .valuable__text { font-size: 44px; font-weight: 700; text-transform: uppercase; color: #fff; position: relative; z-index: 1; }

.fill { opacity: 1 !important; }
.fill span { opacity: 0.2; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.aos-animate .fill span { opacity: 1; }

.principles { background: #171717; overflow: hidden; }
.principles .title span { color: #fff; }
.principles .title h2 { 
background: linear-gradient(90deg, #83c566 0%, #5daa3d 100%); 
-webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.principle { display: flex; align-items: center; }
.principle + .principle { margin-top: 120px; }
.principle:nth-child(odd) .principle__name { color: #fff; }
.principle:nth-child(even) .principle__name { color: #999999; }
.principle .principle__name { width: 45%; padding-right: 40px; font-size: 32px; font-weight: 500; text-transform: uppercase; }
.principle .principle__descr { width: 55%; font-family: "Lato", sans-serif; font-size: 28px; font-weight: 500; color: #fff; }

.who .title { margin-bottom: 40px; text-align: center; }
.who .who__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; grid-template-rows: repeat(2, 1fr); }
.who .who__grid > div { padding: 20px; border-radius: 10px; position: relative; overflow: hidden; z-index: 1; min-height: 260px; }
.who .who__based { 
	x-grid-row: 1/3; x-grid-column: 1/2; 
	background: #8DC3C5; 
    margin-bottom: 18px;
    padding: 26px 18px;
	border-radius:3px;
}
.who .who__based + .who__based {margin-left:7px;}
.who .who__based b, .who .who__based strong { color: #fff; }
.who .who__excperience { 
	x-grid-row: 1/2; x-grid-column: 2/4; 
	background: #EFEFEF; 
	padding: 26px 18px;
	border-radius:3px;
}
.who .who__excperience b, .who .who__excperience strong { color: #8DC3C5; }
.who .who__info { x-grid-row: 2/3; x-grid-column: 2/4; background: linear-gradient(125deg, #171717 0%, #363636 100%); padding-right: 240px !important; }
.who .who__info .who__text { color: #fff; }
.who .who__info .who__text b { color: #8DC3C5; text-transform: uppercase; font-weight: 700; font-family: "Rubik", sans-serif; }
.who .who__title { font-size: 28px; font-weight: 700; text-transform: uppercase; max-width: 500px; margin-bottom: 10px; }
.who .who__title b, .who .who__title strong { font-weight: 700; }
.who .who__text { font-size: 18px; font-family: "Lato", sans-serif; font-weight: 500; max-width: 480px; }
.who .who__map { position: absolute; left: 0; right: 0; bottom: 0; top: 180px; font-size: 0; z-index: -1; }
.who .who__map img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.who .who__device { position: absolute; right: 0; bottom: 0; top: 0; width: 240px; font-size: 0; display: flex; align-items: flex-end; justify-content: center; z-index: -1; padding: 20px 20px 0; }
.who .who__device img { max-width: 100%; max-height: 100%; }

.who__prices {
	display:flex;
}
.who .who__based .who_caption {
	text-transform:none;
	font-size:18px;
	font-weight:400;
	margin-top:12px;
}

.motivation { background-size: cover; background-position: center; min-height: 100vh; padding: 180px 0; display: flex; align-items: center; text-align: center; opacity: 1 !important; }
.motivation .motivation__text { font-size: 52px; font-weight: 700; text-transform: uppercase; color: #fff; position: relative; z-index: 1; }

.products .products__title { margin-bottom: 42px; display: flex; justify-content: center; }
.products .products__title h2 { width: 50%; text-align: center; padding: 0; font-size: 32px; font-weight: 700; 
background: linear-gradient(90deg, #83c566 0%, #5daa3d 100%); 
-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; }
.products .products__wrapp { display: flex; align-items: center; }
.products .products__images { width: 50%; padding: 0 150px 0 0; }
.products .products__images .products__slideshow { position: relative; }
.products .products__images .products__slideshow .swiper { border-radius: 10px; border: 1px solid #E5E5E5; }
.products .products__content { width: 50%; padding: 0 0 36px 150px; }
.products .swiper-navigation .swiper-arrow { position: absolute; z-index: 1; top: 50%; margin-top: -38px; }
.products .swiper-navigation .swiper-prev { left: -90px; }
.products .swiper-navigation .swiper-next { right: -90px; }
.products .swiper-wrapper { height: auto; }

.product .product__image { height: 330px; display: flex; align-items: center; justify-content: center; padding: 20px; font-size: 0; }
.product .product__image img { max-width: 100%; max-height: 100%; }
.product .product__name { font-size: 22px; font-weight: 700; margin-bottom: 18px; text-align: center; text-transform: uppercase; }
.product .product__descr { font-size: 24px; font-weight: 500; font-family: "Lato", sans-serif; text-align: center; }

.proofs { overflow: hidden; }
.proofs .title { margin-bottom: 40px; }
.proofs .proofs__carousel .swiper { overflow: visible; }
.proofs .proofs__carousel .swiper-wrapper { height: auto; }
.proofs .swiper-navigation { display: flex; justify-content: flex-end; margin-top: 24px; }
.proofs .swiper-navigation .swiper-next { margin-left: 24px; }

.proof { padding: 16px; border-radius: 10px; background: #EFEFEF; width: 28.6%; height: auto; }
.proof .proof__image { border-radius: 6px; overflow: hidden; }
.proof .proof__image a { position: relative; display: block; }
.proof .proof__image a:before { content: ""; padding-top: 65%; display: block; }
.proof .proof__image a img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.proof .proof__image a:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.proof .proof__content { margin-top: 14px; display: flex; justify-content: space-between; }
.proof .proof__title { font-size: 14px; font-weight: 500; padding-right: 30px; flex: 1 0; }
.proof .proof__title a:hover { color: #5daa3d; }
.proof .proof__arrow a { display: block; width: 28px; height: 28px; border-radius: 50%; background: url(../img/icons/arrow-link-black.svg) center no-repeat #fff; }
.proof .proof__arrow a:hover { background: url(../img/icons/arrow-link-white.svg) center no-repeat #5daa3d; }

.results { border-top: 1px solid #E5E5E5; position: relative; z-index: 2; }
.results:before, .results:after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; background: #E5E5E5; }
.results:before { margin-left: -570px; }
.results:after { margin-left: 570px; }
.results .results__wrapp { min-height: 100vh; display: flex; align-items: center; position: sticky; top: 0; padding: 20px 0; overflow: hidden; }
.results .title { margin: 0 0 100px; padding: 0 24px; }
.results .title h3 { 
background: linear-gradient(90deg, #83c566 0%, #5daa3d 100%); 
-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.results .title p { margin-top: 24px; max-width: 380px; }
.results .results__slideshow .swiper { overflow: visible; }
.results .swiper-pagination { display: none; }

.result { display: flex; align-items: center; justify-content: space-between; }
.result .result__content { width: 44%; padding: 40px 0 20px 24px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; display: flex; flex-direction: column; min-height: 250px; }
.result .result__head { display: flex; align-items: center; }
.result .result__icon { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #363636; padding: 10px; display: flex; align-items: center; justify-content: center; }
.result .result__icon img { max-width: 100%; max-height: 100%; }
.result .result__title { margin-left: 16px; flex: 1 0; font-size: 24px; font-weight: 700; text-transform: uppercase; }
.result .result__image { width: 52%; font-size: 0; margin: -45px -60px 0 0; }
.result .result__image img { border-radius: 10px; width: 100%; }
.result .result__desct { font-size: 24px; font-weight: 500; font-family: "Lato", sans-serif; margin-top: 24px; }

.registration { background: #EFEFEF; overflow: hidden; }
.registration .registration__title { font-size: 32px; font-weight: 700; text-transform: uppercase; max-width: 800px; }
.registration .registration__subtitle { font-size: 22px; font-weight: 500; font-family: "Lato", sans-serif; margin-top: 20px; }
.registration .registration__wrapp { margin-top: 60px; display: flex; }
.registration .registration__form { width: 50%; }
.registration .registration__form .btn { margin-top: 35px; }
.registration .registration__image { font-size: 0; width: 50%; padding-top: 16px; }
.registration .registration__image img { width: 129%; margin-left: -30px; }

.footer { padding: 40px 0; background: #171717; }
.footer .footer__top { display: flex; align-items: center; }
.footer .footer__logo { font-size: 0; }
.footer .footer__logo a { display: block; }
.footer .footer__logo img { max-width: 100%; max-height: 40px; }
.footer .footer__nav { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; padding-left: 30px; margin-left: auto; }
.footer .footer__nav ul { display: flex; flex-wrap: wrap; }
.footer .footer__nav li + li { margin-left: 30px; }
.footer .footer__nav a:hover { color: #8DC3C5; }
.footer .footer__socials { margin-left: 80px; }
.footer .footer__socials ul { display: flex; align-items: center; justify-content: flex-end; }
.footer .footer__socials li + li { margin-left: 30px; }
.footer .footer__socials a { display: block; opacity: 0.6; }
.footer .footer__socials a:hover { opacity: 1; }
.footer .footer__socials img { max-width: 24px; max-height: 24px; }
.footer .footer__midle { margin-top: 30px; display: flex; }
.footer .footer__contacts ul { display: flex; }
.footer .footer__contacts li + li { margin-left: 60px; }
.footer .footer__contacts span { font-size: 13px; font-weight: 500; font-family: "Lato", sans-serif; color: #7E7E7E; }
.footer .footer__contacts a, .footer .footer__contacts p { font-weight: 500; font-size: 14px; color: #fff; margin-left: 10px; }
.footer .footer__contacts a:hover { color: #8DC3C5; }
.footer .footer__bottom { margin-top: 30px; display: flex; font-size: 12px; font-weight: 500; color: #7E7E7E; font-family: "Lato", sans-serif; }
.footer .footer__links { margin-left: 20px; }
.footer .footer__links a + a { margin-left: 20px; }
.footer .footer__links a:hover { color: #8DC3C5; }

.important { opacity: 1 !important; }
.important .title { text-align: center; }
.important .important__wrapp { display: flex; align-items: center; }
.important .important__breathing { width: 36%; padding: 0 20px; }
.important .important__timer { width: 28%; }

.breathing .breathing__image { font-size: 0; }
.breathing .breathing__image img { max-width: 100%; }
.breathing .breathing__name { font-size: 20px; font-weight: 700; margin-top: 10px; text-transform: uppercase; text-align: center; }
.breathing .breathing__bar { margin-top: 10px; }

.bar { display: flex; align-items: center; }
.bar .bar__label { font-size: 24px; font-weight: 700; color: #7BAEB0; }
.bar .bar__label sub { font-size: 12px; }
.bar .bar__scale { flex: 1 0; height: 11px; background: #E5E5E5; border-radius: 5px; margin-left: 10px; position: relative; overflow: hidden; margin-bottom: 4px; -moz-transition: background 1s; -o-transition: background 1s; -webkit-transition: background 1s; transition: background 1s; }
.bar .bar__scale-progress { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #7BAEB0; border-radius: 5px; -moz-transition: all 1.5s linear; -o-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; transition: all 1.5s linear; }
.bar .bar__scale-progress:before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: repeating-linear-gradient(-60deg, #8DC3C5 0, #8DC3C5 2px, transparent 2px, transparent 10px); }

.breathing-smart .bar__scale.empty { background: #E5E5E5; }
.breathing-smart .bar__scale.empty .bar__scale-progress { background: #EE0000; }

.breathing-untrained .bar__scale.empty { background: #E5E5E5; }
.breathing-untrained .bar__scale.empty .bar__scale-progress { background: #5daa3d; }

.timer { width: 197px; height: 197px; background: url(../img/timer.svg) center no-repeat; background-size: contain; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative; }
.timer .timer__value { font-size: 30px; font-weight: 700; text-align: center; line-height: 1; padding-top: 18px; position: relative; z-index: 1; }
.timer .timer__sector { position: absolute; left: 50%; top: 50%; margin: -58px 0 0 -68px; width: 136px; height: 136px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform: rotate(90deg) scaleX(-1); -o-transform: rotate(90deg) scaleX(-1); -webkit-transform: rotate(90deg) scaleX(-1); transform: rotate(90deg) scaleX(-1); }
.timer .timer__sector:before { content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; border-radius: 50%; background: url(../img/timer-serifs.svg) center no-repeat #fff; background-size: contain; }
.timer .timer__sector .sector { fill: none; stroke: #7BAEB0; stroke-width: 50px; -moz-transition: all 1.5s linear; -o-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; transition: all 1.5s linear; }

.experiences__screens .experience_singletext {background:url(../img/rost.jpg);background-size: contain;}

.experiences { position: relative; z-index: 2; text-align: center; background: #fff; }
.experiences .experiences__wrapp { min-height: 100vh; height: 1600px; position: sticky; top: 0; overflow: hidden; }
.experiences .title { text-align: center; margin: 0; position: absolute; left: 0; top: 60px; right: 0; z-index: 1; }
.experiences .title span { -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.experiences .title h2 { background: linear-gradient(90deg, #8dc3c5 0%, #5daa3d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.experiences .container { position: relative; }
.experiences.visible .title { top: 110px; }

.experience { min-height: 100vh; height: 1600px; opacity: 0; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; position: absolute; left: 0; top: 0; right: 0; }
.experience.active { opacity: 1; }
.experience .experience__wrapp { height: 100vh; position: sticky; top: 0; padding: 40px 0 40px; }
.experience .experience__image { font-size: 0; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; }
.experience .experience__image img { max-width: 100%; max-height: 100%; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.experience .experience__itblock { text-align: center; color: #fff; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.experience .experience__itblock .container { overflow: auto; }
.experience .experience__textblock { 
	font-size: 48px; 
	color: rgb(47 58 42); 
	font-family:Impact;
	text-align: center; height: 100%; display: flex; align-items: center; justify-content: center;
	opacity:0.8;	
}
.experience .experience__textblock p { 
	-ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; 
	x-text-shadow: 0px 0px 7px rgba(0,0,0,0.2);
}
.experience .experience__title { 
	font-size: 36px; x-font-weight: 700; 
	color: rgb(47 58 42); 
	font-family:Impact;
	opacity:0.8;
	margin-bottom: 42px; 
	text-transform: uppercase; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.experience .experience__tiles { display: flex; flex-wrap: wrap; justify-content: center; opacity: 0; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }
.experience .experience__tile { width: 33.33%; padding: 10px; }
.experience .experience__icon { width: 52px; height: 52px; font-size: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }
.experience .experience__icon img { width: 100%; height: 100%; }
.experience .experience__text { font-size: 16px; font-family: "Lato", sans-serif; }
.experience[data-animation="scale-full"] .experience__image img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.experience[data-animation="scale-down"] .experience__image img { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.experience[data-animation="fade-in"] .experience__title { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }

.experience__image p {
	font-size:22px;
	color: rgb(23, 23, 23);
}
.experience__text__title {
	font-weight: 600;
    font-size: 18px;
    margin: 0 0 7px 0;
}

.scroll-up { display: none; position: fixed; z-index: 10; right: 20px; bottom: 20px; width: 36px; height: 36px; padding: 8px; font-size: 0; border-radius: 50%; background: url(../img/icons/scroll-up.svg) center no-repeat #5daa3d; background-size: 24px; }

@media screen and (max-width: 1349px) { .products .swiper-navigation { display: none; }
  .products .products__title h2 { padding: 0 0 0 80px; }
  .products .products__images { padding: 0 80px 0 0; }
  .products .products__content { padding: 0 0 36px 80px; } }
@media screen and (max-width: 1279px) { 
  .container { max-width: 992px; }
  .btn { padding: 15px 28px; }
  .form-control { height: 52px; font-size: 17px; }
  textarea.form-control { height: 130px; }
  .title { margin-bottom: 70px; }
  .title span { font-size: 25px; }
  .title h1, .title h2 { font-size: 45px; }
  .title h3 { font-size: 38px; }
  .title p { font-size: 22px; }  
  .header .header__logo img { max-height: 25px; }
  .header .header__nav { font-size: 18px; }
  .header .header__nav li + li { margin: 0 0 0 30px; }
  .offer { padding: 140px 0 0; }
  .offer .offer__title h1 { font-size: 38px; }
  .offer .offer__services { font-size: 28px; }
  .offer .offer__services img { max-height: 38px; max-width: 120px; }
  .offer .offer__video a:before { width: 90px; height: 90px; margin: -45px 0 0 -45px; }
  .offer .offer__info { margin: 30px -15px -15px; }
  .offer .offer__info p { margin: 15px; max-width: 380px; padding: 10px 40px; height: 90px; font-size: 22px; }
  .offer .offer__advantages { margin: 120px -15px -15px; }
  .offer .offer__advantage { padding: 15px; }
  .offer .offer__advantage-icon img { max-height: 75px; }
  .offer .offer__advantage-text { font-size: 22px; padding-left: 20px; }
  .negatives .negatives__content { padding: 60px 60px 60px 0; }
  .negatives .negatives__title { font-size: 28px; }
  .negatives .swiper-navigation { display: none; }
  .negatives .swiper-pagination { display: block; }
  .negative .negative__icon { width: 64px; height: 64px; }
  .negative .negative__title { font-size: 20px; }
  .negative .negative__descr { font-size: 22px; max-width: 350px; }
  .valuable { padding: 150px 0; }
  .valuable .valuable__text { font-size: 39px; }
  .principle + .principle { margin-top: 100px; }
  .principle .principle__name { font-size: 29px; }
  .principle .principle__descr { font-size: 25px; }
  .who .who__grid > div { min-height: 240px; }
  .who .who__info { padding-right: 220px !important; }
  .who .who__title { font-size: 25px; }
  .who .who__text { font-size: 17px; }
  .who .who__device { width: 220px; }
  .motivation { padding: 150px 0; }
  .motivation .motivation__text { font-size: 46px; }
  .products .products__title { margin-bottom: 60px; }
  .products .products__title h2 { padding: 0 0 0 60px; font-size: 28px; }
  .products .products__images { padding: 0 60px 0 0; }
  .products .products__content { padding: 0 0 36px 60px; }
  .products .swiper-navigation { display: none; }
  .product .product__image { height: 300px; }
  .product .product__name { font-size: 20px; }
  .product .product__descr { font-size: 22px; }
  .proof { width: 27.7%; }
  .results:before { margin-left: -476px; }
  .results:after { margin-left: 476px; }
  .results .title p { margin-top: 22px; max-width: 360px; }
  .result .result__content { padding: 35px 0 20px 24px; min-height: 240px; }
  .result .result__icon { width: 56px; height: 56px; }
  .result .result__title { font-size: 22px; }
  .result .result__image { margin: -40px -60px 0 0; }
  .result .result__desct { font-size: 22px; }
  .registration .registration__title { font-size: 28px; max-width: 760px; }
  .registration .registration__subtitle { font-size: 20px; }
  .registration .registration__wrapp { margin-top: 50px; }
  .registration .registration__form .btn { margin-top: 30px; }
  .registration .registration__image { padding-top: 16px; }
  .registration .registration__image img { width: 130%; }
  .breathing .breathing__name { font-size: 18px; }
  .bar .bar__label { font-size: 22px; }
  .bar .bar__label sub { font-size: 11px; }
  .timer { width: 170px; height: 170px; }
  .timer .timer__value { font-size: 27px; padding-top: 20px; }
  .timer .timer__sector { margin: -52px 0 0 -61px; width: 122px; height: 122px; }
  .experience .experience__wrapp { padding: 160px 0 40px; }
  .experience .experience__title { font-size: 24px; margin-bottom: 25px; }
  .experience .experience__tiles { margin: -15px; }
  .experience .experience__tile { padding: 15px; }
  .experience .experience__icon { width: 52px; height: 52px; }
  .experience .experience__text { font-size: 15px; }
  .experience .experience__textblock { font-size: 24px; }
}
@media screen and (max-width: 991px) { 
  .container { max-width: 768px; }
  .btn { padding: 14px 26px; }
  .form-control { height: 50px; font-size: 16px; }
  textarea.form-control { height: 120px; }
  .ptb { padding-top: 70px; padding-bottom: 70px; }
  .title { margin-bottom: 60px; }
  .title span { font-size: 22px; }
  .title h1, .title h2 { font-size: 38px; }
  .title h3 { font-size: 32px; }
  .title p { font-size: 20px; }  
  .header .header__logo { width: auto; }
  .header .header__logo img { max-height: 20px; }
  .header .header__nav { font-size: 16px; width: auto; }
  .header .header__nav li + li { margin: 0 0 0 20px; }
  .header .header__button { width: auto; }
  .offer { padding: 120px 0 0; background-position: bottom 20px center; }
  .offer .offer__title h1 { font-size: 30px; }
  .offer .offer__services { font-size: 26px; }
  .offer .offer__services img { max-height: 34px; max-width: 100px; }
  .offer .offer__video a:before { width: 70px; height: 70px; margin: -35px 0 0 -35px; }
  .offer .offer__info { margin: 20px -10px -10px; }
  .offer .offer__info p { margin: 10px; max-width: 360px; padding: 10px 30px; height: 80px; font-size: 20px; }
  .offer .offer__advantages { margin: 100px -10px -10px; }
  .offer .offer__advantage { padding: 10px; }
  .offer .offer__advantage-icon img { max-height: 50px; }
  .offer .offer__advantage-text { font-size: 18px; }
  .negatives { min-height: unset !important; }
  .negatives .negatives__content { padding: 60px 40px 60px 0; }
  .negatives .negatives__title { font-size: 24px; margin-bottom: 60px; }
  .negative .negative__icon { width: 60px; height: 60px; }
  .negative .negative__title { font-size: 18px; }
  .negative .negative__descr { font-size: 20px; max-width: 320px; }
  .valuable { padding: 120px 0; }
  .valuable .valuable__text { font-size: 34px; }
  .principle + .principle { margin-top: 80px; }
  .principle .principle__name { font-size: 26px; }
  .principle .principle__descr { font-size: 22px; }
  .who .who__grid > div { min-height: 220px; }
  .who .who__info { padding-right: 200px !important; }
  .who .who__title { font-size: 22px; }
  .who .who__text { font-size: 16px; }
  .who .who__map { top: 150px; }
  .who .who__device { width: 200px; }
  .motivation { padding: 120px 0; }
  .motivation .motivation__text { font-size: 40px; }
  .products .products__title { margin-bottom: 40px; }
  .products .products__title h2 { padding: 0 0 0 40px; font-size: 24px; }
  .products .products__images { padding: 0 40px 0 0; }
  .products .products__content { padding: 0 0 36px 40px; }
  .product .product__image { height: 270px; }
  .product .product__name { font-size: 18px; }
  .product .product__descr { font-size: 20px; }
  .proof { width: 40%; }
  .results { min-height: unset !important; }
  .results:before { margin-left: -364px; }
  .results:after { margin-left: 364px; }
  .results .results__wrapp { padding: 60px 0; min-height: 0; }
  .results .title { padding: 0 20px; margin-bottom: 40px !important; }
  .results .title p { margin-top: 20px; max-width: 330px; }
  .results .swiper-pagination { display: block; }
  .result { display: block; }
  .result .result__content { padding: 30px 20px; min-height: 190px; width: 100%; }
  .result .result__icon { width: 52px; height: 52px; }
  .result .result__title { font-size: 20px; }
  .result .result__image { margin: 24px 0 0; padding: 0 20px; width: 100%; }
  .result .result__desct { font-size: 20px; }
  .registration .registration__title { font-size: 24px; max-width: 650px; }
  .registration .registration__subtitle { font-size: 20px; }
  .registration .registration__wrapp { margin-top: 50px; }
  .registration .registration__form .btn { margin-top: 25px; }
  .footer .footer__logo img { max-height: 38px; }
  .footer .footer__nav { font-size: 13px; }
  .footer .footer__nav li + li { margin-left: 26px; }
  .footer .footer__socials { margin-left: 60px; }
  .footer .footer__socials li + li { margin-left: 26px; }
  .footer .footer__contacts li + li { margin-left: 50px; }
  .breathing .breathing__name { font-size: 16px; }
  .bar .bar__label { font-size: 20px; }
  .bar .bar__label sub { font-size: 10px; }
  .timer { width: 140px; height: 140px; }
  .timer .timer__value { font-size: 24px; padding-top: 15px; }
  .timer .timer__sector { margin: -40.5px 0 0 -48px; width: 96px; height: 96px; }
  .timer .timer__sector:before { left: 4px; top: 4px; right: 4px; bottom: 4px; }
  .experiences .title { top: 55px; }
  .experiences.visible .title { top: 105px; }
  .experience .experience__title { font-size: 20px; margin-bottom: 20px; }
  .experience .experience__tiles { margin: -10px; }
  .experience .experience__tile { padding: 10px; }
  .experience .experience__icon { width: 36px; height: 36px; }
  .experience .experience__text { font-size: 14px; } 
  .experience .experience__textblock { font-size: 22px; }
}
@media screen and (max-width: 767px) { 
  .mobmenu-toggle, .mobmenu { display: block; }
  .container { max-width: 575px; }
  .btn { padding: 13px 24px; }
  .form-control { height: 48px; }
  textarea.form-control { height: 110px; }
  .title { margin-bottom: 50px; }
  .title span { font-size: 19px; }
  .title h1, .title h2 { font-size: 31px; }
  .title h3 { font-size: 26px; }
  .title p { font-size: 18px; }  
  .header .header__nav { display: none; }
  .header .header__button { display: none; }
  .offer { padding: 100px 0 0; }
  .offer .offer__wrapp { display: block; }
  .offer .offer__content { width: 100%; }
  .offer .offer__services { margin-top: 38px; }
  .offer .offer__video { width: 100%; padding: 0; margin: 26px 0 0; }
  .offer .offer__info p { max-width: 340px; padding: 10px 20px; height: 70px; font-size: 18px; }
  .offer .offer__advantages { margin: 80px -15px -15px; }
  .offer .offer__advantage { padding: 15px; }
  .offer .offer__advantage-icon img { max-height: 40px; }
  .offer .offer__advantage-text { font-size: 18px; }
  .negatives .negatives__content { padding: 60px 20px 60px 0; }
  .negatives .negatives__title { font-size: 20px; margin-bottom: 40px; }
  .negative .negative__icon { width: 56px; height: 56px; }
  .negative .negative__title { font-size: 16px; }
  .negative .negative__descr { font-size: 18px; max-width: 300px; }
  .valuable { padding: 90px 0; }
  .valuable .valuable__text { font-size: 29px; }
  .principle + .principle { margin-top: 60px; }
  .principle .principle__name { font-size: 23px; }
  .principle .principle__descr { font-size: 19px; }
  .who .who__grid { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 1fr); }
  .who .who__grid > div { min-height: 290px; }
  .who .who__based { grid-row: 1/2; grid-column: 1/2; }
  .who .who__excperience { grid-row: 1/2; grid-column: 2/4; }
  .who .who__info { grid-row: 2/3; grid-column: 1/4; padding-right: 240px !important; }
  .who .who__title { font-size: 18px; }
  .who .who__map { top: 120px; }
  .who .who__device { width: 240px; }
  .who .who__prices { display: block; }
  .who .who__based { margin: 0; }
  .who .who__based + .who__based { margin: 20px 0 0; }
  .who .who__excperience { margin: 20px 0 0; }
  .motivation { padding: 90px 0; }
  .motivation .motivation__text { font-size: 34px; }
  .products .products__title h2 { padding: 0 0 0 20px; }
  .products .products__images { padding: 0 20px 0 0; }
  .products .products__content { padding: 0 0 36px 20px; }
  .product .product__image { height: 240px; }
  .product .product__name { font-size: 16px; }
  .product .product__descr { font-size: 18px; }
  .proof { width: 42%; }
  .results:before { margin-left: -267px; }
  .results:after { margin-left: 267px; }
  .results .title p { max-width: 290px; }
  .result { display: block; }
  .result .result__content { padding: 25px 20px; min-height: 170px; }
  .result .result__icon { width: 48px; height: 48px; }
  .result .result__title { font-size: 18px; }
  .result .result__desct { font-size: 18px; }
  .registration .registration__subtitle { font-size: 18px; }
  .registration .registration__wrapp { margin-top: 45px; flex-direction: column; }
  .registration .registration__form { width: 100%; order: 2; margin: 30px 0 0; }
  .registration .registration__form .btn { margin-top: 20px; }
  .registration .registration__image { width: 100%; order: 1; padding: 0; }
  .registration .registration__image img { width: 100%; margin: 0; }
  .footer .footer__top { flex-wrap: wrap; }
  .footer .footer__logo { width: 50%; order: 1; }
  .footer .footer__logo img { max-height: 36px; }
  .footer .footer__nav { font-size: 13px; order: 3; width: 100%; margin: 30px 0 0; padding: 0; }
  .footer .footer__nav li + li { margin-left: 24px; }
  .footer .footer__socials { width: 50%; margin: 0; padding: 0 0 0 30px; order: 2; }
  .footer .footer__socials li + li { margin-left: 24px; }
  .footer .footer__contacts li + li { margin-left: 40px; }
  .important .important__breathing { padding: 0; }
  .important .important__timer { padding: 0 20px; }
  .bar .bar__label { font-size: 18px; }
  .bar .bar__label sub { font-size: 9px; }
  .timer { width: 110px; height: 110px; }
  .timer .timer__value { font-size: 20px; padding-top: 12px; }
  .timer .timer__sector { margin: -31px 0 0 -37px; width: 74px; height: 74px; }
  .timer .timer__sector:before { left: 3px; top: 3px; right: 3px; bottom: 3px; }  
  .experiences .title { top: 50px; }
  .experiences.visible .title { top: 95px; }
  .experience .experience__title { font-size: 16px; }
  .experience .experience__tile { width: 50%; }
  .experience .experience__icon { width: 32px; height: 32px; } 
  .experience .experience__textblock { font-size: 20px; }
  
.fancybox-container .fancybox-content {
    padding: 12px;
}
  
}
@media screen and (max-width: 574px) { 
  .container { max-width: 425px; }
  .btn { padding: 12px 22px; }
  .form-control { height: 46px; }
  textarea.form-control { height: 100px; }
  .ptb { padding-top: 60px; padding-bottom: 60px; }
  .title span { font-size: 16px; }
  .title h1, .title h2 { font-size: 24px; }
  .title h3 { font-size: 22px; }  
  .offer { background-position: bottom 20px center; }
  .offer .offer__title h1 { font-size: 28px; }
  .offer .offer__services { 
          text-align: center;
	font-size: 22px;
	position: relative;
        background: rgb(255 255 255 / 82%);
        padding: 12px 7px 18px 7px;
	}
  .offer .offer__services:before {
	  content:'';
	    background: rgb(255 255 255 / 82%);
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
	  }
  .offer .offer__services:after {
	  content:'';
	    background: rgb(255 255 255 / 82%);
        position: absolute;
        top: 0;
        right: -100%;
        height: 100%;
        width: 100%;
	  }
	    .offer .offer__services img {
        max-height: 28px;
		}
  .offer .offer__info { display: block; margin: 40px 0 0; }
  .offer .offer__info p { max-width: 100%; margin: 0; }
  .offer .offer__info p + p { margin-top: 15px; }
  .negatives .negatives__content { width: 100%; padding: 60px 0; color: #fff; }
  .negatives .negatives__title { color: #fff; background: none; -webkit-background-clip: unset; -webkit-text-fill-color: unset; }
  .negatives .negatives__images { left: 0; z-index: -1; }
  .negatives .negatives__images:before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
  .negative .negative__icon { border-color: #fff; }
  .negative .negative__icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  .valuable { padding: 60px 0; }
  .valuable .valuable__text { font-size: 24px; }
  .principle { display: block; }
  .principle + .principle { margin-top: 40px; }
  .principle .principle__name { font-size: 20px; width: 100%; padding: 0 0 15px; }
  .principle .principle__descr { font-size: 18px; width: 100%; }
  .who .who__grid { display: block; }
  .who .who__grid > div { min-height: 200px; }
  .who .who__grid > div + div { margin-top: 12px; }
  .who .who__info { padding-right: 20px !important; }
  .who .who__map { position: static; margin: 0 -20px -20px; }
  .who .who__device { width: 100%; text-align: center; position: static; margin-bottom: -20px; }
  .motivation { padding: 60px 0; }
  .motivation .motivation__text { font-size: 28px; }
  .products .products__title { display: block; }
  .products .products__title h2 { width: 100%; padding: 0; }
  .products .products__wrapp { display: block; }
  .products .products__images { width: 100%; padding: 0; }
  .products .products__content { width: 100%; padding: 40px 0 0; }
  .proof { width: 87%; }
  .results:before { margin-left: -192px; }
  .results:after { margin-left: 192px; }
  .result .result__content { padding: 24px 20px; min-height: 210px; }
  .result .result__icon { width: 44px; height: 44px; }
  .footer .footer__nav ul { display: block; }
  .footer .footer__nav li + li { margin: 12px 0 0; }
  .footer .footer__midle { display: block; }
  .footer .footer__contacts ul { display: block; }
  .footer .footer__contacts li + li { margin: 12px 0 0; }
  .footer .footer__contacts span { min-width: 50px; display: inline-block; }
  .footer .footer__bottom { margin-top: 30px; display: flex; font-size: 12px; font-weight: 500; color: #7E7E7E; font-family: "Lato", sans-serif; }
  .footer .footer__links { margin-left: 20px; }
  .footer .footer__links a + a { margin-left: 20px; }
  .footer .footer__links a:hover { color: #8DC3C5; }
  .important .important__wrapp { flex-wrap: wrap; margin: 0 -10px; }
  .important .important__breathing { width: 50%; order: 2; padding: 0 10px; }
  .important .important__timer { width: 100%; order: 1; padding: 0 10px; }
  .breathing .breathing__name { max-width: 120px; margin: 10px auto 0; font-size: 14px; }
  .timer { width: 140px; height: 140px; }
  .timer .timer__value { font-size: 24px; padding-top: 15px; }
  .timer .timer__sector { margin: -40.5px 0 0 -48px; width: 96px; height: 96px; }
  .timer .timer__sector:before { left: 4px; top: 4px; right: 4px; bottom: 4px; }
  .experience .experience__tiles { display: block; margin: 0; }
  .experience .experience__tile { width: 100%; padding: 0; display: flex; }
  .experience .experience__tile + .experience__tile { margin-top: 20px; }
  .experience .experience__icon { margin: 0; }
  .experience .experience__text { flex: 1 0; align-self: center; text-align: left; margin-left: 15px; }
  .experience .experience__textblock { font-size: 18px; }
}
@media screen and (max-width: 424px) { 
  .offer { background-position: bottom 55px center; }
  .offer .offer__title h1 { font-size: 24px; }
  .offer .offer__services { font-size: 22px; }
  .offer .offer__services img { max-height: 32px; max-width: 90px; }
  .offer .offer__advantages { margin: 80px 0 0; display: block; }
  .offer .offer__advantage { padding: 0; }
  .offer .offer__advantage + .offer__advantage { margin-top: 30px; }
  .offer .offer__advantage-icon img { max-height: 40px; }
  .offer .offer__advantage-text { font-size: 16px; }
  .results:before { margin: 0; left: 20px; }
  .results:after { margin: 0; left: auto; right: 20px; }
}
@media screen and (min-width: 768px) { *::-webkit-scrollbar { width: 2px; height: 0; }
  *::-webkit-scrollbar-track { background: #171717; }
  *::-webkit-scrollbar-thumb { background: #5daa3d; }
  *::-webkit-scrollbar-thumb:hover { background: #5daa3d; }
  .openmenu { overflow: auto !important; height: auto !important; position: static !important; } }
@media screen and (max-height: 800px) { .results .title { margin: 0 0 60px; } }
@media screen and (max-height: 700px) { .results .title { margin: 0 0 20px; } }