/* ЦВЕТА
Зеленый	28c098
Красный	f3355a
Черный	000
*/

/*--------------------
	Общие
--------------------*/

/* Сброс стилей */
*, *:after, *:before {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
input, textarea, button, select {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
}
button, input[type="submit"] {
	display: inline-block;
	box-shadow: none;
	background-color: transparent;
	background: none;
	cursor: pointer;
}


/* плавность */
/* *:not(.nav__menu), *:after, *:before {
	transition: .4s ease-in-out;
} */

body {
	background: #fff;
	background-color: #fff;
}

a {
	text-decoration: none;
	color: inherit; /* наследование */
	cursor: pointer;
	opacity: 0.9;
	color: #28c098;
	transition: all 0.3s ease;
}
a:hover {
	opacity: 1;
}

/* убираем рамку у изображений ссылок */
a img {
	border: none;
}

.container {
  width: 100%;
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto;
}

/* для карты в моб. сделаем нулевой отступ */
.map {
	margin: 0;
	background-color: #fff !important;
}

/* для таблиц что широкие и не входят */
.outside {
	max-width: 100%;
	overflow: auto;
}

/* выравнивание */
.msl {
	text-align: left;
}
.msc {
	text-align: center;
}
.msr {
	text-align: right;
}
.mst {
	vertical-align: top;
}
.msm {
	vertical-align: middle;
}
.msb {
	vertical-align: bottom;
}

/*--------------------
	Кнопки
--------------------*/

.btn-intro {
	display: inline-block;
	padding: 12px 26px 11px 26px;
	font: 500 17px /17px 'Roboto', sans-serif;
	color: #fff !important;
	background-color: #28c098 !important;
	border: 1px solid #28c098;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.btn-color {
	display: inline-block;
	padding: 12px 26px 11px 26px;
	font: 500 17px /17px 'Roboto', sans-serif;
	color: #fff !important;
	background-color: #28c098 !important;
	border: 1px solid #28c098;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
/* все кроме последнего, если оди то ничего */
.btn-color:nth-last-child(n+2) {
	margin-right: 7px;
}
.btn-color2 {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: #fff !important;
	background-color: #f3355a !important;
	border: 1px solid #f3355a;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.btn-color-small {
	display: inline-block;
	padding: 12px 26px 11px 26px;
	font: 500 16px /16px 'Roboto', sans-serif;
	color: #fff !important;
	background-color: #28c098 !important;
	border: 1px solid #28c098;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.btn-border {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: #161616 !important;
	background-color: none !important;
	border: 1px solid #28c098;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.btn-border2 {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: #fff !important;
	background-color: none !important;
	border: 1px solid #fff;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
/* отступ справа, все кроме последнего, если оди то ничего */
.btn-border2:nth-last-child(n+2) {
	margin-right: 7px;
}
.btn-border:hover, .btn-border2:hover {
	color: #fff !important;
	background-color: #28c098 !important;
	border: 1px solid #28c098;
}

/*--------------------
	Шапка НОВ!
--------------------*/

.header {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	width: 100%;
	height: 100vh;
	/* костыль для моб браузера, с учетом навигации */
	height: calc(var(--vh, 1vh) * 100);
	min-height: 450px;
	background-color: #fff;
}
.header-mini {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	box-shadow: 0 9px 9px -9px #aaa;
}
.top2 {
	background-color: #000;
	background: url(/files/design/energy.jpg) no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	color: #aeaeae;
	font: 500 13px /1 'Montserrat', sans-serif;
}
.top2 a:not([class]) {
	color: #aeaeae;
	text-decoration: underline;
	font-weight: 400;
}
.top2 a:not([class]):hover {
	color: #28c098;
	text-decoration: underline;
	font-weight: 400;
}
.top__inner2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 16px 0;
}
.top__inner2 .icon-text {
  display: flex;
  justify-content: flex-start;
	align-items: flex-start;
}
.top__inner2 .icon-text img {
	padding-right: 9px;
	max-height: 17px;
	width: auto;
}
.phone {
	font: bold 15px /1 'Montserrat', sans-serif;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.top {
	position: relative;
	background-color: #fff;
	z-index: 999;
}
.top__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 22px 0;
}

.logo {
  /* margin: 12px 30px 12px 0; */
	margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.logo__link {
	text-decoration: none;
}
.logo p {
	color: #7e7e7e;
	font: normal 14px /1.2 Arial, sans-serif;
}
.logo a, .logo img {
	display: block;
	max-width: 209px;
	opacity: 1;
}

@media (max-width: 1170px) {
	.top__inner2 {
		display: none;
	}
	.top__inner {
		margin: 10px 0 10px 0;
	}
	.logo {
		flex-grow: 1;
		margin-right: 10px;
	}
	.logo img {
		width: 180px;
	}
}
@media (max-width: 490px) {
	.logo img {
		width: 180px;
	}
}
@media (max-width: 374px) {
	.logo img {
		width: 170px;
	}
}

/* Навигация ПК */
nav {
	flex-grow: 1;
	flex-shrink: 0;
	align-items: center;
	/* margin-top: 5px; */
}
.nav__menu {
    display: flex;
    align-items: baseline;
    list-style: none;

    justify-content: center;
    align-items: center;
}
.nav__menu li {
	margin: 0 2px;
}
.nav__menu li:first-child {
	margin-left: 0;
}
.nav__menu li:last-child {
	margin-right: 0;
}
.nav__menu li a:not([class]) {
	color: #000;
	/* font-family: 'Montserrat', sans-serif; */
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
  font-weight: 600;
	/* padding: 2px 12px; */
	padding: 2px 20px 2px 0;
	letter-spacing: 0.3px;
}
.nav__menu li a:hover:not([class]) {
	color: #28c098;
}

/* кнопки в меню, на ПК спрятано */
.nav__more {
	display: none;
}
/* размещение этих кнопок в навигации */
.btn-1 {
	display: block;
	text-align: center;
	margin: 15px 0 15px 0;
}
.btn-11 {
	display: block;
	text-align: center;
	margin: 0px 0 15px 0;
}
.messenger {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.btn-2 {
	margin: 0 15px 0 0;
	width: 50%;
	flex-basis: 50%;
	text-align: center;
}
.btn-3 {
	margin: 0 0 0 0;
	width: 50%;
	flex-basis: 50%;
	text-align: center;
}

/* Иконка навигации */
.nav__icon, .nav__icon span {
	display: none;
}
.nav__icon {
	width: 36px;
	height: 28px;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
}
.nav__icon span {
	background: #28c098;
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 4px;
}
.nav__icon span:nth-of-type(1) {
	top: 0;
}
.nav__icon span:nth-of-type(2) {
	top: 12px;
}
.nav__icon span:nth-of-type(3) {
	bottom: 0;
}
.nav__icon.active span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
.nav__icon.active span:nth-of-type(2) {
	display: none;
}
.nav__icon.active span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}


/* Интро */
.intro {
	display: flex;            /* чтоб задать выравнивание */
	align-items: center;      	/* по вертикали */
	flex-grow: 1;            		/* или flex-basis: 100%; или height: 100%; */
}
.intro__content {
	text-align: left;
	padding-top:calc(var(--vh, 1vh) * 17);
}
/* Два блока */
.intro__content .left-right {
	display: flex;
	justify-content: space-between;
	/* margin: 25px 0; */
}
.intro__content .left-right .intro-text {
	/* flex: 1 1 0; */
	max-width: 70%;
	margin-right: 40px;
}

/* форма заявки */
.bid-block {
	background-color: #28c098;
	color: #fff;
	text-align: left;
	padding: 30px;
	border-radius: 5px;
	width: 370px;
	height: 100%;
}
.bid-block h3 {
	font: bold 29px /1.1 'Roboto', sans-serif;
	/* text-transform: uppercase; */
	letter-spacing: 0.5px;
}
.bid-block h3 b {
	font: bold 34px /1.3 'Roboto', sans-serif;
}
.bid-block p {
	font: normal 15px /1.3 'Roboto', sans-serif;
	margin: 15px 0;
}
.bid-block input {
  display: block;
  width: 100% !important;
  margin-bottom: 10px;
  outline: none;
  height: 40px;
	background-color: #fff;
	border: none;
  /* border: 1px solid #e6e6e6; */
  padding: 0px 10px;
  font: normal 14px /1.8 'Arial', sans-serif;
	border-radius: 5px;
	color: #000;
	letter-spacing: 0.5px;
}
.bid-block input[name="url"] {
  /* антибот */
	display: none;
}
.bid-block input[type="submit"] {
	margin-top: 18px;
	padding: 12px 26px 11px 26px;
	font: 500 17px /20px 'Roboto', sans-serif;
	color: #fff;
	background-color: #f3355a;
	/* text-transform: uppercase; */
	text-decoration: none;
	border-radius: 5px;
	letter-spacing: 0.5px;
	border: none;
	height: auto;
}

@media (max-width: 920px) {

	.header {

		height: auto;
		max-height: 100%;
		/* height: 100%; */
	}

	.intro__content {
		text-align: left;
		padding-top: 30px;
		/* padding-top:calc(var(--vh, 1vh) * 20); */
	}

	/* Два блока */
	.intro__content .left-right {
		display: block;
	}
	.intro__content .left-right .intro-text {
		max-width: 100%;
		margin-right: 0px;
	}
	.bid-block {
		width: 100%;
		height: 100%;
		margin: 45px 0 50px 0;
	}
}
@media (max-width: 490px) {
	.intro__content {
		text-align: left;
		padding-top: 30px;
		/* padding-top:calc(var(--vh, 1vh) * 20); */
	}
}
@media (max-width: 320px) {
	.intro__content {
		text-align: left;
		padding-top: 30px;
		/* padding-top:calc(var(--vh, 1vh) * 12); */
	}
}

/* надписи интро */
.intro__text-1 {
	margin: 0 0 35px -5px;
	/* text-transform: uppercase; */
	font-family: 'Roboto', sans-serif;
	font-size: 74px;
	letter-spacing: 0.5px;
	line-height: 1;
	color: #fff;
	font-weight: 400;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
.intro__text-1 b {
	font-size: 93px;
	font-weight: bold;
}
.intro__text-2 {
	margin: 0 0 60px 0;
	/* text-transform: uppercase; */
	font-family: 'Montserrat', sans-serif;
	font-size: 23px;
	letter-spacing: 0.5px;
	line-height: 1.6;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.intro__text-3{
	margin: 0 0 37px 0;
	/* text-transform: uppercase; */
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 0.9;
	color: #c79653;
	font-weight: 500;
}

@media (max-width: 1100px) {
	.intro__text-1 {
		margin: 0 0 35px -3px;
		font-size: 65px;
	}
	.intro__text-1 b {
		font-size: 70px;
	}
	.intro__text-2 {
		margin: 0 0 55px 0;
		font-size: 19px;
	}
}
@media (max-width: 800px) {
	.intro__text-1 {
		margin: 0 0 35px -3px;
		font-size: 55px;
	}
	.intro__text-1 b {
		font-size: 60px;
	}
	.intro__text-2 {
		margin: 0 0 50px 0;
		font-size: 19px;
	}
}
@media (max-width: 490px) {
	.intro__text-1 {
		margin: 0 0 30px -3px;
		font-size: 40px;
		font-weight: 500;
	}
	.intro__text-1 b {
		font-size: 45px;
	}
	.intro__text-2 {
		margin: 0 0 40px 0;
		font-size: 16px;
	}
	.intro__text-3 {
		margin: 0 0 25px 0;
		font-size: 16px;
	}
}
@media (max-width: 375px) {
	.intro__text-1 {
		margin: 0 0 25px -2px;
		font-size: 35px;
	}
	.intro__text-1 b {
		font-size: 40px;
	}
	.intro__text-2 {
		margin: 0 0 40px 0;
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1.5;
		font-weight: 400;
		}
	.intro__text-3 {
		margin: 0 0 25px 0;
		font-size: 16px;
	}
	.btn-intro {
		padding: 11px 20px 10px 20px;
		font: 500 17px /20px 'Montserrat', sans-serif;
	}
	.bid-block {
		padding: 20px;
	}
	.bid-block input[type="submit"] {
		padding: 12px 26px 11px 26px;
		font: 500 16px /20px 'Montserrat', sans-serif;
	}
}

/*--------------------
	Шапка
--------------------*/

 /* поиск */
 .search {
	/* background: #fff; */
	border: 1px solid #dadada;
	border-radius: 0px;
	flex-grow: 1;
	margin: 0 0 0 35px;
}
 .search form {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.search input, .search button {
  border: none;
  outline: none;
  background: transparent;
	font: normal 14px /1.8 'Arial', sans-serif;
	letter-spacing: 0.5px;
}
.search input {
  width: 100%;
  height: 30px;
  padding-left: 15px;
}
.search button {
  height: 20px;
  width: 19px;
  position: absolute;
  top: 5px;
  right: 12px;
  cursor: pointer;
}
.search button:before {
  content: url(/files/design/search.png);
}
/* кнопка для второго поиска */
#search-btn {
	display: none;
	cursor: pointer;
	opacity: 0.9;
	/* плавно */
	transition: all 0.3s ease;
}
#search-btn:hover {
	opacity: 1;
	/* плавно */
	transition: all 0.3s ease;
}
@media (max-width: 1170px) {
	.search {
		margin: 0;
	}
	#search-btn {
		display: block;
		margin-left: 25px;
	}
}
@media (max-width: 710px) {
	#search-btn {
		margin-left: 15px;
	}
}
@media (max-width: 375px) {
	#search-btn {
		margin-left: 10px;
	}
}
/* поиск второй */
.search-rel {
	position:relative;
}
.search-mob {
    position: absolute;
    top:0; left: 0px;
    transform: scaleY(0);
    transform-origin: top;
		transition: .2s linear;
		width: 100%;
		background-color: #f2f2f1;
		padding: 10px;
}
.search-mob.active {
    transform: scaleY(1);
		transition: .2s linear;
}



/* корзина */
.cart-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
	/* плавно */
	transition: all 0.3s ease;
}
.cart-text img {
	height: 25px;
	width: auto;
	margin-left: 30px;
}
.cart-text p {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #28c098;
	margin: 0 0 0 6px;
	font-weight: 600;
}
/* моя корзина */
.cart-item {
	color:#373435 !important;
}
.cart-item:hover {
	color:#28c098 !important;
}

/*--------------------
	Контент страницы
--------------------*/

.content {
	padding: 35px 0 60px 0;
}
.content__text {
	font: normal 15px /1.8 verdana, sans-serif;
	/* color: #3f3f3f; */
	/* font: normal 15px /1.8 'Montserrat', sans-serif; */
	color: #000;
	font-weight: 500;
	margin-bottom: 15px;
}
.content__text img{
	max-width: 100%;
	height: auto;
}
.content__text a {
	text-decoration: underline;
	color: inherit; /* наследование */
	cursor: pointer;
	opacity: 0.9;
	color: #28c098;
}
.content__text a:hover {
	opacity: 1;
}

.tab-border td {
	border-collapse: collapse;
	padding: 5px;
  border: 1px solid #ddd;
}

.content__text .note {
    background-color: #eee;
    margin: 25px 0px;
    padding: 20px;
    border-left: 3px solid #ffb100;
    line-height: 1.5;
		color: #000;
		font-size: 17px;
}

/* Оферта */
.content__offer {
	padding-top: 35px;
}

/* Два блока */
.content__text .left-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0;
}
.content__text .left-right > div {
	/* flex: 1 1 0; */
	width: 50%;
}
.spec-small {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #28c098;
	font-weight: 500;
	/* letter-spacing: 10px; */
	margin: 15px 0 10px 0;
	text-align: center;
}
.spec-title {
	/* text-transform: uppercase; */
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1rem,calc(1rem + 2.0vw),2.5rem);
	font-weight: 400;
	line-height: 1.2;
	color: #171a22;
	margin: 0 0 45px 0;
	text-align: center;
}
.spec-text {
	color: #909090;
	font: normal 15px /1.5 'Arial', sans-serif;
	letter-spacing: 0.5px;
	text-align: center;
	margin: -30px auto 0 auto;
	/* margin-bottom: 20px; */
	max-width: 700px;

}
.spec-title b {
	font-weight: 600;
}
.spec-title2 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	/* font-size: clamp(1rem,calc(1rem + 2vw),2rem); */
	font-size: clamp(20px,calc(20px + 2vw),27px);
	font-weight: 300;
	line-height: 1.4;
	color: #171a22;
	margin: 0 25px 25px 0;
}
.spec-title2 strong {
	font-weight: 500;
}
@media (max-width: 1050px) {
	.content__text .left-right {
		display: block;
		margin: 25px 0 0 0;
	}
	.content__text .left-right > div {
		width: 100%;
	}
	.content__text .left-right > div:last-child {
		margin-top: 25px;
		margin-bottom: 0;
	}
}

/* Заголовки */
.content h1 {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1rem,calc(1rem + 2.0vw),2rem);
	font-weight: 500;
	line-height: 1.4;
	color: #161616;
	margin: 0 0 30px 0;
	padding: 0;
  position: relative;
  text-align: left;
}
.content h2, .content h3, .content h4 {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #161616;
	margin: 30px 0 20px 0;
	padding: 0;
	font-size: clamp(1rem,calc(1rem + 2.0vw),1.6rem);
	font-weight: 500;
	text-align: left;
}

/* каталог */
.catalog_ico {
	flex: none;
}
.catalog_ico img {
	border: 1px solid #eee;
	width: 500px;
}
/*--------------------
	Увеличение при на ведении  на картинку
--------------------*/
.catalog_ico .img-zoom {
	overflow:hidden;
}
.catalog_ico .img-zoom img{
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;

	display:block;
	object-fit: cover;
	width: 100%;
	height: 500px;
}
.catalog_ico .img-zoom img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
		 -moz-transform: scale(1.2);
		   -o-transform: scale(1.2);
  /* -webkit-transform: rotate(90deg) scale(2);
          transform: rotate(90deg) scale(2);
		 -moz-transform: rotate(90deg) scale(2);
		   -o-transform: rotate(90deg) scale(2); */
 }

/*--------------------
	Большая картинка + маленькие и блок справа
--------------------*/
.catalog_pos {
	display: flex;
	/* flex-wrap: wrap; */
	/* justify-content: space-between; */
	padding-bottom:5px;
}
.cat-main-img {
	display: block;
  object-fit: cover;
	width: 500px;
  /* width: 500px !important;
  height: 500px !important; */
}
.cat-gall {
	display: flex;
	flex-wrap: wrap;
	/* margin-top: 10px; */
	margin-right: -10px;
	width: 510px;
}
.cat-gall div {
	display: block;
	width: calc( ( 100% - 40px ) / 4 );
	margin: 10px 10px 0 0;
}
.cat-gall img{
	display: block;
  object-fit: cover;
  width: 100%;
	aspect-ratio: 1 / 1;
  height: auto;
}

/* правый блок */
.catalog_info {
	margin: 0 0 0 30px;
}
.catalog_cost {
	font: normal 18px 'Roboto', sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
.art {
	font: normal 18px 'Roboto', sans-serif;
	padding-bottom: 12px;
}
.short {
	font: normal 17px / 1.5'Montserrat', sans-serif;
	padding-bottom: 12px;
}
.short_cost {
	font: normal 24px 'Montserrat', sans-serif;
	padding-bottom: 10px;
	color: #28c098;
}
.available {
	font: normal 16px 'Roboto', sans-serif;
	color: rgb(120, 190, 32);
	padding-bottom: 10px;
}
.unavailable {
	font: normal 16px 'Roboto', sans-serif;
	color: #9c98a8;
	padding-bottom: 12px;
}
.cart_form {
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	opacity: 1;
}
.minus, .plus {
	width: 32px;
	flex-basis: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background-color: #f0f1f2;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.minus:hover, .plus:hover {
	background-color: #e8e9eb;
}
.plus {
	margin-right: 10px;
}
.cart_add_small {
	display: inline-block;
	vertical-align: top;
	padding: 7px 19px 6px 19px;
	font: normal 14px /20px 'Montserrat', sans-serif;
	color: #fff;
	background-color: #28c098;
	/* text-transform: uppercase; */
	text-decoration: none;
	outline: 0 !important;
	border: 0;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	letter-spacing: 0.5px;
	font-weight: 500;
	opacity: 0.9;
	transition: all 0.3s ease;
}
.cart_add_small:hover {
	opacity: 1;
}
.cart_dawn, .cart_already {
	display: inline-block;
	vertical-align: top;
	padding: 6px 18px 5px 18px;
	font: normal 14px /20px 'Montserrat', sans-serif;
	color: #161616;
	background-color: #fff;
	/* text-transform: uppercase; */
	text-decoration: none;
	outline: 0 !important;
	border: 1px solid #28c098;
	cursor: pointer;
	border-radius: 4px;
	letter-spacing: 0.5px;
	font-weight: 500;
	opacity: 0.9;
	transition: all 0.3s ease;
}
.cart_dawn:hover, .cart_already:hover {
	background-color: #28c098;
	opacity: 1;
}

.cart_mini {
	margin-left: 0 !important;
}
.tab_cart td{
	/* font: normal 14px /1.5 'Roboto', sans-serif; */
	font: normal 14px /1.5 'Roboto', sans-serif;
}
.total {
	font: normal 17px /1.8 'Roboto', sans-serif;
	font-weight:bold;
}
/*--------------------
	Увеличение при на ведении  на картинку
--------------------*/
.catalog_pos .img-zoom {
	overflow:hidden;
}
.catalog_pos .img-zoom img{
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;

	display:block;
	object-fit: cover;
	width: 100%;
	height: 500px;
}
.catalog_pos .img-zoom img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
		 -moz-transform: scale(1.2);
		   -o-transform: scale(1.2);
  /* -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
		 -moz-transform: rotate(90deg);
		   -o-transform: rotate(90deg); */
  /* -webkit-transform: rotate(90deg) scale(2);
          transform: rotate(90deg) scale(2);
		 -moz-transform: rotate(90deg) scale(2);
		   -o-transform: rotate(90deg) scale(2); */
 }

@media (max-width: 900px) {
	.catalog_pos {
		display: block;
	}
	.cat-gall {
		width: calc(100% + 10px);
	}
	.cat-main-img {
		object-fit: cover;
		/* width: 100% !important;
		max-width: 100% !important; */
		width: 100%;
		aspect-ratio: 1 / 1 !important;
		height: auto !important;
	}
	.catalog_ico img {
		width: 100% !important;
		height: auto;
	}
	.catalog_info {
		margin: 25px 0 0 0;
	}
}

/*--------------------
	tabSwitch
--------------------*/
.wrap-tab{
  overflow: hidden;
}
.list-tab{
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
	margin: 10px 0px;
  border-bottom: 1px solid #eee;
}
.list-tab > li{
  display: block;
  padding: 0.5em 1em;
  margin: 0 2px !important;
  width: 100%;
	font-weight: 600;
  color: #161616;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
	font-size: 15px;
}
.list-tab .active{
  background: #fff;
  border-bottom: 3px solid #28c098;
  /* border-bottom: 3px solid #38566d; */
}
.tab-content{
  display: none;
}
.tab-content.active{
  display: block;
  margin: 50px 0 5px 0;
}
@media (max-width: 770px) {
	.list-tab{
		flex-direction: column;
	}
	.list-tab > li{
		padding: 0.8em 1em;
	}
	.tab-content.active{
		display: block;
		margin: 40px 0 0px 0;
	}
}

/* Нормальные отступы списков */
.content__text li:not([class]) {
	margin-left: 30px;
}

/* Пути */
.way {
	margin-top:0px;
	margin-bottom:10px;
	font-size: 14px;
	text-align: left;
	font-family:'Montserrat', sans-serif;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.way a {
	color: #28c098;
	text-decoration:underline;
}
/* .way a:hover {
	color: #28c098;
	text-decoration:underline;
} */

.zag_dop {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	color: #161616;
	margin: 30px 0 20px 0;
	padding: 0;
	font-size: clamp(1rem,calc(1rem + 2.0vw),1.6rem);
	font-weight: 500;
	text-align: left;
}

/* отступы полей формы */
.input {
	margin:5px 10px 5px 0px;
	padding:10px;
	vertical-align: middle;
	background-color:#fff;
	border: 1px solid #bcb4cf;
	color:#343434;
	outline: none;
	font-size: 14px;
}
.label {
	color:#666;
}
.form_select {
	width: 288px;
}
.form_text {
	max-width: 280px;
}
.captcha {
	width:180px;
}
.submit {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: #fff !important;
	background-color: #28c098 !important;
	border: 1px solid #28c098;
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: 4px;
	margin: 7px 0;
	letter-spacing: 0.5px;
	outline: none;

	opacity: 0.9;
	transition: all 0.3s ease;
}
.submit:hover {
	opacity: 1;
}
.required {
	font: normal 15px sans-serif;
	color:#cc4045;
}

/* Сообщение */
.msg {
	font: normal 15px 'Roboto', sans-serif;
	color: #38566d;
	background-color: #fff;
	border: 1px solid #ddd;
	line-height: 1.6;
	padding: 15px 20px 15px 20px;
	margin: 7px 0 7px 0;
  border-radius: 4px;
	margin-bottom: 25px;
}

/* поджатые таблицы для html5 */
.mytable {
	border: 0px; /* граница вокруг таблицы */
	border-spacing: 0px; /* расстояние между границ */
	border-collapse:collapse; /* без этого тупой IE не понимает border-spacing */
	/* padding:0px; */ /* расстояние от таблицы до окружающего контента */
}
.mytable td {
padding:4px !important; /* поля в ячейках */
vertical-align: middle;
}
.mytable img {
	display:block; /* иначе были щели в таблице */
}

/* вывод разбивки по страницам (группировка) */
.here {
	color: #FFF;
	padding: 4px 9px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	background-color: #28c098;
	font-size: 15px;
}
a.next {
	padding: 4px 9px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	background-color: #ccc;
	color: #FFF;
	text-decoration:none;
	font-size: 15px;
}
a.next:hover {
	background-color: #38566d;
}
.group {
	text-align:center;
	padding-top: 25px;
}

.content__text table:not([class]) {
	display: inline-block !important;
	max-width: 100% !important;
	overflow: auto !important;
	margin: 0 auto !important;
}

.tab-price {
	border: 2px solid #444;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	background-color: #fff;
	width:100% !important;
}
.tab-price img {
	display: block;
}
/* .tab-price tr{
	width: 100%;
}
.tab-price td{
	width: auto;
} */
.tab-price td:first-child
{
	border-right: 1px solid grey;
}
.tab-price td:last-child
{
	text-align: right;
	font-weight: bold;
	color: #7b60b9;
}
.tab-price tr:first-child
{
	background-color: #734ec7;
	color: #fff;
}
.tab-price tr:first-child td:last-child
{
	color: #fff;
}
.tab-price tr
{
	border-bottom: 1px solid grey;
}
.tab-price tr:last-child
{
	border-bottom: none;
}

/* сетка услуг */
ul.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
	list-style: none;
	margin: 30px 0 -20px 0;
}
.grid li {
	padding: 0 30px;
	flex-basis: 30%;
	text-align: center;
	margin-left: 0;
	margin-bottom: 30px;
}
.grid li:last-child {
	margin-bottom: 0;
}
.grid li img {
	display: block;
  width: 50%;
	margin: 0 auto;
	border-radius: 200px;
}
.grid li h3 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 1.4;
	color: #171a22;
  font-size: 23px;
  margin: 25px 0 10px 0;
}
.grid li p {
    margin-bottom: 20px;
		color: #9da5a5;
}
@media (max-width: 650px) {
	.grid li {
		padding: 0 15px;
		flex-basis: 50%;
		text-align: center;
		margin-left: 0;
		margin-bottom: 30px;
	}
}
@media (max-width: 415px) {
	ul.grid {
		margin: 30px 0 10px 0;
	}
	.grid li {
		padding: 0 15px;
		flex-basis: 100%;
		text-align: center;
		margin-left: 0;
		margin-bottom: 30px;
	}
}

.dop-title {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1.1rem,calc(1rem + 2.3vw),3rem);
	font-weight: 700;

	/* font: bold 38px /1.5 'Roboto', Arial, sans-serif; */
	color: #21252a;
	margin: 30px 20px 0 20px;
	padding-top: 35px;
	text-align: center;
}

/* для главной */
 .main-block {
	display: flex;
	align-items: center;
 }
  /* .main-block img {
		flex-basis: 100%;
	}
  .main-block div {
		flex-basis: 100%;
	} */
@media (max-width: 1100px) {
 .main-block {
	display: inline-block;
 }
 .main-block img {
		width: 100%;
		height: auto;
	}
}

/*--------------------
Статьи
--------------------*/
.both {
 	clear: both;
}
.float-right {
	float: right;
	margin: 0 0 20px 20px;
}
.float-left {
	float: left;
	margin: 0 20px 20px 0;
}
@media (max-width: 1000px) {
	.float-right {
		float: none; margin: 0 0 20px 0;
	}
	.float-left {
		float: none; margin: 0 0 20px 0;
	}
}

/*--------------------
	Каталог
--------------------*/

/* для главной  */
.products {
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
	background: #fff;
	font: normal 15px /1.5 'Montserrat', sans-serif;
}
.products .spec-small {
	text-align: left !important;
	margin: 0px 0 10px 0;
}
.products .spec-title {
	text-align: left !important;
}
.products__line {
	width: 100%;
	height: 1px;
	background-color: #d7d7d7;
	margin: 50px 0;
}
.products__name, .products__name2 {
	font: normal 25px /1.4 'Roboto', sans-serif;
	font-weight: 500;
	margin-bottom: 17px;
}
.products__name2 {
	display: none;
}
@media (max-width: 900px) {
	.products__name {
		display: none;
	}
	.products__name2 {
		display: block;
		font: normal 21px /1.4 'Roboto', sans-serif;
	}
}

/* доп */
.dop {
 font: normal 15px /3 'Montserrat', sans-serif;
}
.dop .icon-text {
  display: flex;
  /* justify-content: flex-start;
	align-items: flex-start; */
    flex-direction: row;
    align-items: center;
	/* margin-bottom: 20px; */
}
.dop .icon-text img {
	margin-top: 2px;
	height: 21px;
	width: auto;
}
.dop .icon-text p {
	margin: 0 0px 0 15px;
}

.goods {
	display: block;
	padding: 10px 0 80px 0;
}

.goods__list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	list-style: none;
}

.goods__list li {
  width: calc( ( 100% - 45px ) / 3 ); /* x отступов справа по 15 */
	margin: 0 15px 35px 0;
	background-color: #fff;
	border-radius: 5px;
	padding: 6px;
	outline: 1px solid rgba(150,150,150,0.2);
	/* box-shadow: 0 0 12px rgba(56,78,113,0.3); */
	position: relative;
}
.goods__list li:hover {
	outline: 1px solid rgba(42,193,152,0.4);
}
.photo-margin {
	margin: 0 15px 15px 0 !important;
}

.goods__list li a {
	/* display:block;
	height: 100%; */
	text-decoration: none;
}

.goods__list li:hover {
	background-color: #fff;
}

.goods__rel {
	display: block;
	position: relative;
}
.goods__ico {
	display:block;
	width: 100%;
	outline: 1px solid rgba(150,150,150,0.2);
	border-radius: 0;
	/* position: relative; */
}
.goods__relative {
	position: relative;
}
.goods__absolute {
	position: absolute;
	top: -4px;
	left: -4px;
	border: none !important;
	width: 100px !important;
	z-index: +1;
}
.goods__absolute-right {
	position: absolute;
	top: -4px;
	right: -4px;
	border: none !important;
	width: 100px !important;
	z-index: +1;
}

/*--------------------
	Увеличение при на ведении  на картинку
--------------------*/
.goods__list .img-zoom {
	overflow:hidden;
}
.goods__list .img-zoom img{
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;

	display:block;
	object-fit: cover;
	width: 100%;
	height: 300px;
}
.goods__list .img-zoom img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
		 -moz-transform: scale(1.2);
		   -o-transform: scale(1.2);
  /* -webkit-transform: rotate(90deg) scale(2);
          transform: rotate(90deg) scale(2);
		 -moz-transform: rotate(90deg) scale(2);
		   -o-transform: rotate(90deg) scale(2); */
 }

/* img-zoom2 */
.goods__list .img-zoom2 {
	overflow:hidden;
}
.goods__list .img-zoom2 img{
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;

	display:block;
	object-fit: cover;
	width: 100%;
	height: 300px;
}
.goods__list .img-zoom2 img:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
		 -moz-transform: scale(1.5);
		   -o-transform: scale(1.5);
 }



.circle {
	border-radius: 200px;
}

.for_bottom_cart {
  display: flex;
	height: 100%;
	flex-direction: column;
  justify-content: space-between;
}

.bottom_cart {
	/* margin: 0 auto; */
	padding: 5px 5px 10px 5px;
}

.goods__content {
	padding: 10px 5px 10px 5px;
}

.goods__content h3 {
	margin: 0 !important;
	padding: 0 !important;
	color: #161616;
	/* color: #28c098; */
	text-transform: none;
	font: normal 14px / 1.5 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	/* text-align: center; */
	text-align: left;
	overflow-wrap: break-word;
}
.goods__content .short {
	font: normal 13px / 1.5 'Montserrat', sans-serif !important;
	color: #949494;
	padding: 5px 0 0 0;
	/* text-align: center; */
	text-align: left;
}
.goods__content p {
	font: normal 14px / 1.5 'Montserrat', sans-serif !important;
	font-weight: 300;
	color: #747474;
	padding-top: 5px;
	text-align: center;
}
.goods__cost {
	font: normal 14px 'Montserrat', sans-serif !important;
	font-weight: 900 !important;
	padding: 0 0 15px 0;
	/* text-align: center; */
	text-align: left;
	color: #161616;
}
/* @media (max-width: 1130px) {
	.goods {
		padding: 10px 0 40px 0;
	}
	.goods__list li {
		width: calc( ( 100% - 75px ) / 5 );
	}
} */
@media (max-width: 750px) {
	.goods {
		padding: 10px 0 0 0;
	}
	.goods__list li {
		width: calc( ( 100% - 30px ) / 2 );
	}
}
@media (max-width: 490px) {
	.goods__list {
		margin: 0;
	}
	.goods__list li {
		/* width: calc( ( 100% - 30px ) / 2 ); */
		flex-basis: 100%;
		margin: 0 0 20px 0;
	}
}

/*--------------------
	Услуги
--------------------*/

.service {
	display: block;
	padding: 10px 0 80px 0;
}

.service h2, .interesting h2 {
		/* text-transform: uppercase; */
		font: normal 38px 'Roboto', sans-serif;
    color: #fff;
    margin: 40px 0 50px 0;
    padding: 0;
}

.service h2::before, .interesting h2::before {
	content: '— ';
}

.service__list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	list-style: none;
}

.service__list li {
  width: calc( ( 100% - 45px ) / 3 ); /* 3 отступа справа по 15 */
	margin: 0 15px 15px 0;
	/* background-color: #fff; */
	background-color: #00bdca;
	background: linear-gradient(to left, #00c3b8, #00bdca);
	border-radius: 0;
	outline: 1px solid rgba(150,150,150,0.2);
}

.service__list li a {
	display:block;
	text-decoration: none;
}

.service__list li:hover {
	background-color: #00bdca;
}

.service__ico {
	display:block;
	width: 100%;
	border-radius: 0;
}

.service__content {
	padding: 39px 33px;
	color: #fff;
	/* border: 1px solid #00bdca; */
}

.service__content h3 {
	margin: 0 0 20px 0;
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font: normal 24px 'Roboto', sans-serif;
}

.service__content p {
	font-family: verdana, sans-serif;
	font-size: 15px;
	line-height: 1.7;
}

/*--------------------
	Заинтересует
--------------------*/

.interesting {
	display: block;
	padding: 10px 0 40px 0;
}

.interesting__list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	list-style: none;
}

.interesting__list li {
	/* display: flex;
	justify-content: space-between;
	align-items: center; */
	padding: 30px 35px;

  width: calc( ( 100% - 30px ) / 2 ); /* 2 отступа справа по 15 */
	margin: 0 15px 15px 0;
	background-color: #5b5b5b;
	background: linear-gradient(to right, rgb(91,91,91), rgba(91,91,91,0.4));
	/* border-radius: 20px; */
	border-radius: 2vmin;
}

.interesting__list li a {
	display:block;
	text-decoration: none;
}

.interesting__list li:hover {
	background-color: #5c4492;
}

.interesting__flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.interesting__content {
	padding-right: 20px;
	color: #fff;
}

.interesting__cost {
	font: normal 21px Verdana, arial, sans-serif;
	padding-bottom: 10px;
}

.interesting__ico {
	width: 200px;
	height: auto;
  margin-top: -57px;
}

/* выстригаем нужное +выше, смещаем по margin */
.interesting__crop {
	flex: none; /* чтоб не ужимался, а всегда был нужной ширины */
	align-self: flex-start;
  width: 200px;
  height: 120px;
  overflow: hidden;
	border-radius: 3px;
	border: 1px solid #949093;
}

.interesting__content h3 {
	padding: 0 0 20px 0;
	color: #fff;
	text-transform: uppercase;
	font: normal 24px 'Roboto', sans-serif;
}

.interesting__content p {
	font-family: verdana, sans-serif;
	font-size: 15px;
	line-height: 1.7;
}

/*--------------------
	Отзывы
--------------------*/

.comm_msg {
	border: 1px solid #eeeff0;
	background-color:#fff;
	background: linear-gradient(to top, #fff, #f1f2f3);
	padding: 15px 20px 15px 20px;
	margin: 7px 0 14px 0;
	border-radius: 4px; /* Радиус скругления */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.comm_img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
}

.comm_name {
	color: #21252a;
	padding-bottom: 4px;
}

.comm_podrob {
	font: normal 14px /1.8 Verdana, Arial, sans-serif;
}

.comm_date, .comm_author, .zag_date {
	font: normal 14px /1.8 Verdana, Arial, sans-serif;
	color: #6f687f;
}

.zag_date
{
	margin: -12px 0 25px 0;
}

/*--------------------
	Карусель
--------------------*/

#carousell li {
	float:left;
	margin:5px;
}
.button_car_l {
	float:left;
	margin:15px 4px 0 0px;
	cursor: pointer;
}
.button_car_r {
	float:left;
	margin:15px 0px 0 4px;
	cursor: pointer;
}
.button_car_l img, .button_car_r img {
	border: 1px solid #fff !important;
}
.gallery {
	float:left
}
.gallery_main {
	float:left
}
.img_carousell {
	border: #ddd 1px solid;
	width:40px;
}


/*--------------------
	На почту
--------------------*/

 .mail {
	margin: 0px 0;
	/* padding: 40px 0; */
	background-color: #28c098;
}
.mail__inner {
	display: flex;
  justify-content: center;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* justify-content: space-between; */
	text-align: left;
	align-items: center;
	/* align-items: flex-end; */
	padding: 25px 0;
}
.mail__inner h3{
	color: #fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
	padding: 0 20px 0 0;

}
/* форма для подписки */
.mail-block {
	margin-top: 10px;
}
.mail-block input:not([type='submit']), .subscribe-block input:not([type='submit']) {
	width: 190px;
  margin-bottom: 10px;
  outline: none;
  /* height: 40px; */
	color: #38566d;
  border: 1px solid #fff;
	background-color: #fff;

	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	border-radius: 4px;
}
.mail-block input[name="url"] {
  /* антибот */
	display: none;
}
.mail-block input[type="submit"] {
	transition: all 0.3s ease;
}
@media (max-width: 870px) {
	.mail__inner {
		display: block;
	}
}

/*--------------------
	Формы
--------------------*/
/* placeholder */
::placeholder {
 	color: #7e7e7e;
	font: normal 14px /1.8 'Arial', sans-serif;
}
::-moz-placeholder {
 	color: #7e7e7e;
	font: normal 14px /1.8 'Arial', sans-serif;
}
:-moz-placeholder {
 	color: #7e7e7e;
	font: normal 14px /1.8 'Arial', sans-serif;
}
::-webkit-input-placeholder {
 	color: #7e7e7e;
	font: normal 14px /1.8 'Arial', sans-serif;
}
:-ms-input-placeholder {
 	color: #7e7e7e;
	font: normal 14px /1.8 'Arial', sans-serif;
}

/*--------------------
	Fancybox modal
--------------------*/

#modal {
  display: none;
}
#modal {
  width: 300px;
}
#modal input {
  display: block;
  width: 100%;
  margin-bottom: 18px;
  outline: none;
  height: 40px;
  border: 1px solid #e6e6e6;
  padding: 0px 10px;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
	border-radius: 3px;
}
#modal textarea {
  display: block;
  width: 100%;
  margin-bottom: 18px;
  outline: none;
  height: 80px;
  border: 1px solid #e6e6e6;
  padding: 10px 10px;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
	border-radius: 3px;
}
#modal input[name="email"] {
  /* антибот */
	display: none;
}
#modal input[type="submit"] {
	font: normal 15px /1.8 'Montserrat', sans-serif;
	background-color: #28c098;
  border: none;
  color: #fff;
	border-radius: 6px;
}
.policy {
	font: normal 13px /1.3 'Arial', sans-serif;
  font-weight: 400;
	color: #777;
}

/*--------------------
	Блок статьи
--------------------*/

.article {
	display: block;
	padding: 70px 0;
}
.article__list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	list-style: none;
}
.article__list li {
  width: calc( ( 100% - 45px ) / 3 ); /* 3 отступа справа по 15 */
	margin: 0 15px 15px 0;
	background-color: #fff;
	/* background: linear-gradient(to left, var(--color-5), var(--color-6)); */
	border-radius: 5px;
	box-shadow: 0 0 12px rgba(56,78,113,0.3);
}
.article__list li a {
	display:block;
	text-decoration: none;
	opacity: 1;
}
.article__ico {
	/* display:block;
	width: 100%;
	border-radius: var(--radius-1) var(--radius-1) 0 0; */
	display:block;
	object-fit: cover;
	width: 100%;
	height: 300px !important;
	border-radius: 5px 5px 0 0;
}
.article__content {
	padding: 20px 17px;
}
.article__content h3 {
	margin: 0;
	padding: 0;
	color: #000;
	/* text-transform: uppercase; */
	font: normal 16px /1.5 'Roboto', sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.article__content p {
	font-family: verdana, sans-serif;
	font-size: 15px;
	line-height: 1.7;
}
.article__list li:hover {
	background-color: #fff;
}
.article__list li:hover .article__content h3 {
	color: #28c098;
}
@media (max-width: 750px) {
	.article {
		padding: 50px 0;
	}
	/* .article__list {
		display: block;
	} */
	.article__list li {
		width: 100%;
	}
}

/*--------------------
	Увеличение при на ведении  на картинку
--------------------*/
.article__list .img-zoom {
	overflow:hidden;
}
.article__list .img-zoom img{
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
.article__list li:hover .img-zoom img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
 }
.article__list li:hover .img-zoom img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
 }

 /*--------------------
	Преимущества
--------------------*/

.advantages{
	margin: 50px 0 0 0;
	background: #fff;
}
.advantages__list {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0 10px 0;
	margin-right: -30px;
	list-style: none;
}
.advantages__list li {
  width: calc( ( 100% - 90px ) / 3 ); /* 3 отступа справа по 15 */
	margin: 0 30px 0 0;
	background-color: #fff;
	/* outline: 1px solid #dadada; */
	/* box-shadow: 0 0 12px rgba(56,78,113,0.3); */
	text-align: center;
	padding: 35px 30px 45px 30px;
}
.advantages__ico {
	display:block;
	text-align: center;
	margin: 15px auto;
	/* width: 100%; */
}
.advantages__content {
	padding: 20px 0 20px 0;
}
.advantages__content h3 {
	margin: 0;
	padding: 0;
	/* text-transform: uppercase; */
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.4;
	color: #000;
}
.advantages__content p {
	display: block;
	margin: 25px 0 20px 0;
	font-family: 'Arial', sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #909090;
}
@media (max-width: 960px) {
	.advantages__list {
		margin: 0;
		padding: 25px 0 10px 0;
	}
	.advantages__list li {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 10px 20px 10px 20px;
	}
}
@media (max-width: 490px) {
	.advantages__list {
		padding: 25px 0 10px 0;
	}
	.advantages__list li {
		padding: 0px;
	}
	.advantages__content {
		padding: 20px 0 15px 0;
	}
}

/*--------------------
	Установка по переработке
--------------------*/

.recycling {
	margin: 0 0 0 0;
	padding: 60px 0;
	background: #fff;
}
/* Два блока */
.recycling .left-right {
	display: flex;
	justify-content: space-between;
	margin: 25px 0;
}
.recycling .left-right > div {
	width: 52%;
}
.recycling .left-right > div:last-child {
	padding-left: 30px;
	width: 48%;
}
.recycling .left-img {
	max-width: 100%;
	height: auto;
}
.recycling .spec-small {
	text-align: left !important;
	margin: 0px 0 10px 0;
}
.recycling .spec-title {
	text-align: left !important;
}
.recycling .spec-text {
	text-align: left !important;
	margin: -30px auto 0 0;
}
.recycling__text {
	margin: 40px 25px 15px 0;
	font: normal 15px /1.7 Arial, sans-serif;
  color: #909090;
}
.recycling .icon-text {
  display: flex;
  justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
}
.recycling .icon-text img {
	padding-top: 5px;
	height: 71px;
	width: auto;
}
.recycling__b {
	font: normal 19px /1.2 'Roboto', sans-serif;
	color: #000;
	font-weight: 600;
}
.recycling .icon-text p {
	margin: 0 0px 0 22px;
}
@media (max-width: 1160px) {
	.recycling {
		padding: 30px 0 10px 0;
	}
	.recycling img {
		max-width: 100%;
		height: auto;
	}
	.recycling .left-right {
		display: block;
		margin: 25px 0 0 0;
	}
	.recycling .left-right > div {
		width: 100%;
	}
	.recycling .left-right > div:last-child {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 0;
		padding-left: 0;
	}
	.recycling .spec-small {
		text-align: left !important;
		margin: 40px 0 10px 0 !important;
	}
	.recycling__b {
		font: normal 17px /1.2 'Roboto', sans-serif;
	}
}

/*--------------------
	Основатель
--------------------*/

.founder {
	margin: 0 0 0 0;
	padding: 60px 0;
	background: #f1f1f1;
}
/* Два блока */
.founder .left-right {
	display: flex;
	justify-content: space-between;
	margin: 25px 0;
}
.founder .left-right > div {
	width: 45%;
}
.founder .left-right > div:last-child {
	padding-left: 25px;
	width: 55%;
}
.founder .left-img {
	max-width: 100%;
	height: auto;
}
.founder .spec-small {
	text-align: left !important;
	margin: 0px 0 10px 0;
}
.founder .spec-title {
	text-align: left !important;
}
.founder .spec-text {
	text-align: left !important;
	margin: -30px auto 0 0;
}
.founder__text {
	margin: 40px 25px 15px 0;
	font: normal 15px /1.7 Arial, sans-serif;
  color: #000;
}
@media (max-width: 1160px) {
	.founder img {
		max-width: 100%;
		height: auto;
	}
	.founder .left-right {
		display: block;
		margin: 25px 0 0 0;
	}
	.founder .left-right > div {
		width: 100%;
	}
	.founder .left-right > div:last-child {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 0;
		padding-left: 0;
	}
	.founder .spec-small {
		text-align: left !important;
		margin: 40px 0 10px 0 !important;
	}
}

/*--------------------
	Показатели
--------------------*/

.indicator {
	margin: 0;
	padding: 0;
	background-color: #000;
}
/* Два блока */
.indicator .left-right {
	display: flex;
	justify-content: space-between;
	/* margin: 25px 0; */
}
.indicator .left-right > div {
	width: 50%;
}
.indicator .left-right > div:last-child {
	width: 50%;
}
.indicator__left {
	background: url(/files/design/usnanovka.jpg) no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.indicator__right {
	background: url(/files/design/energy.jpg) no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 130px 15px 130px 70px;
	/* flex-basis: content; */
	min-width: 670px;
}
.indicator .spec-small {
	text-align: left !important;
	margin: 0px 0 10px 0;
}
.indicator .spec-title {
	text-align: left !important;
	color: #fff;
}
.indicator .spec-text {
	text-align: left !important;
	margin: -30px auto 0 0;
}
@media (max-width: 1160px) {
	.indicator__left {
		display: none;
	}
	.indicator__right {
		min-width:100%;
		padding: 70px 15px 70px 15px;
	}
	.indicator__right img {
    max-width: 100%;
    height: auto;
	}

}

/*--------------------
	Подвал
--------------------*/

footer {
	background-color: #fff;
	font: normal 15px /1.8 'Montserrat', sans-serif;
	color: #7e7e7e;
	letter-spacing: 0.5px;
}
footer a {
	color: #7e7e7e;
	text-decoration: none;
}
footer a:hover {
	color: #28c098;
}
@media (max-width: 1130px) {
	footer {
		margin-top: 0;
	}
}

.footer__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -15px;
	padding-bottom: 65px;
}
.footer__col {
   padding: 0 15px;
}
.footer__col-1{
	width: 25%;
}
.footer__col-2{
	width: 20%;
}
.footer__col-3 {
	width: 30%;
}
.footer__col-4 {
	width: 25%;
}

.footer__title {
	margin-top: 97px;
  margin-bottom: 25px;
	font: 500 17px 'Montserrat', sans-serif;
  color: #000;
  text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 0.5px;
}

.footer__inner .icon-text {
  display: flex;
  justify-content: flex-start;
	/* align-items: center; */
	align-items: baseline;
}
.footer__inner .icon-text img {
	padding-top: 3px;
	padding-right: 9px;
	max-height: 17px;
	width: auto;
}
.footer__inner .icon-text .bold {
	color: #000;
	font-size: 15px !important;
	font-weight: 600;
}

@media (max-width: 1170px) {
  .footer__col-1 {
  	width: 50%;
  }
  .footer__col-2 {
  	width: 50%;
  }
  .footer__col-3 {
  	width: 50%;
  }
  .footer__col-4 {
  	width: 50%;
  }
	.footer__title {
    margin-top: 75px;
	}
}
@media (max-width: 710px) {
  .footer__col-1, .footer__col-2, .footer__col-3, .footer__col-4 {
  	width: 100%;
  }
	.footer__col {
   /* padding: 20px 40px; */
	}
	.footer__title {
    margin-top: 50px;
	}
}

.footer-usl {
	display: flex;
}
.footer-usl .footer__menu:last-child {
	/* margin-left: 75px; */
}

.footer__menu {
	list-style: none;
}
.footer__menu li {
	margin-bottom: 12px;
}
.footer__menu li:last-child {
	margin-bottom: 0;
}
.footer__menu li a {
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: #7e7e7e;
	font-size: 14px;
	line-height: 1.8;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.footer__menu li a:hover {
	color: #28c098;
	/* text-decoration: underline; */
}


.footer__contact{
	/* padding-top: 15px; */
	padding-right: 10px;
	line-height: 2.4 !important;
}

/* кнопки соцсетей */
.social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 15px 0 0 -6px;
}

.footer_line {
	width: 100%;
	height: 1px;
	background-color: #4a7291;
}

/* футер большая полоса копирайт */
.footer__copy{
  background-color: #000;
}
.copyright {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	padding: 15px 0;
	width: 100%;
}
.copyright__text {
	padding: 0 15px 0 0;
	font: 500 13px /1.8 'Montserrat', sans-serif;
	color: #989898 !important;
	align-self: center;
}
.copyright__politica {
	align-self: center;
	text-align: center;
	flex-grow: 1;
}
.copyright__politica a {
	font: 500 13px /1.8 'Montserrat', sans-serif;
	color: #989898;
}
.copyright__politica a:hover {
	color: #28c098;
}
.copyright__creator img {
height: 38px;
}

/* счетчики */
.counter {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

 /*--------------------
	Видео
--------------------*/
.video {
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
	margin: 0 -15px 0 0 !important;
	list-style: none;
}


.video li {
  width: calc( ( 100% - 90px ) / 6 ); /* x отступов справа по 15 */
	margin: 0 15px 15px 0 !important;
	background-color: #fff;
	border-radius: 0;
	padding: 6px !important;
	outline: 1px solid rgba(150,150,150,0.2);
}
.video li:hover {
	outline: 1px solid rgba(170,132,81,0.4);
}

@media (max-width: 1130px) {
	.video li {
		width: calc( ( 100% - 75px ) / 5 );
	}
}
@media (max-width: 750px) {
	.video li {
		width: calc( ( 100% - 45px ) / 3 );
	}
}
@media (max-width: 490px) {
	.video li {
		width: calc( ( 100% - 30px ) / 2 );
	}
}
@media (max-width: 330px) {
	.video {
		margin: 0;
	}video
	.goods__list li {
		flex-basis: 100%;
		margin: 0 0 15px 0;
	}
}


/* .video li {
  width: calc( ( 100% - 45px ) / 3 );
	padding: 0 !important;
	margin: 0 15px 15px 0 !important;
	text-align: center;
}
@media (max-width: 710px) {
	.video li {
		width:100%;
		margin: 0 0 15px 0;
	}
}*/

/* ------------------------------------ */

@media (max-width: 1170px) {
	.search1 {
		display: none;
	}
	.search {
		background: #fff;
		/* border: 1px solid #dadada; */
		border-radius: 0px;
	}

	.search form {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	nav {
		margin-top: 0;
	}
	/* навигация моб + меняем кнопку меню и само меню */
  .nav__icon, .nav__icon span {
    display: inline-block;
    transition: all .5s;
    box-sizing: border-box;
    z-index: 999;
    margin: 0 15px 0 10px;
  }
	.nav__menu {
		-webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
		background-color: #f1f1f1;
    position: absolute;
    top: 100%;;
    left: 0px;
    width: 100%;
    z-index: 980;
  }

	/* покажем доп.контакты */
	.nav__more {
		display: block;
		padding: 0 0px 9px 0 !important;
		text-align: center !important;
		margin: 12px 15px 15px 15px;
	}

  .nav__menu {
		display: none;  /* на этом и меньших размерах ПК меню спрятано */
		padding: 15px;
	}

  .nav__menu li, .nav__menu li:first-child, .nav__menu li:last-child {
    margin-left: 0;
  	margin-right: 0;
  	padding: 3px;
  	text-align: center;
  }

  /* .nav__menu li a { */
	.nav__menu li a:not([class]) {
		display: block;
    background: transparent;
    margin: 0px;
    padding: 8px;
    border-radius: 0;
		color: #373435;
  }

  /* .nav__menu li a:hover { */
	.nav__menu li a:hover:not([class]) {
    color: #28c098;
  }

	.service h2, .interesting h2 {
		font: normal 33px 'Roboto', sans-serif;
	}

	.service__content h3, .interesting__content h3 {
		font: normal 20px 'Roboto', sans-serif;
	}

	.interesting__ico {
		width: 150px;
		margin-top: -40px;
	}

	.interesting__crop {
		width: 150px;
		height: 100px;
	}
}

@media (max-width: 900px) {

	.content {
    padding: 25px 0 20px 0;
	}

	.content h1 {
		margin: 0 0 25px 0;
	}

	.interesting {
    padding: 10px 0 15px 0;
	}

	.interesting__list {
		margin-right: 0;
	}

	.interesting__list li {
		flex-basis: 100%;
		margin: 0 0 15px 0;
	}

	.service {
		padding: 10px 0 40px 0;
	}

	.service__list {
		display: flex;
		flex-wrap: wrap;
		margin-right: -15px;
	}

	.service__list li {
		width: calc( ( 100% - 30px ) / 2 );
	}

}

@media (max-width: 710px) {

	.main-text {
    padding: 20px;
	}

	.interesting__list li {
		padding: 20px;
	}

	.interesting__content {
		padding-right: 15px;
	}

	.service__list {
		margin: 0;
	}

	.service__list li {
		flex-basis: 100%;
		margin: 0 0 15px 0;
	}

	.service__content {
		padding: 25px 20px;
		color: #fff;
	}

	.service h2 {
		font: normal 28px 'Roboto', sans-serif;
    margin: 40px 0 40px 0;
	}

	.service__content h3 {
		font: normal 20px 'Roboto', sans-serif;
		margin: 0 0 15px 0;
		padding: 0;
	}

	.copyright {
    justify-content: center ;
	 }

	.copyright__politica  {
		width: 100%;
	}

	.copyright__text {
		text-align: center;
		width: 100%;
		padding-right: 0;
	}

	.copyright__right {
		text-align: center;
		width: 100%;
		justify-content: center;
	}
	.copyright__creator, .vverh {
		margin-top: 15px;
	}
}

@media (max-width: 490px) {
	.cart-text img {
		height: 25px;
		width: auto;
		margin-left: 10px;
	}

	.way {
		margin-bottom:10px;
	}

	.content h2, .content h3, .content h4 {
			margin: 20px 0 15px 0;
			padding: 0;
	}

	/* .content {
    padding: 17px 0 20px 0;
	} */

	.service h2, .interesting h2 {
		font: normal 23px 'Roboto', sans-serif;
}

	/* .footer__col {
		padding: 0 15px 35px 15px;
	} */

	/* .nav__menu li, .nav__menu li:first-child, .nav__menu li:last-child {
  	padding: 1px;
  }

  .nav__menu li a {
    padding: 10px;
  } */


	.interesting__content h3 {
		font: normal 17px 'Roboto', sans-serif;
		padding: 0 0 15px 0;
	}

	.interesting__cost {
		font: normal 19px Verdana, arial, sans-serif;
		padding-bottom: 0px;
	}

	.interesting__ico {
		width: 135px;
		margin-top: -10px;
	}

	.interesting__crop {
		width: 135px;
		height: 100px;
	}

	.link-f img {
		width: 100px;
	}

	.footer__inner {
    padding: 10px 0 35px 0;
	}
}

@media (max-width: 375px) {
	.cart-text p {
		margin: 0 0 0 3px;
	}

	.interesting__content h3 {
		font: normal 16px 'Roboto', sans-serif;
		padding: 0 0 15px 0;
	}

	.interesting__ico {
		width: 90px;
		margin-top: 0px;
	}

	.interesting__crop {
		width: 90px;
		height: 90px;
	}

	.link-f img {
		width: 80px;
	}

	/* .footer__col {
		padding: 0 30px 25px;
	} */

}

@media (max-width: 320px) {
	.footer-usl {
		display: block;
	}
	.footer-usl .footer__menu:last-child {
		margin-left: 0px;
		margin-top: 35px;
	}

	.cart-text img {
		height: 25px;
		width: auto;
		margin-left: 5px;
	}
	.nav__icon, .nav__icon span {
			margin: 0 15px 0 7px;
	}
}

/* кнопка вверх */
.vverh {
	display: block;
	width: 38px;
	height: 38px;
	background: url(/files/design/vverh.png) no-repeat right top;
	background-color: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 1px solid #fff;
	border-radius: 4px;
}
.vverh:hover {
	background-color: #28c098;
	border: 1px solid #28c098;
}

/* вариант2 */
#toTop {
	width: 38px;
	height: 38px;
	background: url(/files/design/vverh.png) no-repeat right top;
	background-color: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #28c098;
	border-radius: 4px;
	opacity: 0.8;
	position:fixed;
	bottom:10px; /* отступ кнопки от нижнего края страницы*/
	right:10px;
	cursor:pointer;
	display:none;
	transition: all 0.3s ease;
}
#toTop:hover {
	opacity: 1;
}