/* Умолчания для справки */
/* h1 display: block; font-size: 2em; margin: 0.67em 0; font-weight: bold; */
/* h2 display: block; font-size: 1.5em; margin: 0.83em 0; font-weight: bold; */
/* h3  display: block;vfont-size: 1.17em; margin: 1em 0; font-weight: bold; */
/* p display: block; margin: 1em 0 1em 0; */
/* ul display: block; list-style-type: disc; margin: 1em 0px 1em 0px; padding-left: 40px; */
/* li display: list-item; */
/*корневой размер для rem*/
html {
	font-size: 100%; /*В браузерах обычно 16px*/
	height: 100%; /*чтобы футер был внизу страницы если страница маленькая*/
}
body {  
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	display: flex; /*чтобы футер был внизу страницы если страница маленькая*/
	min-height: 100vh; /*чтобы футер был внизу страницы если страница маленькая*/
	flex-direction: column;	 /*чтобы футер был внизу страницы если страница маленькая*/
}
/*чтобы футер был внизу страницы если страница маленькая*/
main {
	flex: 1;
}
header {
	opacity: 1.0;
}
.footer {
}

/*вид placeholder*/
textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder {
	color: #9999a6;
	opacity: 1.0;
	padding-left: 3px;
}
textarea::-moz-placeholder, input[type="text"]::-moz-placeholder {
	color: #9999a6;
	opacity: 1.0;
	padding-left: 3px;
}
textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder {
	color: #9999a6;
	opacity: 1.0;
	padding-left: 3px;
}
textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder {
	color: #9999a6;
	opacity: 1.0;
	padding-left: 3px;
}
textarea::placeholder, input[type="text"]::placeholder {
	color: #9999a6;
	opacity: 1.0;
	padding-left: 3px;
}
/*Вид полосы прокрутки*/
.news_text::-webkit-scrollbar-button {
	background-repeat: no-repeat;
	width: 6px;
	height:0px
}
/*полоса, по которой бегает ползунок*/
.news_text::-webkit-scrollbar-track {
	background-color:transparent;
}

.news_text::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: transparent;
	box-shadow:0px 1px 1px #fff inset;
	background-image: url('https://specialist-ltd.ru/images/scroll-img.png');
	background-position: top;
	background-repeat: no-repeat;
	height: 20px;
}

.news_text::-webkit-resizer{
	background-repeat: no-repeat;
	width:7px;
	height:0px
}
/*Основная ширина полосы прокрутки*/
.news_text::-webkit-scrollbar{
	width: 11px;
}

input[type="text"], select{	
	color: black;
	padding: 0.5rem;
	border: 1px solid #dbdbdb; 	
}
textarea {
	color: gray;
	padding: 0.5rem;
    overflow: auto;
	border: 1px solid #dbdbdb; 	
}

body,
td,
p,
div,
input,
select,
textarea {
	color: #404044; 
	font-family: 'Montserrat', serif; 
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	color: #000000;
}
h1.chapter {
	margin: 0.2rem 0 2.0rem 0;
}
h1.chapter__h1-index {
	display: none;
}
h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 37px;
	color: #000000;
}
h3 {
	color: #404044;
	font-size: 1.2rem;
	margin: 0 0 1.1rem;
}
h4 {
	color: #404044;
	font-size: 1.1rem;
	margin: 20px 0 10px;

}
p {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 140%;
	color: #000000;	
}
a {
	color: #000000;
}
ul {
	font-size: 17px;
}
li {
	line-height: 140%;
	color: #000000;	
}
select {
	font-size: 1.0rem;
}

video {
	width: 600px;
	height: 400px;
	max-width: 100%;
	max-height: 100%;
}

/*проверочные стили*/
.border-test {
	border: 1px red solid; 
}

/*Общие стили*/
/*Значки социальных сетей*/
.round-icons__a {
    margin: 0 4px 0 4px;
    border-radius: 20px;
    border: 1px solid #4d4d4d;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.round-icons__a:hover {
	background-color: #4d4d4d;
}
.round-icons__i {
	color: #989898;
	font-size: 20px;
}
.round-icons__a:hover i {
	color: #ffffff;
}


/*Телефоны*/
.phone__div {
	background-repeat: no-repeat;
}
.text__font-size-14 {
	font-size: 14px;
}
.text__font-blue {
	color: #008BD3;
	font-size: 12px;
}
.text__font-white {
	color: #FFFFFF;
}
.text__font-semi-bold {
	font-weight: 500;
}
.phone__div-number {
	font-size: 12px;
	line-height: 24px;
	font-weight: 500;
}
@media only screen and (max-width: 1380px){
	.phone__div-number {
		font-size: 10px;
		line-height: 14px;
		font-weight: 300;
	}
}
.phone__div-phone-close {
	display: none;
	position: absolute;
	top: 40px;
	z-index: 100;
	background-color: #F6F6F6; 
	padding-right: 30px;
}
.phone__div-collback {
	font-size: 14px; 
	line-height: 14px; 
	margin-top: 2px;
}
@media only screen and (max-width: 1380px){
	.phone__div-collback {
		font-size: 10px; 
		line-height: 12px; 
		margin-top: 2px;
	}
}
.phone__a-header {
	color: black;
}

/*Кнопки заявок и ссылок подробнее*/
.btn__a {
	text-decoration: none;
	display: inline-block; 
	text-align: center; 
	width: 200px; 
	height: 56px; 
	border-radius: 0px; 
	font-size: 1.0rem; 
	font-weight: bold;
	padding-top: 1.0rem;
	letter-spacing: 0.05em; /*интервал между символами в элементе*/
	text-transform: uppercase; /*Все буквы заглавные*/ 
}
.btn__input {
	text-align: center; 
	width: 200px; 
	height: 56px; 
	font-size: 1.0rem; 
	font-weight: bold;
	letter-spacing: 0.05em; 
	text-transform: uppercase; 
}
.btn__a-blue, .btn__input-blue {
	color: white;
	background-color: #4363c0;
	border: 2px solid white; 
}
.btn__a-white {
	color: #4363c0;
	background-color: white;
	border: 2px solid #4363c0; 
}

.btn__a-block {
	margin: 1.5rem 0;
}

/*Корзина*/
.basket__div-header {
	display: inline-block; 
	background-image: url("../images/basket/basket-black.png"); 
	background-repeat: no-repeat; 
	width: 41px; 
	height: 41px;
	position: relative;
}
.basket__div-count {
	background: #fac70c;
	border-radius: 50%;
	color: white;
	font-size: 0.9rem;
	text-align: center; 
	position: absolute; 
	bottom: 22px; 
	left: 18px;
}

/*Форма контактных данных в корзине заказа*/
.basket__form-contact input[type="submit"] {
    border-radius: 4px;
}
.basket__form-contact input[type="submit"] {
	box-shadow: 0px 4px 12px rgba(0, 139, 211, 0.1);
	background-color: #008BD3;
	padding: 9px 53px;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	border: 0px solid #008BD3;
	color: white;
	text-align: center;
	cursor: pointer;
}
.basket__form-contact input[type="submit"]:hover {
	border: 1px solid #008BD3;
	background-color: #04A4F7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
.basket__form-contact input[type="submit"]:active {
	background-color: #01689E;
}


/*Логотип*/
/* текст справа от логотипа*/
.logo__img {
	max-width: 100%;
	max-height: 100%;
}
.logo-txt__div {
	font-size: 1.0rem;
	font-weight: normal;
	text-align: left;
}


/*HEADER*/
/*Полоса вверху страницы*/
.header__div {
}
.header-contact__div-background {
	background-color: #F7F7F7;
}
/*Область верхнего логотипа*/
.header-logo__div-background {
	/*background-color: #F7F7F7;*/
}
/*формат текста в header*/
.header__div-text {
	font-size: 12px; 
	line-height: 16px;
}
@media only screen and (max-width: 1380px){
	.header__div-text {
		font-size: 12px; 
		line-height: 14px;
	}
}
/*Область текста для объявлений*/
.header__div-attention {
	background: linear-gradient(180deg, #FDE967 0%, #EFCE4A 100%);
	box-shadow: 0px 12px 24px rgba(239, 206, 74, 0.25);
	border-radius: 4px;
	font-size: 14px;
	padding: 5px 9px;
	font-weight: 400;
}
/*Логотип Аббера вместо текста для объявлений в шапке*/
.header__div-abber {
}
.header__img-abber {
	border-radius: 4px;
	max-width: 100%; 
	max-height: 100%
}


/*Корзина в header*/
.header__basket img {
	width: 2.3rem;
	height: 2.3rem;
}
.header__basket a {
	color: #5f5f5f;
	text-decoration: none;
}
.header__basket div {
	line-height: 1.2;
	font-size: 0.8rem;
	font-family: tahoma;
	font-weight: 400;
}

/* ГОРИЗОНТАЛЬНОЕ МЕНЮ */
/*контейнер полосы с горизонтальным меню*/
.navbar-gorizont__div-background {
	background-color: #F6F6F6;
}
/*Заголовок горизонтального меню, видимый только на телефонах*/
.navbar-gorizont__div-title {
	color: white;
	font-size: 1rem; 
	height: 40px;
	background-color: #008BD3;
	border-radius: 4px;
}
/*nav-контейнер горизонтального меню*/
.navbar-gorizont__nav {
	width: 100%;
}
/*div в котором размещены все элементы горизонтального меню*/
.navbar-gorizont__div-all {
}

/* общие классы горизонтального меню*/
.navbar-gorizont__div {
}
.navbar-gorizont__a {
	text-decoration: none;
	transition: all .5s ease;
}
/*ссылка в меню c выпадающим подменю*/
.navbar-gorizont__a-list {
	width: 85%;
}

/* В горизонтальном меню везде размер, пространства значка триггера */
/* разделитель */
.navbar-gorizont__div-separator {
	background-image: url(/images/gorizont-menu-vertical-line.png);
	background-repeat: no-repeat;
}
/*Ячейка выпадающего списка*/
.navbar-gorizont__div-list {
	display: none;
	text-align: left;
	z-index: 100;
}
/*Ячейка ссылки c выпадающим списком*/
.navbar-gorizont__div-list-link {
	font-weight: 500;
}
/*Контейнер картинки*/
.navbar-gorizont__div-img {
	padding: 0px 7px 0px 10px;
}
/*Ячейка ссылки без выпадающего списка*/
.navbar-gorizont__div-link {
	font-weight: 500;
	font-style: normal;
}
/*стрелка для выпадающего меню*/
.navbar-gorizont__div-trigger {
	color: #008BD3;
	cursor: pointer;
	width: 15%;
}

/* 1 УРОВЕНЬ - ВИДИМОЕ ГОРИЗОНТАЛЬНОЕ МЕНЮ */
/*Ячейка меню 1 уровня*/
.navbar-gorizont__div-1 {
	position: relative;	
}
.navbar-gorizont__div-1:hover {
	background-color: #FFFFFF;	
}

/*Ячейка ссылки c выпадающим списком*/
.navbar-gorizont__div-list-link-1 {
	font-size: 12px;
	line-height: 15px;
}
/*Ячейка ссылки без выпадающего списка*/
.navbar-gorizont__div-link-1 {
	font-size: 12px;
	line-height: 15px;
}
@media only screen and (max-width: 560px){
	.navbar-gorizont__div-list-link-1,
	.navbar-gorizont__div-link-1 {
		font-size: 16px;
		line-height: 18px;
		padding: 12px 10px;
	}
}
/*ссылка*/
.navbar-gorizont__a-1 {
	color: #404044;
}

/* 2 УРОВЕНЬ */
/*div выпадающего списка из горизонтального меню*/
.navbar-gorizont__div-list-2 {
	background: #F6F6F6;
	position: absolute;
	top: 100%;
	left: 20px;
	width: 207px;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 0px 0px 4px 4px;
}
/*Контейнер для ссылки и ее списка*/
.navbar-gorizont__div-2 {
	/*text-transform: none;*/
}
.navbar-gorizont__div-2:hover {
	background-color: #008BD3;
}
.navbar-gorizont__div-2:hover svg {
	 fill: white;
}
.navbar-gorizont__div-2:hover .navbar-gorizont__div-list-link-2 {
	 color:  white;
}
/*Ячейка ссылки без выпадающего списка*/
.navbar-gorizont__div-link-2 {
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 12px 30px;
}
@media only screen and (max-width: 480px){
	.navbar-gorizont__div-link-2 {
		font-size: 14px;
		line-height: 18px;
		width: 100%;
		padding: 10px 30px;
	}
}
/*ссылка в меню*/
.navbar-gorizont__a-2 {
	color: #000000;
}
/*Ячейка ссылки c выпадающим списком*/
.navbar-gorizont__div-list-link-2 {
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	padding: 12px 30px;
}
/*div шеврона раскрывающегося списка*/
.navbar-gorizont__div-trigger-2 {
	width: 15%;
	/*line-height: 32px;*/
	/*font-size: 0.9rem;*/
}

/* 3 УРОВЕНЬ */
/*div выпадающего списка */
.navbar-gorizont__div-list-3 {
	background-color: white;
	width: 100%;
}
/*div отдельной ссылки с возможным списком*/
.navbar-gorizont__div-3 {
}
/*div ссылки без выпадающего списка*/
.navbar-gorizont__div-link-3 {
	font-size: 12px;
	line-height: 15px;
	width: 100%;
	padding: 10px 10px;
}
/*класс самой ссылки*/
.navbar-gorizont__a-3 {
	color: gray;
}
.navbar-gorizont__div-link-3:hover .navbar-gorizont__a-3 {
	color: #008BD3;
}
/*флекс элемент, где вместе картинка и ссылка*/
.navbar-gorizont__div-all-list-link-3 {
}
/*флекс элемент, где вместе картинка и ссылка*/
.navbar-gorizont__div-trigger-3 {
	width: 15%;
}

/* 4 уровень */
.navbar-gorizont__div-4 {
	text-transform: none;
	line-height: 22px;
	font-size: 0.9rem;
}
.navbar-gorizont__div-trigger-4 {
	line-height: 22px;
	font-size: 0.9rem;
}
.navbar-gorizont__a-4 {
	color: black;
}

/* ВЕРТИКАЛЬНОЕ МЕНЮ */

/*контейнер вертикального меню, сразу перед nav*/
.navbar-vertical__div {
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
}
/*скрытое меню при наличии фильтров*/
.navbar-vertical__nav-closed {
	display: none;
}
/* заголовок вертикального меню */
.navbar-vertical__div-title {
	color: white;
	font-size: 1rem; 
	height: 40px;
	background-color: #008BD3;
	border-radius: 4px;
}
/*Первоначальное закрытие раздела для невыбранного до щелчка по ссылке*/
.navbar-vertical__div-closed {
	display: none;
}


/* ОБЩИЕ КЛАССЫ ВЕРТИКАЛЬНОГО МЕНЮ*/
.navbar-vertical__a {
	text-decoration: none;
	transition: all .5s ease;
}

/* В горизонтальном меню везде размер, пространства значка триггера */
/*Ячейка выпадающего списка*/
.navbar-vertical__div-list {
	display: none;
	text-align: left;
	z-index: 100;
}
/*Нужно для раскрытия выбранного подменю*/
.navbar-vertical__div-list-vis-0 {
	display: block;
}

/*Ячейка ссылки c выпадающим списком*/
.navbar-vertical__div-list-link {
	font-weight: 500;
}
/*Контейнер картинки*/
.navbar-vertical__div-img {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 16px;
	width: 36px;
}
/*Ячейка ссылки без выпадающего списка*/
.navbar-vertical__div-link {
	font-weight: 500;
	font-style: normal;
}
/*стрелка для выпадающего меню*/
.navbar-vertical__div-trigger {
	text-align: center;
	color: #008BD3;
	cursor: pointer;
}
.navbar-vertical__div-trigger img {
	width: 12px;
	height: 6px;
}


/* 1 УРОВЕНЬ - ВИДИМОЕ ВЕРТИКАЛЬНОЕ МЕНЮ */
/*Ячейка меню 1 уровня*/
/*закругление вверху в последнем пункте меню*/
.navbar-vertical__div-1:first-of-type {
	border-radius: 4px 4px 0px 0px;
}
/*закругление снизу в последнем пункте меню*/
.navbar-vertical__div-1:last-of-type {
	border-radius: 0px 0px 4px 4px;
}
/*Нижняя серая полоса в пункте меню 1 уровня*/
.navbar-vertical__div-1 {
	border-bottom: 1px solid rgba(19, 67, 131, 0.2);
}
/*При наведении на пункт меню 1 уровня меняем бэкграунд*/
.navbar-vertical__div-1:hover,
.navbar-vertical__a-1:hover {
	background-color: #008BD3;
}
.navbar-vertical__div-list-link-1,
.navbar-vertical__div-link-1 {
	font-size: 18px;
	line-height: 22px;
}

/*При наведении на пункт меню 1 уровня*/
.navbar-vertical__div-1:hover .navbar-vertical__div-list-link-1, 
.navbar-vertical__div-1:hover .navbar-vertical__div-trigger-1 img {
	/*fill: white;*/
	color:  white;
	filter:  brightness(0) invert(1);
}

.navbar-vertical__div-1-active,
.navbar-vertical__div-2-active,
.navbar-vertical__div-1-active .navbar-vertical__a-1 {
	background-color: #008BD3;
}
.navbar-vertical__div-1-active .navbar-vertical__div-list-link-1, 
.navbar-vertical__div-2-active .navbar-vertical__div-link-2,
.navbar-vertical__div-1-active .navbar-vertical__div-trigger-1 svg {
	/*fill: white;*/
	color:  white;
	filter:  brightness(0) invert(1);
}

.navbar-vertical__a-1:hover .navbar-vertical__div-link-1 {
	color:  white;
}
.navbar-vertical__div-img-1 {
	padding-left: 30px;
}
.navbar-vertical__a-1, .navbar-vertical__a-single-1 {
	color: #404044;
}

/*Ячейка ссылки без выпадающего списка*/
.navbar-vertical__div-link-1 {
	padding: 14px 30px 14px 30px;
}
.navbar-vertical__div-link-1:hover {
	background-color: #008BD3;
	color:  white;
	width: 100%;
}
.navbar-vertical__a-single-1 {
	border-bottom: 1px solid rgba(19, 67, 131, 0.2);
}

/*флекс элемнент, где вместе картинка и ссылка*/
.navbar-vertical__div-all-list-link-1 {
	width: 85%;
	padding: 14px 30px;
}

/*Ячейка ссылки c выпадающим списком*/
.navbar-vertical__div-list-link-2 {
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
}
@media only screen and (max-width: 560px){
	.navbar-vertical__div-list-link-2 {
		font-size: 16px;
	}
}

.navbar-vertical__div-trigger-1{
	width: 15%;
}

/* 2 УРОВЕНЬ */
/*div выпадающего списка из вертикального меню*/
.navbar-vertical__div-list-2 {
	background: #FFF;
}
/*Контейнер для ссылки и ее списка*/
.navbar-vertical__div-2 {
}
.navbar-vertical__a-single-2 {
	padding-left: 20px;
}
/*Ячейка ссылки без выпадающего списка*/
.navbar-vertical__div-link-2 {
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	padding: 12px 0px;
}
@media only screen and (max-width: 560px){
	.navbar-vertical__div-link-2 {
		font-size: 16px;
	}
}

/*ссылка в меню*/
.navbar-vertical__a-2 {
	color: #000000;
}
/*флекс элемнент, где вместе картинка и ссылка*/
.navbar-vertical__div-all-list-link-2 {
	width: 85%;
	padding-left: 20px;
}
/*Ячейка ссылки c выпадающим списком*/
/*div шеврона раскрывающегося списка*/
.navbar-vertical__div-trigger-2 {
	width: 15%;
}
/*При наведении на пункт меню 1 уровня*/
.navbar-vertical__div-2:hover svg {
	 fill: #008BD3;
}



/* 3 УРОВЕНЬ */
/*div выпадающего списка */
.navbar-vertical__div-list-3 {
	background-color: white;
	width: 100%;
}
/*div отдельной ссылки с возможным списком*/
.navbar-vertical__div-3 {
}
/*div ссылки без выпадающего списка*/
.navbar-vertical__div-link-3 {
	font-size: 12px;
	line-height: 15px;
	width: 100%;
	padding: 10px 10px 10px 50px;
}
/*класс самой ссылки*/
.navbar-vertical__a-3 {
	color: gray;
}
.navbar-vertical__div-link-3:hover .navbar-vertical__a-3 {
	color: #008BD3;
}
/*флекс элемент, где вместе картинка и ссылка*/
.navbar-vertical__div-all-list-link-3 {
	width: 85%;
}
/*флекс элемент, где вместе картинка и ссылка*/
.navbar-vertical__div-trigger-3 {
	width: 15%;
}

/* 4 УРОВЕНЬ */
.navbar-vertical__div-4 {
	text-transform: none;
	line-height: 22px;
	font-size: 0.9rem;
}
.navbar-vertical__div-trigger-4 {
	line-height: 22px;
	font-size: 0.9rem;
}
.navbar-vertical__a-4 {
	color: black;
}


/* тропа ссылок на родительские страницы - хлебные крошки*/
.tropa__div {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	
}
.tropa__a {
	color: #000000;
	text-decoration: none;
}
.tropa__a:hover {
	color: #000000;
	text-decoration: underline;
}
.tropa__a-catalog {
}


*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* Styles */
.clear {
	clear: both;
}
.rss {
	/*border: 1px gray solid;*/
	width: 140px;
	top: 50%;
	left: 50%;
	height: 40px;
	text-align: center;
	overflow: hidden;
}

.rss:before {
	content: "";
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.8;
}

label.attention {
	width: 90px;
	height: 30px;
	display: inline-block;
	margin: 3px 10px;
	position: relative;
	border-radius: 14px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	background: rgb(138,138,138);
	background: -webkit-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: -moz-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: -o-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: -ms-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	line-height: 30px;
	font-style: normal;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-weight: bold;
	-moz-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	cursor: pointer;
}

label.attention:hover {
	background: rgb(238,159,7);
	background: -moz-linear-gradient(top,  rgba(238,159,7,1) 0%, rgba(240,171,8,1) 45%, rgba(243,182,15,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,159,7,1)), color-stop(45%,rgba(240,171,8,1)), color-stop(100%,rgba(243,182,15,1)));
	background: -webkit-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	background: linear-gradient(to bottom,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9f07', endColorstr='#f3b60f',GradientType=0 );
}
label.attention:hover:before {
	content: ""; /* ☢ ☢*/
	font-size: 22px
}
input[id=buttonThree]:checked ~ label.attention:hover:before  {
	content: "опт";
	font-size: 14px
}
input[id=buttonThree] {

	display: none;

}

label.attention i {
	position: absolute;
	top: -4px;
	right:60px;
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 36px;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	/*box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 0 rgba(0, 0, 0, 0.2);*/
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}

label.attention i:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 18px;
	background: rgb(239,239,239);
	background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
label.attention:hover i {
	/*box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 0 rgba(0, 0, 0, 0.3);*/
}
label.attention:active i:before {
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
}

label.attention:before {
	content: "опт";
	margin-left: 30px;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}
input[id=buttonThree]:checked ~ label.attention:before {
	content: "опт";
	text-transform: uppercase;
	margin-right: 30px;
	margin-left: 0;
}
input[id=buttonThree]:checked ~ label.attention{
	background: #008bd3; /*rgb(141,173,51);*/
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,139,211,1) 0%, rgba(4,145,216,1) 24%, rgba(13,155,225,1) 55%, rgba(22,162,235,1) 100%);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,139,211,1) 0%, rgba(4,145,216,1) 24%, rgba(13,155,225,1) 55%, rgba(22,162,235,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,139,211,1) 0%, rgba(4,145,216,1) 24%, rgba(13,155,225,1) 55%, rgba(22,162,235,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,139,211,1) 0%, rgba(4,145,216,1) 24%, rgba(13,155,225,1) 55%, rgba(22,162,235,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(0,139,211,1) 0%, rgba(4,145,216,1) 24%, rgba(13,155,225,1) 55%, rgba(22,162,235,1) 100%);
}

input[id=buttonThree]:checked ~ label.attention i {
	right: -6px;
}


/*Содержательная часть*/
/*с бекграундом вверху */
.content__div-background {
}

/*Блок о блоках блоков*/
.content__div-blocks {
	padding-top: 18px; 
	padding-bottom: 18px;
}
.content__div-block {
	border: blue 2px solid; 
	margin: auto; 
	padding: 30px 10px 20px 10px; 
	text-align: center;
	height: 100%;
}
.content__div-block p {
	margin: 0px;
	padding: 0;
	font-size: 1.2rem;
}




/* ССЫЛКИ НА ПОДСТРАНИЦЫ */
/*ссылки  чет-нечет*/
.level-odd-even__img {
	max-width: 100%; 
	max-height: 100%;
}
.level-odd-even__div-text {
	width: 100%; 
}
/*ссылки в виде кнопок*/
/*Кнопки заявок и ссылок подробнее*/
.level-btn__a {
	text-decoration: none;
	display: inline-block; 
	text-align: center; 
	width: 100%; 
	height: 56px; 
	border-radius: 0px; 
	font-size: 1.0rem; 
	font-weight: bold;
	white-space: nowrap;
	padding-top: 1.0rem;
	letter-spacing: 0.05em; /*интервал между символами в элементе*/
}
.level-btn__a-blue {
	color: white;
	background-color: #4363c0;
	border-left: 2px solid white; 
	border-right: 2px solid white;
	border-top: 2px solid white; 
	border-bottom: 2px solid white; 
}
.level-btn__a-white {
	color: #4363c0;
	background-color: white;
	border-left: 2px solid #4363c0; 
	border-right: 2px solid #4363c0;
	border-top: 2px solid #4363c0; 
	border-bottom: 2px solid #4363c0; 
}
.level-btn__a-white:hover {
	border-right: 8px solid #4363c0;
}
/*Подраздел в шахматном порядке с описанием на фоне картинки*/
/*div c названием подраздела*/
.layer-chess__div {
	background-color: #ffffff; 
}
.layer-chess__div-name {
	margin: auto; 
	display: flex;
}
/*название подраздела*/
.layer-chess__h2-name {
	font-size: 2.6rem; 
	margin: auto;
	text-align: center;
}
/*подраздел с картинкой в фоне*/
.layer-chess__div-img {
	position: relative; 
	text-align: center;
	width: 100%; 
	height: 400px;
}
/*краткий текст на темном прозрачном фоне на картинке*/
.layer-chess__div-description {	
	flex-direction: column;	 /*чтобы ссылка была внизу*/
	width: 70%; 
	height: 150px; 
	line-height: 1.2rem;
	color: #f5f5f5;
	background-color: black; 
	opacity: 0.7;
	font-size: 0.9rem;
	/*left: 2rem; */
}
.layer-chess__div-img-description {
	flex: 1;  /*чтобы ссылка была внизу*/
}
.layer-chess__div-img-description > p, .layer-chess__div-img-description > div {
	font-size: 0.9rem;
	color: #f5f5f5;
	text-align: left;
	margin: 0;
	padding: 0;
}
/*кнопки-ссылки*/
.layer-chess__div-img_a {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0.5rem;
	border: 1px solid rgb(255, 255, 255);
	text-decoration: none;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	font-size: 1.0rem;
	height: 2.5rem;
	line-height: 2.4rem;
	padding: 0.1rem 0.6rem 0 0.8rem;
	pointer-events: auto;
	text-align: center;
	text-size-adjust: 100%;
	text-transform: uppercase;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
	vertical-align: middle;
	width: 10rem;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.layer-chess__div-img_a:hover {
	color: #fff;
	background-color: #d2a253;
	border-color: #d2a253;
}
/*картинка, под ней название, все вместе -ссылка в подраздел*/
.layer-img-name__a {
	text-decoration: none;
	border: 1px solid rgba(19, 67, 131, 0.2);
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 30px;
}
.layer-img-name__a:hover {
	box-shadow: 0px 12px 24px rgba(134, 134, 134, 0.25);
	border: 0px;
}
.layer-img-name__img {
	max-width: 100%;
	max-height: 100%;
}
.layer-img-name__div-name {
	background: #008BD3;
	opacity: 0.5;
	border-radius: 0px 0px 4px 4px;
	width: 100%;
	height: 65px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
}
/*ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ*/
.gallery__div-image {
	padding: 10px;
	margin: 0;
	border: 1px solid #dbdbdb;
}
.gallery__img {
	max-width: 100%;

}


/* FOOTER */
/*Цветовой бэкграунд*/
.footer__div-background {
	background: linear-gradient(0deg, #F6F6F6, #F6F6F6), #000000;
	opacity: 1.0;
}
/*Горизонтальная линия*/
.footer__div-gorizont-line {
	border-top: 1px solid #008BD3;;
}
/*скрытая раскрывающаяся по клику область*/
.footer__div-close {
	display: none; 
	flex-basis: 100%;
}
/*текст копирайта*/
.footer__div-copyright {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	opacity: 0.5;
}

/*ОФОРМЛЕНИЕ НИЖНЕГО МЕНЮ*/
/*область нижнего меню*/
.footer-navbar-vertical__div {
}
/*область ссылки 1 уровня*/
.footer-navbar-vertical__div-1 {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
}
/*ссылка 1 уровня*/
.footer-navbar-vertical__a-1 {
}


/*Поисковая строка*/
.search__div-box {
	width: 100%; 
	/*background-color: transparent;*/ 
}
.search__input {
	height: 40px;
	background: #F6F6F6;
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.25);
	border: 0px #e4e4e4 solid;
	border-radius: 4px 0 0 4px;
	padding-left: 15px;
	text-indent: 10px;
}
.search__button {
	height: 40px;
	background-color: #008BD3;
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.25);
	border-radius: 0 4px 4px 0;
	border: 0px red solid;
	cursor: pointer;
}
.search-box-container svg {
	vertical-align: middle;
}

/* ВЫПАДАЮЩЕЕ МЕНЮ AJAX-ПОИСКА */
#resSearch {
	position: absolute;
	bottom: 0px;
}
.search-ajax__div {
	border: #3f76dc solid 1px;
	z-index: 10; 
	position: absolute;
	top: 0;
	background-color: white;
	width: 360px;
	max-height: 300px;
	overflow-y: auto;
	padding-top: 30px;
}
.search-ajax__div-img {
	height: 60px; 
	width: 70px;
}
/*Кнопка все результаты*/
.search-ajax__input-submit {
	color: #fff; 
	background-color: #008BD3;
	box-shadow: 0px 4px 12px rgba(0, 139, 211, 0.1);
	border-radius: 4px;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	border: 0px;
	padding: 6px 20px;
	width: 100%;
	cursor: pointer;
}
.search-ajax__input-submit:hover {
	background-color: #04A4F7;
	box-shadow: 0px 4px 12px rgba(4, 164, 247, 0.1);
}
.search-ajax__input-submit:active {
	background: #01689E;
	box-shadow: 0px 4px 12px rgba(1, 104, 158, 0.1);
}


.search-ajax__div ul,
.search-ajax__div li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.9rem;
}
.search-ajax__div li:nth-child(2n){
	background: #eeeeee;
}
.search-ajax__div a {
	display: block;
	text-decoration: none;
	padding: 2px 4px;
	color: gray;
}

/*кнопка закрытия результатов поиска*/
#closeDiv {
	position: absolute;
    border-radius: 30px;
	top: 0;
	right: 15px;
	color: gray; 
	border: 0px solid gray; 
	margin: 2px;
	text-align: center;
	font-size: 18px;
    line-height: 28px;
    width: 30px;
    height: 30px;
	cursor: pointer;
    transition: all 200ms ease-in-out;
	color: gray;
}
#closeDiv:hover {
	background-color: #008bd3;
	color: white;
}
#closeDiv i {
	font-size: 18px;
}


/*КАТАЛОГ ТОВАРОВ*/
/*оформление сортировки*/
.catalog__a-order-active {
	color: #008bd3;
	font-weight: bold;
	text-decoration: none;
}
/*Кол-во товаров в выборке*/
.catalog__div-count {
}
/*Ячейка сетки, с карточкой товара*/
.catalog__div-grid {
}
/*карточка товара*/
.catalog__div-item {
	background-color: white;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
}
.catalog__div-item:hover {
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.5);
}
/*div с каталожной картинкой*/
.catalog__div-item-img {
	height: 230px; 
	position: relative;
}
/*картинка нового товара*/
.catalog__img-news {
	position: absolute; 
	left: 10px; 
	top: 10px;
}
/*картинка товаров*/
.catalog__img-item {
	max-width: 100%; 
	max-height: 100%;
}
/*название товара в каталоге*/
.catalog__div-item-name {
	position: relative;
	height: 78px;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
@media only screen and (max-width : 1700px){
	.catalog__div-item-name {
		font-size: 14px;
		line-height: 16px;
	}
}
@media only screen and (max-width : 1300px){
	.catalog__div-item-name {
		height: 80px;
		font-size: 13px;
		line-height: 14px;
	}
}
@media only screen and (max-width : 1200px){
	.catalog__div-item-name {
		font-size: 12px;
		line-height: 13px;
	}
}
@media only screen and (max-width : 600px){
	.catalog__div-item-name {
		height: 84px;
		font-size: 12px;
		line-height: 13px;
	}
}
@media only screen and (max-width : 360px){
	.catalog__div-item-name {
		height: 94px;
		font-weight: 300;
		font-size: 12px;
		line-height: 13px;
	}
}

/*ссылка на карточку товара на имени*/
.catalog__a-item-name {
	position: absolute;
	text-decoration: none;
	color: #000;
}
.catalog__div-sklad-choose {
	color: #008bd3;
	font-weight: bold;
}

/*отзывы на товар*/
.catalog__div-star-feedback {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
}
.catalog__img-feedback {
	vertical-align: middle;
}
/*размеры товара в каталоге*/
.catalog__div-item-size {
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	min-height: 36px;
}
@media only screen and (max-width: 526px){
	.catalog__div-item-size {
		font-size: 12px;
	}
}
.catalog__div-item-size_span {
	font-weight: 500;
}

/*обычная цена в каталоге*/
.catalog__div-price {
}
/*старая перечеркнутая цена*/
.catalog__div-price-action {
	position: relative;
}
.catalog__span-old-price {
	position: absolute;
	top: -20px;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;
	opacity: 0.7;
	text-decoration: line-through;
}
.one-item-catalog__div .catalog__span-old-price {
	position: static;
}
.catalog__span-price {
	font-style: normal;
	font-weight: bold;
	font-size: 34px;
	line-height: 26px;
	color: #000000; 
	vertical-align: bottom; 
}
/*акционная или новая цена*/
.catalog__span-new-price {
	font-style: normal;
	font-weight: bold;
	font-size: 34px;
	line-height: 26px;
	color: #982b8f;
}
@media only screen and (max-width: 526px) {
	.catalog__span-old-price {
		font-size: 17px;
		line-height: 18px;
	}
	
	.catalog__span-price,
	.catalog__span-new-price {
		font-weight: bold;
		font-size: 20px;
		line-height: 22px;
	}
}

/*наличие товара*/
.catalog__div-available {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #3f3f3f; 
}
/*span кнопки запроса о наличии товара*/
.catalog__span-button {
	display: inline-block;
	background-color: #EFCE4A; 
	box-shadow: 0px 12px 24px rgba(239, 206, 74, 0.25); 
	border-radius: 4px; 
	padding: 6px 23px; 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px; 
	text-transform: uppercase; 
	color: #1764be; 
	cursor: pointer;
	text-align: left;
}
@media only screen and (max-width: 1180px){
	.catalog__span-button {
		font-size: 10px;
		padding: 6px 14px;
	}
}
.catalog__span-button:hover {
	border: 1px solid #008BD3;
	background-color: #99cc00;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
.catalog__span-button:active {
	background-color: #669900;
	color: white;
}
.reply_availability__div {
	color: red; 
	font-weight: bold;
	font-size: 16px;
}

/*a кнопки покупки товара*/
.catalog__a-button-order {
	background-color: #04A4F7; 
	box-shadow: 0px 4px 12px rgba(0, 139, 211, 0.1); 
	border-radius: 4px; 
	padding: 13px 16px; 
	font-weight: bold;
    font-size: 16px;
    line-height: 18px;
	color: #efce4a; 
	text-decoration: none; 
	border: 0px solid #008BD3;
	text-decoration: none;
	text-align: center;
}
.catalog__a-button-order:hover {
	background-color: #01689E;
	box-shadow: 0px 4px 12px rgba(4, 164, 247, 0.1);
	color: white;
}
@media only screen and (max-width: 526px){
	.catalog__a-button-order {
		font-size: 14px;
	}
}



/*кнопка-ссылка для перехода в карточку товара*/
.catalog__a-button-card {
	color: #fff; 
	text-decoration: none; 
	background-color: #008BD3;
	box-shadow: 0px 4px 12px rgba(0, 139, 211, 0.1);
	border-radius: 4px;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
}
.catalog__a-button-card:hover {
	background-color: #04A4F7;
	box-shadow: 0px 4px 12px rgba(4, 164, 247, 0.1);
}
.catalog__a-button-card:active {
	background: #01689E;
	box-shadow: 0px 4px 12px rgba(1, 104, 158, 0.1);
}
@media only screen and (max-width: 526px){
	.catalog__a-button-card {
		font-size: 14px;
	}
}
@media only screen and (max-width: 360px){
	.catalog__a-button-card {
		font-size: 12px;
	}
}
.sklad_name {
	white-space: normal;
}
@media only screen and (max-width: 1580px){
	.sklad_name {
		font-size: 15px;
	}
}
@media only screen and (max-width: 1400px){
	.sklad_name {
		font-size: 14px;
	}
}
@media only screen and (max-width: 1180px){
	.sklad_name {
		font-size: 12px;
		white-space: normal;
	}
}


/*текстовое поле*/
.catalog__div-text {
}

/*Пагинация страниц*/
/*общий контейнер ссылок*/
.pagination__div-container-horizontal-links {
	padding: 15px 0;
}
/*флекс-контейнер ссылок*/
.pagination__div-horizontal-links {
	display: flex; 
	justify-content: center;
}
/*Все потомки флекс контейнера*/
.pagination__div-horizontal-links > div {
	display: flex;
}
/*Оформлене ссылок*/
.pagination__div-horizontal-links > div > div {
	margin: auto; 
	border-left: 1px solid #dbdbdb; 
	border-top: 1px solid #dbdbdb; 
	border-bottom: 1px solid #dbdbdb; 
	padding: 1.0rem;
}
/*Оформлене ссылок*/
.pagination__div-horizontal-links > div:last-child > div {
	border-right: 1px solid #dbdbdb; 
}
.pagination__a-horizontal-links {
	color: gray; 
}


/*ОБОБЩАЮЩИЙ КОНТЕЙНЕР КАРТОЧКИ ТОВАРА: КАРТИНОК, ЦЕНЫ И ХАРАКТЕРИСТИК ТОВАРОВ */
.card-item__div {
	background-color: white;
}

/*контейнер основной картинки товара*/
.card-item__div-general-image {
	width: 100%;
	padding: 0px;
	margin: 0;
	border: 0px solid #dbdbdb;
	text-align: center;
	position: relative;
}
/*основная картинка*/
.card-item__div-general-image img {
	max-width: 100%; 
	max-height: 550px;
}
.a__about-item {
	position: absolute;
	bottom: 25px;
	right: 25px;
	background-color: #008bd3;
	text-decoration: none;
	border-radius: 5px;
	color: white;
}
.a__about-item:hover {
	border: 1px solid #008BD3;
	background-color: #04A4F7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
.a__about-item:active {
	background-color: #01689E;
}
/*контейнер добавочных картинок товара*/
.card-item__div-all-images {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: start;
	-webkit-justify-content: flex-start;
	border: 0px solid;
}
.card-item__div-add-image {
	margin: 5px; 
	padding: 5px;
	border: 0px solid gray; 
	background: #f0f0f0;
}
.card-item__div-add-image img {
	height: 100px; 
	width: auto;
}
.card-item__div-add-image-name {
	padding: 5px 0;
	font-size: 0.8rem;
}
/*наличие товара*/
.card-item__div-available {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #3f3f3f;
}


/*КОНТЕЙНЕР ЗАКАЗА И ОПИСАНИЯ ТОВАРА*/
/*тег h1 названия товара*/
h1.card-item__h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	margin: 0px;
}
/*артикул товара*/
.card-item__div-article {
	font-size: 16px;
	line-height: 20px;
	color: gray;
}

/*цена товара*/
.card-item__div-price-normal {
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 44px;
	color: #000000;
	white-space: nowrap;
}
/*цена товара до акции*/
.card-item__div-price-strike {
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: line-through;
	white-space: nowrap;
}
/*цена товара по акции*/
.card-item__div-price-action {
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 44px;
	color: #000000;
	white-space: nowrap;
}

/*количество заказываемого товара в карточке*/
.card-item__div-number {
}
.card-item__label-number {
	font-size: 0.8rem;
	color: gray;
}
.card-item__div-change-number {
	padding: 0;
	display: inline-block;
}
.card-item__div-change-number input {
    display: block;
    float: left;
    font-size: 1.0rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    padding: 0;
    margin: 0;
	width: 32px;
	height: 32px;
    text-align: center;
}
.card-item__div-change-number .minus, 
.card-item__div-change-number .plus,
.card-item__div-change-number .minus-basket, 
.card-item__div-change-number .plus-basket {
	font-size: 1.0rem;
    float: left;
	width: 32px;
	height: 32px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    text-align: center;
    cursor: pointer;
}

/* ХАРАКТЕРИСТИКИ ТОВАРА */
/*строка название свойства-значение*/
.card-item__div-property {
	margin-bottom: 14px;
}
/*название свойства*/
.card-item__div-property-name {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}
/*значение свойства*/
.card-item__div-property-value {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	color: rgba(0, 0, 0, 0.5);
}
/*Отдельный параметр (бренд) с картинкой и ссылкой на страницу*/
.card-item__div .image-parametr {
	background-color: #fff;
	border-radius: 8pt;
	padding: 16px;
	margin: 16px 0px;
	border: #cc00cc solid 1px;
	color: #cc00cc;
}
.card-item__div .image-parametr img {
	width: 104px;
	height: auto;
}


/*переход на следующий товар*/
/*общий контейнер ссылок*/
.card-item__div-container-horizontal-links {
	padding: 15px 0;
}
/*флекс-контейнер ссылок*/
.card-item__div-horizontal-links {
	display: flex; 
	justify-content: center;
}
/*Все потомки флекс контейнера*/
.card-item__div-horizontal-links > div {
	display: flex;
}
/*Оформлене ссылок*/
.card-item__div-horizontal-links > div > div {
	margin: auto; 
	border-left: 0px solid #dbdbdb; 
	border-top: 0px solid #dbdbdb; 
	border-bottom: 0px solid #dbdbdb; 
	padding: 1.0rem;
}
/*Оформлене ссылок*/
.card-item__div-horizontal-links > div:last-child > div {
	border-right: 0px solid #dbdbdb; 
}
.card-item__a-horizontal-links {
	color: gray;
	text-decoration: none;
}

/*КНОПКИ ЗАКАЗА*/
/*div кнопки покупки товара*/
.card-item__div-purchase {
	
}
/*a кнопки покупки товара*/
.card-item__a-button {
	background-color: #008BD3; 
	box-shadow: 0px 4px 12px rgba(0, 139, 211, 0.1); 
	border-radius: 4px; 
	padding: 9px 53px; 
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px; 
	text-transform: uppercase; 
	color: #FFFFFF; 
	text-decoration: none; 
	border: 0px solid #008BD3;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}
.card-item__a-button:hover {
	border: 1px solid #008BD3;
	background-color: #04A4F7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
.card-item__a-button:active {
	background-color: #01689E;
}
/*span кнопки запроса о наличии товара*/
.card-item__span-button {
	display: inline-block;
	background-color: #EFCE4A; 
	box-shadow: 0px 12px 24px rgba(239, 206, 74, 0.25); 
	border-radius: 4px; 
	padding: 9px 23px; 
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px; 
	text-transform: uppercase; 
	color: #1764be; 
	cursor: pointer;
	text-align: center;
}
.card-item__span-button:hover {
	border: 1px solid #008BD3;
	background-color: #99cc00;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
.card-item__span-button:active {
	background-color: #669900;
	color: white;
}
.reply_availability__div {
	color: red; 
	font-weight: bold;
	font-size: 16px;
}

.fancy_btn {
	display: inline-block;
	margin: 20px 0px 0px 20px;
	background: #da2e22;
	padding: 0 8px;
	line-height: 32px;
	height: 32px;
	border-radius: 1px;
	cursor: pointer;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.fancy_btn:hover {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}

.fancy_btn a {
	display: block;
	text-decoration: none;
	line-height: 32px;
	height: 32px;
	color: #fff;
}
.fancy_btn a:hover {
	color: #ff9c00;
}



/*для вкладок tabs описания товаров и отзывов*/
.tabs {
	font-size: 0.9rem;
	max-width: 100%;
	margin: 1.5rem 0.5rem ;
}
.tabs__caption {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	list-style: none;
	position: relative;
	margin: -1px 0 0 -41px;
}
.tabs__caption:after {
	content: '';
	display: table;
	clear: both;
}
/*любая вкладка сверху*/
.tabs__caption li {
	position: relative;
	padding: 15px 0px;
	margin: 0 20px 0 0;
	background-color: #FFF;
	color: #000;
	border-style: solid;
	border-width: 0 0 0 0;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
}
.tabs__caption li:not(.active){
	cursor: pointer;
}
.tabs__caption li:not(.active):hover {
	background: #fff;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
}
.tabs__caption .active {
	background: #FFF;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #008BD3;
	border-width: 0 0 0 0;
}
/*для оформления нижнего подчеркивания в активной закладке*/
.tabs__caption .active:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 4px;
	background: #008BD3;
}

.tabs__content {
	display: none;
	background: #FFF;
	border-top: 1px solid #b3b3b3;
	padding: 15px 0px;
}
.tabs__content.active {
	display: block;
}
/*товары - спутники */
.carousel-sputnik__div-item-border {
	border: 1px solid gray;
}
.carousel-sputnik__img-item {
	max-width: 100%; 
	max-height: 120px;
}
.sputnik-goods__div-header {
	font-weight: bold;
	text-align: center;
}
.sputnik-goods__div-header span {
	color: #008bd3;
}
.sputnik-goods__div-menu {
	display: block;
}
.sputnik-goods__div {
	display: none;
}



/*КОРЗИНА ЗАКАЗА*/
#basket {
	border: 1px solid #dbdbdb;
}
.basket-title {
	margin: 20px 0 10px;
	font-weight: 600;
	font-size: 1.5rem;
}

#basket div.row {
	border: 1px solid #dbdbdb;
}
#basket div.row > div {
	display: flex;
	border-right: 1px solid #dbdbdb;
}
#basket div.row:first-child > div {
	text-align: center;
	font-weight: 500;
}

#basket div.row > div:last-child {
	display: flex;
	border-right: 0px solid gray;
}
#basket div.row > div > div {
	margin: auto;
	padding-top: 5px; 
	padding-bottom: 5px;
}
#basket div.sklad {
	font-size: 14px;
}
@media only screen and (max-width : 1199px){
	#basket div.sklad {
		font-size: 12px;
	}
}
@media only screen and (max-width : 991px){
	#basket div.sklad {
		font-size: 12px;
	}
}
@media only screen and (max-width : 767px) {
	#basket div.sklad {
		font-size: 16px;
	}
}
@media only screen and (max-width : 767px) {
	#basket div.sklad {
		font-size: 16px;
	}
}
#basket img{
	max-width: 100%; 
	height: auto;
}

/*доставка*/
#delivery_box {
	border: 1px solid #dbdbdb; 
	padding: 20px 25px;
}
.delivery_type {
	margin: 0 0 5px;
}

#div_delivery, 
#div_delivery_2,
#div_delivery_3 {
	display: none;
}

/*Контакты*/
#contact_box input {
	border: 1px solid #dbdbdb; 	
}


/*В личном кабинете меню переходов*/
#cabinet-menu { 
	background-color: transparent;	
	display: flex
}
#cabinet-menu li { 
	border: 1px solid; 
	border-color: #fff #777 #777 #fff; 
	list-style: none; 
	margin: auto; 
	white-space: nowrap;
}
#cabinet-menu a { 
	border: 0px; 
	color: #777777;	
	display: block;	
	padding: 3px 6px; 
	text-decoration: none; 
	font-weight: 600;
	font-size: 1.0rem;
	zoom: 1;
}
#cabinet-menu a:hover, #cabinet-menu a.selected { 
	background-color: #eee; 
	border: 1px solid; 
	border-color: #777 #fff #fff #777; 
	color: #777777; 
	font-weight: 600;
	font-size: 1.0rem;
}
#cabinet-menu a.selected, #cabinet-menu a.selected:hover {
	color: #da2e22; 
	cursor: default;
	font-weight: 600;
	font-size: 1.0rem;
}


/*ЭТО ВСЕ СКРЫТЫЕ ФОРМЫ FANCYBOX, ТАКИЕ КАК ЗАЯВКА НА ОБРАТНЫЙ ЗВОНОК, объявления */
#notification { 
	max-width: 600px;
}
.callback-form {
	background: white;
	display: none;
	border-radius: 0px;
	width: 300px;
	padding: 40px;
	color: #041c36;
}
.callback-form input[type="text"], .callback-form input[type="submit"], .callback-form textarea {
	display: inline-block;
	width: 100%;
	border: 1px solid #858585;
	color: #3e3e3e;
	font-size: 1.0rem;
}
.callback-form input[type="submit"] {
	color: white;
	line-height: 2.0; /*межстрочный интервал*/
	font-size: 1.3rem;
	background: #d2a253;
	cursor: pointer;
}
.callback-form input[type="checkbox"] {
	display: inline-block;
	border: 1px solid #4363c0;
	float: left;
	width: 20px;
	margin-right: 10px;
}
.collback-form__div-chapter {
	 color: #041c36; 
	 font-size: 1.4rem;
	 padding: 0px 0 10px;
}
.colback-form__div-text {
}
.collback-form__soglashenie, .collback-form__div-text-bottom {
	font-size: 0.8rem;
}
/*Это относится и к кнопке закрытия формы*/
.callback-form button {
	cursor: pointer;
}
/*Уведомление об отправке сообщения*/
#forma_bottom_uvedomlenie, .form-uvedomlenie {
	display: none;
	color: #eb3c4a;
}
/*Оформление текста обработки личных данных*/
.show-politika {
	text-decoration: underline;
	color: black;
}

/*Форма заявки на главной*/
.callback-form__div-page {
	display: inline-block;
	margin-top: 120px;
}
.callback-form__div-page input[type="text"] {
	/*background: url("../images/header-phone.png") no-repeat 5px 5px;*/
	/*padding-left: 30px;*/
}
/*Конец скрытых форм*/

/* ТЕКСТ СОГЛАШЕНИЯ О КОНФИДЕНЦИАЛЬНОСТИ ДАННЫХ, СКРЫТЫЙ ВНАЧАЛЕ  */
#soglashenie_text {
	display: none;
}
.pole-summa {
	margin: 15px;
}

/* Слайдер */
/*блок размещения слайдера*/
.slider__div {
	margin: 0px 0px;
}
/*Ссылки в слайдере*/
.slider__a {
	color: #008BD3;
	text-decoration: none;
}
/*надписи на слайдах*/
.slider__div-description {
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 49px;
	text-align: center;
	color: #008BD3;
}
/*Блок, содержащий картинки слайдера*/
.slider__div-box {
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
}

/*Ссылка для возврата вверх страницы*/
#back-top {
	position: fixed;
	bottom: 40px;
    right: 20px;
    overflow: hidden;
    width: 51px;
    height: 51px;
}
#back-top a {
	display: block;
	width: 51px;
    height: 51px;
    background: transparent url("../images/totop.png") no-repeat left top;
}
#back-top a:hover {
	background: transparent url("../images/totop.png") no-repeat left bottom;
}

/*ПОИСКОВЫЕ ФИЛЬТРЫ*/
/*видимый только на малых экранах заголовок поисковых фильтров*/
.search-filters__div {
	display: flex;
}
/*Общий div*/
.search-filters__div {
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
	padding: 20px;
	
}
/*Заголовок поискового фильтра*/
.search-filters__div-caption {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	color: #000000;
}
/*Контейнер поискового фильтра*/
.search-filters__div-filter {
}
/*название поискового фильтра*/
.search-filters__div-filter-title {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}
/*Название фильтров в виде select*/
.search-filters__select {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000; 
	border-color: #dbdbdb;
	opacity: 0.7;
}
/*кнопка поиска*/
.search-filters__button {
	font-family: Montserrat; 
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	color: #008BD3;
	border: none;
	background-color: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25); 
	border-style: solid; 
	border-width: 2px;
	border-color: #008BD3;
	box-sizing: border-box;
	border-radius: 4px;
	padding-top: 11px; 
	padding-bottom: 11px; 
	cursor: pointer;
}
.search-filters__button:hover {
	color: #04A4F7;
	border-color: #04A4F7;
}
.search-filters__button:active {
	color: #01689E;
	border-color: #01689E;
}
/*кнопка сбросить*/
.clean-filters__button {
	font-family: Montserrat; 
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	color: #868686;
	border: none;
	background-color: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25); 
	border-style: solid; 
	border-width: 2px;
	border-color: #868686;
	box-sizing: border-box;
	border-radius: 4px;
	padding-top: 11px; 
	padding-bottom: 11px; 
	cursor: pointer;
}
.clean-filters__button:hover {
	color: #d8d8d8;
	border-color: #d8d8d8;
}
.clean-filters__button:active {
	color: #646464;
	border-color: #646464;
}

/*на главной странице*/
/*преимущества*/
.advantages__div-index {
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px; 
	font-size: 18px; 
	line-height: 22px;
}
.advantages__div-index:hover {
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.50);
}
.advantages__a-button {
	display: inline-block; 
	background: url(/images/a-button-index.png) no-repeat 50%/100% 100%; 
	width: 163px; 
	height: 40px; 
	color: #fff; 
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px; 
	text-decoration: none; 
	padding: 11px 2px 12px 2px;
}
/*Склады*/
/*контейнер с изображением города*/
.stock__div-index {
	max-width: 420px;
	height: 185px;
	background-repeat: no-repeat;  
	background-position: center center; 
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
}
.stock__div-index:hover {
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.5);
}
/*название города*/
.stock__div-town {
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 37px;
	color: #008BD3;
}
.stock__a-town {
	color: #FFF;
	text-decoration: none;
}


/*Удобно работать*/
.index-comfort__img {
	box-shadow: 0px 12px 24px rgba(134, 134, 134, 0.25);
	border-radius: 4px;
	max-width: 100%;
	max-height: 100%;
}
.index-comfort__img:hover {
	box-shadow: 0px 12px 24px rgba(134, 134, 134, 0.5);
}
.index-comfort__div-chapter {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}
.index-comfort__div-description {
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	opacity: 0.7;
}
.index-comfort__a {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #008BD3;
	opacity: 0.7;
}
/*Каталог на главной*/
.index-bath-item__div {
	position: relative;
	background-position: center center; 
	background-size: contain; 
	background-repeat: no-repeat; 
	border: 1px solid rgba(19, 67, 131, 0.2);
	box-sizing: border-box;
	border-radius: 4px; 
	margin-bottom: 30px;
}
.index-bath-item__div:hover {
	box-shadow: 0px 12px 24px rgba(134, 134, 134, 0.25);
	border: 0px;
}
.index-bath-item__img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	visibility: hidden;
}
.index-bath-item__div-link {
	position: absolute; 
	bottom: 0; 
	background: #008BD3;
	opacity: 0.5;
	border-radius: 0px 0px 4px 4px;
	width: 100%;
	height: 65px;
	text-align: center;
}
.index-bath-item__a {
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
}
/*слайдер на главной для сертификатов*/
.slider {
	position: relative;
	overflow: hidden;
}
.slider__wrapper {
	display: flex;
	transition: transform 0.6s ease;
}
/*отдельный элемент слайдера*/
.slider__item {
	flex: 0 0 100%;
	max-width: 100%;
}
@media (min-width: 600px){
	.slider__item {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 1200px){
	.slider__item {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}
.slider__control {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	height: 50px;
	transform: translateY(-50%);
}
.slider__control:hover,
.slider__control:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
}
.slider__control_left {
	left: 0px;
}
.slider__control_right {
	right: 0;
}
.slider__control::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}
.slider__control_left::before {
	background-image: url(/images/svg/arrow-left.svg);
}
.slider__control_right::before {
	background-image: url(/images/svg/arrow-right.svg);
}


.slider__item>div {
	line-height: 250px;
	font-size: 100px;
	text-align: center;
}

/******** Ширина слайдера поиска */
#slider { 
	width: 200px;
}

/* Контейнер слайдера */
.ui-slider { 
	position: relative; 
}

/* Ползунок */
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 13px;   /* Задаем нужную ширину */
	height: 13px;  /* и высоту */
	background: url(../img/slider.png) no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */
	cursor: pointer
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}

/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */
.ui-slider-horizontal {
	height: 8px; /* задаем высоту согласно дизайна */
}
/* позиционируем ползунки */
.ui-slider-horizontal .ui-slider-handle { 
	top: -4px;
	margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* оформление полосы по которой ходит ползунок */
.ui-widget-content { 
	border: 1px solid #D4D4D4;
	background: #fff;
}

/* оформление активного участка (между двумя ползунками) */
.ui-widget-header { 
	border: 1px solid #D4D4D4;
	background: #008bd3;
}

/* скругление для полосы слайдера */
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ui-slider .ui-slider-handle {
	background: #e9e9e9;
}
/*контейнер поискового слайдера*/
.sliderCont {
	margin: 20px 5px 10px;
	position: relative;
}
/*всплывающий результат*/
.search-visible__div {
	position: absolute; 
	top: -56px; 
	right: 0px;
	display: none; 
	width: 110px;
	/*height: 60px;*/
	z-index: 20; 
	color: #fff; 
	background-color: #008BD3;
	box-shadow: 0px 4px 12px rgba(0, 139, 211, 0.1);
	border-radius: 4px;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	padding: 10px 6px;
}
.search-visible__div a {
	color: #fff; 
}
.search-visible__div:hover {
	background-color: #04A4F7;
	box-shadow: 0px 4px 12px rgba(4, 164, 247, 0.1);
}
.search-visible__div:active {
	background: #01689E;
	box-shadow: 0px 4px 12px rgba(1, 104, 158, 0.1);
}

/*выложенные файлы на скачивание*/
.upload-file__div {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}
.upload-file__a {
	text-decoration: underline;
	color: #008BD3;
}
.upload-file__span-description {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	/*color: #008BD3;*/
}

/*МЕНЮ НА ВЕСЬ ЭКРАН*/
/*кнопка выбора меню*/
input[type="checkbox"]#togglebox {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
/*нажималка кнопки выбора меню*/
label#navtoggler::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0.6em;
	top: 50%;
	margin-top: -0.3em;
	left: 0;
	background: black; 
}
/*само меню*/
nav#expand-fullpagemenu{ /* Full screen nav menu */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0.9); 
	transform: scale(0.9);
	background: white;
	display: block;
	position: fixed;
	z-index: 100;
	opacity: 0;
	text-align: left;
	overflow: auto;
	-moz-transition: visibility 0s 0.5s, opacity 0.5s, -moz-transform 0.5s; /* transition settings */
	-webkit-transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s;
	transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s;
}
/*здесь зачем-то*/
input[type="checkbox"]#togglebox:checked ~ nav#expand-fullpagemenu{ /* nav state when corresponding checkbox is checked */
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-transition-delay: 0s;
}
/*закрывашка меню*/
nav#expand-fullpagemenu label#closex{ /* Large x close button inside nav */
	width: 40px;
	height: 40px;	
	overflow: hidden;
	display: block;
	position: absolute;
	cursor: pointer;
	text-indent: -1000px;
	z-index: 10;
	top: 0;
	right: 0;
}
/*что-то для кнопки закрытия*/
nav#expand-fullpagemenu label#closex::before, nav label#closex::after{ /* render large cross inside close button */
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 6px;
	background: #1565ba;
	top: 50%;
	margin-top: -3px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*какие-то повороты кнопки закрытия*/ 
nav#expand-fullpagemenu label#closex::after{ /* render large cross inside close button */
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*Сообшения о результатах выполнения скриптов*/
.message__div {
	font-size: 14px;
	text-align: left;
	font-weight: none;
	width: 300px;
}
.message-ok__div {
	color: green;
	border: 1px solid green;
}
.message-error__div {
	color: red;
	border: 1px solid red;
}
.message__a {
	color: #454545;
	text-decoration: underline;
}

/*РЕЗУЛЬТАТЫ СТРАНИЦЫ ПОЛНОТЕКСТОВОГО ПОИСКА ПО ТОВАРАМ*/
/*общий div товара*/
.search-text__div-item {
	/*border: 1px solid rgba(19, 67, 131, 0.2);*/ 
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
}
.search-text__div-item:hover {
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.5);
	/*border: 0px; */
}

/*внутри div c бэкграундной картинкой*/
.search-text__div-img {
	height: 220px;
}
/*div c бэкграундной картинкой*/
.search-text__div-img-background {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
/*общий div названия со свойствами*/
.search-text__div-text {
	border-right: solid 1px rgba(19, 67, 131, 0.2);
} 

/*СТРАНИЦЫ ТИПА ЛЕНДИНГА*/
.landing__div-background {
	width: 100%;
	background-color: #F7F7F7;
}
.landing__div-img-background {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 400px;
}
.landing__div-img-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 150%;
	color:#fff;
}
.landing__div-item {
	position: relative;
	box-shadow: 0px 12px 24px rgba(130, 130, 130, 0.25);
	border-radius: 4px;
	background-color: #fff;
}
.landing__div-item_div-number {
	position: absolute;
	top: 0px;
	left: 0px;
	color: white;
	font-weight: bold;
	font-size: 40px;
	width: 74px;
	height: 80px;
	background: #EFCE4A;
	border-radius: 4px;
}
.landing__div-item_div-name {
	height: 54px;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	color: #000000;
}
.landing__div-item_div-description {
	font-size: 14px;
	line-height: 150%;
	color: #000000;
}
.landing__div-item_div-bold {
	font-size: 16px;
	line-height: 150%;
	color: #000000;
	font-weight: bold;
}
.landing__input {
	font-weight: 500;
	font-size: 16px;
	line-height: 250%;
	border: 0px;
}
.landing__button {
	font-family: Montserrat;
	font-weight: 500;
	font-size: 16px;
	line-height: 250%;
	padding: 0.5rem;
	border: 0px;
	background-color: #008BD3;
	box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}
.landing__soglashenie {
	color:#fff;
	font-size: 14px;
	line-height: 17px;
}
.landing__img-link {
	max-width: 100%;
	max-height: 100%;
}
.landing__a {
	text-decoration: none;
}
/*социальные сети*/
.vk-top__img, .telegram-top__img {
	width: 50px;
	height: 50px;
}
@media only screen and (max-width: 1380px){
	.vk-top__img, .telegram-top__img {
		width: 40px;
		height: 40px;
	}
}
/*МОДУЛИ*/
.module__div,
.card-item__div-1 {
	border-top: 1px solid transparent; /*чтобы не было пустого места вначале div*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
}
.module__div-header {
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 30px;
}

/*Раскрывающийся модуль*/
.module__div-header-close {
	background: #F9F9F9;
	padding: 21px 20px;
}
.module__div-header-close-text {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
}
.text-module__div-content-close {
	border: 1px solid #F9F9F9;
	padding: 20px;
	display: none;
}
.text-module__div-content-1 {

}
.text-module__div-content-2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
/*Модуль вакансий*/
form.resume-form input[type=text],
form.resume-form textarea {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
}
.form.resume-form input[type=text]{
    height: 46px;
}
/*Разделитель габаритов в карточке*/
.catalog__span-x {
	font-size: 10px;
}
/*картинка Мосбилд в карточке товара*/
.card-item__div-general-image .image-msobuild {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 80px;
	height: auto;
}
/*картинка Мосбилд в малой карточке товара*/
.card-image-msobuild {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 80px;
	height: auto;
}