/* Start:/bitrix/templates/telecore/js/slick/slick.css*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */



/* Start:/bitrix/templates/telecore/js/slick/slick-theme.css*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/bitrix/templates/telecore/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/bitrix/templates/telecore/js/slick/./fonts/slick.eot');
    src: url('/bitrix/templates/telecore/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/telecore/js/slick/./fonts/slick.woff') format('woff'), url('/bitrix/templates/telecore/js/slick/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/telecore/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 40%;

    display: block;

    width: 40px;
    height: 40px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-prev {background:url(/images/left.png) no-repeat left center}
.slick-next {background:url(/images/right.png) no-repeat left center}

.slick-prev
{
    
}

.slick-next { }



/* Dots */
.slick-dotted.slick-slider
{
    /* margin-bottom: 30px; */
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */



/* Start:/bitrix/templates/telecore/template_styles.css*/
html, body { font-family: 'Montserrat', sans-serif; margin:0; padding:0; width:100%; }    
 
input[type=submit] {cursor:pointer}  
 
*, *:before, *:after{box-sizing: border-box}
h1, h2, h3 { font-weight:normal; padding:0; margin:0px; }
 
p { margin:0px; padding:0 }
img { border:none; outline:0 }
a { color:#333; outline:0 }
ul, ol, li {  list-style-position: inside; padding:0px; margin:0px; }
a:hover {text-decoration: none; cursor:pointer}
input, input[type="submit"], textarea {border:none; outline:0; font-family: 'Montserrat', sans-serif; -webkit-appearance: none; } 
 
header {background:#1D2B3B; width:100%  }
header .logo_part {display:flex; justify-content:space-between;  align-items:center; }
header .logo_part a.logo {padding:5px 0; margin-left:5%; width:17vw}
header .logo_part a.logo img {max-width:17vw}
header .logo_part ul {display:flex; width:40vw}
header .logo_part ul li {list-style:none}
header .logo_part ul li a  { text-transform:uppercase; color:#fff; text-decoration:none;font-size: 1vw; font-weight: 400; padding:30px 0.7vw 26px}
header .logo_part ul li a:hover,
header .logo_part ul li a.cur {background:#3478C7; } 
header .logo_part .search_mail {   display:flex; width:20vw }
header .logo_part .search_mail form { border-bottom:1px solid #C9C9C9; display:flex;  justify-content:space-between;  align-items:center; padding:0 15px; height:76px; background:#fff;}
header .logo_part .search_mail form input[type="text"]{ font-size:0.8vw; color:#333; width:10.9vw}
header .logo_part .search_mail form input[type="submit"]{ background:url('/bitrix/templates/telecore/images/search.svg') no-repeat center; width:1.5vw; height:1.5vw; background-size:cover }
header .logo_part .search_mail a.mail {background:#FF8E5E; height:76px; display:flex; align-items:center; width:6vw; justify-content:center}
header .logo_part .search_mail a.mail img { height:2vw}
header .logo_part .search_mail a.mail:hover {background:#3478C7}    

.banner {}
.banner .banner_car { }
.banner .banner_car .slick-dots li.slick-active button  { background:transparent; border-radius:50px; width:16px; height:16px; border:3px solid #fff}
.banner .banner_car .slick-dots li button {position:relative; z-index:6; background:#fff; border-radius:50px; width:16px; height:16px; border:3px solid #fff}
.banner .banner_car .slick-dots {bottom:50%; right: -47%; transform: rotate(90deg);}
.banner .banner_car .banner_car_list {position:relative; /* background:url('/bitrix/templates/telecore/images/banner.jpg') no-repeat top center; */ width:100%; height:40vw; display:flex; align-items: center;}
.banner .banner_car .banner_car_list:before { z-index:1; position:absolute; left:0; top:0; background: rgba(0, 0, 0, 0.59); content:''; width:100%; height:100%}
.banner .banner_car .banner_car_list:after { z-index:1; position:absolute; left:0; bottom:0;background:url('/bitrix/templates/telecore/images/bg_banner.png') no-repeat left bottom; opacity:0.5;  background-size: contain; content:''; width:33vw; height:30vw }
.banner .banner_car .banner_car_list p {z-index:3; display:flex; flex-direction:column; width:50%; color:#fff; font-weight:600; font-size:1.8vw; text-transform:uppercase; align-items: baseline; margin-left:20%}
.banner .banner_car .banner_car_list p span { text-transform:none; font-weight:400; font-size:1vw; margin:2vw 0}
.banner .banner_car .banner_car_list p a {font-weight:500; text-transform:uppercase; font-size:1vw; text-decoration:none; color:#fff; border:1px solid #fff; padding:3% 5%}
.banner .banner_car .banner_car_list p a:hover {background: #3478C7; border:1px solid #3478C7;}

.banner_car .videomut {top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    height: 40vw; z-index:0;
    text-align: center;}
 
#nubexVideo { height: auto; min-width: 100%; min-height: 100%; }
.vid { width: 75%; margin:0 auto; display:block; min-width:auto!important}
 
.prem {background:#EFEFEF; width:100% }
.prem h2 {font-size:1.8vw;  color:#000; font-weight:600; text-transform:uppercase; padding:2% 5%; border-bottom:1px solid #C9C9C9 } 
.prem .prem_list {display:flex; flex-wrap:wrap; width:100%;     justify-content: end;}
.prem .prem_list div { display:flex; width:33%; align-items:flex-start; border-bottom:1px solid #C9C9C9; border-right:1px solid #C9C9C9;  padding: 3% 0 }
.prem .prem_list div:nth-of-type(4),
.prem .prem_list div:nth-of-type(5),
.prem .prem_list div:nth-of-type(6) {border-bottom:none}
.prem .prem_list div img { max-width: 74px; margin:0 5%;}
.prem .prem_list div p {text-transform:uppercase;  font-size:1vw; color:#000; font-weight:600; padding-right:3%}
.prem .prem_list div p span{text-transform:none; font-weight:400; color:#444444; font-size:1vw; display:block; margin-top:2%;}

.project {width:100%}
.project h2 {font-size:1.8vw;  color:#000; font-weight:600; text-transform:uppercase; padding:2% 5%; border-bottom:1px solid #C9C9C9 } 
.project .project_list {}
.project .project_list .project_list_ {display:flex; width:100%; align-items: center;}
.project .project_list .project_list_ .project_list_img{width:67%}
.project .project_list .project_list_ .project_list_img a {}
.project .project_list .project_list_ .project_list_img a img {width:100%; height:40vw; object-fit:cover}
.project .project_list .project_list_ .project_txt {width:33%; }
.project .project_list .project_list_ .project_txt p { padding:0 8% 4%}
.project .project_list .project_list_ .project_txt p a { font-size:1vw; color:#000; font-weight:600; text-decoration:none; text-transform:uppercase}
.project .project_list .project_list_ .project_txt span {padding:0 8%; display:block;font-size:1vw;color:#444}
.project .project_list .slick-prev {background-size: 3.5vw!important; z-index:999;cursor:pointer; left:auto; right:25vw; background: url('/bitrix/templates/telecore/images/left.svg') no-repeat left center; width:4vw; height:4vw; opacity:0.2; bottom:10%; top:auto}
.project .project_list .slick-prev:hover {background: url('/bitrix/templates/telecore/images/left_hover.svg') no-repeat left center; opacity:1 }
.project .project_list .slick-next {background-size: 3.5vw!important;  cursor:pointer;  right:19vw; background: url('/bitrix/templates/telecore/images/right.svg') no-repeat left center; width:4vw; height:4vw; bottom:10%; top:auto}
.project .project_list .slick-next:hover {background: url('/bitrix/templates/telecore/images/right_hover.svg') no-repeat left center; opacity:1 }
      
.partners {background:#EFEFEF; width:100%; margin-top:5px }
.partners h2  { font-size:1.8vw; color:#000; font-weight:600; text-transform:uppercase; padding:2% 5%;  }
.partners .partners_list { background:#3478C7; display:flex;  flex-wrap:wrap}
.partners .partners_list div { display:flex;  align-items:center; justify-content:center; width:20%; height:18vw; border-right:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.partners .partners_list div:hover {background:#fff;}
.partners .partners_list div:hover img { filter: grayscale(0%);}
.partners .partners_list div img { max-width:15vw;  filter: grayscale(1) brightness(1000%);}  

.inside .left_part .prem_list.double.grayblock {background:#eee;     margin: 3% -7% -3%;}
.contacts.txt .map iframe {filter: grayscale(100%);} 

.contacts.feedback.main_ {padding: 0 5%}
.contacts.feedback.main_ h2  { font-size:1.8vw;  color:#000; font-weight:600; text-transform:uppercase; padding:2% 0;  }
.contacts.feedback.main_ .order p { font-size:1.4vw; color:#000; font-weight:600}
.contacts.feedback.main_ .order form {display:flex; flex-wrap:wrap; padding:5% 0}
.contacts.feedback.main_ .order form input { font-size:0.8vw; color:#444; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; width:33%; padding:3% 0 3% 20px}
.contacts.feedback.main_ .order form > input:first-of-type {border-left:1px solid #fff; border-right:1px solid #C9C9C9 }
.contacts.feedback.main_ .order form > input:nth-of-type(2){border-right:1px solid #C9C9C9}
.contacts.feedback.main_ .order form #question {font-size:0.8vw;  padding:3% 0 3% 20px; color:#444; width:100%; border-top:1px solid #fff; border-bottom:1px solid #C9C9C9; height:200px; border-left:#fff 1px solid; border-right:#fff 1px solid }
.contacts.feedback.main_ .order form div {padding-top:3%;display:flex; align-items:center; width:50%}
.contacts.feedback.main_ .order form div.g-recaptcha{width: 100%;}
.contacts.feedback.main_ .order form div.g-recaptcha div{display: block; padding-top: 0;}
.contacts.feedback.main_ .order form div p {font-size:0.8vw; color:#000; font-weight:400}
.contacts.feedback.main_ .order form div input {background:#3478C7; border:none; color:#fff; text-transform:uppercase; font-size:1vw; font-weight:500; border:none; padding:3% 0}
.contacts.feedback.main_ .order form div input:hover {border:none; background:#FF8E5E;}
.contacts.feedback.main_ .order form .note{width: 100%; text-align: right; justify-content: flex-end; padding-top: 0;}
.contacts.feedback.main_ .order form .note p{text-align: right; font-weight: bold; padding: 7px 15px;}
.contacts.feedback.main_ .order form .note p.error{background: #ff8888}
.contacts.feedback.main_ .order form .note p.success{background: #bfffb6}


.hh {border-bottom:1px solid #C9C9C9}
.hh .hh_title {display:flex; justify-content:space-between; }
.hh .hh_title h1 {width: 70vw; font-size:1.8vw;  color:#000; font-weight:600; text-transform:uppercase; padding:2% 5%; }
.hh .hh_title .bread {width:20vw; border-left:1px solid #C9C9C9; display:flex; align-items:center; padding:0% 1%;}
.hh .hh_title .bread span {font-size:0.8vw; color:#444}
.hh .hh_title .bread span a {font-size:0.8vw; color:#444; text-decoration:none}

.inside {display:flex;}
.inside .left_part {width:80vw; padding:2% 5%; background:#EFEFEF}
.inside .left_part h2 { font-size:1.7vw;  color:#000; font-weight:600; text-transform:uppercase; padding:2% 0%; }
.inside .left_part .txt p,
.inside .left_part .txt ol li {font-size:1vw; padding:0 0 10px 0}  

.inside .left_part .time li {display:flex; width:100%; gap:30px; list-style:none; padding:15px 0}
.inside .left_part .time li b {font-size:1vw; width:15%; flex: 1 0 15%;   max-width: 15%;  }
.inside .left_part .time li p { padding-left:20px }
.inside .left_part .txt.partners .block_partners{ margin:3% -7% -3%; border-top:1px solid #C9C9C9  }
.inside .left_part .txt img {max-width:100%}
.inside .left_part .block_partners {display:flex; flex-wrap:wrap}
.inside .left_part .txt.partners .block_partners.longer div {width:33.3%}
.inside .left_part .block_partners .img_div {border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; display:flex;  align-items:center; justify-content:center; width:20%; height:14vw;  }
.inside .left_part .block_partners .img_div:hover {background:#fff;} 
.inside .left_part .block_partners .img_div span {} 
.inside .left_part .block_partners .img_div span img {max-width:10vw;  opacity:0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); }  
.inside .left_part .block_partners .img_div:hover span img {opacity:1; -webkit-filter: grayscale(0%); filter: grayscale(0%)}
.inside .left_part p {font-size:1vw; padding:0 0 10px 0} 
.inside .left_part .ulli {padding:20px 0} 
.inside .left_part .ulli li {font-size:1vw; padding:10px 0; list-style:none; display:flex; align-items:Center} 
.inside .left_part .ulli li:before { margin-right:20px;border:1px solid #FF8E5E; height:2px; width:56px; display:inline-block; content:'' }

.inside .left_part  .prom {  margin:-3% -7%  3%;} 
.inside .left_part  .prom .prom_list {width:100%}
.inside .left_part  .prom .prom_list a {}
.inside .left_part  .prom .prom_list a img {width:100%; height:40vw; object-fit:cover}
.inside .left_part  .prom .slick-dots li.slick-active button  {background:transparent; border-radius:50px; width:16px; height:16px; border:3px solid #fff}
.inside .left_part  .prom .slick-dots li button {background:#fff; border-radius:50px; width:16px; height:16px; border:3px solid #fff}
.inside .left_part  .prom .slick-dots {bottom:50%; left: -47%; transform: rotate(90deg);}

.inside .left_part .prem_list {display:flex; flex-wrap:wrap; width:114%;  margin:3% -7% -3%;  border-top:1px solid #C9C9C9;}
.inside .left_part .prem_list.short {    margin: -3% -9% -2.2%;}
.inside .left_part .prem_list.short div {width:33%;}
.inside .left_part .prem_list div {align-items:center; display:flex; width:50%;/*  align-items:flex-start; */ border-bottom:1px solid #C9C9C9; border-right:1px solid #C9C9C9;  padding: 3% 5% 3% 6% }
.inside .left_part .prem_list div:hover {background:#fff} 
.inside .left_part .prem_list div img { max-width: 74px; margin:0 5%;}
.inside .left_part .prem_list div p {  font-size:1vw;text-transform:uppercase;  color:#000; font-weight:600; padding-right:3%}
.inside .left_part .prem_list div p span{ text-transform:none; font-weight:400; color:#444444; font-size:1vw; display:block; margin-top:2%;}

.inside .left_part .prem_list.double {display:flex; flex-wrap:wrap; width:114%;  margin:3% -7% 3%; background:#fff;       border-top:1px solid #C9C9C9;}  
.inside .left_part .prem_list.double div { display:flex; width:50%; align-items:center; border-bottom:1px solid #C9C9C9; border-right:1px solid #C9C9C9;  padding: 3% 5% 3% 4% } 

.inside .left_part .main_production,
.inside .left_part .sub_production {display:flex; flex-wrap:wrap;  margin:3% -7% -3%; }
.inside .left_part .main_production .block_production,
.inside .left_part .sub_production .block_production.sub {display:flex; width:100%; /* align-items:center */}    
.inside .left_part .main_production .block_production:nth-of-type(2n) a,
.inside .left_part .sub_production .block_production.sub:nth-of-type(2n) a {order:2}
.inside .left_part .main_production .block_production a,
.inside .left_part .sub_production .block_production.sub a {width:50%}
.inside .left_part .main_production .block_production a img,
.inside .left_part .sub_production .block_production.sub a img {width:100%; height:100%; object-fit:cover}  
.inside .left_part .main_production .block_production div,
.inside .left_part .sub_production .block_production.sub div {width:50%; padding:5%; display:flex; justify-content:center; flex-direction:column; height:100%}
.inside .left_part .main_production .block_production p a,
.inside .left_part .sub_production .block_production.sub p a {text-transform:uppercase;  font-size:1vw; color:#000; font-weight:600; }
.inside .left_part .main_production .block_production ul,
.inside .left_part .sub_production .block_production.sub ul  {width:100%; padding:20px 0}
.inside .left_part .main_production .block_production ul li,
.inside .left_part .sub_production .block_production.sub ul li {list-style:none; display:flex; align-items:Center; padding:5px 0;}
.inside .left_part .main_production .block_production ul li a,
.inside .left_part .sub_production .block_production.sub ul li a {width:auto}
.inside .left_part .main_production .block_production ul li:before,
.inside .left_part .sub_production .block_production.sub ul li:before { margin-right:20px;border:1px solid #FF8E5E; height:2px; width:56px; max-width:56px; flex:1 0 56px; display:inline-block; content:'' } 
.inside .left_part .main_production .block_production ul li,
.inside .left_part .main_production .block_production ul li a,
.inside .left_part .sub_production .block_production.sub ul li,
.inside .left_part .sub_production .block_production.sub ul li a  {font-weight:400; color:#444444; font-size:1vw;}

.inside.long .sub_production { margin:3% 0; flex-direction:column}
.inside.long .sub_production .block_production.sub { flex-direction:column; margin-bottom:3%}


.inside.long .left_part {width:100%}
.inside.long .left_part .map { margin:-2% -5% 3%; }
.inside.long  .right_part {display:none}
.inside .right_part {position:relative; width:20vw; padding:2% 1%; background:#1D2B3B}
.inside .right_part:after {z-index: 1; position:absolute; opacity:0.5; content: ''; display: block; background: url('/bitrix/templates/telecore/images/bg_right.svg') no-repeat bottom right; width: 18vw;  height: 27vw; background-size: contain; bottom: 0;  right: 0;}  
.inside .right_part ul { z-index: 2;  position: relative; } 
.inside .right_part ul li {list-style:none;}
.inside .right_part ul li a { display: block; padding:1.5vw 0 0.5vw 0; color:#fff; font-size:1vw; text-transform:uppercase; font-weight: 500; text-decoration:none}
.inside .right_part ul li a:hover {color:#3478C7;}
.inside .right_part ul li a.active,
.inside .right_part ul li a.item.active {color:#3478C7; border-bottom:1px solid rgba(255, 255, 255, 0.6);}
.inside .right_part ul.root-item li a.active {color:#FF8E5E; } 
 
.inside .right_part ul li a.parent.active {color:#FF8E5E; border-bottom:none; padding:0.5vw 0}
.inside .right_part ul li ul li a { font-size:0.8vw} 

.inside .right_part ul li ul,
.inside .right_part ul li ul li ul {display:none}
.inside .right_part ul li.activemore > ul  {display:block}

footer {background:#1D2B3B; width:100%; position:relative }
footer:after {z-index:1; background:url('/bitrix/templates/telecore/images/bg_footer.png') no-repeat right bottom #1D2B3B; content:''; position:absolute; display:block; background-size: contain;  opacity:0.5; right: 0;  bottom: 0;  width: 35vw;  height: 10vw;}
footer .wrap {position:relative; z-index:2;  padding:2% 5%;    align-items: center; display:flex; justify-content:space-between }
footer .wrap a img {max-width:17vw}
footer .wrap p {font-weight:500; color:#fff; font-size:1vw; text-transform:uppercase}
footer .wrap p > span {font-weight:400; color:#fff; font-size:0.8vw;  text-transform: none; line-height:1.3vw; display:block; margin-top:15px}
footer .wrap > span {color:#fff; font-size:0.8vw; }
footer .wrap span a { color:#fff; font-size:0.8vw; text-decoration:none}
footer .wrap span a:hover {text-decoration:underline}

#topcontrol{margin-bottom: 50px; margin-right:1vw; z-index:5}

.production.detail {display:flex;}
.production.detail .one  {width:55%; margin-right:5%}
.production.detail .one .slider.slider-for {width:100%; text-align:center }
.production.detail .one .slider.slider-for div {background:#fff; }
.production.detail .one .slider.slider-for div a {display:flex; align-items:center; justify-content:center}
.production.detail .one .slider.slider-for div a img {max-width:100%; height: 30vw; object-fit:cover;}
.production.detail .slider.slider-nav  {margin-top:2%}
.production.detail .slider.slider-nav .slick-track { display: contents;}
.production.detail .slider.slider-nav .slick-slide{margin:0 1%; background:#fff; display:flex; align-items:center; justify-content:center}
.production.detail .slider.slider-nav .slick-slide img { max-width:100%; object-fit:cover; height:5vw;}

.production.detail .detail_descr   {width:40%; line-height:1.3vw; font-size:1vw; }
.production.detail .detail_descr .button_big {display:inline-block;background:#3478C7; border:none; color:#fff; margin-top:8%; text-transform:uppercase; font-size:1vw; font-weight:500; border:none; padding:3% 3%; text-decoration:none}
.production.detail .detail_descr .button_big:hover {border:none; background:#FF8E5E;}


.infographic.infographic_list {display:flex; flex-wrap:wrap; }
.infographic.infographic_list .infographic__item {width:48%; margin:3% 0%;  display:flex; align-items: flex-start;}
.infographic.infographic_list .infographic__item img {width:5vw; max-width:5vw; flex:1 0 5vw}
.infographic.infographic_list .infographic__item .infographic__item__caption {margin-left:5%; margin-right:5%}
.infographic.infographic_list .infographic__item .infographic__item__caption .infographic__item__caption--title { font-size:1.4vw; color:#000; font-weight:600; padding-right:3%}
.infographic.infographic_list .infographic__item .infographic__item__caption .infographic__item__caption--description {font-weight:400; color:#444444; font-size:1vw; display:block; margin-top:2%;} 


 


.korpus {width:100%; padding:5% 0}
.korpus > div, .korpus > input { display: none; }
.korpus > div {margin-top:3%; font-size:1vw;}
.korpus > div ul {padding:2% 0 2% 2%}
.korpus > div ul li { font-size:1vw;}
.korpus > div img {max-width:100%}
.korpus label {background:#555; padding:1% 3%; opacity:0.5;cursor: pointer; position: relative;font-size:1.4vw; font-weight:600; text-transform:uppercase }
.korpus input[type="radio"]:checked + label {background:#1D2B3B;opacity:1; color:#fff; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; }
.korpus > div table {border-collapse:collapse; width:100%}
.korpus > div table tr td {border-collapse:collapse; padding:5px; border:1px solid #ccc}
.korpus > div table tr td p {padding:0!important}


.popup {position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 999999}
.popup > div {background:#fff;height: 700px; width: 470px;position: absolute;left: 50%;margin-left: -250px;margin-top: -310px;top: 50%;box-sizing: border-box;padding: 20px}
.popup .popup_header {height: 40px}
.popup .popup_header font {font-size: 34px;color: #333;position: absolute;right: 10px;top: 5px;cursor: pointer;}
.popup .popup_header h2 {margin: 10px 0;color:#333;font-size:1.1vw;font-weight:bold; text-transform:uppercase}
.popup #popup_form {text-align: center;height: 410px}
.popup #popup_form input, .popup #popup_form textarea {
    font-size: 18px;
    color: #3333;
    background: transparent;
    border: 1px solid #ccc;
    height: 62px;
    line-height: 62px;
    padding: 0 25px;
    box-sizing: border-box;
    display: block;
    margin: 4px auto;
    width: 400px;
}
.popup #popup_form {position:relative}
.popup #popup_form textarea {line-height: 40px;    padding: 10px 24px; overflow:hidden}
.popup #popup_form .has-error {color: red}
.popup #popup_form input.button {font-family: 'Montserrat', sans-serif; border:none; margin-top:25px;font-size: 18px;color: #fff;font-weight: bold; max-width: 250px;display: inline-block;height: 62px;line-height: 62px;width: 100%; background:#FF8E5E; text-decoration: none;text-align: center;}
.required-field {text-align:right; display:block; position: absolute;}

.popup #popup_form > p {width: 400px;margin: 10px 0; text-align:left; font-size:18px;padding:0 30px}
.popup #popup_form > p:nth-of-type(2) {font-size: 16px}
.popup #popup_form > p:nth-of-type(2) a {color:#333}
.popup #popup_form > p:nth-of-type(2) a:hover {text-decoration: none}
.popup .clicked {height: auto!important;margin-top: -100px!important;}
.popup .clicked .popup_header {height: auto!important}

.popup ::-webkit-input-placeholder {color: #333;}
.popup ::-moz-placeholder {color: #333;}
.popup :-ms-input-placeholder {color: #333;}
.popup :-moz-placeholder {color: #333;}

.menu {display:none}

.inside .left_part .prom {margin: -2.85% -7% 3%;}

@media screen and (max-width:1025px) {
    .prem .prem_list div {width:50%}
    .prem .prem_list div:nth-of-type(4) {border-bottom: 1px solid #C9C9C9;}
    .partners .partners_list div {width: 33.2%;}
    header .logo_part > ul {display:none}
    header .logo_part {position:relative}
    .menu {display:block;}
    .menu-triger {
    	display: block;
    	width: 67px;
    	height: 63px;
    	background: url('/bitrix/templates/telecore/images/menu_down.svg') center no-repeat; 
    	position: absolute;
    	right:50%;
    	top:4px;
            z-index: 9999;
      }
      .menu-close {
      	display: block;
      	width: 67px;
      	height: 63px;
      	background:#3478C7;
      	position: absolute;
      	right: 10px;  text-align:center;
      	top: 17px; 
      	z-index: 100; text-decoration:none; font-weight:normal;
      }
      .menu-close:before {content:'\2716'; color:#fff; line-height: 66px; font-size:25px}
      .menu-popup {
      	display: none;
      	background: #1B1F22;
      	position: absolute;
      	left: 0px;
      	right: 0px;
      	top: 0;
      	box-sizing: border-box;
      	padding: 30px;
      	z-index: 99999999;
          margin:0
      }
      .menu-popup ul {
      	margin: 0;
      	padding: 0; width:100%!important;  display:flex!important; flex-direction:column;
      }
      .menu-popup li {
      	list-style: none;
      	margin: 10px 0; 
      	padding: 0;
      }
      .menu-popup li,.menu-popup li a {
      	font-size: 18px!important;
      	color:#fff!important;
       font-weight:normal;
      	text-decoration: none;
      }
      .menu-popup ul li ul { padding: 11px 20px 0;   visibility: initial!important; opacity: 1!important;display:block!important; position:relative!important; background:none!important; top:auto!important; left:auto!important}
      .menu-popup ul li ul:before {display:none}
      .menu-popup ul li:hover ul li a  { color:#fff!important }
      .menu-popup ul li:hover ul li { padding:0px 0 }
      
      header .logo_part .search_mail form input[type="text"] {width: 16.9vw;}
      header .logo_part .search_mail {width: 31vw;}
      header .logo_part .search_mail a.mail {    width: 10vw;}
      header .logo_part ul li a:hover, header .logo_part ul li a.cur {background:none}
      header .logo_part ul li a {padding:0}
      .inside .left_part .block_partners .img_div {width:33.2%}
      .block_feedback table {width:100%; margin:50px 0}
      .block_feedback tr td input,
      .block_feedback tr td textarea,
      .block_feedback tr td select {width:100%; padding:20px}
      .button.fl_right {background: #3478C7; border: none; color: #fff; text-transform: uppercase; font-size: 1vw; font-weight: 500; border: none; padding: 3% 3%; text-decoration:none }
      .inside .left_part .ulli li:before { margin-right:20px;border:1px solid #FF8E5E; height:2px; width:56px; display:inline-block!important; content:'' }

}

@media screen and (max-width:768px) and (min-width:680px) {
    .menu-triger {top:15px}
}
@media screen and (max-width:768px) {
        header .logo_part .search_mail {display:none}
        header .logo_part a.logo img {width:100%; max-width:100%}
        header .logo_part a.logo {width: 50%;}
        .menu-triger {right:20px;     width:37px; height: 37px;     background-size: 75%;}
        .menu-close {width:37px; height: 37px;  }
        .menu-close:before {line-height: 38px; font-size: 15px; }
        .banner .banner_car .banner_car_list p {width: 100%; margin-left: 6%;     font-size: 3.8vw;}
        .banner .banner_car .banner_car_list p span {font-size: 3vw;}
        .banner .banner_car .banner_car_list p a {font-size: 3vw;}
        .banner_car .videomut {    height:56vw;}
        .banner .banner_car .banner_car_list { height: 56vw;}
        .prem h2 {display:none}
        .prem .prem_list div {width:100%; flex-wrap:wrap}
        .prem .prem_list div p {width:100%; }
        .prem .prem_list div p span {font-size:3vw}
        .prem .prem_list div p {font-size:3vw; padding:3% 6%}
        .project .project_list .project_list_ .project_txt {padding:4vw 0}
        .project h2 {    font-size: 5.8vw;}
        .project .project_list .project_list_ {flex-wrap:wrap}
        .project .project_list .project_list_ .project_list_img {width:100%}
        .project .project_list .project_list_ .project_txt {width:100%}
        .project .project_list .project_list_ .project_txt p {padding:0 6% 4%}
        .project .project_list .project_list_ .project_txt p a { font-size:3vw; }
        .project .project_list .project_list_ .project_txt span {font-size:3vw; padding: 0 6%}
        .partners h2 {display:none}
        
        .menu-popup li, .menu-popup li a {font-size: 3vw!important}
        .inside .right_part {display:none}
        .inside .left_part {width:100%}
        .inside .left_part .txt p, .inside .left_part .txt ol li {font-size:3vw}
        .hh .hh_title .bread {display:none}
        .hh .hh_title h1 {width:100%;     font-size: 3.8vw;}
        .inside .left_part .prom .slick-dots {left: -42%;}
        .inside .left_part .prem_list div p {font-size: 3vw;}
        .inside .left_part .main_production .block_production p a, .inside .left_part .sub_production .block_production.sub p a,
        .inside .left_part p {font-size: 3vw;}
        .partners .partners_list div {width:50%;     height: 27vw; }
        
        .inside .left_part .main_production .block_production ul li:before, .inside .left_part .sub_production .block_production.sub ul li:before {display:none}
        .inside .left_part .main_production .block_production ul li, .inside .left_part .main_production .block_production ul li a, .inside .left_part .sub_production .block_production.sub ul li, .inside .left_part .sub_production .block_production.sub ul li a {font-size:3vw}
        
        .inside .left_part .main_production .block_production a, .inside .left_part .sub_production .block_production.sub a {width:100%}
        .inside .left_part .main_production .block_production, .inside .left_part .sub_production .block_production.sub {flex-wrap:wrap}
        .inside .left_part .main_production .block_production div, .inside .left_part .sub_production .block_production.sub div {height:auto; width:100% }
        .inside .left_part .main_production .block_production:nth-of-type(2n) a, .inside .left_part .sub_production .block_production.sub:nth-of-type(2n) a {order:0}
        
        .production.detail {flex-wrap:wrap}
        .production.detail .one,
        .production.detail .detail_descr {    padding: 30px 0; width:100%; font-size:3vw;     line-height: 3.8vw;}
        .production.detail .detail_descr .button_big {font-size:2.5vw}
        .korpus label {font-size: 3.4vw; margin: 0 0 10px 0; display: block; text-align: center;}
        .inside .left_part h2 {font-size: 2.7vw;}
        .infographic.infographic_list .infographic__item {width:100%}
        .infographic.infographic_list .infographic__item .infographic__item__caption .infographic__item__caption--title  {    font-size: 3.4vw;}
        .infographic.infographic_list .infographic__item .infographic__item__caption .infographic__item__caption--description {font-size:3vw}
        .korpus > div,
        .korpus > div ul li {    font-size: 3vw;}
        .production.detail .one .slider.slider-for div a img {height: 66vw;}
        
        .popup > div,
        .popup #popup_form input, .popup #popup_form textarea {width:100%}
        
        .popup > div {margin-left: -207px;}
        .popup .popup_header h2 {font-size:3.5vw}
        .popup #popup_form input, .popup #popup_form textarea,
        .inside .left_part .ulli li {font-size:3vw}
        .inside .left_part .prem_list.double div {width:98%}
        .inside .left_part .prem_list.short div {width:100%}
        .inside .left_part .prem_list div p span {font-size:3vw}
        .required-field-text {width:100%; display: block}
        .inside .left_part .ulli li:before { display:none} 
        .production.detail .slider.slider-nav .slick-slide img {height: 14vw;} 
        
        .prem, .partners {display:none}
        .vid {width:100%}
        
        .inside .left_part .prom .slick-dots {left:0; transform: rotate(0deg); bottom: 2%;}
        .contacts.feedback.main_ h2 {    font-size: 3.8vw;}
        .contacts.feedback.main_ .order p {    font-size: 3vw;}
        .partners .partners_list div img {width:40%}
        .contacts.feedback.main_ .order form input,
        .contacts.feedback.main_ .order form #question {font-size: 2.8vw;}
        .contacts.feedback.main_ .order form div {}
        .contacts.feedback.main_ .order form input {width:100%}
        .contacts.feedback.main_ .order form input:nth-of-type(2) {border-top:none}   
        .contacts.feedback.main_ .order form input:nth-of-type(1) {border-right:none}
        .contacts.feedback.main_ .order form div {width:100%}
        .contacts.feedback.main_ .order form div p {font-size: 2.5vw; padding: 0 50px 0 0}
        .contacts.feedback.main_ .order form div input {font-size: 3vw;}    
        
        footer .wrap {flex-wrap:wrap}
        footer .wrap a img {display:none}
        footer .wrap p {width:100%; font-size: 3vw; padding:30px 0;  }
        footer .wrap p > span {line-height: 3.8vw; font-size: 2.8vw;}
        footer .wrap > span,
        footer .wrap span a {    font-size: 2.8vw;}
        
        .banner_car .videomut {height:95vw}
        .banner .banner_car .banner_car_list {height:95vw}
        #nubexVideo {object-fit:cover}
        
        .project .project_list .project_list_ .project_list_img a img { height:67vw}

        #topcontrol img {width:8vw!important; height:8vw!important}
        #topcontrol {margin-right:2vw}
}
 
/* End */
/* /bitrix/templates/telecore/js/slick/slick.css */
/* /bitrix/templates/telecore/js/slick/slick-theme.css */
/* /bitrix/templates/telecore/template_styles.css */