

/* Start:/local/templates/sts/components/bitrix/menu/nbColor/style.css?16618497521645*/
.nbColor_menu{padding-left: 0; margin: 0; margin-bottom: 2.125rem; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
.nbColor_menu>li{margin-right:1.5rem ; margin-bottom: 1rem;     flex: 1;
    max-width: 30%;}
.nbColor_menu>li:last-child{margin-right: 0;}
.nbColor_menu>li>a{padding:1.5rem 1.125rem; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s; border: 1px solid #e6e6e6; position: relative;display: block;padding-left: 6.625rem; color:#000; font-weight: 500;}
.nbColor_menu>li>a:after{position: absolute; content: ''; right: -1px; top: -1px; width: 0.5rem; height: 0.5rem; background: #ff0000; opacity: 0; transition: 0.5s}

.nbColor_menu>li>a.perforatsiya-i-tsvetvybor-tsveta{background: url(/local/templates/sts/components/bitrix/menu/nbColor/images/color.png) 1rem 0.5rem no-repeat; -webkit-background-size: auto 90%;
background-size: auto 77%;}
.nbColor_menu>li>a.perforatsiya-i-tsvetvybor-perforatsii{background: url(/local/templates/sts/components/bitrix/menu/nbColor/images/resh.png) 1rem 0.5rem no-repeat; -webkit-background-size: auto 90%;
background-size: auto 77%;}

.nbColor_menu>li>a:hover, .nbColor_menu>li>a.selected{text-decoration: none;border: 1px solid #fff; border-bottom: 1px solid #052347;   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);}

.nbColor_menu>li>a:hover:after, .nbColor_menu>li>a.selected:after{opacity: 1;}

@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
.nbColor_menu>li{max-width: 100%;}
}

/*phones*/
@media (max-width: 767px) { 

.nbColor_menu>li{flex:none;}
}
@media (max-width: 576px) { 

.nbColor_menu>li{flex:none; width: 100%; margin-right: 0;}
}
/* End */


/* Start:/local/templates/sts/components/bitrix/system.pagenavigation/.default/style.css?16618497521544*/
.nav-pages{display: flex; align-items:center; font-size: 0.875rem;  margin-bottom: 3rem;}
.system-nav-orange{display: flex; justify-content:center;}
.nav-pages>a,.nav-pages>.nav-current-page{display: flex; align-items:center; justify-content:center; height: 2.625rem; padding:0.5rem 0.75rem;  color:#8a8a8a;
 font-size: 1.125rem; margin-right: 1.25rem; min-width: 2.625rem; text-align: center; position: relative;  font-weight: 600;}
 .PageLink{position: relative;}
.PageLink:after{ position: absolute; content:""; bottom: 0; height: 100%; width: 100%;  border-bottom: 2px solid #052347;left:0%;  }
.nav-pages .leftNavBegin,.nav-pages .RightNavEnd{  margin-right: 5px; display: flex; align-items: center;} 
.nav-pages .leftNavBegin svg,.nav-pages .RightNavEnd svg{width: 0.875rem; height: 1rem; fill:#8e9fb0;}
.nav-pages .leftNav,.nav-pages .RightNav{font-size: 2rem;  display: block;  width: 2.875rem; color:#434343; padding:0.5rem 0.75rem; background-color: #fff; margin-right: 5px;
line-height: 0.6; text-align: center;}

.nav-pages .leftNav{margin-right: 1.25rem;}
.nav-pages .RightNav{margin-left: 0;}

.nav-pages .leftNav svg,.nav-pages .RightNav svg{width:0.625rem; height: 1rem; fill:#8e9fb0; }
.nav-pages>a:hover{ text-decoration: none; color:#425b7a;}
.nav-pages>a:hover svg{fill:#425b7a;}
.PageLink{position: relative;}
span.nav-current-page{ color:#fff!important; background:#052347 ;}
span.nav-current-page:after{position: absolute; background: #ff0000; height: 5px; width: 5px; right: 0; top: 0; content: '';}

/* End */


/* Start:/local/templates/sts/components/bitrix/news.list/nbPerforacia/style.css?16716997053672*/




.nbPerforacia_itemName{font-size: 1.125rem; text-transform: uppercase; color:#fff; margin-bottom: 1.75rem; font-weight: 600;
 background:#052347; padding:0.5rem 1.25rem; display: inline-block; border-left: 4px solid #ff0000; position: relative;}
 .nbPerforacia_itemName:after{position: absolute; content: ''; bottom: 0; left: 4px; right: 0px; height:4px; background: url(/local/templates/sts/components/bitrix/news.list/nbPerforacia/images/slider_pattern.png);}
.nbVariants_text{color:#767676; letter-spacing: 0.05rem;}
.nbVariants_text ul{padding-left: 0; margin-bottom: 0; list-style: none;}
.nbVariants_text ul li:before{content: ''; display: inline-block; height: 6px; width: 6px; background: #052347; vertical-align:middle; margin-top: -3px; margin-right: 1rem;}
.nbVariants_text ul li{margin-bottom:1rem ;}
.nbVariants_text ul li:last-child{margin-bottom: 0;}
.nbElementSlider_var {position: relative; z-index: 20}
.nbElementSlider_var__items {display: none;}
.bx-viewport .nbElementSlider_var__items{display: block;}
.nbElementSlider_var__item  {padding: 0.4rem;}
.nbElementSlider_var__link {display: block;  text-align: center; background-position: center center;
 background-size: contain; background-repeat: no-repeat; height: 0px; padding-top: 80%;}


.nbElementSlider_var .bx-wrapper .bx-pager.bx-default-pager a{width: 8px; height: 3px; background:#dadada ; transition: 0.5s}
.nbElementSlider_var .bx-wrapper .bx-pager.bx-default-pager a.active{background:#345f92 ; width: 45px}
.nbElementSlider_var .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#345f92 ;}

.nbElementSlider_var__pagerItem.active {opacity: 1; z-index: 10;}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover

.nbElementSlider_var__slider {position: relative; margin-top: 15px;}
.nbElementSlider_var__slider .bx-wrapper {position: static;}


.nbPerforacia_item{margin-bottom:5.625rem ;}

.nbPerforacia_text{ padding:3.125rem 2.5rem; padding-right: 4rem; }
.nbPerforacia_img{height: 100%; -webkit-background-size: contain;
background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #fff;    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 16%); }
.nbPerforacia_imgCont{margin-bottom: -2.625rem; ; margin-top: -4.125rem!important;}

.nbPerforacia_text b{text-transform: uppercase;color: #2e2e2e; margin-bottom: 1.125rem;  font-weight:600 ; }
.nbPerforacia_text ul{padding-left: 0.75rem; margin-bottom: 0; list-style: none; }
.nbPerforacia_text ul li{margin-bottom: 1.5rem;}
.nbPerforacia_text ul li:last-child{margin-bottom: 0;}
.nbPerforacia_text ul li:before{content: ''; vertical-align: middle; display: inline-block; width:6px; height: 6px; margin-top: -3px; margin-right: 0.75rem ; background: #ff0000;}

.nbPerforacia_itemInfoBody{background:#f9f9f9; position: relative;}
.nbPerforacia_itemInfoBody:after{position: absolute; z-index: -1; width: calc(100% + 1.5rem); bottom: -0.75rem; left: -0.75rem; height:5.625rem; background: #3b6aa3;  content: '';}

.nbPerforacia_item:last-child .nbPerforacia_itemInfoBody:before{position: absolute; content:""; width: 100vw; height: 20rem;  background: url(/local/templates/sts/components/bitrix/news.list/nbPerforacia/images/slider_pattern.png); top:calc(100% - 5.625rem); left: 50%;
 margin-left:-50vw; z-index: -2; opacity: 0.5;}

 
 

/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
 .nbPerforacia_img{margin-right: 1rem;}
}

/*phones*/
@media (max-width: 767px) { 
 .nbPerforacia_img{padding-top: 50%; margin: 0; margin: 0 auto!important; max-width:300px;}
  .nbPerforacia_imgCont{margin: 0!important;padding:0 2rem!important; padding-bottom: 2rem!important; }

}
/* End */
/* /local/templates/sts/components/bitrix/menu/nbColor/style.css?16618497521645 */
/* /local/templates/sts/components/bitrix/system.pagenavigation/.default/style.css?16618497521544 */
/* /local/templates/sts/components/bitrix/news.list/nbPerforacia/style.css?16716997053672 */
