@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}
pre{
  font-family:monospace, monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sub{
  bottom:-0.25em;
}
sup{
  top:-0.5em;
}
img{
  border-style:none;
}
button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance:button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:0.35em 0.75em 0.625em;
}
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type="checkbox"],
[type="radio"]{
  box-sizing:border-box;
  padding:0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto;
}
[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
details{
  display:block;
}
summary{
  display:list-item;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent; }
*{
  text-decoration:none;
  list-style:none;
  box-sizing:border-box; }
body{
  font-family:"Montserrat", sans-serif; }
body.overflow{
    overflow:hidden; }
a{
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out; }
a:hover,
a:active,
a:focus{
  text-decoration:none; }
input{
  border:none;
  background-color:transparent;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none; }
textarea{
  resize:vertical;
  border:none;
  background-color:transparent;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none; }
button{
  padding:0;
  cursor:pointer;
  border:none;
  background-color:transparent;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none; }
select{
  cursor:pointer;
  border:none;
  background-color:transparent;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  outline:none;
  -webkit-appearance:none; }
.wrapper{
  width:100%;
  position:relative;
  overflow:hidden; }
.container{
  max-width:1920px;
  width:100%;
  padding:0 15px;
  margin:0 auto; }
@media screen and (min-width: 768px){
    .container{
      padding:0 30px; } }
@media screen and (min-width: 1200px){
    .container{
      padding:0 80px; } }

.main {
  padding-top: 48px;
}
@media screen and (min-width: 768px){
    .main{
        padding-top: 63px;
    }
}
@media screen and (min-width: 1024px){
    .main{
        padding-top: 68px;
    }
}
@media screen and (min-width: 1350px){
    .main{
        padding-top: 71px;
    }
}

.scroll-wrap::-webkit-scrollbar{
  width:3px;
  background-color:#ccc; }
.scroll-wrap::-webkit-scrollbar-thumb{
  background-color:rgba(0, 0, 0, 0.75);
  border-radius:2px; }
.accordion{
  margin:0 -15px; }
@media screen and (min-width: 768px){
    .accordion{
      margin:0; } }
.accordion h3,
.accordion h2 {
    position:relative;
    font-weight:700;
    font-size:16px;
    line-height:1.2;
    color:#000000;
    padding:20px 47px 20px 15px;
    border-bottom:1px solid #DEE6E8;
    cursor:pointer; }
@media screen and (min-width: 1024px){
      .accordion h3,
      .accordion h2{
        padding:20px 28px;
        font-weight:600;
        font-size:24px;
        line-height:1.25; } }
.accordion h3.active,
.accordion h2.active{
      background-color:#F5F5F5; }
.accordion h3.active:after,
.accordion h2.active:after{
        -webkit-transform:translateY(-50%) rotate(180deg);
        -ms-transform:translateY(-50%) rotate(180deg);
        transform:translateY(-50%) rotate(180deg); }
.accordion h3:after,
.accordion h2:after{
      content:"";
      position:absolute;
      top:50%;
      -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
      transform:translateY(-50%);
      right:20px;
      width:20px;
      height:20px;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-position:center;
      background-repeat:no-repeat;
      background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath opacity='0.5' d='M17.834 7.60986L10.334 15.1099L2.83398 7.60986' stroke='%23979797' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.333984 0.422363)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.accordion h4{
    font-weight:700;
    font-size:14px;
    line-height:1.4;
    color:#000000;
    margin-bottom:5px; }
.accordion p{
    font-weight:300;
    font-size:14px;
    line-height:1.7;
    color:#000000;
    margin-bottom:30px; }
.accordion ul{
    margin-bottom:30px; }
.accordion li{
    font-weight:300;
    font-size:14px;
    line-height:1.7;
    color:#000000; }
.accordion__content{
    display:none;
    background:#F5F5F5;
    box-sizing:border-box;
    padding:19px 15px 0px 15px; }
@media screen and (min-width: 1024px){
      .accordion__content{
        padding:31px 23px 13px 30px; } }
.accordion__text-hole{
    font-weight:300;
    font-size:14px;
    line-height:1.7;
    color:#000000; }
.btn{
  font-weight:700;
  font-size:12px;
  line-height:1.25;
  text-align:center;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#000000;
  border-radius:20px;
  padding:10px 40px;
  height:35px; }
.btn.primary{
    background:#ffc80a;
    border:1px solid #ffc80a; }
.btn.primary:hover{
      background-color:transparent;
      color:#332F2F;
      border:1px solid #332F2F;
      box-sizing:border-box;
      border-radius:20px; }
.btn.secondary{
    background-color:transparent;
    color:#332F2F;
    border:1px solid #332F2F;
    box-sizing:border-box;
    border-radius:20px; }
.btn.secondary:hover{
      border:1px solid #ffc80a;
      background:#ffc80a; }
.btn-wrap{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center; }
.download-link{
  font-weight:700;
  font-size:12px;
  line-height:0.9;
  text-align:center;
  letter-spacing:3px;
  color:#57B9BB;
  margin-top:50px;
  border-bottom:1px solid #57B9BB; }
.download-link:hover{
    border-bottom:1px solid transparent; }
@media screen and (min-width: 1024px){
    .download-link{
      margin-top:60px; } }
.expert-btn{
  font-weight:700;
  font-size:12px;
  line-height:1.25;
  letter-spacing:3px;
  color:#57B9BB;
  position:relative;
  padding-right:15px; }
.expert-btn:after{
    content:'';
    position:absolute;
    width:6px;
    height:9px;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    background-repeat:no-repeat;
    background-image:url("../img/arr-r.svg"); }
.expert-btn:hover:after{
    right:-5px; }
.contact-wrap{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  margin:0 -36px; }
.contact{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  padding:0 36px; }
.contact__title{
    font-weight:600;
    font-size:18px;
    color:#FFFFFF;
    margin-bottom:10px; }
.contact__number{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center; }
.contact__img{
    width:18px;
    height:18px;
    margin-right:8px; }
.contact__img img{
      width:100%; }
.contact__tel{
    font-size:16px;
    color:#FFFFFF; }
.footer{
  padding:30px 0 20px;
  border-top:1px solid #DEE6E8; }
@media screen and (min-width: 1024px){
    .footer{
      padding:60px 0 30px 0; } }
.footer .logo{
    margin-bottom:30px;
    width:217px; }
.footer .footer-logo{
    width:121px; }
.footer .footer-logo img{
      width:100%; }
.footer .nav{
    margin-bottom:40px; }
.footer .nav__title{
      font-weight:700;
      font-size:12px;
      line-height:1.25;
      letter-spacing:2.4px;
      color:#332F2F;
      text-transform:uppercase;
      margin-bottom:20px;
      display:block; }
@media screen and (min-width: 1024px){
        .footer .nav__title{
          margin-bottom:28px; } }
.footer .nav__link{
      font-weight:500;
      font-size:14px;
      line-height:2;
      cursor: pointer;
      color:#979797; }
.footer .nav__link:hover{
        color:#008996; }
.footer .footer-nav{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
@media screen and (min-width: 1024px){
      .footer .footer-nav{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        -webkit-box-pack:justify;
        justify-content:space-between; } }
.footer .btn{
    padding:10px 20px;
    max-width:195px; }
@media screen and (min-width: 768px){
      .footer .btn{
        margin:-13px 0 0; } }
.footer-content{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  max-width:620px;
  width:100%; }
@media screen and (min-width: 768px){
    .footer-content{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row; } }
.copyright{
  font-weight:200;
  font-size:12px;
  line-height:1.14;
  color:#979797;
  margin-bottom:20px; }
@media screen and (min-width: 450px){
    .copyright{
      padding-right:30px; } }
@media screen and (min-width: 768px){
    .copyright{
      margin-bottom:0; } }
@media screen and (min-width: 1024px){
    .copyright{
      font-size:14px; } }
.footer-info{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  -webkit-box-align:start;
  align-items:flex-start;
  margin-top:40px;
  margin-bottom:20px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }
@media screen and (min-width: 768px){
    .footer-info{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row;
      -webkit-box-align:center;
      align-items:center;
      margin-bottom:40px; } }
@media screen and (min-width: 1024px){
    .footer-info{
      margin-bottom:16px;
      margin-top:60px; } }
.footer-instruction{
  padding-top:20px;
  border-top:1px solid rgba(151, 151, 151, 0.3); }
@media screen and (min-width: 1024px){
    .footer-instruction{
      padding-top:30px; } }
.instruction{
  font-weight:300;
  font-size:13px;
  line-height:1.05;
  color:#979797;
  text-align:center; }
@media screen and (min-width: 1200px){
    .instruction{
      font-size:18px;
      letter-spacing:1.5px; } }
@media screen and (min-width: 11360px){
    .instruction{
      font-size:21px; } }
.instruction a{
    color:#979797;
    border-bottom:1px solid #979797; }
.instruction a:hover{
      border-bottom:1px solid transparent; }
.field_err{
  border:1px solid #FF0000 !important; }
.grid{
  box-sizing:border-box; }
.grid-main{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-auto-rows:350px;
  grid-auto-columns:1fr;
  grid-auto-flow:dense;
  -webkit-box-pack:center;
  justify-content:center;
  max-width:1920px;
  width:100%;
  margin:0 auto; }
@media screen and (max-width: 1400px){
    .grid-main{
      grid-auto-rows:350px; } }
@media screen and (max-width: 1300px){
    .grid-main{
      grid-auto-rows:300px; } }
@media screen and (max-width: 968px){
    .grid-main{
      grid-template-columns:repeat(2, 1fr);
      grid-auto-rows:300px; } }
@media screen and (max-width: 576px){
    .grid-main{
/*      grid-auto-rows: 260px; */
      grid-auto-rows: 160px; 
  } 
}
.grid-item{
  width:100%;
  min-height:350px;
  height:100%;
  overflow:hidden;
  position:relative; }
.grid-item.disabled-hover{
    cursor:default !important; }
.grid-item.disabled-hover .grid-wrap{
      cursor:default; }
.grid-item.disabled-hover:hover .grid-wrap{
      -webkit-transform:scale(1, 1);
      -ms-transform:scale(1, 1);
      transform:scale(1, 1); }
.grid-item.disabled-hover:hover button{
      text-decoration:none; }
.grid-item.triangle{
    overflow:visible; }
.grid-item.triangle:before{
      content:"";
      position:absolute;
      width:40px;
      height:40px;
      top:50%;
      left:-20px;
      z-index:1;
      background-repeat:no-repeat;
      background-position:center;
      background-size:contain;
      background-image:url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='22.7988' y='0.373047' width='32' height='32' transform='rotate(45 22.7988 0.373047)' fill='%23F5F5F5'/%3E%3C/svg%3E%0A"); }
.grid-item:hover .grid-wrap{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-transform:scale(1.01, 1.01);
    -ms-transform:scale(1.01, 1.01);
    transform:scale(1.01, 1.01); }
.grid-item:hover button{
    text-decoration:underline; }
@media screen and (max-width: 1300px){
    .grid-item{
      min-height:300px; } }
@media screen and (max-width: 576px){
    .grid-item{
/*        min-height: 260px; */
        min-height: 160px; 
    } 
}
.grid-item.big{
    grid-row:span 2;
    grid-column:span 2; }
.grid-item.big .grid-wrap{
      padding:20px; }
@media screen and (min-width: 1024px){
        .grid-item.big .grid-wrap{
          padding:30px; } }
.grid-item.small{
    grid-row:span 1;
    grid-column:span 1; }
@media screen and (max-width: 576px){
    .grid-item.small-long{
      grid-column:span 2 !important; } }
.grid-item.small-long-x{
    display:-webkit-box;
    display:flex;
    grid-column:span 2 !important; }
.grid-item.small-long-x .grid-item{
      width:50%; }
.grid-item.small-long-y{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    grid-row:span 2 !important;
    grid-column:span 1 !important; }
.grid-item.small-long-y .grid-item{
      width:100%;
      height:50%; }
.grid-item.middle-y{
    grid-row:span 2;
    grid-column:span 1; }
.grid-item.middle-x{
    grid-row:span 1;
    grid-column:span 2; }
.grid-item h2 {
    font-size: 18px;
/*    font-size:24px;*/
    line-height:1.2;
    color:#332F2F;
    max-width:580px;
}
@media screen and (min-width: 400px){
    .grid-item h2 {
       font-size: 24px;
    }
}
@media screen and (min-width: 768px){
      .grid-item h2 {
        font-size: 30px; 
    } 
}
@media screen and (min-width: 1200px){
    .grid-item h2 {
        font-size: 38px; 
    } 
}
@media screen and (min-width: 1500px){
/*@media screen and (min-width: 1200px){*/
    .grid-item h2 {
        font-size: 48px; 
    } 
}

.grid-item h3{
    font-size:14px;
    line-height:1.2;
    color:#332F2F;
    text-align:center;
    margin-bottom:10px; }
@media screen and (min-width: 768px){
      .grid-item h3{
        margin-bottom:15px;
        font-size:20px; } }
@media screen and (min-width: 1200px){
      .grid-item h3{
        font-size:36px;
        margin-bottom:20px; } }
@media screen and (min-width: 1360px){
      .grid-item h3{
        margin-bottom:30px; } }
.grid-item h4{
    font-size:14px;
    line-height:1.2;
    color:#332F2F;
    text-align:center;
    margin-bottom:10px;
}
@media screen and (min-width: 768px){
      .grid-item h4 {
        margin-bottom:15px;
        font-size:18px; 
    }
}
@media screen and (min-width: 1200px){
      .grid-item h4{
        font-size:26px;
        margin-bottom:20px; 
    } 
    }
@media screen and (min-width: 1360px){
      .grid-item h4{
        margin-bottom:30px; 
    } 
}

/**/
.grid-item-with-small-title .grid-wrap img{
    height: 90px;
    width: auto;
}    
.grid-item-with-small-title h4{
    font-size:10px;
}
@media screen and (min-width: 768px){
    .grid-item-with-small-title .grid-wrap img{
        height: 150px;
    }
    .grid-item-with-small-title h4{
        font-size:14px;
    }
}
@media screen and (min-width: 1200px){
    .grid-item-with-small-title h4{
        font-size:16px;
    } 
}
@media screen and (min-width: 1360px){
    .grid-item-with-small-title .grid-wrap img{
        height: auto;
    }
}
/**/

.grid-item h5{
    font-size:10px;
    text-align:center; }
@media screen and (min-width: 768px){
      .grid-item h5{
        margin-bottom:12px; } }
@media screen and (min-width: 1200px){
      .grid-item h5{
        font-size:24px;
    }
}

.grid-item p {
    font-size:10px;
    line-height:140%;
    text-align:center;
    color:#332F2F;
/*    margin-bottom: 10px; */
    margin-bottom: 5px;
}
@media screen and (min-width: 768px){
      .grid-item p{
        font-size:14px;
/*        margin-bottom:15px;*/
    }
}
@media screen and (min-width: 1200px){
    .grid-item p {
        font-size:16px;
/*        margin-bottom:20px;*/
    }
}
/*@media screen and (min-width: 1360px){
      .grid-item p{
        margin-bottom:30px;
    }
}*/
.grid-item button,
  .grid-item a{
    font-weight:700;
    font-size:8px;
    line-height:1.3;
    letter-spacing:1.5px;
    color:#FFFFFF;
    display:block;
    text-align:center; }
@media screen and (min-width: 768px){
      .grid-item button,
      .grid-item a{
        font-size:10px; } }
@media screen and (min-width: 1200px){
      .grid-item button,
      .grid-item a{
        font-size:12px; } }
.grid-wrap{
  height:100%;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  will-change:transform;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  padding:0 20px;
  position:relative;
  cursor:pointer; }
@media screen and (min-width: 968px){
    .grid-wrap{
      padding:20px 30px 0; } }
.grid-wrap img{
    max-height: 100%;
    width:100%;
    will-change:transform; }
@media screen and (min-width: 1200px){
      .grid-wrap img{
        width:auto !important; } }
.grid-wrap .grid-half{
    height:50%; }
@media screen and (max-width: 1024px){
    .grid-wrap .btn{
      padding:8px 16px;
      font-size:8px;
      line-height:1;
      height:auto; } }
.abs-img{
  position:absolute;
  bottom:0;
  right:0; }
@media screen and (min-width: 1200px){
    .abs-img img{
      width:100% !important; } }
.grid-img{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center; }
@media screen and (min-width: 1200px){
    .grid-img img{
      width:100% !important; } }
@media screen and (min-width: 1024px){
  .abs-btn{
    margin-bottom:230px !important; } }
.center-center{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center; }
.center-bottom{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:end !important;
  justify-content:flex-end !important; }
.center-start{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:start !important;
  justify-content:flex-start !important; }
.start-start{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:start !important;
  align-items:flex-start !important;
  -webkit-box-pack:start !important;
  justify-content:flex-start !important;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }
.start-start > *{
    text-align:left !important; }
.start-center{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:start;
  align-items:flex-start;
  -webkit-box-pack:center;
  justify-content:center; }
.start-center > *{
    text-align:left !important; }
.end-center{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:end;
  align-items:flex-end;
  -webkit-box-pack:center;
  justify-content:center; }
.end-center > *{
    text-align:right !important; }
.start-end{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:start !important;
  align-items:flex-start !important;
  -webkit-box-pack:end !important;
  justify-content:flex-end !important; }
.mob-row{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center; }
@media screen and (min-width: 576px){
    .mob-row{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column; } }
.mob-row .grid-half{
    width:50%; }
@media screen and (min-width: 576px){
      .mob-row .grid-half{
        width:100%; } }
.mob-row .center-center{
    height:100%; }
@media screen and (min-width: 576px){
      .mob-row .center-center{
        height:50%; } }
.statick-section .grid-item:hover .grid-wrap{
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -webkit-transform:scale(1.01, 1.01);
  -ms-transform:scale(1.01, 1.01);
  transform:scale(1.01, 1.01); }
.statick-section .grid-item.disabled-hover{
  cursor:default !important; }
.statick-section .grid-item.disabled-hover .grid-wrap{
    cursor:default; }
.statick-section .grid-item.disabled-hover:hover .grid-wrap{
    -webkit-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    transform:scale(1, 1); }
.statick-section .grid-item.disabled-hover:hover button{
    text-decoration:none; }
.statick-section .grid-item h2{
  font-weight:700;
  font-size:24px;
  /*font-size:32px;*/
  line-height:1.625;
  color:#000000;
  margin-top:20px;
  margin-bottom:10px;
}
@media screen and (min-width: 768px){
  .statick-section .grid-item h2{
    font-size: 30px;
    /*font-size:37px;*/
    line-height:1.08;
    margin-top:0;
    margin-bottom:0;
    }
}
@media screen and (min-width: 1300px){
/*@media screen and (min-width: 1024px){*/
  .statick-section .grid-item h2{
    font-size:43px;
    }
}
@media screen and (min-width: 1720px){
/*@media screen and (min-width: 1200px){*/
  .statick-section .grid-item h2{
    font-size:48px;
    }
}
.statick-section .grid-item h3{
  font-size:18px;
}
@media screen and (min-width: 768px){
  .statick-section .grid-item h3{
    font-size:24px; } }
.statick-section .grid-item.middle-x{
  grid-row:span 2;
  grid-column:span 2; }
@media screen and (min-width: 577px){
    .statick-section .grid-item.middle-x{
      grid-row:span 1;
      grid-column:span 2; } }
.statick-section .order-5 img{
  display:block;
  margin:0 0 -15px; }
@media screen and (min-width: 1200px){
    .statick-section .order-5 img{
      margin:0 0 -35px; } }
@media screen and (min-width: 1200px){
  .statick-section .order-6 h4{
    position:relative;
    bottom:-35px; } }

.statick-section .btn-buy_orange {
    width: 100%;
    height:  65px;
    position:  absolute;
    bottom:  0;
    left:  0;
    display:  flex;
    align-items: center;
    justify-content: center;
    background-color: #FF7E07;
    color:  white;
    font-weight: 600;
    font-weight:  700;
    letter-spacing: 0.03em;
    text-transform:  uppercase;
}
@media screen and (max-width:  1024px) {
    .statick-section .btn-buy_orange {
        height:  60px;
        font-size:  14px;
    }
}
.statick-section .abs-img_pack {
    bottom: 50px;
}
@media screen and (min-width: 1200px),
      screen and (max-width: 968px) {
    .statick-section .abs-img_pack img {
        min-width: 200px;
    }
}


.statick .grid-item:hover .grid-wrap{
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -webkit-transform:scale(1.01, 1.01);
  -ms-transform:scale(1.01, 1.01);
  transform:scale(1.01, 1.01); }
.statick .grid-item.disabled-hover{
  cursor:default !important; }
.statick .grid-item.disabled-hover .grid-wrap{
    cursor:default; }
.statick .grid-item.disabled-hover:hover .grid-wrap{
    -webkit-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    transform:scale(1, 1); }
.statick .grid-item.disabled-hover:hover button{
    text-decoration:none; }
.statick h3{
  font-weight:900;
  font-size:16px;
  line-height:1;
  text-transform:uppercase;
  color:#FFFFFF; }
@media screen and (min-width: 768px){
  .statick .grid-item h3{
    font-size:25px;
    line-height:1.5;
    margin-top:53px;
    margin-bottom:75px; } }
@media screen and (min-width: 969px){
  .statick .grid-item h3{
    font-size:28px;
    line-height:1.5;
    margin-top:30px;
    margin-bottom:75px; } }
@media screen and (min-width: 1200px){
  .statick .grid-item h3{
    font-size:32px;
    line-height:1.5;
    margin-top:53px; } }
.statick h5{
  font-weight:600;
  font-size:24px;
  line-height:1.25;
  color:#332F2F;
  display:none;
  max-width:225px; }
@media screen and (min-width: 768px){
    .statick h5{
      display:block;
      font-size:18px; } }
@media screen and (min-width: 1024px){
    .statick h5{
      font-size:20px; } }
@media screen and (min-width: 1200px){
    .statick h5{
      font-size:24px; } }
.statick .grid-wrap{
  -webkit-box-pack:center;
  justify-content:center; }
@media screen and (min-width: 768px){
    .statick .grid-wrap{
      -webkit-box-pack:inherit;
      justify-content:inherit; } }
.statick h6{
  font-weight:700;
  font-size:14px;
  line-height:1.4;
  color:#332F2F;
  margin-bottom:15px; }
@media screen and (min-width: 768px){
  .statick .grid-item h6{
    font-weight:600;
    font-size:20px;
    line-height:1.13;
    margin-bottom:36px;
    margin-top:100px;
    color:#000000; } }
@media screen and (min-width: 969px){
  .statick .grid-item h6{
    margin-top:50px;
    font-size:25px; } }
@media screen and (min-width: 1200px){
  .statick .grid-item h6{
    margin-top:100px;
    font-size:30px; } }
@media screen and (min-width: 768px){
  .statick .grid-item h4{
    font-weight:600;
    font-size:20px;
    line-height:1.13;
    color:#332F2F;
    margin-top:26px; } }
@media screen and (min-width: 969px){
  .statick .grid-item h4{
    margin-top:0px;
    font-size:25px; } }
@media screen and (min-width: 1200px){
  .statick .grid-item h4{
    margin-top:26px;
    font-size:30px; } }
.statick .order-7 img{
  display:none; }
@media screen and (min-width: 768px){
    .statick .order-7 img{
      display:block;
      width:auto; } }
@media screen and (min-width: 560px){
  .statick .grid-wrap img{
    width:auto;
    margin:auto; } }
.order-1{
  -webkit-box-ordinal-group:2;
  order:1; }
@media screen and (max-width: 1300px){
  .order-lg-1{
    -webkit-box-ordinal-group:2;
    order:1; } }
@media screen and (max-width: 968px){
  .order-md-1{
    -webkit-box-ordinal-group:2;
    order:1; } }
@media screen and (max-width: 576px){
  .order-sm-1{
    -webkit-box-ordinal-group:2;
    order:1; } }
.order-2{
  -webkit-box-ordinal-group:3;
  order:2;
}
@media screen and (max-width: 968px) {
    .order-2.big {
        grid-row: span 3;
    }
}
.order-2 .btn-buy_orange {
    width: 100%;
    height:  65px;
    position:  absolute;
    bottom:  0;
    left:  0;
    display:  flex;
    align-items: center;
    justify-content: center;
    background-color: #FF7E07;
    color:  white;
    font-weight: 600;
    font-weight:  700;
    letter-spacing: 0.03em;
    text-transform:  uppercase;
}
@media screen and (max-width:  1024px) {
    .order-2 .btn-buy_orange {
        height:  60px;
        font-size:  14px;
    }
}

.order-2 .abs-img {
    max-width:  100%;
/*    transform: translateY( calc(-65px - 35%) );*/
    pointer-events:  none;
    transform: translateY( -120% ) translateX(75%);
    right: 50%;
    bottom: auto;
    top: 100%;
    width: 100%;
}
@media screen and (max-width:  1670px) {
    .order-2 .abs-img {
        transform: translateY( -120% ) translateX(65%);
    }
}
@media screen and (max-width:  768px) {
    .order-2 .abs-img {
        transform: translateY( -140% ) translateX(55%);
    }
}
/*@media screen and (max-width:  1024px) {
    .order-2 .abs-img {
        transform: translateY( calc(-60px + 20%) );
    }
}*/

.order-2 .abs-img img {
    position: relative;
    max-width:  100%;
}
/*@media screen and (min-width: 1200px),
      screen and (max-width: 968px) {*/
    .order-2 .abs-img img {
        width: 60% !important;
        /*width: 65% !important;*/
        margin-right: 0;
        margin-left: 0;
/*        margin-left: 8%;*/
        display: block;
        min-width: 320px;
    }
/*}*/
@media screen and (max-width: 1300px){
  .order-lg-2{
    -webkit-box-ordinal-group:3;
    order:2; } }
@media screen and (max-width: 968px){
  .order-md-2{
    -webkit-box-ordinal-group:3;
    order:2; } }
@media screen and (max-width: 576px){
  .order-sm-2{
    -webkit-box-ordinal-group:3;
    order:2; } }
.order-3{
  -webkit-box-ordinal-group:4;
  order:3; }
@media screen and (max-width: 1300px){
  .order-lg-3{
    -webkit-box-ordinal-group:4;
    order:3; } }
@media screen and (max-width: 968px){
  .order-md-3{
    -webkit-box-ordinal-group:4;
    order:3; } }
@media screen and (max-width: 576px){
  .order-sm-3{
    -webkit-box-ordinal-group:4;
    order:3; } }
.order-4{
  -webkit-box-ordinal-group:5;
  order:4; }
@media screen and (max-width: 1300px){
  .order-lg-4{
    -webkit-box-ordinal-group:5;
    order:4; } }
@media screen and (max-width: 968px){
  .order-md-4{
    -webkit-box-ordinal-group:5;
    order:4; } }
@media screen and (max-width: 576px){
  .order-sm-4{
    -webkit-box-ordinal-group:5;
    order:4; } }
.order-5{
  -webkit-box-ordinal-group:6;
  order:5; }
@media screen and (max-width: 1300px){
  .order-lg-5{
    -webkit-box-ordinal-group:6;
    order:5; } }
@media screen and (max-width: 968px){
  .order-md-5{
    -webkit-box-ordinal-group:6;
    order:5; } }
@media screen and (max-width: 576px){
  .order-sm-5{
    -webkit-box-ordinal-group:6;
    order:5; } }
.order-6{
  -webkit-box-ordinal-group:7;
  order:6; }
@media screen and (max-width: 1300px){
  .order-lg-6{
    -webkit-box-ordinal-group:7;
    order:6; } }
@media screen and (max-width: 968px){
  .order-md-6{
    -webkit-box-ordinal-group:7;
    order:6; } }
@media screen and (max-width: 576px){
  .order-sm-6{
    -webkit-box-ordinal-group:7;
    order:6; } }
.order-7{
  -webkit-box-ordinal-group:8;
  order:7; }
@media screen and (max-width: 1300px){
  .order-lg-7{
    -webkit-box-ordinal-group:8;
    order:7; } }
@media screen and (max-width: 968px){
  .order-md-7{
    -webkit-box-ordinal-group:8;
    order:7; } }
@media screen and (max-width: 576px){
  .order-sm-7{
    -webkit-box-ordinal-group:8;
    order:7; } }
.order-8{
  -webkit-box-ordinal-group:9;
  order:8; }
@media screen and (max-width: 1300px){
  .order-lg-8{
    -webkit-box-ordinal-group:9;
    order:8; } }
@media screen and (max-width: 968px){
  .order-md-8{
    -webkit-box-ordinal-group:9;
    order:8; } }
@media screen and (max-width: 576px){
  .order-sm-8{
    -webkit-box-ordinal-group:9;
    order:8; } }
.order-9{
  -webkit-box-ordinal-group:10;
  order:9; }
@media screen and (max-width: 1300px){
  .order-lg-9{
    -webkit-box-ordinal-group:10;
    order:9; } }
@media screen and (max-width: 968px){
  .order-md-9{
    -webkit-box-ordinal-group:10;
    order:9; } }
@media screen and (max-width: 576px){
  .order-sm-9{
    -webkit-box-ordinal-group:10;
    order:9; } }
.order-10{
  -webkit-box-ordinal-group:11;
  order:10; }
@media screen and (max-width: 1300px){
  .order-lg-10{
    -webkit-box-ordinal-group:11;
    order:10; } }
@media screen and (max-width: 968px){
  .order-md-10{
    -webkit-box-ordinal-group:11;
    order:10; } }
@media screen and (max-width: 576px){
  .order-sm-10{
    -webkit-box-ordinal-group:11;
    order:10; } }
.order-11{
  -webkit-box-ordinal-group:12;
  order:11; }
@media screen and (max-width: 1300px){
  .order-lg-11{
    -webkit-box-ordinal-group:12;
    order:11; } }
@media screen and (max-width: 968px){
  .order-md-11{
    -webkit-box-ordinal-group:12;
    order:11; } }
@media screen and (max-width: 576px){
  .order-sm-11{
    -webkit-box-ordinal-group:12;
    order:11; } }
.order-12{
  -webkit-box-ordinal-group:13;
  order:12; }
@media screen and (max-width: 1300px){
  .order-lg-12{
    -webkit-box-ordinal-group:13;
    order:12; } }
@media screen and (max-width: 968px){
  .order-md-12{
    -webkit-box-ordinal-group:13;
    order:12; } }
@media screen and (max-width: 576px){
  .order-sm-12{
    -webkit-box-ordinal-group:13;
    order:12; } }
.order-13{
  -webkit-box-ordinal-group:14;
  order:13; }
@media screen and (max-width: 1300px){
  .order-lg-13{
    -webkit-box-ordinal-group:14;
    order:13; } }
@media screen and (max-width: 968px){
  .order-md-13{
    -webkit-box-ordinal-group:14;
    order:13; } }
@media screen and (max-width: 576px){
  .order-sm-13{
    -webkit-box-ordinal-group:14;
    order:13; } }
.order-14{
  -webkit-box-ordinal-group:15;
  order:14; }
@media screen and (max-width: 1300px){
  .order-lg-14{
    -webkit-box-ordinal-group:15;
    order:14; } }
@media screen and (max-width: 968px){
  .order-md-14{
    -webkit-box-ordinal-group:15;
    order:14; } }
@media screen and (max-width: 576px){
  .order-sm-14{
    -webkit-box-ordinal-group:15;
    order:14; } }
.order-15{
  -webkit-box-ordinal-group:16;
  order:15; }
@media screen and (max-width: 1300px){
  .order-lg-15{
    -webkit-box-ordinal-group:16;
    order:15; } }
@media screen and (max-width: 968px){
  .order-md-15{
    -webkit-box-ordinal-group:16;
    order:15; } }
@media screen and (max-width: 576px){
  .order-sm-15{
    -webkit-box-ordinal-group:16;
    order:15; } }
.order-16{
  -webkit-box-ordinal-group:17;
  order:16; }
@media screen and (max-width: 1300px){
  .order-lg-16{
    -webkit-box-ordinal-group:17;
    order:16; } }
@media screen and (max-width: 968px){
  .order-md-16{
    -webkit-box-ordinal-group:17;
    order:16; } }
@media screen and (max-width: 576px){
  .order-sm-16{
    -webkit-box-ordinal-group:17;
    order:16; } }
.order-17{
  -webkit-box-ordinal-group:18;
  order:17; }
@media screen and (max-width: 1300px){
  .order-lg-17{
    -webkit-box-ordinal-group:18;
    order:17; } }
@media screen and (max-width: 968px){
  .order-md-17{
    -webkit-box-ordinal-group:18;
    order:17; } }
@media screen and (max-width: 576px){
  .order-sm-17{
    -webkit-box-ordinal-group:18;
    order:17; } }
.order-18{
  -webkit-box-ordinal-group:19;
  order:18; }
@media screen and (max-width: 1300px){
  .order-lg-18{
    -webkit-box-ordinal-group:19;
    order:18; } }
@media screen and (max-width: 968px){
  .order-md-18{
    -webkit-box-ordinal-group:19;
    order:18; } }
@media screen and (max-width: 576px){
  .order-sm-18{
    -webkit-box-ordinal-group:19;
    order:18; } }
.order-19{
  -webkit-box-ordinal-group:20;
  order:19; }
@media screen and (max-width: 1300px){
  .order-lg-19{
    -webkit-box-ordinal-group:20;
    order:19; } }
@media screen and (max-width: 968px){
  .order-md-19{
    -webkit-box-ordinal-group:20;
    order:19; } }
@media screen and (max-width: 576px){
  .order-sm-19{
    -webkit-box-ordinal-group:20;
    order:19; } }
.order-20{
  -webkit-box-ordinal-group:21;
  order:20; }
@media screen and (max-width: 1300px){
  .order-lg-20{
    -webkit-box-ordinal-group:21;
    order:20; } }
@media screen and (max-width: 968px){
  .order-md-20{
    -webkit-box-ordinal-group:21;
    order:20; } }
@media screen and (max-width: 576px){
  .order-sm-20{
    -webkit-box-ordinal-group:21;
    order:20; } }
.header{
  padding:12px 0;
  border-bottom:1px solid #F5F5F5;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:10;
  background-color:#FFFFFF;
  -webkit-transition:all .3s ease;
  transition:all .3s ease; }
@media screen and (min-width: 768px){
    .header{
      padding:20px 0; } }
@media screen and (min-width: 1024px){
    .header{
      padding:22px 0 23px; } }
@media screen and (min-width: 1024px){
    .header.active{
      padding:10px 0;
    }
  }
.header .container{
    max-width:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    align-items:center; }
@media screen and (min-width: 1024px){
  .header .container{
    padding:0 10px;
  }
}
@media screen and (min-width: 1200px){
      .header .container{
        padding:0 30px; } }
.header .burger-menu{
    position:fixed;
    top:0;
    z-index:5;
    right:-100%;
    width:255px;
    height:100vh;
    z-index:2;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    background-color:#FFFFFF;
    padding:15px 20px;
    box-shadow:-7px 0px 12px rgba(0, 0, 0, 0.25); }

.header .burger-menu .buy-uteka{
  margin-right: 15px;
}
@media screen and (min-width: 768px){
      .header .burger-menu{
        padding-top:34px; } }
@media screen and (min-width: 1024px){
      .header .burger-menu{
        width:100%;
        position:relative;
        top:auto;
        right:auto;
        height:auto;
        background-color:transparent;
        padding:0;
        box-shadow:none;
        display:-webkit-box;
        display:flex;
        -webkit-box-align:center;
        align-items:center;
        margin:0 0 0 auto; } }
.header .burger-menu.active{
      right:0; }
@media screen and (min-width: 1024px) {
  .header .nav{
    margin: 0 25px 0 auto;
  }
}
/*@media screen and (min-width: 1024px){*/
@media screen and (min-width: 1500px){
  .header .nav{
    margin: 0 25px 0 auto;
    /*margin: 0 50px 0 auto;*/
  }
}

@media  screen and (max-width: 1500px){
  .header .burger-menu .btn{
    padding: 10px 25px;
  }
}

@media  screen and (max-width: 1024px){
  .header .burger-menu .btn{
    width: 100%;
    margin: auto;
  }
  .header .burger-menu .buy-uteka{
    margin-bottom: 15px;
  }
}
/*@media screen and (min-width: 1024px){
  .header .nav{
    margin-right:78px;
  }
}*/
.header .nav__list{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
@media screen and (min-width: 1024px){
      .header .nav__list{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        -webkit-box-align:center;
        align-items:center; } }
.header .nav__item{
    margin:0 0 25px;
}
.header .nav__item:last-child{
      margin-right:0; }
@media screen and (min-width: 1024px){
    .header .nav__item{
      margin:0 10px 0 0;
    }
  }
@media screen and (min-width: 1300px){
      .header .nav__item{
        margin-right:30px; } }
.header .nav__link{
    font-weight:700;
    font-size:12px;
    line-height:1.25;
    letter-spacing:2.4px;
    white-space:nowrap;
    color:#332F2F;
    text-transform:uppercase;
    cursor:pointer;
    border-bottom:2px solid transparent; }
@media screen and (min-width: 1024px){
      .header .nav__link{
        font-size:9px; } }
@media screen and (min-width: 1350px){
/*@media screen and (min-width: 1300px){*/
  .header .nav__link{
    font-size:12px;
  }
}
.header .nav__link.active, .header .nav__link:hover{
      color:#008996;
      border-bottom:2px solid #008996; }
.header .logo{
    width:127px; }
@media screen and (min-width: 768px){
      .header .logo{
        width:auto; } }
.header .buy-btn{
    width:54px;
    height:32px;
    background-color:#ffc80a;
    border-radius:20px;
    display:block;
    margin:0 20px 0 auto;
    background-size:45%;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.0035C10.8284 18.0035 11.5 18.6751 11.5 19.5035C11.5 20.3319 10.8284 21.0035 10 21.0035C9.17157 21.0035 8.5 20.3319 8.5 19.5035C8.5 18.6751 9.17157 18.0035 10 18.0035ZM16 18.0035C16.8284 18.0035 17.5 18.6751 17.5 19.5035C17.5 20.3319 16.8284 21.0035 16 21.0035C15.1716 21.0035 14.5 20.3319 14.5 19.5035C14.5 18.6751 15.1716 18.0035 16 18.0035ZM2.75 3H3.11232C4.12075 3 4.99847 3.66948 5.27403 4.62572L5.31431 4.78768L5.358 4.999L21.2488 4.99956C21.7193 4.99956 22.0736 5.42765 21.9856 5.88979L20.3736 14.3596C20.0818 15.8926 18.7416 17.0019 17.181 17.0019L8.81896 17.0022C7.25842 17.0022 5.91814 15.8932 5.62621 14.3602L4.01324 5.88986L3.84631 5.09589C3.7807 4.78337 3.52606 4.55072 3.21712 4.50731L3.11232 4.5H2.75C2.33579 4.5 2 4.16421 2 3.75C2 3.3703 2.28215 3.05651 2.64823 3.00685L2.75 3ZM20.3426 6.49956H5.6563L7.09974 14.0796C7.25692 14.905 7.97862 15.5022 8.8189 15.5022L17.181 15.5019C18.0213 15.5019 18.743 14.9046 18.9001 14.0791L20.3426 6.49956Z' fill='%23212121'/%3E%3C/svg%3E%0A"); }
@media screen and (min-width: 768px){
      .header .buy-btn{
        width:64px;
        height:40px;
        margin-right:40px; } }
@media screen and (min-width: 1024px){
      .header .buy-btn{
        display:none; } }
/*.header .btn{
    display:none; }*/
@media screen and (min-width: 1024px){
  .header .btn{
    display:block;
  }
}
.logo img{
  width:100%;
}
@media screen and (max-width: 1500px){
  .logo img{
    width: 150px;
  }
}
@media screen and (max-width: 1150px){
  .logo img{
    width: 130px;
  }
}
.burger{
  position:relative;
  top:0;
  z-index:3;
  width:27px;
  cursor:pointer;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center; }
@media screen and (min-width: 768px){
    .burger{
      width:34px; } }
@media screen and (min-width: 1024px){
    .burger{
      display:none; } }
.burger span{
    width:27px;
    height:3px;
    background-color:#212121;
    border-radius:5px;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
    position:relative; }
@media screen and (min-width: 768px){
      .burger span{
        width:34px; } }
.burger span:nth-child(1){
      margin-bottom:5px; }
@media screen and (min-width: 768px){
        .burger span:nth-child(1){
          margin-bottom:6px; } }
.burger span:nth-child(3){
      margin-top:5px; }
@media screen and (min-width: 768px){
        .burger span:nth-child(3){
          margin-top:6px; } }
.burger.active span:nth-child(1){
    top:8px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg); }
@media screen and (min-width: 768px){
      .burger.active span:nth-child(1){
        top:9px; } }
.burger.active span:nth-child(2){
    -webkit-transform:translateX(100px);
    -ms-transform:translateX(100px);
    transform:translateX(100px);
    opacity:0; }
.burger.active span:nth-child(3){
    bottom:8px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg); }
@media screen and (min-width: 768px){
      .burger.active span:nth-child(3){
        bottom:9px; } }
.mask{
  position:fixed;
  top:0;
  left:0;
  z-index:12;
  width:100%;
  height:100vh;
  background:rgba(0, 0, 0, 0.5);
  display:none; }
.mask.active{
    display:block; }


.form__wrap{
  width:100%;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }
.form label{
  font-weight:600;
  font-size:16px;
  color:#332F2F;
  margin-bottom:10px; }
.form input[type="text"],
.form input[type="email"]{
  height:52px;
  background:#FFFFFF;
  border:1px solid #DEE6E8;
  width:100%;
  margin-bottom:25px;
  font-weight:300;
  font-size:16px;
  color:#332F2F;
  padding:15px; }
.form textarea{
  background:#FFFFFF;
  resize:none;
  border:1px solid #DEE6E8;
  width:100%;
  margin-bottom:25px;
  font-weight:300;
  font-size:16px;
  color:#332F2F;
  padding:15px;
  min-height:160px; }
.form__code-wrap{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  margin-bottom:40px; }
.form__code-wrap input{
    margin-bottom:0 !important; }
.form__reload-btn{
  -webkit-box-flex:0;
  flex:none;
  margin:0 47px 0 15px;
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.999 19.4204C12.5513 19.4204 12.999 18.9727 12.999 18.4204C12.999 17.8681 12.5513 17.4204 11.999 17.4204L11.999 19.4204ZM18.2949 11.1245C18.2949 11.6768 18.7426 12.1245 19.2949 12.1245C19.8472 12.1245 20.2949 11.6768 20.2949 11.1245L18.2949 11.1245ZM11.999 17.4204C8.52183 17.4204 5.70304 14.6016 5.70304 11.1245L3.70304 11.1245C3.70304 15.7062 7.41726 19.4204 11.999 19.4204L11.999 17.4204ZM5.70304 11.1245C5.70304 7.64734 8.52183 4.82855 11.999 4.82855L11.999 2.82855C7.41726 2.82855 3.70304 6.54277 3.70304 11.1245L5.70304 11.1245ZM11.999 4.82855C15.4761 4.82855 18.2949 7.64734 18.2949 11.1245L20.2949 11.1245C20.2949 6.54277 16.5807 2.82855 11.999 2.82855L11.999 4.82855Z' fill='%23332F2F'/%3E%3Cpath d='M10.9311 15.841L13.5106 18.4205L10.9311 21' stroke='%23332F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.form__number{
  background-color:transparent !important; }
.form .btn{
  width:195px;
  height:40px; }

.form  a {
   color: #00838a;
    display: inline;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0; }
input[type=number]{
  -moz-appearance:textfield; }
.about-section{
  padding:40px 0 43px;
  background-color:#DEE6E8; }
@media screen and (min-width: 768px){
    .about-section{
      padding:45px 0 85px; } }
.about-section .container{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
@media screen and (min-width: 768px){
    .about-section .main-title{
      margin-bottom:40px; } }
.about-text{
  font-weight:300;
  font-size:16px;
  line-height:1.5;
  color:#332F2F;
  align-self:center;
  max-width:942px;
  width:100%;
  margin-bottom:30px; }
@media screen and (min-width: 768px){
    .about-text{
      margin-bottom:40px; } }
.action-section{
  padding:40px 0 10px;
  background:#DEE6E8; }
@media screen and (min-width: 1024px){
    .action-section{
      padding:80px 0 60px; } }
.action-section .section-title{
    text-align:center;
    margin:0 0 40px; }
@media screen and (min-width: 768px){
      .action-section .section-title{
        text-align:left;
        margin-bottom:36px; } }
.action-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px 10px; }
@media screen and (min-width: 768px){
    .action-wrap{
      margin-bottom:10px; } }
.action{
  width:100%;
  padding:0 10px;
  margin-bottom:20px; }
@media screen and (min-width: 768px){
    .action{
      width:50%; } }
@media screen and (min-width: 1024px){
    .action{
      width:33.33%; } }
.action__wrap{
    min-height:290px;
    padding:0;
    height:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
@media screen and (min-width: 768px){
      .action__wrap{
        padding:25px; } }
.action__img{
    min-height:130px;
    -webkit-box-align:center;
    align-items:center;
    display:-webkit-box;
    display:flex;
    margin:0 auto 20px; }
.action__title{
    font-weight:600;
    font-size:16px;
    line-height:1.4;
    text-align:center;
    color:#332F2F;
    margin:0 0 27px; }
@media screen and (min-width: 768px){
      .action__title{
        font-size:22px;
        line-height:1.27;
        margin:0 0 27px; } }
.action li{
    font-weight:300;
    font-size:14px;
    line-height:1.6;
    color:#332F2F;
    margin:0 0 15px;
    padding-left:20px;
    position:relative; }
@media screen and (min-width: 768px){
      .action li{
        font-size:16px;
        line-height:1.5; } }
.action li:before{
      content:"";
      position:absolute;
      width:5px;
      height:5px;
      border-radius:50%;
      background-color:#0CB6CD;
      top:10px;
      left:0; }
.action__list{
    max-width:100%;
    margin:0 auto; }
.articles-section{
  padding:40px 0 37px;
  background-color:#FFFFFF; }
@media screen and (min-width: 768px){
    .articles-section{
      padding:60px 0 80px; } }
.articles-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px 10px; }
@media screen and (min-width: 1024px){
    .articles-wrap{
      margin:0 -18px 10px; } }
.articles-wrap .article{
    width:100%;
    padding:0 10px;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .articles-wrap .article{
        width:50%;
        margin-bottom:35px; } }
@media screen and (min-width: 1024px){
      .articles-wrap .article{
        width:33.33%;
        padding:0 18px; } }
@media screen and (min-width: 768px){
  .article{
    min-height:356px; } }
.article.not-img .article__name{
  margin-top:auto;
  line-height:1.1; }
@media screen and (min-width: 1024px){
    .article.not-img .article__name{
      font-size:32px !important; } }
.article:hover .article__wrap{
  box-shadow:0px 2px 15px #cccccc; }
.article__wrap{
  background:#F5F5F5;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  height:100%;
  border-radius:10px;
  overflow:hidden;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; }
.article__img{
  -webkit-box-flex:0;
  flex:none;
  height:160px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; }
@media screen and (min-width: 768px){
    .article__img{
      height:210px; } }
@media screen and (min-width: 1024px){
    .article__img{
      height:250px; } }
.article__img img{
    width:100%;
    height:100%;
    display:block; }
.article__info{
  padding:20px;
  height:100%;
  position:relative;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }
@media screen and (min-width: 768px){
    .article__info{
      padding:20px 30px; } }
.article__name{
  font-weight:700;
  font-size:18px !important;
  line-height:1.2;
  color:#332F2F;
  margin-bottom:30px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical; }
@media screen and (min-width: 768px){
    .article__name{
      font-size:20px !important; } }
.article__descr{
  font-weight:300;
  font-size:16px;
  line-height:1.5;
  color:#332F2F; }
.article__date{
  font-weight:500;
  font-size:12px;
  color:#979797;
  padding-left:20px;
  position:relative;
  margin-top:auto;
  margin-left:auto; }
.article__date:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    background-image:url("../img/clock.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%); }
#scroll-block{
  bottom:0;
  right:0;
  overflow:hidden;
  visibility:hidden; }
.consumer-section{
  padding:50px 0 10px; }
@media screen and (min-width: 768px){
    .consumer-section{
      padding:68px 0 40px; } }
.consumer-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap; }
.consumer{
  width:100%;
  margin-bottom:40px;
  padding:0 20px; }
@media screen and (min-width: 768px){
    .consumer{
      width:33.33%; } }
.consumer__wrap{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center; }
.consumer__img{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    margin-bottom:32px; }
.consumer__img img{
      width:100%; }
.consumer__text{
    font-weight:300;
    font-size:16px;
    line-height:1.5;
    text-align:center;
    color:#332F2F; }
.section-expert{
  padding:40px 0; }
@media screen and (min-width: 768px){
    .section-expert{
      padding:80px 0; } }
.section-expert .section-title{
    max-width:700px;
    margin:0 auto 40px;
    color:#008996;
    font-weight:500; }
@media screen and (min-width: 768px){
      .section-expert .section-title{
        margin-bottom:60px; } }
.expert-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -18px 10px; }
.expert{
  width:100%;
  padding:0 18px;
  margin-bottom:20px; }
@media screen and (min-width: 768px){
    .expert{
      width:50%; } }
@media screen and (min-width: 1024px){
    .expert{
      width:33.33%; } }
.expert__wrap{
    padding:30px 42px 30px 34px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center;
    box-shadow:0px 4px 50px rgba(0, 0, 0, 0.08);
    background:#FFFFFF;
    border-radius:10px; }
@media screen and (min-width: 768px){
      .expert__wrap{
        padding:40px 42px 40px 34px; min-height: 100%} }
.expert__img{
    margin-bottom:24px; }
.expert__img img{
      width:100%; }
.expert__name{
    font-weight:300;
    font-size:16px;
    line-height:1.5;
    text-align:center;
    color:#000000;
    max-width:254px;
    margin-bottom:33px; }
.expert__btn{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center; }
.expert .download-link{
    margin:0;
    position:relative;
    padding-right:15px;
    color:#008996;
    font-weight:700;
    padding-bottom:2px; }
.expert .download-link:after{
      content:'';
      position:absolute;
      top:2px;
      right:0;
      width:9px;
      height:5px;
      background-repeat:no-repeat;
      background-size:contain;
      background-image:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.08213 4.96767C4.76613 5.02367 4.43013 4.95467 4.18613 4.72567L0.873133 1.62067C0.482133 1.25267 0.482133 0.656671 0.873133 0.289671C1.26613 -0.0783285 1.90113 -0.0783285 2.29313 0.289672L5.08713 2.90767L7.85913 0.307672C8.24913 -0.0583282 8.88313 -0.0583282 9.27413 0.307672C9.66513 0.673672 9.66513 1.26767 9.27413 1.63367L5.97413 4.72667C5.73013 4.95567 5.39613 5.02367 5.08213 4.96767Z' fill='%23008996'/%3E%3C/svg%3E%0A"); }
.instruct-section .container{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  padding:0; }
@media screen and (min-width: 768px){
    .instruct-section .container{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row; } }
.instruct{
  width:100%;
  display:-webkit-box;
  display:flex;
  min-height:160px;
  overflow:hidden; }
@media screen and (min-width: 1200px){
    .instruct:nth-child(1){
      padding-left:55px; } }
.instruct:nth-child(2) img{
    bottom:-22px;
    left:60%;
    width:190px;
    position:absolute;
    -webkit-transform:translateX(-58%);
    -ms-transform:translateX(-58%);
    transform:translateX(-58%); }
@media screen and (min-width: 1200px){
      .instruct:nth-child(2) img{
        width:300px;
        bottom:-32px;
        left:50%; } }
@media screen and (min-width: 768px){
    .instruct{
      width:50%; } }
.instruct__img{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    width:25%;
    -webkit-box-flex:0;
    flex:none;
    position:relative; }
@media screen and (min-width: 1024px){
      .instruct__img{
        width:30%; } }
.instruct__img img{
      width:120%; }
@media screen and (min-width: 768px){
        .instruct__img img{
          width:100%; } }
.instruct__content{
    padding:23px 19px 23px 23px;
    max-width:370px; }
@media screen and (min-width: 1024px){
      .instruct__content{
        padding:50px 50px 50px 0; } }
.instruct__title{
    font-weight:600;
    line-height:1.13;
    color:#000000;
    margin-bottom:14px;
    font-size:14px; }
@media screen and (min-width: 768px){
      .instruct__title{
        font-size:30px; } }
.instruct__text{
    font-weight:300;
    font-size:12px;
    line-height:1.5;
    color:#332F2F; }
@media screen and (min-width: 768px){
      .instruct__text{
        font-size:16px; } }
.section-intro{
  padding-top:40px;
  padding-bottom:18px;
  background-image:radial-gradient(45.29% 76.99% at 70.07% 42.29%, #0EC0CE 0%, #008996 100%); }
@media (min-width: 1024px){
    .section-intro{
      padding:54px 0 53px; } }
.section-intro .container{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center; }
.section-intro .main-title{
    width:50%;
    color:#FFFFFF;
    margin-bottom:32px;
    font-weight:500; }
@media screen and (min-width: 1024px){
      .section-intro .main-title{
        font-size:48px;
        margin-bottom:60px;
        width:56%; } }
.section-intro .intro-img{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    width:50%; }
@media screen and (min-width: 1024px){
      .section-intro .intro-img{
        width:44%; } }
.section-intro .intro-img img{
      width:100%; }
.section-intro .intro-arrow{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center; }
.section-intro .scroll-link{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite; }
@-webkit-keyframes bounce{
  0%{
    -webkit-transform:translateY(0);
    transform:translateY(0); }
  50%{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px); }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0); } }
@keyframes bounce{
  0%{
    -webkit-transform:translateY(0);
    transform:translateY(0); }
  50%{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px); }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0); } }
.order-section{
  padding:40px 0 45px;
  margin:0 auto;
  background-color:#F5F5F5; }
@media screen and (min-width: 768px){
  .order-section{
    padding:76px 0 66px;
  }
}
@media screen and (max-width: 768px){
  .order-section .uteka-widget {
    /*width: calc(100% + 30px);*/
    height: 520px;
    /*margin-left: -15px;*/
  }
}
.order-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:50px -10px 15px;
}
@media screen and (min-width: 1024px){
  .order-wrap{
    margin:50px -18px 10px;
  }
}
.order{
  width:100%;
  margin:0 0 15px;
  padding:0 10px; }
@media screen and (min-width: 768px){
    .order{
      width:50%;
      margin-bottom:20px; } }
@media screen and (min-width: 1024px){
    .order{
      width:33.33%;
      padding:0 18px;
      margin-bottom:35px; } }
.order__wrap{
    position:relative;
    background-color:#FFFFFF;
    padding:50px 15px 20px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center;
    height:100%;
    border-radius:10px;
    overflow:hidden;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease; }
@media screen and (min-width: 768px){
      .order__wrap{
        padding:70px 20px 40px; } }
.order__img{
    -webkit-box-flex:0;
    flex:none;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    margin-bottom:35px;
    height:60px; }
.order__img img{
      width:59%; }
.order-btn{
  font-weight:700;
  font-size:12px;
  text-align:center;
  color:#332F2F;
  position:relative;
  padding-right:20px;
  border-bottom:2px solid transparent; }
.order-btn:hover{
    border-bottom:2px solid #332F2F; }
.order-btn:after{
    content:"";
    position:absolute;
    width:14px;
    height:9px;
    background-size:contain;
    background-position:center;
    background-image:url("../img/shape-dn.svg");
    background-repeat:no-repeat;
    right:0;
    top:43%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%); }
.section-product{
  padding:40px 0;
  background-color:rgba(136, 212, 214, 0.2); }
@media (min-width: 1024px){
    .section-product{
      padding:60px 0 83px; } }
.section-product .section-title{
    margin-bottom:30px;
    color:#008996;
    font-weight:500; }
@media (min-width: 768px){
      .section-product .section-title{
        margin-bottom:42px; } }
@media (min-width: 1024px){
      .section-product .section-title{
        font-size:40px; } }
.section-product .product-video{
    cursor:pointer;
    border-radius:10px;
    position:relative;
    max-width:748px;
    margin:0 auto;
    overflow:hidden;
    box-shadow:0px 0px 40px rgba(0, 151, 166, 0.3); }
.section-product .product-video:hover .video-btn{
      -webkit-transform:translate(-50%, -50%) scale(1.1);
      -ms-transform:translate(-50%, -50%) scale(1.1);
      transform:translate(-50%, -50%) scale(1.1); }
.section-product .product-video .video-btn{
      top:50%;
      left:50%;
      -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
      transform:translate(-50%, -50%); }
.section-product .product-video img{
      width:100%;
      display:block; }
video{
  width:75vw;
  height:auto;
  -o-object-fit:cover;
  object-fit:cover;
  display:block; }
.overlay-hide{
  opacity:0;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; }
.overlay-show{
  opacity:1;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; }
.video-btn{
  position:absolute;
  width:80px;
  height:80px;
  z-index:1;
  cursor:pointer;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg width='121' height='120' viewBox='0 0 121 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='60.5742' cy='50' r='40' fill='white'/%3E%3Cpath d='M48.334 68.5448L80.4475 49.9951L48.334 31.4556V68.5448Z' fill='%23008996'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.574219' y='0' width='120' height='120' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='10'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; }
.video-btn:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1); }
.video-mask{
  display:none;
  position:fixed;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  background-color:black;
  z-index:1001;
  opacity:0.5; }
.video-modal{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  background:#FFF;
  z-index:1002;
  overflow:visible; }
.video-modal.active{
    display:block; }
.video-close{
  cursor:pointer;
  color:#fff;
  border-radius:3px;
  font-size:31px;
  font-weight:bold;
  display:inline-block;
  line-height:0px;
  padding:11px 3px;
  position:absolute;
  right:-25px;
  top:-25px;
  z-index:1002;
  opacity:0.9; }
.video-close:before{
    content:"×"; }
.section-purpose{
  padding:40px 0 25px;
  background:#FFFFFF; }
@media screen and (min-width: 1024px){
    .section-purpose{
      padding:100px 0 10px; } }
.section-purpose .section-title{
    text-align:center;
    margin:0 0 40px; }
@media screen and (min-width: 768px){
      .section-purpose .section-title{
        text-align:left;
        margin-bottom:55px; } }
.purpose-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px 10px; }
@media screen and (min-width: 768px){
    .purpose-wrap{
      margin-bottom:10px; } }

.purpose{
  width:100%;
  padding:0 10px;
  margin-bottom:40px;
  position: relative;
}
@media screen and (min-width: 768px){
    .purpose{
      width:50%;
      margin-bottom:20px;
    }
}
@media screen and (min-width: 1024px){
    .purpose{
      width:33.33%; } }
.purpose__wrap{
    padding:0;
    height:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
@media screen and (min-width: 768px){
      .purpose__wrap{
        padding:25px; }
    }


.purpose__note {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: calc(100% + 10px);
    font-weight: 700;
    font-size: 18px;
}
@media screen and (min-width: 768px){
    .purpose__note {
        bottom: 100%;
    }
}
.purpose__button {
    font-weight: 700;
    font-size: 13px;
}

.purpose__img{
    -webkit-box-align:center;
    align-items:center;
    display:-webkit-box;
    display:flex;
    margin:0 auto 20px; }
.purpose__title{
    font-weight:600;
    font-size:14px;
    line-height:1.4;
    text-align:center;
    color:#332F2F;
    margin:0 auto 27px;
    max-width:224px; }
@media screen and (min-width: 768px){
      .purpose__title{
        font-size:22px;
        line-height:1.27;
        margin:0 auto 27px;
        max-width:300px; } }
.section-result{
  padding:40px 0;
  background:rgba(136, 212, 214, 0.2); }
@media screen and (min-width: 1024px){
    .section-result{
      padding:75px 0 80px; } }
.section-result .section-title{
    font-weight:500;
    color:#332F2F; }
@media screen and (min-width: 768px){
      .section-result .section-title{
        margin-bottom:63px; } }
.expert-result{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  max-width:1600px;
  margin:0 auto;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }
@media screen and (min-width: 768px){
    .expert-result{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row;
      -webkit-box-pack:center;
      justify-content:center; } }
.result{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  margin-bottom:40px; }
@media screen and (min-width: 768px){
    .result{
      margin-bottom:0;
      width:40%; } }
.result__subtitle{
    font-size:14px;
    line-height:1.4;
    text-align:center;
    max-width:326px;
    margin:0 auto;
    margin-bottom:10px;
    font-weight:600;
    color:#332F2F; }
@media screen and (min-width: 768px){
      .result__subtitle{
        font-size:16px; } }
.result__img{
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .result__img{
        margin-bottom:32px; } }
.result__title{
    font-weight:300;
    margin-bottom:20px;
    font-size:36px;
    text-align:center;
    line-height:1;
    color:#008996; }
@media screen and (min-width: 1024px){
      .result__title{
        font-size:48px;
        margin-bottom:5px; } }
.result__text{
    font-weight:300;
    font-size:24px;
    text-align:center;
    color:#332F2F;
    margin-bottom:30px; }
.result__btn{
    font-weight:700;
    font-size:12px;
    line-height:15px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:end;
    align-items:flex-end;
    text-align:center;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#008996;
    border-bottom:1px solid #008996; }
.result__btn:hover{
      border-bottom:1px solid transparent; }
.section-results{
  padding:40px 0; }
@media screen and (min-width: 1024px){
    .section-results{
      padding:80px 0 40px; } }
.section-results .section-title{
    font-weight:500;
    line-height:1.2;
    font-size:18px;
    text-align:center;
    color:#332F2F;
    margin-bottom:30px; }
@media screen and (min-width: 768px){
      .section-results .section-title{
        margin-bottom:60px;
        font-size:24px; } }
.results-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  justify-content:center;
  margin:0 -18px; }
.results{
  width:50%;
  padding:0 18px;
  margin-bottom:40px; }
@media screen and (min-width: 1024px){
    .results{
      width:24%; } }
.results__wrap{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center; }
.results__img{
    width:134px;
    margin:0 auto 30px; }
.results__img img{
      width:100%; }
.results__text{
    font-weight:300;
    font-size:16px;
    line-height:1.6;
    text-align:center;
    color:#332F2F; }
.results__sub{
    font-weight:700;
    font-size:16px;
    line-height:1.6;
    color:#008996; }
.section-resume{
  padding:60px 0;
  background-color:#FFFFFF; }
@media screen and (min-width: 1024px){
    .section-resume{
      padding:80px 0 50px; } }
.section-resume.bg{
    background-color:rgba(136, 212, 214, 0.2); }
.section-resume .section-title{
    font-weight:500;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto; }
@media screen and (min-width: 1024px){
      .section-resume .section-title{
        margin-bottom:60px;
        font-size:40px; } }
.media-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -18px; }
.media{
  width:100%;
  padding:0 18px;
  margin-bottom:30px;
  position:relative; }
@media screen and (min-width: 768px){
    .media{
      width:50%;
      min-height:320px; } }
.media .video-btn{
    top:5px;
    right:0px;
    width:60px;
    height:60px;
    z-index:3; }
@media screen and (min-width: 768px){
      .media .video-btn{
        top:15px;
        right:10px; } }
.media__wrap{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    cursor:pointer; }
.media__wrap:hover .video-btn{
      -webkit-transform:scale(1.1);
      -ms-transform:scale(1.1);
      transform:scale(1.1); }
@media screen and (min-width: 768px){
      .media__wrap{
        min-height:320px;
        height:320px; } }
.media__content{
    height:100%;
    position:relative;
    z-index:2;
    padding:20px 50px 20px 20px;
    background-image:radial-gradient(101.27% 174.06% at 100% 0%, #0EC0CE 0%, #008996 100%);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center; }
@media screen and (min-width: 768px){
      .media__content{
        padding:20px 70px 20px 25px; } }
@media screen and (min-width: 1024px){
      .media__content{
        padding:20px 100px 20px 25px; } }
.media__descr{
    font-weight:300;
    font-size:16px;
    line-height:1.5;
    color:#332F2F;
    margin-top:30px; }
.doctor{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-pack:justify;
  justify-content:space-between;
  height:100%; }
.doctor__header{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    margin-bottom:40px; }
@media screen and (min-width: 768px){
      .doctor__header{
        margin-bottom:79px; } }
.doctor__data{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
.doctor__img{
    width:60px;
    height:60px;
    margin-right:20px;
    -webkit-box-flex:0;
    flex:none; }
@media screen and (min-width: 768px){
      .doctor__img{
        width:100px;
        height:100px;
        margin-right:20px; } }
.doctor__img img{
      width:100%; }
.doctor__name{
    font-weight:500;
    font-size:16px;
    line-height:1.3;
    color:#FFFFFF; }
@media screen and (min-width: 768px){
      .doctor__name{
        font-size:18px; } }
.doctor__prof{
    font-weight:300;
    font-size:13px;
    line-height:1;
    color:#FFFFFF; }
@media screen and (min-width: 768px){
      .doctor__prof{
        font-size:16px; } }
.doctor__footer{
    margin-top:auto; }
.doctor__info{
    font-weight:300;
    font-size:13px;
    line-height:1;
    color:#FFFFFF;
    margin-bottom:5px; }
@media screen and (min-width: 768px){
      .doctor__info{
        font-size:16px; } }
.doctor__text{
    font-weight:600;
    font-size:18px;
    line-height:120%;
    color:#FFFFFF; }
@media screen and (min-width: 768px){
      .doctor__text{
        font-size:22px; } }
.doctor-hide{
  display:none; }
.doctor-show{
  display:block; }
.scheme-section{
  padding:40px 0 40px;
  background:#57B9BB; }
@media screen and (min-width: 1024px){
    .scheme-section{
      padding:45px 0 78px; } }
.scheme-section .section-title{
    color:#FFFFFF;
    text-align:center;
    margin:0 0 20px; }
@media screen and (min-width: 768px){
      .scheme-section .section-title{
        text-align:left;
        margin-bottom:15px; } }
.scheme-subtitle{
  font-weight:300;
  font-size:14px;
  line-height:1;
  color:#FFFFFF;
  margin-bottom:25px;
  text-align:center; }
@media screen and (min-width: 768px){
    .scheme-subtitle{
      font-size:18px;
      margin-bottom:50px;
      text-align:left; } }
.scheme-img{
  display:none;
  width:100%;
  margin-bottom:36px; }
@media screen and (min-width: 768px){
    .scheme-img{
      display:block; } }
.scheme-img img{
    width:100%; }
.scheme-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  min-height:170px;
  margin:0 -10px 10px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }
@media screen and (min-width: 768px){
    .scheme-wrap{
      margin-bottom:10px;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row;
      padding:0 20px; } }
.scheme{
  padding:0 10px; }
.scheme:nth-child(1){
    -webkit-box-flex:0;
    flex:none;
    width:100%;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .scheme:nth-child(1){
        width:20%;
        margin-bottom:0; } }
.scheme:nth-child(2){
    -webkit-box-flex:0;
    flex:none;
    width:100%;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .scheme:nth-child(2){
        width:20%;
        margin-bottom:0; } }
.scheme:nth-child(3){
    -webkit-box-flex:0;
    flex:none;
    width:100%;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .scheme:nth-child(3){
        width:60%;
        margin-bottom:0; } }
.scheme__wrap{
    padding:10px;
    height:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:justify;
    justify-content:space-between;
    border-radius:10px;
    background-color:#88D4D6;
    margin:0;
    min-height:140px; }
@media screen and (min-width: 1024px){
      .scheme__wrap{
        padding:15px;
        margin:0 15px;
        min-height:170px; } }
.scheme__title{
    font-weight:300;
    font-size:14px;
    line-height:1;
    text-align:center;
    color:#FFFFFF;
    margin:0 auto 8px; }
@media screen and (min-width: 768px){
      .scheme__title{
        font-size:18px;
        margin:0 auto 14px; } }
.scheme__subtitle{
    font-weight:700;
    font-size:30px;
    line-height:0.31;
    text-align:center;
    color:#000000;
    margin-bottom:10px; }
@media screen and (min-width: 768px){
      .scheme__subtitle{
        font-size:58px; } }
.scheme__text{
    font-weight:700;
    font-size:14px;
    line-height:1.14;
    text-align:center;
    color:#000000; }
.scheme__subtext{
    font-weight:300;
    font-size:10px;
    line-height:1.2;
    text-align:center;
    color:#000000; }
.section-useful{
  padding:60px 0 80px 0;
  background-color:#FFFFFF; }
@media screen and (min-width: 1024px){
    .section-useful{
      padding:73px 0 80px 0; } }
.section-useful .section-title{
    margin-bottom:40px;
    font-weight:500; }
@media screen and (min-width: 768px){
      .section-useful .section-title{
        margin-bottom:60px; } }
.section-useful .useful-text{
    font-weight:400;
    font-size:16px;
    line-height:1.4;
    text-align:center;
    color:#000000;
    margin-bottom:50px; }
@media screen and (min-width: 768px){
      .section-useful .useful-text{
        font-size:32px;
        line-height:1.375; } }
.section-useful .useful-info{
    font-size:16px;
    line-height:1.4;
    color:#332F2F; }
.useful-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px 40px; }
@media screen and (min-width: 768px){
    .useful-wrap{
      margin-bottom:60px; } }
.useful{
  width:100%;
  padding:0 10px;
  margin-bottom:20px; }
@media screen and (min-width: 768px){
    .useful{
      width:50%; } }
@media screen and (min-width: 1024px){
    .useful{
      width:33.33%; } }
.useful__wrap{
    min-height:290px;
    padding:20px;
    height:100%;
    background:#F5F5F5;
    border-radius:25px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }
@media screen and (min-width: 768px){
      .useful__wrap{
        padding:25px; } }
.useful__subtitle{
    font-weight:500;
    font-size:12px;
    line-height:1.14;
    color:#332F2F;
    margin-bottom:15px; }
@media screen and (min-width: 768px){
      .useful__subtitle{
        font-size:14px;
        margin-bottom:30px; } }
.useful__title{
    font-weight:600;
    font-size:16px;
    line-height:1.18;
    color:#332F2F;
    margin:0 0 30px; }
@media screen and (min-width: 768px){
      .useful__title{
        font-size:22px;
        margin:0; } }
.useful__footer{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    position:relative;
    -webkit-box-align:end;
    align-items:flex-end;
    text-align:end;
    margin:auto 0 0 0; }
@media screen and (min-width: 768px){
      .useful__footer{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        flex-direction:row-reverse; } }
.useful__date{
    font-weight:500;
    font-size:12px;
    color:#979797;
    padding-left:20px;
    position:relative;
    margin-top:auto;
    margin-left:0; }
@media screen and (min-width: 768px){
      .useful__date{
        margin-left:auto; } }
.useful__date:before{
      content:"";
      position:absolute;
      width:14px;
      height:14px;
      background-image:url("../img/clock.svg");
      background-repeat:no-repeat;
      top:50%;
      left:0;
      -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
      transform:translateY(-50%); }
.useful .download-link{
    font-size:10px; }
@media screen and (min-width: 768px){
      .useful .download-link{
        font-size:12px; } }
.tabs__list{
  display:-webkit-box;
  display:flex;
  width:100%;
  text-align:center;
  margin-bottom:40px;
  position:relative; }
@media screen and (min-width: 1024px){
    .tabs__list{
      margin-bottom:80px; } }
.tabs__list:after{
    position:absolute;
    content:" ";
    width:2000px;
    height:1px;
    background-color:#DEE6E8;
    left:-100%;
    top:25px; }
@media screen and (min-width: 1024px){
      .tabs__list:after{
        top:45px; } }
.tabs__item{
  width:50%;
  font-size:16px;
  line-height:1;
  font-weight:500;
  color:#332F2F;
  cursor:pointer;
  padding-bottom:10px; }
@media screen and (min-width: 1024px){
    .tabs__item{
      font-size:18px;
      line-height:2; } }
.tabs__item.active{
    font-weight:700;
    font-size:16px;
    line-height:1;
    color:#000000;
    bottom:0px;
    z-index:0;
    overflow:hidden;
    border-bottom:6.7px solid #68C1D4; }
@media screen and (min-width: 1024px){
      .tabs__item.active{
        font-size:18px;
        line-height:2; } }
.tabs__content{
  display:none; }
.tabs__content.active{
    display:block; }
.tabs__content-text{
  font-weight:300;
  font-size:14px;
  line-height:1.6;
  color:#000000;
  padding-bottom:20px; }
@media screen and (min-width: 1024px){
    .tabs__content-text{
      font-size:16px;
      line-height:1.5;
      padding-bottom:30px; } }
.tabs__content-text span{
    font-weight:700;
    padding-right:5px; }
.main-title{
  font-weight:700;
  font-size:24px;
  line-height:1.2;
  color:#332F2F;
  margin-bottom:30px; }
@media screen and (min-width: 768px){
    .main-title{
      font-size:36px;
      margin-bottom:60px; } }
@media screen and (min-width: 1024px){
    .main-title{
      font-size:42px; } }
@media screen and (min-width: 1201px){
    .main-title{
      font-size:48px;
      line-height:1.08;
      margin-bottom:80px; } }
.section-title{
  font-weight:700;
  line-height:1.11;
  font-size:18px;
  line-height:1.2;
  color:#000000;
  margin-bottom:30px; }
.section-title.center{
    text-align:center; }
@media screen and (min-width: 768px){
    .section-title{
      font-size:30px;
      margin-bottom:60px; } }
@media screen and (min-width: 1024px){
    .section-title{
      font-size:36px;
      line-height:1.11; } }
.none-section{
  padding:40px 0 40px; }
@media screen and (min-width: 768px){
    .none-section{
      padding:80px 0 80px; } }
.none-section .main-title{
    text-align:center;
    margin-bottom:34px; }
@media screen and (min-width: 768px){
      .none-section .main-title{
        margin-bottom:64px; } }
.none-section__img{
    text-align:center;
    margin-bottom:30px; }
@media screen and (min-width: 768px){
      .none-section__img{
        margin-bottom:60px; } }
.none-section__img img{
      max-width:100%; }
.none-section__info{
    text-align:center;
    font-weight:300;
    font-size:14px;
    line-height:1.5;
    color:#000000;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .none-section__info{
        margin-bottom:40px;
        font-size:16px; } }
.article-section{
  padding:40px 0 0; }
@media screen and (min-width: 768px){
    .article-section{
      padding:80px 0 0; } }
.article-item{
  font-size:14px;
  line-height:1.6;
  color:#000000; }
@media screen and (min-width: 768px){
    .article-item{
      font-size:16px;
      line-height:1.5;
      font-weight:300; } }
.article-item .article{
    border-bottom:none; }
.article-item h1,
  .article-item h2{
    font-weight:700;
    font-size:24px;
    line-height:1.2;
    color:#332F2F;
    margin-bottom:30px; }
@media screen and (min-width: 768px){
      .article-item h1,
      .article-item h2{
        font-size:36px;
        margin-bottom:60px; } }
@media screen and (min-width: 1024px){
      .article-item h1,
      .article-item h2{
        font-size:42px; } }
@media screen and (min-width: 1201px){
      .article-item h1,
      .article-item h2{
        font-size:48px;
        line-height:1.08;
        margin-bottom:80px; } }
.article-item__img{
  margin:0 -15px 40px;
  position: relative;
  height: 26vw;
  min-height: 250px;
  max-height: 400px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 1024px){
      .article-item__img{
        margin:0 -60px 80px; } }
@media screen and (min-width: 1024px){
      .article-item__img{
        margin-bottom:80px; } }
.article-item__img img{
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 1024px){
    .article-item__content{
      display:-webkit-box;
      display:flex;
      -webkit-box-align:start;
      align-items:flex-start;
      -webkit-box-pack:justify;
      justify-content:space-between; } }
.article-item__content .article{
    display:none; }
@media screen and (min-width: 1024px){
      .article-item__content .article{
        display:block;
        -webkit-box-flex:0;
        flex:none;
        max-width:393px; } }
.article-item__wrap{
    width:100%; }
@media screen and (min-width: 1024px){
      .article-item__wrap{
        max-width:calc(100% - 460px); } }
.article-item__wrap .article{
      margin:0 auto 40px;
      display:block;
      max-width:400px;
      width:100%; }
@media screen and (min-width: 1024px){
        .article-item__wrap .article{
          display:none; } }
.article-item__text,
  .article-item p{
    font-size:14px;
    line-height:1.6;
    color:#000000;
    margin-bottom:25px; }
@media screen and (min-width: 768px){
      .article-item__text,
      .article-item p{
        font-size:16px;
        line-height:1.5;
        font-weight:300; } }
.article-item__title,
  .article-item h4{
    font-weight:700;
    font-size:18px;
    line-height:1.2;
    color:#332F2F;
    margin-top:20px;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .article-item__title,
      .article-item h4{
        font-size:24px;
        line-height:1.25;
        margin-top:55px;
        margin-bottom:30px; } }
.article-item h3{
    font-weight:700;
    font-size:16px;
    line-height:1.2;
    color:#332F2F;
    margin-bottom:20px; }
@media screen and (min-width: 768px){
      .article-item h3{
        font-size:20px;
        line-height:1.25;
        margin-bottom:30px; } }
.article-item table{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    border-collapse: collapse;}
.article-item table th{
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid #dddddd;}
.article-item table td {
    border: 1px solid #dddddd;
    padding: 5px;}
.article-item ul{
    margin-bottom:30px;
    padding-left:20px; }
.article-item ul li{
      font-size:14px;
      line-height:1.6;
      color:#000000;
      position:relative; }
.article-item ul li:before{
        content:'';
        position:absolute;
        top:8px;
        left:-14px;
        width:6px;
        height:6px;
        border-radius:50%;
        background-color:#000000; }
@media screen and (min-width: 768px){
          .article-item ul li:before{
            top:9px; } }
@media screen and (min-width: 768px){
        .article-item ul li{
          font-size:16px;
          line-height:1.5;
          font-weight:300; } }
.article-item ol{
    margin-bottom:30px;
    padding-left:20px;
    counter-reset:my-awesome-counter; }
.article-item ol li{
      font-size:14px;
      line-height:1.6;
      color:#000000;
      position:relative;
      counter-increment:my-awesome-counter; }
.article-item ol li:before{
        content:counter(my-awesome-counter) ". ";
        position:absolute;
        top:0;
        left:-18px;
        color:#000000;
        font-size:14px;
        line-height:1.6; }
@media screen and (min-width: 768px){
          .article-item ol li:before{
            font-size:16px;
            line-height:1.5;
            font-weight:300; } }
@media screen and (min-width: 768px){
        .article-item ol li{
          font-size:16px;
          line-height:1.5;
          font-weight:300; } }
.article-item a{
    font-size:14px;
    line-height:1.6;
    color:#93B6B7;
    margin-right:5px;
    border-bottom:1px solid #93B6B7;
    font-weight:400; }
@media screen and (min-width: 768px){
      .article-item a{
        font-size:16px;
        line-height:1.5; } }
.article-item a:hover{
      border-bottom:1px solid transparent; }
.list-section{
  padding:40px 0 58px; }
@media screen and (min-width: 768px){
    .list-section{
      padding:80px 0 89px;
    }
}
.list-section .articles-container{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;

    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
@media screen and (min-width: 768px){

}
.list-section .article{
    width:100%;
    padding:0 10px;
    margin-bottom:20px;
}
@media screen and (min-width: 768px){
    .list-section .articles-container{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 1024px){
    .list-section .articles-container{
        grid-template-columns: repeat(3, 1fr);
    }
    .list-section .article {
        height:400px;
      }
}
@media screen and (min-width: 1024px){
      .list-section .article .article__name{
        font-size:24px;
      }
}

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

}
.description-content{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
}
@media screen and (min-width: 1024px){
    .description-content{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row;
      -webkit-box-pack:center;
      justify-content:center; } }
.description-info{
  max-width:747px;
  width:100%;
  margin-bottom:50px; }
@media screen and (min-width: 1024px){
    .description-info{
      margin:0 35px 0 0; } }
.description-img{
  max-width:355px;
  width:100%;
  height:auto; }
.description-img img{
    width:100%;
    height:100%; }
.award-wrap{
  display:-webkit-box;
  display:flex;
  margin:0 -10px; }
@media screen and (min-width: 1024px){
    .award-wrap{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column; } }
.award{
  width:50%;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  margin-bottom:40px;
  padding:0 10px; }
@media screen and (min-width: 1024px){
    .award{
      max-width:355px;
      width:100%; } }
.award__img{
    width:135px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:end;
    align-items:flex-end;
    margin:0 0 20px;
    min-height:225px; }
.award__img img{
      width:100%;
      height:auto; }
.award__info{
    font-size:14px;
    line-height:143%;
    text-align:center;
    color:#332F2F; }
.decree-wrap{
  max-width:1120px;
  width:100%;
  margin:0 auto; }
@media screen and (min-width: 1024px){
    .decree-wrap{
      margin-top:60px; } }
.decree{
  margin-bottom:15px;
  font-weight:300;
  font-size:14px;
  line-height:1.4;
  color:#979797; }
@media screen and (min-width: 768px){
    .decree{
      font-size:14px;
      margin-bottom:0; } }
.decree:last-child{
    margin-bottom:0; }

.tabs-section{
  padding:40px 0 72px;
  border-bottom:1px solid #F5F5F5;
}
@media screen and (min-width: 1024px){
    .tabs-section{
      padding:100px 0 80px; } }
.tabs-section .container{
    max-width:730px; }
.tabs-section .instruction-title{
    font-weight:500;
    font-size:18px;
    line-height:1.2;
    text-align:center;
    color:#000000; }
@media screen and (min-width: 1024px){
      .tabs-section .instruction-title{
        font-weight:600;
        font-size:24px;
        line-height:1.5; } }
.tabs-section .drug-name{
    font-weight:700;
    font-size:24px;
    line-height:1;
    text-align:center;
    color:#000000;
    padding-bottom:40px;
    padding-left:24px; }
@media screen and (min-width: 1024px){
      .tabs-section .drug-name{
        font-weight:700;
        font-size:48px;
        line-height:1.04;
        padding-bottom:80px;
        padding-left:0; } }
.tabs-section .drug-name span{
      visibility:hidden; }
@media screen and (min-width: 1024px){
        .tabs-section .drug-name span{
          font-size:25px;
          visibility:visible; } }
.tabs-section .instruction-text{
  font-weight:300;
  font-size:16px;
  line-height:1.5;
  text-align:center;
  color:#332F2F;
  max-width:590px;
  margin:0 auto;
  padding-bottom:56px;
}







/* Uteka */
.buy-uteka {
  cursor: pointer;
}
.uteka-widget {
  min-height: 520px;
}
@media (max-height: 768px) {
  .order-section .uteka-widget {
    height: calc(100vh - 100px);
  }
}
#popup_uteka .modal__wrap {
  max-width: none;
  padding: 0;
}
#popup_uteka .modal__close {
  top: 13px;
  z-index: 10;
}
#popup_uteka .uteka-widget {
  height: 87vh;
}
@media screen and (min-width: 768px) {
  #popup_uteka {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #popup_uteka {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #popup_uteka .modal__wrap {
    /*border-left: none;
    border-right: none;*/
    border: none;
  }
}
.uteka-widget {
  /* Минимально поддерживаемые размеры виджета: 320x520. */
  width: 100%;
  height: 768px;
  outline: 1px solid #e0e0e0;
}

.uteka-widget iframe {
  border: none;
  width: 100%;
  height: calc(100% - 57px);
}

.uteka-widget__container {
  margin: 0 auto;
  padding: 0 16px;
}

@media (min-width: 600px) {
  .uteka-widget__container {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .uteka-widget__container {
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  .uteka-widget__container {
    padding: 0 44px;
  }
}
@media (min-width: 1440px) {
  .uteka-widget__container {
    padding: 0 30px;/*60px;*/
    /*max-width: 1440px;*/
  }
}
.uteka-widget-header {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.uteka-widget-header__inner {
  position: relative;
  display: flex;
  justify-content: center;
  /*flex-direction: column;*/
  align-items: center;
  height: 56px;
}
.uteka-widget-header__title {
  background: url('https://widget.uteka.ru/static/img/widgets/title_2@mobile.svg') no-repeat;
  background-position: center;
  width: 230px;
  height: 24px;
}
.uteka-widget-header__logo {
  height: 16px;
}
.uteka-widget-header__logo img {
  height: 100%;
}
.uteka-widget-header__close {
  position: absolute;
  top: 0;
  right: -8px;
  bottom: 0;
  z-index: 5;
  margin: auto;
  width: 32px;
  height: 32px;
  background: url('https://widget.uteka.ru/static/img/widgets/close_2.svg') no-repeat center;
}
@media (min-width: 1024px) {
  .uteka-widget-header__inner {
    flex-direction: row;
  }
  .uteka-widget-header__title {
    background-image: url('https://widget.uteka.ru/static/img/widgets/title_2.svg');
    width: 264px;
    height: 24px;
  }
  .uteka-widget-header__logo {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 32px;
  }
}
/*end Uteka*/



.advertizing-block {
  max-width: 944px;
  margin: 50px 0;
  padding: 50px 75px 55px 55px;
  display: flex;
  align-items: flex-start;
  background: #FFFFFF;
  box-shadow: 0px 0px 35px rgba(84, 84, 84, 0.1);
  border-radius: 10px;
  display: none !important;
}
@media screen and (max-width: 768px) {
  .advertizing-block {
    display: block;
    margin: 30px 0;
    padding: 20px;
  }
}
.advertizing-block .advertizing__img {
  width: 292px;
  max-width: 40%;
  margin-right: 75px;
}
@media screen and (max-width: 768px) {
  .advertizing-block .advertizing__img {
    display: block;
    max-width: 100%;
    margin: 0 auto 25px;
  }  
}
.advertizing-block .advertizing__title {
  margin-bottom: 15px;
  font-size: 24px;
  color: #1D8995;
}
@media screen and (max-width: 768px) {
  .advertizing-block .advertizing__title {
    font-size: 20px;
  }
}
.advertizing-block .advertizing__subtitle {
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 18px;
}
.advertizing-block .advertizing__text {
  margin-bottom: 20px;
}
.advertizing-block .advertizing__btn-order {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .advertizing-block .advertizing__btn-order {
    margin: 0 auto;
    display: table;
  }
}


.footer__using-links {
    display: block;
}
.footer__using-links a:not(:last-child) {
    margin-right: 10px;
}


.window{
  z-index:100;
  position:fixed;
  bottom:20px;
  left:20px;
  max-width:600px;
  border-radius:50px;
  background-color:#019CAB;
  color:#fff;
  overflow:hidden}
@media (max-width:1024px){
  .window{
    bottom:0;
    left:0;
    max-width:100%;
    width:100%
  }
}

@media (max-width:768px){
  .window{
    border-radius:0;
  }
}

.window__wrap{
  display:flex;
  align-items:center;
  height:100%
}

@media (max-width:768px){
  .window__wrap{
    display:block;
  }
}

.window__img{
  height:100%;
  max-height: 250px;
}

@media (max-width:768px){
  .window__img{
    display:none;
  }
}

.window__info{
  padding-left:20px;
  padding-right:20px;
}

@media (max-width:768px){
  .window__info{
    display:block;
    padding-left:11px;
    padding-top:11px;
    padding-bottom:20px;
    padding-right:45px
  }
}

.window__title{
  text-transform:uppercase;
  font-weight:700;
  font-size:22px;
  line-height:130%;
  padding-right: 30px;
}

.window__title .color{
  color:#8dff79
}

.window__description{
  margin-top:5px;
  font-size:16px;
  line-height:135%
}

.window__link{
  display:inline-block;
  position:relative;
  margin-top:10px;
  font-size:18px;
  color:#fff;
}

@media (max-width:768px){
  .window__link{
    margin-top:10px
  }
}

.window__link::before{
  content:'';
  position:absolute;
  width:100%;
  height:1.25px;
  background-color:#fff;
  bottom:-4px
}

.window__small{
  margin-top:25px;
  font-size:14px;
  line-height:135%
}

.window__close{
  cursor:pointer;
  position:absolute;
  right:30px;
  top:30px;
  width:20px;
  height:20px
}

@media (max-width:768px){
  .window__close{
    right:15px;
    top:15px
  }
}

.window__close::before{
  content:'';
  position:absolute;
  top:10px;
  width:24px;
  height:1.5px;
  background-color:#fff;
  transform:rotate(45deg)}
  
.window__close::after{
  content:'';
  position:absolute;
  top:10px;
  width:24px;
  height:1.5px;
  background-color:#fff;
  transform:rotate(-45deg)
}



/*Где купить*/
.buy-section {
    padding: 40px 0;
}
.buy-section__title-block {
    margin-bottom: 50px;
}

.buy-section__title {
    font-size: 62px;
    color: #2d2d2d;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: none;
}

.buy-section__subtitle {
    font-size: 20px;
    color: #787878;
    font-weight: 300;
    text-transform: none;
}

.buy-section .pharmacys-block .shops_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.buy-section .pharmacys-block .shops_list li {
    margin-bottom: 0;
}

.buy-section .pharmacys-block .shops_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 237px;
    padding: 40px 30px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .07);
    border-radius: 5px
}

.buy-section .pharmacys-block .shops_list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .buy-section__title-block {
        margin-bottom: 40px;
    }

    .buy-section__title {
        font-size: 48px;
    }

    .buy-section__subtitle {
        font-size: 18px;
    }

    .buy-section .shops_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .buy-section .shops_list li a {
        height: 200px;
        padding: 20px 15px;
    }
}

@media (max-width: 600px) {
    .buy-section__title-block {
        margin-bottom: 30px;
    }

    .buy-section__title {
        font-size: 36px;
    }

    .buy-section__subtitle {
        font-size: 16px;
    }

    .buy-section .pharmacys-block .shops_list {
        grid-template-columns: 1fr;
    }

    .buy-section .pharmacys-block .shops_list li a {
        height: 180px;
    }
}
/**/



/*блока промокода*/
.promo-action-block {
    display: flex;
    align-items: center;
    justify-content: center;
    
    padding: 40px 20px 20px;
}
.promo-action-block .action__body {
    margin-bottom: 20px;    
}
.promo-action-block .action__percent {
    font-weight: 700;
    font-size: 100px;
}
@media screen and (max-width: 768px) {
    .promo-action-block .action__percent {
        font-size: 80px;
    }
}
.promo-action-block .action__info-block {
    margin: 20px auto;
}
.promo-action-block .action__p {
    font-weight: 500;
    font-size: 18px;
    opacity: 0.6;
}
.promo-action-block .action__promocode {
    margin: 2px 0;
    font-size: 26px;
    font-weight: 700;
}
.promo-action-block .action__button {
}
.promo-action-block .action__discleimer {
    font-size: 14px;
    opacity: 0.5;
}
@media screen and (max-width: 768px) {
    .promo-action-block .action__discleimer {
        font-size: 12px
    }
}
/*блока промокода*/

/*блока промокода на странице инструкций*/
.tabs-section .container {
    position: relative;
}
.tabs-section .promo-action-block {
    width: calc( (100vw - 730px) / 2 - 115px);
    position: absolute;
    top: 0;
    left: calc(100% + 115px);
    flex-direction: column;
    background-color: #008289;
    text-align: center;
    color: white;
}
@media screen and (max-width: 1680px) {
    .tabs-section .promo-action-block {
        width: calc( (100vw - 730px) / 2);
        left: 100%;
    }
}
@media screen and (max-width: 1180px) {
    .tabs-section .promo-action-block {
        position: static;
        width: 100%;
        margin-bottom: 40px;
    }
}
/*блока промокода на странице инструкций*/


/*блока промокода на главной странице*/
.grid-item.promo-action-block {
    flex-direction: column;
    background-color: white;
    text-align: center;
    color: black;
}
.grid-item.promo-action-block .action__percent,
.grid-item.promo-action-block .action__promocode,
.grid-item.promo-action-block .action__p,
.grid-item.promo-action-block .action__discleimer {
    line-height: 1em;
}
.grid-item.promo-action-block .action__percent {
    color: #FFD02A;
    font-size: calc(0.22*25vw);
}
@media screen and (max-width: 1920px) {
    .grid-item.promo-action-block .action__percent {
        font-size: calc(0.22*25vw);
    }
}
@media screen and (max-width: 968px){
    .grid-item.promo-action-block .action__percent {
        font-size: calc(0.22* (50vw - 40px) );
    }
}
@media screen and (max-width: 576px){
    .grid-item.promo-action-block .action__percent {
        font-size: 60px;
    }
}

.grid-item.promo-action-block .action__info-block {
    margin: 10px auto 20px;
}
.grid-item.promo-action-block .action__p {
    margin-bottom: 0;
}
@media screen and (max-width: 1920px) {
    .grid-item.promo-action-block .action__p {
        font-size: calc(0.037*25vw);
    }
}
@media screen and (max-width: 968px){
    .grid-item.promo-action-block .action__p {
        font-size: calc(0.037* (50vw - 40px) );
    }
}
@media screen and (max-width: 576px){
    .grid-item.promo-action-block .action__p {
        font-size: calc(0.037* (100vw - 40px) );
    }
}

@media screen and (max-width: 1920px) {
    .grid-item.promo-action-block .action__promocode {
        font-size: calc(0.05*25vw);
    }
}
@media screen and (max-width: 968px){
    .grid-item.promo-action-block .action__promocode {
        font-size: calc(0.05* (50vw - 40px) );
    }
}
@media screen and (max-width: 576px){
    .grid-item.promo-action-block .action__promocode {
        font-size: calc(0.055* (100vw - 40px) );
    }
}

@media screen and (max-width: 1920px) {
    .grid-item.promo-action-block .action__discleimer {
        font-size: calc(0.03*25vw);
    }
}
@media screen and (max-width: 968px){
    .grid-item.promo-action-block .action__discleimer {
        font-size: calc(0.03* (50vw - 40px) );
    }
}
@media screen and (max-width: 576px){
    .grid-item.promo-action-block .action__discleimer {
        font-size: calc(0.035* (100vw - 40px) );
    }
}
@media screen and (max-width: 576px){
    .grid-item.order-4,
    .grid-item.promo-action-block {
        grid-column: span 2;
    }
    .grid-item.promo-action-block {
        grid-row: span 2;
    }
}
/*блока промокода на главной странице*/



@media screen and (min-width: 1350px) {
    .redesign-container .main--articles {
        padding-top: 0px!important;
    }
}