/***Vazoy****/
/**Кнопки вверху категорий**/
.rest a {
    background-color: #3d3940;
    border: none;
    color: white;
    padding: 15px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 19px;
    margin: 4px 2px;
    cursor: pointer;

}
/**Кнопки вверху категорий**/
/**аккордеон**/
/**
* Компоненты аккордеона.
*/
.accordion {
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  list-style: none;
}
.accordion_item {
  border-bottom: 1px solid #5a95fd;
}
.accordion_item:last-of-type {
  border-bottom: none;
}
/**
* Элемент label который запускает открыть/закрыть.
*/
.accordion_trigger {
font-size: 17px;
  display: block;
  background-color: #3d3943;
  color: #ddd;
  font-weight: normal;
  cursor: pointer;
  padding: 1.2em;
}
 
/* меняем цвет фона у активного переключателя */
 
.accordion_toggle:checked ~ .accordion_trigger {
  background-color: #ffc105;
color: #3c3942;
}
 
/**
 * эти элементы radio/checkbox всегда должны быть скрыты.
 */
.accordion_toggle {
  position: absolute;
  display: none;
}
/**
* скрытое содержание аккордеона.
*/
.accordion_target {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background-color: #ddd;
  color: #444;
}
/**
* когда переключатель checked на radio/checkbox, показать содержимое аккордеона.
*/
.accordion_toggle:checked ~ .accordion_target .li{ 
padding-bottom: 5px;
}
.accordion_toggle:checked ~ .accordion_target {
margin: -5px 0px 7px 0px !important;
padding: 19px 19px 10px 19px;
font-size: 17px;
line-height: 25px;

  position: static;
  overflow: visible;
  clip: auto;
  margin: auto;
  width: auto;
  height: auto;
/* задержка появления  функция анимации */
  -webkit-animation:fadeIn ease-in 0.5s; 
  -moz-animation:fadeIn ease-in 0.5s;
  animation:fadeIn ease-in 0.5s; 
}
.accordion .accordion_item .accordion_target .p {
font-size: 17px;
padding-top: 7px;
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
/**аккордеон**/

.blockquote{
	padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 21px;
    border-left: 5px solid #eee;
	line-height: 32px;
	font-style: italic;
}


/**Блок приемущиства резиновой крошки**/
.cell{
width: 100%;
}
div.prich{
	text-align:center;
	float:left;
	border: 1px solid #fff!important;
	background:#3c3841;
	width:22%;
	margin-right:8px;
	min-height:110px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
div.prich:hover{
	border: 1px solid #fff!important;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}	
/**Блок приемущиства резиновой крошки**/

/** Таба Преимущества **/
.preimushchestva-list li {
padding: .75rem;
vertical-align: top;
border-bottom: 1px solid #dee2e6;
list-style-image:url(/images/icon/plusii.png);
}
/** Таба Преимущества **/
/***trigger****/
.trigger{
  height: 600px;
}
.trigger .line{
  height: 2px;
  background: #fec003;
}
.trigger .pos{
  height: 60px;
  margin: 10px 0;
}
.trigger .pos img{
  float: left;
  padding-right: 10px;
}
.trigger .pos p{
  font-size: 19px;
  padding-top: 20px;
}

.trigger .pos:hover {
  background: #fdfaf0;
}
@media (max-width: 991px){
	.trigger .pos p {
    font-size: 14px;
    padding-top: 10px;
	}
}
.Htrigger h3{
background: #f3f3f3;
    padding: 10px 15px;
    font-size: 25px;
    color: #3d3941;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
  }
/***trigger****/
/***sertefikati***/
.sertificat-prom-poly {
    margin: 10px 0 0 0;
    width: 188px;
}

.sertificat-prom-poly strong {
    font-size: 14px;
    color: #3d3941;
    font-weight: bold;
    display: block;
    margin: 0 0 10px;
}

.sertificat-prom-poly a {
    font-size: 18px;
    color: #201c24;
    display: block;
    background: #fec002;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    padding: 0 40px 0 0;
    position: relative;
}

.sertificat-prom-poly a:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: 1px solid #3d3941;
    width: 40px;
    height: 30px;
    background: url("/images/icon/sert.png") center center no-repeat;
}

.sertificat-prom-poly a:hover {
    background: #3d3941;
    color: #fff2cc;
    text-decoration: none;
}

.sertificat-prom-poly a:hover:after {
    border-left: 1px solid #fff2cc;
    background: url("/images/2015/sert_h.png") center center no-repeat;
}

@media(max-width: 767px) {
    .sertificat-prom-poly {
        width: 155px;
    }

    .sertificat-prom-poly strong {
        font-size: 12px;
    }
}

@media(max-width: 576px) {
    .sertificat-prom-poly {
        width: 140px;
    }

    .sertificat-prom-poly strong {
        font-size: 10px;
    }
}
/***sertefikati***/
/*****���� ���� ���� �����������*******/
.menu-osobennosti li img{
  float: left;
  padding-left:1px;
  }
 .menu-osobennosti ul li:hover img{
  	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);

}
.menu-osobennosti ul{
    list-style: none; /* ��� ������ ������� ������� */
    margin: 0; /* ��� �������� ������ */
    padding: 0; /* ������� ���� ������ ������ */
    font-family: Arial, sans-serif; /* �������� ����� ��� ������ ���� */
    font-size: 12pt; /* ������ �������� � ������ ���� */
   }
  .menu-osobennosti li ul {
    position: absolute; /* ������� ��������������� ��������� */
    display: none; /* �������� ������� */
    margin-top: 55px
   }
  .menu-osobennosti li p {
    display: block; /* ������ ��� ������� ������� */
    padding: 5px; /* ���� ������ ������� */
    color: #000; /* ���� ������ */
    border: 1px solid #000;/* ����� ������ ������� ���� */
    background-color: #fec002; /* ���� ���� */

   }
  .menu-osobennosti li p:hover {
    color: #000; /* ���� ������ ��������� ������ */
    background-color: #f1b706; /* ���� ���� ��������� ������ */
   }
  .menu-osobennosti li:hover ul { 
    display: block; /* ��� ��������� ������ �������� ���� ������������ ������� */
   }
.menu-osobennosti
{
padding-bottom: 70px;
}
/*****���� ���� ���� �����������*******/


/***promyshlennye-poly****/
.materials-osobennosti11 .material111 {
    overflow: hidden;
    width: 13%;

    display: inline-block;
    margin: 0 1% 15px 0;
    vertical-align: top;
}







.materials-osobennosti11 .material111 .title {
    background: #3e3942;
    text-align: center;
    font-size: 25px;
    color: #3d3941;
    font-weight: 600;
    padding: 2px 10px 4px;
    line-height: 30px;
	display: flex;
	align-items: center;
    justify-content: center;
	position: absolute;
    width: 13%;
    height: 30px;
}
.materials-osobennosti11 .material111 .content-prom  {
  position: relative;
  text-align: center;

  height: 32px;
  margin-bottom: 42px;
}
.materials-osobennosti11 .material111:hover .title, .materials-osobennosti11 .material111:hover .title p{
    background: #3e3942;
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    margin: 0;

}
.materials-osobennosti11 .material111 .title p{
	font-size: 14px;
	color: #fff2c6;
	line-height: 12px;

margin-bottom: 0px;

}

.materials-osobennosti11 {
    font-size: 0px;
}
.materials-osobennosti11 img:hover{ 
-webkit-transform: scale(1.3);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}
.materials-osobennosti11 img{
padding-right: 0px;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }

.materials-osobennosti11 .material111:hover .title a{
text-decoration: none;
}

@media (max-width: 991px){
	.materials-osobennosti11 .material111 .title {
		position: absolute;
		background: #3e3942;
		width: 100%;
		height: 40px;
	}
	.materials-osobennosti11 .material111 {
		width: 100%;
		padding-top: 16px;
		padding-bottom: 10px;
	}
}
/***promyshlennye-poly****/
/***trigger****/
.trigger{
  height: 600px;
}
.trigger .line{
  height: 2px;
  background: #fec003;
}
.trigger .pos{
  height: 60px;
  margin: 10px 0;
}
.trigger .pos img{
  float: left;
  padding-right: 10px;
}
.trigger .pos p{
  font-size: 19px;
  padding-top: 20px;
}

.trigger .pos:hover {
  background: #fdfaf0;
}
@media (max-width: 991px){
	.trigger .pos p {
    font-size: 14px;
    padding-top: 10px;
	}
}
.Htrigger h3{
background: #f3f3f3;
    padding: 10px 15px;
    font-size: 25px;
    color: #3d3941;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
  }
/***trigger****/

.pi .dor {
float: left;
width: 19%;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
}
.pi .dor .as{
  height: 63px;
}
.pi .dor .ti{
  background: #3e3942;
}
.pi .dor .ti p{
  font-size: 15px;
  color: #ffbf00;
  padding: 0px 3px 0px 3px;
  height: 38px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 991px){
	.pi .dor {
		width: 100%;
}
.pi .dor .as {
	height: 0px;
}
.pi .dor .ti p{
	font-size: 17px;
	padding: 8px 3px 0px 3px;
}
}
.pb-2 {
    font-size: 19px;
    color: #333;
    line-height: 25px;
}
.xsd-region-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
@media (max-width: 768px){
	.xsd-region-list-container {
		margin-top: 2rem;
	}
	.menu-catalog {
       margin-top: -3rem;
	}
	a.xsd-region-current {
		color: var(--color-main);
	}
}
./***Vazoy****/
/**аккордеон**/
/**
* Компоненты аккордеона.
*/
.accordion {
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  list-style: none;
}
.accordion_item {
  border-bottom: 1px solid #5a95fd;
}
.accordion_item:last-of-type {
  border-bottom: none;
}
/**
* Элемент label который запускает открыть/закрыть.
*/
.accordion_trigger {
font-size: 17px;
  display: block;
  background-color: #3d3943;
  color: #ddd;
  font-weight: normal;
  cursor: pointer;
  padding: 1.2em;
}
 
/* меняем цвет фона у активного переключателя */
 
.accordion_toggle:checked ~ .accordion_trigger {
  background-color: #ffc105;
color: #3c3942;
}
 
/**
 * эти элементы radio/checkbox всегда должны быть скрыты.
 */
.accordion_toggle {
  position: absolute;
  display: none;
}
/**
* скрытое содержание аккордеона.
*/
.accordion_target {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background-color: #ddd;
  color: #444;
}
/**
* когда переключатель checked на radio/checkbox, показать содержимое аккордеона.
*/
.accordion_toggle:checked ~ .accordion_target .li{ 
padding-bottom: 5px;
}
.accordion_toggle:checked ~ .accordion_target {
margin: -5px 0px 7px 0px !important;
padding: 19px 19px 10px 19px;
font-size: 17px;
line-height: 25px;

  position: static;
  overflow: visible;
  clip: auto;
  margin: auto;
  width: auto;
  height: auto;
/* задержка появления  функция анимации */
  -webkit-animation:fadeIn ease-in 0.5s; 
  -moz-animation:fadeIn ease-in 0.5s;
  animation:fadeIn ease-in 0.5s; 
}
.accordion .accordion_item .accordion_target .p {
font-size: 17px;
padding-top: 7px;
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
/**аккордеон**/

.blockquote{
	padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 21px;
    border-left: 5px solid #eee;
	line-height: 32px;
	font-style: italic;
}


/**Блок приемущиства резиновой крошки**/
.cell{
width: 100%;
}
div.prich{
	text-align:center;
	float:left;
	border: 1px solid #fff!important;
	background:#3c3841;
	width:24%;
	margin-right:8px;
	min-height:110px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
div.prich:hover{
	border: 1px solid #fff!important;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}	
/**Блок приемущиства резиновой крошки**/

/** Таба Преимущества **/
.preimushchestva-list li {
padding: .75rem;
vertical-align: top;
border-bottom: 1px solid #dee2e6;
list-style-image:url(/images/icon/plusii.png);
}
/** Таба Преимущества **/
/***trigger****/
.trigger{
  height: 600px;
}
.trigger .line{
  height: 2px;
  background: #fec003;
}
.trigger .pos{
  height: 60px;
  margin: 10px 0;
}
.trigger .pos img{
  float: left;
  padding-right: 10px;
}
.trigger .pos p{
  font-size: 19px;
  padding-top: 20px;
}

.trigger .pos:hover {
  background: #fdfaf0;
}
@media (max-width: 991px){
	.trigger .pos p {
    font-size: 14px;
    padding-top: 10px;
	}
}
.Htrigger h3{
background: #f3f3f3;
    padding: 10px 15px;
    font-size: 25px;
    color: #3d3941;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
  }
/***trigger****/
/***sertefikati***/
.sertificat-prom-poly {
    margin: 10px 0 0 0;
    width: 188px;
}

.sertificat-prom-poly strong {
    font-size: 14px;
    color: #3d3941;
    font-weight: bold;
    display: block;
    margin: 0 0 10px;
}

.sertificat-prom-poly a {
    font-size: 18px;
    color: #201c24;
    display: block;
    background: #fec002;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    padding: 0 40px 0 0;
    position: relative;
}

.sertificat-prom-poly a:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: 1px solid #3d3941;
    width: 40px;
    height: 30px;
    background: url("/images/icon/sert.png") center center no-repeat;
}

.sertificat-prom-poly a:hover {
    background: #3d3941;
    color: #fff2cc;
    text-decoration: none;
}

.sertificat-prom-poly a:hover:after {
    border-left: 1px solid #fff2cc;
    background: url("/images/2015/sert_h.png") center center no-repeat;
}

@media(max-width: 767px) {
    .sertificat-prom-poly {
        width: 155px;
    }

    .sertificat-prom-poly strong {
        font-size: 12px;
    }
}

@media(max-width: 576px) {
    .sertificat-prom-poly {
        width: 140px;
    }

    .sertificat-prom-poly strong {
        font-size: 10px;
    }
}
/***sertefikati***/
/*****���� ���� ���� �����������*******/
.menu-osobennosti li img{
  float: left;
  padding-left:1px;
  }
 .menu-osobennosti ul li:hover img{
  	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);

}
.menu-osobennosti ul{
    list-style: none; /* ��� ������ ������� ������� */
    margin: 0; /* ��� �������� ������ */
    padding: 0; /* ������� ���� ������ ������ */
    font-family: Arial, sans-serif; /* �������� ����� ��� ������ ���� */
    font-size: 12pt; /* ������ �������� � ������ ���� */
   }
  .menu-osobennosti li ul {
    position: absolute; /* ������� ��������������� ��������� */
    display: none; /* �������� ������� */
    margin-top: 55px
   }
  .menu-osobennosti li p {
    display: block; /* ������ ��� ������� ������� */
    padding: 5px; /* ���� ������ ������� */
    color: #000; /* ���� ������ */
    border: 1px solid #000;/* ����� ������ ������� ���� */
    background-color: #fec002; /* ���� ���� */

   }
  .menu-osobennosti li p:hover {
    color: #000; /* ���� ������ ��������� ������ */
    background-color: #f1b706; /* ���� ���� ��������� ������ */
   }
  .menu-osobennosti li:hover ul { 
    display: block; /* ��� ��������� ������ �������� ���� ������������ ������� */
   }
.menu-osobennosti
{
padding-bottom: 70px;
}
/*****���� ���� ���� �����������*******/


/***promyshlennye-poly****/
.materials-osobennosti11 .material111 {
    overflow: hidden;
    width: 13%;

    display: inline-block;
    margin: 0 1% 15px 0;
    vertical-align: top;
}







.materials-osobennosti11 .material111 .title {
    background: #3e3942;
    text-align: center;
    font-size: 25px;
    color: #3d3941;
    font-weight: 600;
    padding: 2px 10px 4px;
    line-height: 30px;
	display: flex;
	align-items: center;
    justify-content: center;
	position: absolute;
    width: 13%;
    height: 30px;
}
.materials-osobennosti11 .material111 .content-prom  {
  position: relative;
  text-align: center;

  height: 32px;
  margin-bottom: 42px;
}
.materials-osobennosti11 .material111:hover .title, .materials-osobennosti11 .material111:hover .title p{
    background: #3e3942;
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    margin: 0;

}
.materials-osobennosti11 .material111 .title p{
	font-size: 14px;
	color: #fff2c6;
	line-height: 12px;

margin-bottom: 0px;

}

.materials-osobennosti11 {
    font-size: 0px;
}
.materials-osobennosti11 img:hover{ 
-webkit-transform: scale(1.3);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}
.materials-osobennosti11 img{
padding-right: 0px;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }

.materials-osobennosti11 .material111:hover .title a{
text-decoration: none;
}

@media (max-width: 991px){
	.materials-osobennosti11 .material111 .title {
		position: absolute;
		background: #3e3942;
		width: 100%;
		height: 40px;
	}
	.materials-osobennosti11 .material111 {
		width: 100%;
		padding-top: 16px;
		padding-bottom: 10px;
	}
}
/***promyshlennye-poly****/
/***trigger****/
.trigger{
  height: 600px;
}
.trigger .line{
  height: 2px;
  background: #fec003;
}
.trigger .pos{
  height: 60px;
  margin: 10px 0;
}
.trigger .pos img{
  float: left;
  padding-right: 10px;
}
.trigger .pos p{
  font-size: 19px;
  padding-top: 20px;
}

.trigger .pos:hover {
  background: #fdfaf0;
}
@media (max-width: 991px){
	.trigger .pos p {
    font-size: 14px;
    padding-top: 10px;
	}
}
.Htrigger h3{
background: #f3f3f3;
    padding: 10px 15px;
    font-size: 25px;
    color: #3d3941;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
  }
/***trigger****/

.pi .dor {
float: left;
width: 19%;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
}
.pi .dor .as{
  height: 63px;
}
.pi .dor .ti{
  background: #3e3942;
}
.pi .dor .ti p{
  font-size: 15px;
  color: #ffbf00;
  padding: 0px 3px 0px 3px;
  height: 38px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 991px){
	.pi .dor {
		width: 100%;
}
.pi .dor .as {
	height: 0px;
}
.pi .dor .ti p{
	font-size: 17px;
	padding: 8px 3px 0px 3px;
}
}
.pb-2 {
    font-size: 19px;
    color: #333;
    line-height: 25px;
}
.xsd-region-list-container {
	background: #F5F5F5;
}
.xsd-region-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: calc(100vh - 4rem);
	width: 100%;
	overflow-x: auto;
	
}
.xsd-region-list .letter-group {
	display: flex;
	flex-direction: column;
	width: calc(100% / 7);
	background: white;
	margin: 0.5rem;
	padding: 0.5rem;
	border-radius: 4px;
}
.xsd-region-list .letter-group big {
	font-weight: bold;
}
.xsd-region-list .letter-group a.btn {
	text-align: left !important;
	display: none;
}
.xsd-region-list .letter-group a.btn.show {
	display: block;
}
.xsd-region-list .letter-group a.btn:hover {
	background: #FBF5E1;
}
.xsd-region-search {
	width: 100%;
	padding: 1rem 0 0.5rem;
}
.xsd-region-search .form-control {
	border: none;
}
@media (max-width: 768px){
	.xsd-region-list .letter-group {
		width: 100%;
	}
}

.xsd-nobr-phone {
    white-space: nowrap;
}