@import '/assets/fonts/HelveticaNeueCyr/stylesheet.css';
@import '/assets/fonts/HelveticaNeueCyr-Bold/stylesheet.css';
@import '/assets/css/responsive.css';


html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*{
    margin: 0;
    padding: 0;
   }
  :active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
a:hover{
  text-decoration: none;
}
 body{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-family: "HelveticaNeueCyr",sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1em;
}
.modal-open .modal{
  background-color:#fff;
}
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-thumb{cursor:pointer;background:#234a99;}
::selection{background-color:#234a99;color:#fff;}
-webkit-::selection{background-color:#234a99;color:#fff}
::-moz-selection{background-color:#234a99;color:#fff}

.scroll_news::-webkit-scrollbar{width: 2px;background:rgba(35,74,153,.3);}
.scroll_news::-webkit-::selection{background-color:#234a99;color:#eee}
.scroll_news::-moz-selection{background-color:#234a99;color:#eee}

#content-1::-webkit-scrollbar{width: 2px;background:rgba(255,255,255,.5);}
#content-1::-webkit-scrollbar-thumb{cursor:pointer;background:#fff;}


div#content-1 {
    overflow-y: scroll;
    height: 360px;
}
a{
  outline: inherit;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: "HelveticaNeueCyr", sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;

}
/* для табов */
.tab-content {
  position: relative;
}
.tab-content__item {
  opacity: 0;
  -webkit-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.tab-content__item.active {
  opacity: 1;
  z-index: 20;
}
.nav-item {
  cursor: pointer;
}
/* /для табов */
.container{
  max-width: 100%;
}
.pp-scrollable{
  overflow-y: auto;

}
.lg-outer .lg-thumb-item{
  border-radius: 0;
}
body.head_white .header-top a, body.head_white .header-phone,
body.pp-viewing-section5.head_white #nav-icon3 span{
  color: #fff !important;
}
.mobile_mnu #nav-icon3.open span{
  background-color: #fff;
}
.header_phone a:hover:before{
    animation: anaimate .3s linear;
    -moz-animation: anaimate .3s linear;
    -webkit-animation: anaimate .3s linear;
    -o-animation: anaimate .3s linear;
}
.present:hover img{
  animation: anaimate .3s linear;
    -moz-animation: anaimate .3s linear;
    -webkit-animation: anaimate .3s linear;
    -o-animation: anaimate .3s linear;
}
.slick-slider .slick-disabled{
  display: none!important;
}
@-webkit-keyframes anaimate {
  0% {
    transform: rotate(10deg);
  
  }
  50% {
    transform: rotate(-10deg);

  }
}
@keyframes anaimate {
 0% {
    transform: rotate(10deg);
  
  }
  50% {
    transform: rotate(-10deg);

  }
}
@-moz-@keyframes anaimate {
  0% {
    transform: rotate(10deg);
  
  }
  50% {
    transform: rotate(-10deg);

  }
}
.preloader_bg{
  position: fixed; 
  background: rgba(255,255,255,1); 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0;
  opacity: 1;
  z-index: 110;
  transition: .5s;
  transition: opacity .5s;
}
  .preloader {
   position: fixed; 
   left: 50%; top: 50%; 
   transform: translate(-50%,-50%); 

    font-size: 14px; 
}


.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-42%);
        -ms-transform: translate(-42%);
            transform: translate(-42%);
}
.water-fill {
  transition: .4s;
  -webkit-animation: fill-up 10s infinite ease-out;
          animation: fill-up 10s infinite ease-out;
}
@-webkit-keyframes fill-up {
  0% {
    width: 0;
    x: 0;
  }
  100% {
    width: 100%;
    x: 0;
  }
}
@keyframes fill-up {
  0% {
    width: 0;
    x: 0;
  }
  100% {
    width: 100%;
    x: 0;
  }
}
@-moz-@keyframes fill-up {
  0% {
    width: 0;
    x: 0;
  }
  100% {
    width: 100%;
    x: 0;
  }
}

.preloader span {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
.menu{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  overflow: hidden;
}
.menu.menu-is-opened {
    z-index: 101;
}
.menu_wrap{
  position: relative;
  width: 50%;
  height: 100%;
  background: #fff;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  -webkit-transition: -webkit-transform 300ms linear 450ms;
  transition: transform 400ms linear 450ms;
  transition: transform 400ms linear 450ms,-webkit-transform 400ms linear 450ms;
  z-index:11;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu_wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34,86,196,.9);
    width: 100%;
}
.menu-is-opened .menu_wrap{
  -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

ul.menu-list{
   position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-left:27rem;
  list-style-type: none;
}
ul.menu-list li{
  text-align: left;
  width: 100%;
  margin-bottom: 35px;
    transition: 1s;

}

.menu-list li a:before{
    content: '';
    position: absolute;
    bottom: 15px;
    left: -275px;
    width: 1%;
    height: 2px;
    transition: .4s;
 
}
.menu-list li a:hover:before {
  width: 230px;
  transition: .2s;
  background: #fff;
  display: inline-block;
}

.menu ul.menu-list li{
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    transition: .4s;
}
.menu.menu-is-opened ul.menu-list li{
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    
}
.menu.menu-is-opened ul.menu-list li:first-of-type {
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1) .8s;
    transition: all .5s cubic-bezier(.641,0,.382,1) .8s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(2){
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1) .9s;;
    transition: all .5s cubic-bezier(.641,0,.382,1) .9s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(3){
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1) 1s;
    transition: all .5s cubic-bezier(.641,0,.382,1) 1s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(4){
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1)1.1s;
    transition: all .5s cubic-bezier(.641,0,.382,1) 1.1s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(5){
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1) 1.2s;
    transition: all .5s cubic-bezier(.641,0,.382,1) 1.2s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(6){
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1) 1.3s;
    transition: all .5s cubic-bezier(.641,0,.382,1) 1.3s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(7){
    -webkit-transition: all .5s cubic-bezier(.641,0,.382,1) 1.4s;
    transition: all .5s cubic-bezier(.641,0,.382,1) 1.4s;
}
.menu.menu-is-opened ul.menu-list li:nth-of-type(8){
    -webkit-transition: all .8s cubic-bezier(.641,0,.382,1) 1.5s;
    transition: all .5s cubic-bezier(.641,0,.382,1) 1.5s;
}
/*.menu.menu-is-opened ul.menu-list li a {
    opacity: 1;
  -webkit-transition: opacity 300ms linear 900ms;
  transition: opacity 300ms linear 900ms;
}*/
ul.menu-list li a{
  position: relative;
  font-family: "HelveticaNeueCyr";
  font-weight: 400;

  font-size: 30px;

  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  line-height: 30px;
}
.cal_back {
    position: relative;
    width: 50%;
    height: 100%;
    float: right;
    vertical-align: top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 300ms linear 450ms;
    transition: transform 400ms linear 450ms;
    transition: transform 400ms linear 450ms,-webkit-transform 400ms linear 450ms;
    z-index: 11;
}

.cal_back:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    z-index: -1;
}
.menu-is-opened .cal_back{
  -webkit-transform: translateX(0%);
    transform: translateX(0%);
    z-index: 100;

}
.cal_back_wrap{
  padding: 25% 150px 0 20%;
  opacity: 0;
  -webkit-transition: opacity 300ms linear 900ms;
  transition: opacity 300ms linear 900ms;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.cal_back_wrap a:before{
    content: '';
    position: absolute;
    bottom: 15px;
    left: -275px;
    width: 1%;
    height: 2px;
    transition:.4s;
}
.cal_back_wrap a{
    position: relative;
    text-decoration: none;
}
.cal_back_wrap a:hover:before{
    width: 230px;
    transition: .2s;
    background: #fff;
    display: inline-block;
}
.menu-is-opened .cal_back_wrap {
    opacity: 1;
     -webkit-transition: opacity 300ms linear 900ms;
      transition: opacity 300ms linear 900ms;

    }
.cal_back a{
  color: #fff;
  font-size: 30px;
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 30px;
}
.scrool a{
    display: inline-block;
    font-size: 14px;
    text-transform: none;
    font-weight: 200;
    color: #fff;
}

.cal_back .draw{
  margin: 60px 0 0 0 !important;
}
.cal_back h3 {
    margin-top: 140px;
    font-size: 20px;
    text-transform: uppercase;
}
.soc_icon{
    position: absolute;
    bottom: 0;
    left: 42.2%;
    transform: translate(-50%);
    width: 300px;
    text-align: center;
    vertical-align: top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 300ms linear 450ms;
    transition: transform 300ms linear 100ms;
    transition: transform 300ms linear 100ms,-webkit-transform 300ms linear 100ms;
    z-index: 103;
}
.menu-is-opened .soc_icon{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 300ms linear 450ms;
    transition: transform 300ms linear 900ms;
    transition: transform 300ms linear 900ms,-webkit-transform 300ms linear 900ms;
}
.icon_wrap a{
    margin: 0 15px;
}
.icon_wrap a img {
    width: 33px;
}
.soc_icon p{
  font-size: 14px;
  font-weight: 200;
  margin-top: 35px;
  margin-bottom: 40px;
}
.soc_icon a.draw {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 200;
    letter-spacing: .7px;
    width: 60px;
    height: 60px;
    line-height: 55px;
    margin: 0 15px;
}
.scrool {
    position: absolute;
    bottom: -4%;
    right: 0;
    height: 100px;
    z-index: 100;
    font-size: 14px;
    font-weight: 200;
    opacity: 0;
    -webkit-transition: opacity 300ms linear 900ms;
      transition: opacity 300ms linear 900ms;
      padding-right: 30px;
      text-align: right;
}
.scrool img{
    margin-left: 15px;}
.menu-is-opened .scrool{
  opacity: 1;
  -webkit-transition: opacity 300ms linear 900ms;
      transition: opacity 300ms linear 900ms;

}
#pp-nav span{
  border-radius: 0;
}
.header-top{
  position: relative;
  height: 60px;
  background-color: #fff
}
.navbar-2 {
    background: 0 0;
    padding-top: 3rem;
    -webkit-transition: all .3s cubic-bezier(.37,.31,.2,.85);;
    -o-transition: all .3s cubic-bezier(.37,.31,.2,.85);;
    transition: all .3s cubic-bezier(.37,.31,.2,.85);;
}

.navbar-white {
    background: 0 0;
}
.navbar-2 .navbar-bg {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    width: 100%;
    height: 75%;
    background: #234a99;
    z-index: -1;
    -webkit-transition: all .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: all .3s cubic-bezier(.37,.31,.2,.85);
    transition: all .3s cubic-bezier(.37,.31,.2,.85);
}
.navbar-white .navbar-bg {
    height: 0;
}






.slick-vertical .slick-slide{

  border: none !important;
}
.slider-item {
    height: 100vh;
    float: left;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.slider-item:before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
.header-top{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 100;
  color: #fff;
  padding: 20px 50px;
}
a.logo:hover{
  text-decoration: none;
  color: #fff;
}
body.pp-viewing-section5 .header-top a,
body.pp-viewing-section5 .header_phone,
body.pp-viewing-section7 .header-top a,
body.pp-viewing-section7 .header_phone{
  color: #234a99;
}
.header-top a{
  color: #fff;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.header-top .logo{
  text-align: center;
   display: block;
   margin-top: -5px;
}
.logo{
    opacity:0;
}

.header-top .logo h2{
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 4px;
  font-weight: 700;
}
.header-top .logo_wrap p{
  font-family: "HelveticaNeueCyr";
  font-weight: 200;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.header_phone{
  font-family: "HelveticaNeueCyr";
  font-weight: 200;
  font-size: 20px;
  color: #fff;
  transition: .4s;
}
.header_phone p{
  display: inline-block;
  position: relative;
}
.header_phone a:before{
  content: '';
  background-image: url(/assets/img/icon_phone.png);
  width: 34px;
  height: 39px;
  position: absolute;
  top: -7px;
  right: -80px;
  transition: .4s;
}
body.pp-viewing-section5 .header_phone a:before,
body.pp-viewing-section7 .header_phone a:before{
  background-image: url(/assets/img/icon_phone_blue.png); 
}
body.pp-viewing-section5 .style .header_phone{
  color: #fff !important;
}
.header_phone img {
    margin-left: 50px;
}

       /*   mobile_mnu  */
.mobile_mnu{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
  margin: 25px 50px 0 0;
}
#nav-icon3{
  width: 44px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .7s ease-in-out;
  -moz-transition: .7s ease-in-out;
  -o-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 5px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 31px;
}
#nav-icon3:hover span:nth-child(1){
  transform: translateY(3px);
}
#nav-icon3:hover span:nth-child(4){
  transform: translateY(-3px);
}
#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

body.pp-viewing-section5 #nav-icon3 span,
body.pp-viewing-section7 #nav-icon3 span{
    background-color: #234a99;
}
.section_main{
    position: relative;
    height: 100%;
    width: 100%;
}
.section_main .box{
  padding-left: 220px;
}
.section_main .vertical-centred {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 1em;
}
.section_main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;}
.section.section_main{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
}
.section_main .vertical-centred{
    padding: 170px 0 0 0;
}

.sectiom_1 .vertical-centred{
  padding: 165px 0;
}
.section_main .number_title{
  font-family: "HelveticaNeueCyr-Ultra";
  font-weight: 200;
  color: rgba(35,74,153,.5);
  font-size: 300px;
  line-height: 170px;
}
.section_main .main_title p{
  font-family: "HelveticaNeueCyr";
  font-weight: 200;
  font-style: italic;
  /*font-size: 120px;*/
  font-size:6vw;
  margin-top: -90px;
  /*line-height: 180px;*/
  line-height:10vw;
}

/*---------------------------*/

.header_phone{
    opacity:0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}
.header_phone.slow,#nav-icon3.slow{
    opacity:1;
    transition: all 1s ease 1.3s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#nav-icon3{
    opacity:0;
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
}
/*#nav-icon3.slow{*/
/*    opacity:1;*/
/*    transition: all 1s ease 1.3s;*/
/*}*/
.present{
    opacity:0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.present.slow{
     opacity:1;
    transition: all 1s ease 1.5s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
body #pp-nav.right{
    opacity:0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
body #pp-nav.right.slow{
     opacity:1;
    transition: all 1s ease 1.5s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.section_main .main_title, .section_main .number_title {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    opacity:0;
}
.section_main .number_title{
    display:block;
}
.logo.slow{
    opacity:1;
    transition: all 1s ease 1s;
}

.section_main .main_title.slow{
     -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity:1;
    transition: all 1s ease 2.2s;
}
.section_main .number_title.slow{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity:1;
    transition: all 1s ease 1.8s;
} 
.slider .slick-dots,.slider .PrevArrow,.slider .NextArrow{
    opacity:0;
}
.slider .slick-dots.slow,.slider .PrevArrow.slow,.slider .NextArrow.slow{
    opacity:1;
    /*transition: all 1s ease 1.5s;*/
    
}

.section_main .main_title.slowanimate{
     -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity:1;
    transition: all 1s ease 1s;
}
.main_title h1{
    font-size:70px;
}
.section_main .number_title.slowanimate{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity:1;
     transition: all 1s ease .5s;
}

.block_who_text h2 {
    margin-bottom: 50px;
}
.block_who_slider h2 {
    margin-bottom: 50px;
}

body::after, body::before {
    content: '';
    height: 0;
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
        -webkit-transition: .4s ease-in .4s;
    transition: .4s ease-in .4s;
    /*-webkit-transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    width:50%;
    height:100vh;
}
body::before {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

}
body::after {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    top:0;

}
body.page-is-preload::after, body.page-is-preload::before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .4s ease-in 0s;
    transition: .4s ease-in 0s;
    height:100vh;
    width:50%;
}
body.blur{
    
}


/* -------------------Slick Slider navigation-----------------------   */


.slider .PrevArrow{
    position: absolute;
    bottom: 26px;
    left: 47%;
    width: 100px;
    height: 45px;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    color: #FFF;
    z-index: 5;
    background: transparent;
    -webkit-transform: translate(-246%,-20%);
        -ms-transform: translate(-246%,-20%);
            transform: translate(-246%,-20%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.slider .PrevArrow:hover {
  -webkit-transform: translate(-263%,-20%);
      -ms-transform: translate(-263%,-20%);
          transform: translate(-263%,-20%);
}
.slider .NextArrow:hover {
  -webkit-transform: translate(270%,-20%);
      -ms-transform: translate(270%,-20%);
          transform: translate(270%,-20%);
}
.slider .PrevArrow:hover .arrow-top,
.slider .PrevArrow:hover .arrow-bottom,
.slider .PrevArrow:hover .arrow-center
{
  background-color: #fff;
}
.slider .NextArrow{
  position: absolute;
    bottom: 26px;
    right: 47%;
    width: 100px;
    height: 45px;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    color: #FFF;
    z-index: 5;
    background: transparent;
    -webkit-transform: translate(255%,-20%);
        -ms-transform: translate(255%,-20%);
            transform: translate(255%,-20%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.slider .NextArrow:hover .arrow-top_1,
.slider .NextArrow:hover .arrow-bottom_1,
.slider .NextArrow:hover .arrow-center_1{
  background-color: #fff;
}
.arrow-left,.arrow-right {
  cursor: pointer;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 17px;
}
.arrow-top,.arrow-top_1 {
    background-color: rgba(255,255,255,.50);
    height: 1px;
    left: -5px;
    position: absolute;
    top: 49%;
    width: 100%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.arrow-top_1{
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
}
.arrow-bottom,.arrow-bottom_1{
  background-color: rgba(255,255,255,.50);
    height: 1px;
    left: -5px;
    position: absolute;
    top: 49%;
    width: 100%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.arrow-bottom_1{
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}
.arrow-center,.arrow-center_1{
  background-color: rgba(255,255,255,.50);
  height: 1px;
  width: 50px;
  position: absolute;
  top: 24px;
  left: -3px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.arrow-center_1{
  left: -39px;
}
.slider .slick-dots {
    position: absolute;
    bottom: 46px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);;
    -ms-transform: translate(-50%, -50%);;
        transform: translate(-50%, -50%);
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.slider .slick-dots li {
    height: 1px;
    background: rgba(255,255,255,.50);
    width: 85px;
    margin: 0 7px;
    display: inline-block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
}
.slider .slick-dots li.slick-active {
    width: 85px;
    background: rgba(255,255,255,.50);
}
.slider .slick-dots li.slick-active:before{
  content: "";
  background: #fff;
  width: 85px;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  margin-right: 20px;
  display: inline-block;
  -webkit-animation: ProgressDots 6s both;
    animation: ProgressDots 6s both;
}
.slider{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.slider button{
 display: none;
}
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
.padding{
  margin-top: 1000px;
}

/* -------------------Slick Slider navigation end-----------------------   */
#pp-nav{
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  right: 65px;
  opacity: 1;
  transition: .3s;
}
#pp-nav .title {
    position: absolute;
    top: -115px;
    transform: rotate(-90deg);
    width: 175px;
    height: 40px;
    right: -77px;
    font-size: 16px;
    transition: all.4s ease;
    color: #fff;
    font-size: 12px;
}
#pp-nav li, .pp-slidesNav li{
  margin: 12px 0 !important;
}
.vertical-title{
  position: absolute;
  top: 50%;
  right: 0;
}
.present{
  position: absolute;
  top: 200px;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: rgba(60,107,207,.5);
  z-index: 10;
  padding: 8px 25px;
  color: #fff;
  line-height: 75px;
  transition: 1s;
}
.pp-viewing-section2 .present,
.pp-viewing-section3 .present
{
    background-color: rgba(255,255,255,.5);
}
.present:hover .fa{
  color: #fff;
}
.section{
  height: 100%;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  background: #fff;
}
.section p{
  font-family: "HelveticaNeueCyr";
  font-weight: 200;
  font-size: 20px;
}
.section .numbers__items-count p{
  font-size: 20px;
}
body #pp-nav.right{
  right: 50px;
  transition: .6s;
}
body #pp-nav{
  z-index: 99;
  width: 38px;
}
body #pp-nav li{
  width: 60px;
}
 #pp-nav li span{
    width: 30px;
    height: 1px;
    border: 1px solid #fff;
    border-color: rgba(255,255,255,.50) !important;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
body.pp-viewing-section5 #pp-nav li span,
body.pp-viewing-section7 #pp-nav li span{
  border-color: #767a82 !important;
}
#pp-nav li .active span {
    left: -9px;
    border-color: #fff !important;
}
body.pp-viewing-section5 #pp-nav li .active span,
body.pp-viewing-section7 #pp-nav li .active span{
    border-color: #234a99 !important;
}
#pp-nav li .active span, .pp-slidesNav .active span{
  width: 50px;
}
body.pp-viewing-section2 #pp-nav li .active span,
body.pp-viewing-section3 #pp-nav li .active span{
    border-color: #fff !important;
}

/*#pp-nav li .active span{*/
/*    border-color: #234a99 !important;*/
/*}*/
/*.section{
  padding-top: 130px;
  padding-bottom: 120px;
}*/
.loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

.laoder-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}

.svg-loader {
    width: 110px;
    -webkit-animation: svg-loader 1s linear infinite;
    animation: svg-loader 1s linear infinite;
}

@-webkit-keyframes svg-loader {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes svg-loader {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.block_who_slider {
    display: block;
    height: 100%;
    padding-bottom: 50px;
    position: relative;
}

.boxed-text {
    margin-top: 130px;
}
.section_who{
    width: 100%;
    height: 100%;
}
.section_who .section_background{
  position: relative;
  min-height: 100%;
}
.wrap_block{
    padding-top: 120px;
     padding-bottom: 65px;
     z-index: 10;
}
.section.active .block_who_slider .item_who .intro_text {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
    -webkit-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;
    transition: all .6s .5s ease;
}
.section.active .block_who_slider .item_who.slick-active .intro_text {
    opacity: 1;
    -webkit-transform:  translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);

}
.section_who .box-inner{
  padding-top: 150px;
  overflow: hidden;
  z-index: 10;
}
.section_who .section_background:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  right: 0;
  bottom: 0;
  background-color: rgba(35,74,153,.95);
  width: 100%;
  height: 100%;
}
.section_who .section_background:after{
  content: "";
  position: absolute;
  top: 0;
  left: 150px;
  right: 0;
  bottom: 0;
  background-image: url(/assets/img/contact_bg_letter.png);
  width: 90%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.section_main_title{
    font-family: "HelveticaNeueCyr";
    font-weight: 200;
    font-style: normal;
    font-size: 30px;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 101;
    letter-spacing: 3px;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 100%;

}
.section h2.section_main_title:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.50);
}
.section_main_title:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.50);
}
.slick_slider_who .item_who{
   position: relative;
   overflow:hidden;
}
.slick_slider_who:before{
    content: "";
    position: absolute;
    background: transparent;
    border: 1px solid rgba(255,255,255,.5);
    top: -80px;
    left: -52px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 340px;
}
.slick_slider_who .item_who img{
  width: 100%;
  height: 100%;
}
.block_who_slider span.one{
  color: #fff;
  font-weight: 500;
transition: .3s;
}
.block_who_slider span.two{
  font-weight: 200;
}
.item_who_text{
  position: absolute;
    bottom: 3%;
    right: 0;
    width: 300px;
    height: auto;
    background-color: #fff;
    padding: 30px;
}
.item_who_text p{
  color: #000;
  font-size: 25px;
}
.item_who_photo{
  height: auto;
  width: 100%;
  padding-right: 100px;

}
.slide_numbers {
   position: absolute;
  bottom: -25px;
  left: 30%;
  font-size: 18px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.slide_numbers span {
    margin: 5px;
}
.slider_gullery_counter{
  overflow: hidden;
}
span.one {
    font-weight: 700;
    color: #234a99;
}
.pagingInfo span {
    margin: 0 5px;
}
/*.pagingInfo span.one{*/
/*  display: inline-block;*/
/*  animation:  transforms .5s;*/
/*  opacity: 1;*/
/*  transform: translateY(0);*/
/*}*/

/*  @keyframes transforms  {*/
/*   45%{*/
/*    transform: translateY(-25px) ;*/
/*  }*/
/*  50% {*/
/*    opacity: 0;*/
    
/*  }*/
/*  60% {*/
/*    opacity: 0;*/
    
/*  }*/
/*  70% {*/
/*    transform: translateY(25px); */
/*  }*/
/*  100%{*/
/*     transform: translateY(0px) */
/*  }*/
/*} */

/*.slider_gullery_counter .one.in{*/
/*      -webkit-animation: pagerIn .2s forwards;*/
/*      animation: pagerIn .2s;*/
/*}*/
/*.scroll-pane {*/
/*    width: 100% !important;*/

/*}*/
.jspContainer
{
  overflow: hidden;
  position: relative;
  height: 370px !important;
  width: 100% !important;
}

.block_who_text h2, .block_who_slider h2 {
  text-align: left;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 700;

}
.block_who_text {
    padding-right: 100px;
}
.boxed-text h2{
    font-family: "HelveticaNeueCyr-Bold",sans-serif;
     font-size: 3em;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 600;
}
.slick_slider_who{
  position: relative;
}
.slick_slider_who .PrevArrow{
   position: absolute;
    bottom: -90px;
    left: 0px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slick_slider_who .PrevArrow:hover{
  border: 1px solid rgba(255,255,255,1);
}
.slick_slider_who .PrevArrow:hover .arrow-left {
    left: -3px;
}
.slick_slider_who .NextArrow:hover .arrow-right{
  left: 65px;
}
.slick_slider_who .PrevArrow:hover .arrow-top,
.slick_slider_who .PrevArrow:hover .arrow-bottom,
.slick_slider_who .PrevArrow:hover .arrow-center
{
  background-color: #fff;
}
.slick_slider_who .NextArrow{
    position: absolute;
    bottom: -90px;
    left: 70px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slick_slider_who .NextArrow:hover{
  border: 1px solid rgba(255,255,255,1);
}

.slick_slider_who .NextArrow:hover .arrow-top_1,
.slick_slider_who .NextArrow:hover .arrow-bottom_1,
.slick_slider_who .NextArrow:hover .arrow-center_1{
  background-color: #fff;
}
.slick_slider_who .PrevArrow .arrow-left, .slick_slider_who .NextArrow .arrow-right {
  cursor: pointer;
  height: 50px;
  left: 24px;
  position: absolute;
  top: 23px;
  width: 17px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.slick_slider_who .NextArrow .arrow-right{
  left: 37px;
}
.arrow-top,.arrow-top_1 {
    background-color: rgba(255,255,255,.50);
    height: 1px;
    left: -5px;
    position: absolute;
    top: 49%;
    width: 100%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
 .arrow-top_1{
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
}
.arrow-bottom,.arrow-bottom_1{
  background-color: rgba(255,255,255,.50);
    height: 1px;
    left: -5px;
    position: absolute;
    top: 49%;
    width: 100%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
 .arrow-bottom_1{
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}
.slick_slider_who .arrow-center,.slick_slider_who .arrow-center_1{
  background-color: rgba(255,255,255,.50);
  height: 1px;
  width: 30px;
  position: absolute;
  top: 24px;
  left: -3px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.slick_slider_who .arrow-center_1{
  left: -19px;
}



.block_content_main{
  padding-top: 1000px;
  height: 1000px;
}
.vertical-title span {
    position: absolute;
    top: -200px;
    right: -25px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 200px;
    text-align: left;
    z-index: 10;
}

.section_who .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{
  width: 2px;
  border-radius: 0;
}
.section_who .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width: 2px;
  background-color: rgba(255,255,255,1);
  border-radius: 0;
}
/*---------------------section_ptogress------------------------*/

.numbers {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 150px;
  background-image: url("/assets/img/bg-dark.jpg");
  background-size: cover;
  background-position: center;
  padding-bottom: 70px;
  min-height: 100%;
  overflow: hidden;
}
.numbers__items {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/bg-light.jpg");
  background-color: #fff;
  background-size: cover;
  background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: #fff;
  color: transparent;
  text-align: center;
  box-sizing: border-box;
  padding-top: 100px;
  padding-right: 80px;
  padding-left: 80px;
}
.numbers__items-count {
  text-align: center;
}
.numbers__items-count-numb {
  font-size: 200px;
  font-weight: bold;
}
.numbers__items-count-text {
  color: #fff;
  max-width: 250px;
  display: inline-block;
  font-size: 30px;
  font-weight: 100;
}
.numbers__items-count-row-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.numbers__items-count-row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1400px;
  width: 100%;
}



.sectiom_progress p.text{
  text-align: center;
  font-size: 30px;
}
.sectiom_progress .btn-primary{
  margin: 150px auto 0;
}
.sectiom_progress .pp-tableCell{
  vertical-align: top;
}
.sectiom_progress .box-inner{
    padding-top: 150px;
}

       /*       кнопка          */


.section_email button, .section_1 button,
.cal_back button, .sectiom_progress button, .draw
 {
    font-size: 16px;
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
    font-weight: 200;
    position: relative;
    vertical-align: middle;
    width: 300px;
    height: 60px;
    text-transform: uppercase;
    display: block;
}

.draw:after, .draw:before
 {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
.draw {
    font-size: 16px;
    color: #fff;
    display: block;
    margin: 100px auto 0 auto;
    text-align: center;
    line-height: 59px;
    font-weight: 200;
    letter-spacing: .7px;
    -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
.draw:before, .draw:after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
}
.draw:before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover:before, .draw:hover:after {
  width: 100%;
  height: 100%;
}
.draw:hover:before {
    border-top-color: rgba(255,255,255,1);
    border-right-color: rgba(255,255,255,1);
    -webkit-transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
    -o-transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.draw:hover:after {
      border-bottom-color: rgba(255,255,255,1);
    border-left-color: rgba(255,255,255,1);
    -webkit-transition: border-color 0s ease-out 0.30s, width 0.25s ease-out 0.30s, height 0.25s ease-out 0.6s;
    -o-transition: border-color 0s ease-out 0.30s, width 0.25s ease-out 0.30s, height 0.25s ease-out 0.6s;
    transition: border-color 0s ease-out 0.30s, width 0.25s ease-out 0.30s, height 0.25s ease-out 0.6s;
}

/*       кнопка          */


.section .intro {
    opacity: 0;
    -webkit-transition: opacity 5s;
    -o-transition: opacity 5s;
    transition: opacity  5s;

}


.section.active .in,.section.active .in-metka{
    opacity:1;
     -webkit-transform:  translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.section .in{
    opacity:0;
     -webkit-transform:  translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transition: all 1s ease .8s;
}
.section .in-metka{
    opacity:0;
     -webkit-transform:  translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transition: all 1s ease 2s;
}



.section.active .intro {
    opacity: 1;
    -webkit-transform:  translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);

}
.section .intro {
    -webkit-transform:  translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 1s ease .8s;
    -o-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
}
.intro.one{
  -webkit-transition: all .6s .9s ease;
    -o-transition: all .6s .9s ease;
    transition: all .6s .9s ease;
}
.intro.two{
  -webkit-transition: all .6s 1.2s ease;
    -o-transition: all .6s 1.2s ease;
    transition: all .6s 1.2s ease;
}
.intro.thri{
  -webkit-transition: all .6s 1.4s ease;
    -o-transition: all .6s 1.4s ease;
    transition: all .6s 1.4s ease;
}
.intro.for{
  -webkit-transition: all .6s 1.6s ease;
    -o-transition: all .6s 1.6s ease;
    transition: all .6s 1.6s ease;
}
.sectiom_progress{
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-bottom: 50px;
  padding-top: 150px;
}


.sectiom_progress a.btn.btn-primary{
  line-height: 41px;
  text-transform: uppercase;
}
.section_technology:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0,0,0,.3)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.3) 55%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,.3) 55%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,.3) 55%, rgba(0, 0, 0, 0) 100%);
  z-index: 102;
}
.section_technology_wrapper{
  overflow-y: hidden;
}

.section_kitchen,.section_cupboard {
    display: block;
    position: relative;
    width: 50%;
    height: 100vh;
    z-index: 1;
    float: left;
    
}

.section_kitchen .section_background,
.section_cupboard .section_background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

 .section_kitchen:before, .section_cupboard:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(35,74,153,.95);;
    width: 100%;
    height: 100%;
    opacity: 0;
     -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition:  opacity .3s ease-out;
    z-index: 1;
 }
  
 .section_kitchen.active:before, .section_cupboard.active:before{
    opacity: 1;
    background-color: rgba(35,74,153,.95);
 }
.section_kitchen:after,
.section_cupboard:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
 }
.section_kitchen:hover:after,
.section_cupboard:hover:after{
  background-color: transparent;

}
.kitchen_blok_wrapper,
.cupboard_blok_wrapper{
    z-index: 2;
    display: block;
    position: relative;
    transition: .3s;
    width: 500px;
}
.bg_lines_kitchen, .bg_lines_cupboard{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    bottom: -10%;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-image: url(/assets/img/bg_small.png);
    animation: waveToLeft 4s linear infinite;
    -moz-animation: waveToLeft 4s linear infinite;
    -webkit-animation: waveToLeft 4s linear infinite;
    -o-animation: waveToLeft 4s linear infinite;
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 1000px auto;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition:  opacity .3s ease-out;
}

.bg_lines_kitchen.active ,.bg_lines_cupboard.active{
  opacity: 1;
 }
@keyframes waveToLeft {
   from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1000px;
  }
}
  @-webkit-keyframes waveToLeft {
    from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1000px;
  }
}


.ymaps-2-1-73-controls__toolbar_right{
        visibility: hidden;
    }






.kitchen_blok_wrapper,
.cupboard_blok_wrapper {
    display: block;
    z-index: 3;
    position: relative;
}

.kitchen_blok_wrapper a,
.cupboard_blok_wrapper a{
  font-family: "HelveticaNeueCyr-Bold";
  font-size: 50px;
  padding: 70px 0;
  border: 1px solid rgba(255,255,255,.4);
  text-decoration: none;
  color: rgba(255,255,255,.6);
  text-transform: uppercase;
  display: block;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.kitchen_blok_wrapper p,
.cupboard_blok_wrapper p {
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    text-transform: uppercase;
}
.section_kitchen.active .kitchen_blok_wrapper p,
.section_cupboard.active .cupboard_blok_wrapper p{
  opacity: 1;
}
.section_kitchen:hover .kitchen_blok_wrapper a,
.section_cupboard:hover .cupboard_blok_wrapper a{
    border: 1px solid rgba(255,255,255,1);
    color: #fff;
}
.section_technology .section_kitchen:hover a.present{
    background-color: rgba(60,107,207,1);
}
.section_technology_wrapper {
    position: relative;
    z-index: 100;
}
.section_technology .section_main_title{
  position: absolute;
  top: 150px;
}
.section_technology .section_main_title_md{
    padding: 130px 0 90px 0;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    background-image: url(/assets/img/sect_bg-who.jpg);
    z-index: 2;

}
.section_main_title_md:after{
    content: '';
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;

}
.section_main_title_md:before{
  content: "";
  position: absolute;
  top: 145px;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 1px solid rgba(255,255,255,.50);
}
 body.pp-viewing-section4 #pp-nav li .active span{
  border-color: #fff !important;
 }
 body.pp-viewing-section5 .navbar-2 .navbar-bg,body.pp-viewing-section7 .navbar-2 .navbar-bg {
  background-color: #fff;
 } 

/*---------------------section_gallery---------------------------*/
.section{
    height: 100%;
    width: 100%;


}
.section_gallery{
  padding-bottom: 50px;
z-index: 1;
position: relative;
min-height: 100%;
height: 100%;
}
.section_gallery .tab-content{
    height: 55vh!important;
}
.section_gallery .nav-tabs_g{
    margin-bottom: 40px;

}
.section_gallery .nav-tabs_g{
    display: block;
    margin: 0 auto 40px auto;
    text-align: center;

}
.section_gallery .nav-tabs_g  li{
    display: inline-block;
}

.section_gallery .nav-tabs_g .nav-link{
  font-family: "HelveticaNeueCyr";
  font-weight: 200;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .3s;
  margin: 0 10px;
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
}
.section_gallery .nav-tabs_g  .nav-item:last-child{
  width: 135px;
}
.section_gallery .nav-tabs_g  .nav-link.active{
  font-weight: 500;
  color: #234a99;
  transition: .3s;
}
.section_gallery  .section_slider_gallery{
    display: block;
    margin-top: 100px;

}
.scroll-wrap{
  padding: 135px 0 0px 0;
}
.slider_galery_item .title{
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    transform: rotate(-90deg);
    left: 20px;
    display: block;
    transition: .2s;
    transform-origin: top left;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
}
a:hover .title{
  letter-spacing: 15px;
}


.section_gallery h2.section_main_title{
    color: #000;
    margin-bottom: 70px;
    width: 100%;
}
.section_gallery h2.section_main_title:before{
    border: 1px solid #1c5ddb;
}
.slider_tabs  a{
  color: #000;
}
.slider_gallery_all .slick-slide img,
.slider_gallery_kyhnia .slick-slide img,
.slider_gallery_shkaf .slick-slide img
{
  width: 100%;
}
.progress {
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f5f5f5;
  background-image: linear-gradient(to right, #234a99, #234a99);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .4s ease-in-out;
margin-bottom: 15px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.section .bottom_bg{
  content: "";
    min-height: 120px;
    width: 100%;
    display: block;
    background-color: #e9edf5;
    position: absolute;
    bottom: 0;
    z-index: -1;
    height: calc(100vh - 850px);
}
.slider_gullery_counter{
  color: #000;
  font-size: 20px;
  position: absolute;
  left: 50%;
  display: block;
  z-index: 100;
  bottom: 0;
  transform: translate(-50%,-50%);
}
.slider_gullery_counter .count{
  padding: 0 5px;
}
.slider_gullery_counter #sg{
  color: #2e539e;
  padding: 0 5px;
  font-weight: 600;
}
.slider_galery_item{
  position: relative;
  height: 650px;
  max-height: 55vh;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slider_gallery_all{
  position: relative;
  z-index: 2;
}
.slider_gallery .mix{
  display: none;
}
.slider_gallery .slick-slide img{
  height: 100%;

}
.slider_galery_item:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(44,80,155,0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slider_galery_item:hover:before{
  background-color: rgba(35,74,153,.95);
}
.circle_block{
    position: absolute;
    top: 42%;
    left: 34%;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #fff;
    display: block;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transform: rotate(-45deg);
    transform-origin: left;
    z-index: 3;
}
.slider_galery_item:hover .circle_block{
   opacity: 1;
}
.slider_galery_item .circle_block .arrow-right{
    cursor: pointer;
    height: 50px;
    left: 65%;
    position: absolute;
    top: 79px;
    width: 17px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    transform: translate(0);
}
.slider_galery_item .circle_block .arrow-left{
    left: 41%;
    top: 79px;
    transform: translate(0);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.circle_block .arrow-center,
.circle_block .arrow-center_1{
    width: 30px;
    top: 25px;
}
.circle_block .arrow-center_1{
  left: -20px;
}
.circle_block .arrow-right .arrow-top_1,
.circle_block .arrow-right .arrow-bottom_1,
.circle_block .arrow-right .arrow-center_1,
.circle_block .arrow-left .arrow-top,
.circle_block .arrow-left .arrow-bottom,
.circle_block .arrow-left .arrow-center
 {
    background-color: #fff;
}
.wrap_arrow {
    position: relative;
    top: -24px;
    left: -7px;
}
.slider_galery_item .circle_block:hover .arrow-right{
      transform: translate(20px);
}
.slider_galery_item .circle_block:hover .arrow-left{
      transform: translate(-20px);
}
.slider_gallery .arrow-center, .slider_gallery .arrow-center_1{
  top: 25px;
}
.slick_gallary .NextArrow{
    position: absolute;
    top: 46%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 15px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slick_gallary .PrevArrow{
  position: absolute;
    top: 46%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 15px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slick_gallary .NextArrow:hover,
.slick_gallary .PrevArrow:hover{
    border: 1px solid rgba(255,255,255,1);
}
.slick_gallary .PrevArrow:hover .arrow-top,
.slick_gallary .PrevArrow:hover .arrow-bottom,
.slick_gallary .PrevArrow:hover .arrow-center,
.slick_gallary .NextArrow:hover .arrow-top_1,
.slick_gallary .NextArrow:hover .arrow-bottom_1,
.slick_gallary .NextArrow:hover .arrow-center_1{
    background-color: #fff;
}
.slick_gallary .PrevArrow .arrow-top,
.slick_gallary .PrevArrow .arrow-bottom,
.slick_gallary .PrevArrow .arrow-center{
    background-color: #fff;
}
.slick_gallary .NextArrow:hover .arrow-right{
    left: 64px;
}
.slick_gallary .PrevArrow:hover .arrow-left{
    left: -3px;
}
.block_content_main{
  padding-bottom: 1000px;
}
.slick_gallary .slider_galery_item .bg_lines_kitchen{
  height: 100%; /* задаем произвольную высоту и ширину блока */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
   background-position: -630px 0;
  opacity: 0;
  position: absolute;
  bottom: -120px;
  left: 0;
  background-image: url('/assets/img/bg_small.png');
  animation: waveToLeft 15s linear infinite;
  -moz-animation: waveToLeft 15s linear infinite;
  -webkit-animation: waveToLeft 15s linear infinite;
  -o-animation: waveToLeft 15s linear infinite;
    top: 40%;
    background-repeat: repeat-x;
    background-position: 0;
    background-size: 502px auto;
}
.slick_gallary .slider_galery_item:hover .bg_lines_kitchen{
  opacity: 1;
}
.slick_gallary .arrow-center, .slick_gallary .arrow-center_1{
    background-color: rgba(255,255,255,.50);
    height: 1px;
    width: 23px;
    position: absolute;
    top: 24px;
    left: -3px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.slick_gallary .arrow-center_1{
   left: -11px;
}
.slick_gallary .arrow-left, .slick_gallary .arrow-right{
    cursor: pointer;
    height: 50px;
    left: 65%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 17px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slick_gallary .arrow-left{
  left: 28px;
}


.scroll-wrap{
  position: relative;
  min-height: 100%;
  padding: 135px 0 70px 0;
}
.scrollable-content{
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
}
.scrollable{
  overflow-y: auto;
  height: 100%;
}
.section_gallery .box-inner{
  padding-left: 110px;
  padding-right: 115px;
  padding-top: 150px;
}
.pagingInfo{
  font-size:  16px;
}
.pagingInfo span.two{
  font-weight:  200;
}

body.pp-viewing-section5 #pp-nav .title{
  color: #234a99;
}




/*.slider_gallery_all .slider-track {*/
/*  -webkit-transition: all 1s cubic-bezier(.6,.0,.2,1);*/
/*  transition: all 1s cubic-bezier(.6,.0,.2,1);*/
/*}*/
.slider_gallery_all .slider_galery_item,
.slider_gallery_kyhnia .slider_galery_item,
.slider_news .item_news,
.slider_statia .item_news{
    -webkit-transition: all 1s ease;
      transition: all 1s ease;
      /*-webkit-transform: transpalteY(0);*/
      /*        transform: transpalteY(0);*/
}
.slider_gallery_all .slider_galery_item.slick-active,
.slider_gallery_kyhnia .slider_galery_item.slick-active,
.slider_news .item_news.slick-active,
.slider_statia .item_news.slick-active{
  /*-webkit-transform: transpalteY(-150%);*/
  /*        transform: transpalteY(-150%);*/
  -webkit-animation: cssAnimation 1s 1 ease;
  animation: cssAnimation 1s 1 ease;
}


@keyframes cssAnimation {
  0% {
     
    transform: translateX(150%) scale(.5);

    -webkit-transform: translateX(150%) scale(.5);
}
  100% {
    transform: translateX(0) scale(1);

    -webkit-transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes cssAnimation {
0% {
     transform: translateX(150%) scale(.5);
    -webkit-transform: translateX(150%) scale(.5);
  }
  100% {
      transform: translateX(0) scale(1);
    -webkit-transform: translateX(0) scale(1);
  }
}






/* ---------------------section_contact_form--------------*/


/*.section_contact_form{
  padding-bottom: 0;
  padding-top: 150px;
  position: relative;
}
*/
.section_email{
  position: relative;
  min-height: 100%;
}
.section_email .section_background_email:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
}
.section_email .section_background_email:after{
  content: "";
  position: absolute;
  top: 0;
  left: 115px;
  width: 90%;
  height: 100%;
  background-image: url(/assets/img/contact_bg_letter.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.section.section_email .section_main_title{

}
.section_email .form .mat-input, .form .textarea{
  height: 70px;
}
.section_background_email{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%;
    }


.section_email a.draw{
  margin: 55px auto 0 auto;
}
.section_email  .box-inner{
  padding-top: 150px;
  overflow: hidden;
}
.section_email .section_wrapper {
  overflow: hidden;
}
.main_form {
    margin-top: 120px;
    padding-bottom: 30px;
}
.section_email .mat-label{
  padding-top: 28px;
}

.form .mat-input{
   height: 80px;
}
.section_email .form .textarea{
  height: 70px;
}



.cal_back_wrap .form .mat-input{
  padding-left: 150px;
}


.form .button {
  line-height: normal;
  cursor: pointer;
  background-color: black;
  color: white;
  text-transform: uppercase;
  text-align: center;

}
.form .button:hover, .form .button:focus, .form .button:active {
  color: white;
  background: black;
}
.form .button:active {
  position: relative;
  top: 1px;
  left: 1px;
}

.form {
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}



.form .textarea {
  max-width: 100%;
  padding-top: 25px;
}


.main_form button{
  margin: 60px auto 0 auto;
}
.agreement{
  text-align: center;
  margin-top: 50px;
}
.main_form p{
  font-size: 14px;
  font-weight: 100;
  letter-spacing: .8px
}
.form .custom {
  font-size: 20px;
    line-height: normal;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    padding-left: 200px;
    border-bottom-color: rgba(255, 255, 255, .5);
    background: transparent;
    outline: none;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.agreement a{
  text-decoration: underline;
  color: #fff;
}
 body.pp-viewing-section6 #pp-nav li .active span{
  border-color: #fff !important;
 }




/*----------------section_contacts------------------*/
.section_contacts{
  position: relative;
  min-height: 100%;
  background-repeat: no-repeat;

}
.contacts_block {
  padding-top: 100px;
  margin-left: 10px;
  position: relative;
  z-index: 2;
  height: 614px;

}
.contacts{
    padding: 50px 65px 40px 65px;
    position: relative;
    background-color: #fff;
    color: #000;
    width: 50%;
    height: 100%;
    display: inline-block;
    float: left;
    z-index: 3;
    pointer-events: all;
     
}
.contacts h2, .contacts span{
  font-weight: 600;
  color: #2e539e;
  text-transform: uppercase;
}
.contacts span{
  margin-top: 10px;
  display: block;
  font-weight: 100;
  font-size: 18px;
}
.contacts table, table tr{
  margin-top: 40px;
}
.contacts .arrow-right{
 left: 90%;
  top: 10%;
}
.contacts .arrow-top_1,
.contacts .arrow-bottom_1,
.contacts .arrow-center_1{
  background-color: #2e539e;
}

.photo_right img{
  width: 100%;
  height: 100%;
}
.section_contacts .overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
}


.section_wrapper{
  min-height: 100%;
  position: relative;

}
.scrollable-content {
    white-space: nowrap;
    width: 100%;
    font-size: 0;
}
.scrollable-content::before {

}
/*.section .vertical-centred {
    padding-top: 140px;
    padding-bottom: 8rem;
}*/
.vertical-centred {
    width: 100%;
    white-space: normal;
    font-size: 1rem;
}
.flex{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.box-inner {
    position: relative;
    padding: 0;
    padding-right: 0px;
    padding-left: 0px;
}
.box {
    padding-left: 100px;
    padding-right: 100px;
}


.section_contacts .section_background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%;

}
.section_contacts .section_background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}
.wrap_contacts{
  display: table;
}
.contacts_table-row{
  display: table-row;
  font-size: 20px;
  font-weight: 200;
}
.cont_table_cell_1,.cont_table_cell_2{
  display: table-cell;
  padding-top: 35px;
  width: 200px;
}
.arrow_click {
    position: absolute;
    width: 35px;
    top: 60px;
    right: 30px;
    cursor: pointer;
}

.photo_right.active {
    display: block;
    transform: translateX(-100%);
}
.wrap_photo {
    display: inline-block;
    width: 50%;
    height: 100%;
    transition: .4s;
    float: right;
    z-index: 3;
}

.photo_right{
  width: 100%;
  height:100%;
  z-index: 2;
  transition: all .4s;
 transform: translateX(0%);
pointer-events: all;
}
.arrow_click.right{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.arrow_click.left{

  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.metka_map {
    width: 240px;
    position: absolute;
    top: 240px;
    right: -80px;
    display: inline-block;
    z-index: 1;
}
.footer_social{
  margin-top: 60px;
  /*margin-bottom: 20px;*/
  padding-bottom:20px;
}
.footer_social .scrool{
  opacity: 1;
  bottom: 0;
  height: 50px;
  width: 300px;
  margin-right: 60px;
}
.footer_social .soc_icon_footer{
    bottom: 0;
    left: 41%;
    width: 300px;
    text-align: center;
    vertical-align: top;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 300ms linear 100ms;
    transition: transform 300ms linear 100ms,-webkit-transform 300ms linear 100ms;
    z-index: 103;
    margin: 0 auto;
}
.soc_icon_footer img {
    width: 33px;
    height: 33px;
}
  .footer_social .soc_icon_footer a{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 200;
    letter-spacing: .7px;
    width: 60px;
    height: 60px;
    line-height: 55px;
    margin: 0 15px;
  }
 .section_contacts .box-inner{
  padding-top: 150px;
  overflow: hidden;
 } 
 .section_contacts  .section_wrapper{
  overflow: hidden;
 }
  body.pp-viewing-section8 .present{
    background-color: rgba(255,255,255,.5);
  }
   body.pp-viewing-section8 #pp-nav li .active span{
  border-color: #fff !important;
 }
 .section_contacts .scrool{
    opacity: 1;
    bottom: 28px;
    height: 32px;
 }
/*-------------- section-news  --------------*/
.section_news{
  background-color: #fff;
  z-index: 1;
  position: relative;
  min-height: 100%;
}
.slide-count-wrap {
    text-align: center;
}
.section_news .tab-content {
    height: 69vh!important;
}
.section_news .nav-tabs {
   margin: 0 auto;
    margin-bottom: 0px;
    display: block;
    width: 400px;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 60px;
    position: relative;
    left: 36px;
}
.section_news .nav-tabs .section_main_title{
    top: 0;
    position: absolute;
    left: 41%;
}
.section_news .nav-tabs > li > a{
    margin-right: 2px;
line-height: 1.42857143;
border: 0;
border-radius: 4px 4px 0 0;
font-size: 30px;
font-family: "HelveticaNeueCyr";
text-transform: uppercase;
color: #000;
font-weight: 200;
padding: 0;
transition: .3s;
}
.nav>li>a:hover, .nav>li>a:focus{
  background-color: transparent;
  border: none;
}
.section_news .nav-tabs > li.section_main_title:before{
    content: "";
    position: absolute;
    top: 21px;
    left: -9%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 1px solid rgba(35,74,153,.50);
    z-index: -1;
}
.section_news .nav-tabs>li.let{
      width: 34px;
    margin: 0 7px;
    text-align: center;
    z-index: -1;
}
.section_news .nav-tabs>li{
    width: 151px;
    text-align: left;
    z-index: 1;
}
.section_news .let{
  font-size: 30px;
color: #000;
font-weight: 200;
text-transform: uppercase;
margin: 0 8px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  color: #234a99;
  font-weight: 500;
  border: none;
  background: transparent;
}
.section_news .section_background{
  background-color: #fff;
  z-index: -2
}
.section_news h2.section_main_title{
    color: #000;
    margin-bottom: 70px;
}
.section_news h2.section_main_title span{
  color: #234a99;
  font-weight: 400;
}
.section_news h2.section_main_title:before{
  border: 1px solid rgba(35,74,153,.50);
}
.section_news .box-inner{
  margin-top: 150px;
}
.section_news .box{
  padding-right: 190px;
  padding-left: 190px;
}
.section_news .bottom_bg{
  z-index: -1;
  min-height: 690px;
  height: calc(100vh - 600px);
}
.section_news .pagingInfo{
    font-size:  16px;
}
.section_news span{
  color: #000;
  font-size: 16px;
   
}
.section_news span.two{
     margin-left: 5px;
}

.section_news span.one{
  color: #234a99;
  margin-right: 5px;
}
.wrap_img{
  position: relative;
}
.wrap_img:after{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #234a99;
    opacity: 0;
}
.wrap_img:hover:after{
  opacity: 1;
}
.wrap_img:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(35,74,153,.95);
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.block_news_date{
  padding-top: 20px;
  clear: both;
  display: block;
}
.item_news:hover .wrap_img:before{
  opacity: 1;
}
.item_news .circle_eye{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 165px;
    height: 165px;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
   opacity: 0;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
}
.item_news:hover .circle_eye{
  opacity: 1;
}
.circle_eye:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    border: 2px solid rgba(255,255,255,.8);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: .2s;
    
}
.circle_eye:hover:before{
    width:25px;
    height:25px;
}
.wrap_img{
  position: relative;
  -webkit-transform: .4s;
      -ms-transform: .4s;
          transform: .4s;
  height: 400px;
  max-height: 42vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.wrap_text {
    padding: 0 35px 35px 35px;
    background-color: #fff;
}
.item_news{
  position: relative;
  margin: 0 15px;
}
.item_news:hover{
  text-decoration: none;
}
.item_news p{
  font-weight: 500;
  font-size: 1.3vw;
  text-transform: uppercase;
  line-height: 42px;
  margin-bottom: 0;
}
.item_news img{
  width: 100%;
  height: 100%;
}
.item_news .category{
  color: #234a99;
  font-size: 12px;
  text-transform: uppercase;
}
.item_news .date{
  color: #000;
  text-align: right;
  font-size: 12px;
}
.text_desciption{
    font-size: 24px;
    color: #000;
    margin-top: 30px;
    height: 110px;
}
.item_news:hover .text_desciption{
 text-decoration: none;
  color: #234a99;
}
.item_news .text_desciption {
    transition: .3s;
}
li.nav-item.right {
    text-align: right;
    margin-left: 5px;
}
.section_news .slider_news_counter{
    margin-top: 30px;
    display: block;
    width: 100%;
    text-align: center;
}


.section_news .section_main_title{
      top: 0;
    position: absolute;
    left: 25px;
}
.section_news .slick-slider .NextArrow{
    position: absolute;
    top: 45%;
 
    right: -105px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(46,83,158,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-right: 20px;
}
.section_news .slick-slider .arrow-left, .section_news .slick-slider .arrow-right{
  cursor: pointer;
  height: 50px;
  left: 65%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 17px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.section_news .slick-slider .PrevArrow {
    position: absolute;
    top: 45%;

    left: -105px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(46,83,158,.5);
    z-index: 10;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: 20px;
}
.section_news .slick-slider .arrow-left, .section_news .slick-slider .arrow-right{
cursor: pointer;
height: 50px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
width: 17px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.section_news .slick-slider .arrow-top, .section_news .slick-slider .arrow-top_1 {
    background-color: rgba(46,83,158,.5);
    height: 1px;
    left: -5px;
    position: absolute;
    top: 49%;
    width: 100%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.section_news .slick-slider .arrow-bottom, .section_news .slick-slider .arrow-bottom_1  {
    background-color: rgba(46,83,158,.5);
    height: 1px;
    left: -5px;
    position: absolute;
    top: 49%;
    width: 100%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.section_news .slick-slider .arrow-center, .section_news .slick-slider .arrow-center_1 {
    background-color: rgba(46,83,158,.5);
    height: 1px;
    width: 30px;
    position: absolute;
    top: 25px;
    left: -3px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.section_news .slick_slider .arrow-center_1 {
  top: 25px;
}
.section_news .slick-slider .NextArrow:hover,
.section_news .slick-slider .PrevArrow:hover{
    border: 1px solid rgba(46,83,158,1);
}
.section_news .slick-slider .PrevArrow:hover .arrow-top,
.section_news .slick-slider .PrevArrow:hover .arrow-bottom,
.section_news .slick-slider .PrevArrow:hover .arrow-center,
.section_news .slick-slider .NextArrow:hover .arrow-top_1,
.section_news .slick-slider .NextArrow:hover .arrow-bottom_1,
.section_news .slick-slider .NextArrow:hover .arrow-center_1{
   background-color: rgba(46,83,158,1);
}
.section_news .slick-slider .PrevArrow:hover .arrow-left{
    left: -7px;
}
.section_news .slick-slider .NextArrow:hover .arrow-right{
  left: -7px;
}
.section_news .bottom_bg {
    min-height: 600px;
    width: 100%;
    display: block;
    background-color: #e9edf5;
    position: absolute;
    bottom: 0;
    z-index: -1;
    height: calc(100vh - 600px);
}
body.pp-viewing-section7 #pp-nav .title{
  color: #234a99;
}
.news{
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: center;
    display: block;
    top: 0;
    left: 0;
    overflow-y: auto;
    padding-top: 120px;
}
 .news:before{
     content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(46,83,158,.95);
      width: 100%;
      height: 100%;
 }
.slick-slider_item{
  position: relative;
  padding: 45px 105px;
  margin-top: 120px;
}
.photo_news img{
  width: 100%;
}
.slick-slider_2{
  color: #234a99;
   background-color: #fff;
   padding-bottom: 25px;
}
.slick-slider_2 .category{
  font-size: 16px;
}
.slick-slider_2 .date{
  color: #000;
  font-size: 16px;
  text-align: right;
}
.slick-slider_2 .block_news_date .col-md-6{
  padding:  0;
}
.slick-slider_2 .block_news_date{
    margin-bottom: 55px;
    text-transform: uppercase;
  }
  .slick-slider_2 h2{
    text-transform: uppercase;
    font-size: 48px;
   line-height: 72px;
    font-weight: bold;
  }
  .description_news{
    margin-top: 50px;
    font-size: 20px;
    font-weight: 200;
    color: #000;
  }
.slick-slider_2 .photo_news{
  margin-top: 70px;
  padding: 0 35px 0 100px;
}
.news .slider_gullery_counter{
  bottom: 20px;
}
.slick-slider_item .scroll-pane{
  height: 700px;
  padding-right: 100px;
  margin-right: 0;
}
.slick-slider_2 .slick-slider_item{
  margin-top: 0;
  padding: 15px 105px 45px 105px;
}

    .slick-slider_2 .NextArrow, .slick-slider_2 .PrevArrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -105px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

}
.slick-slider_2 .PrevArrow{
    left: -100px;
}
.slick-slider_2 .arrow-center, .slick-slider_2 .arrow-center_1{
    top: 25px;
    width: 30px;
}
.slick-slider_2 .arrow-right{
    left: 75%;
    transition: .2s;
}
.slick-slider_2 .arrow-left{
  transition: .2s;
}
.slick-slider_2 .arrow-center_1 {
    left: -20px;
}
.slick-slider_2 .NextArrow:hover, .slick-slider_2 .PrevArrow:hover {
    border: 1px solid #fff;
}
.slick-slider_2 .NextArrow:hover .arrow-right {
    left: 67px;
}
.slick-slider_2 .PrevArrow:hover .arrow-left {
    left: -6px;
}
.slick-slider_2 .PrevArrow:hover .arrow-top,
.slick-slider_2 .PrevArrow:hover .arrow-bottom,
.slick-slider_2 .PrevArrow:hover .arrow-center,
.slick-slider_2 .NextArrow:hover .arrow-top_1,
.slick-slider_2 .NextArrow:hover .arrow-bottom_1,
.slick-slider_2 .NextArrow:hover .arrow-center_1{
  background-color: #fff;
}
/*------------Zacaz---------------*/

.zamer,.present_modal{
    background-size: cover;
    width: 100%;
    min-height: 100%;
    background-position: center;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    padding-top: 120px;
}
.zamer:before,
.present_modal:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(46,83,158,.95);
  width: 100%;
  height: 100%;
}
.zamer .main_form{
  margin-top: 10px;
}
.zamer .section_main_title,
.present_modal .section_main_title{
    font-family: "HelveticaNeueCyr";
    font-weight: 200;
    font-style: normal;
    font-size: 30px;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 101;
    margin-bottom: 70px;
  }
.zamer .section_main_title:before,
.present_modal .section_main_title:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.50);
}
.zamer .form .label{
  top: 35px;
}


.modal-dialog,
.modal-dialog{
  width: 100%;
  height: 100%;
  margin: 0;
}
.modal{
  padding-left: 0 !important;
}
.modal-content{
  height: 100%;
  border: none;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.zamer .modal-content,
.present_modal .modal-content{
  height: 100%;
}
.modal button.close,
.modal button.close{
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1000;
  transition: .2s;
  width: 40px;
  height: 40px;
}
.modal button span {
    color: #fff;
}
.close{
  opacity: .5;
}
.close span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
  }
.close span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close span:nth-child(2){
  -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close:hover, .close:focus{
  opacity: 1;
}
.block_service{
    margin: 0 auto;
    width: 300px;
}
.nav-tabs{
  border: 0;
}
.nav-tabs>li>a{
  border: 0;
  border-radius: 0;
  margin: 0;
}
.nav-tabs>li{
  margin-bottom: 0;
}
.zamer .nav-tabs > li.active > a, .zamer .nav-tabs > li.active > a:hover, .zamer .nav-tabs > li.active > a:focus{
  color: #fff;
  font-weight: 200;
}
.zamer .nav-tabs > li.active{
  border: 1px solid #fff;
}
.zamer .nav-tabs > li {
  border: 1px solid transparent;
  transition: .2s;
}
.zamer .nav-tabs > li > a{
  
   font-weight: 200;
}
.block_service a{
  font-size: 18px;
  color: #fff;
  padding: 12px;
  border: 1px solid transparent;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  margin: 0 10px;
  text-transform: uppercase;
}
.block_service a:hover{
    border: 1px solid #fff;
}
.block_service a.active{
  border: 1px solid #fff;
}
.block_service a:focus{
  text-decoration: none;
}

.block_service a.froze{

}

.bannercontainer {
  width:100%;
  position:relative;
  padding:0;
}

.banner{
  width:100%;
  position:relative;
}
.slider__counter {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  mix-blend-mode: difference;
  pointer-events: none;
}

.zamer a.draw{
  margin-top: 60px;
}

/*-----------------cart_news------------------*/


 .scroll_news{
    margin-top: 55px;
    height: 68vh;
    overflow-y: auto;

 }
.cart_news {
    padding: 100px 150px 0 150px;
    position: relative;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.slider_news_2 {
    background-color: #fff;
    padding: 40px 110px 60px 110px;
}
.slider_news_2 .slider_news_item{
    padding:0 20px;
}
.photo_news{
  margin: 50px 0;
}
.cart_news:before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(46,83,158,.95);
    width: 100%;
    height: 100%;
}
.cart_news .block_news_date {
  color: #234a99;
  font-size: 16px;
  text-transform: uppercase;
}
.cart_news h2{
  font-size: 48px;
  font-weight: 500;
  color: #234a99;
  text-transform: uppercase;

}
.block_news_date .date{
  color: #000;
  text-align: right;
}
.block_news_text{
  margin-right: 90px;
}
.cart_news .mCSB_dragger:hover .mCSB_dragger_bar{
  background-color: #234a99;
}
.cart_news .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color: #234a99;
  border-radius: 0;
  width: 2px;
}
.cart_news .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
  width: 2px}

.slider_news_2 .PrevArrow, .slider_news_2 .NextArrow{
  position: absolute;
  top: 50%;
}
.slider_news_item {
    height: 78vh;
}
.slider_news_2 .PrevArrow.slick-arrow {
    left: -10%;
}

.slider_news_2 .NextArrow.slick-arrow {
    right: -10%;
}
.slider_news_2 .PrevArrow {
    position: absolute;
    bottom: -57px;
    left: 0px;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slider_news_2 .PrevArrow .arrow-center,
.slider_news_2 .NextArrow .arrow-center_1{
  width: 30px;
}
.slider_news_2 .NextArrow .arrow-right{
  transition: .3s;
  left: 70%;
}
.slider_news_2 .PrevArrow .arrow-left{
  transition: .3s;
}
.slider_news_2 .NextArrow .arrow-center_1{
  left: -19px;
  transition: .3s;
}
.slider_news_2 .NextArrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 54px;
    height: 50px;
    background: transparent;
    border: none;
    border: 1px solid rgba(255,255,255,.5);
    z-index: 10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slider_news_2 .NextArrow:hover,
.slider_news_2 .PrevArrow:hover{
      border: 1px solid rgba(255,255,255,1);
}
.slider_news_2 .NextArrow:hover .arrow-top_1, .slider_news_2 .NextArrow:hover .arrow-bottom_1, .slider_news_2 .NextArrow:hover .arrow-center_1,
.slider_news_2 .PrevArrow:hover .arrow-top, .slider_news_2 .PrevArrow:hover .arrow-bottom, .slider_news_2 .PrevArrow:hover .arrow-center{
      background-color: #fff;
}
.slider_news_2 .PrevArrow:hover .arrow-left{
  left: -3px;
}
.slider_news_2 .NextArrow:hover .arrow-right{
   left: 66px;
}


/*----------------------section_present---------------------*/
.wrap_present{
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 10vh;
}
.section_present{
    width: 100%;
 

}
.wrap_present:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.section_present .section_main_title:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.50);
}
.section_present .text{
  font-size: 120px;
  font-weight: 400;
  font-style: italic;
  padding-top: 10vh;
}
.section_present .draw{
  margin: 0;
  margin-top: 20px;
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.modal.in .modal-dialog {

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s ;
    transition: -webkit-transform 0.4s ;
    -o-transition: -o-transform 0.4s ;
    -o-transition: transform 0.4s ;
    transition: transform 0.4s ;
    transition: transform 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s , -webkit-transform 0.4s;
}
.pp-tooltip{
  display: none !important;
}
/*-----------------------------------*/
.point{
  position: absolute;
  display: inline-block;
  width: 43px;
    height: 43px;
    text-decoration: none;

}
.point:before{
 content: "";
  position: absolute;
  width: 49px;
  height: 49px;
  top: -3px;
  left: -3px;
   border: 1px solid #234a99;
   transition: .2s;
}
.point:hover:before{
    width: 55px;
    height: 55px;
    top: -6px;
    left: -6px;
}
.point.active:before{
  display: none;
}

.hide{
  opacity: 0!important;
  transition: .3s;
}
.btn{
  transition: opacity .3s;
}
.point .btn,.btn-close{
  display: block;
    background: rgba(35,74,153,.7);
    width: 43px;
    height: 43px;
    position: relative;
    border-radius: 0;
}
.btn-close{
  cursor: pointer;
  width: 44px;
  height: 44px;
}
.trigger:after,.trigger:before,.btn-close:after,.btn-close:before {
    content: '';
    display: block;
    height: 20px;
    width: 1px;  
     background: rgba(255,255,255,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
    transition: .5s;
}
.btn-close:after,.btn-close:before{
    top:22px;
    left:22px;
}
.trigger:before{
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
}
.btn-close.trigger{
    transition: .2s;
}
.btn-close.trigger:hover{
    border-radius: 50%;
     -webkit-animation: rotate 2s ease-in-out;
    animation: rotate 2s ease-in-out;}
/*.btn-close.trigger:hover:after{*/
/*    -webkit-animation: rotate_one 6s ease-in-out;*/
/*    animation: rotate 6s ease-in-out;}*/


/*}*/
/*@-webkit-keyframes rotatetriger{from{rotate:0deg;}to{rotate:980deg;}}*/
/*@keyframes rotatetriger{rotate:0deg;}to{rotate:980deg;}}*/


@-webkit-keyframes rotate{
    0%{
        transform: none;
    }
    100%{
        transform: rotate(900deg);
    }
}
@-webkit-keyframes rotate_one{
    0%{
        transform: translate(-50%,-50%);
    }
    100%{
        transform: rotate(1800deg);
    }
}


.btn-close.trigger {
    background: transparent;
}
.btn_clode_wrapper {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: rgba(35,74,153,.7);
}
.modal-wrapper.open .btn-close:after, .modal-wrapper.open .btn-close:before{
    -webkit-transition: all .3s cubic-bezier(.641,0,.382,1) .5s;
    transition: all .3s cubic-bezier(.641,0,.382,1) .5s;
}
.modal-wrapper.open .btn-close:after{
       -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.modal-wrapper.open .btn-close:before{
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
.modal-wrapper{

  visibility:hidden;
  opacity:0;}

.modal-wrapper.open{
  opacity:1;
  visibility:visible;
}

.modals{
  width:270px;
  height:270px;
  display:block;
/*  margin: 0% 0 0 -224px;*/
  position:absolute;
  top: -146%;
    left: -50%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 1px solid #234a99;
  text-decoration: none;
  z-index: -1;
}

.modal-wrapper.open .modals{
  opacity:1;
  z-index: 2;
}

.head{
  width:90%;
  height:32px;
  padding:1.5em 5%;
  overflow:hidden;
  background:#01bce5;
}

.point_photo img{
  width: 100%;
}

.point_content{
  padding:20px;
}
.point_content p{
  width: 100%;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: 400;

}


/*-------------------------------------*/
/*----------modal----kyhnia,shkaf-----------------------*/

.kuhnia,.shkaf {
    position: relative;
    height: 100vh;
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    padding-top: 12vh;
    min-height: 100%;
}
.info_point_wrapper{
    position: absolute;

}


.info_close{
   cursor: pointer;
  top: -13px;
  right: 37px;
  display: block;
  width: 43px;
  height: 43px;
}
.detail-point,.detail-point_close{
    display: block;
    background: rgba(35,74,153,.7);
    width: 43px;
    height: 43px;
    position: relative;
    overflow: hidden;
    
}
.detail-point_close{
  position: absolute;
  bottom:0;
  right: 0;
}
.info_point_wrapper.active .detail-point {
    background: 0;
    width: 270px;
    height: 270px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}



.detail-point:before,.detail-point_close:before {
    content: '';
    display: block;
    height: 20px;
    width: 1px;
    background: rgba(255,255,255,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) 
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.detail-point:after,.detail-point_close:after {
    content: '';
    display: block;
    height: 20px;
    width: 1px;  
     background: rgba(255,255,255,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
}
.detail-point:before,.detail-point:after{
  transition: .1s;
}
.detail-point:hover:before, .detail-point:hover:after{
  background: rgba(255,255,255,1);
}
.detail-point .detail-point_info{
  opacity: 0;
    position: absolute;
    width: 270px;
    height: 270px;
    padding-bottom: 10px;
    color: white;
    text-decoration: none !important;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: 0;
}
.detail-point_info img{
  width: 100%;
}
.detail-point_close:before{
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.detail-point_close:after{
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
} 

.detail-point .detail-point_info img{
  width: 100%;
}
.detail-point p{
  height: 152px;
  width: 100%;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 20px
}
.info_point_wrapper.active .detail-point .detail-point_info {
    opacity: 1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.info_point_wrapper.active .detail-point{
  width: 270px;
  height: 270px;
  background: transparent;
}

.info_point_wrapper:after{
  content: "";
  position: absolute;
  width: 49px;
  height: 49px;
  top: -3px;
left: -3px;
   border: 1px solid #234a99;
   padding: 3px;
   transition: .2s;
}
.info_point_wrapper:hover:after{
  width: 55px;
  height: 55px;
  top: -6px;
left: -6px;
}
.info_point_wrapper.active:after{
    width: 280px;
    height: 280px;
    top: -6px;
    left: -6px;
}
.info_point_wrapper:hover:before{
  display: none;
}
.info_point_wrapper:active .info_point_wrapper:before{
  width: 277px;
  height: 277px;
}







.info_block{
  background: #fff;
  min-height: 100%;
}
.info_block p{
  color: #000;
  font-size: 16px;
  font-weight: 200;
  height: 145px;
  padding: 20px 30px;
}
.modal.small{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 270px;
    height: 270px;
    border: 1px solid #234a99;
    overflow: hidden;
}
.info_block img{
  width: 100%;
}

.modal.small button.close{
      top: 78%;
    right: 5%;

}
.modal.small .close span{
  border-radius: 0;
  transform: rotate(0);
}
.modal.small .close {
  opacity: 1;
}
.info_close .info_plus:before{
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
.info_close .info_plus:after{
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.kuhnia .section_main_title,.shkaf .section_main_title{
  z-index: 1;
  width:initial;
}
.point_photo{
    height: 155px;
}
.point_photo img{
    max-height: 155px;
}

.mat-label {
  display: block;
  font-size: 16px;
  color: rgba(255,255,255,.5); ;
  transition: all 0.5s;
  font-weight: 100;
  position: absolute;
  padding-top: 35px;
}

.mat-input {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 15px 0 0 300px;
  font-weight: 200;
}
textarea.mat-input {
    padding: 30px 0 0 300px;
}
.mat-div {
  position: relative;
}

.mat-div:after, .mat-div:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255,255,255,.5); 
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.mat-div::after {
  background-color: #fff;
  width: 0;
}

.is-active::after {
  width: 100%;
}

.is-active .mat-label {
  color: rgba(255,255,255,1);
}




div#consultation {
    overflow-y: auto;
    background-color: #fff;
}

.info_block{
  width: 270px;
  height: 270px;
  min-height: 270px;
  position: absolute;
    top: 51px;
}


#wrap {
    width:300px;
    padding:64px 0;
    position: absolute;
    top:50%;
    left:50%;
    margin:-100px 0 0 -150px;
    text-align:center;
}


#wrap a {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size:72px;
    color:#000;
    text-transform:uppercase;
    -webkit-transition: .25s ease;
            transition: .25s ease;
}

#popup {
    display: none;
    position: absolute;
    z-index: 1000;
    text-align: center;
    top:50%;
    left:50%;
    margin:-100px 0 0 -150px;
    background:#fff;
    width:240px;
    height:140px;
    padding:30px;
    -webkit-box-shadow:
        0 0 125px 0 rgba(0,0,0,1),
        0 0 10000px 500px rgba(0,0,0,.75);
            box-shadow:
        0 0 125px 0 rgba(0,0,0,1),
        0 0 10000px 500px rgba(0,0,0,.75);
    border-radius:5px;
   
    
}

#popup h2 {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size:36px;
    color:#000;
    text-transform:uppercase;
}

#popup a{
    font-family: 'Pathway Gothic One', sans-serif;
    font-size:16px;
    color:#000;
    text-transform:uppercase;
    -webkit-transition: .25s ease;
            transition: .25s ease;
}

#wrap a:hover, #popup a:hover {
    color:#b42b25; 
}
.privacy_policy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(46,83,158,.95);
    width: 100%;
    height: 100%;
}
.privacy_policy p {
    font-size: 16px;
    margin-top: 86px;
    font-weight: 200;
}
.modal-dialog.modal_privacy {
    height: auto;
}
div#privacy_policy{
    background-color: #fff;
}
.privacy_policy {
    padding-top: 150px;
    padding-bottom: 30px;
}
.privacy_policy{
  background-size: cover;
    width: 100%;
    min-height: 100%;
    background-position: center;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    padding-top: 120px;  
}

#info_block_12::before, #info_block_13::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #234a99;
    width: 100%;
    height: 100%;
}
div#news_text {
    overflow-y: hidden;
}
.slider_news_2{
    height: 89vh;
}
.to_top_wrap {
    position: fixed;
    height: 50px;
    width: 50px;
    bottom: 30%;
    right: 45px;
    z-index: 50;
    transform: rotate(-90deg);
    border: 1px solid rgba(255,255,255,.5);
    transition: .3s;
    opacity: 0;
    transition: .5s;
}
#to_top{
  width: 43px;
    height: 49px;
    cursor: pointer;
    opacity: 1;
    background-size: 80%;
    background-position: center;
}
#to_top .arrow-center_1 {
    left: -16px;
}
#to_top .arrow-center_1{
  top: 25px;
  width: 27px;
}
#to_top .arrow-right{
  left: 66%;
  transition: .2s;
}
.to_top_wrap:hover {
    border: 1px solid rgba(255,255,255,1);
}
.pp-viewing-section5 .to_top_wrap,.pp-viewing-section7 .to_top_wrap{
  border: 1px solid rgba(46,83,158,.5);
}
.pp-viewing-section5 .to_top_wrap:hover,.pp-viewing-section7 .to_top_wrap:hover{
  border: 1px solid rgba(46,83,158,1);
}
#to_top:hover .arrow-right{
    left: 62px;
}
#to_top:hover .arrow-top_1, #to_top:hover .arrow-bottom_1, #to_top:hover .arrow-center_1 {
    background-color: #fff;
}
.pp-viewing-section5 #to_top .arrow-top_1, .pp-viewing-section5 #to_top .arrow-bottom_1, .pp-viewing-section5 #to_top .arrow-center_1,
.pp-viewing-section7 #to_top .arrow-top_1, .pp-viewing-section7 #to_top .arrow-bottom_1, .pp-viewing-section7 #to_top .arrow-center_1{
    background-color: rgba(46,83,158,.5);
}
.pp-viewing-section5 #to_top:hover .arrow-top_1, .pp-viewing-section5 #to_top:hover .arrow-bottom_1, .pp-viewing-section5 #to_top:hover .arrow-center_1,
.pp-viewing-section7 #to_top:hover .arrow-top_1, .pp-viewing-section7 #to_top:hover .arrow-bottom_1, .pp-viewing-section7 #to_top:hover .arrow-center_1{
    background-color: rgba(46,83,158,1);
}
    
/*.pp-viewing-section2 .to_top_wrap,.pp-viewing-section3 .to_top_wrap,.pp-viewing-section4 .to_top_wrap,.pp-viewing-section5 .to_top_wrap,.pp-viewing-section6 .to_top_wrap,.pp-viewing-section7 .to_top_wrap,*/.pp-viewing-section8 .to_top_wrap{
  opacity: 1;
}

.contacts .wrap {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40px;
    right: 31px;
    cursor: pointer;
}
.arrow--l-r {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  margin: 0 1rem;
}
.arrow--l-r.left span:nth-child(4) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.arrow--l-r.left span:nth-child(5) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.arrow--l-r.right span:nth-child(1) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.arrow--l-r.right span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.arrow--l-r span {
  position: absolute;
  height: 2px;
  background-color: #2e539e;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.arrow--l-r span:nth-child(1),
.arrow--l-r span:nth-child(2),
.arrow--l-r span:nth-child(4),
.arrow--l-r span:nth-child(5) {
  width: 18px;
  top: 0.625rem;
}
.arrow--l-r span:nth-child(1) {
  right: 0;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.arrow--l-r span:nth-child(2) {
  right: 0;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.arrow--l-r span:nth-child(3) {
  width: 40px;
  top: 0.625rem;
}
.arrow--l-r span:nth-child(4) {
  left: 0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.arrow--l-r span:nth-child(5) {
  left: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
span.arrow--l-r {
    width: 40px;
    height: 40px;
}


#map{
  width: 100%;
  height:100vh;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}
.contact{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index:4;
  user-select:none;
  pointer-events: none;
   width: 60%;
  padding-right: 43px;
}
.contacts.active{
  width:100%;
}
.contacts{
  transition: .3s;
}
.wrap_photo.active{
  display:none;
}
button.gm-control-active.gm-fullscreen-control {
    top: 100px!important;
    right: 40px!important;
}
.gmnoprint,
.gmnoscreen,
.gm-style-cc
{
  display:none!important;
}
.footer_social_wrapper {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
}
.contact_wrapper{
  overflow: hidden;
}
.section_main_title.footer_title{
    position:absolute;
    top:15vh;
    width:200px;
}
.bg_map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,256,.2);
    z-index: 2;
    pointer-events: none;
}
.ymaps-2-1-73-controls__control{
    top:385px!important;
}
.ymaps-2-1-73-copyright{
    display:none!important;
}
.ymaps-2-1-73-float-button{
    background-color:#000!important;
}
.ymaps-2-1-73-image {
        filter: invert(100%);
}

/*.ymaps.ymaps-2-1-73-controls__toolbar_left,.ymaps.ymaps-2-1-73-controls__control_toolbar.ymaps-2-1-73-user-selection-none {*/
/*    display: none!important;*/
/*}*/
.ymaps-2-1-73-controls-pane{
    top:100px!important;
}

/*-----------------------------------------------*/
@media (max-width: 1800px) {
  .header_phone img{
    margin-left: 20px;
  }
  .section_news .tab-content{
    height: 80vh!important;
  }

}


@media (max-width: 1550px){
    .circle_block{
      width: 130px;
      height: 130px;
    }
    .wrap_arrow {
    top: -38px;
    left: -7px;
  }
  .kitchen_blok_wrapper, .cupboard_blok_wrapper{
    width: 400px;
  }
  .section_news{
    padding-bottom: 50px;
  }
  .kuhnia .section_main_title{
    top: 20px!important;
  }
    .ul.menu-list{
        padding-left: 16rem;
  }

}
@media (max-width: 1400px){
    .section_main .number_title{
        font-size: 250px;
    }
    .section_main .main_title p{
        line-height:8vw;
    }
    .contact {
    padding-right: 0;
  }
  .section_contacts{
      background-color:#000;
  }
  .footer_social_wrapper{
      position:relative;
  }
}
@media (max-width: 1200px) {
  .section_kitchen,.section_cupboard{
    width: 100%;
  }
  .mobile_mnu{
    margin: 15px 30px 0 0;
  }
 
  ul.menu-list{
        padding: 25% 20px 0 60px;
  }
  .soc_icon{
    left: 36%;
  }
  .block_who_text{
    margin-bottom: 100px;
  }
  .progress_item span{
    font-size: 130px;
  }
  .sectiom_progress p.text{
    font-size: 22px;
  }
  .contacts{
    padding: 50px 35px;
  }
  .cal_back .draw{
  width: 230px;
}
  .slide_numbers{
      left: 38%;
  }
  .slick_slider_who:before{
      height: 285px;
  }
    .block_who_text h2, .block_who_slider h2{
        font-size: 45px;
    }
  .slider_galery_item{
    max-height: 50vh;
  }
  .slider_gullery_counter{
    bottom: 10px;
  }
  .section_gallery .section_wrapper{
    padding-top: 50px;
  }
  .kitchen_blok_wrapper, .cupboard_blok_wrapper{
    width: 500px;
  }
  .item_news p{
    font-size: 22px;
    line-height: 35px;
  }
  .metka_map{
    right: 0;
  }
  .cal_back h3{
    margin-top: 80px;
  }
  
  .cal_back_wrap{
    padding: 30% 80px 0 20%;
  }
  .section_news{
    padding-bottom: 75px;
  }
  .cart_news {
    padding: 100px 100px 0 100px;}
.contact {
  
    width: 75%;

}

  

}
@media (max-width: 1100px) {
  .main_title h1{
    font-size:36px;
}

}

@media (max-width: 1010px) {
  .header_phone img{
    margin-left: 20px;
  }

}
@media (max-width: 980px) {
.cart_news h2{
    font-size: 30px;
}
    .block_news_text{
        margin-right: 20px;
    }
   .description_news{
       font-size: 18px;
   }
  .section_kitchen,.section_cupboard{
    width: 100%;
  }
  .header_phone{
    font-size: 16px;
  }
  ul.menu-list li a{
    font-size: 20px;
  }
  ul.menu-list li{
    margin-bottom: 20px;
  }
  .section_main .number_title{
    font-size: 170px;
  }
  .section_main .main_title{
    font-size: 60px;
    line-height: 100px;
  }
  a:hover .title{
    letter-spacing: 11px;
  }
  .zamer .box{
    padding-left: 0;
    padding-right: 0;
  }
  body.pp-viewing-section4 .present{
    display: none;
  }
  .slider_galery_item{
    max-height: 46vh;
  }
  .item_news p{
    font-size: 22px;
    line-height: 35px;
  }
  #pp-nav{
    display: none;
  }
  .section_news .box{
    padding-left: 90px;
    padding-right: 90px;
  }
  .contacts{
    width: 100%;
  }
  .wrap_photo{
    display: none;
  }
  .arrow_click{
    display: none;
  }
  .scrool{
    display: grid;
  }
  .footer_social{
    margin-top: 200px;
  }
  .metka_map{
    top: 110%;
    right: 75px;
  }
 
   .section_contacts .scrool{
      right: 35%;
      text-align: left;
      display: block;
      bottom: 3%;
      font-size: 13PX;
   }
   .section_present .text{
    font-size: 90px;
   }
   .contacts{
    height: auto;
   }
   .section_contacts{
    padding-bottom: 50px;
   }
   .slide_numbers{
      left: 29%;
  }
  .slick_slider_who:before{
      height: 320px;
  }
    .block_who_text h2, .block_who_slider h2{
        font-size: 50px;
    }

   .slider_news_2 {
    padding: 40px 25px 60px 40px;
}
.contacts .wrap{
    display:none;
}
.footer_social_wrapper{
    bottom:40px;
}


}
@media (max-width: 800px) {
  .header_phone img{
    margin-left: 20px;
  }
  .header_phone p{
    display: none;
  }
  .header_phone a::before{
    top: -20px;
    right: -22px;
  }

}
@media (max-width: 780px) {
  .to_top_wrap{
    display: none;
  }
    .point .btn, .btn-close{
        width: 30px;
        height: 30px;
    }
    .point::before{
        height: 36px;
        width: 36px;
    }
    .point:hover::before{
        width: 42px;
        height: 42px;
    }
    .modals{
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
        width: 190px;
        height: 190px;
    }
.section_email .section_background_email:after{
    left: 0;
 }
  .header_phone img{
    margin-left: 20px;
  }
  .section_contacts .scrool{
      right: 30%;
    }
  .header_phone p{
    display: none;
  }
  .header-top{
    padding: 20px 0px;
  }
  
  .menu_wrap{
    width: 100%;
  }
  .slider .slick-dots li {
    width: 50px;
  }
  .slider .slick-dots li.slick-active {
      width: 50px;
  }
  .slider .slick-dots li.slick-active:before{
    width: 50px;

  }
  .cart_news {
    padding: 100px 0 55px 0;
}
.slider_news_item {
    height: 68vh;
}
.scroll_news{
    height:53vh;
}
.slider_news_2 .PrevArrow, .slider_news_2 .NextArrow {
    position: absolute;
    top: 103%;
}
.slider_news_2 .NextArrow.slick-arrow
{
    right: 25%;
}
.slider_news_2 .PrevArrow.slick-arrow{
    left: 25%;
}
.slider_news_2 {
    height: 75vh!important;
}
  
 
  .padding{
    margin-top: 1000px;
  }
  a.present img {
    width: 30px;
  }
  .present {
    position: absolute;
    top: 100px;
    left: 0;
    width: 55px;
    height: 55px;
    line-height: 53px;
    text-align: center;
    padding: 0;
  }
  .section_main .box{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .block_who_text{
    padding-right: 0;
    margin-top: 50px;
  }
  .section_who .box{
    padding-right: 10px;
    padding-left: 10px; 
  }
  .section_who .section_background{
      position: absolute;
      width: 100%;
  }
  .sectiom_progress .box{
    padding-left: 10px;
    padding-right: 10px;
  }
  .progress_item_wrap {
    padding-top: 260px;
  }
  .section_gallery .box-inner{
    padding-left: 40px;
    padding-right: 40px;
}
.slick_gallary .NextArrow{
  top: 116%;
  right: 25%;
  border: 1px solid rgba(46,83,158,.5);
  }
  .slick_gallary .PrevArrow{
    top: 116%;
    left: 25%;
    border: 1px solid rgba(46,83,158,.5);
  }
.slick_gallary .NextArrow:hover, .slick_gallary .PrevArrow:hover{
  border-color: rgba(46,83,158);
}
  .slick_gallary .arrow-top, .slick_gallary .arrow-top_1,
  .slick_gallary .arrow-bottom, .slick_gallary .arrow-bottom_1,
  .slick_gallary .arrow-center, .slick_gallary .arrow-center_1{
    background-color: rgba(46,83,158,.5) !important;
  }
  .slick_gallary .PrevArrow:hover .arrow-top,
.slick_gallary .PrevArrow:hover .arrow-bottom,
.slick_gallary .PrevArrow:hover .arrow-center,
.slick_gallary .NextArrow:hover .arrow-top_1,
.slick_gallary .NextArrow:hover .arrow-bottom_1,
.slick_gallary .NextArrow:hover .arrow-center_1{
   background-color: rgba(46,83,158)!important;
}
.slick_gallary .circle_block .arrow-right .arrow-top_1,
 .slick_gallary .circle_block .arrow-right .arrow-bottom_1, 
 .slick_gallary .circle_block .arrow-right .arrow-center_1, 
 .slick_gallary .circle_block .arrow-left .arrow-top,
  .slick_gallary .circle_block .arrow-left .arrow-bottom, 
  .slick_gallary .circle_block .arrow-left .arrow-center{
  background-color: #fff !important;
}
.slick_gallary .arrow-center, .slick_gallary .arrow-center_1{
  top: 25px;
}
  .section_gallery .section_wrapper:before{
    height: 160px;
  }
  .section_gallery .section_wrapper{
    padding-top: 0;
  }
  .slider_gullery_counter{
    bottom: 0;
    font-size: 18px;
  }
  .circle_block{
    left: 43%;
  }
  .section_email .box {
    padding-left: 0;

    padding-right: 0;
  }
  .section_news .box{
      padding-left: 40px;
      padding-right: 40px;
  }
  .slider_galery_item{
    max-height: 50vh;
  }
  .section_news .slick-slider .NextArrow,
  .section_news .slick-slider .PrevArrow {
    top: 102%;
  }
  .section_news .slider_news_counter{
    margin-top: 70px;
  }
  .section_news .slick-slider .PrevArrow{
    left: 23%;
  }
  .section_news .slick-slider .NextArrow{
    right: 23%;
  }
  .section_contacts .box{
      padding-left: 40px;
      padding-right: 40px;
  }
  .numbers__items-count-row{
    justify-content: center;
  }
  .soc_icon{
    left: 30%;
  }
  .header_phone a::before{
    right: -55px;
  }
  .slick_slider_who:before{
    left: -15px;
    width: 95%;
  }
  .section_technology_wrapper .box{
  padding-left: 0;
  padding-right: 0; 
}
.point_photo{
    height: 110px;
}
.point_photo img{
    max-height: 110px;
}
.point_content {
    padding: 8px;
}
.kuhnia .section_main_title {
    top: -75px!important;
    width:100%;
  }
  .btn-close:after, .btn-close:before {
    top: 15px;
    left: 15px;
}
.point_content p{
    font-size:14px;
 }
}
@media (max-width: 560px){
  .slider_galery_item{
      max-height: 45vh;
  }
    .ymaps-2-1-73-controls__toolbar_right{
        visibility: visible;
    }
    .ymaps-2-1-73-controls__control{
        top:150px!important;
    }
  .section_gallery{
    padding-bottom: 70px;
  }
  .section_gallery .section_wrapper::before{
    height: 190px;
  }
  .circle_block{
    left: 40%;
  }
  .form .mat-label, .zamer .form .mat-label{
    top: 5px;
  }
  .form .mat-input, .form .textarea, .form .custom{
    padding-left: 50px;
  }
  .kitchen_blok_wrapper, .cupboard_blok_wrapper{
    width: 360px;
  }
  .soc_icon{
    left: 7%;
  }
  .item_who_text p{
    font-size: 20px;
  }
  .item_who_text {
    padding: 18px;
  }
  .slick_slider_who:before{
      height: 260px;
  }
  .wrap_block .slide_numbers{
    bottom: -55px;
    left: 50%;
    font-size: 16px;
  }
  .slick_slider_who .PrevArrow{
    bottom: -62px;
    left: 34%;
  }
  .slick_slider_who .NextArrow{
    bottom: -62px;
    left: 52%;
  }
  .form .mat-label, .zamer .form .mat-label{
    padding-top: 10px;
  }
}

@media (max-width: 480px) {
    .slick_gallary .slider_galery_item .bg_lines_kitchen{
        background-position: -630px 0;
    }
  .btn_numbers{
      margin: 60px auto 0 auto;
      width: 260px;
  }
  .contacts_block{
      padding-top:0;
      height:440px;
  }
    .scroll_news {
      height: 45vh;
      }
      .slider_news_2 {
    height: 68vh!important;
    }
    .scroll_news{
      margin-top: 30px;
    }
    .section .bottom_bg{
        min-height: 160px;
        bottom: -80px;
    }
    .header-top .logo h2{
      font-size: 22px;
    }
    .section_main .main_title p{
    font-size: 45px;
    margin-top: -95px;
    line-height: 60px;
    }
    
    .section h2.section_main_title:before{
        top: 13px;
    }
    .section_news span.one{
    margin-right: 5px;
}
    .slider .NextArrow{
      right: 45%;
      width: 60px;
    }
    .slider .PrevArrow{
      width: 60px;
      left: 46%;
    }
      .slider .slick-dots li {
      width: 30px;
    }
    .slider .slick-dots li.slick-active {
        width: 30px;
    }
    .slider .slick-dots li.slick-active:before{
      width: 30px;

    }
    .section_main .box{
      padding-left: 1rem;
      padding-right: 0rem;
    }
    .section_main .main_title{
      line-height: 55px;
    }
    .section_main .main_title{
      font-size: 54px;
    }
    .wrap_block{
      padding-top: 50px;
    }
    .numbers__items{
      padding-top: 50px;
    }
    .numbers__items{
      padding-right: 30px;
      padding-left: 20px;
    }
    .numbers__items-count-numb{
      font-size: 120px;
    }
    .numbers__items-count-text{
      font-size: 18px;
      padding: 0 10px;
    }
    .main_form {
    margin-top: 50px;
    }
    .mat-label{
      padding-top: 0;
    }
    .block_who_text h2, .block_who_slider h2{
      font-size: 30px;
    }
    .slick_slider_who::before{
        height: 80%;
  }
  .block_who_slider h2 {
    margin-bottom: 60px;
}
  .item_who_photo{
    padding-right: 50px;
  }
  .item_who_text{
    bottom: 4%;
    right: -5%;
    width: 70%;
    height: 95px;
  }
  .item_who_text{
    font-size: 16px;
    padding-top: 15px;
  }
  .item_who_text p {
    font-size: 16px;
}
.section_gallery h2.section_main_title{
  margin-bottom: 0;
}
.section_gallery .section_slider_gallery {
    margin-top: 40px;
}
.cont_table_cell_1, .cont_table_cell_2{
  padding-top: 20px;
}
.footer_social{
  margin-top: 160px;
  margin-bottom: 73px;
}
.scrool{
  display: block;
}
.section_contacts .scrool{
  right: 15%;
  bottom: 85px;
}
.present{
  width: 45px;
  height: 45px;
  line-height: 40px;
}
.section_main .vertical-centred{
  padding: 18vh 0 0 0;
}
.section_main .box {
    padding-left: 3rem;
}
.section_main .number_title{
  font-size: 160px;
}
.wrap_img{
  max-height: 35vh;
}
.section_news .nav-tabs > li > a{
  font-size: 24px;
}
.section_news .nav-tabs{
  position: inherit;
}
.section_news .nav-tabs{
  width: 250px;
}
.section_news .nav-tabs > li{
  width: 120px;
}
.section_news .nav-tabs > li.let{
  font-size: 24px;
}
.section_main_title {
    font-size: 24px;
}
.section_technology .section_main_title_md{
  font-size: 24px;
}
.scrool{
  padding-right: 0;
}
ul.menu-list li{
    margin-bottom: 6px;
}
.soc_icon a.draw{
    width: 50px;
    height: 50px;
    line-height: 46px;
}
ul.menu-list li a{
  font-size: 18px;
}
ul.menu-list{
    padding:0;
    padding-left:6rem;
}
.soc_icon p{
    margin-top: 20px;
    margin-bottom: 30px;
}
.zamer .section_main_title, .present_modal .section_main_title{
  font-size: 24px;
}
.section_present .text {
    font-size: 50px;
    font-weight: 400;
    font-style: italic;
    padding-top: 10vh;
}
.zamer{
  padding-top: 15vh;
}

.section_kitchen, .section_cupboard {
    height: 60vh;
}
.section_news {
    padding-bottom: 0;
}
.section_news .box{
  padding-right: 20px;
  padding-left: 20px;
}
.section_news .nav-tabs .section_main_title{
  left: 51%;
}
.section_contacts .box{
  padding-left: 20px;
  padding-right: 20px;
}
   .section .section_gallery h2.section_main_title::before{
  	top: 13px;
  }
  .section_news .tab-content{
      height: 76vh!important;
  }
  .slide-count-wrap{
      padding-bottom: 10px;
      padding-top: 10px;
  }
    .bg_lines_kitchen, .bg_lines_cupboard{
       background-size: 490px auto;
   }
   .block_who_text {
    margin-bottom: 50px;
    }
    .item_news p{
    font-size: 16px;
    line-height: 26px;
  }
  .text_desciption{
      margin-top: 15px;
      height: 100px;
  }
    .wrap_text {
    padding: 0 20px 15px 20px;
    }
    .section_news .bottom_bg{
        bottom: 0;
    }
    .cart_news h2 {
    font-size: 20px;
  }
  .section p,.contacts_table-row{
      font-size:18px;
  }
  .section_main_title.footer_title{
      top:20vh;
  }
  .contacts {
    padding: 50px 15px;
}
    
}
    
  


@media (max-width: 380px) {
  .numbers__items-count-numb {
    font-size: 100px;
  }
  .section .numbers__items-count p{
  font-size: 16px;
}
  .small{
        width: 100%;
      }
      .slider_galery_item{
    max-height: 45vh;
    }
    .description_news {
      font-size: 16px;
  }
   
  .header_phone{
        position: relative;
        left: -20px;
  }
  .contacts_table-row{
    font-size: 16px;
  }
  .contacts {
    padding: 30px 25px;
}
  .section_gallery .box-inner, .numbers, .section_who .box-inner, .section_email .box-inner{
    padding-top: 125px;
  }

  .section_gallery .nav-tabs_g .nav-link{
    font-size: 14px;
  }
  .section_gallery .nav-tabs_g {
    margin: 35px auto 40px auto;
}
  .main_form .draw{
    width: 225px;
  }
  .kitchen_blok_wrapper, .cupboard_blok_wrapper{
    width: 280px;
  }
  .kitchen_blok_wrapper a, .cupboard_blok_wrapper a{
    font-size: 30px;
  }
  .circle_block{
    left: 33%;
  }
    .slick_slider_who .PrevArrow{
        left: 27%;
    }
    .slick_slider_who .NextArrow{
        left: 55%;
    }
  .section_main .main_title{
    font-size: 38px;
  }
  .section_main .main_title{
    line-height: 55px;
  }
  .section_present .text{
    font-size: 42px;
  }
  .section_news .bottom_bg{
    min-height: 470px;
  }
  
}
  


@media (max-width: 356px) {
    .section_main_title_md:before {
        top: 155px;
    }
}

#map .ymaps-2-1-73-map{
    width:100%!important;
}