/* montserrat-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-cyrillic_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
 h1{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 38px;
  text-align: center;
 } 
 h2{
  padding: 0px 15px 0px 15px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  text-align: center;
 }


html{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body{
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  color: #102746;

}

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


.wrapper {
  max-width: 1100px;/* Очерчиваем граници информационного блока */
  margin: 0 auto;/* выравниваем его по центру */
  padding: 0 15px; 
}

.header {

  position: fixed; /* фиксируем позицию меню на экране  */
  top: 0;          /* Указиваем положение максимально вверху */
  left: 0;/* положение максимально влево */
  width: 100%;/* хежер занимает всю ширину экрана  */
  transition: 1s;
  z-index: 10;
  padding-top: 60px;
}
.header_active{

  background: rgba(40,57,75,0.9);
  padding-bottom: 10px;
  padding-top: 15px;
}



.header_wrapper {
  display: flex;
  flex-wrap: wrap; /* Чтоб строки переносились и не наезжали друг на друга*/
  align-items: flex-end;/*Виравнивание по низу контейнера */
  justify-content: right; /*Виравниваем меню по правой стороне*/
   
}





/* Меню */



.header_nav {
  display: flex;
  flex-wrap: wrap;
}

.header_list {
  
  padding: 5px;/*Задаем растояние между пунктами меню*/
  list-style-type:none;/*Убераем чорние точки в пунктах меню*/
 
 

}
.header_list:hover, .header_list:focus, .header_list:active {

background-color: #28394B ;
color: #ffffff;
border-right: 2px ;
}

.header_item {
 
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  
  
}
.header_item:hover, .header_item:focus, .header_item:active {
  color: #ffffff;
}

.header__burger {
  width: 40px;
  height: 28px;
  position: relative;
  display: none;
}
.burger__line {
display: block;
width: 100%;
height: 4px;
background-color: #ffffff;
position: absolute;
left: 0;
}
.burger__line_first{
top: 0;

}
.burger__line_second{
top: 50%;
transform: translateY(-50%);
}
.burger__line_third{
bottom: 0;
}
.burger-menu {
  display: none;
}


/* КОНЕЦ Меню */

.header__logo-pic {
  height: 155px;
  width: 224px;
  
 

  
}
.header_com {
 
  height: 620px;
  width: 500px;
  display: flex;
  justify-content: center; /* Горизонтальное выравнивание по центру */
  flex-direction: column;
  align-items: center;
  position: relative;


}

.header_logo_box {
  display: flex;
  justify-content: center; /* Горизонтальное выравнивание по центру */
  height: 100%;
  width: 90%;  
  background: url(../img/12111x.png);
  background-color: rgba(40, 57, 75, 0.9);
  padding-top: 80px;

}
.header_com_item {
  height: 100px;
  display: flex;
  justify-content: center; /* Горизонтальное выравнивание по центру */
  align-items: center; /* Вертикальное выравнивание по центру */
  background-color: #B1BDC4;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  color: #28394B;
  text-align: center;
  position: absolute;

}

.intro{
  height: 620px;
  background: url(../img/intro.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-position: top;
  background-size: cover;

}

.separator {
  height: 8px;
  background: linear-gradient(90deg,#38342A, #EDDFB3, #38342A);
}


.production {
  background-color: #28394B;
}
.production_stile {
  background: url(../img/production_bg1x.png) no-repeat center;
  
  margin: 0 auto;
}
.white_headers {
  padding-top: 20px;
  padding-bottom: 20px;
  color: rgb(255, 252, 252);

}
.black_headers {
 padding-top: 20px;
 padding-bottom: 20px;
 color: #28394B;
}
.about_text {
  text-align: justify;
  text-indent: 30px;
  padding-bottom: 20px;
}

.production_slaider {
  display: flex;
  justify-content: center;
  align-items: center; /* Вертикальное выравнивание по центру */
}

.slaider_stile {
  height: 600px;
  width: 310px;
 
}
.slaider_stile_img {
  height: 150px;
  width: 150px;
  padding-left: 85px;

}
.slaider_titel {
  height: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgb(255, 252, 252);
}
.slaider_text {
  

  font-family: 'Montserrat';
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
 
}

.private_label {
  
  background-color: #28394B;
}
.private_label_stile {
  background: url(../img/production_bg1x.png) no-repeat center;
  margin: 0 auto;

}
.private_label_img{
float: left;
  margin-right: 10px;
  width: clamp(260px,100%,480px);
  height: 180px;
  background: url(/img/private_label_img1x.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}
.private_label_text {
  text-indent: 30px;
  padding-bottom: 10px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
}
.private_label_text_li{
  
  text-decoration:dashed;
  list-style-type: initial;
}
.partnership_text {
  text-indent: 30px;
  padding-bottom: 20px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: #28394B;
  text-align: justify;
}



.media {
background-image: url(/img/media.jpg);
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
.media_stile {
  background-color: rgba(0, 0, 0, 0.8);
  height: 500px;
  display: flex;
  margin: 0 auto;

}
.media_icon_bloc {
  margin-top: 20%;
  display: flex;  
}
.media_icon_linck{
  width: 100%;
  height: 100%;
  
}
.media_icon_batton {
  max-width: 80px;
  max-height: 80px;
}
.media_icon {
  width: 100%;
  height: 100%;
  padding: 5px;
}
.media_stile_icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/*Контакти*/
.contact {
  min-height: 400px;
  background-image: url(/img/svg/logo_fons.svg) ;
  background-color: #28394B ;
  background: 
  linear-gradient(45deg,url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg)),
  linear-gradient(45deg, url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg));
  background-size: 600px 600px; /*Размер лого на заднем фоне*/
}
.contact_stile{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
}
.contact_text{
  max-width: 420px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;

}
.contact_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 650px;
  min-height: 300px;
  border: 2px solid #ffffff;
  padding: 10px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255,0.2);
  border-radius: 10px;
}
.contact_form_inut{
  width: 280px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  margin-right: 10px;
  
}
.contact_form_inut_plug{
  width: 100%;
  border: 2px solid #ffffff;
  margin-bottom: 10px;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  padding-right: 10px;
  border-radius: 4px;
}

.contact_form_inut ::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}


.contact_form_inut_plug_text{
  width: 300px;
  height: 200px;
  border: 2px solid #ffffff;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  resize: none;
  border-radius: 4px;
}
.contact_form_inut_plug_text::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}

.text-field__label{
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  
}
.contact_form_inut_plag_text_block{
  
  display: flex;
  flex-direction: column;
}
.contact_form_button {
  height: 40px;
  width: 98%;
  border-radius: 10px;
  background-color: white;

}













/*FUTOR*/

.contacts{
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.futor {
  min-height: 350px;
  background-color: #28394B;
}
.futor_stile {
  display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
}
.futor_logo {
  width: 200px;
  height:  200px;  
  padding-top: 30px;
}
.futor_logo_text{
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.adress {
max-width: 450px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.phone {
padding-top: 10px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.contacts_icon {
padding-right: 20px;
width: 50px;
height: 50px;

}
.futor_text {
font-family: 'Montserrat';
font-style: normal;
font-size: 18px;
line-height: 1.2;
font-weight: 500;
color: #ffffff;
text-align: justify;
}
.futor_logo{
  width: 200px;
  height: 100%;
  margin-left: 30%;
}
.futor_logo_box {
  width: 500px;
  height: 200px;
  margin: 0;
}
.futor_logo_text{
  width: 100%;
}
.grecaptcha-badge {
  display: none !important;
}




/*Media starn*/
@media screen and (max-width:1075px){
  h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
   } 
   h2{
    padding: 0px 15px 0px 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    text-align: center;
   }
  body{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #102746;
  
  }
  .intro{
    height: 420px;
    background: url(../img/intro.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-position: top;
    background-size: 110%;
  
  }  
  .wrapper {
    max-width: 920px;/* Очерчиваем граници информационного блока */
    margin: 0 auto;/* выравниваем его по центру */
    padding: 0px; 
  }
  
  .header_active{

    background: rgba(40,57,75,0.9);
    padding-bottom: 10px;
    padding-top: 70px;
  }
  .header_nav {
    display: none;
  }
  
  .burger-menu{
    display: block;
  }

  .burger-menu_button {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 30;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(177, 189, 196, 0.5);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .burger-menu_button:hover .burger-menu_lines {
    filter: brightness(0.7);
  }
  .burger-menu_button:hover {
    background-color: rgba(177, 189, 196, 0.5);
  }
  .burger-menu_lines::before,
  .burger-menu_lines::after,
  .burger-menu_lines {
  position: absolute;
  width: 26px;
  height: 4px;
  background-color: #28394B;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.burger-menu_lines {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.burger-menu_lines::before {
  content: '';
  top: -12px;
}
.burger-menu_lines::after {
  content: '';
  top: 12px;
}


.burger-menu_active .burger-menu_lines {
  background-color: transparent;
}
.burger-menu_active .burger-menu_lines::before {
  top: 0;
  transform: rotate(45deg);
}
.burger-menu_active .burger-menu_lines::after{
  top: 0;
  transform: rotate(-45deg);
}

.burger-menu_nav {
  padding-top: 100px;
  position: fixed;
  top: 0;
  z-index: 20;
  display: flex;
  flex-flow: column;
  height: 100%;
  background-color: #28394B;
  overflow-y: auto;
  right: -100%;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.burger-menu_active .burger-menu_nav {
  right: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.burger-menu_link {
  padding: 18px 35px;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  text-decoration: none;
  font-weight: 400;
  color: #ffffff;
  border-bottom: 1px solid #fff;
}
.burger-menu_link:first-child {
  border-top: 1px solid #fff;
}
.burger-menu_link:hover {
  filter: brightness(0.9);
}
.burger-menu_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 10;
}
.burger-menu_active .burger-menu_overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}
/*slaider*/

.slaider_stile {
  height: 450px;
  max-width: 100%;
 
}
.slaider_stile_img {
  height: 100px;
  width: 100px;
  padding-left: 90px;

}
.slaider_titel {
  height: 60px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: rgb(255, 252, 252);
}
.slaider_text {
  

  font-family: 'Montserrat';
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
 
}
.swiper-button-ne, .swiper-button-pr{

  width: 40px;
  height: 20px;
  z-index: 10;
  
  cursor: pointer;
  }
  .swiper-button-ne {
    margin: 2px;
  
  }
  .swiper-button-pr {
  
   margin: 2px;
  }
/*slaider end*/

 /*Контакти*/
 .contact {
  background-image: url(/img/svg/logo_fons.svg) ;
  background-color: #28394B ;
  background: 
  linear-gradient(45deg,url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg)),
  linear-gradient(45deg, url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg));
  background-size: 600px 600px; /*Размер лого на заднем фоне*/
}
.contact_stile{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  padding-bottom: 20px;
}
.contact_text{
  padding: 0;
  max-width: 420px;
  padding-bottom: 20px;
  
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;

}
.contact_form {
  margin-left: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 480px;
  min-height: 320px;
  border: 2px solid #ffffff;
  padding: 10px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255,0.2);
  border-radius: 10px;
}
.contact_form_inut{
  max-width: 200px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  margin-right: 10px;
  
}
.contact_form_inut_plug{
  width: 100%;
  border: 2px solid #ffffff;
  margin-bottom: 10px;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  padding-right: 10px;
  border-radius: 4px;
}

.contact_form_inut ::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}


.contact_form_inut_plug_text{
  max-width: 220px;
  height: 210px;
  border: 2px solid #ffffff;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  resize: none;
  border-radius: 4px;
}
.contact_form_inut_plug_text::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}

.text-field__label{
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  
}
.contact_form_inut_plag_text_block{
  
  display: flex;
  flex-direction: column;
}
.contact_form_button {
  margin-top: 10px;
  height: 40px;
  width: 95%;
  border-radius: 10px;
  background-color: white;

}
.futor {
  min-height: 300px;
  background-color: #28394B;
}
.futor_logo_box {

  height: 100%;

  margin: 0 auto;
}

.futor_logo {
  margin: 0;
  width: 100%;
  height: 120px;  
  padding-top: 30px;

}

  .futor_logo_text{
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
  
  }
  
  .contacts_icon{
  width: 50px;
  height: 30px;
  }
  .futor_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 14px;
   line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    text-align: justify;
  }
  .adress {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }
    .futor_stile {
      display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: nowrap;
    }
    .media_stile {
      background-color: rgba(0, 0, 0, 0.8);
      height: 300px;
      display: flex;
      margin: 0 auto;
    
    }
    .media_icon_bloc {
      margin-top: 10%;
      display: flex;  
    }
    .grecaptcha-badge {
      display: none !important;
  }






}

@media screen and (max-width:940px){
  h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
   } 
   h2{
    padding: 0px 15px 0px 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    text-align: center;
   }
  body{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #102746;
  
  }
  .wrapper {
    max-width: 700px;/* Очерчиваем граници информационного блока */
    margin: 0 auto;/* выравниваем его по центру */
    padding: 0px; 
  }
  

  .header_com {
 
    height: 420px;
    width: 300px;
    display: flex;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    flex-direction: column;
    align-items: center;
    position: relative;
  
  
  }
  
  .header_logo_box {
    display: flex;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    height: 100%;
    width: 90%;  
    background: url(../img/12111x.png);
    background-color: rgba(40, 57, 75, 0.9);
    padding-top: 80px;
  
  }
  .header_com_item {
    height: 100px;
    display: flex;
    margin-top: 100px;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
    background-color: #B1BDC4;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: #28394B;
    text-align: center;
    position: absolute;
  
  }
  
  .intro{
    height: 420px;
    background: url(../img/intro.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-position: top;
    background-size: 150%;
  
  }  
  .header__logo-pic{
    height: 100px;
    width: 100%;
  }

  /*Контакти*/
.contact {
  background-image: url(/img/svg/logo_fons.svg) ;
  background-color: #28394B ;
  background: 
  linear-gradient(45deg,url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg)),
  linear-gradient(45deg, url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg));
  background-size: 600px 600px; /*Размер лого на заднем фоне*/
}
.contact_stile{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  padding-bottom: 20px;
}
.contact_text{
  padding: 0;
  max-width: 100%;
  padding-bottom: 20px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;

}
.contact_form {
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 650px;
  min-height: 320px;
  border: 2px solid #ffffff;
  padding: 10px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255,0.2);
  border-radius: 10px;
}
.contact_form_inut{
  max-width: 350px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  margin-right: 10px;
  
}
.contact_form_inut_plug{
  width: 100%;
  border: 2px solid #ffffff;
  margin-bottom: 10px;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  padding-right: 10px;
  border-radius: 4px;
}

.contact_form_inut ::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}


.contact_form_inut_plug_text{
  max-width: 350px;
  height: 190px;
  border: 2px solid #ffffff;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  resize: none;
  border-radius: 4px;
}
.contact_form_inut_plug_text::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}

.text-field__label{
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  
}
.contact_form_inut_plag_text_block{
  
  display: flex;
  flex-direction: column;
}
.contact_form_button {
  margin-top: 10px;
  height: 40px;
  width: 95%;
  border-radius: 10px;
  background-color: white;

}
.private_label_text {
  text-indent: 10px;
  padding-bottom: 14px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
}

.partnership_text {
  text-indent: 10px;
  padding-bottom: 14px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #28394B;
  text-align: justify;
}

.media_stile {
  background-color: rgba(0, 0, 0, 0.8);
  height: 300px;
  display: flex;
  margin: 0 auto;

}
.media_icon_bloc {
  margin-top: 10%;
  display: flex;  
}
.about_text {
  text-align: justify;
  text-indent: 10px;
  padding-bottom: 20px;
}
/*slaider*/

.slaider_stile {
  height: 450px;
  max-width: 100%;
 
}
.slaider_stile_img {
  height: 100px;
  width: 100px;
  padding-left: 90px;

}
.slaider_titel {
  height: 50px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: rgb(255, 252, 252);
}
.slaider_text {
  

  font-family: 'Montserrat';
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
 
}
.swiper-button-ne, .swiper-button-pr{

  width: 40px;
  height: 20px;
  z-index: 10;
  
  cursor: pointer;
  }
  .swiper-button-ne {
    margin: 2px;
  
  }
  .swiper-button-pr {
  
   margin: 2px;
  }
/*slaider end*/




.futor {
  min-height: 350px;
  background-color: #28394B;
}
.futor_logo_box {
  width: 100%;
  height: 100%;

  margin: 0 auto;
}

.futor_logo {
  margin: 0;
  width: 100%;
  height: 120px;  
  padding-top: 30px;

}

  .futor_logo_text{
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
  
  }
  
  .contacts_icon{
  width: 50px;
  height: 30px;
  }
  .futor_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 14px;
   line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    text-align: justify;
  }
  .adress {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }
    .futor_stile {
      display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: wrap;
    }
    .grecaptcha-badge {
      display: none !important;
  }
  }




    @media screen and (max-width:600px){
      h1{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 28px;
        text-align: center;
       } 
       h2{
        padding: 0px 15px 0px 15px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        text-align: center;
       }
      body{
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 400;
        color: #102746;
      
      }
      .wrapper {
        max-width: 500px;/* Очерчиваем граници информационного блока */
        margin: 0 auto;/* выравниваем его по центру */
        padding: 0 15px; 
      }
      
    
      .header_com {
     
        height: 420px;
        width: 300px;
        display: flex;
        justify-content: center; /* Горизонтальное выравнивание по центру */
        flex-direction: column;
        align-items: center;
        position: relative;
      
      
      }
      
      .header_logo_box {
        display: flex;
        justify-content: center; /* Горизонтальное выравнивание по центру */
        height: 100%;
        width: 90%;  
        background: url(../img/12111x.png);
        background-color: rgba(40, 57, 75, 0.9);
        padding-top: 80px;
      
      }
      .header_com_item {
        height: 100px;
        display: flex;
        margin-top: 100px;
        justify-content: center; /* Горизонтальное выравнивание по центру */
        align-items: center; /* Вертикальное выравнивание по центру */
        background-color: #B1BDC4;
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 28px;
        line-height: 1.2;
        font-weight: 700;
        color: #28394B;
        text-align: center;
        position: absolute;
      
      }
      
      .intro{
        height: 420px;
        background: url(../img/intro.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-position: top;
        background-size: 220%;
      
      }  
      .header__logo-pic{
        height: 100px;
        width: 100%;
      }
    
      *Контакти*/
    .contact {
      background-image: url(/img/svg/logo_fons.svg) ;
      background-color: #28394B ;
      background: 
      linear-gradient(45deg,url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg)),
      linear-gradient(45deg, url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg));
      background-size: 600px 600px; /*Размер лого на заднем фоне*/
    }
    .contact_stile{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding-bottom: 20px;
    }
    .contact_text{
      padding: 0;
      max-width: 100%;
      padding-bottom: 20px;
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500;
      color: #ffffff;
      text-align: justify;
    
    }
    .contact_form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 650px;
      min-height: 320px;
      border: 2px solid #ffffff;
      padding: 10px;
      backdrop-filter: blur(4px);
      background-color: rgba(255, 255, 255,0.2);
      border-radius: 10px;
    }
    .contact_form_inut{
      width: 400px;
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;
      margin-right: 10px;
      
    }
    .contact_form_inut_plug{
      
      width: 100%;
      border: 2px solid #ffffff;
      margin-bottom: 10px;
      background-color: transparent ;
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500;
      color: #000000;
      padding-right: 10px;
      border-radius: 4px;
    }
    
    .contact_form_inut ::placeholder {
      font-weight: bold;
      opacity: 0.5;
      color: rgb(24, 24, 24);
    }
    
    
    .contact_form_inut_plug_text{
      width: 400px;
      height: 200px;
      border: 2px solid #ffffff;
      background-color: transparent ;
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500;
      color: #000000;
      resize: none;
      border-radius: 4px;
    }
    .contact_form_inut_plug_text::placeholder {
      font-weight: bold;
      opacity: 0.5;
      color: rgb(24, 24, 24);
    }
    
    .text-field__label{
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500;
      color: #000000;
      
    }
    .contact_form_inut_plag_text_block{
      
      display: flex;
      flex-direction: column;
    }
    .contact_form_button {
      margin-top: 10px;
      height: 40px;
      width: 80%;
      border-radius: 10px;
      background-color: white;
    
    }
    .private_label_text {
      text-indent: 10px;
      padding-bottom: 14px;
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 500;
      color: #ffffff;
      text-align: justify;
    }
    
    .partnership_text {
      text-indent: 10px;
      padding-bottom: 14px;
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 500;
      color: #28394B;
      text-align: justify;
    }
    .media_stile {
      background-color: rgba(0, 0, 0, 0.8);
      height: 300px;
      display: flex;
      margin: 0 auto;
    
    }
    .media_icon_bloc {
      margin-top: 10%;
      display: flex;  
    }
    .about_text {
      text-align: justify;
      text-indent: 10px;
      padding-bottom: 20px;
    }
    /*slaider*/
    
    .slaider_stile {
      height: 450px;
      max-width: 100%;
      padding-left: 10%;
     
    }
    .slaider_stile_img {
      height: 120px;
      width: 120px;
      padding-left: 100px;
    
    }
    .slaider_titel {
      height: 50px;
      padding-top: 7px;
      padding-bottom: 7px;
      color: rgb(255, 252, 252);
    }
    .slaider_text {
      
    
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 500;
      color: #ffffff;
      text-align: justify;
     
    }
    .swiper-button-ne, .swiper-button-pr{
    
      width: 40px;
      height: 20px;
      z-index: 10;
      
      cursor: pointer;
      }
      .swiper-button-ne {
        margin: 2px;
      
      }
      .swiper-button-pr {
      
       margin: 2px;
      }
    /*slaider end*/
    
    
    
    
    .futor {
      min-height: 350px;
      background-color: #28394B;
    }
    .futor_logo_box {
      width: 100%;
      height: 100%;
    
      margin: 0 auto;
    }
    
    .futor_logo {
      margin: 0;
      width: 100%;
      height: 120px;  
      padding-top: 30px;
    
    }
    
      .futor_logo_text{
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
        color: #ffffff;
        text-align: center;
      
      }
      
      .contacts_icon{
      width: 50px;
      height: 30px;
      }
      .futor_text{
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 14px;
       line-height: 1.2;
        font-weight: 500;
        color: #ffffff;
        text-align: justify;
      }
      .adress {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        }
    
    .futor {
      min-height: 350px;
      background-color: #28394B;
    }
    .futor_logo_box {
      width: 100%;
      height: 100%;
    
      margin: 0 auto;
    }
    
    .futor_logo {
      margin: 0;
      width: 100%;
      height: 120px;  
      padding-top: 30px;
    
    }
    
      .futor_logo_text{
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
        color: #ffffff;
        text-align: center;
      
      }
      
      .contacts_icon{
      width: 50px;
      height: 30px;
      }
      .futor_text{
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 14px;
       line-height: 1.2;
        font-weight: 500;
        color: #ffffff;
        text-align: justify;
      }
      .adress {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        }
        .grecaptcha-badge {
          display: none !important;
      }
      }






@media screen and (max-width:430px){
  h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
   } 
   h2{
    padding: 0px 15px 0px 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
   }
  body{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #102746;
  
  }
  .wrapper {
    max-width: 360px;/* Очерчиваем граници информационного блока */
    margin: 0 auto;/* выравниваем его по центру */
    
  }
  

  .header_com {
 
    height: 420px;
    width: 300px;
    display: flex;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    flex-direction: column;
    align-items: center;
    position: relative;
  
  
  }
  
  .header_logo_box {
    display: flex;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    height: 100%;
    width: 90%;  
    background: url(../img/12111x.png);
    background-color: rgba(40, 57, 75, 0.9);
    padding-top: 80px;
  
  }
  .header_com_item {
    height: 100px;
    display: flex;
    margin-top: 100px;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
    background-color: #B1BDC4;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: #28394B;
    text-align: center;
    position: absolute;
  
  }
  
  .intro{
    height: 420px;
    background: url(../img/intro.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-position: top;
    background-size: 280%;
  
  }  
  .header__logo-pic{
    height: 100px;
    width: 100%;
  }

  *Контакти*/
.contact {
  background-image: url(/img/svg/logo_fons.svg) ;
  background-color: #28394B ;
  background: 
  linear-gradient(45deg,url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg)),
  linear-gradient(45deg, url(/img/svg/logo_fons.svg) 25%, transparent 25%, transparent 75%, url(/img/svg/logo_fons.svg), url(/img/svg/logo_fons.svg));
  background-size: 600px 600px; /*Размер лого на заднем фоне*/
}
.contact_stile{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
}
.contact_text{
  padding: 0;
  max-width: 100%;
  padding-bottom: 20px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;

}
.contact_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 650px;
  min-height: 320px;
  border: 2px solid #ffffff;
  padding: 10px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255,0.2);
  border-radius: 10px;
}
.contact_form_inut{
  width: 300px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  margin-right: 10px;
  
}
.contact_form_inut_plug{
  width: 100%;
  border: 2px solid #ffffff;
  margin-bottom: 10px;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  padding-right: 10px;
  border-radius: 4px;
}

.contact_form_inut ::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}


.contact_form_inut_plug_text{
  width: 300px;
  height: 200px;
  border: 2px solid #ffffff;
  background-color: transparent ;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  resize: none;
  border-radius: 4px;
}
.contact_form_inut_plug_text::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: rgb(24, 24, 24);
}

.text-field__label{
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  
}
.contact_form_inut_plag_text_block{
  
  display: flex;
  flex-direction: column;
}
.contact_form_button {
  margin-top: 10px;
  height: 40px;
  width: 95%;
  border-radius: 10px;
  background-color: white;

}
.private_label_text {
  text-indent: 10px;
  padding-bottom: 14px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
}

.partnership_text {
  text-indent: 10px;
  padding-bottom: 14px;
  font-family: 'Montserrat';
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #28394B;
  text-align: justify;
}

.media_stile {
  background-color: rgba(0, 0, 0, 0.8);
  height: 300px;
  display: flex;
  margin: 0 auto;

}
.media_icon_bloc {
  margin-top: 10%;
  display: flex;  
}
.about_text {
  text-align: justify;
  text-indent: 10px;
  padding-bottom: 20px;
}
/*slaider*/

.slaider_stile {
  height: 450px;
  max-width: 100%;
  padding-left: 0;
 
}
.slaider_stile_img {
  height: 100px;
  width: 100px;
  padding-left: 80px;

}
.slaider_titel {
  height: 50px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: rgb(255, 252, 252);
}
.slaider_text {
  

  font-family: 'Montserrat';
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
 
}
.swiper-button-ne, .swiper-button-pr{

  width: 40px;
  height: 20px;
  z-index: 10;
  
  cursor: pointer;
  }
  .swiper-button-ne {
    margin: 2px;
  
  }
  .swiper-button-pr {
  
   margin: 2px;
  }
/*slaider end*/




.futor {
  min-height: 350px;
  background-color: #28394B;
}
.futor_logo_box {
  width: 100%;
  height: 100%;

  margin: 0 auto;
}

.futor_logo {
  margin: 0;
  width: 100%;
  height: 120px;  
  padding-top: 30px;

}

  .futor_logo_text{
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
  
  }
  
  .contacts_icon{
  width: 50px;
  height: 30px;
  }
  .futor_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 14px;
   line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    text-align: justify;
  }
  .adress {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }
    .grecaptcha-badge {
      display: none !important;
  }
}

/*Media end*/