@charset "UTF-8";
table, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; border: none; border-collapse: inherit; border-spacing: 0; border-color: inherit; vertical-align: inherit; font-weight: inherit; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; }

html, body, h1, h2, h3, h4, h5, h6, div, ul, ul li, ol, ol li, input, label, textarea, select, option, button, span, p, select, header, footer, nav, i, b, br, hr, article { margin: 0; padding: 0; }

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

a { text-decoration: none; cursor: pointer; }

input:focus, label:focus, textarea:focus, select:focus, option:focus, button:focus, a:focus { outline: none; }

*, *:before, *:after, input, textarea, button, select { -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "MuseoSansCyrl"; src: url("../fonts/MuseoSansCyrl.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "MuseoSansCyrl"; src: url("../fonts/MuseoSansCyrl_1.otf") format("opentype"); font-weight: bold; font-style: normal; }

@font-face { font-family: "Raleway"; src: url("../fonts/Raleway-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; }

html { font-family: "MuseoSansCyrl"; color: #171717; }

body* { background-image:
-webkit-radial-gradient(-webkit-calc(100% + 140px) 150px, circle, #dff1fa 0px, #dff1fa 500px, transparent 500px),
-webkit-radial-gradient(-50px 1040px, circle, #dff1fa 0px, #dff1fa 500px, transparent 500px);
background-image: -o-radial-gradient(calc(100% + 140px) 150px, circle, #dff1fa 0px, #dff1fa 500px, transparent 500px),
-o-radial-gradient(-50px 1040px, circle, #dff1fa 0px, #dff1fa 500px, transparent 500px);
background-image: radial-gradient(circle at calc(100% + 140px) 150px, #dff1fa 0px, #dff1fa 500px, transparent 500px),
radial-gradient(circle at -50px 1040px, #dff1fa 0px, #dff1fa 500px, transparent 500px);
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh; }
 
body* {
    background: url(../img/fon1.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }


.fon-post { 
background: #f5faff;
background*: url(../img/fon1.jpg) repeat-x top center; 
background-position: -0px 0px; 
background-size: cover; }


.container-post { 
margin-top: 10px;
margin-bottom: 0px;
width: 100%; 
max-width: 760px; 
background: #FFF; 
padding: 30px;  
margin-left: auto; 
margin-right: auto; 
position: relative; 
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

p { font-family: "Segoe UI"; 
font-weight: normal; 
font-size: 16.2px; 
text-align:justify;
line-height: 1.6;  
margin-top: 10px;
margin-bottom: 10px;

}

h2 {
color: #2a7b32;
font-size: 30px;
text-align: center;
margin-top: 10px; 
padding-bottom: 10px;
margin: 0;
}

h3 {
color: #2a7b32;
font-size: 25px;
text-align: center;
margin-top: 50px; 
padding-bottom: 10px;
}


.fon1 { background: url(../img/fon1.jpg) repeat-x top center; background-position: -0px 0px; background-size: cover; }
 
.preview-block { margin-top: 0px; margin-bottom: 0px;    }
.preview-block__title {   margin-bottom: 00px; }
.air { padding-bottom: 0px; position: relative; margin-bottom: -90px; }
.preview-block-grid { padding-top: 30px; }
.mobile { text-align: center; margin-left: auto; margin-right: auto; }


/*Все шрифты*/
h1 { font-family: "Raleway"; font-weight: 800; position: relative; }

/*Заголовок основной*/
h1 { font-size: 30px;   margin-bottom: 0px;}
h1 span { color: #82bc29; }




p*:after {margin-top: 15px; position: relative; content: ""; display: block; width: 90px; height: 4px; border-radius: 2px; background: #82bc29;  bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}



/*Стандартный текст*/
t1 { font-size: 17px; line-height: 1.5;}

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.5;  font-weight: normal;  }

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.5;  }

/*Стандартный текст для колонок*/
t4 { font-size: 16px; line-height: 1.5;  }

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 800; font-family: "Raleway"; text-transform: uppercase; font-size: 14px;}
.main-btn .sub-naim { font-weight: 400; font-size: 16px; }




.preview-block-col .pulse-bg { width: 100%; padding-bottom: 100%; left: 38%; top: 50%; z-index: 1; }
.pulse-bg { position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; padding-bottom: 50%; }

.pulse-bg-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: pulse infinite ease-in-out 2s; animation: pulse infinite ease-in-out 2s; margin-left: auto; margin-right: auto; }

.pulse-bg-circle { border: 1px solid #bce1f4; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 60%; top: 50%;
-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.5;}

.pulse-bg-circle1 { width: 100%; height: 100%; opacity: 0.5;}

.pulse-bg-circle2 { width: 80%; height: 80%; opacity: 0.4;}

.pulse-bg-circle3 { width: 60%; height: 60%; opacity: 0.3; }
 




/*Картинка с человеком в блоке*/
.preview-block__img { width: 100%; position: relative; display: inline-block; z-index: 2; margin-left: auto; margin-right: auto; border-radius: 10px; margin-top: -40px;}


.podpis__img {background-color: #FFF; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10); -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10); 
overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; max-width: 92%; position: relative; display: block;  margin-top: -65px; z-index: 3; 
margin-left: auto; margin-right: auto; }
 
.podpis-descr {  padding: 10px; text-align: center; }
 

@media only screen and (max-width: 1135px) {
	h1 { font-size: 28px;  }
 
}

@media only screen and (min-width: 480px) and (max-width: 980px) {
	.podpis__img { display: none;  }
}



/*Все картинки*/
.brend img { width: 60%; display: block; margin-left: auto; margin-right: auto; }
.brend {  text-align: center; display: block; }



 














main { overflow: hidden; }

main > * { padding-top: 50px; padding-bottom: 50px; }

 
 .preview-block-col { position: relative; }
 
 

 

.main-btn {
	width: 100%;
	max-width: 500px;
	margin: 30px 0 0px 0px;
	display: block;
	text-align: center;
	padding: 15px 15px;
	background:  #82bc29;
	border-radius: 10px;
	border-bottom: 3px solid  #6eae0a;
	position: relative;
}

main-btn {
overflow: hidden;
}
main-btn:after {
content: "";
margin-left: 60px;
width: 30px;
height: 300px;
background: #fff;
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
position: absolute;
left: -40px;
top: -150px;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-btn:hover {
	background: #6eae0a;
}

.main-btn span {
	display: block;
	color: #FFF;
}
.main-btn .main-naim {
	display: inline-block;
	margin-bottom: 3px;

}

.main-btn .main-naim:after {
	content: url("../img/str.png");
	position: absolute;
	top: -135px;
    right: -140px;
}

 

.main-btn{
overflow: hidden;
position: relative;
}
.main-btn:after {
content: "";
margin-left: 60px;
width: 30px;
height: 300px;
background: #fff;
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
position: absolute;
left: -40px;
top: -150px;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.container { width: 100%; max-width: 1130px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative; }




.preview-block-grid, .adv-slider, .separate-swimsuits-slider, .review-slider, .how-to-order-slider, .delivery-block-grid, .delivery-grid, .i-shop-grid, .gallery-grid, .order-grid, .order-bottom-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; -webkit-box-orient:
horizontal; -webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: -15px;
 }

.adv-slider, .separate-swimsuits-slider, .review-slider, .how-to-order-slider { padding-left: 15px; padding-right: 15px; }

.preview-block-col, .adv-slide, .separate-swimsuits-slide, .review-slide, .how-to-order-slide, .delivery-block-col, .delivery-col, .i-shop-col, .gallery-col, .order-col, .order-bottom-col { padding: 15px; }

.adv-item { width: calc(90% / 3); margin: 15px; }

.adv-slider { margin-top: 30px; }

.adv-item, .separate-swimsuits-item, .review-item, .how-to-order-item, .gallery-item, .modal-window {
background-color: #FFF;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10);
-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10);
overflow: hidden;
-webkit-border-radius: 10px;
border-radius: 10px; }

.separate-swimsuits-item:not(.stock-slide):hover { -webkit-box-shadow: 0 30px 29px rgba(194, 191, 193, 0.8); box-shadow: 0 30px 29px rgba(194, 191, 193, 0.8); }

.anim-leaf { position: absolute; z-index: -1; }

.anim-leaf_1 { -webkit-animation: floating2 infinite ease-in-out 5s; animation: floating2 infinite ease-in-out 5s; }

.anim-leaf_2 { -webkit-animation: floating3 infinite ease-in-out 5s; animation: floating3 infinite ease-in-out 5s; }

.slick-slide { outline-style: none; height: auto; }

.slick-slide > * { height: 100%; }

.slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.slick-list { width: 100%; }

.slick-arrow { display: block; border: none; overflow: hidden; font-size: 0; background-color: transparent; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.slick-arrow:before { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 55px; height: 55px; -webkit-border-radius: 15px; border-radius: 15px; border: 3px solid #f10079; font-family: "icon-font"; font-size: 22px; color: #f10079; background: #FFF; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

.slick-arrow:hover:before { background: #f10079; color: #FFF; }

.slick-arrow.slick-prev { left: 15px; }

.slick-arrow.slick-prev:before { content: "\e9a1"; }

.slick-arrow.slick-next { right: 15px; }

.slick-arrow.slick-next:before { content: "\e9a0"; }

.slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin-top: 25px; }

.slick-dots li { background-color: #c3c3c3; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 3px; }

.slick-dots li:hover, .slick-dots li.slick-active { background-color: #f10079; }

.slick-dots li button { display: block; width: 6px; height: 6px; background: none; border: none; overflow: hidden; text-indent: -9999px; cursor: pointer; }


 

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8);
    opacity: 0; }
  50% { opacity: 1; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

@keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8);
    opacity: 0; }
  50% { opacity: 1; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

.custom-btn {
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap;
 -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
 -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%;
 height: 46px; padding-top: 2px; border: none; -webkit-border-radius: 60px; border-radius: 60px; position: relative;
 font-family: "Raleway"; font-size: 12px; font-weight: 800; color: #FFF; text-align: center; text-transform: uppercase;
 cursor: pointer; overflow: hidden; background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #dc0090), to(#ffba00));
 background: -webkit-linear-gradient(bottom, #dc0090 25%, #ffba00); background: -o-linear-gradient(bottom, #dc0090 25%, #ffba00);
 background: linear-gradient(to top, #dc0090 25%, #ffba00); -webkit-box-shadow: inset 0 4px 5px #ffb1dd, 0px 8px 18px 0px rgba(255, 0, 144, 0.3);
 box-shadow: inset 0 4px 5px #ffb1dd, 0px 8px 18px 0px rgba(255, 0, 144, 0.3); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.custom-btn span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
-webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 5; }

.custom-btn:after { content: ""; display: block; width: 30px; height: 300px; margin-left: 60px; background: #fff; position: absolute; left: -40px; top: -150px; z-index: 1;
 -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;
 -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0.05s; animation-delay: 0.05s;
 -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.custom-btn:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ffba00; opacity: 0; z-index: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.custom-btn:hover:before { opacity: 1; }

@-webkit-keyframes slideme { 0% { left: -30px;
    margin-left: 0px; }
  30% { left: 110%;
    margin-left: 80px; }
  100% { left: 110%;
    margin-left: 80px; } }

@keyframes slideme { 0% { left: -30px;
    margin-left: 0px; }
  30% { left: 110%;
    margin-left: 80px; }
  100% { left: 110%;
    margin-left: 80px; } }

.nav { position: fixed; left: 0; right: 0; top: 0; z-index: 100; background: #FCEFF2; padding: 7px 0; }

.nav:after { content: ""; width: 100%; height: 7px; position: absolute; top: 100%; left: 0; background: url(../img/wave-white-top-pink.svg) repeat-x top center; }

.nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.nav-list a { display: inline-block; line-height: 1; color: inherit; padding: 7px 15px; -webkit-border-radius: 50px; border-radius: 50px; }

.nav-list a:hover, .nav-list a.active { background: #FFF; }

.header { padding-top: 70px; }

.header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap;
 -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center;
 -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: inherit; }

.logo__img { max-width: 135px; }

.logo__text { margin-left: 30px; white-space: nowrap; }

.callback__btn { width: 245px; }

.callback__text { margin-top: 10px; font-size: 12px; text-align: center; }

 

.preview-block .anim-leaf_1 { top: 0; left: -405px; }

.preview-block .anim-leaf_2 { bottom: 0; right: -395px; }

.preview-block-grid { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

 



 

/*@media screen and (min-width: 981px) { .preview-block-col:nth-child(1) { width: 72%; }
  .preview-block-col:nth-child(2) { width: 28%; } }*/

 

 

 

.preview-block__like { position: absolute; z-index: 3; }

.preview-block__like_1 { -webkit-animation: floating infinite ease-in-out 3s; animation: floating infinite ease-in-out 0s; top: -13px; left: 10px; opacity: 0.5; }
.preview-block__like_3 { -webkit-animation: floating infinite ease-in-out 5s; animation: floating infinite ease-in-out 0s; top: 85px; left: -30px; opacity: 0.5; }
.preview-block__like_5 { -webkit-animation: floating infinite ease-in-out 5s; animation: floating infinite ease-in-out 0s; top: 150px; left: -50px; opacity: 0.5; }

.preview-block__like_2 { -webkit-animation: floating2 infinite ease-in-out 5s; animation: floating2 infinite ease-in-out 0s; top: 20px; right: 100px;  opacity: 0.5; }
.preview-block__like_4 { -webkit-animation: floating2 infinite ease-in-out 3s; animation: floating2 infinite ease-in-out 0s; top: 85px; right: 50px; opacity: 0.5; }
.preview-block__like_6 { -webkit-animation: floating2 infinite ease-in-out 4s; animation: floating2 infinite ease-in-out 0s; top: 150px; right: 30px; opacity: 0.5; }

.preview-block__btn { max-width: 295px; margin-top: 40px; }

.preview-grid { max-width: 820px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
 -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
 -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 -10px; }

.preview-col { width***: 100%; padding-top: 25px; padding-left: 0px; }

.preview-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
-webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start;
justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.preview-item__icon { display: inline-block; width: 60px; height: 60px; -webkit-flex-shrink: 0;
-ms-flex-negative: 0; flex-shrink: 0; margin-right: 25px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; }


.preview-item__icon_1 { background-image: url(../img/icons-b1.png); }

.preview-item__icon_2 { background-image: url(../img/icons-b2.png); }

.preview-item__icon_3 { background-image: url(../img/icons-b3.png); }

.preview-item__icon_4 { background-image: url(../img/icons-b4.png); }

.preview-item__icon_5 { background-image: url(../img/icons-b5.png); }

.preview-item__text { font-size: 18px; line-height: 1.3; }

@-webkit-keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
  65% { -webkit-transform: translate(-5px, 10px); transform: translate(-5px, 10px); }
  to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } }

@keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
  65% { -webkit-transform: translate(-5px, 10px); transform: translate(-5px, 10px); }
  to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } }

@-webkit-keyframes floating2 { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
  65% { -webkit-transform: translate(5px, 10px); transform: translate(5px, 10px); }
  to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } }

@keyframes floating2 { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
  65% { -webkit-transform: translate(5px, 10px); transform: translate(5px, 10px); }
  to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } }

@-webkit-keyframes floating3 { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
  65% { -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); }
  to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } }

@keyframes floating3 { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
  65% { -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); }
  to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } }

@-webkit-keyframes floatingm { from { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); }
  65% { -webkit-transform: translate(-5px, 10px) scale(0.3); transform: translate(-5px, 10px) scale(0.3); }
  to { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); } }

@keyframes floatingm { from { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); }
  65% { -webkit-transform: translate(-5px, 10px) scale(0.3); transform: translate(-5px, 10px) scale(0.3); }
  to { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); } }

@-webkit-keyframes floating2m { from { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); }
  65% { -webkit-transform: translate(5px, 10px) scale(0.3); transform: translate(5px, 10px) scale(0.3); }
  to { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); } }

@keyframes floating2m { from { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); }
  65% { -webkit-transform: translate(5px, 10px) scale(0.3); transform: translate(5px, 10px) scale(0.3); }
  to { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); } }

@-webkit-keyframes floating3m { from { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); }
  65% { -webkit-transform: translate(0px, 10px) scale(0.3); transform: translate(0px, 10px) scale(0.3); }
  to { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); } }

@keyframes floating3m { from { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); }
  65% { -webkit-transform: translate(0px, 10px) scale(0.3); transform: translate(0px, 10px) scale(0.3); }
  to { -webkit-transform: translate(0, 0px) scale(0.3); transform: translate(0, 0px) scale(0.3); } }

.adv-slider { z-index: 10; }

@media screen and (min-width: 981px) { .adv-slider { padding: 0; } }

.adv-slider-after-text { font-size: 18px; text-align: center; }

@media screen and (min-width: 981px) { .adv-slide { padding-bottom: 40px; } }

.adv-item__img { overflow: hidden; -webkit-border-radius: 15px; border-radius: 15px; margin-right: auto; margin-left: auto;    }
.adv-img { width: 60px; height: 60px; margin-bottom: 10px;  }
.adv-item-descr { padding: 20px; text-align: center; }
.adv-item-descr-img { padding: 20px; text-align: center; }

 
.separate-swimsuits-block { background: url(../img/wave-pink.svg) repeat-x bottom center; }

@media screen and (min-width: 981px) { .separate-swimsuits-slider { padding: 0; } }

.separate-swimsuits-slide { width: 25%; }

@media screen and (min-width: 981px) { .separate-swimsuits-slide:nth-child(n+9) { display: none; }
  .separate-swimsuits-slide_accessories:nth-child(n+5) { display: none; } }

.separate-swimsuits-item:not(.stock-slide) { cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.separate-swimsuits-item-descr { padding: 0 15px; }

.separate-swimsuits-item-row { padding: 15px 5px; border-bottom: 1px solid #ededed; }

.separate-swimsuits-item-row:last-child { border: none; }

.separate-swimsuits-item__img { position: relative; overflow: hidden; height: 255px; }

.separate-swimsuits-item__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.separate-swimsuits-item__img_contain { padding: 20px; }

.separate-swimsuits-item__img_contain img { -o-object-fit: contain; object-fit: contain; }

.separate-swimsuits-item__discount, .order-preview__discount { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; -webkit-border-radius: 15px; border-radius: 15px; position: absolute; top: 7px; left: 7px;
background-color: #14BA8E; font-family: "Raleway"; font-weight: 800; color: #FFF; -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.3); }

.separate-swimsuits-item__captions { display: none; }

.separate-swimsuits-item__title { margin-bottom: 10px; font-size: 18px; text-align: center; }

.separate-swimsuits-item__in-stock { font-size: 14px; color: #14BA8E; text-align: center; }

.separate-swimsuits-item-color, .separate-swimsuits-item-size { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; }

.separate-swimsuits-item-color-list, .separate-swimsuits-item-size-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.separate-swimsuits-item-color-list li, .separate-swimsuits-item-size-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 28px; height: 28px; margin: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%; }

.separate-swimsuits-item-size li { border: 1px solid #9c9c9c; font-family: "Raleway"; font-weight: 800; font-size: 13px; text-transform: uppercase; }

.separate-swimsuits-item__old-price, .order-price__old, .separate-swimsuits-item__new-price, .order-price__new { display: block; font-family: "Raleway"; font-weight: 800; text-align: center; }

.separate-swimsuits-item__old-price, .order-price__old { font-size: 14px; color: #A2A2A2; }

.separate-swimsuits-item__new-price, .order-price__new { font-size: 22px; color: #f10079; margin-bottom: 15px; }

.separate-swimsuits-item__btn { max-width: 195px; margin: 0 auto 15px; font-size: 13px; }

.separate-swimsuits-item__more { display: block; font-size: 13px; color: #171717; text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-align: center; }

.stock-slide { height: 100%; background: url(../img/stock-slide-1.jpg) no-repeat center/cover; color: #FFF; text-align: center; }

.stock-slide_blue { background: url(../img/stock-slide-2.jpg) no-repeat center/cover; }

.stock-slide-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 30px; }

.stock-slide-item__icon { font-size: 80px; margin-bottom: 15px; }

.stock-slide-item__title { font-family: "Raleway"; font-weight: 800; font-size: 41px; line-height: 1; }

.stock-slide-item__title-sub { font-family: "Raleway"; font-weight: 800; font-size: 66px; line-height: 1; }

.stock-slide-item__term { background-color: #EB007F; padding: 10px 18px; -webkit-border-radius: 50px; border-radius: 50px; font-family: "Raleway"; font-weight: 800; font-size: 15px; text-transform: uppercase; margin: 20px 0; }

.stock-slide-item__descr { font-size: 18px; }

.see-more { text-align: center; }

.see-more__btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 14px 25px; margin-top: 40px; border: 2px solid #f10079; -webkit-border-radius: 50px; border-radius: 50px; font-family: "Raleway"; font-weight: 800; font-size: 13px; color: #f10079; text-transform: uppercase; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

.see-more__btn:after { content: "показать все " attr(href); }

.see-more__btn.active:after { content: "скрыть " attr(href); }

.see-more__btn:before { content: "\e9a4"; font-family: "icon-font"; font-size: 18px; margin-right: 10px; }

.see-more__btn:hover { background-color: #f10079; color: #FFF; }

.accessories-block { background: url(../img/wave-white-top.svg) repeat-x top center, url(../img/wave-white-bot.svg) repeat-x bottom center, url(../img/accessories-bg.jpg) no-repeat center/cover; }

.accessories-block .anim-leaf { z-index: 1; }

.accessories-block .anim-leaf_1 { top: -140px; left: -340px; }

.accessories-block .anim-leaf_2 { bottom: -260px; left: 100%; }

.slider-toggle-box { position: relative; }

.slider-toggle-toggler { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; max-width: 750px; margin: 0 auto 35px; background: #FFF; -webkit-border-radius: 50px; border-radius: 50px; }

.slider-toggle-toggler__btn { width: -webkit-calc(100% / 3); width: calc(100% / 3); height: 58px; border: none; border-right: 1px solid #DCDCDC; background: #FFF; font-family: "Raleway"; font-weight: 800; font-size: 17px; line-height: 1; text-transform: uppercase; cursor: pointer; }

.slider-toggle-toggler__btn.fix { border-right: none; }

.slider-toggle-toggler__btn_active { padding-top: 2px; border: none; -webkit-border-radius: 60px !important; border-radius: 60px !important; position: relative; color: #FFF; background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #dc0090), to(#ffba00)); background: -webkit-linear-gradient(bottom, #dc0090 25%, #ffba00); background: -o-linear-gradient(bottom, #dc0090 25%, #ffba00); background: linear-gradient(to top, #dc0090 25%, #ffba00); -webkit-box-shadow: inset 0 4px 5px #ffb1dd, 0px 8px 18px 0px rgba(255, 0, 144, 0.3); box-shadow: inset 0 4px 5px #ffb1dd, 0px 8px 18px 0px rgba(255, 0, 144, 0.3); }

.slider-toggle-toggler__btn_active:after { content: ""; position: absolute; top: 100%; left: -webkit-calc(50% - 8px); left: calc(50% - 8px); border-width: 7px 8px 0; border-color: #dc0090 transparent transparent; border-style: solid; }

.slider-toggle-toggler__btn:first-child { -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; }

.slider-toggle-toggler__btn:last-child { border-right: none; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; }

.slider-toggle-slider { width: -webkit-calc(100% + 30px); width: calc(100% + 30px); visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }

.slider-toggle-slider_active { position: static; visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.review-block__btn:before, .review-block__btn:after { content: none; }

.review-slide { padding-bottom: 35px; }

.review-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 25px 20px 30px 15px; font-size: 14px; }

.review-item-col:nth-child(1) { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; }

.review-item__img { width: 100px; height: 100px; overflow: hidden; -webkit-border-radius: 25px; border-radius: 25px; }

.review-item__title { font-family: "Raleway"; font-weight: 800; font-size: 18px; margin-bottom: 5px; }

.review-item__soc { color: inherit; }

.review-item__soc:before { content: "\e9a2 "; font-family: "icon-font"; color: #377BD7; }

.review-item__soc:after { content: "Смотреть оригинал отзыва"; text-decoration: underline; }

.review-item__good { padding: 10px 0; margin: 15px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }

.review-item__review-text p { padding-bottom: 10px; }

.review-item__review-text p:nth-child(n+2) { display: none; }

.review-item__more { color: inherit; text-decoration: underline; }

.review-item__more:before { content: "Читать полностью"; }

.review-item__more.active:before { content: "Скрыть"; }

.how-to-order-block { background: url(../img/wave-white-top.svg) repeat-x top center, url(../img/wave-white-bot.svg) repeat-x bottom center, url(../img/how-to-order-bg.jpg) no-repeat center/cover; }

.how-to-order-block .anim-leaf { z-index: 1; }

.how-to-order-block .anim-leaf_1 { bottom: -260px; left: -360px; }

.how-to-order-block .anim-leaf_2 { top: -140px; left: 100%; }

@media screen and (min-width: 981px) { .how-to-order-slider { padding: 0; } }

.how-to-order-slide { padding-bottom: 35px; }

.how-to-order-item__img { height: 210px; }

.how-to-order-item__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.how-to-order-item-descr { padding: 20px 15px; text-align: center; }

.how-to-order-item__title { font-family: "Raleway"; font-weight: 800; font-size: 18px; margin-bottom: 5px; }

.how-to-order-item__text { font-size: 15px; }

.delivery-block { background: url(../img/wave-pink.svg) repeat-x bottom center; }

@media screen and (min-width: 641px) { .delivery-block__title { text-align: left; background-position: left bottom; } }

.delivery-block-col:nth-child(1) { width: 55%; }

.delivery-block-col:nth-child(2) { width: 45%; position: relative; }

.delivery-block__img { display: block; max-width: 100%; margin: 0 auto -60px; position: relative; z-index: 3; }

.delivery-block .pulse-bg { width: 90%; padding-bottom: 90%; left: 50%; top: 50%; z-index: 2; }

.delivery-block__circle { width: 605px; height: 605px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; background: #DFF1FA; }

.delivery-col { width: 100%; }

.delivery-text { font-size: 15px; margin-top: 40px; }

.delivery-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.delivery-item__icon, .i-shop-item__icon { width: 67px; height: 67px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 65px 65px; background-size: 65px; margin-right: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }



.delivery-item__text, .i-shop-item__text { font-size: 18px; }

.i-shop-block .pulse-bg { width: 40%; padding-bottom: 40%; left: 50%; top: 50%; z-index: -1; }

@media screen and (min-width: 981px) { .i-shop-block { padding-bottom: 230px; } }

.i-shop__logo { max-width: 220px; }

@media screen and (min-width: 981px) { .i-shop-grid { height: 500px; position: relative; } }

.i-shop-col { width: 100%; }

@media screen and (min-width: 981px) { .i-shop-col { position: absolute; }
  .i-shop-col:nth-child(1) { max-width: 380px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .i-shop-col:nth-child(1) .i-shop-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }
  .i-shop-col:nth-child(1) .i-shop-item__icon { margin: 0 0 0 20px; }
  .i-shop-col:nth-child(2) { max-width: 380px; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .i-shop-col:nth-child(3) { max-width: 350px; top: 420px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .i-shop-col:nth-child(3) .i-shop-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }
  .i-shop-col:nth-child(3) .i-shop-item__icon { margin: 0 0 20px 0; } }

.i-shop-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }



@media screen and (min-width: 981px) { .i-shop__img { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.gallery-block { background: url(../img/wave-white-top.svg) repeat-x top center, url(../img/wave-white-bot.svg) repeat-x bottom center, url(../img/how-to-order-bg.jpg) no-repeat center/cover; }

.gallery-block .anim-leaf { z-index: 1; }

.gallery-block .anim-leaf_1 { top: -140px; left: -340px; }

.gallery-block .anim-leaf_2 { bottom: -200px; left: 100%; }

.gallery-col { width: -webkit-calc(100% / 5); width: calc(100% / 5); }

.gallery-item { display: block; }

.gallery-item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

.gallery-item img:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.add-questions-block { background: url(../img/wave-pink.svg) repeat-x bottom center; }

.add-questions-block__title-sub { font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 15px; }

.add-questions-block .callback__btn { margin-left: auto; margin-right: auto; }

.footer { padding: 40px 0; font-size: 14px; line-height: 1.5; }

.footer a { color: inherit; }

.footer a:hover { text-decoration: underline; }

.footer__politic { text-decoration: underline; }

.footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
 -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.footer .logo__img { max-width: 85px; margin-right: 30px; }

.fancybox-bg { background: #FCEFF2; }

.modal-window { overflow: visible; margin: 44px 10px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); max-width: 540px; padding: 60px; }

.modal-window__title { font-size: 24px; text-align: center; margin-bottom: 10px; }

.modal-window__title-sub { font-size: 15px; font-weight: normal; text-align: center; margin-bottom: 20px; }

.modal-window-politic__text p { margin-bottom: 15px; }

.modal-window-politic__text p:last-child { margin-bottom: 0; }

.modal-window .fancybox-close-small { display: block; width: 25px; height: 25px; cursor: pointer; background: url(../img/svg/close.svg) no-repeat center; border: none; position: absolute; right: 15px; top: 15px; overflow: hidden; text-indent: -9999px; }

.modal-window .fancybox-close-small:before, .modal-window .fancybox-close-small:after { content: none; }

.modal-window .anim-leaf_1 { right: -200px; top: -100px; }

.modal-window .anim-leaf_2 { left: -200px; top: -20px; }

.modal-window#order { max-width: 1130px; padding: 0; overflow: hidden; }

.modal-window#order .accessories-block { padding: 55px 15px 35px; background: #dff1fa url(../img/wave-white-top.svg) repeat-x top center; }

.modal-window#order .accessories-block .anim-leaf { display: none; }

.modal-window#order .slider-toggle-slider { width: auto; }

.order-grid { padding: 15px 15px 45px; }

.order-grid .separate-swimsuits-item__in-stock { display: inline-block; }

.order-grid .modal-window__title, .order-grid .modal-window__title-sub { text-align: left; }

.order-col:nth-child(1) { width: 42%; }

.order-col:nth-child(2) { width: 58%; }

.order-col-box { padding: 15px 30px 0; }

.order-preview { position: relative; padding-bottom: 100%; }

.order-preview__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.order-preview__discount { z-index: 2; }

.order-caption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 10px -5px 0; }

.order-caption-col { padding: 0 5px; width: -webkit-calc(100% / 5); width: calc(100% / 5); }

.order-caption-col img { display: block; max-width: 100%; }

.order-caption-item { display: block; position: relative; cursor: pointer; }

.order-caption-item:hover:before, .order-caption-item_active:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #f10079; }

.order__title { font-size: 32px; margin-bottom: 5px; }

.order-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.order-price__old { font-size: 17px; margin-right: 10px; }

.order-price__new { font-size: 27px; margin-bottom: 0; }

.order-pickers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; margin: 15px 0 25px; }

.order-pickers-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; }

.order-pickers-item input { display: none; }

.order-pickers-item label { display: block; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; margin: 6px; cursor: pointer; }

.order-pickers-color-list, .order-pickers-size-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 10px; margin-bottom: 10px; }

.order-pickers-color-list { margin-right: 30px; }

.order-pickers-color-item:first-child { margin-left: 4px; }

.order-pickers-color-item input:checked + label { position: relative; }

.order-pickers-color-item input:checked + label:before { content: ""; position: absolute; width: -webkit-calc(100% + 8px); width: calc(100% + 8px); height: -webkit-calc(100% + 8px); height: calc(100% + 8px); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 2px solid #f10079; -webkit-border-radius: 50%; border-radius: 50%; }

.order-pickers-size-item:first-child { margin-left: 6px; }

.order-pickers-size-item label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #9c9c9c; font-family: "Raleway"; font-weight: 800; font-size: 13px; line-height: 1; text-transform: uppercase; margin: 4px; }

.order-pickers-size-item input:checked + label { border: 2px solid #f10079; }

.order-bottom-grid { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.order-bottom-col { width: 50%; }

.order-adv-grid { margin: -10px; }

.order-adv-col { padding: 10px; }

.order-adv-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
-webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start;
justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }


.order-adv-item__text { font-size: 14px; }

.custom-form { width: 100%; max-width: 280px; margin: auto; }

.custom-form-row { margin-bottom: 10px; }

.custom-form-row:last-child { margin-bottom: 0; }

.custom-form__input { display: block; width: 100%; height: 58px; border: 2px solid #eaeaea; -webkit-border-radius: 50px; border-radius: 50px; padding-left: 45px; background-color: #fff; background-repeat: no-repeat; background-position: left 18px center; -webkit-background-size: 16px 16px; background-size: 16px; font-family: "MuseoSansCyrl"; font-size: 16px; }

.custom-form__input_name { background-image: url(../img/svg/name.svg); }

.custom-form__input_phone { background-image: url(../img/svg/phone.svg); }

.custom-form__input_social { background-image: url(../img/svg/012-social.svg); }

.custom-form__input_textarea { height: auto; padding: 15px 10px 15px 18px; resize: none; -webkit-border-radius: 25px; border-radius: 25px; }

.custom-form-accept { font-size: 11px; color: #666; text-align: center; padding-top: 5px; }

.custom-form-accept a { color: inherit; text-decoration: underline; }

label.error { display: none !important; }

input.error { border-color: #f10079 !important; }

@media screen and (min-height: 870px) { html, body { height: 100%; } }

.thanks-page .preview-block-col:nth-child(1) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
-webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.thanks-page .preview-block__icon { font-size: 70px; margin-right: 15px; color: #f10079; margin-top: 15px; }

.thanks-page .preview-block__title p { max-width: 500px; font-size: 17px; line-height: 24px; color: #000000; font-family: "MuseoSansCyrl"; font-weight: normal;}

@media screen and (min-height: 870px) { .thanks-page .footer { position: absolute; bottom: 0; left: 0; right: 0; } }

@media screen and (max-width: 1130px) { .container { max-width: 980px; }
  .anim-leaf { display: none; }
  .nav-list a { padding: 7px 5px; }
  .modal-window#order { max-width: 980px; }
  .preview-col {width**: 100%;}
  .order-col-box { padding: 15px 10px 0; }
 
    }

@media screen and (max-width: 980px) { .container { max-width: 650px; }

  .separate-swimsuits-item:not(.stock-slide):hover { -webkit-box-shadow: 0 5px 8px rgba(194, 191, 193, 0.8); box-shadow: 0 5px 8px rgba(194, 191, 193, 0.8); }
.adv-item { width: 100%; margin: 0px; }
    .preview-block__title { font-size: 25px;  }
 
	 
	.preview-block__like* { display: none; }
	 .preview-block__img { max-width: 450; margin-bottom: -15px; margin-left: auto; margin-right: auto; }
 

 .main-btn .main-naim {

	background-size: 0px;
	padding-right: 0px;

}
.podpis-descr {    margin-left: 10px; margin-right: 10px; max-width: 100%;}

.adv-item-descr {    margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; }
 .adv-item-descr {  max-width: 350px; }

  body { background: #fff; padding-top: 0px; }
  body.stopped { overflow: hidden; }
  .nav { padding: 0; bottom: 0; overflow: scroll; overflow-x: hidden; overflow-y: auto; visibility: hidden; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
  .nav:after { content: none; }
  .nav-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center;
  -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 100px 0 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);
  -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
  .nav-list a { padding: 7px 15px; }
  .nav_active { opacity: 1; visibility: visible; }
  .nav_active .nav-list { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .header { padding: 5px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 101; background: #FCEFF2; }
  .header:after { content: ""; width: 100%; height: 7px; position: absolute; top: 100%; left: 0; background: url(../img/wave-white-top-pink.svg) repeat-x top center; }
  .header .callback { display: none; }
  .header-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .header-buttons { display: block; width: 45px; height: 45px; -webkit-border-radius: 15px; border-radius: 15px; background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #dc0090), to(#ffba00)); background: -webkit-linear-gradient(bottom, #dc0090 25%, #ffba00); background: -o-linear-gradient(bottom, #dc0090 25%, #ffba00); background: linear-gradient(to top, #dc0090 25%, #ffba00); -webkit-box-shadow: inset 0 4px 5px #ffb1dd, 0px 8px 18px 0px rgba(255, 0, 144, 0.3); box-shadow: inset 0 4px 5px #ffb1dd, 0px 8px 18px 0px rgba(255, 0, 144, 0.3); cursor: pointer; position: relative; z-index: 5; }
  .header-buttons:before { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-family: "icon-font"; font-size: 16px; color: #FFF; }
  .header-buttons_callback { margin-right: 10px; }
  .header-buttons_callback:before { content: "\e9d1"; }
  .header-buttons_burger:before { content: "\e900"; }
  .header .logo__img { max-width: 105px; }
  .header .logo__text { display: none; }
  .preview-block__title { text-align: center; }
  
  .preview-block__like_1 { width: 20%; top: -15%; left: 10%; }
  .preview-block__like_3 { width: 20%; top: 8%; left: 0%; }
  .preview-block__like_5 { width: 20%; top: 28%; left: 0%; }
  
  .preview-block__like_2 { width: 20%; top: -7%; right: 12%; }
  .preview-block__like_4 { width: 20%; top: 8%; right: 1%; }
  .preview-block__like_6 { width: 20%; top: 28%; right: -2%; }
 
  .adv-item { width: 100%;  margin-bottom: 15px;}
  .adv-item-descr {  max-width: 350px; }
  .adv-slider-after-text { margin-top: 25px; }
  .stock-slide-container { margin-bottom: 20px; }
  .stock-slide-container .separate-swimsuits-slide { width: 100%; }
  .stock-slide-container .separate-swimsuits-item { max-width: 100%; }
  .stock-slide-container .stock-slide { background: url(img/fon.png) no-repeat center/cover; }
  .separate-swimsuits-block__btn, .piece-swimsuits-block__btn, .accessories-block__btn { display: none; }
  .i-shop-block .pulse-bg { display: none; }
  .i-shop__logo { display: none; }
  .slider-toggle-toggler { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: transparent; }
  .slider-toggle-toggler__btn { width: 100%; max-width: 190px; background-color: transparent; margin-bottom: 10px; font-size: 14px; }
  .slider-toggle-toggler__btn:nth-child(n) { border: 2px solid #f10079; -webkit-border-radius: 50px; border-radius: 50px; }
  .slider-toggle-toggler__btn:last-child { margin-bottom: 0; }
  .slider-toggle-toggler__btn_active:nth-child(n) { border: none; }
  .slider-toggle-toggler__btn_active:after { content: none; }
  .delivery-block-col:nth-child(n) { width: 100%; }
  .gallery-col { width: -webkit-calc(100% / 3); width: calc(100% / 3); }
  .gallery-col:nth-child(n+10) { display: none; }
  .modal-window#order { max-width: 480px; }
  .modal-window#order .fancybox-close-small { right: 0; top: -30px; }
  .order-grid .separate-swimsuits-item__in-stock { display: block; }
  .order-col:nth-child(n) { width: 100%; }
  .order-col-box { padding: 0; }
  .order__title { text-align: center; }
  .order-price { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .order-bottom-grid { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .order-bottom-col { width: 100%; }
  .thanks-page .preview-block-col:nth-child(1) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .thanks-page .preview-block__icon { margin: 0 0 15px; }
  .thanks-page .preview-block__title p { max-width: 100%; } }

@media screen and (max-width: 767px) { .container { max-width: 600px; }

 


 
.adv-item { margin-bottom: 20px;  }
.adv-item-descr {  max-width: 285px; }
  .preview-block__title { font-size: 25px;  }
  .separate-swimsuits-item { width: 100%; max-width: 250px; margin: auto; }
  .footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
  .footer .logo__img { display: none; }
  .footer .logo__text { margin: 0; white-space: normal; }
  .footer__politic { display: inline-block; margin-bottom: 25px; }
  .footer-col:nth-child(2) p { display: inline-block; } }

@media screen and (max-width: 640px) { .container { max-width: 480px; padding-left: 20px; padding-right: 20px;}
 .adv-item-descr {  max-width: 270px; }
 
.adv-item { margin-bottom: 20px;  }

 .podpis-descr { font-size: 15px; }
 
.adv-slider { margin-top: 30px; }
  .preview-block-grid, .adv-slider, .separate-swimsuits-slider, .review-slider, .how-to-order-slider, .delivery-block-grid, .delivery-grid, .i-shop-grid, .gallery-grid, .order-grid, .order-bottom-grid {
   }
  .adv-slider, .separate-swimsuits-slider, .review-slider, .how-to-order-slider { padding-left***: 40px; padding-right***: 40px; }
  .preview-block-col, .adv-slide, .separate-swimsuits-slide, .review-slide, .how-to-order-slide, .delivery-block-col, .delivery-col, .i-shop-col, .gallery-col, .order-col, .order-bottom-col { padding: 0px; }
 
  .slick-arrow:before { width: 35px; height: 35px; font-size: 15px; border-width: 2px; -webkit-border-radius: 10px; border-radius: 10px; }
  .slick-arrow.slick-prev { left: 5px; }
  .slick-arrow.slick-next { right: 5px; }
  .preview-block__title { font-size: 20px; }
  .preview-block__btn { max-width: 235px; margin-left: auto; margin-right: auto; }
  .preview-block .anim-leaf_1 { top: -60px; left: -195px; }
  .preview-block .anim-leaf_2 { bottom: auto; top: -45px; right: -200px; }
  .preview-grid { margin: 0 -10px; }
  .preview-col { width***: 100%; padding: 10px 50px; }
   
  .preview-item__text { font-size: 15px; }
  .adv-item-descr { padding: 10px; }
 
  .adv-item__title { font-size: 15px; }

   
  .adv-slider-after-text { font-size: 13px; }

 
  .stock-slide-item { padding: 20px; }
  .stock-slide-item__icon { font-size: 55px; margin-bottom: 10px; }
  .stock-slide-item__title { font-size: 26px; }
  .stock-slide-item__title-sub { font-size: 42px; }
  .stock-slide-item__term { font-size: 11px; }
  .stock-slide-item__descr { font-size: 13px; }
  .separate-swimsuits-item__img { height: 215px; }
  .separate-swimsuits-item__discount, .order-preview__discount { width: 40px; height: 40px; font-size: 13px; }
  .separate-swimsuits-item-row { padding: 10px 5px; }
  .separate-swimsuits-item__title { font-size: 15px; }
  .separate-swimsuits-item__in-stock { font-size: 12px; }
  .separate-swimsuits-item-color, .separate-swimsuits-item-size { font-size: 12px; }
  .separate-swimsuits-item-color li, .separate-swimsuits-item-size li { width: 24px; height: 24px; }
  .separate-swimsuits-item-size li { font-size: 11px; }
  .separate-swimsuits-item__old-price, .order-price__old { font-size: 12px; }
  .separate-swimsuits-item__new-price, .order-price__new { font-size: 19px; }
  .separate-swimsuits-item__btn { font-size: 12px; }
  .separate-swimsuits-item__more { font-size: 11px; }
  .slider-toggle-toggler__btn { font-size: 12px; height: 40px; }
  .slider-toggle-slider { width: -webkit-calc(100% + 20px); width: calc(100% + 20px); }
  .review-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; font-size: 11px; }
  .review-item-col:nth-child(n) { width: 100%; margin: 0; }
  .review-item__img { width: 80px; height: 80px; margin: auto; }
  .review-item__img img { max-width: 100%; }
  .review-item__title { font-size: 15px; }
  .review-item__soc { font-size: 11px; }
  .see-more__btn { font-size: 10px; padding: 10px 20px; }
  .how-to-order-block .anim-leaf_1 { bottom: -190px; left: -189px; }
  .how-to-order-block .anim-leaf_2 { left: auto; top: -149px; right: -160px; }
  .how-to-order-slider { z-index: 5; }
  .how-to-order-item__img { height: 180px; }
  .how-to-order-item-descr { padding: 15px; }
  .how-to-order-item__title { font-size: 15px; }
  .how-to-order-item__text { font-size: 13px; }
  .delivery-block { background: none; }
  .delivery-block__img { max-width: 60%; margin: 20px auto -35px; }
  .delivery-block__circle { width: 95%; height: auto; padding-bottom: 95%; }
  .delivery-item__icon, .i-shop-item__icon { width: 45px; height: 45px; margin-right: 10px; -webkit-background-size: 40px 40px; background-size: 40px; }
  .delivery-item__text, .i-shop-item__text { font-size: 13px; }
  .delivery-text { font-size: 13px; margin-top: 20px; }
  .add-questions-block__title-sub { font-size: 11px; }
  .add-questions-block .callback__btn { font-size: 9px; max-width: 175px; height: 30px; }
  .add-questions-block .callback__tetx { margin-top: 5px; font-size: 9px; }
  .footer { padding-top: 25px; padding-bottom: 25px; font-size: 11px; }
  .modal-window { padding: 40px 10px; }
  .modal-window__title { font-size: 20px; }
  .modal-window__title-sub { font-size: 13px; }
  .modal-window .anim-leaf { display: none; }
  .custom-form__input { font-size: 15px; }
  .thanks-page .preview-block__title p { font-size: 15px; }
  .order__title { font-size: 18px; }
  .order-pickers { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px 0; }
  .order-pickers-color-list, .order-pickers-size-list { margin: 5px 0; }
  .order-pickers-item label { width: 24px; height: 24px; }
  .anim-leaf { display: block; }
  .anim-leaf_1 { -webkit-animation: floating2m infinite ease-in-out 5s; animation: floating2m infinite ease-in-out 5s; }
  .anim-leaf_2 { -webkit-animation: floating3m infinite ease-in-out 5s; animation: floating3m infinite ease-in-out 5s; } }

 .preview-block-col.mobile{
   display:none;
 }


 @media screen and (max-width: 980px) {
   .preview-block-col.mobile{
     display:block;
   }

   .preview-block-col.desktop{
     display:none;
   }

	 .preview-block__img{
		 display: table !important;
		 margin: 0 auto;
	 }

	 .preview-block__img + div{
		 margin-top: -53px !important;
		 width: 100% !important;
		 left:50%;
		 transform: translateX(-50%);
	 }

	 .preview-item{
		 flex-direction:column;
		 text-align: center;

	 }

	 	 .preview-item{
			 		margin:0px;
			     margin-bottom: 0px;
		 }

 }



 
 @media screen and (min-width: 1024px) { .preview-block__img {  margin-left: auto; margin-right: auto; }  }

@media screen and (min-width: 981px) { .preview-block__img {  margin-left: auto; margin-right: auto; }   .mobile{ display:none; }
}
 
 
 
@media screen and (max-width: 1024px) {


 
	
	
/*Заголовок основной*/
h1 { font-size: 25px; margin-top: 0px; margin-bottom: 0px;}

/*Заголовок блока*/
h2 { font-size: 26px; margin-top: 30px; text-align: center; padding-bottom: 10px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 14.5px; line-height: 1.45;  margin-top: 0px;  display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 13px; line-height: 1.5;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 15px; line-height: 1.5;    }

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.5;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 900; font-family: "MuseoSansCyrl"; font-size: 13px;}
.main-btn .sub-naim { font-weight: 400; font-size: 16px; }
.adv-item-descr {  max-width: 490px;  }
 
.preview-col {width**: 100%;}
 .preview-block-col:nth-child(2) {-webkit-flex-shrink: 0; flex-shrink: 0; width: 300px;   }
 main > * { padding-top: 40px; padding-bottom: 40px; }
 .main-btn { 	margin: 30px 0 0px 0px; } 
	
}

@media screen and (min-width: 981px) {
  .preview-block-grid { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  /*.preview-block__img {display: block; max-width: 100%;}*/
  .preview-block-col:nth-child(2) {-webkit-flex-shrink: 0; flex-shrink: 0; width: 48%;   }
}

 


@media screen and (max-width: 980px) {
	
 
 
	
/*Заголовок основной*/
h1 { text-align: center; font-size: 25px; margin-top: 0px; margin-bottom: 30px;}

/*Заголовок блока*/
h2 { font-size: 25px; text-align: center; padding-bottom: 10px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 16px; line-height: 1.25; text-align: center;  margin-top: 25px;  display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.25;  text-align: center; max-width: 470px; }

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 900; font-family: "MuseoSansCyrl"; font-size: 16px;}
.main-btn .sub-naim { font-weight: 400; font-size: 15px; }
.adv-item-descr {  max-width: 490px;  }

.preview-col {width: 100%;}
.adv-img { width: 70px; height: 70px; margin-bottom: 20px;  }
.preview-item__icon { width: 70px; height: 70px; margin-top: 25px; margin-bottom: 20px; margin-right: 0px; }
.brend { width: 60%; margin-bottom: 0px; margin-left: auto; margin-right: auto; }

.mod { top: -5%; }
.pulse-bg { width: 80%; height: 80%; top: 20%; z-index: 1; margin-left: 3%; }

.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
.main-btn {  margin-left: auto; margin-right: auto;  }
.main-btn:after { display*: none; }
main > * { padding-top: 40px; padding-bottom: 40px; }
}

@media screen and (max-width: 768px) {
/*Заголовок основной*/
h1 { text-align: center; font-size: 25px; margin-top: 0px; margin-bottom: 20px;}

/*Заголовок блока*/
h2 { font-size: 25px; text-align: center; padding-bottom: 10px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 16px; line-height: 1.25; text-align: center;  margin-top: 25px;  display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.25;  text-align: center; max-width: 470px; }

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 900; font-family: "MuseoSansCyrl"; font-size: 16px;}
.main-btn .sub-naim { font-weight: 400; font-size: 15px; }
.adv-item-descr {  max-width: 490px;  }
.main-btn  { max-width: 100%; width: 100%;  }
.brend { width: 60%;  }

.podpis__descr {  max-width: 100%;  width: 100%;  }
.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
main > * { padding-top: 40px; padding-bottom: 40px; }
}


@media screen and (max-width: 640px) {
/*Заголовок основной*/
h1 { text-align: center; font-size: 25px; margin-top: 0px; margin-bottom: 20px;}

/*Заголовок блока*/
h2 { font-size: 21px; text-align: center; padding-bottom: 10px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 16px; line-height: 1.25; text-align: center;  margin-top: 25px;  display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.25;  text-align: center; max-width: 100%; }

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 900; font-family: "MuseoSansCyrl"; font-size: 16px;}
.main-btn .sub-naim { font-weight: 400; font-size: 15px; }
.adv-item-descr {  max-width: 320px;  }

.brend { width: 80%;  }
.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
 
 main > * { padding-top: 30px; padding-bottom: 30px; }
 
 .fon2 { background-position: -550px 200px; }
  
}

@media screen and (max-width: 480px) {
	
	.container-post { 
margin-top: -20px;
margin-bottom: 0px;
max-width: 100%; 
padding: 20px;  
border-radius: 0px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

p {  
font-size: 16.2px; 
line-height: 1.6;  
margin-top: 10px;
margin-bottom: 10px;
text-align:justify;
}

h2 {
font-size: 30px;
margin-top: 10px; 
padding-bottom: 10px;
}

h3 {
color: #2a7b32;
font-size: 20px;
text-align: center;
margin-top: 50px; 
padding-bottom: 10px;
}


	.fon1 { background-position: -1100px 00px; }
/*Заголовок основной*/
h1 { text-align: center; font-size: 20px; margin-top: 0px; margin-bottom: 10px;}

/*Заголовок блока*/
h2 { font-size: 21px; text-align: center; padding-bottom: 10px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 18px; line-height: 1.25; text-align: center;  margin-top: 45px;   }

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 800; font-family: "MuseoSansCyrl"; font-size: 14px;}
.main-btn .sub-naim { font-weight: 400; font-size: 15px; }

.podpis__img { margin-left: 0px; margin-right: 0px;}


.adv-item-descr {  max-width: 320px;  }

.brend { width: 75%;  }
.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
main > * { padding-top: 20px; padding-bottom: 20px; }
 
 }
 
 
 
 
 
 
@media screen and (max-width: 425px) {
 
/*Заголовок основной*/
h1 { text-align: center; font-size: 18.5px; margin-top: 0px; margin-bottom: 10px;}

/*Заголовок блока*/
h2 { font-size: 20px; text-align: center; padding-bottom: 10px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 17.5px; line-height: 1.25; text-align: center;  margin-top: 55px;  display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 800; font-family: "MuseoSansCyrl"; font-size: 15px;}
.main-btn .sub-naim { font-weight: 400; font-size: 15px; }
 
.adv-item-descr {  max-width: 320px;  }

.brend { width: 75%;  }
.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
main > * { padding-top: 20px; padding-bottom: 20px; }
 
 
 }
 
 
 
 

@media screen and (max-width: 375px) { 
  .podpis-descr { font-size: 15px; }
/*Заголовок основной*/
h1 { text-align: center; font-size: 18px; margin-top: 0px; margin-bottom: 10px;}

/*Заголовок блока*/
h2 { font-size: 18px; text-align: center; padding-bottom: 10px;  }

h3 { font-size: 17px; }

span1 { font-size: 15px;}
/*Подзаголовок и цветная полоска*/
p { font-size: 16px;}
p:after {margin-top: 15px; }


/*Стандартный текст*/
t1 { font-size: 15.8px; line-height: 1.25; text-align: center;  margin-top: 45px;  display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 16px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 15px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn .main-naim { font-weight: 900; font-family: "MuseoSansCyrl"; font-size: 13px;}
.main-btn .sub-naim { font-weight: 400; font-size: 13px; }
.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
 
.podpis-descr {  padding: 10px 0px 10px 0px; text-align: center; }

 }
 
 

@media screen and (max-width: 320px) {
	.podpis-descr { font-size: 14px;}
	
		 .preview-block__img + div{ margin-top: -50px !important;}
 
/*Заголовок основной*/
h1 { text-align: center; font-size: 15px; margin-top: -10px; margin-bottom: 0px;}

/*Заголовок блока*/
h2 { font-size: 16px; text-align: center; padding-bottom: 0px;  }

/*Подзаголовок и цветная полоска*/
p { font-size: 15px;}
p:after {margin-top: 15px; }

/*Стандартный текст*/
t1 { font-size: 14.5px; line-height: 1.25; text-align: center;  margin-top: 45px; margin-bottom: 0px; display:block; }

/*Стандартный текст для колонок*/
t2 { font-size: 14px; line-height: 1.25;  text-align: center;}

/*Стандартный текст для колонок*/
t3 { font-size: 14px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в подписи к картинке*/
t4 { font-size: 13px; line-height: 1.25;  text-align: center;}

/*Стандартный текст в блоке с брендами*/
.adv-item__title { margin-bottom: 10px; }
.adv-item__text { font-size: 16px; line-height: 1.5; } 

/*Текст в кнопке*/
.main-btn { max-width: 100%; width: 100%; }
.main-btn .main-naim { font-weight: 800; font-family: "MuseoSansCyrl"; font-size: 12px;}
.main-btn .sub-naim { font-weight: 300; font-size: 12px; }
.preview-block-grid { margin-left: 0px; margin-right: 0px;  }
.desktop { display: none; }
.main-btn { margin: 20px 0 0px 0px;}
 
 }