/*--------------------
	Переменные
--------------------*/
:root {
	/* цвета */
	--black:	#161616;
	--blue:		#28469a;
	--gray:		#f5f4f4;
	--gray2:	#676767;
	--white:	#fff;

	/* скругления */
	--radius-1: 40px;
}

/*--------------------
	Общие
--------------------*/
/* Сброс стилей */
*, *:after, *:before {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
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;
}
mark {
	color: var(--black);
	background-color: var(--gray);
}

/* плавность */
/* *: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: var(--blue);
	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 !important;
}
.msc {
	text-align: center !important;
}
.msr {
	text-align: right !important;
}
.mst {
	vertical-align: top;
}
.msm {
	vertical-align: middle;
}
.msb {
	vertical-align: bottom;
}

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

.btn-intro {
	display: inline-block;
	padding: 15px 26px 14px 26px;
	font: 500 19px /20px 'Montserrat', sans-serif;
	color: var(--white) !important;
	background-color: var(--blue) !important;
	border: 1px solid var(--white);
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: var(--radius-1);
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.btn-intro2 {
	display: inline-block;
	padding: 15px 26px 14px 26px;
	font: 500 19px /20px 'Montserrat', sans-serif;
	color: var(--blue) !important;
	background-color: var(--white) !important;
	border: 1px solid var(--white);
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: var(--radius-1);
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.btn-color {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: var(--white) !important;
	background-color: var(--blue) !important;
	border: 1px solid var(--blue);
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: var(--radius-1);
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}
.btn-color2 {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: var(--blue) !important;
	background-color: var(--white) !important;
	border: 1px solid var(--white);
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: var(--radius-1);
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}
.btn-small {
	/* position: relative;
	overflow: hidden; */
	display: inline-block;
	padding: 7px 16px 6px 16px;
	font: 500 17px /17px 'Montserrat', sans-serif;
	color: var(--white) !important;
	background-color: var(--blue) !important;
	border: 1px solid var(--blue);
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: var(--radius-1);
	margin-bottom: 14px;
	letter-spacing: 0.5px;
	box-shadow: 0 0 19px rgba(255,255,255,0.9);
}
/* блик */
/* .btn-small:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0; left: 0;
  opacity: 0.6;
  filter: blur;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  transform: translate(-100%, -25%) rotate(15deg);
  animation: blick 2.5s infinite;
}
@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(15deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(15deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(15deg);
  }
} */

.btn-border {
	display: inline-block;
	padding: 11px 20px 10px 20px;
	font: 500 17px /20px 'Montserrat', sans-serif;
	color: var(--blue) !important;
	background-color: transparent !important;
	border: 1px solid var(--blue);
	/* text-transform: uppercase; */
	text-decoration: none !important;
	border-radius: var(--radius-1);
	margin-bottom: 14px;
	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: var(--radius-1);
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}
.btn-border3 {
	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: var(--radius-1);
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}
.btn-border:hover, .btn-border2:hover {
	color: var(--white) !important;
	background-color: var(--blue) !important;
	border: 1px solid var(--blue);
}
.btn-border3:hover {
	color: var(--blue) !important;
	background-color: var(--white) !important;
	border: 1px solid var(--white);
}
.mrt {
	margin-top: 7px;
}
/* отступ справа, все кроме последнего, если оди то ничего */
.btn-intro:nth-last-child(n+2),
.btn-intro2:nth-last-child(n+2),
.btn-color:nth-last-child(n+2),
.btn-color2:nth-last-child(n+2),
.btn-border:nth-last-child(n+2),
.btn-border2:nth-last-child(n+2),
.btn-border3:nth-last-child(n+2) {
	margin-right: 7px;
}

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

.header {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	width: 100%;

	/* на весь экран и костыль для моб браузера, с учетом навигации */
	/* height: 100vh; */
	/* height: calc(var(--vh, 1vh) * 100); */
	/* min-height: 450px; */

	/* на весь экран и костыль для моб браузера, с учетом навигации */
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);

	background-color: #fff;
}
.header-mini {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	box-shadow: 0 9px 9px -9px #aaa;
}
.top {
	position: relative;
	background-color: #fff;
	z-index: 999;
}
.top__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 14px 0;
}

.logo {
  /* margin: 12px 30px 12px 0; */
	margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.logo a, .logo img {
	text-decoration: none;
	display: block;
}
@media (max-width: 490px) {
	.top__inner {
		margin: 10px 0 10px 0;
	}
	.logo {
		flex-grow: 1;
		margin-right: 10px;
	}
	.logo img {
		width: 150px;
	}
}
@media (max-width: 374px) {
	.logo img {
		width: 130px;
	}
}
.phone {
	margin-left: 15px;
	font: 300 12px / 1.5 Verdana, 'Montserrat', sans-serif;
	color: var(--black);
	letter-spacing: 0.3px;
	text-align: right;
}
.phone a {
	font: 600 19px / 1.7 'Montserrat', sans-serif;
	color: var(--blue);
}

/* Навигация ПК */
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: var(--black);
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	/* text-transform: uppercase; */
  font-weight: 600;
	/* padding: 2px 12px; */
	padding: 2px 24px 2px 0;
}
.nav__menu li a:hover:not([class]) {
	color: var(--blue);
}

/* кнопки в меню, на ПК спрятано */
.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: var(--blue);
	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: center;
	padding-top:calc(var(--vh, 1vh) * 17);
}
@media (max-width: 490px) {
	.intro__content {
		text-align: left;
		padding-top:calc(var(--vh, 1vh) * 10);
	}
}
@media (max-width: 320px) {
	.intro__content {
		text-align: left;
		padding-top:calc(var(--vh, 1vh) * 3);
	}
}

/* надписи интро */
.intro__text-1 {
	margin: 0 0 15px 0;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 100px;
	letter-spacing: 0.5px;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.intro__text-2 {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 60px;
	letter-spacing: 0.5px;
	line-height: 1.6;
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.intro__text-3 {
	margin: 0 auto 70px auto;
	/* text-transform: uppercase; */
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 1.6;
	color: #fff;
	font-weight: 400;
	max-width: 700px;
}
@media (max-width: 1100px) {
	.intro__text-1 {
		font-size: 60px;
	}
	.intro__text-2 {
		font-size: 40px;
	}
	.intro__text-3 {
		font-size: 20px;
	}
}
@media (max-width: 800px) {
	.intro__text-1 {
		font-size: 50px;
	}
	.intro__text-2 {
		font-size: 35px;
	}
	.intro__text-3 {
		font-size: 18px;
	}
}
@media (max-width: 490px) {
	.intro__text-1 {
		margin: 0 0 12px 0;
		font-size: 48px;
	}
	.intro__text-2 {
		margin: 0 0 18px 0;
		font-size: 32px;
	}
	.intro__text-3 {
		margin: 0 auto 40px auto;
		font-size: 17px;
	}
}
@media (max-width: 320px) {
	.intro__text-1 {
		margin: 0 0 10px 0;
		font-size: 42px;
	}
	.intro__text-2 {
		margin: 0 0 15px 0;
		font-size: 32px;
	}
	.intro__text-3 {
		margin: 0 auto 35px auto;
		font-size: 15px;
	}
}


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

 /* поиск */
 .search {
	/* background: #fff; */
	border: 1px solid #ddd;
	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;
}
.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) {
	.phone {
		display: none;
	}
	.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: var(--gray);
		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: var(--blue);
	margin: 0 0 0 6px;
	font-weight: 600;
}
/* моя корзина */
.cart-item {
	color:#373435 !important;
}
.cart-item:hover {
	color:var(--blue) !important;
}

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

.content {
	padding: 45px 0 60px 0;
}
.content__3k {
	display: flex;
	width: 100%;
	align-items: flex-start;
}
.content__menu {
	width: 250px;
	min-width: 250px;
	margin-right: 30px;
}
.content__text {
	/* font: normal 15px /1.8 verdana, sans-serif; */
	/* color: #3f3f3f; */
	font: normal 15px /1.8 'Montserrat', sans-serif;
	color: #676767;
	font-weight: 500;
	margin-bottom: 15px;
	width: 100%;
}
.content__order {
	width: 300px;
	min-width: 300px;
	margin-left: 30px;
	background-color: #f3f3f8;
	padding: 20px;
}
#cart-bottom {
	display: none;
}
@media (max-width: 1170px) {
	.content__menu {
		display: none;
	}
}
@media (max-width: 890px) {
	.content__order {
		display: none;
	}
	#cart-bottom {
		display: block;
	}
}
.content .margin-top {
	margin-top: 20px;
}
.content__text img{
	max-width: 100%;
	height: auto;
}
.content__text a {
	text-decoration: underline;
	color: inherit; /* наследование */
	cursor: pointer;
	opacity: 0.9;
	color: var(--blue);
}
.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;
	margin: 25px 0;
}
.content__text .left-right > div {
	/* flex: 1 1 0; */
	width: 50%;
}
.spec-small {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: var(--blue);
	font-weight: 500;
	/* letter-spacing: 10px; */
	margin: 15px 0 25px 0;
}
.spec-title {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(1rem,calc(1rem + 2.0vw),2rem);
	font-weight: 400;
	line-height: 1.4;
	color: #171a22;
	margin: 0 25px 25px 0;
}
.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: 'Montserrat', 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: '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;
}
.content h5 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	color: #161616;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: clamp(1rem,calc(1rem + 2.0vw),1.6rem);
	font-weight: 500;
	text-align: left;
}
.content h4.order {
	text-transform:none;
	font: 500 21px /1.8 'Montserrat', sans-serif;
	color: var(--black);
	padding: 0;
	margin: 0 0 15px 0;
}

/* каталог */
.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: var(--blue);
}
.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: var(--blue);
	/* 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 var(--blue);
	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: var(--blue);
	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 var(--blue);
  /* 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:'Roboto', sans-serif;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.way a {
	color: var(--blue);
	text-decoration:underline;
}
/* .way a:hover {
	color: var(--blue);
	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: var(--blue) !important;
	border: 1px solid var(--blue);
	/* 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: var(--blue);
	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;
	}
}

/*--------------------
Новая корзина
--------------------*/
.item-cart {
	display: flex;
	align-items: center;
  justify-content: center;
}
.item-cart input {
    width: 45px;
    border: none;
    background-color: transparent;
    text-align: center;
    font-size: 18px;
    color: var(--black);
    font-weight: 700;
    pointer-events: none;
}
.item-list input {

}
.item-list input:last-of-type {

}
.item-cart button, .item-list button {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	width: 40px;
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--blue);
	border-radius: 50%;
	line-height: 47px;
	color: #fff;
	padding-bottom: 3px;
	border: none;

	cursor: pointer;
	opacity: 0.9;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.item-list button {
	font-size: 17px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	/* padding: 1px 0 0 1px; */
	padding-left: 1px;
	padding-top: 1px;
}
.item-cart button:hover, .item-list button :hover {
	opacity: 1;
}
/* справа список */
#cart_list {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	max-width: 450px;
}
.item-list {
	display: flex;
	/* align-items: center; */
  /* justify-content: space-between; */
	margin-bottom: 15px;
	width: 100%;
}
.item-list.bg:nth-last-child(n+2) {
	/* background-color: #f3f3f8; */
	/* padding: 10px 10px 5px 10px; */
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(150,150,150,0.2);
}
.item-list>div:first-of-type {
	flex-grow: 1;
}
.item-list img{
	width: 40px;
	height: 40px;
	outline: 1px solid rgba(150,150,150,0.2);
	margin-right: 10px;
}
.item-list p {
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	line-height: 16px;
	font-weight: 300;
}
.item-list span {
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 500;
}
.item-list span:after {
	content: ' \20BD';
}
.item-list .list-button {
	margin-left: 7px;
	white-space: nowrap;
}
.item-list .list-button input {
	width: 25px;
	border: none;
	background-color: transparent;
	text-align: center;
	font-size: 15px;
	color: var(--black);
	font-weight: 600;
	pointer-events: none;
}
#cart_mess {
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 20px;
}
#cart_itogo {
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 500;
}
#cart_itogo>div {
	margin-bottom: 20px;
}
/*--------------------
Статьи
--------------------*/
.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;
	}
}

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

.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 15px 0;
	background-color: #fff;
	border-radius: 0;
	padding: 6px;
	outline: 1px solid rgba(150,150,150,0.2);
	position: relative;
}
.goods__list li:hover {
	outline: 1px solid rgba(40, 70, 154,0.3);
}
.goods__margin {
	margin-top: 7px;
}
.goods__1m2 {
	margin-top: 7px;
	font: normal 16px 'Montserrat', sans-serif !important;
	font-weight: 900 !important;
	padding: 0;
	/* text-align: center; */
	text-align: left;
	color: #161616;
}
.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: var(--black);
	/* color: var(--blue); */
	text-transform: none;
	font: normal 15px / 1.5 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	text-align: center;
	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;
}
.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 16px 'Montserrat', sans-serif !important;
	font-weight: 900 !important;
	padding: 0 0 15px 0;
	text-align: center;
	color: #161616;
}
@media (max-width: 560px) {
	.goods__list li {
		width: calc( ( 100% - 30px ) / 2 );
	}
}
@media (max-width: 400px) {
	.goods__list {
		margin: 0;
	}
	.goods__list li {
		flex-basis: 100%;
		margin: 0 0 20px 0;
	}
}

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

.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;
}

/*--------------------
	Цены
--------------------*/

 .price {
	margin: 0;
	background-color: var(--gray);
}
.price__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;

	/* на всю высоту */
	align-items: stretch;
}
.price__col-1 {
	margin: 60px 0 60px 0;
	width: 45%;
}
.price__col-2 {
	width: 45%;
	margin: 60px 0 60px 0;
	background: url(/files/design/price.jpg) no-repeat right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
 .price h3 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(1rem,calc(1rem + 2.0vw),2rem);
	font-weight: 500;
	line-height: 1.4;
	color: var(--black);
	margin: 0 0 30px 0;
	padding: 0;
  position: relative;
  text-align: left;
 }
  .price h4 {
	font: 500 21px /1.8 'Montserrat', sans-serif;
	color: var(--black);
 }
 .price p {
	font: 400 15px /1.8 'Montserrat', sans-serif;
	color: var(--gray2);
}
 .price .btn-color {
	margin-top: 40px;
}
 .price hr {
	margin: 0 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 1px solid #e2e2e2;
 }
.price .costs {
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	text-align: left;
	align-items: center;
	margin: 20px 0;
	}
.price .total {
	font: 500 18px /1.8 'Montserrat', sans-serif;
	white-space: nowrap;
	margin-left: 10px;
}
.price img {
	display:block;
	max-width: 100%;
	height: auto;
}
@media (max-width: 1000px) {
	.price__col-1 {
		width: 100%;
		margin: 50px 0 45px 0;
	}
	.price__col-2 {
		display: none;
	}
}
@media (max-width: 670px) {
  .price h4 {
		font: 500 19px /1.8 'Montserrat', sans-serif;
	}
}
@media (max-width: 375px) {
  .price h4 {
		font: 500 18px /1.8 'Montserrat', sans-serif;
	}
}
/*--------------------
	Спросить
--------------------*/

 .ask {
	margin: 0;
	background-color: var(--blue);
}
.ask__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	align-items: center;
}
.ask__col-1 {
	margin: 60px 0 60px 0;
	width: 50%;
}
.ask__col-2 {
	padding: 40px 0 0 30px;
	width: 40%;
	margin-top: auto;  /*прижали к низу*/
}
 .ask h3 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(1rem,calc(1rem + 2.0vw),2rem);
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 30px 0;
	padding: 0;
  position: relative;
  text-align: left;
 }
 .ask ul {
	margin: 10px 0 10px 15px;

	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 1px;
 }
.ask p {
	font: 500 21px /1.8 'Montserrat', sans-serif;
	color: #fff;
}
/* второй элемент по типу */
.ask p:nth-of-type(2) {
	margin-bottom: 35px;
}
.ask img {
	display:block;
	max-width: 100%;
	height: auto;
}
@media (max-width: 1000px) {
	.ask__col-1 {
		width: 100%;
		margin: 50px 0 40px 0;
	}
	.ask__col-2 {
		width: 100%;
		padding: 0 0 0 0;
	}
	.ask img {
		display:block;
		max-width: 100%;
		height: auto;
		padding-right: 30px;
	}
}
@media (max-width: 670px) {
	.ask p {
		font: normal 19px /1.8 'Montserrat', sans-serif;
	}
}
@media (max-width: 375px) {
	.ask .title {
		font-size: clamp(1rem,calc(1rem + 2.0vw),2rem);
		margin: 0 0 20px 0;
	}
	.ask ul {
		font-size: 15px;
	}
	.ask p {
		font: normal 18px /1.8 'Montserrat', sans-serif;
	}
}

/*--------------------
	Формы
--------------------*/
/* placeholder */
::placeholder {
 	color: #38566d;
	font: normal 15px /1.8 'Montserrat', sans-serif;
}
::-moz-placeholder {
 	color: #38566d;
	font: normal 15px /1.8 'Montserrat', sans-serif;
}
:-moz-placeholder {
 	color: #38566d;
	font: normal 15px /1.8 'Montserrat', sans-serif;
}
::-webkit-input-placeholder {
 	color: #38566d;
	font: normal 15px /1.8 'Montserrat', sans-serif;
}
:-ms-input-placeholder {
 	color: #38566d;
	font: normal 15px /1.8 'Montserrat', sans-serif;
}

/* форма для заявки */
.bid-block {
	margin-top: 45px;
}
.bid-block input:not([type='submit']), .subscribe-block input:not([type='submit']) {
	width: 170px;
  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;
}
.bid-block input[name="url"] {
  /* антибот */
	display: none;
}
.bid-block input[type="submit"] {
	transition: all 0.3s ease;
}

/* форма для подписки */
.subscribe-block {
	margin-top: 15px;
}
.subscribe-block input[name="url"] {
  /* антибот */
	display: none;
}
.subscribe-block input[type="submit"] {
	transition: all 0.3s ease;
}

/*--------------------
	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: var(--blue);
  border: none;
  color: #fff;
	border-radius: 4px;
}
.policy {
	font: normal 13px /1.3 'Arial', sans-serif;
  font-weight: 400;
	color: #777;
}

 /*--------------------
	Услуги шапка
--------------------*/

.services {
	margin: 0 0 0 0;
	background: #eeeff0;
}
.services__list {
	display: flex;
	flex-wrap: wrap;
	padding: 60px 0;
	/* margin-right: -30px; */
	margin: 0;
	list-style: none;
}
.services__list li {
  width: calc( ( 100% - 60px ) / 3 ); /* 2 отступа по 30, у последнего нет  */
	margin: 0 30px 0 0;
	box-shadow: 0 0 19px rgba(0,0,0,0.12);
	text-align: left;
	padding: 35px 30px 30px 30px;
	border-radius: 6px;
}
/* у последнего нет отступа */
.services__list li:nth-last-child(1) {
	margin: 0;
}
/* 1 элемент по типу */
.services__list li:nth-of-type(1) {
	background: url(/files/design/services-1.png) no-repeat left top;
	background-position: 0 50px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: var(--white);
}
/* 2 элемент по типу */
.services__list li:nth-of-type(2) {
	background: url(/files/design/services-2.png) no-repeat left top;
	background-position: 0 40px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: var(--white);
}
/* 3 элемент по типу */
.services__list li:nth-of-type(3) {
	background: url(/files/design/services-3.png) no-repeat left top;
	background-position: 0 50px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: var(--white);
}
.services h3 {
	padding-bottom: 80px;
	font-family: 'Roboto','Montserrat', sans-serif;
	/* font-size: 24px; */
	font-size: 27px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--blue);
}
@media (max-width: 1090px) {
	.services h3 {
		font-size: 22px;
	}
}
@media (max-width: 970px) {
	.services h3 {
		font-size: 27px;
	}
	.services__list {
		margin: 0;
		padding: 55px 0 40px 0;
	}
	.services__list li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	/* у последнего такой же */
	.services__list li:nth-last-child(1) {
		margin: 0 0 15px 0;
	}
}
@media (max-width: 490px) {
	.services__list {
		padding: 45px 0 30px 0;
	}
	.services__list li {
		padding: 20px;
	}
	.services h3 {
		font-size: 25px;
	}
}
@media (max-width: 320px) {
	.services h3 {
		font-size: 23px;
	}
}

/*--------------------
	Отзывы
--------------------*/
.reviews {
	margin: 0;
	padding: 80px 0 90px 0;
	background: #eeeff0;
	text-align: center;
}
.reviews .list {
	display: flex;
	flex-wrap: wrap;
	/* margin-right: -30px; */
	margin: 0;
	list-style: none;
}
.reviews .list li {
	position: relative;
	width: calc( ( 100% - 60px ) / 3 ); /* 2 отступа по 30, у последнего нет  */
	margin: 0 30px 0 0;
	background-color: #fff;
	box-shadow: 0 0 19px rgba(0,0,0,0.1);
	text-align: left;
	padding: 35px 35px 35px 35px;
	border-radius: 16px;
}
/* у последнего нет отступа */
.reviews .list li:nth-last-child(1) {
	margin: 0;
}
.reviews .list li::after {
    content: '';
    position: absolute;
    left: 30px; bottom: -15px;
    width: 30px; height: 30px;
    border: 15px solid transparent;
    border-left: 20px solid #fff;
}
 .reviews h2 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(1rem,calc(1rem + 2.0vw),2rem);
	font-weight: 500;
	line-height: 1.4;
	color: var(--black);
	margin: 0 0 20px 0;
	padding: 0;

 }
.reviews p {
	font: 400 15px /1.8 'Montserrat', sans-serif;
	color: var(--gray2);
	margin: 0 0 50px 0;
}
.reviews span {
	font: 400 14px /1.7 'Montserrat', sans-serif;
	color: var(--gray2);
}
.reviews .name {
	font: 400 21px /1.7 'Roboto', sans-serif;
	color: var(--black);
}
.reviews .client {
	font: 400 14px /1.7 'Montserrat', sans-serif;
	color: var(--blue);
}
.reviews .icon-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
	margin-bottom: 20px;
}
.reviews .icon-text img {
	height: 65px;
	width: auto;
	margin-right: 15px;
}
@media (max-width: 970px) {
	.reviews {
		padding: 50px 0 50px 0;
	}
	.reviews .list {
		margin: 0;
	}
	.reviews .list li {
		width: 100%;
		margin: 0 0 40px 0;
	}
	/* у последнего такой же */
	.reviews .list li:nth-last-child(1) {
		margin: 0 0 40px 0;
	}
}
@media (max-width: 490px) {
	.reviews {
		padding: 45px 0 35px 0;
	}
	.reviews .name {
		font: 400 19px /1.6 'Roboto', sans-serif;
	}
}
@media (max-width: 320px) {
	.reviews .list li {
		padding: 25px;
	}
	.reviews .icon-text img {
		height: 50px;
	}
	.reviews .name {
		font: 400 17px /1.6 'Roboto', sans-serif;
	}
}
/*--------------------
	Подвал
--------------------*/

footer {
	background: url(/files/design/fon-metar.jpg) no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: var(--blue);

	font: normal 15px /1.8 'Montserrat', sans-serif;
	color: #fff;
	letter-spacing: 0.5px;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
@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: 30%;
}
.footer__col-2{
	width: 25%;
}
.footer__col-3 {
	width: 25%;
}
.footer__col-4 {
	width: 20%;
}

.footer__title {
	margin-top: 97px;
  margin-bottom: 25px;
	margin-left: -1px;
	font: 500 19px 'Montserrat', sans-serif;
  color: var(--white);
  text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 0.5px;
}

@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: #fff;
	font-size: 15px;
	line-height: 1.8;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.footer__menu li a:hover {
	text-decoration: underline;
}


.footer__contact{
	padding-top: 15px;
	padding-right: 10px;
}

/* кнопки соцсетей */
.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: transparent;
}
.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: normal 14px /1.8 'Montserrat', sans-serif;
	color: #fff !important;
	align-self: center;
}
.copyright__politica {
	align-self: center;
	text-align: center;
	flex-grow: 1;
}
/* .copyright__politica a {
	color: #fff;
}
.copyright__politica a:hover {
	color: #c79653;
} */
.copyright__creator img {
height: 38px;
}

/* счетчики */
.counter {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 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: var(--gray);
    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: var(--black);
  }

  /* .nav__menu li a:hover { */
	.nav__menu li a:hover:not([class]) {
    color: var(--blue);
  }

	.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;
	}
}

@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 35px 25px;
	}

	/* .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 20px 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;
	}
}

#cart-bottom {
	width: auto;
	height: 38px;
	background-color: var(--blue);
	border: 1px solid var(--white);
	border-radius: var(--radius-1);
	opacity: 0.9;
	position:fixed;
	bottom:10px !important;
	left:10px !important;
	cursor:pointer;
	transition: all 0.3s ease;

	font: 500 15px /15px 'Montserrat', sans-serif;
	color: var(--white);
	padding: 10px 15px;
}
#cart-bottom:hover {
	opacity: 1;
}

/* кнопка вверх */
#toTop {
	width: 38px;
	height: 38px;
	background: url(/files/design/vverh.png) no-repeat right top;
	background-color: transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: var(--blue);
	border-radius: var(--radius-1);
	opacity: 0.8;
	position:fixed;
	bottom:10px !important;
	right:10px !important;
	cursor:pointer;
	display:none;
	transition: all 0.3s ease;
	border: 1px solid var(--white);
}
#toTop:hover {
	opacity: 1;
}