/* 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/news.list/nbColors/style.css?16618497521932*/
.nbColors{background:#3b6aa3 ; position: relative; margin: 0 -0.75rem; border: 0.75rem solid #fff; }

.nbColors_imgCol{
    margin-top: -2.5rem!important;
    margin-bottom: -2.5rem!important;}
.nbColors_img>div, .nbColors_img, .nbColors_img>div>div{height: 100%; width: 100%; -webkit-background-size: cover;
background-size: cover; background-position: center;}
.nbColors_img{margin-left: 2.25rem;}
.nbColors_item{color:#fff; position: relative; overflow: hidden; font-size: 0.875rem; height: 100%; min-height: 7.5rem; padding: 1.125rem 2.375rem; padding-right:3.75rem ; display: flex;align-items: center;}

.nbColors_itemNum{position: absolute; bottom: -0.75rem;     position: absolute;
    left: -1rem;
    font-size: 7.5rem;
    font-weight: 900;
    line-height: 0.7;
    opacity: 0.5;
    background: url(/local/templates/sts/images/pattern.png);
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(255,255,255,0);}
    .nbColors_itemImg{position: absolute; background: #fff; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; padding:0.5rem ; width: 3.125rem; height: 3.125rem; }
    .nbColors_item_col:nth-child(3n+1){background:#6e8eb5 ;}
    .nbColors_items{margin-right: -2.25rem;}
    .nbColors: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) {

}

/*phones*/
@media (max-width: 767px) { 
	.nbColors_imgCol{display: none;}
	.nbColors_items{margin-right: 0;}
	 .nbColors_item_col:nth-child(3n+1){background:none;}
	 .nbColors_item_col:nth-child(odd){background:#6e8eb5;}
}
/* 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 */
/* /local/templates/sts/components/bitrix/menu/nbColor/style.css?16618497521645 */
/* /local/templates/sts/components/bitrix/news.list/nbColors/style.css?16618497521932 */
/* /local/templates/sts/components/bitrix/system.pagenavigation/.default/style.css?16618497521544 */