body.mce-content-body {background: #e7e7e7}
.mce-content-body .full {width:100%;border:1px solid red}
.mce-content-body .block, .content > p, .content > figure, .content > ol, .content > ul, .content > table, .content > blockquote, .content > h1, .content > h2, .content > h3, .content > h4 {position: relative;width: 100%;padding: 0;max-width: 1170px;margin: 0 auto;}
.mce-content-body .block {border:1px solid red}
.mce-content-body .full .block {border: none}
.mce-content-body .block .answer {display: block;}
.tox-form__group .active {background: greenyellow}
.block.mainblock {margin: 0;max-width: 100%;}
.block .block {padding: 0 30px;}
.mob {display: none!important}
.overflow {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	padding: 18px 0;
}
.content table {
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
	font-size: 16px;
}
.content table td {
  background: #fff;
  padding: 14px;
}
.content table th {
  padding: 14px;
  background: #5d5f66;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.content table tr:nth-child(odd) td {
  background-color: #f5f5f5;
}
.content table td p, .content table th p {
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.content table th p {
	color: #fff;
  font-weight: 600;
}

.content table.red th, .content table.fullred th { 
  background: tomato;
}

.content table.red tr:nth-child(odd) td {
  background-color: #ffd8d1;
}

.content table.red.first tr td:first-child, .content table.fullred.first tr td:first-child { 
  background: tomato;
  text-transform: uppercase;
  color: #fff
}

.content table.fullred tr td {
  background-color: #ffd8d1;
}

.content table.gold {letter-spacing: normal;text-shadow: none;color: #333}
.content table.gold th, .content table.fullgold th {
  background: #eec930;
}
.content table.gold th p {
	color: #000
}

.content table.gold.first tr td:first-child, .content table.fullgold.first tr td:first-child { 
  background: #eec930;
  text-transform: uppercase;
  color: #000
}

.content table.gold tr:nth-child(odd) td {
  background-color: #fff6d1;
}
.content table.fullgold tr td {
  background-color: #fff6d1;
}

.tab-contents h4 {margin: 0 0 8px 0}
.content img {max-width: 100%}

.content blockquote {
  background: #fff;
  color:#000;
  
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  border: 1px none #ddd;
  border-radius: 7px;
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
  
  margin-top: 24px;
  margin-bottom: 24px;
  
  position: relative;
  overflow: hidden;
  min-height: 120px;
  
  p {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
	max-width: 80%;
	z-index: 1;
	position: relative;
  }
  
  cite {
	font-size: 16px;
	margin-top: 10px;
	display: block;
	font-weight: 200;
	opacity: 0.8;
  }
  
  &:before {
	font-family: Georgia, serif;
	content: "“";
	position: absolute;
	top: 50px;
	left: 10px;
	font-size: 5em;
	color: rgb(240, 240, 240);
	font-weight: normal;
  }
  
  &:after {
	font-family: Georgia, serif;
	content: "”";
	position: absolute;
	bottom: -110px;
	line-height: 100px;
	right: -32px;
	font-size: 25em;
	color: rgb(240, 240, 240);
	font-weight: normal;
  }

}
.content .bgclr {
  padding: 80px 24px 44px;
  border-radius: 7px;
}

.fx {
	border: 1px none #ddd;
	border-radius: 7px;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.content > h2 {
  display: block;
  line-height: normal;
  padding: 40px 0 18px 0;
  font-size: 60px;
  text-transform: uppercase;
}
.content > h3 {
  display: block;
  line-height: normal;
  padding: 40px 0 18px 0;
  font-size: 36px;
  text-transform: uppercase;
}
.content p, .content li, .tab-contents p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 100;
	list-style: inside;
}
.content p, .tab-contents p {padding: 8px 0 16px 0;}
.content > ul > li, .content > ol > li, .tab-contents ol li, .tab-contents ul li {padding: 4px 0 8px 0;font-weight: 500;color: #000;font-size: 17px;}
.content > ul, .content > ol, .tab-contents ol, .tab-contents ul {padding: 0 0 24px 30px;margin: 0 auto;}
.content > ul > li::marker {font-size: 1.5rem;color: tomato;}
.content a {color: #000}
.content a:hover, .content h1 a, .content h2 a, .content h3 a, .content h4 a {text-decoration: none}

.marker {
  border-left: 5px solid #ccc;
  padding: 8px 14px 0;
  background: #e8e8e8;
  color: #000;
}

.text ul {margin-left: 24px}

span.or {padding: 0 20px}

.btn {
  position: relative;
  overflow: hidden;
  background-color: #ff6347; /* Основной цвет кнопки */
}

.btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; /* Начальное положение справа от кнопки */
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, transparent, orange, transparent);
  animation: gradientMove 11s infinite linear;
}

.btn.pdf {
  background: #fa8d79 url("/images/pdf-file.svg") 12px center no-repeat;
  background-size: auto 80%;
  width: auto;
  display: inline-block;
  padding-left: 64px;
}
.btn.pdf:hover {background-color: #ff6347}
@keyframes gradientMove {
  0%, 90% {
	left: -100%;
  }
  95%, 100% {
	left: 100%;
  }
}

.epichead {
	padding: 100px 0 100px 0;
}
.epichead h1 {
  display: block;
  line-height: normal;
  padding: 0 14px;
  font-size: 90px;
  text-transform: uppercase;
  text-shadow: 0 2px 3px rgba(0,0,0,.5);
  color: #eec930;
  margin: 24px 0;
}
.epichead strong {
	font-size: 32px;
	color: #ffffffc9;
	padding: 0;
}
.epichead h2 {
	padding: 0;
	font-size: 110px;
	text-transform: uppercase;
	color: #eec93096;
}
.epichead p {
	color: #ffffff8a;
	font-size: 18px;
	display: block;
	padding: 0;
	line-height: normal;
	letter-spacing: 1px;
}
.epichead #awards {
	padding: 100px 0 0 0;
	display: flex;
}
.epichead #awards .google-reviews {
	display: flex;
	width: 600px;
	max-width: 100%;
	text-align: left
}
.epichead #awards .google-reviews a {
	text-decoration: none;
}
.epichead #awards .google-reviews img {
	width: 200px;
	max-width: 100%;
}
.epichead #awards .google-reviews > div {
	padding: 24px 0 0 24px;
	letter-spacing: 1px;
}
.epichead #awards .google-reviews a {
	text-decoration: none;
}
.epichead #awards .google-reviews span {
	font-size: 22px;
	color: #ffffff8a;
	display: block;
}
.epichead #awards .google-reviews strong {
	color: #ffb100;
	font-size: 24px;
	padding: 4px 0;
	display: block;
}

.epichead #awards ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	width: calc(100% - 600px);
}
.epichead #awards ul li {
	display: block;
	width: 25%;
	flex-basis: 25%;
	text-align: right;
	padding: 4px 0 0 0;
}
.epichead #awards ul li a {
	display: inline-block;
}
.epichead #awards ul li img {
	max-width: 100%;
	display: block;
	margin-top: 12px;
	opacity: .5;
}

.epichead #awards ul li img:hover {opacity: 1;}
.epichead .badge {
	display: inline-block;
	color: #fff;
	background: #ffffff30;
	border-radius: 50px;
	padding: 8px 14px 4px 14px;
	letter-spacing: 4px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: normal;
}
.epichead a.badge {cursor: pointer}
.epichead a.badge:hover {background: #ffffff6e;}


@media (max-width:769px){
	.epichead #awards {padding: 50px 0 0 0;}
	.epichead, .maininfo .epichead {padding: 90px 0 39px 0;margin: 0 -18px}
	.epichead strong {
		font-size: 16px;
		color: #ffffff8a;
		padding: 0;
		font-weight: normal;
		letter-spacing: 1px;
	}
	.epichead h2 {
		padding: 0;
		font-size: 90px;
		line-height: normal;
		text-transform: uppercase;
		color: #eec93073;
	}
	.epichead h2 span {
		display: block;
		padding-top:20px;
		font-size: 45px;
		text-shadow: none
	}
	.epichead p {
		color: #ffffffc9;
		font-size: 18px;
		display: block;
		padding: 0 24px;
		line-height: normal;
		letter-spacing: 1px;
	}
	.epichead #awards .block {
		padding: 10px 24px;
		display: flex;
		opacity: .8;
	}
	.epichead #awards ul {
		width: 40%;
		padding: 0;
	}
	.epichead #awards ul li {
		display: block;
		width: 50%;
		flex-basis: 50%;
		text-align: center;
		padding: 4px 0 0 0;
	}
	.epichead #awards .google-reviews {
		display: block;
		width: 60%;
		max-width: 100%;
		padding-right: 24px;
	}
	.epichead #awards ul li img {height: 45px;margin: 0 auto}
	.epichead #awards ul li span {display: none}
	.epichead #awards .google-reviews > div {padding: 0;text-align: center}
	.epichead #awards .google-reviews span {color:#ffffff61}
	.epichead #awards .google-reviews span, #awards .google-reviews strong, .epichead #awards .google-reviews strong {display:inline; padding: 0; font-size: 16px; letter-spacing: 0;}
	.epichead #awards .google-reviews img {
		width: 150px;
		max-width: 100%;
		display: block;
		margin: 0 auto;
		opacity: .7;
	}
}
ol.timeline {
  border-left: 3px solid #ccc;
  margin: 0 0 0 20px;
  padding: 14px 0 1px 0;
}
ol.timeline > li {
  display: block;
  background: #fff;
  padding: 12px;
  margin: 0 0 14px 38px;
  counter-increment: step-counter;
  position: relative;
}
ol.timeline > li::before {
  position: absolute;
  top: 4px;
  left: -60px;
  content: counter(step-counter);
  width: 40px;
  height: 40px;
  background: #ccc;
  display: block;
  border-radius: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 42px;
  font-weight: bold;
  color: #fff;
  box-shadow: 0 0 2px 0px #eee, 0 0 0px 4px #fff, 0 0 6px 2px #ccc;
}
ol.timeline > li::after {
  position: absolute;
  display: block;
  top: 14px;
  left: -10px;
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-right: 10px solid white;
}




ol.steps {
  margin: 0;
  padding: 0;
}
ol.steps > li {
	display: block;
	background: #fff;
	padding: 12px 12px 12px 100px;
	margin: 0 0 14px 0;
	counter-increment: step-counter;
	position: relative;
	border-radius: 7px;
}
ol.steps > li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(step-counter);
	width: 80px;
	height: 100%;
	background: #ccc;
	display: block;
	text-align: center;
	font-size: 44px;
	line-height: 42px;
	font-weight: bold;
	color: #fff;
	padding: 18px 0;
	border-radius: 7px 0 0 7px;
}

ol.steps.red > li::before {background:tomato}
ol.steps.yellow > li::before {background:#eec930}
ol.steps > li::after {
	position: absolute;
	display: block;
	top: 14px;
	left: 70px;
	content: "";
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-right: 10px solid white;
}

.definition {
  border-bottom: 2px solid #ccc;
  margin: 48px
}
.definition h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-transform: uppercase; 
}

.definition h3::before,
.definition h3::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background-color: #ccc; 
}
.definition h3::before {margin: 0 24px 0 0}
.definition h3::after {margin: 0 0 0 24px}

.definition.red {border-bottom: 2px solid tomato;}
.definition.red h3 {color: tomato}
.definition.red h3::before,
.definition.red h3::after {background-color: tomato;}

.definition.yellow {border-bottom: 2px solid #eec930;}
.definition.yellow h3 {color: #eec930}
.definition.yellow h3::before,
.definition.yellow h3::after {background-color: #eec930;}


.takeaways {
  border-radius: 16px;
  border: 3px solid #ccc;
  background: #fff;
  padding: 32px 32px 0 32px;
}
.takeaways > ul {margin: 0;padding: 0}
.takeaways li {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin: 0 0 16px !important;
}
.takeaways li::before {
	background-color: #f5f5f5;
	background-image: url(https://www.svgrepo.com/show/438629/idea.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto;
	content: "";
	display: inline-block;
	min-height: 48px;
	margin-right: 24px;
	min-width: 48px;
	background-size: 36px;
	border-radius: 50px;
}

.takeaways.gold { border: 3px solid #ffc734;text-shadow: none;color: #333;letter-spacing: normal}
.takeaways.gold li::before { background-color: #fff6d1}

.takeaways.red {border: 3px solid tomato}
.takeaways.red li::before { background-color: #ffd8d1}

@media (max-width:769px){
	.takeaways {padding: 14px 14px 0 14px}
	.definition {margin: 24px 0}
}

.bgclr, .bg {padding: 80px 0 44px 0}
.bg {
	background-size: cover;
	background-attachment: fixed;
}
figcaption {text-align: center}
img.float-start {
  display: block;
  float: left;
  margin: 0 24px 24px 0;
  border-radius: 7px;
}
img.float-end {
  display: block;
  float: right;
  margin: 0 0 24px 24px;
  border-radius: 7px;
}
img.mx-auto {
  display: block;
  margin: 0 auto;
  border-radius: 7px;
}

figure img {
display: block;
  max-width: 100%;
  height: auto;
}
.stretch img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	border-radius: 7px;
	transition: .2s;
}
.stretch > figure { min-height: 180px}
.imgfx > figure {
	position: relative;
	  padding-bottom: 70%;
	  height: 0;
	  overflow: hidden;
	  width: 100%;
	  max-width: 100%;
	  border-radius: 7px;
	  transition: 0.3s;
}
.imgfx > figure > img {
	position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: top;
	  z-index: 1;
	  transition: 0.3s;
}
.imgfx > figure:before {
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(255, 255, 255, 0.3);
	z-index: 2;
	transition: 0.3s;
}
.imgfx:hover > figure:before, a:hover .imgfx > figure:before, .swiper-slide-active .imgfx > figure:before { background: rgba(255, 255, 255, 0);}
.imgfx:hover > figure > img, a:hover .imgfx > figure > img, .swiper-slide-active .imgfx > figure > img { width: 110%;max-width: 110%;height: 110%;max-height: 110%;top: -5%; left: -5%}


.wide img {
	display:block;
	width: 100%;
	height: auto;
	border-radius: 7px;
}
@media (min-width:769px){
	.d-wide img {
		display:block;
		width: 100%;
		height: auto;
		border-radius: 7px;
	}
	.d-stretch img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		border-radius: 7px;
		transition: .2s;
	}
	.d-stretch > figure { min-height: 180px}
}
@media (max-width:769px){
	.m-wide img {
		display:block;
		width: 100%;
		height: auto;
		border-radius: 7px;
	}
	.m-stretch img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		border-radius: 7px;
		transition: .2s;
	}
	.m-stretch > figure { min-height: 180px}
}
.video video {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 7px;
}

.title { 
  font-size: 28px;
  margin: 0 0 8px 0;
  display: block;
  text-transform: capitalize;
  line-height: 34px;
  color: #b34936;
}
.subtitle {
  font-size: 16px;
  margin: 0 0 8px 0;
  display: block;
  text-transform: uppercase;
  color: #777;
  font-weight: normal;
  letter-spacing: 1px;
}
h2.title {
  font-size: 36px;
  margin: 0 0 40px 0;
  padding: 20px 0;
  color: #000;
  position: relative
}
h2.title::after {
  width: 200px;
  height: 6px;
  background: #ffc734;
  position: absolute;
  content: "";
  bottom: -10px;
  left: calc(50% - 100px);
}
.bigtitle {
  font-size: 52px;
  margin: -6px 0 4px 0;
  padding: 0;
  line-height: normal;
  position: relative;
  color: #eec930;
  text-shadow: 0 1px 3px rgba(0,0,0,1);
  font-weight: 600
}
.bgclr h2.title {padding: 0 0 20px 0}

.invert, .invert h2.title  {color: #fff}

.gold {letter-spacing: 1px;color: #eec930;text-shadow: 0 2px 3px rgba(0,0,0,.5)}
.btn {
	display: inline-block;
	background: #ff6347;
	color: #fff;
	border: none;
	border-radius: 7px;
	padding: 16px 28px 15px 28px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	letter-spacing: 1px;
	text-decoration: none;
}
.content a.btn {color:#fff}
.btn.btn-sm {
  padding: 8px 18px 7px 18px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
}
.btn.stretch {
	width: 100%;
}
.btn.wide {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.btn.btn-auto, .btn.auto {
	display: inline-block;
	width: auto
}

/*-------- SWIPER SLIDER --------*/
body .swiper {
  padding-bottom: 90px;
}

.swiper.swiper-horizontal > .swiper-pagination-bullets,
.swiper.swiper-container-horizontal > .swiper-pagination-bullets {
	position: absolute;
	bottom: 50px;
	text-align: center;
	z-index: 9;
	background: #d9d9d9;
	border-radius: 50px;
	padding: 4px 5px 0 5px;
	min-width: 90px;
	height: 20px;
}

.swiper.swiper-horizontal .swiper-pagination-bullet-active {background: #000}

 .swiper > .swiper-button-prev, .swiper > .swiper-button-next {
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  margin-top: 0;
  width: 40px !important;
  height: 40px !important;
  border-radius: 40px !important;
  top: auto;
  bottom: 40px;
}
.swiper > .swiper-button-next:after, .swiper > .swiper-button-prev:after {content: ""}
.swiper > .swiper-button-next {
  right: calc(50% - 100px);
  background: #eec930 url(../../../images/site/move-right.png) 50% 50% no-repeat;
}
.swiper > .swiper-button-prev {
  left: calc(50% - 100px);
  background: #eec930 url(../../../images/site/move-left.png) 50% 50% no-repeat;
}

.swiper > .swiper-button-prev.centred {
  left: 0;
  bottom: calc(50% + 20px);
}
.swiper > .swiper-button-next.centred {
  right: 0;
  bottom: calc(50% + 20px);
}

/*-------- LINER CLASS --------*/
.liner:before, .liner:after {
	position: absolute;
	  top: 8px;
	  left: 0;
	  width: 100%;
	  height: 10px;
	  content: "";
	  background: repeating-linear-gradient( -45deg, transparent, transparent 10px, #eec93099 10px, #eec93099 24px );} 
.liner:after { bottom: 8px; top: auto; } 

/*-------- CATALOG NUM block --------*/
.row, .b2, .b3, .b4, .b5, .b6, .b7, .b8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
}
.b2 {align-items: center}

.row-fluid {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin-bottom: 36px;
}
.row-fluid > div {position: relative;flex: 1;}
.row-fluid > .col-2, .row-fluid > .col-3, .row-fluid > .col-4, .row-fluid > .col-400, .row-fluid > .col-5, .row-fluid > .col-6, .row-fluid > .col-7, .row-fluid > .col-8, .row-fluid > .col-m3, .row-fluid > .col-m4, .row-fluid > .col-m5, .row-fluid > .col-m6, .row-fluid > .col-m7, .row-fluid > .col-m8 {flex-shrink: 0;flex: inherit;}
.row > div, .b2 > div, .b3 > div, .b4 > div, .b5 > div, .b6 > div, .b7 > div, .b8 > div {position: relative;margin-bottom: 36px;}




.b2 > div, .b2 > li {width: calc(100% / 2 - 40px / 2)}
.b3 > div {width: calc(100% / 3 - 24px * 2 / 3)}
.b4 > div {width: calc(100% / 4 - 24px * 3 / 4)}
.b5 > div {width: calc(100% / 5 - 24px * 4 / 5)}
.b6 > div {width: calc(100% / 6 - 24px * 5 / 6)}
.b7 > div {width: calc(100% / 7 - 24px * 6 / 7)}
.b8 > div {width: calc(100% / 8 - 24px * 7 / 8)}



.col-2 {width: calc(100% / 2 - 24px / 2)}
.col-3 {width: calc(100% / 3 - 24px * 2 / 3)}
.col-4 {width: calc(100% / 4 - 24px * 3 / 4)}
.col-5 {width: calc(100% / 5 - 24px * 4 / 5)}
.col-6 {width: calc(100% / 6 - 24px * 5 / 6)}
.col-7 {width: calc(100% / 7 - 24px * 6 / 7)}
.col-8 {width: calc(100% / 8 - 24px * 7 / 8)}

.col-400 {width: 400px;}

/* Общие стили для всех блоков */
.bl2 > *, .bl3 > *, .bl4 > *, .bl5 > *, .bl6 > *, .bl7 > *, .bl8 > * {
	position: relative;
}
.bl2, .bl3, .bl4, .bl5, .bl6, .bl7, .bl8 {
  display: grid;
  position: relative;
  gap: 24px; /* Расстояние между элементами */
}

/* Задаём количество колонок для каждого блока */
.bl2 {
  grid-template-columns: repeat(2, 1fr);
}

.bl3 {
  grid-template-columns: repeat(3, 1fr);
}

.bl4 {
  grid-template-columns: repeat(4, 1fr);
}

.bl5 {
  grid-template-columns: repeat(5, 1fr);
}

.bl6 {
  grid-template-columns: repeat(6, 1fr);
}

.bl7 {
  grid-template-columns: repeat(7, 1fr);
}

.bl8 {
  grid-template-columns: repeat(8, 1fr);
}


.bl2-fixed {
  display: grid;
  grid-template-columns: 300px 1fr; /* Левая колонка фиксирована, правая адаптируется */
  gap: 0; /* Без отступов */
}

.row-fluid > .img {align-self: baseline}

/* Пример адаптивности с медиазапросами */
@media (max-width: 480px) {
  .bl2, .bl3, .bl4, .bl5, .bl6, .bl7, .bl8,
  .blm2, .blm3, .blm4 {
	display: grid;
	gap: 14px; /* Расстояние между элементами */
  }
  .bl2, .bl3, .bl4, .bl5, .bl6, .bl7, .bl8 {
	grid-template-columns: 1fr;
  }
  .blm2 {
	grid-template-columns: repeat(2, 1fr);
  }
  .blm3 {
	grid-template-columns: repeat(3, 1fr);
  }
  .blm4 {
	grid-template-columns: repeat(4, 1fr);
  }
}

/* Автоматическая адаптация с auto-fit */
.auto-adapt {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.test::after {
  display: block;
  position: absolute;
  top: 0;
  right: -24px;
  width: 24px;
  height: 24px;
  content: "";
  background: red;
  z-index: 2;
}
/*-------- TABS BLOCK --------*/
.tab-section {
	width: 100%;
	margin-bottom: 20px;
}
.tab-header {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	justify-content: center;
}
.v2 .tab-header {display: block;}
.tab-header .tab-link img {
  display: block;
  margin-bottom: 16px;
}
.tab-header .tab-link {
	position: relative;
	padding: 16px 24px;
	cursor: pointer;
	transition: background 0.3s;
	white-space: nowrap;
	margin-left: 4px;
	border-radius: 4px 4px 0 0;
	background: #ff6347b2;
	color: #fff;
	border-top: 4px solid transparent;
	transition: .1s;
	text-align: center
}
.tab-header .tab-link.img {border-top: 6px solid transparent;max-width: 200px;padding: 14px;}
.v2 .tab-header .tab-link {
	margin: 0 0 4px 20px;
	border-top: none;
	border-left: 4px solid transparent;
	border-radius: 4px 0 0 4px;
}

.tab-header .tab-link:hover {
	background: #ff6347;
}
.tab-header .tab-link.active, .tab-header .tab-link.active:hover {
	background: #fff;
	color: #333;
	border-top: 4px solid #ff6347;
}
.tab-header .tab-link.img.active, .tab-header .tab-link.img.active:hover {
	border-top: 6px solid #ff6347;
}
.tab-header .tab-link.img.active::after {
  bottom: 2px;
  opacity: 1;
}
.tab-header .tab-link.img::after {
  content: "";
  position: absolute;
  display: block;
  left: calc(50% - 9px);
  bottom: 20px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-top: 10px solid #ff6347;
  transition: .2s;
  opacity: 0;
}
.v2 .tab-header .tab-link.active, .v2 .tab-header .tab-link.active:hover {
	background: #fff;
	color: #333;
	border-top: none;
	border-left: 4px solid #ff6347;
	margin-left: 0;
	box-shadow: 0 2px 7px rgba(0,0,0,.2);
}

.tab-content {
	display: none;
	padding: 20px;
	border-top: none;
	background: #fff;
border-radius: 7px;
}
.tab-content.active {
	display: block;
}
.v2 .tab-contents  {background: #fff; border-radius: 0 7px 7px 7px;}
/* MCE Styles */
.mce-content-body .tab-contents {
  display: flex;
  overflow-x: auto;
  width: 100vw; /* Задаем ширину контейнера как всю ширину экрана */
  scroll-snap-type: x mandatory; /* Снэп эффект для упрощенной навигации между вкладками */
}

.mce-content-body .tab-content {
  min-width: 100vw; /* Задаем вкладкам минимальную ширину как ширину экрана */
  flex: 0 0 auto; /* Предотвращаем изменение размера вкладок */
  scroll-snap-align: start; /* Выровнять вкладку при прокрутке */
  box-sizing: border-box; /* Учитываем padding и border в ширине элемента */
  padding: 16px; /* Опционально, добавляем отступы */
  display: block;
  max-width: 100%;
}


/* Mobile Styles */
@media (max-width: 768px) {
	.tab-header {
	flex-direction: row;
	overflow: hidden;
	justify-content: start;
	}
	.tab-header .tab-link {
		background: #ff6347;
		padding: 10px 15px 8px 15px;
	}
	.tab-section.v2 {
		display: block;
	}
	.v2 .tab-header {
		display: flex
	}
	.v2 .tab-header .tab-link {
		margin: 0 0 0 4px;
		border-top: 4px solid transparent;
		border-left: none;
		border-radius: 4px 4px 0 0
	}
	.v2 .tab-header .tab-link.active {
		border-top: 4px solid #ff6347;
		border-left: none
	}
	.tab-header .tab-link:first-child {
		margin-left: 14px
	}
}

/*-------- LIST BLOCK --------*/
.warranty {
	position: relative;
	background-color: #3c3d41;
	margin: 0 4% 80px;
	padding: 0;
	border-radius: 7px;
	overflow: hidden;
}
.warranty::before, .warranty::after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
  background: repeating-linear-gradient( -45deg, transparent, transparent 10px, #ffc734 10px, #ffc734 24px );
  z-index: 0
}
.warranty::after {
  bottom: 8px;
  top: auto;
}
.warranty .row-fluid {margin: 0}
.warranty h2 {
  color: #fff;
  font-size: 52px;
  margin: 0;
  padding: 0;
  text-align: left;
}
.warranty .text {
  padding-left: 40px;
}
.warranty img {position: relative;z-index: 1;padding: 20px;}
.warranty figure::before {
  position: absolute;
  top: -8%;
  left: -8%;
  content: "";
  background: #fff9;
  width: 116%;
  height: 116%;
  display: block;
  border-radius: 1000px;
}
.warranty figure::after {
  position: absolute;
  top: -10%;
  left: -10%;
  content: "";
  background: transparent;
  width: 120%;
  height: 120%;
  display: block;
  border-radius: 1000px;
  border: 2px solid #fff;
}
.warranty h2 a {text-decoration: underline; color: #fff}

/*-------- Questions BLOCK --------*/
.questions > ul {margin: 0;padding: 0}
.questions > ul > li {
  display: block;
  padding: 0;
}
.question {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
  padding: 0;
  margin: 0 0 12px 0;
  border-radius: 7px;
  cursor: pointer;
}
.question::after {
  position: absolute;
  cursor: pointer;
  top: 24px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid rgba(0,0,0,0.54);
  border-right: 2px solid rgba(0,0,0,0.54);
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.question.opn::after {
  top: 30px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.question h3 {
  display: block;
  color: #000;
  font-size: 18px;
  padding: 18px 46px 14px 20px;
  margin: 0
}
.question.opn .answer {
  display: block;
}
.answer {
  display: none;
  padding: 20px;
  border-top: 1px solid rgba(0,0,0,.12);
  font-size: 16px;
  line-height: 1.28571em;
  font-weight: 100;
}


.questions.text .question {
  background: transparent;
  margin: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #777;
  border-radius: 0;
}
.questions.text li:first-child .question { border-top: 1px solid #777;}
.questions.text .question h3 {
  padding: 18px 0 14px;
}
.questions.text .question .answer {
  border: none;
  padding: 0 0 18px;
}
/*-------- LIST BLOCK --------*/

.list .img img {display: block;max-width: 100%;border-radius: 7px;margin: 0 auto;}
.list .img.stretch {
	height: 200px;
}
.list .btn {
  width: auto;
}
.list p {padding: 0}
/*-------- SLIDER BLOCK --------*/
.swiper-container {overflow: hidden;}
.slider .img img {display: block;max-width: 100%;border-radius: 7px;}
.slider .img.stretch {
	position: relative;
	padding-bottom: 69%;
}
.slider .img.stretch > figure {min-height: 0px}
.catalog-slider .text, .slider .text {padding: 14px 0;} 

.catalog-slider .swiper {padding-bottom: 0}
@media (max-width: 769px) {
	.catalog-slider .swiper {padding-bottom: 90px} 
}

/*-------- CATALOG-SLIDER BLOCK --------*/


.catalog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.catalog-slider .swiper-button-next,
.catalog-slider .swiper-button-prev {display: none}
.catalog-slider .catalog .img img {display: block;max-width: 100%;border-radius: 7px;}
.catalog-slider .catalog .img {margin: 0;}
.catalog-slider .catalog .img.stretch {
	padding-bottom: 85%;
}


/*-------- CATALOG-BANNERS BLOCK --------*/
.catalog-banners > div {border-radius: 7px;box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.catalog-banners figure img {border-radius: 8px 8px 0 0 ;}

.catalog-banners figcaption a {
  display: block;
  position: relative;
  width: 100%;
  background: #eec930;
  color: #444;
  transition: .3s;
  border-radius: 0 0 8px 8px;
  font-weight: 800;
}
.catalog-banners figcaption a {font-size: 16px;padding: 20px 30px;}
.catalog-banners.b2 figcaption a {font-size: 28px;padding: 20px 30px;}


.catalog-banners a {
  text-decoration: none;
  display: block
}
.catalog-banners figcaption {padding: 0;position: relative}
.catalog-banners figcaption a::before {
  position: absolute;
  top: 23px;
  right: 10px;
  width: 12px;
  height: 12px;
  border-bottom: 3px solid #eec930;
  border-right: 3px solid #eec930;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  transition: .3s;
}
.catalog-banners > div:hover figcaption a {color: #000}
.catalog-banners > div:hover figcaption a::before {
	right: 30px;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}
/*-------- TAGLINE BLOCK --------*/
.tagline {
	position: relative;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 22px;
	line-height: normal;
	margin-bottom: 36px;
}
.tagline h2 {
	color: #eec930;
	font-size: 52px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.tagline h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  padding: 12px 0 0 0;
}
.bgclr .tagline h3 {
  color: #fff;
}
.tagline .text {flex-grow: 1;}
.tagline .btn {box-shadow: 0 4px 20px rgba(255, 99, 71, 0.7);}

/*-------- CATCH BLOCK --------*/
.catch {
	position: relative;
	align-items: center;
	color: #fff;
	font-size: 22px;
	line-height: normal;
	margin-bottom: 36px;
}
.catch h2 {
	color: #eec930;
	font-size: 52px;
	margin: 0;
	padding: 0;
}
.catch h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  padding: 12px 0 0 0;
}
.catch .btn {box-shadow: 0 4px 20px rgba(255, 99, 71, 0.7);}
.catch p {font-weight: 100;font-size: 18px;line-height: normal;}

/*-------- CATALOG BLOCK --------*/
.catalog .img img {display: block;max-width: 100%;border-radius: 7px;margin: 0 auto;}
.catalog .img {margin: 0 0 24px 0;}
.catalog .img.stretch {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 70%;
}
.catalog a {
	display: block;
	position: relative;
	color: #333;
	text-decoration:none
}


/*-------- CATALOG BLOCK --------*/
.catalog-icon .img img {display: block;max-width: 100%;border-radius: 7px;margin: 0 auto;}
.catalog-icon .img.stretch {
  position: relative;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.catalog-icon > div {
  display: flex;
  align-items: center;
}

.catalog-icon .text {
  flex-grow: 1;
  padding-left: 14px;
}
.catalog-icon h3 {
  font-size: 22px;
  margin: 0;
  display: block;
  text-transform: capitalize;
  line-height: 30px;
  font-weight: normal;
}








.topblock > div {
	margin: 24px 0
}
.before .description {
	margin: 0 0 24px 0
}
.after .description {
	color: #777;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 24px 0
}


.before .description li a {
  text-decoration: none;
  color: #333;
  display: block;
}
.before .description li, .after .description li {
	margin: 0 0 16px 0;
	border: 1px solid rgba(0,0,0,.12);
	display: block;
	padding: 16px 18px 10px 18px;
	font-size: 18px;
	border-radius: 7px;
	border-left: 4px solid #777;
	box-shadow: 0 0 3px rgba(0,0,0,.12);
	position: relative;
}
.before .description li strong, .after .description li strong{
	color: #ff6347;
	padding-bottom: 8px;
	font-size: 20px;
	display: block;
	letter-spacing: 1px;
}
.before .description li a::after {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 14px;
  height: 14px;
  border-bottom: 4px solid rgba(0,0,0,.12);
  border-right: 4px solid rgba(0,0,0,.12);
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
} 

.background, .bgcolor {
	padding: 40px 0;
	margin: 40px 0;
}
.background, .background a, .background h1, .background h2, .background .description h3, .background .description, .background .bottom-description {color:#fff}
.background .description h2 {color: #eec930;font-size: 52px;margin: -6px 0 4px 0;}
.description .coll-2 > div {align-self: center;}
.description .coll-2 > div.button {text-align: right;}
.description .coll-2 > div.button .btn {margin: 0; width: auto;float:right}


/*-------- VIDEO BLOCK --------*/
.hvid {padding: 130px 13px;text-align:center}
.hvid .video {position:relative;text-align:center;max-width: 720px;margin:0 auto;}
.popapvideo {display:block;position:relative;cursor:pointer;}
.videolist {text-align:center}
.videolist a {text-decoration:none;}
.videolist li {display:block}
.videolist li {display:block}
.videolist li:hover {text-decoration:underline}
#thisvideo {margin: 0 0 24px 0}

.video > div {align-self: center;}
.popapvideo {
	padding: 8px;
	background: #ff6347;
	border-radius: 7px;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
}
.thisvideo {
	position: relative;
	padding-bottom: 54%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	border-radius: 7px;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0,0,0,.2);
}
.thisvideo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.thisvideo::after {
	position: absolute;
	background: transparent url("/images/site/youtube.png") 53% 50% no-repeat;
	content: '';
	font-size: 14px;
	width: 64px;
	height: 45px;
	right: 50%;
	top: 50%;
	margin: -27px -27px 0 0;
}
.video-title {
  font-size: 16px;
  color: #fff;
  margin: 0;
  display: block;
  position: relative;
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  padding: 16px 24px 24px 24px;
  letter-spacing: 1px;
}
.videolist .title {
	display:inline-block;
	padding:14px 0;
	color:#000;
	font-weight:300;
	text-decoration: none
}
.closevid {cursor:pointer}
.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
/*-------- CHESS BLOCK --------*/
.chess {
	position: relative;
}
.chess > div {display: flex}
.chess div > div.stretch {
	position: relative;
	height: 500px;
	background: #d6d7c9;
	overflow: hidden;
  }
  .chess > div > div {
	width: 50%;
	flex-basis: 50%;
	align-self: center;
  }
  .chess > div > div.stretch img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
	height: calc(100%);
	/*height: calc(100% + 60px);*/
	border-radius: 0;
  }

.chess > div:nth-child(2n) .stretch {
	order: 2;
  }
.chess > div:nth-child(2n) .wide {
	  order: 2;
	}
.chess .btn {margin-top: 20px;}
.chess .bl {
	width: 100%;
	max-width: 585px;
	padding: 0 20px;
}
.chess > div:nth-child(2n) .text .bl {
	
	width: 100%;
	max-width: 585px;
	float: right;
	padding: 0 20px;
}

/*-------- SERVICE-BADGE --------*/

.catalog-slider.service-badge {
  max-width: 1000px;
  margin: 0 auto;
  
}
.service-badge .swiper-slide {padding: 0 20px;}
.service-badge .swiper-slide a {border-radius: 7px; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.service-badge .catalog .img img {border-radius: 7px 7px 0 0}
.service-badge .servthis {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.service-badge .text {text-align: center;padding: 0}
.service-badge .text .title {font-size: 18px}
.service-badge figure {border-radius: 7px 7px 0 0}

.servthis > li {
  margin: 9px;
  padding: 2px 8px 0px 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  border-radius: 28px;
  display: table;
  font-weight: bold;
}
.rep {
  background: yellow;
}
.rpl {
  background: greenyellow;
}
.ins {
  background: aqua;
}

@media (max-width: 769px) {
	.catalog-slider.service-badge .swiper-slide {padding: 0;background: #fff}
	.catalog-slider.service-badge .swiper-slide a {box-shadow: none}
}
/*-------- PRODUCTS-LIST --------*/
.swiper.products-list {padding-left: 40px;padding-right: 40px;}
.products-list .swiper-slide {
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 2px 7px rgba(0,0,0,.2);
}
.argoshop-item-buy {text-align: center}
.products-list .swiper-slide .text {padding: 14px}
.products-list .subtitle {text-transform: inherit;font-size: 18px;font-weight: 100;}
.argoshop-item-brand {
  padding: 18px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px dashed #ddd;
}
.argoshop-item-price {
  padding: 18px 0;
  font-size: 18px;
  font-weight: 500;
  border-top: 1px dashed #ddd;
}
.products-list .badge,
.tovarlist .badge{
  position: absolute;
  top: 14px;
  right: 14px;
  background: #ff6347;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  padding: 11px 0 0;
  font-size: 12px;
  color: #fff;
  letter-spacing: 1px;
  line-height: 14px;
  box-shadow: 0 0 6px rgba(255, 99, 71, 0.7);
}

.tovarlist > div {
  border: 1px solid #ddd;
  border-radius: 3px;
  transition: .3s
}
.tovarlist > div:hover {
	box-shadow: 0 2px 7px rgba(0,0,0,.2);
}
.tovarlist > div > .text {
  padding: 18px;
}
/*-------- MY CART --------*/
.mycart.show {display: block;}
.mycart.hide {display: none;}
.mycart {
  position: fixed;
  width: 400px;
  height: 100%;
  background: #fff;
  z-index: 99999999999;
  right: 0;
  top: 0;
  padding: 0;
  overflow-y: auto;
  box-shadow: 0 0 20px rgb(100, 100, 100);
}
.mycart h4 {
	display: block;
	background: #ff6347;
	padding: 20px 30px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.mycart ul,
.cart-button {
  margin: 24px;
}
.cart-button > .btn {
  width: 100%;
}
.order-cart-btn.btn {
  margin-bottom: 12px;
}
.continue-cart-btn.btn {
  background: #eee;
  color: #333;
}
.cart-item {
	display: flex;
	flex-wrap: wrap;
	align-items: normal;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.cart-item-image {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 6px;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.cart-item-content {
  width: calc(100% - 100px);
  padding: 0 18px;
}
.cart-item-content > span {
  display: block;
  padding: 2px 0;
}
.cart-item-title {
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
}
.cart-item-price {
  padding: 6px 0;
  font-size: 14px;
}
.remove-btn {
	display: block;
	width: 18px;
	height: 18px;
	background: #eee;
	border-radius: 24px;
	border: none;
	color: #aaa;
	position: absolute;
	right: 0;
	top: calc(50% - 9px);
	cursor: pointer;
}
.quantity-btn {
	border: none;
	background: #eee;
	padding: 3px 7px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	border-radius: 3px;
}
.cart-item-quantity {
  background: #fff;
  color: #000;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  padding-top: 3px;
}

/*-------- YELLOW TITLE --------*/
.ytitle .img,
.ytitle .img.stretch {
  margin: 0;
}
.ytitle .img img,
.ytitle .img img.stretch,
.catalog-slider .ytitle .img img {
  border-radius: 8px 8px 0 0;
}
.ytitle .title, .wtitle .title {
  border-radius: 0 0 8px 8px;
  font-size: 20px;
  padding: 20px 30px;
  text-transform: uppercase;
  line-height: 26px;
  color: #000
}
.ytitle .title {background: #eec930}
.ytitle .text {padding: 0}

.wtitle .title {background: #fff; border-top: 4px solid #ff6347}

@media (max-width: 769px) {
	.ytitle .text {padding: 0}
	.full .block {padding-left: 0;padding-right: 0 }
	.mob {display: block!important}
	.mob-no, .no-mob {display: none}
	.block .block {padding: 0;}
	div.we4 {padding: 24px 0 6px 0}
	.we4 div > .img {margin-right: 8px;}
	.we4 div > h4 {display: block;font-size: 16px;padding: 0;}
	.we4 div > h4 strong {display: block;font-size: 22px}
	.background, .bgcolor {margin: 0 -18px;padding: 24px 18px;}
	.epichead h1 {
		display: block;
		padding-top: 14px;
		font-size: 40px;
	  }
	  
	.bgclr, .block.bgclr, .bg, .content .bgclr, .full {
		padding: 24px 18px;
		position: relative;
		
		border-radius: 0;
	}
	.full {
		width: calc(100% + 36px);
		margin: 0 -18px;
	}
	
	.bgclr .block, .no-padd {padding: 0}
	.content .bgclr, .content .bg, .content .full {}
	
	.content h3 {font-size: 26px;text-align: center;margin: 18px 0;}
	
	/*-------- CATALOG-SLIDER --------*/
	.catalog-slider .swiper-container,
	.slider .swiper-container {margin: 0 -18px}
	
	.catalog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
	.catalog-slider .swiper-button-next,
	.catalog-slider .swiper-button-prev {display: block}
	
	.slider .swiper-wrapper,
	.catalog-slider .swiper-wrapper 
	{display: flex;flex-wrap: inherit;}
	.slider .swiper-wrapper > div,
	.catalog-slider .swiper-wrapper > div,
	.mainservice > div {
		height: auto;
		min-height: 100%;
		width: 220px;
		min-width: 220px;
		flex-basis: auto;
		margin: 0 0 0 18px;
		box-shadow: 0 4px 20px rgba(0,0,0,.25);
		border-radius: 7px;
		background: #eec930
	}
	.slider .swiper-wrapper > div:last-child,
	.catalog-slider .swiper-wrapper > div:last-child
	 {margin: 0 18px}
	.slider .swiper-wrapper > div .stretch,
	.catalog-slider .swiper-wrapper > div .stretch
	 {margin:0;border-radius: 8px 8px 0 0}
	.slider .swiper-wrapper h4,
	.catalog-slider .swiper-wrapper h4 {
		display: block;
		font-weight: 500;
		color: #000;
		font-size: 18px;
		line-height: normal;
		margin: 0;
		text-align: left
	}
	.slider .test,
	.catalog-slider .text{
		border-radius: 0 0 8px 8px;
		background: #fff;
		padding: 14px 18px;
	}
	.wtitle .text {
	  padding: 0;
	}
	
	/*-------- LIST COLL-X --------*/
	.row-fluid, .row, .b2, .b3, .b4, .b5, .b6, .b7, .b8 {display: block;}
	.row > div, .b2 > div, .b3 > div, .b4 > div, .b5 > div, .b6 > div, .b7 > div, .b8 > div,
	.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-m3, .col-m4, .col-m5, .col-m6, .col-m7, .col-m8
	 {width: 100%;}
	

	/*-------- LIST MOB COLL-X --------*/
	.mob-2, .mob-3, .mob-4 {display: flex;flex-shrink: 0;flex: inherit;}
	.mob-2 > div, .mob-3 > div, .mob-4 > div {position: relative;margin-bottom: 36px;}
	
	.mob-2 > div {width: calc(100% / 2 - 40px / 2)}
	.mob-3 > div {width: calc(100% / 3 - 24px * 2 / 3)}
	.mob-4 > div {width: calc(100% / 4 - 24px * 3 / 4)}
	
	.mob-row-fluid {display: flex}
	
	.mob-col-2 {width: calc(100% / 2 - 24px / 2)}
	.mob-col-3 {width: calc(100% / 3 - 24px * 2 / 3)}
	.mob-col-4 {width: calc(100% / 4 - 24px * 3 / 4)}
	.mob-col-5 {width: calc(100% / 5 - 24px * 4 / 5)}
	.mob-col-6 {width: calc(100% / 6 - 24px * 5 / 6)}
	.mob-col-7 {width: calc(100% / 7 - 24px * 6 / 7)}
	.mob-col-8 {width: calc(100% / 8 - 24px * 7 / 8)}
	
	/*-------- CHESS BLOCK --------*/
	.chess > div {display: block;margin-bottom: 24px}
	.chess > div > div {width: 100%}
	.chess div > div.stretch {height:200px;box-shadow: 0 4px 20px rgba(0,0,0,.25);border-radius: 7px;margin-bottom: 18px;}
	.chess div > div h3 {margin-bottom: 18px;}
	.chess > div .text .bl,  .chess > div:nth-child(2n) .text .bl {float: none}
	
	/*-------- Questions BLOCK --------*/
	.content .question h3 {font-size: 16px;line-height: normal;text-align: left;margin: 0;}
	
	.tagline {display: block;}
	.tagline, .description div > h2, .tagline h2 {text-align: center;font-size: 40px;}

	
	.style .swiper-wrapper.catalog div > h4 {
	  padding: 18px 24px;
	  font-weight: bold;
	  font-size: 24px;
	  line-height: 30px;
	}
	.content blockquote {
		p {max-width: 100%;font-size: 16px;}
	}
	.content > h2 {font-size: 40px;padding: 24px 0 12px 0;} 
	.content > h3 {font-size: 24px;padding: 24px 0 12px 0;} 
	
	.ytitle .text {padding: 0}
	.full.no-padd {padding: 0}
}