* {padding:0; margin:0; vertical-align:top; outline:none; border:none; position:relative; font-weight:normal; }
:root {
  --green: #1fbdc3;
  --dark-green: #27808f;
  --blue: #54a9c2;
  --blue2: #1fbdc3;
  --red: #c01c5c;
  --gray: #374b55;
  --dark-gray: #374b55;
  --dark-gray2: #231f20;
  --light-gray: #ededed;
  --light-gray2: #d8d8d9;
  --pink: #d4bab8;
  --dark-pink: #d8c5d5;
  --yellow: #dadd8e;
  --white: #ffffff;
}
body, html {background:var(--white); font-size:16px; color:var(--dark-gray); font-family:'FiraSans', Tahoma, sans-serif, Arial;}

#all {min-width:1200px; width:100%; max-width:1900px; margin:0 auto; overflow:hidden;}
.wsm {width:100%; max-width:1200px; margin:0 auto;}
.block .wsm {max-width:1120px;}

a, .button, .owl-dot {transition:0.3s;}
img {max-width:100%;}
ul {list-style:none;}
a {text-decoration:none; color:var(--red);}
a:hover {color:var(--dark-gray);}
.button:before, #stroyka:before, .pink:before, .pink:after, .pink p.star span:before, #chto .col2 .col2-col:first-child:before, .col2-col .owl-carousel:not(.main-slider) .owl-item:after, .razvivaem-slider .owl-item:after, .chto-slider .owl-item:after, .topmenu:after, #razvitie .col2-left:after, .pink .col2-col_text:before, #chto .col2 .col2-col:first-child:after, #chto .col2:after, h2:before, .dark-green:before, .dark-green:after, #risunki h2:after, .dark-green .col2-col_text:before, #risunki .col2-left:after, /*.risunki-slider,*/ .kak-slider .owl-item:after, #kak .col2:after, #kak .col2:before, #kak .col2-right .col2-col:first-child:before, #kak .col2-right .col2-col:first-child:after, .blue:before, .blue:after, .blue .col2-col_text:before, #eco .col2-left:before, #eco .col2-col_bigtext:before, /*.eco-slider,*/ #hranenie .col2-right .col2-col:first-child:after, #hranenie .col2-right:after, .dark-pink:before, .dark-pink:after, #sborka .wsm:before, .video:after, #sborka .after:before, #sborka .after:after, i.star:before, p.star:before, .light-gray:before, .blue2:before, .blue2:after, #podarki p.info:before, #kontakty p.red:before, .light-gray2:before, .yellow:before, .yellow:after, #zakaz .wsm:before, input[type=checkbox] + label:after {content:""; display:block; position:absolute; }

h1, h2.big, p.h1, p.h2, #kontakty p.red strong, #count strong {font-family:'FiraSans Bold Italic', Tahoma, sans-serif, Arial; }
h2, h3 {font-family:'FiraSans ExtraBold Italic', Tahoma, sans-serif, Arial; }
#cena p.h2 {font-family:'FiraSans Medium', Tahoma, sans-serif, Arial;}
p.h3, p.star, h6, .h5 {font-family:'FiraSans Medium Italic', Tahoma, sans-serif, Arial;}
strong, .h6, .yellow-forma label {font-family:'FiraSans SemiBold', Tahoma, sans-serif, Arial; }
p.star span {font-family:'FiraSans SemiBold Italic', Tahoma, sans-serif, Arial; }
.topmenu-list li, #kontakty p.red, .link {font-family:'FiraSans Italic', Tahoma, sans-serif, Arial;}
#kontakty h6.red {font-family:'FiraSans Heavy Italic', Tahoma, sans-serif, Arial;}
input, textarea, .yellow-forma .submit {font-family:'FiraSans Book', Tahoma, sans-serif, Arial;}

h1, h2.big, p.h1 {font-size:2.375rem;}
h2, h3 {font-size:1.75rem;}
h1, h2, h3, p.h1 {line-height:1.2; margin-top:2rem;}
p.h2, p.h3, h6, p.h5 {font-size:1.75rem; line-height:1.2; margin-top:2rem;}
p.star span {font-size:1.625rem; display:block;}
p.star {font-size:1.25rem; line-height:1.2;}
p, .steps p, .link {font-size:1.125rem; line-height:1.3;}
.center p {margin:0 auto;}
.white-text p {color:var(--white);}
.col2-col_text p {padding-top:2rem;}
.nostar:before {display:none;}

.block {padding:100px 0; width:100%;}
.center {text-align:center !important;;}
.right {text-align:right !important;}
.clr {clear:both;}
.nowrap {white-space:nowrap;}
.button {display:block;}
.link {color:var(--white); display:block; line-height:2.5rem;}
.button:before {top:-6px; left:0; background:url(img/button.svg) top center no-repeat; height:52px; width:140px; background-size:cover;}
.soc {display:inline-block; width:42px; height:42px; background:url(img/soc.png) top left no-repeat;  margin:0; padding:0;}
.inst {background-position:-54px 0;}
.white {color:var(--white);}
.red {color:var(--red);}
.nomt {margin-top:0 !important;}

.col2, .col3, .col4, .coln {width:100%; font-size:0; margin:0 auto;}
.col2-col {display:inline-block; width:50%; }
.col2-col_big {width:68.5%;}
.col2-col_small {width:23.5%; margin-left:8%;}
.col2-left .col2-col:nth-child(odd) {width:57%;}
.col2-left .col2-col:nth-child(even) {width:43%; }
.col2-right .col2-col:nth-child(odd) {width:63%;}
.col2-right .col2-col:nth-child(even) {width:34%; }
.col2_inner {left:1rem;}
.col2-left .col2_inner .col2-col:nth-child(odd) {width:43%; padding-right:3%;}
.col2-left .col2_inner .col2-col:nth-child(even) {width:45%; padding-left:9%;}
#eco .col2-left .col2_inner .col2-col:nth-child(odd) {width:24%; padding-right:3%;}
#eco .col2-left .col2-col_text {padding-top:5rem; padding-bottom:5rem;}
.col4-col {display:inline-block; width:25%; }
.col3-col {display:inline-block; width:33.3%; }

.owl-dots {min-width:200px; margin:0 auto; }
.owl-carousel button.owl-dot {width:0.875rem; height:0.875rem; border-radius:0.875rem; background:var(--dark-gray2); margin:0 0.7rem;}
.owl-carousel button.owl-dot:hover, .owl-carousel button.owl-dot.active {background:var(--green);}
.main-slider {max-width:100%;}
.main-slider .owl-dots {position:absolute; bottom:2rem; right:4.5rem; z-index:10;}
.main-slider img {max-width:766px;}
.main-slider_text {width:100%; max-width:260px; position:absolute; top:0; right:0;}
.owl-carousel:not(.main-slider) .owl-dots {text-align:center; z-index:10; top:1.5rem;}
.col2-col .owl-carousel:not(.main-slider)  {top:-0.75rem; left:5rem; max-width:435px;}
.col2-col .owl-carousel:not(.main-slider) .owl-item:after {width:100%; height:100%; top:0; left:0;}
.razvivaem-slider .owl-item:after {background:url(img/razvivaem_.png) top center no-repeat; }
.chto-slider .owl-item:after {background:url(img/chto_.png) top center no-repeat; }
.risunki-slider .owl-item:after {background:url(img/risunki_.png) top center no-repeat; }
.kak-slider .owl-item:after {background:url(img/kak_.png) top center no-repeat; }
.eco-slider .owl-item:after {background:url(img/eco_.png) top center no-repeat; }
.hranenie-slider .owl-item:after {background:url(img/hranenie_.png) top center no-repeat; }

.topmenu {background:var(--green); height:62px; padding:45px 0 35px 0; position:fixed; top:0; left:0; width:100%; z-index:100;}
.topmenu:after {width:100%; height:24px; background:url(img/topmenu_.png) top center no-repeat; bottom:-23px; left:0;}
.logo, .topmenu_logo {max-width:290px; left:10px;}
.topmenu-list {position:absolute; right:10px; top:15px;}
.topmenu-list li {display:inline-block; font-size:1.125rem; text-align:center;}
.topmenu-list a {display:block; color:var(--red); padding:0.4rem;}
.topmenu-list a:hover {color:var(--dark-gray);}
.topmenu-button a {color:var(--white);}
.topmenu-button {width:135px; margin-left:1.125rem;}
.topmenu-soc .vk {margin-left:1.5rem;}

#stroyka {padding:0; margin-top:142px;}
#stroyka .wsm {padding:50px 0;}
#stroyka:before {top:100px; left:0; width:100%; min-height:490px; background:url(img/hearts.png) top center no-repeat;}
#stroyka .col2-col_small {background:#fff;}
.col2-col_small p.h3 {max-width:120px;}

.pink {background:var(--pink); padding:80px 0 90px 0;}
.pink:before, .pink:after {left:0; width:100%; }
.pink:before {top:-34px; height:35px; background:url(img/pink-top_.png) top center no-repeat;}
.pink:after {bottom:-41px; height:42px; background:url(img/pink-bottom_.png) top center no-repeat;}
.pink .col2-col_text:before {width:17px; height:100%; background:url(img/pink-del_.png) top center no-repeat; bottom:-1rem; left:0;}
#razvitie .col2-left:after {height:180px; width:390px; background:url(img/razvitie-after_.svg) top center no-repeat; bottom:-6rem; left:-1rem;}
.pink .col2_inner .col2-col {padding:1.5rem 0;}
.pink p.star {padding:3rem 0;}
.pink p.star span:before, h2:before, i.star:before, .steps p.star:before {width:60px; height:60px; background:url(img/star.svg) top center no-repeat; top:-1.75rem; left:-3.5rem;}
h2:before {left:-3.75rem;}
.pink .col2-col_text p {padding:3rem 0 0 0;}

#chto {padding-top:110px;}
#chto .col2 .col2-col:first-child:before {width:100px; height:110px; background:url(img/chto-1.svg) top center no-repeat; bottom:-1.5rem; left:-1rem;}
#chto .col2 .col2-col:first-child:after {width:140px; height:180px; background:url(img/chto-2.svg) top center no-repeat; top:6.5rem; right:2.5rem;}
#chto .col2:after {width:220px; height:190px; background:url(img/chto-3.svg) top center no-repeat; bottom:-2.5rem; right:-1.5rem;}

.dark-green {background:var(--dark-green); padding-bottom:210px;}
.dark-green:before {width:100%; height:30px; background:url(img/dark-green-top_.png) top center no-repeat; top:-29px; left:0;}
.dark-green:after {width:100%; height:40px; background:url(img/dark-green-bottom_.png) top center no-repeat; left:0; bottom:-39px;}
.dark-green .col2-col_text:before {width:18px; height:121%; background:url(img/dark-green-del_.png) top center no-repeat; top:-1rem; left:0;}
#risunki h2:after {position:relative; width:280px; height:200px; background:url(img/risunki-1.svg) top center no-repeat; top:0.5rem; left:-2rem;}
#risunki .col2-left:after {height:180px; width:390px; background:url(img/risunki-after_.svg) top center no-repeat; bottom:-13rem; left:-1rem;}

#kak {padding:80px 0;}
#kak h2 {margin-top:3.5rem;}
#kak p {max-width:300px;}
#kak .col2:before {width:100px; height:120px; background:url(img/kak-3.svg) top center no-repeat; top:4rem; right:3rem;}
#kak .col2:after {width:200px; height:230px; background:url(img/kak-4.svg) top center no-repeat; bottom:0.5rem; right:1rem;}
#kak .col2-right .col2-col:first-child:before {width:110px; height:120px; background:url(img/kak-1.svg) top center no-repeat; bottom:4rem; right:1rem;}
#kak .col2-right .col2-col:first-child:after {width:110px; height:110px; background:url(img/kak-2.svg) top center no-repeat; bottom:-1rem; right:-5.5rem;}

.blue {background:var(--blue); padding-bottom:95px;}
.blue:before {width:100%; height:32px; background:url(img/blue-top_.png) top center no-repeat; top:-31px; left:0;}
.blue:after {width:100%; height:43px; background:url(img/blue-bottom_.png) top center no-repeat; bottom:-42px; left:0;}
.blue .col2-col_text:before {width:19px; height:100%; background:url(img/blue-del_.png) top center no-repeat; bottom:-1rem; left:0;}
#eco .col2-left:before {width:160px; height:210px; background:url(img/eco-2.svg) top center no-repeat; bottom:-4.5rem; left:0;}
#eco .col2-col_bigtext:before {width:230px; height:340px; background:url(img/eco-1.svg) top center no-repeat; top:-4rem; right:-7rem; z-index:10;}
.eco-slider {margin-top:-2rem;}

#hranenie .col2-right .col2-col:first-child:after {width:160px; height:180px; background:url(img/hranenie-1.svg) top center no-repeat; bottom:-2rem; right:2rem;}
#hranenie .col2-right:after {width:280px; height:210px; background:url(img/hranenie-2.svg) top center no-repeat; bottom:-2rem; right:1.5rem;}
.hranenie-slider {margin-top:-1rem;}

.dark-pink {background:var(--dark-pink); padding-bottom:70px;}
.dark-pink:before {width:100%; height:36px; background:url(img/dark-pink-top_.png) top center no-repeat; top:-35px; left:0;}
.dark-pink:after {width:100%; height:46px; background:url(img/dark-pink-bottom_.png) top center no-repeat; left:0; bottom:-45px;}
#sborka {padding-top:40px;}
#sborka .wsm {max-width:1500px;}
#sborka .wsm:before {top:90px; left:0; width:100%; min-height:490px; background:url(img/hearts-pink.png) top center no-repeat;}
.video {margin:3rem 0 5rem 0;}
/*.video:after {width:100%; height:568px; background:url(img/video_.png) top center no-repeat; left:0; top:0; }*/
.play {display:block; width:120px; height:80px; background:url(img/play.svg) center center no-repeat; background-size:contain; margin:0.5rem 0;}
#sborka .after {width:100%; max-width:1160px; margin:0 auto;}
#sborka .after:before {width:230px; height:100px; background:url(img/video-1.svg) top center no-repeat; bottom:-3rem; left:0;}
#sborka .after:after {width:380px; height:160px; background:url(img/video-2.svg) top center no-repeat; bottom:-5.5rem; right:-4rem;}

.steps {padding:2rem 0 1rem 0;}
.steps img {position:absolute; bottom:0;}
.steps .col4-col {min-height:310px;}
.steps .step1 img {left:-1rem;}
.steps .step2 img {left:-3rem;}
.steps .step3 img {left:2rem;}
.steps .step4 {right:-3rem;}
.steps p.star {font-family:'FiraSans', Tahoma, sans-serif, Arial; z-index:1;}
.steps p.star:before {color:var(--white); line-height:2.1; text-align:center; font-size:2rem; top:-2.5rem;}
.steps .step1 p.star:before {content:"1";}
.steps .step2 p.star:before {content:"2";}
.steps .step3 p.star:before {content:"3";}
.steps .step4 p.star:before {content:"4";}
.steps p {max-width:80%; margin-left:8%;}
.steps .step3 p {max-width:90%;}

.light-gray {background:var(--light-gray);}
.light-gray:before {width:100%; top:-51px; height:52px; background:url(img/light-gray-top_.png) top center no-repeat;}
.light-gray h2.big {padding-bottom:2.5rem;}
.coln {padding:1rem 0;}
.coln > div {padding:0.75rem 0;}
#count {padding:25px 0 60px 0;}
#count .wsm, #podarki .wsm {max-width:1200px;}
#count img {padding-bottom:0.5rem;}
#count strong {display:block;}
#count p {max-width:780px;}

.blue2 {background:var(--blue2);}
.blue2:before {width:100%; height:26px; background:url(img/blue2-top_.png) top center no-repeat; top:-25px; left:0;}
.blue2:after {width:100%; height:34px; background:url(img/blue2-bottom_.png) top center no-repeat; left:0; bottom:-33px;}
#cena {padding-bottom:120px;}
#cena .col2-right .col2-col:nth-child(odd) {width:59%;}
#cena .col2-right .col2-col:nth-child(even) {width:38%;}
#cena .col2-col_text {margin-top:1rem;}
#cena p:not(.h2) {padding-top:1rem;}
#cena p.h2 {margin-top:0; padding-top:1rem;}
#cena p.h1 {color:var(--dark-gray); padding-top:1rem;}
#cena .button {max-width:140px; margin-top:1rem;}

#podarki {padding:30px 0 50px 0;}
#podarki .col3 {margin:3rem 0;}
#podarki .col3 .col3-col {background:url(img/podarki-2_.png) top center no-repeat; background-size:contain; min-height:460px; padding:1rem 0;}
#podarki .col3 .col3-col:first-child {background:url(img/podarki-1_.png) top center no-repeat; background-size:contain;}
#podarki .col3 .col3-col:last-child {background:url(img/podarki-3_.png) top center no-repeat; background-size:contain;}
#podarki .col3 img {padding:0.5rem 0;}
#podarki .col3 p {max-width:240px;}
#podarki p.info {padding-top:2.5rem; margin-top:4rem;}
#podarki p.info:before {width:100%; height:13px; background:url(img/podarki_.png) top center no-repeat; top:0; left:0;}

.yellow {background:var(--yellow);}
.yellow:before {width:100%; height:40px; background:url(img/yellow-top_.png) top center no-repeat; top:-39px; left:0;}
.yellow:after {width:100%; height:35px; background:url(img/yellow-bottom_.png) top center no-repeat; bottom:-34px; left:0;}
#zakaz {padding:0 0 20px 0; margin-top:-40px;}
#zakaz .wsm {max-width:100%;}
#zakaz .wsm:before {width:100%; height:100%; background:url(img/hearts-yellow.png) top center no-repeat;}
#zakaz h2 {padding:3.5rem 0 2rem 0;}
.yellow-forma {width:100%; max-width:995px; margin:2rem auto 0 auto; background:url(img/yellow-forma.png) top center no-repeat; background-size:100% auto; padding:4.5rem 0 5.5rem 0;}
.yellow-forma input[type=text], .yellow-forma textarea, .yellow-forma .input {width:96%; max-width:720px; display:block; border:none; margin:0.5rem auto; padding:0.5rem 2%; text-align:left; color:var(--gray);}
.yellow-forma input[type=text], .yellow-forma textarea {border-radius:20px; background:var(--white); font-size:1.125rem;}
.yellow-forma label {line-height:2.25; padding-left:2rem; cursor:pointer;}
.yellow-forma textarea {min-height:140px;}
.yellow-forma input[type=text].error {background:var(--pink);}
input[type=checkbox] + label:after {width:35px; height:35px; border-radius:35px; background:var(--white); top:-0.5rem; left:-1.5rem; font-size:1.75rem; line-height:1.25; text-align:center;}
input[type=checkbox]:checked + label:after {content:"\2714";}
.yellow-forma .submit {color:var(--white); cursor:pointer; text-transform:uppercase; font-size:1.125rem; position:absolute; top:0.5rem; right:18%; line-height:3.75rem; text-align:center;}
.button.submit:before {content:'Отправить'; top:-6px; left:0; background:url(img/button2.svg) top center no-repeat; height:60px; width:160px; background-size:cover;}
.yellow-forma .submit:hover {color:var(--gray);}
.yellow-forma p {margin-top:2rem;}

#kontakty {padding-top:60px;}
#kontakty p {max-width:520px; padding:2rem 0;}
span.h6 {display:block; font-size:1.5rem; line-height:1.6;}
#kontakty p.red {margin-top:3rem; padding-top:3.5rem; padding-bottom:0; font-size:1.375rem; line-height:1.4;}
#kontakty p.red:before {width:100%; height:13px; background:url(img/kontakty_.png) top center no-repeat; top:0; left:0;}
#kontakty h6.red {font-size:1.75rem; margin-top:0.75rem;}
#kontakty .soc {margin:0 0.5rem;}

.light-gray2 {background:var(--light-gray2);}
.light-gray2:before {width:100%; height:37px; background:url(img/light-gray2-top_.png) top center no-repeat; top:-36px; left:0;}
#footer {width:100%; padding:1rem 0 2rem 0;}
#footer .soc-icons {position:absolute; top:1rem; right:0; text-align:right;}
#footer .soc {transform:scale(0.7);}
#footer p {font-size:0.875rem; margin-top:0.5rem;}

@media (max-width:1200px) {
  .main-slider_text, #hranenie .col2-right .col2-col:first-child:after, #kak .col2-right .col2-col:first-child:before, #chto .col2 .col2-col:first-child:after {display:none;}
  #all {min-width:360px;}
  .main-slider img {margin:0 auto;}
  #stroyka:before {background-size:contain;}
  .main-slider .owl-dots {width:100%; text-align:center; position:relative; bottom:-20px; right:auto;}
  .col2-col, .col2-left .col2-col:nth-child(odd), .col2-left .col2-col:nth-child(even), #cena .col2-right .col2-col:nth-child(odd), #cena .col2-right .col2-col:nth-child(even) {width:90%; margin:0 auto;}
  .col2-left > .col2-col {display:block;}
  .col2-col .owl-carousel:not(.main-slider) {margin:0 auto 4rem auto; left:0;}
  #stroyka {padding-bottom:30px;}
  #razvitie .col2-left:after {bottom:-10rem;}
  #video {max-width:96%; margin:0 auto;}
  .col4-col, .col3-col {width:50%; margin-bottom:1rem;}
  .steps .col4-col {margin-bottom:5rem;}
  .steps {max-width:92%; margin:0 auto; padding-bottom:0;}
  #cena .col2-right {text-align:center;}
  #cena .button {margin:2rem auto 0 auto;}
  #chto .col2 .col2-col:first-child:before, #razvitie .col2-left:after, #risunki .col2-left:after {left:0.5rem;}
  #chto .col2:after, #kak .col2:after {right:0;}
  .dark-green {padding-bottom:160px;}
  .col2-col .owl-carousel:not(.main-slider) {margin-top:4rem;}
}

@media (max-width:960px) {
  #all {min-width:300px;}
  .logo, .topmenu_logo {max-width:220px;}
  .topmenu {height:42px; padding:15px 0;}
  .topmenu-list {top:5px;}
  .topmenu-list li:not([class]) {display:none;}
  #stroyka {margin-top:122px;}
  #stroyka .wsm {padding:0 0 60px 0;}
  .pink {padding-top:40px;}
}

@media (max-width:880px) {
  #kak .col2:before, #kak .col2-right .col2-col:first-child:after, #eco .col2-left:before, #hranenie .col2-right:after, #sborka .after:before {display:none;}
  .col2-left .col2_inner .col2-col:nth-child(odd), .col2-left .col2_inner .col2-col:nth-child(even), .col2-right .col2-col:nth-child(even) {display:block; width:100%; padding-left:0; padding-right:0; max-width:360px; margin-left:auto; margin-right:auto;}
  .col2-right .col2-col:nth-child(odd) {display:block; width:90%; margin:0 auto;}
  .pink .col2-col_text:before, .dark-green .col2-col_text:before, .blue .col2-col_text:before {transform:rotate(90deg); bottom:auto; left:45%;}
  .pink .col2-col_text:before { top:-48%;}
  .dark-green .col2-col_text:before {top:-70%;}
  .blue .col2-col_text:before {bottom:-50%;}
  .dark-green .col2-left .col2_inner .col2-col:nth-child(even) {margin-top:6rem;}
  .pink, #chto {padding-top:40px; padding-bottom:150px;}
  #chto .col2 .col2-col:first-child:before, #razvitie .col2-left:after, #risunki .col2-left:after {left:-1rem;}
  #chto .col2:after {bottom:-8rem;}
  #razvitie .col2-left:after {bottom:-14rem;}
  #kak .col2:after {bottom:-3rem;}
  .yellow-forma {background:none; max-width:90%; margin-top:0;}
  .pink p.star {padding:2rem 0;}
}

@media (max-width:640px) {
  #all {min-width:300px;}
  .topmenu-list li.topmenu-soc, #chto .col2 .col2-col:first-child:before, #kak .col2:after, .topmenu-list li:not([class]), #footer .soc-icons, #sborka .wsm:before {display:none;}
  .block .wsm, #sborka .wsm, #count .wsm, #podarki .wsm {max-width:90%;}
  .block {padding:40px 0 60px 0;}
  .pink {padding-top:0;}
  .dark-green, #kak {padding-top:40px;}
  .col2, .col3, .col4, .coln, #eco .col2-left .col2_inner .col2-col:nth-child(odd) {width:100%; max-width:340px; margin-left:auto; margin-right:auto;}
  .col4-col, .col3-col {width:100%;}
  .steps img {position:relative; margin-top:2rem; left:auto !important;}
  .steps .col4-col:last-child {margin-bottom:0;}
  .link {line-height:2rem;}
  #cena .button {max-width:130px;}
  .yellow-forma {padding:1rem 0;}
  .yellow-forma .submit {position:relative; right:auto;}
  .yellow-forma p {margin-top:5rem;}
  .yellow-forma p strong {display:block; font-size:2rem;}
  #video {max-height:200px;}
  .steps .step4 {right:auto;}
  h1, h2.big, p.h1 {font-size:2rem;}
  .steps .col4-col {margin-bottom:1rem;}
  #razvitie .col2-left:after, #risunki .col2-left:after, #chto .col2:after,  #eco .col2-col_bigtext:before {max-width:200px;}
  #sborka .after:after {max-width:300px;}
  .yellow-forma label {line-height:1;}
  .col2-col .owl-carousel:not(.main-slider) .owl-item:after {background-size:contain;}
  .col2-col .owl-carousel:not(.main-slider) img.owl-lazy {max-width:98%; display:block; margin:0 auto;}
}

@media (max-width:420px) {
  .logo, .topmenu_logo {max-width:160px; }
  .button:before {width:120px; background-size:contain;}
  .topmenu {padding-bottom:0;}
  .topmenu-button {width:120px;}
  .topmenu-list li {line-height:1.5rem;}
}