html, body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
}

body.lock{
  overflow: hidden;
}

.wrapper{
  width: 100%;
  margin: 0 auto;
}

.block1{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.b1_header {
  padding: 40px 20% 0px 20%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  z-index: 5;
}

.b1_header span{
  flex: 0 0 25%;
  z-index: 5;
  text-shadow: 4px 4px 8px rgba(34, 60, 80, 0.4);
}

.b1_header a{
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: calc(1.5px + (2.8 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #ffffff;
  z-index: 7;
  cursor: pointer;
}

.b1_head {
  position: absolute;
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
}

.b1-head-image {
  position: absolute;
  background: url(../img/bg_head_black.jpg) center / cover no-repeat;
  z-index: 1;
  width: 100%; /*SELF*/
  height: 100%; /*SELF*/
}

.b1_article{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
}

.b1_article_header{
  font-size: 100px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

.b1_article_text{
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 4.2px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;

}

.b1_article a{
	margin: 0 auto;
  cursor: pointer;
}

.b1_article_button{
  width: 294px; /* calc(100px + (294-100) * (100vw - 320px) / (1920 - 320))) */
  height: 53px;
  border: solid 1px #ffffff;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 2.52px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);
}

@media (max-width: 1920px) {
.b1_article_button{
  width: calc(200px + (294 - 200) * ((100vw - 320px) / (1920 - 320)));
  height: 53px;
  border: solid 1px #ffffff;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 2.52px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);
  }  

.b1_article_header{
  font-size: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));  /*100px;*/
  }

.b1_article_text{
  font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));  /*30px;*/
  }
}

.b1_article_button:hover {
  position: relative;
  color: #161920;
  font-weight: bold;
  background-color: #fff;
  transition: all 0.7s ease 0s;
}

.b1_article_button:active {
  top: 3px;
}

.b1_sidebar{
  position: absolute;
  right: 20px;
  top: 0;
  height: 100vh;
  padding: 20% 0 20% 0;
  writing-mode: vertical-lr;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  z-index: 5;
}


 .b1_sidebar span{
  flex: 0 1 33.333%;
  z-index: 5;
  text-shadow: 4px 4px 8px rgba(34, 60, 80, 0.4);
 }

 .b1_sidebar a{
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: calc(1.5px + (2.8 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #ffffff;
  z-index: 5;
 }


@media (max-width: 768px) {
  .b1_sidebar{
  /*margin: 0px auto;*/
  width: 100%;
  padding: 0px 0px 40px 10%;
  writing-mode: horizontal-tb;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  align-items: flex-end;
  z-index: 5;
  }
}
/*===================MEDIA 480===================================*/
@media (max-width: 480px){
.b1_header{
  padding: 20px 5% 0px 5%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.b1_article_header{
  font-size: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));  /*100px;*/
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (480 - 320)))
}

.b1_article_text{
  font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));  /*30px;*/
  padding: 0px 5%;
}

.b1_sidebar{
  padding: 0px 0px 20px 10%;
  font-size: calc(8px + (12 - 8) * ((100vw - 320px) / (480 - 320)));
}


.b1_sidebar a{
  font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (480 - 320)));
}}

 .block2{
  /*height: 100vh;*/
  width: 100%;
  position: static;
}

.b2_wrappercell{
  width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 5%;
}

.b2_wrapperflex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2_article{
  flex: 0 1 60%;
}

.b2_image{
  flex: 0 1 40%;
  box-shadow: 13.6px 14.6px 45.5px 0.5px rgba(0, 0, 0, 0.18);
}

.b2_image img{
  max-width: 100%;
  position: relative;
}

.bullet-animation{
  animation: bullet 0.5s ease-in-out 1;
  transform: perspective(100vh) rotateY(0deg);
}

@keyframes bullet {
  0%{
    left: -200%;
    transform: perspective(100vh) rotateY(60deg);
    }
  100%{
    left: 0px;
    transform: perspective(100vh) rotateY(0deg);
  }
}

.b2_art_category{
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); 
  font-weight: 400;
  letter-spacing: calc(2px + (3.08 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #c4c4c4;
  margin-bottom: calc(25px + (32 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.b2_art_header{
  font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  letter-spacing: calc(2px + (4.2 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #000000;
  width: 65%;
  text-transform: uppercase;
  margin-bottom: calc(30px + (54 - 30) * ((100vw - 320px) / (1920 - 320)));
  opacity: 0;
  transform: scale(0);
}

.b2_art_header_anima{
  opacity: 1;
  transform: scale(1);
  transition: all 1.5s ease;
}

.b2_art_text{
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: calc(1.5px + (3.8 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #5b5b5c;
  width: 80%;
  opacity: 0;
  transform: scale(0);
}

.b2_art_text_anima{
  opacity: 1;
  transform: scale(1);
  transition: all 2s ease 0.5s;
}

.b2_art_text p{
  margin-bottom: calc(25px + (54 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.b2_art_text p:last-child{
  margin-bottom: calc(30px + (64 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.b2_art_button{
  display: table-cell;
  position: relative;
  width: calc(200px + (294 - 200) * ((100vw - 320px) / (1920 - 320)));
  height: 53px;
  border: solid 1px #5b5b5c;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 2.52px;
  text-align: center;
  vertical-align: middle;
  color: #5b5b5c;
  text-transform: uppercase;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);
  top: 0px;
}

.b2_art_button:hover{
  color: #fff;
  font-weight: bold;
  background-color: #5b5b5c;
  transition: background-color 0.5s ease 0s;
  border: none;
}

.b2_art_button:active{
  top: 3px;
}

@media (max-width: 768px){
  .b2_wrapperflex{
    display: block;
    }
    .b2_image{
      display: none;
    }
    .b2_art_header:after{
      content:"";
      margin-top: 30px;
      display: inline-block;
      opacity: 1;
      transform: scale(1);
      background-image: url(../img/b2_photo_768.jpg);
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      width: 100%;
      height: calc(350px + (500 - 350) * ((100vw - 320px) / (768 - 320)));
    }

.b2_article{
  display: block;
}

.b2_art_header{
  font-size: calc(18px + (19 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(2px + (3.8 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #000;
  text-transform: uppercase;
  width: 100%;
  position: relative;
}

.b2_art_header_anima{
}

.b2_art_text{
  width: 100%;
  font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #848484;
}

.b2_art_text_anima{
}}

@media (max-width: 480px){
  .b2_art_header{
    margin-bottom: 10px;
  }

  .b2_art_text p{
    margin-bottom: 10px;
  }
}


/*==============================*/


.block3{
  width: 100%;
  /*height: 100vh;*/
  text-align: center;
  position: static;
  padding-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.block3_head {
  margin: 0 auto;
  padding: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320))) 0 calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))) 0; 
}

.b3_head_header {
  font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(2px + (4.2 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #000;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: calc(25px + (36 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.b3_head_text {
  width: 96%;
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: calc(1.5px + (3.8 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  color: #848484;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .block3{
  width: 100%;
  /*height: 100vh;*/
  text-align: center;
  position: static;
  padding-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320)));
}

.block3_head {
  margin: 0 auto;
  padding: calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320))) 0 calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320))) 0; 
}

.b3_head_header {
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (768 - 320)));
}}

.slick-list {
  overflow: hidden;
}
/* Лента слайдов */
.slick-track{
  display: flex;
  /*для adaptiveHeight в JS
  align-items: flex-start;*/
}

.slider {
  position: relative;
  padding: 0 calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
  width: 96%;
  margin: 0 auto;
}

@media (max-width: 480px){
  .slider {
  position: relative;
  padding: 0;
  width: 96%;
  margin: 0 auto;
}

.b3_head_text{
  width: 90%;
}}

.slider .slick-arrow{
  position: absolute;
  top: 50%;
  margin: -30px 0 0 0;
  z-index: 100;
  font-size: 0;
  width: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
  height: 60px;
}

.slider .slick-arrow.slick-prev{
  left: 0;
  background: url(../img/sl-arrow_l.png) 0 0 / 100% no-repeat;
} 

.slider .slick-arrow.slick-next{
  right: 0;
  background: url(../img/sl-arrow_r.png) 0 0 / 100% no-repeat;
}


.slider .slick-dots{
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider .slick-dots li{
  list-style: none; 
  margin: 0 10px;
}
/* Активная точка */
.slider .slick-dots li.slick-active button{
  background-color: transparent;
  border: 1px solid #5b5b5c;
}
/* Элемент точки */
.slider .slick-dots li button{
  font-size: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #5b5b5c;
}

.slider_item{
  text-align: center;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
}

.slider_item img{
  transition: all 0.3s ease;
  transform: scale(1);
}

.slider_item img:hover{
  transform: scale(1.2);
}

/*======================================================*/

.block4{
  width: 100%;
  padding-top: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
  /*height: 100vh;*/
  position: static;
  margin-bottom: calc(10px + (60 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.b4_header{
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 50px;*/
  margin-bottom: calc(25px + (36 - 25) * ((100vw - 320px) / (1920 - 320)));
  font-size: calc(22px + (32 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  letter-spacing: calc(5px + (7.68 - 5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}

.b4_header_text{
  width: 100%;
  font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  max-width: 75%;
  margin: 0 auto;
  font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
  letter-spacing: calc(2px + (3.92 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #848484;
  margin-bottom: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.b4_wrapper{
  width:90%;
  margin: 0 auto;
  display: flex;
}

.b4_half{
  flex: 0 1 50%;
}


.b4_half_image {
  /*text-align:center;*/
  margin-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.b4_half_image img{
  max-width: 100%;
 }

.b4_half_header {
  font-size: calc(18px + (19 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(2px + (3.8 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #000;
  text-transform: uppercase;
  margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.b4_half_text{
  width: 80%;
  font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: calc(2px + (3.8 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #848484;
  margin-bottom: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.b4_half_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(200px + (292 - 200) * ((100vw - 320px) / (1920 - 320)));
  height: 58px;
  background-color: #5b5b5c;
  border: 2px solid #5b5b5c;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.56;
  letter-spacing: 3.2px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  top: 0px;
}

.b4_half_button:hover {
  background-color: #fff;
  color: #5b5b5c;
  font-weight: bold;
  transition: background-color 0.5s ease;
  border: none;
}

.b4_half_button:active {
  top: 3px;
}

@media (max-width: 768px){

.b4_wrapper{
  width:90%;
  margin: 0 auto;
  display: block;
}

.b4_half{
  display: block;
  padding: 0px 20px 20px;
}


.b4_half_image {
  text-align: center;
  margin-bottom: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.b4_half_image img{
  max-width: 100%;
 }

.b4_half_header {
  font-size: calc(18px + (19 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(2px + (3.8 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #000;
  text-transform: uppercase;
  margin-bottom: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.b4_half_text{
  width: 100%;
  font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #848484;
  margin-bottom: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.b4_half_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(200px + (292 - 200) * ((100vw - 320px) / (1920 - 320)));
  height: 58px;
  background-color: #5b5b5c;
  border: 2px solid #5b5b5c;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.56;
  letter-spacing: 3.2px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  top: 0px;
  margin-bottom: 20px;
}}

@media (max-width: 480px){
  .b4_header_text{
    max-width: 90%;
  }
  .b4_wrapper{
    width: 100%;
  }
}

/*==========================================*/

  .block5 {
  width: 100%;
  position: static;
}

.b5_wrappercell {
  display: table-cell;
  vertical-align: middle;
  padding: 5%;
  /*margin: 0 auto;*/
}

.b5_wrapperflex {
  display: flex;
  justify-content: center;
  align-items: center; 
}

.b5_image {
  flex: 0 1 40%;
  box-shadow: 13.6px 14.6px 45.5px 0.5px rgba(0, 0, 0, 0.18);
  margin-right: 8%;/*145px;*/
  align-self: center;
}

.b5_image img{
  max-width: 100%;
  position: relative;
  transform: perspective(100vh) rotateY(0deg);
}

.b5_bullet-animation {
  animation: five_bullet 0.5s ease-in-out 1;
}

@keyframes five_bullet {
  0%{
    right: -200%;
    transform: perspective(100vh) rotateY(-60deg);
    }
  100%{
    right: 0px;
    transform: perspective(100vh) rotateY(0deg);
  }
}

.b5_article {
  flex: 0 1 52%;
  align-self: center;
}

.b5_art_category {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); 
  font-weight: 500;
  letter-spacing: calc(2px + (3.08 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #c4c4c4;
  margin-bottom: calc(25px + (32 - 25) * ((100vw - 320px) / (1920 - 320)));
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.b5_art_header {
  font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
  letter-spacing: calc(2px + (4.2 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  width: 70%;
  text-transform: uppercase;
  margin-bottom: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.37;
  color: #000;
  text-transform: uppercase;
  opacity: 0;
  transform: scale(0);
  transition: all 1.5s ease;
}

.b5_art_header_anima {
  opacity: 1;
  transform: scale(1);
}

.b5_image_tablet {
  display: none;
}

.b5_art_header_anima {
}

.b5_art_text {
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: calc(1.5px + (3.8 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #5b5b5c;
  opacity: 0;
  transform: scale(0);
  transition: all 1.5s ease;
}

.b5_art_text p{
  margin-bottom: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.b5_art_text p:last-child{
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.b5_art_text_anima {
  opacity: 1;
  transform: scale(1);
}

/*===================???=======================*/



@media (max-width: 768px){

.b5_wrapperflex {
  display: block;
}

.b5_image {
  display: none;
}

.b5_image img{
}

.b5_article {
}

.b5_art_category {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); 
  font-weight: 500;
  letter-spacing: calc(2px + (3.08 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  color: #c4c4c4;
  margin-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (768 - 320)));
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.b5_art_header {
  font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
  letter-spacing: calc(2px + (4.2 - 2) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: calc(25px + (25 - 20) * ((100vw - 320px) / (768 - 320)));
  line-height: 1.37;
  color: #000;
  text-transform: uppercase;
  opacity: 0;
  transform: scale(0);
  transition: all 1.5s ease;
}

.b5_image_tablet {
  display: block;
  opacity: 0;
  transform: scale(0);
  transition: all 1.5s ease;
  margin-bottom: calc(25px + (25 - 20) * ((100vw - 320px) / (768 - 320)));
}

.b5_art_header_anima {
  opacity: 1;
  transform: scale(1);
}


.b5_image_tablet img{
  max-width: 100%;
}

.b5_art_text {
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: calc(1.5px + (3.8 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: left;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #5b5b5c;
  opacity: 0;
  transform: scale(0);
  transition: all 1.5s ease;
}

.b5_art_text p{
  margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (768 - 320)));;
}

.b5_art_text p:last-child{
  margin-bottom: 0;
}

.b5_art_text_anima {
  opacity: 1;
  transform: scale(1);
}}

 /*============================================================================================*/

.footer {
  width: 100%;
  position: static;
  background-color: #f4f4f4;
}

.footer_up {
  padding: 0 5%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer_up_left {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.footer_up_left_head {
  font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: calc(2.4px + (4.2 - 2.4) * ((100vw - 320px) / (1920 - 320)));
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.footer_up_left_text {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(1.5px + (2.52 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #5b5b5c;
}

.footer_up_right {
  width: 60%;
}

.form *{
  /*outline: none;*/
  max-width: 100%;
}
.form_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; /*space-around для десктопов*/
  position: relative;
}

.form_body:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) url(../img/loading.gif) center / 50px no-repeat;
  opacity: 0;
  visibility: hidden;
}

.form_body._sending:after{
  opacity: 1;
  visibility: visible;
}

.form_item {
  flex: 0 0 auto;
  align-self: center;
  margin: 10px;
}

.form_item:last-child{
  /*margin-right: auto;
  margin-left: auto;*/
}

.form_label {
  display: none;
}
.form_input {
  border: solid 2px #7a7a7a;
  height: 70px;
  font-size: 22px;
  letter-spacing: 3px;
  font-family: 'Montserrat', sans-serif;
  padding-left: 30px;
  width: 100%;
}

.form_input:focus {
  box-shadow: 0 0 15px green inset; /*тень при фокусе. ИЗМЕНИТЬ*/
}

.form_input._error{
  box-shadow: 0 0 15px red inset;
}
.form_button {
  appearance: none;
  height: 70px;
  font-size: 22px;
  letter-spacing: 3px;
  font-family: 'Montserrat', sans-serif;
  background-color: #373e45;
  color: #fff;
  border: solid 2px #7a7a7a;
  padding: 20px 60px;
  text-transform: uppercase;
}

/*==============================================================*/

.footer_down {
  width: 100%;
  height: 320px;
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto; 
}

.footer_down_head{
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 50px;
  width: 50%;
}

.footer_down_head a{
  flex: 0 1 auto;
  display: block;
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(1.5px + (3.08 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #000;
  text-transform: uppercase;
}

.footer_down_text {
  text-align: center;
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(1.2px + (2.52 - 1.2) * ((100vw - 320px) / (1920 - 320)));
  color: #000;
  text-transform: uppercase;
  line-height: 180%;
  margin-bottom: 50px;
}

.webmaster a{
  color: #000;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
  text-transform: lowercase;
}

@media (max-width: 768px) {
  .footer_down {
  height: 250px;
}}

/*===============MEDIA FOOTER++++++++++++++*/

@media (max-width: 480px){
  .footer_up {
  padding: 10% 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.footer_up_left {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.footer_up_left_head {
  font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: calc(2.4px + (4.2 - 2.4) * ((100vw - 320px) / (1920 - 320)));
  color: #000;
  text-transform: uppercase;
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (480 - 320)));
}

.footer_up_left_text {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(1.5px + (2.52 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #5b5b5c;
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (480 - 320)));
}

.footer_up_right {
  width: 100%;
}

.form *{
  /*outline: none;*/
  max-width: 100%;
}
.form_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; /*space-around для десктопов*/
  position: relative;
}

.form_body:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) url(../img/loading.gif) center / 50px no-repeat;
  opacity: 0;
  visibility: hidden;
}

.form_body._sending:after{
  opacity: 1;
  visibility: visible;
}

.form_item {
  flex: 0 0 auto;
  align-self: center;
  margin: 10px 0px;
}

.form_item:last-child{
  /*margin-right: auto;
  margin-left: auto;*/
}

.form_label {
  display: none;
}
.form_input {
  border: solid 2px #7a7a7a;
  height: 70px;
  font-size: 22px;
  letter-spacing: 3px;
  font-family: 'Montserrat', sans-serif;
  padding-left: 30px;
  width: 100%;
}

.form_input:focus {
  box-shadow: 0 0 15px green inset; /*тень при фокусе. ИЗМЕНИТЬ*/
}

.form_input._error{
  box-shadow: 0 0 15px red inset;
}
.form_button {
  appearance: none;
  height: 70px;
  font-size: 22px;
  letter-spacing: 3px;
  font-family: 'Montserrat', sans-serif;
  background-color: #373e45;
  color: #fff;
  border: solid 2px #7a7a7a;
  padding: 20px 60px;
  text-transform: uppercase;
}

.footer_down {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto; 
}

.footer_down_head{
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 25px 0px;
  width: 100%;
}

.footer_down_head a{
  flex: 0 1 auto;
  display: block;
  font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (480 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(1.5px + (3.08 - 1.5) * ((100vw - 320px) / (1920 - 320)));
  text-align: center;
  color: #000;
  text-transform: uppercase;
}

.footer_down_text {
  text-align: center;
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(1.2px + (2.52 - 1.2) * ((100vw - 320px) / (1920 - 320)));
  color: #000;
  text-transform: uppercase;
  line-height: 180%;
  margin-bottom: 25px;
}

.footer_down_text p:last-child{
font-size: 12px;
  }}

/*============================================*/
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.8s ease 0s;
}

.popup.open{
  opacity: 1;
  visibility: visible;
}

.popup.open .popup_content{
  transform: perspective(600px) translate(0px, 0px) rotateX(0deg);
  opacity: 1;
}

/*.popup_area{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}*/

.popup_body {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
}

.popup_content {
  background-color: #fff;
  color: #000;
  max-width: 80%;
  padding: 30px;
  position: relative;
  transition: all 0.8s ease 0s;
  opacity: 0;
  transform: perspective(600px) translate(0px, -100%) rotateX(45deg);
}

.popup_close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: #000;
  text-decoration: none;
}

.popup_title {
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 3.8px;
  color: #000;
  text-transform: uppercase;
  margin: 0px 0px 1em 0px;
  text-align: center;
}
.popup_text {}

.popup_slider {}
.popup_slider_item {
 
}

.popup_slider {
  position: relative;
  padding: 0 60px;
  width: 100%;
  margin: 0 auto;
}


.popup_slider .slick-arrow{
  position: absolute;
  top: 50%;
  margin: -30px 0 0 0;
  z-index: 100;
  font-size: 0;
  width: 20px;
  height: 40px;
}

.popup_slider .slick-arrow.slick-prev{
  left: 0;
  background: url(../img/sl-arrow_l.png) 0 0 / 100% no-repeat;
} 

.popup_slider .slick-arrow.slick-next{
  right: 0;
  background: url(../img/sl-arrow_r.png) 0 0 / 100% no-repeat;
}

.popup_slider_item{
  text-align: center;
  overflow: hidden;
  margin: 0px 15px 0px 15px;
}

.popup_slider_item img{
}

@media (max-width: 768px) {
  .popup_slider {
  position: relative;
  padding: 0;
  width: 98%;
  margin: 0 auto;
}
.popup_content {
  background-color: #fff;
  color: #000;
  max-width: 100%;
  padding: 10px;
  position: relative;
  transition: all 0.8s ease 0s;
  opacity: 0;
  transform: perspective(600px) translate(0px, -100%) rotateX(45deg);
}
.popup_slider_item{
  text-align: center;
  overflow: hidden;
  margin: 0px 5px 0px 5px;
}
.popup_title {
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 3.8px;
  color: #000;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  text-align: center;
}
.popup_body {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}}