/* Start:/local/templates/spg_shop2024/components/bitrix/main.include/nbAbout/style.css?17840970101902*/
.nbAbout_item{border: 1px solid #A1A1A1; padding: 2.13rem 2.88rem; min-height: 1.5rem; left: -30%; opacity: 0; position: relative; transition: left 2s 3s, opacity 2s 3s;}
.nbAbout_item._1, .nbAbout {margin-bottom: 4.69rem;}

.nbAbout_img{height: 100%; right: -30%; position: relative; z-index: 20; opacity: 0;  transition: right 2s 2s, opacity 2s 2s;}
.nbAbout_img img{height: 100%;  object-fit: cover; }
.nbAbout_item:after{position: absolute; bottom: -4px; margin-left: -4px; width: 8px; height: 8px; background: var(--color-secondary); left: 50%; content: '';}
.nbAbout_item._2:after{bottom:unset; top:-4px;}
.nbAbout_item._2{transition-delay: 4s}

.nbAdv_item_bottom_line{position: absolute; top: 100%; left: 50%; height: 0; width: 1px;
  background-image: linear-gradient(0deg, #A1A1A1, #A1A1A1 50%, transparent 50%, transparent 100%);
  background-size: 12px 12px;
  transition:height 1s 5s;
  animation: background-vert 1s linear infinite;
 
}
.nbAdv_item_bottom_punkt{position: absolute; top: 50%; left: 0; height: 1px; width: 0;
  background-image: linear-gradient(90deg, #A1A1A1, #A1A1A1 50%, transparent 50%, transparent 100%);
  background-size: 12px 12px;
  transition:width 2s 6s;
  animation: background-horizont 1s linear infinite;
 
}


.nbAbout.animated .nbAbout_item{left: 0; opacity: 1;}
.nbAbout.animated .nbAbout_img{right: 0; opacity: 1;}
.nbAbout.animated  .nbAdv_item_bottom_line{height: 4.69rem;}
.nbAbout.animated  .nbAdv_item_bottom_punkt{width: 50rem;}

@keyframes background-vert {
  from {
    background-position: 0 -12px;
  }
}
@keyframes background-horizont {
  from {
    background-position:  -12px 0;
  }
}

@media (max-width: 1200px) {
	.nbAbout.animated  .nbAdv_item_bottom_punkt{width: 30rem;}
 }
 
@media (max-width: 767px) {
	.nbAdv_item_bottom_punkt{display: none;}
	.nbAbout_item._2{margin-bottom: 4.69rem;}
 }
/* End */


/* Start:/local/templates/spg_shop2024/components/bitrix/system.pagenavigation/.default/style.css?1784097010848*/
.nbPagination {text-align: center;}
.nbPagination__container {list-style: none; margin: 0; padding: 0;}
.nbPagination__page {display: inline-block; margin: 0 1px;}
.nbPagination__page._prev {}
.nbPagination__page._next {}
.nbPagination__page._active {}
.nbPagination__page._all {}
.nbPagination__item {display: inline-block;
  width: 30px;
  height: 30px;
  background: #fff;
  color: #baa479;
  -webkit-border-radius:0px;
  -moz-border-radius: 0px;
  border-radius: 0px; 
  text-align: center; 
  padding: 5px 5px;
  border: 1px solid #baa479;
  opacity: 0.5;
}
.nbPagination__page._active .nbPagination__item,
.nbPagination__item._link {opacity: 1;}
.nbPagination__item._link:hover,
.nbPagination__page._active .nbPagination__item {background: #baa479; color: #fff; text-decoration: none;}

.nbPagination__item._link {}

/* End */


/* Start:/local/templates/spg_shop2024/components/bitrix/news.list/nbAdvAbout/style.css?17840970104185*/
.nbAdvAbout_items{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(3, minmax(43px, auto));
	grid-column-gap: 1.5rem;
	grid-row-gap: 3.375rem;
	margin-bottom:6.94rem ;
}
.nbAdvAbout_item{
background-image: repeating-linear-gradient(-42deg, #a1a1a1, #a1a1a1 6px, transparent 6px, transparent 12px, #a1a1a1 12px), repeating-linear-gradient(48deg, #a1a1a1, #a1a1a1 6px, transparent 6px, transparent 12px, #a1a1a1 12px), repeating-linear-gradient(138deg, #a1a1a1, #a1a1a1 6px, transparent 6px, transparent 12px, #a1a1a1 12px), repeating-linear-gradient(228deg, #a1a1a1, #a1a1a1 6px, transparent 6px, transparent 12px, #a1a1a1 12px);
background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
background-position: 0 0, 0 0, 100% 0, 0 100%;
background-repeat: no-repeat;
 padding:0.56rem 1.19rem ; height: 100%; 
 position: relative;
 opacity: 0;
 transition:opacity 1s }
.nbAdvAbout_item_img{border-radius:50%; padding: 1rem; display: flex; align-items: center; flex:none; justify-content: center;width: 4.4375rem; height: 4.4375rem; margin-right: 2.62rem; background: #F1F2FA;}
.nbAdvAbout_col{grid-column: auto / span 4;}
.nbAdvAbout_col._special{    grid-row: auto / span 2; order:35;}
.nbAdvAbout_col._special .nbAdvAbout_item:after{display: none;}
.nbAdvAbout_col._special .nbAdvAbout_item{display: flex; text-align: center; align-items: center; justify-content: center;font-size: 1.5rem; font-weight: 500; padding: 2rem; border:none; background: #F1F2FA ;	}

.nbAdvAbout_col .nbAdvAbout_item:after {position: absolute; top:-4px; left: 50%; margin-left: -4px; content: ''; width: 8px; height: 8px; background: var(--color-primary);}
.nbAdvAbout_col._special .nbAdvAbout_item:before {display: none;}
.nbAdvAbout_col:nth-child(7n+4) .nbAdvAbout_item:after{left: 0;}
.nbAdvAbout_col:nth-child(7n+6) .nbAdvAbout_item:after{right: -4px; left:unset;}
.nbAdvAbout_col:nth-child(7n+7) .nbAdvAbout_item:after{left: 0;}
.nbAdvAbout_col:nth-child(7n+5) .nbAdvAbout_item:after{right: -4px; left:unset;}

.nbAdvAbout_col .nbAdvAbout_item:before {position: absolute; bottom:100%; left: 50%; content: ''; width: 1px; height: 0;
     background-image: linear-gradient(0deg, #A1A1A1, #A1A1A1 50%, transparent 50%, transparent 100%);
  background-size: 12px 12px;
  transition: height 1s 5s;
  
}
.nbAdvAbout_col:nth-child(7n+4) .nbAdvAbout_item:before{left: 0; transition-delay: 4s}
.nbAdvAbout_col:nth-child(7n+6) .nbAdvAbout_item:before{right: 0px; left:unset;transition-delay: 3s}
.nbAdvAbout_col:nth-child(7n+7) .nbAdvAbout_item:before{left: 0;transition-delay: 3s}
.nbAdvAbout_col:nth-child(7n+5) .nbAdvAbout_item:before{right: 0px; left:unset; transition-delay: 4s}

.nbAdvAbout_items.animated .nbAdvAbout_item{opacity: 1;}
.nbAdvAbout_items.animated .nbAdvAbout_item:before{height: 5rem;}


.nbAdvAbout_col:nth-child(7n+4) .nbAdvAbout_item{left: 0; transition-delay: 1s}
.nbAdvAbout_col:nth-child(7n+6) .nbAdvAbout_item{right: 0px; left:unset; transition-delay: 2s}
.nbAdvAbout_col:nth-child(7n+7) .nbAdvAbout_item{left: 0; transition-delay: 2s}
.nbAdvAbout_col:nth-child(7n+5) .nbAdvAbout_item{right: 0px; left:unset; transition-delay: 1s}


@media (max-width: 1200px) {
	.nbAdvAbout_item_img{width: 3.5rem; height: 3.5rem;}
	.nbAdvAbout_item_img{margin-right: 1rem;}
 }
 
@media (max-width: 767px) {
	.nbAdvAbout_col._special{order: -1;}
	.nbAdvAbout_items{display: flex; flex-wrap: wrap;}
	.nbAdvAbout_col{width: 100%;}
	.nbAdvAbout_items.animated .nbAdvAbout_item:before{height: 3.375rem;} 
.nbAdvAbout_col:nth-child(7n+4) .nbAdvAbout_item:before{left: 50%; }
.nbAdvAbout_col:nth-child(7n+6) .nbAdvAbout_item:before{right: unset; left:50%;}
.nbAdvAbout_col:nth-child(7n+7) .nbAdvAbout_item:before{left: 50%;}
.nbAdvAbout_col:nth-child(7n+5) .nbAdvAbout_item:before{right: unset; left:50%; }
.nbAdvAbout_col:nth-child(7n+4) .nbAdvAbout_item:after{left: 50%;}
.nbAdvAbout_col:nth-child(7n+6) .nbAdvAbout_item:after{right: unset; left:50%;}
.nbAdvAbout_col:nth-child(7n+7) .nbAdvAbout_item:after{left: 50%;}
.nbAdvAbout_col:nth-child(7n+5) .nbAdvAbout_item:after{right: unset; left:50%;}
 }
/* End */


/* Start:/local/templates/spg_shop2024/components/bitrix/news.list/nbStatAbout/style.css?1784097010813*/
.nbStatAbout_colText{order:35;}
.nbStatAbout_item_contai{max-width: 10.6875rem; margin-top: auto;}
.nbStatAbout_item_name{padding-bottom: 1.5rem; font-size: 1.25rem; font-weight: 500;}
.nbStatAbout_item_img{ padding-top: 100%; border-radius:50%;}
.nbStatAbout_item{padding: 2.19rem 1.2rem;  border: 1px solid #A1A1A1; width: 100%; display: flex; flex-direction: column; height: 100%; position: relative;}
.nbStatAbout_col{margin-bottom: 4rem;}
.nbStatAbout_main_text{padding-right: 17.2%; display: flex;height: 100%; align-items: center; font-size: 1.125rem;}

.nbStatAbout_item_num{position: absolute; right: 1.13rem; bottom: 0.69rem;font-size: 2.25rem;font-weight: 600; color: #A1A1A1;}

@media (max-width: 1200px) {
	.nbStatAbout_colText{order:2000; } 
	.nbStatAbout_main_text{padding-right: 0;}
}
/* End */
/* /local/templates/spg_shop2024/components/bitrix/main.include/nbAbout/style.css?17840970101902 */
/* /local/templates/spg_shop2024/components/bitrix/system.pagenavigation/.default/style.css?1784097010848 */
/* /local/templates/spg_shop2024/components/bitrix/news.list/nbAdvAbout/style.css?17840970104185 */
/* /local/templates/spg_shop2024/components/bitrix/news.list/nbStatAbout/style.css?1784097010813 */