/* Start:/local/templates/stroycity33/components/bitrix/main.include/nbVacanses/style.css?17852285451610*/
.nbVacanses_areaPic img{max-width: 100%;}
.nbVacanses_areaText{ color: #555454; font-size: 1.125rem; letter-spacing: 0.05rem; line-height: 1.2; font-weight: 300; padding-top: 1rem; }

.nbVacanses_areaList ol, .nbVacanses_areaList ul{list-style: none; padding-left: 0; margin-bottom: 0; display: flex; flex-wrap:wrap;  counter-reset:  item; }
.nbVacanses_areaList{margin-top: 0.5rem; padding: 2rem; background: #fff; margin-right: -4rem;padding-left: 0; position: relative; z-index: 20 }
.nbVacanses_areaList ol li, .nbVacanses_areaList ul li{background: #de5324; position: relative; overflow:hidden; padding: 1.875rem; color:#fff; width: 100%; max-width: 33.33333%; font-size: 1.125rem; font-weight: 500;}
.nbVacanses_areaList ol li:nth-child(3n+2), .nbVacanses_areaList ul li:nth-child(3n+2){background:#e2683e ;}
.nbVacanses_areaList ol li:nth-child(3n+3), .nbVacanses_areaList ul li:nth-child(3n+3){background:#e6835d ;}
.nbVacanses_areaList ol li img, .nbVacanses_areaList ul li img{display: block; max-height:5.375rem; margin-bottom: 2rem;}
.nbVacanses_areaList ol li a, .nbVacanses_areaList ul li a{color: #fff; font-weight: 600;}
.nbVacanses_areaList ol li:after, .nbVacanses_areaList ul li:after{position: absolute; counter-increment: item;  content: counter(item); 
 bottom: -1.5rem; right: 0; font-size: 13.75rem; line-height: 12rem; color: #fff; opacity: 0.09; font-weight: 900;}
 

@media (max-width: 991px) {
.nbVacanses_areaList{margin: 0; padding: 0; margin-top: 1.5rem;}
}
@media (max-width: 767px) {
.nbVacanses_areaList ol li, .nbVacanses_areaList ul li{max-width: 100%;}
}
/* End */


/* Start:/local/templates/stroycity33/components/bitrix/news.list/nbVacanses/style.css?17852285452871*/
.nbVacanses_item_header{color:#fff;	background:#4c4c4c; padding: 1.25rem 3.25rem;}
.nbVacanses_item_name{font-size: 1.25rem; font-weight: 500;}
.nbVacanses_item_zp{font-weight: 300;}

.nbVacanses_item_city{background: #fff;}

.nbVacanses_item_city {color:#404040; background: #fff; font-size:1.125rem; padding:0.3rem 1rem; min-width:9.75rem; margin-right: -3.25rem; display: block; text-align: center; }

.nbVacanses_item_btn{background:#e25125; text-align: center; color: #fff; font-size: 1.125rem; font-weight: 600; padding: 0.75rem 2rem; text-transform: uppercase; cursor: pointer; transition: 0.45s}
.nbVacanses_item_btn:hover{background: #e2683e;}
.nbVacanses_item_body{padding: 1.25rem 3.25rem; border: 1px solid #c4c4c4; padding-right: 1rem; background: url(/local/templates/stroycity33/components/bitrix/news.list/nbVacanses/images/vac.png) right bottom no-repeat;}
.nbVacanses_item_case, .nbVacanses_item_exp{color: #868686; font-weight: 300;}
.nbVacanses_item_case b, .nbVacanses_item_exp b{font-weight: 500;}

.accordion-div{cursor:pointer; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
  box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.23);
 position: relative; padding:0.75rem 1.25rem; padding-right: 4rem; color: #404040; font-size: 1.125rem; font-weight: 600; margin: 0 -1.125rem}
.accordion-div:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(130, 130, 130)' d='M17.780,9.793 C17.486,10.75 17.8,10.75 16.713,9.793 L8.989,1.733 L1.264,9.793 C0.970,10.75 0.492,10.75 0.198,9.793 C0.96,9.512 0.96,9.55 0.198,8.774 L8.417,0.196 C8.574,0.46 8.783,0.18 8.988,0.8 C9.194,0.18 9.402,0.46 9.559,0.196 L17.780,8.775 C18.74,9.56 18.74,9.512 17.780,9.793 L17.780,9.793 Z'/%3E%3C/svg%3E");
content: ''; position: absolute; top: 50%; right: 1.375rem; width: 18px; height: 10px; margin-top: -5px;
transition: 0.5s;}

.accordion-div.collapsed:before{position: absolute; bottom: 0; left: 1.125rem; right: 1.125rem; border-bottom: 1px solid #e0e0e0; content: '';}
.accordion-div.collapsed{  box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.0);}
.accordion-div.collapsed:after{ transform: rotate(180deg)}

.accordion-body{padding:1.125rem 6px;}
.accordion-body ul{padding-left: 1.2rem; font-weight: 300;}
.accordion-body ul li::marker {
  color: #ec5d19;
 
}

.nbVacanses_item_link{text-align: center; padding-top: 2rem; padding-bottom: 0.875rem;}

/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {

}

/*phones*/

@media (max-width: 767px) { 

}
@media (max-width: 576px) { 
	.nbVacanses_item_city a{margin-right: 0; margin-top: 0.5rem;}
	.nbVacanses_item_body{padding: 1rem 1.5rem;}
	.nbVacanses_item_btn{margin-top: 1.5rem;}
}
/* End */
/* /local/templates/stroycity33/components/bitrix/main.include/nbVacanses/style.css?17852285451610 */
/* /local/templates/stroycity33/components/bitrix/news.list/nbVacanses/style.css?17852285452871 */