/* styles */
/*reset*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,embed, figure, figcaption, footer, header, menu, nav, output, ruby, section,summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}img{max-width: 100%; height: auto;}a{text-decoration: underline;}a:hover{cursor: pointer;}*::-webkit-input-placeholder {color: #a9a9a9; opacity: 1;}*:-moz-placeholder {color: #a9a9a9; opacity: 1;}*::-moz-placeholder {color: #a9a9a9; opacity: 1;}*:-ms-input-placeholder {color: #a9a9a9; opacity: 1;}*{margin: 0; padding: 0;}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}button,input,a{outline: none;}button, input, select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}html{    -ms-text-size-adjust: 100%;    -moz-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;    -webkit-font-smoothing: subpixel-antialiased !important;}table {    border-collapse: collapse;    border-spacing: 0;}


body {
	min-width: 480px;
	background: #ddd;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #222;
	cursor: default;
}

.main_wrapper {
	margin: 0 auto;
	width: 480px;
	background: #fff;
}


img {
	max-width: 100%;
	height: auto;
}

b {
	font-weight: 700;
}


input::placeholder {
	color: #000!important;
}
select,
input {
	color: #000!important;
}

/* button */

.button {
	display: block;
	margin: 10px auto;
	width: 350px;
	height: 70px;
	border: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 10px;
	background: linear-gradient(0deg, rgba(55,72,89,1) 0%, rgba(27,139,164,1) 100%);
	-webkit-box-shadow: 0 0 0 10px rgba(99, 140, 215, 0.3);
	-moz-box-shadow: 0 0 0 10px rgba(99, 140, 215, 0.3);
	box-shadow: 0 0 0 2px #fff, 0 0 0 6px #208199;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 23px;
	line-height: 70px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.button:hover {
  box-shadow: 0 0 10px 0 #374859 inset, 0 0 10px 4px #374859;
  color: #fff;
}

/* section */

section {
	padding: 30px 0;
}

.yellow_theme {
	background: #f5ca16;
}

.dark_theme {
	background: #222;
	color: #fff;
}

.gray_theme {
	background: #cdc1f0;
}

.short__title-h2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* titles */

h2.title {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	text-transform: uppercase;
}


h2.title:after {
	display: block;
	content: '';
	margin: 15px auto 0;
	width: 62px;
	height: 5px;
	background: url("separator_red6aee7.png") center no-repeat;
}


h2.title span {
	color: #1b8ba4;
	white-space: nowrap;
}

.dark_theme h2.title span {
	color: #f5ca16;
}

.cat {
	padding: 0;
}

.cat>img {
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}

.catitem img {
	display: block;
}

.catitem {
	width: 420px;
	margin: 0 auto 0px;	
}

.catitem>div {
	width: 420px;
	margin: 0 auto 30px;
	padding: 1px 0 0;
    display: flex; /* Делаем этот контейнер Flexbox */
    justify-content: space-between; /* Распределяем пространство между элементами */
    align-items: center; /* Выравниваем по вертикали */
}

.catitem > div h3 {
    display: flex;
    font-size: 14px;
    padding: 0 0 0 15px;
    line-height: 26px;
    width: auto;
    float: none;
    margin: 0;
    align-items: center; /* Выравниваем иконку и текст по центру */
    gap: 10px; /* Расстояние между иконкой и текстом */
    border-left: none; /* Убираем вертикальную полоску */
}

.fabric-icon {
    display: inline-block;
    width: 30px; /* Задайте желаемый размер иконки */
    height: 30px;
    vertical-align: middle; /* Выравниваем иконку по центру текста */
}

/* Общий контейнер для цены */
.catprice {
    display: flex; /* Делает дочерние элементы гибкими и выстраивает в одну строку */
    justify-content: space-between; /* Распределяет пространство между элементами */
    align-items: center; /* Выравнивает элементы по центру по вертикали */
    width: 250px; /* Увеличьте или уменьшите ширину, если необходимо */
    float: right;
    text-align: center;
}

/* Блок со старой ценой */
.cp-left {
    padding-top: 6px;
    /* Убираем float */
}

.cp-left span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    background: #374859;
    color: #fff;
    border-radius: 4px;
    padding: 0 5px;
}

.cp-left p {
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: line-through;
    margin: 0;
}

/* Блок с новой ценой */
.cp-right {
    /* Убираем float */
    padding-left: 15px;
    text-align: center;
}

.cp-right span {
    font-size: 14px;
}

.cp-right p {
    font-size: 29px;
    font-weight: 700;
    line-height: 30px;
    color: #c51b1b;
}
/* Разделитель */
.catprice::before {
    content: '';
    display: block;
    width: 1px;
    height: 60px; /* Высота разделителя */
    background-color: #e0e0e0;
    margin: 0 10px; /* Отступы по бокам от разделителя */
}
/* separator */

.separator {
	width: 62px;
	height: 5px;
	background: url("separator_red6aee7.png") center no-repeat;
}

.separator.white {
	background-image: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/separator_whiteca706.png");
}
/* Единый контейнер для заголовка и таблицы */
.size-chart-container {
    width: 100%;
    margin: 20px auto;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: flex; /* Используем Flexbox */
    flex-direction: column; /* Элементы будут выстраиваться в колонку */
    overflow: hidden;
}

/* Блок с заголовком */
.size-chart-header {
    width: 100%;	
    background-color: #f5f5f5;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-text {

    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.header-icon {
    transition: transform 0.3s ease;
}

.size-chart-container.active .header-icon {
    transform: rotate(180deg);
}

/* Контейнер для таблицы, который будет скрываться */
.size-chart-table-wrapper {

    width: 100%;		
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

/* Стили для самой таблицы */
.size-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
}
.size-table th, .size-table td {
    border: 1px solid #e0e0e0;
    padding: 8px;
}
.size-table thead th {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
.size-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
section .image {
	display: block;
	margin: 0 auto 30px;
}


/* offer */

.offer_section {
	padding: 0;
}

.offer_section.offer1 {
	background: #222;
}

.offer_section.offer2 {
	background: #222;
}

.offer_section .main_title {
	padding: 10px 20px;
	font-weight: 700;
	font-size: 33px;
	line-height: 44px;
	text-align: center;
}

.main_title1 {
	padding: 10px 20px;
	font-weight: 700;
	font-size: 33px;
	line-height: 14px;
	text-align: center;
}

.offer_section .main_title span{
    display: block;
    padding: 0;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

.offer_section.offer1 .main_title {
	background: #f5ca16;
}

.offer_section.offer2 .main_title,
.offer_section.offer3 .main_title {
	background: #374859;
	color: #fff;
}

.offer_section .info_block {
	position: relative;
}

.offer_section .info_block img {
	display: block;
}

.offer_section .info_block .subtitle {
	padding: 12px 20px 10px;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	text-align: center;
}

.offer_section.offer1 .info_block .subtitle,
.offer_section.offer2 .info_block .subtitle {
	background: rgba(34, 34, 34, 0.8);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.17);
	color: #fff;
}

.offer_section.offer3 .info_block .subtitle {
	background: #f3efee;
	color: #000000
}

.offer_section .info_block .discount {
	width: 113px;
	height: 110px;
	background: center no-repeat;
	font-weight: 700;
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
	position: absolute;
	top: 44px;
	right: 0;
}



.offer_section.offer1 .info_block .discount {
	background-image: url("offer3__discount_bgc9c21.png");
	color: #fff;
}

.offer_section.offer3 .info_block .discount {
	background-image: url("offer3__discount_bgc9c21.png");
	top: 0;
}

.offer_section .info_block .discount b {
	display: block;
	width: 100px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	white-space: nowrap;
	position: absolute;
	top: 42px;
	left: 21px;
	color: #fff;
}

.offer_section.offer1 .price_block {
	margin: -42px 0 25px;
}

.fix {
	padding: 0px 65px!important;
}

.offer_section.offer3 .fix:after {
    width: 65px!important;
}

.offer_section.offer1 .price_old {
	float: left;
	padding: 15px 0 0 15px;
	width: 160px;
	height: 84px;
	background: #e43315;
	color: #fff;
	position: relative;
}

.offer_section.offer1 .price_old:before {
	display: block;
	content: '';
	border-right: 50px solid rgba(255, 255, 255, 0);
	border-bottom: 84px solid #e43315;
	position: absolute;
	top: 0;
	right: -50px;
}

.offer_section.offer1 .price_old .text {
	margin: 0 0 2px;
	font-size: 14px;
}

.offer_section.offer1 .price_old .value {
	font-weight: 700;
	font-size: 26px;
	line-height: 26px;
	text-decoration: line-through;
}

.offer_section.offer1 .price_new {
	float: left;
	margin: 14px 0 0 16px;
	width: 130px;
	height: 56px;
	background: #f5ca16;
	font-weight: 700;
	font-size: 24px;
	line-height: 56px;
	text-align: center;
	position: relative;
}

.offer_section.offer1 .price_new:before,
.offer_section.offer1 .price_new:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
}

.offer_section.offer1 .price_new:before {
	border-left: 34px solid rgba(255, 255, 255, 0);
	border-top: 56px solid #f5ca16;
	left: -34px;
}

.offer_section.offer1 .price_new:after {
	border-right: 34px solid rgba(255, 255, 255, 0);
	border-bottom: 56px solid #f5ca16;
	right: -34px;
	z-index: 10;
}

.offer_section.offer1 .price_new span {
	position: relative;
	z-index: 99;
}

.offer_section.offer1 .timer {
	float: left;
	margin: 27px 0 0;
	padding: 0 0 0 62px;
	width: 174px;
	height: 30px;
	background: rgba(255, 255, 255, 0.2) url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/offer1__timer_arrowsc2ccf.png") 30px center no-repeat;
	line-height: 32px;
	color: #fff;
	position: relative;
}

.offer_section.offer2 .price_block {
	margin: 0 0 34px;
	position: relative;
}

.offer_section.offer2 .price_item {
	float: left;
	width: 50%;
	height: 74px;
	text-align: center;
}

.offer_section.offer2 .price_item.old {
	padding: 13px 65px 0 0;
	background: #ebebeb;
}

.offer_section.offer2 .price_item.new {
	padding: 13px 0 0 65px;
	background: #f5ca16;
}

.offer_section.offer2 .price_item .text {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 14px;
}

.offer_section.offer2 .price_item .value {
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
}

.offer_section.offer2 .price_item.old .value {
	text-decoration: line-through;
}


.offer_section.offer2 .discount .text {
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 8px;
	text-transform: uppercase;
}

.offer_section.offer2 .discount .value {
	margin: 0 0 0 5px;
	font-weight: 700;
	font-size: 34px;
	line-height: 34px;
}

.offer_section.offer3 .price_block {
	margin: -23px 0 25px;
	padding: 0 75px;
	height: 80px;
	position: relative;
}

.offer_section.offer3 .price_block:before {
	display: block;
	content: '';
	width: 75px;
	height: 34px;
	background: #374859;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 0;
}

.offer_section.offer3 .price_block:after {
	display: block;
	content: '';
	width: 75px;
	border-top: 34px solid #374859;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 0;
}

.offer_section.offer3 .price_item {
	float: left;
	width: 50%;
	height: 80px;
	color: #000;
	position: relative;
}

.offer_section.offer3 .price_item.old {
	padding: 17px 0 0 15px;
	background: #fafafa ;
	border:2px solid #374859;
	border-right:none;
	border-radius:15px 0 0 15px;
	color:#6d6d6d;
}

.offer_section.offer3 .price_item.new {
	padding: 17px 0 0 40px;
	background: #fafafa;
	border:2px solid #374859;
	border-left:none;
	border-radius:0 15px 15px 0;
	color:#000;
}

.offer_section.offer3 .price_item .text {
	margin: 0 0 1px;
	font-size: 10px;
	line-height: 14px;
	position: relative;
	z-index: 99;
}

.offer_section.offer3 .price_item .value {
	font-weight: 700;
	font-size: 23px;
	line-height: 26px;
	position: relative;
	z-index: 99;
}

.offer_section.offer3 .price_item.old .value {
	text-decoration: line-through;
}

.offer_section.offer3 .price_block {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 75px;
	margin: -23px 0 25px;
	height: 80px;
}

.offer_section.offer3 .price_divider {
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
    width: 50px; /* Ширина круга */
    height: 50px; /* Высота круга */
    border-radius: 50%; /* Делает элемент круглым */
    background-color: #ff0000; /* Красный цвет */
    color: #ffffff; /* Белый цвет текста */
    font-family: sans-serif; /* Можно выбрать любой шрифт */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.offer_section.offer3 .price_divider .discount_text {
    font-size: 10px;
    line-height: 1;

	font-family: 'Montserrat', sans-serif;
}

.offer_section.offer3 .price_divider .discount_percent {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;

	font-family: 'Montserrat', sans-serif;
}



.offer_section ul {
	padding: 0 55px 25px;
}

.offer_section ul li {
	margin: 0 0 15px;
	padding: 0 0 0 25px;
	color: #fff;
	position: relative;
}

.offer_section ul li:last-child {
	margin: 0;
}

.offer_section.offer1 ul li:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	border: 1px solid #f5ca16;
	background: #f5ca16;
	-webkit-box-shadow: 0 0 0 2px #222 inset;
	-moz-box-shadow: 0 0 0 2px #222 inset;
	box-shadow: 0 0 0 2px #222 inset;
	position: absolute;
	top: 4px;
	left: 0;
}

.offer_section.offer2 ul li:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	content: '';
	border-top: 8px solid #f5ca16;
	border-left: 8px solid rgba(255, 255, 255, 0);
	border-right: 8px solid rgba(255, 255, 255, 0);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	position: absolute;
	top: 8px;
	left: -2px;
}

.offer_section .benefits_block {
	margin: 0 auto 25px;
	width: 402px;
}

.offer_section .benefits_block .benefit_item {
	float: left;
	padding: 0 5px;
	width: 33.333333%;
	text-align: center;
}

.offer_section .benefits_block2 .benefit_item {
	float: left;
	padding: 0 5px;
	width: 50%;
	text-align: center;
}

.offer_section .benefits_block img {
	display: block;
	margin: 0 auto 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 8px;
    padding: 2px;
	box-shadow:0 0 5px 0 #000;
}

.offer_section .timer_block {
	margin: 0 0 35px;
	padding: 20px;
	text-transform: uppercase;
	text-align: center;
}

.offer_section.order .timer_block {
	margin: 0 0 25px;
}

.offer_section.offer2 .timer_block {
	border-top: 1px dashed rgba(255, 255, 255, 0.1);
	border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
	background: #292929;
	color: #999;
}

.offer_section.offer3 .timer_block {
	border: 2px dashed  #000;
	background: #f3efee;
	margin-right:10px;
	margin-left:10px;
	border-radius:10px;
}

.offer_section .timer_block p {
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 16px;
	font-style:italic;
}

.offer_section .timer_block .timer {
	margin: 0 auto;
	width: 370px;
}

.offer_section .timer_block .timer_item {
	float: left;
	margin: 0 35px 0 0;
	width: 100px;
}

.offer_section .timer_block .timer_item:last-child {
	margin: 0;
}

.offer_section .timer_block .count {
	margin: 0 0 10px;
	height: 60px;
}

.offer_section .timer_block .count span {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	width: 46px;
	height: 60px;
	background: #fff;
	font-weight: 700;
	font-size: 36px;
	line-height: 60px;
	color: #000;
	border:1px dashed  #ccc;
	border-radius:3px;
}

.offer_section .timer_block .count span:last-child {
	margin: 0;
}

.offer_section .timer_block .text {
	font-size: 13px;
	line-height: 13px;
}

.offer_section .products_count {
	padding: 25px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}

.offer_section.offer3 .products_count {
	color: #222;
}

.offer_section .products_count b {
	margin: 0 4px;
	padding: 3px 6px;
	background: #374859;
	font-size: 18px;
	color: #fff;
}

.offer_section.order .text_block {
	margin: 0 55px 25px;
	text-align: center;
}

.offer_section.order .text_block h4 {
	margin: 0 0 10px;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	color: #fff;
}

.offer_section.order .text_block p {
	color: #999;
}

.offer_section .field {
	display: block;
	margin: 0 auto 20px;
	padding: 0 20px 0 62px;
	width: 380px;
	height: 65px;
	border: none;
	border-radius: 10px 0 10px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #777;
	box-shadow:0 0 3px 0 #ccc inset;
}

select,
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

select[name="comment"] {
	display: block;
	width: 370px;
	border: 1px solid #dedede;
	height: 72px;
	background-color: #ebebeb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 auto 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #777;
	padding: 0 20px 0 62px;
}

select {
	background-image: url("selectc0215.png");
	background-repeat: no-repeat;
	background-position: -2px center;
	overflow: hidden;
	/* for FF */
	text-indent: 0.01px;
	text-overflow: '';
	/* for IE */
	-ms-appearance: none;
	appearance: none!important;
}

select::-ms-expand {
	display: none;
}

.offer_section .field[name='name'] {
	background: #ebebeb url("offer__name_icon77466.png") 22px center no-repeat;
}

.offer_section .field[name='phone'] {
	margin: 0 auto 35px;
	background: #ebebeb url("offer__phone_icon9a33f.png") 20px center no-repeat;
}

.offer_section.offer3 .field {
	border: 1px solid #dedede;
}

.offer_section.offer3 .field[name='name'] {
	background: #f0f0f0 url("offer__name_icon77466.png") 22px center no-repeat;
}

.offer_section.offer3 .field[name='phone'] {
	margin: 0 auto 35px;
	background: #f0f0f0 url("offer__phone_icon9a33f.png") 20px center no-repeat;
}

.offer_section .field::-webkit-input-placeholder {
	opacity: 1;
	color: #777;
}

.offer_section .field:-moz-placeholder {
	opacity: 1;
	color: #777;
}

.offer_section .field::-moz-placeholder {
	opacity: 1;
	color: #777;
}

.offer_section .field:-ms-input-placeholder {
	opacity: 1;
	color: #777;
}

.offer_section .field:focus::-webkit-input-placeholder {
	opacity: 0;
}

.offer_section .field:focus:-moz-placeholder {
	opacity: 0;
}

.offer_section .field:focus::-moz-placeholder {
	opacity: 0;
}

.offer_section .field:focus:-ms-input-placeholder {
	opacity: 0;
}


/* video */

.video_wrapper {
  position: relative;
  width: 100%;
  padding-top: 177.78%; /* 16/9*100 */
  background: #000;
  overflow: hidden;
}

.video_wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* или contain, если не хочешь обрезки */
  display: block;
}





/* description */

.description_section {
	padding: 30px 0 15px;
}

.description_section h2.title {
	padding: 0 30px;
}

.description_section p {
	padding: 0 30px 15px;
}


/* social proof */

.social_proof_block {
	padding: 0 30px 30px;
}

.social_proof_block .info_item {
	float: left;
	padding: 20px 0;
	width: 50%;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.social_proof_block .info_item:nth-child(even) {
	border-right: none;
}

.social_proof_block .info_item:nth-last-child(2),
.social_proof_block .info_item:last-child {
	border-bottom: none;
}

.social_proof_block .info_item .icon_block {
	float: right;
	margin: 0 15px;
	width: 50px;
	height: 50px;
	font-size: 0;
	line-height: 50px;
	letter-spacing: -1px;
	text-align: center;
}

.social_proof_block .info_item:nth-child(even) .icon_block {
	float: left;
}

.social_proof_block .info_item img {
	display: inline-block;
	vertical-align: middle;
	max-height: 50px;
}

.social_proof_block .info_item .text_block {
	float: left;
	margin: -2px 0 0;
	width: 129px;
}

.social_proof_block .info_item:nth-child(odd) .text_block {
	text-align: right;
}

.social_proof_block .info_item .number {
	margin: 0 0 5px;
	font-weight: 700;
	font-size: 34px;
	line-height: 34px;
	color: #e43315;
}

.social_proof_block .info_item .text {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
}


/* list 1 */

.list1 {
	padding: 0 30px 15px;
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
}

.list1 li {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 15px 0;
	padding: 0 0 0 25px;
	width: 200px;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: normal;
	position: relative;
}

.list1 li:nth-child(even) {
	margin: 0 0 10px;
}

.list1 li:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	content: '';
	border-left: 8px solid rgba(255, 255, 255, 0);
	border-right: 8px solid rgba(255, 255, 255, 0);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	position: absolute;
	top: 8px;
	left: -2px;
}

.list1.marker1 li:before {
	border-top: 8px solid #f5ca16;
}

.list1.marker2 li:before {
	border-top: 8px solid #e43315;
}


/* list 2 */

.list2 {
	padding: 0 30px 15px;
}

.list2 li {
	margin: 0 0 15px;
	padding: 0 0 0 25px;
	position: relative;
}

.list2 li:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	-webkit-box-shadow: 0 0 0 2px #fff inset;
	-moz-box-shadow: 0 0 0 2px #fff inset;
	box-shadow: 0 0 0 2px #fff inset;
	position: absolute;
	top: 4px;
	left: 0;
}

.list2.marker1 li:before {
	border: 1px solid #e43315;
	background: #e43315;
}

.list2.marker2 li:before {
	border: 1px solid #f5ca16;
	background: #f5ca16;
}

.list2_section {
	padding: 30px 0 0;
}

.dark_theme .list2 li:before {
	-webkit-box-shadow: 0 0 0 2px #222 inset;
	-moz-box-shadow: 0 0 0 2px #222 inset;
	box-shadow: 0 0 0 2px #222 inset;
}


/* slider */

.slider .owl-prev,
.slider .owl-next {
	width: 50px;
	height: 36px;
	background: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/slider__arrowsdfe49.png") no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -18px;
}

.slider .owl-prev {
	background-position: left center;
	left: 20px;
}

.slider .owl-next {
	background-position: right center;
	right: 20px;
}


/* image */

.result_image {
	display: block;
	margin: 0 auto;
}


/* benefits 1 */

.benefits_section {
	padding: 30px 0 0;
	background: f1efee;
}

.benefits_section h2.title {
	padding: 0 30px;
}

.benefits_list1 {
	margin: 0 10px;
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
	text-align: center;
}

.benefits_list1 .benefit_item {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 30px;
	width: 33.333333%;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: normal;
}

.benefits_list1 .benefit_item img {
	display: block;
	margin: 0 auto 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.benefits_list1 .benefit_item h4 {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}


/* benefits 2 */

.benefits_list2 {
	margin: 0 10px;
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
	text-align: center;
}

.benefits_list2 .benefit_item {
	display: inline-block;
	vertical-align: top;
	padding: 0 0px 0px;
	width: 50%;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: normal;
}

.benefits_list2 .benefit_item img {
	display: block;
	margin: 0 auto 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.benefits_list2 .benefit_item h4 {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}


/* benefits 3 */

.benefits_list3 .benefit_item {
	display: table;
	padding: 0 30px 30px;
	width: 100%;
}

.benefits_list3 .image_block {
	display: table-cell;
	vertical-align: top;
	width: 110px;
}

.benefits_list3.va_middle .image_block {
	vertical-align: middle;
}

.benefits_list3 .image_block img {
	display: block;
	width: 110px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.benefits_list3 .text_block {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 20px;
}

.benefits_list3.va_middle .text_block {
	vertical-align: middle;
}

.benefits_list3 .text_block h4 {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}


/* benefits 4 */

.components_section {
	padding: 30px;
}

.benefits_list4 .benefit_item {
	margin: 0 auto 30px;
	width: 420px;
	background: #fff;
	-webkit-box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
	-moz-box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
	box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
}

.benefits_list4 .benefit_item:last-child {
	margin: 0;
}

.benefits_list4 .benefit_item img {
	display: block;
}

.benefits_list4 .text_block {
	padding: 25px 30px;
}

.benefits_list4 .text_block h4 {
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	border-left: 4px solid #1b8ba4;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.benefits_list4 .text_block li {
	background: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/check670cf.png") no-repeat 0 4px;
	padding: 0 0 10px 22px;
}


/* benefits 5 */

.benefits_list5 {
	background: url("bg_light159aa.jpg");
	overflow: hidden;
}

.benefits_list5.dark {
	background: #222;
}

.benefits_list5 .benefit_item {
	float: left;
	margin: 0 2px 2px 0;
	padding: 29px 15px 0 25px;
	width: 239px;
	height: 239px;
	-webkit-box-shadow: 0 0 0 1px #ebebeb;
	-moz-box-shadow: 0 0 0 1px #ebebeb;
	box-shadow: 0 0 0 1px #ebebeb;
}

.benefits_list5 .benefit_item:nth-child(even) {
	margin: 0 0 2px;
}

.benefits_list5 .benefit_item:nth-last-child(2),
.benefits_list5 .benefit_item:last-child {
	margin-bottom: 0;
}

.benefits_list5.dark .benefit_item {
	-webkit-box-shadow: 0 0 0 1px #4b4b4b;
	-moz-box-shadow: 0 0 0 1px #4b4b4b;
	box-shadow: 0 0 0 1px #4b4b4b;
	color: #fff;
}

.benefits_list5 .benefit_item img {
	display: block;
}

.benefits_list5 .benefit_item .separator {
	margin: 20px 0 14px;
}

.benefits_list5 .benefit_item h4 {
	font-weight: 700;
	text-transform: uppercase;
}


/* benefits 6 */

.benefits_list6 {
	padding: 20px 0;
	background: #ebebeb;
	overflow: hidden;
}

.benefits_list6 .benefit_item {
	margin: 0 0 20px;
	background: #fff url("bg_light159aa.jpg");
	-webkit-box-shadow: 0 0 20px rgba(2, 2, 2, 0.1);
	-moz-box-shadow: 0 0 20px rgba(2, 2, 2, 0.1);
	box-shadow: 0 0 20px rgba(2, 2, 2, 0.1);
}

.benefits_list6 .benefit_item:last-child {
	margin: 0;
}

.benefits_list6 .benefit_item .text_block {
	float: left;
	padding: 16px 25px 0 25px;
	width: 280px;
}

.benefits_list6 .benefit_item h4 {
	font-weight: 700;
	margin: 0 0 5px;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.benefits_list6 .benefit_item .image_block {
	float: left;
	width: 200px;
	position: relative;
}

.benefits_list6 .benefit_item img {
	display: block;
}

.benefits_list6 .benefit_item .number {
	width: 30px;
	height: 36px;
	background: #e43315;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 20px;
	left: -15px;
}

.benefits_list6 .benefit_item .number:before,
.benefits_list6 .benefit_item .number:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
}

.benefits_list6 .benefit_item .number:before {
	border-top: 36px solid rgba(255, 255, 255, 0);
	border-right: 10px solid #e43315;
	left: -10px;
}

.benefits_list6 .benefit_item .number:after {
	border-bottom: 36px solid rgba(255, 255, 255, 0);
	border-left: 10px solid #e43315;
	right: -10px;
}


/* benefits 7 */

.benefits_list7 .benefit_item {
	background: #f5ca16;
}

.benefits_list7 .benefit_item:nth-child(odd) {
	background: #222;
	color: #fff;
}

.benefits_list7 .benefit_item img {
	display: block;
	float: left;
	width: 240px;
}

.benefits_list7 .benefit_item:nth-child(even) img {
	float: right;
}

.benefits_list7 .benefit_item .text_block {
	float: left;
	padding: 20px 20px 0;
	width: 240px;
}

.benefits_list7 .benefit_item h4 {
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	border-left: 4px solid #e43315;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}


/* characteristics */

.characteristics_section {
	padding: 30px 0 0;
}

.characteristics_section h2.title {
	padding: 0 30px;
}

.characteristics__list li {
	padding: 15px 30px 15px 52px;
	text-align: right;
	position: relative;
}
/*
.characteristics__list li {
	border-bottom:1px solid #4CF360;
}
*/

.h-pure {
	font-weight:bold;
	border-bottom: 1px solid #222;
}

.characteristics__list li:nth-child(5) {
	border-bottom:none;
}

.characteristics__list li:nth-child(odd) {
	background: #f4f4f4;
}

.characteristics__list li:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	border: 1px solid #374859;
	background: #374859;
	-webkit-box-shadow: 0 0 0 2px #fff inset;
	-moz-box-shadow: 0 0 0 2px #fff inset;
	box-shadow: 0 0 0 2px #fff inset;
	position: absolute;
	top: 20px;
	left: 30px;
	border-radius:25px;
}

.characteristics__list li:nth-child(odd):before {
	-webkit-box-shadow: 0 0 0 2px #f4f4f4 inset;
	-moz-box-shadow: 0 0 0 2px #f4f4f4 inset;
	box-shadow: 0 0 0 2px #f4f4f4 inset;
}

.characteristics__list li b {
	float: left;
}

.size-chart-container {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.size-chart-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    color: #444; /* Darker text for better contrast */
    border: 1px solid #ddd;
}

.size-chart-table th,
.size-chart-table td {
    border: 1px solid #ddd;
    padding: 10px;
}

.size-chart-table thead th {
    background-color: #f2f2f2; /* Light gray background for header */
    font-weight: bold;
}

.size-chart-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9; /* Lighter background for odd rows */
}

.size-chart-table tbody tr:nth-child(even) {
    background-color: #fff; /* White background for even rows */
}

.size-chart-table td {
    vertical-align: middle;
}
/* comparison */

.comparison_section {
	padding: 30px 0 0;
}

.comparison_section h2.title {
	padding: 0 30px;
}

.comparison_block .images_block {
	margin: 0 0 15px;
}

.comparison_block .images_block img {
	display: block;
	float: left;
	width: 240px;
}

.comparison_block .titles_block h4 {
	float: left;
	padding: 20px;
	width: 240px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
}

.comparison_block .titles_block h4:first-child {
	background: #222;
	color: #fff;
}

.comparison_block .titles_block h4:last-child {
	background: #f5ca16;
}

.comparison_block .row {
	display: table;
	width: 100%;
}

.comparison_block .row:nth-child(odd) {
	background: #f4f4f4;
}

.comparison_block .row .column {
	display: table-cell;
	vertical-align: top;
	padding: 10px 10px 10px 32px;
	width: 50%;
	position: relative;
}

.comparison_block .row .column:first-child {
	border-right: 1px solid #fff;
}

.comparison_block .row .column:last-child {
	border-left: 1px solid #fff;
}

.comparison_block .row .column:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	background: #000;
	-webkit-box-shadow: 0 0 0 2px #fff inset;
	-moz-box-shadow: 0 0 0 2px #fff inset;
	box-shadow: 0 0 0 2px #fff inset;
	position: absolute;
	top: 15px;
	left: 10px;
}

.comparison_block .row .column:last-child:before {
	border: 1px solid #e43315;
	background: #e43315;
}

.comparison_block .row:nth-child(odd) .column:before {
	-webkit-box-shadow: 0 0 0 2px #f4f4f4 inset;
	-moz-box-shadow: 0 0 0 2px #f4f4f4 inset;
	box-shadow: 0 0 0 2px #f4f4f4 inset;
}


/* vote */

.vote_section {
	padding: 30px;
}

.vote_section .vote_block {
	padding: 40px;
	background: #fff;
	-webkit-box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
	-moz-box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
	box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
}

.vote_section .questions_list {
	margin: 0 0 22px;
}

.vote_section .question_item {
	margin: 0 0 20px;
	height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: #f0f0f0;
	-webkit-box-shadow: 0 0 0 1px #dedede inset;
	-moz-box-shadow: 0 0 0 1px #dedede inset;
	box-shadow: 0 0 0 1px #dedede inset;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.vote_section .question_item:last-child {
	margin: 0;
}

.vote_section .question_item .line {
	display: none;
	width: 0%;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

.vote_section .questions_list.active .question_item .line {
	display: block;
}

.vote_section .question_item:nth-child(1) .line {
	background: #7ac700;
}

.vote_section .question_item:nth-child(2) .line {
	background: #e43315;
}

.vote_section .question_item:nth-child(3) .line {
	background: #f5ca16;
}

.vote_section .question_item .question_text {
	float: left;
	padding: 0 0 0 20px;
	line-height: 50px;
	position: relative;
}

.vote_section .question_item .question_text:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	content: '';
	margin: -2px 10px 0 -5px;
	width: 18px;
	height: 18px;
	border: 4px solid #fff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.vote_section .questions_list.active .question_item .question_text:before {
	display: none;
}

.vote_section .question_item:nth-child(1) .question_text:before {
	background: #7ac700;
}

.vote_section .question_item:nth-child(2) .question_text:before {
	background: #e43315;
}

.vote_section .question_item:nth-child(3) .question_text:before {
	background: #f5ca16;
}

.vote_section .question_item .percents {
	display: none;
	float: right;
	padding: 0 20px 0 0;
	font-weight: 700;
	line-height: 50px;
	text-align: right;
	position: relative;
}

.vote_section .questions_list.active .question_item .percents {
	display: block;
}

.vote_section .voice_count {
	text-align: center;
}

.vote_section .voice_count b {
	margin: 0 0 0 5px;
	padding: 3px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #7ac700;
	color: #fff;
}


/* opinion 1 */

.opinion1_section {
	padding: 30px;
	position: relative;
}

.opinion1_section:before {
	display: block;
	content: '';
	border-top: 115px solid #f5ca16;
	border-left: 115px solid rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	right: 0;
}

.opinion1_section h2.title {
	margin: 0 60px 30px 0;
}

.opinion1_section .author_block {
	margin: 0 0 20px;
	padding: 0 65px 0 0;
	background: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/quote2_icon66c7a.png") right 48px no-repeat;
}

.opinion1_section .author_block img {
	display: block;
	float: left;
	width: 120px;
	position: relative;
	z-index: 10;
}

.opinion1_section .author_block .author_info {
	float: left;
	margin: 34px 0 0 -20px;
	width: 255px;
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
}

.opinion1_section .author_block .name {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 35px;
	background: #f5ca16;
	font-weight: 700;
	font-size: 16px;
	line-height: 34px;
	letter-spacing: normal;
	position: relative;
}

.opinion1_section .author_block .name:after {
	display: block;
	content: '';
	border-top: 34px solid #f5ca16;
	border-right: 20px solid rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	right: -20px;
}

.opinion1_section .author_block .text {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 2px 35px;
	background: #222;
	font-size: 15px;
	line-height: 27px;
	color: #fff;
	position: relative;
}

.opinion1_section .author_block .text:after {
	display: block;
	content: '';
	border-top: 29px solid #222;
	border-right: 16px solid rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	right: -16px;
}


/* opinion 2 */

.opinion2_section {
	padding: 30px;
	background: #222 url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/opinion2_bg0ff80.jpg") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.opinion2_section h2.title {
	color: #fff;
}

.opinion2_section h2.title span {
	color: #f5ca16;
}

.opinion2_section .opinion_block {
	background: #fff;
}

.opinion2_section .author_block {
	position: relative;
}

.opinion2_section .author_block img {
	display: block;
}

.opinion2_section .author_block .author_info {
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
	position: absolute;
	bottom: 20px;
	left: 0;
}

.opinion2_section .author_block .name {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 30px;
	background: #f5ca16;
	font-weight: 700;
	font-size: 16px;
	line-height: 34px;
	letter-spacing: normal;
	position: relative;
}

.opinion2_section .author_block .name:after {
	display: block;
	content: '';
	border-top: 34px solid #f5ca16;
	border-right: 20px solid rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	right: -20px;
}

.opinion2_section .author_block .text {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 2px 30px;
	background: #222;
	font-size: 15px;
	line-height: 27px;
	color: #fff;
	position: relative;
}

.opinion2_section .author_block .text:after {
	display: block;
	content: '';
	border-top: 29px solid #222;
	border-right: 16px solid rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	right: -16px;
}

.opinion2_section .text_block {
	padding: 20px 30px;
}

.opinion2_section .text_block h4 {
	margin: 0 0 15px;
	padding: 0 50px 0 20px;
	border-left: 4px solid #e43315;
	background: url("quote1_icon48f5e.png") right 4px no-repeat;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}


/* reviews 1 */

.reviews1_section {
	padding: 30px;
	position: relative;
}

.reviews1_section:before {
	display: block;
	content: '';
	border-top: 115px solid #f5ca16;
	border-left: 115px solid rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	right: 0;
}

.reviews1_section h2.title {
	margin: 0 60px 30px 0;
}

.reviews1_section .review_item {
	margin: 0 0 30px;
	padding: 25px;
	background: #fff;
	-webkit-box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
	-moz-box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
	box-shadow: 0 0 27px rgba(2, 2, 2, 0.1);
}

.reviews1_section .review_item:last-child {
	margin: 0;
}

.reviews1_section .review_item h4 {
	margin: 0 0 15px -25px;
	padding: 0 0 0 21px;
	border-left: 4px solid #999;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.reviews1_section .review_item p {
	margin: 0 0 25px;
}

.reviews1_section .author_block {
	padding: 0 50px 0 0;
	background: url("quote1_icon48f5e.png") right center no-repeat;
}

.reviews1_section .author_block img {
	display: block;
	float: left;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reviews1_section .author_block .author_info {
	float: left;
	margin: 6px 0 0 20px;
	width: 240px;
}

.reviews1_section .author_block .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}


/* reviews 2 */

.reviews2_section {
	padding: 30px;
}

.reviews2_section .reviews_list {
	background: #fff;
}

.reviews2_section .review_item {
	padding: 30px;
}

.reviews2_section .review_item .photo {
	margin: 0 0 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.reviews2_section .review_item p {
	margin: 0 0 25px;
}

.reviews2_section .author_block {
	padding: 0 50px 0 0;
	background: url("quote1_icon48f5e.png") right center no-repeat;
}

.reviews2_section .author_block img {
	display: block;
	float: left;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reviews2_section .author_block .author_info {
	float: left;
	margin: 6px 0 0 20px;
	width: 230px;
}

.reviews2_section .author_block .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.reviews2_section .owl-prev,
.reviews2_section .owl-next {
	width: 40px;
	height: 36px;
	background: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/reviews2__arrows2bb62.png") no-repeat;
	position: absolute;
	top: 135px;
}

.reviews2_section .owl-prev {
	background-position: left center;
	left: -30px;
}

.reviews2_section .owl-next {
	background-position: right center;
	right: -30px;
}


/* reviews 3 */

.reviews3_section {
	padding: 30px;
}

.reviews3_section h2.title {
	padding: 0 50px 0 0;
	background: url("quote1_icon48f5e.png") right 7px no-repeat;
}

.reviews3_section .review_item {
	margin: 0 0 30px;
}

.reviews3_section .review_item:last-child {
	margin: 0;
}

.reviews3_section .author_block {
	margin: 0 0 20px;
}

.reviews3_section .author_block img {
	display: block;
	float: left;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reviews3_section .author_block .author_info {
	float: left;
	margin: 6px 0 0 20px;
	width: 260px;
}

.reviews3_section .author_block .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.reviews3_section .author_block .info {
	margin: 12px 0 0;
	float: right;
	text-align: right;
}

.reviews3_section .author_block .rating {
	margin: 0 0 6px;
	width: 76px;
	height: 12px;
	background: url("reviews3__stars6e835.png") center no-repeat;
}

.reviews3_section .review_item p {
	margin: 0 0 20px;
}

.reviews3_section .images_block img {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 133px;
}

.reviews3_section .images_block img:last-child {
	margin: 0;
}

.tlt {
	padding: 0 30px;
}

.tlt h2 {
	margin-bottom: 10px;
}


/* reviews 4 */

.reviews4_section {
	padding: 30px;
	background: #f5ca16 url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/reviews4_bge88d8.png") right top no-repeat;
}

.reviews4_section h2.title {
	margin: 0 140px 30px 0;
}

.reviews4_section .reviews_list {
	background: #fff;
}

.reviews4_section .review_item {
	padding: 0 0 25px;
}

.reviews4_section .author_block {
	margin: 30px 30px 20px;
	padding: 0 50px 0 0;
	background: url("quote1_icon48f5e.png") right center no-repeat;
}

.reviews4_section .author_block img {
	display: block;
	float: left;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reviews4_section .author_block .author_info {
	float: left;
	margin: 6px 0 0 20px;
	width: 230px;
}

.reviews4_section .author_block .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.reviews4_section .review_item p {
	margin: 0 30px;
}

.reviews4_section .owl-prev,
.reviews4_section .owl-next {
	width: 40px;
	height: 36px;
	background: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/reviews4__arrows45bc3.png") no-repeat;
	position: absolute;
	top: 132px;
}

.reviews4_section .owl-prev {
	background-position: left center;
	left: 0;
}

.reviews4_section .owl-next {
	background-position: right center;
	right: 0;
}


/* Доставка/оплата-v3 delivery-block-v3.psd */

.delivery-block-v3 .delivery-cont>li {
	padding: 0 0 30px;
}

.delivery-block-v3 .delivery-cont>li:last-child {
	padding: 0;
}

.delivery-block-v3 .delivery-cont>li:before {
	content: '';
	display: block;
	float: left;
	width: 64px;
	height: 64px;
	background: url("delivery-block-v3.png") no-repeat;
}

.delivery-block-v3 .delivery-cont>li:nth-child(1):before {
	background-position: 0 0;
}

.delivery-block-v3 .delivery-cont>li:nth-child(2):before {
	background-position: -64px 0;
}

.delivery-block-v3 .delivery-cont>li:nth-child(3):before {
	margin: 5px 0 0;
	background-position: -128px 0;
}

.delivery-block-v3 .delivery-cont>li:nth-child(4):before {
	margin: 5px 0 0;
	background-position: -192px 0;
}

.delivery-block-v3 .delivery-cont>li h3 {
	padding: 0 0 0 84px;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.delivery-block-v3 .delivery-cont>li p {
	padding: 0 0 0 84px;
}


/* order info */

.order_info {
	background: url("bg_light159aa.jpg");
	overflow: hidden;
}

.order_info .info_item {
	float: left;
	margin: 0 2px 2px 0;
	padding: 25px 15px 0 25px;
	width: 239px;
	height: 239px;
	-webkit-box-shadow: 0 0 0 1px #ebebeb;
	-moz-box-shadow: 0 0 0 1px #ebebeb;
	box-shadow: 0 0 0 1px #ebebeb;
}

.order_info .info_item:nth-child(even) {
	margin: 0 0 2px;
}

.order_info .info_item:nth-last-child(2) {
	margin-bottom: 0;
}

.order_info .info_item:last-child {
	margin-bottom: 0;
	padding: 0;
}

.order_info .info_item .icon {
	display: block;
	height: 39px;
}

.order_info .info_item .separator {
	margin: 20px 0 14px;
}

.order_info .info_item h4 {
	text-transform: uppercase;
}

.order_info .info_item .product_image {
	display: block;
}


/* order steps 1 */

.order_steps1 {
	padding: 20px 0;
	background: #ffffff;
	position: relative;
}

.order_steps1:before,
.order_steps1:after {
	display: block;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
}

.order_steps1:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(2, 2, 2, 0.1)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	top: 0;
}

.order_steps1:after {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(2, 2, 2, 0.1)));
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.1) 100%);
	bottom: 0;
}

.order_steps1 .step_item {
	display: table;
	width: 100%;
	height: 110px;
	background: #fff url("bg_light159aa.jpg");
	position: relative;
}

.order_steps1 .step_item:before {
	display: none;
	content: '';
	width: 100%;
	height: 25px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(2, 2, 2, 0.05)));
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.05) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.05) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.05) 100%);
	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(2, 2, 2, 0.05) 100%);
	position: absolute;
	top: 0;
	left: 0;
}

.order_steps1 .step_item .step_wrapper {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px 0 180px;
	position: relative;
}

.order_steps1 .step_item img {
	display: block;
	width: 72px;
	height: 52px;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 20%;
	margin-left: -36px;
}

.order_steps1 .step_item h4 {
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
}

.order_steps1 .step_item p {
	line-height: 20px;
}


/* order steps 2 */

.order_steps2 {
	background: url("bg_light159aa.jpg");
	overflow: hidden;
}

.order_steps2 .step_item {
	float: left;
	margin: 0 2px 2px 0;
	padding: 30px 60px 0 30px;
	width: 239px;
	height: 239px;
	-webkit-box-shadow: 0 0 0 1px #ebebeb;
	-moz-box-shadow: 0 0 0 1px #ebebeb;
	box-shadow: 0 0 0 1px #ebebeb;
}

.order_steps2 .step_item:nth-child(even) {
	margin: 0 0 2px;
}

.order_steps2 .step_item:nth-last-child(2),
.order_steps2 .step_item:last-child {
	margin-bottom: 0;
}

.order_steps2.dark .step_item {
	background: #222 center no-repeat;
	-webkit-box-shadow: 0 0 0 1px #4b4b4b;
	-moz-box-shadow: 0 0 0 1px #4b4b4b;
	box-shadow: 0 0 0 1px #4b4b4b;
	color: #fff;
}

.order_steps2.dark .step_item:nth-child(1) {
	background-image: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/order_steps2__step1_bg600ad.jpg");
}

.order_steps2.dark .step_item:nth-child(2) {
	background-image: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/order_steps2__step2_bg4518a.jpg");
}

.order_steps2.dark .step_item:nth-child(3) {
	background-image: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/order_steps2__step3_bg065f5.jpg");
}

.order_steps2.dark .step_item:nth-child(4) {
	background-image: url("urn:scrapbook:download:error:https://sale.gressa.com.ua/317/files/order_steps2__step4_bgcd7f8.jpg");
}

.order_steps2 .step_item img {
	display: block;
}

.order_steps2 .step_item .separator {
	margin: 20px 0 14px;
}

.order_steps2 .step_item h4 {
	font-weight: 700;
	text-transform: uppercase;
}

form{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin-top: 2%;
	width: 100%;
}

form .field {
	display: block;
	margin: 3% 0;
	padding: 6% 0 6% 15%;
	width: 55%;
	border: none;
	border-radius: 10px 0 10px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #777;
	box-shadow:0 0 3px 0 #ccc inset;
	text-align: left;
}

select, input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

select[name="rozmir"] {
	display: block;
	width: 70%;
	border: 1px solid #dedede;
	height: 72px;
	background-color: #ebebeb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 auto 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #777;
	padding: 0 20px 0 62px;
}
select[name="colir"] {
	display: block;
	width: 70%;
	border: 1px solid #dedede;
	height: 72px;
	background-color: #ebebeb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 auto 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #777;
	padding: 0 20px 0 62px;
}


select::-ms-expand {
	display: none;
}

.custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  margin: -20px 0 20px 0;
}

.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
  border-color: #e5377c;
  background-color: #e5377c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}


.field[name='name'] {
	background: #ebebeb url("field_name.png") 22px center no-repeat;
}

.field[name='phone'] {
	margin: 0 auto 35px;
	background: #ebebeb url("field_phone.png") 20px center no-repeat;
}

.field {
	border: 1px solid #dedede;
}



select{
	background: #f0f0f0 url("clearoffer__arrow_icon.png") 22px center no-repeat;
}
.field[name='name'] {
	background: #f0f0f0 url("field_name.png") 22px center no-repeat;
}

.field[name='phone'] {
	margin: 0 auto 35px;
	background: #f0f0f0 url("field_phone.png") 20px center no-repeat;
}

.field[name='additional_3'] {
	background: #fcfcfc url("field_town.png") 22px center no-repeat;
}

.field[name='additional_4'] {
	background: #fcfcfc url("field_np_num.png") 22px center no-repeat;
}

.offer_section .field::-webkit-input-placeholder {
	opacity: 1;
	color: #777;
}

.field:-moz-placeholder {
	opacity: 1;
	color: #777;
}

.field::-moz-placeholder {
	opacity: 1;
	color: #777;
}

.field:-ms-input-placeholder {
	opacity: 1;
	color: #777;
}

.field:focus::-webkit-input-placeholder {
	opacity: 0;
}

.field:focus:-moz-placeholder {
	opacity: 0;
}

.field:focus::-moz-placeholder {
	opacity: 0;
}

.field:focus:-ms-input-placeholder {
	opacity: 0;
}

.vbr_title{
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-weight: 600;
}
.vbr_title span{
	color: #645aa7;
	font-weight: 800;
}
.vbr_btn{
	width: 70%;
	background-color: #645aa7;
	color: #fff;
	border-radius: 20px;
	padding: 3% 5%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 35px;
	font-family: 'Montserrat';
	font-weight: 700;
}
.vbr_btn img{
	width: 20%;
	height: auto;
	margin-left: -30px;
	margin-right: 20px;
}

.more_section{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.more_section h4{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Roboto';
	border-top: 2px dotted #e5377c;
	border-bottom: 2px dotted #e5377c;
	padding: 2% 0;
}
.more_block{
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.more_card{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 49%;
}
.more_card a{
	width: 40%;
}
.more_card p{
	text-align: center;
	width: 80%;
}
.img_st{
	border-radius: 25px;
}

/* footer */


.footer_section {
    background-color: #000;
    color: #fff;
    padding: 40px 20px 20px;
    font-family: 'Montserrat', sans-serif;
}

.footer_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.footer_info,
.footer_links,
.footer_partner {
    flex: 1;
    min-width: 250px;
    margin-bottom: 20px;
}

.footer_content h4 {
    border-bottom: 2px solid #FFC107;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.footer_content a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

.footer_content a:hover {
    color: #FFC107;
}

.footer_links ul {
    list-style: none;
    padding: 0;
}

.footer_links li {
    margin-bottom: 10px;
}

.partner_logo {
    width: 150px; /* размер */
    height: auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 12px; /* скругление углов */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* мягкая тень */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* эффект при наведении */
}

.partner_logo:hover {
    transform: scale(1.05); /* лёгкое увеличение при наведении */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* тень чуть глубже */
}

.footer_bottom {
    text-align: center;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #444;
}

.boxtable {color: #444444}

.zamer-center{
font-weight:700;
color:#EA6E1C;
}

/* comments */


.list {
	max-height:500px;
	overflow:auto;
}

.list .comment {
	display:none;
	padding:15px 0;
}

.list .comment:last-child {
	display:block;
}

.list .comment:first-child {
	display:block;
}

.comment .icon{
	display:inline-block;
	width:18px;
	height:18px;
	position:relative;
	bottom:-3px;
	margin-left:5px;
}

.comment .header{
	display:flex;
	margin-bottom:15px;
}

.comment .header .img img{
	display:block;
	width:75px;
	border-radius:50%;
}

.comment .header .text{
	padding-top:10px;
	padding-left:25px;
}
.comment .header .text .name{
	color: #616770;
	font-size:18px;
	font-weight:600;
}

.comment .header .text .date{
	color: #616770;
	font-size:16px;
}

.comment .say{
	color: #000;
	font-size:16px;
	padding-bottom:10px;
}

.comment .bottom {
	padding:10px 0;
	border-top:1px solid #DADDE1;
	border-bottom:1px solid #DADDE1;
	margin-bottom:10px;
}

.comments .open {
    display: block;
    margin: 10px auto;
    width: 320px;
    border: none;
    -moz-border-radius: 40px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(55,72,89,1) 0%, rgba(27,139,164,1) 100%);
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    cursor: pointer;
	margin-bottom:25px;

}

.comments .close-js {
	display:none;
}


.hw {
	margin: 40px auto 33px;
	padding: 30px 0 0;
	max-width: 300px;
}

.hw__title {
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 0 74px;
	font: 700 20px/1.2 "Montserrat", sans-serif;
}

.hw__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	margin: -6px 0 0;
	width: 58px;
	height: 58px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ic' viewBox='0 0 39.78 43.61'%3E%3Cg%3E%3Ccircle cx='9.53' cy='7.39' r='0.53' fill='%23e2e2e2'/%3E%3Ccircle cx='15.92' cy='0.8' r='0.8' fill='%23e2e2e2'/%3E%3Ccircle cx='1.08' cy='3.45' r='1.08' fill='%23e2e2e2'/%3E%3Cpath d='M11.4,10.76H37.64a.6.6,0,0,1,.6.6v27a0,0,0,0,1,0,0H10.8a0,0,0,0,1,0,0v-27A.6.6,0,0,1,11.4,10.76Z' fill='%23f4f4f4'/%3E%3Cpolygon points='38.24 38.39 10.8 38.39 10.13 42.85 38.91 42.85 38.24 38.39' fill='%23ededed'/%3E%3Cpath d='M39,38.39h-1.5V11.51H11.55v1.1h-1.5V11.36A1.35,1.35,0,0,1,11.4,10H37.64A1.35,1.35,0,0,1,39,11.36Z' fill='%23d6d6d6'/%3E%3Cpolygon points='39.78 43.6 9.31 43.6 9.64 39.96 11.14 40.09 10.95 42.1 38.04 42.1 37.59 39.14 23.12 39.14 23.12 37.64 38.88 37.64 39.78 43.6' fill='%23d6d6d6'/%3E%3Ccircle cx='15.92' cy='15.26' r='1.51' fill='%23e2e2e2'/%3E%3Ccircle cx='33.13' cy='15.26' r='1.51' fill='%23e2e2e2'/%3E%3Cpath d='M33.88,15.93h-1.5V12a7.85,7.85,0,1,0-15.71,0h-1.5a9.35,9.35,0,1,1,18.71,0Z' fill='%23d6d6d6'/%3E%3Cpath d='M1.65,26.48A12.18,12.18,0,0,1,14.06,14.12a12.37,12.37,0,0,1-.26,24.73,12.29,12.29,0,0,1-6.33-1.76L2.23,42.75a.34.34,0,0,1-.58-.23Z' fill='%23fff'/%3E%3Cpath d='M2,43.61a1.09,1.09,0,0,1-.4-.08,1.08,1.08,0,0,1-.69-1v-16a13.43,13.43,0,0,1,1.58-6.34l1.32.71a11.93,11.93,0,0,0-1.4,5.63v15l4.93-5.33.52.31A11.61,11.61,0,0,0,25.4,25.87,11.79,11.79,0,0,0,14,14.87a11.11,11.11,0,0,0-5.32,1.18l-.67-1.34a12.65,12.65,0,0,1,6-1.34,13.12,13.12,0,0,1,9.23,22.15A13.08,13.08,0,0,1,7.62,38L2.78,43.26A1.08,1.08,0,0,1,2,43.61Z' fill='%23d6d6d6'/%3E%3Cpath d='M5.08,18.94,4,17.93c.31-.34,1.47-1.45,1.76-1.72l1,1.11C6.44,17.59,5.33,18.66,5.08,18.94Z' fill='%23d6d6d6'/%3E%3Ccircle cx='9.42' cy='25.99' r='1.58' fill='%23e2e2e2'/%3E%3Ccircle cx='14.4' cy='25.99' r='1.58' fill='%23e2e2e2'/%3E%3Ccircle cx='19.39' cy='25.99' r='1.58' fill='%23e2e2e2'/%3E%3Cpath d='M9.42,28.32A2.33,2.33,0,1,1,11.75,26,2.34,2.34,0,0,1,9.42,28.32Zm0-3.17a.83.83,0,1,0,.83.83A.83.83,0,0,0,9.42,25.15Z' fill='%23d6d6d6'/%3E%3Cpath d='M14.4,28.32A2.33,2.33,0,1,1,16.74,26,2.34,2.34,0,0,1,14.4,28.32Zm0-3.17a.83.83,0,1,0,.83.83A.83.83,0,0,0,14.4,25.15Z' fill='%23d6d6d6'/%3E%3Cpath d='M19.39,28.32A2.33,2.33,0,1,1,21.72,26,2.34,2.34,0,0,1,19.39,28.32Zm0-3.17a.83.83,0,1,0,.83.83A.83.83,0,0,0,19.39,25.15Z' fill='%23d6d6d6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.hw__items {
	margin: 0 auto;
}

.hw__items > * {
	position: relative;
	padding: 27px 0;
	overflow: hidden;
}

.hw__items > *:before, .hw__items > *:after {
	content: "";
	position: absolute;
	left: 27.5px;
	width: 2px;
	height: 100px;
	background: #1598e3;
}

.hw__items > *:before {
	bottom: calc(50% + 25px);
}

.hw__items > *:after {
	top: calc(50% + 25px);
}

.hw__items > *:first-child:before {
	display: none;
}

.hw__items > *:last-child {
	padding: 14px 0;
}

.hw__items > *:last-child:after {
	display: none;
}

.hw-item {
	position: relative;
	display: flex;
	align-items: center;
}

.hw-item__num {
	width: 55px;
}

.hw-item__num > * {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 2px 0 0;
	width: 24px;
	height: 32px;
	font: 700 14px/1 "Montserrat", sans-serif;
	color: rgba(31, 32, 35, 0.5);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAACMklEQVRIS+1WO4gTURQ9d1LkD8H8qiSgosxMgpWCljY2FlpYq8VqJ24vimK/YqdbqK0WWtjYWCpYuWTmDYoKSar8JJB/kblyQ1jEnWQmkMIiD14z77xzzj1z4T6Cz3Ic5xQz32HmSwBKC3iNiD4Q0VNd17+voqBlh8xMtm3fI6IHAEIAOgCqC3wFQAbAjJkfmqb5mIjYi2upgGVZe0R0F8AvALuGYbwnIldImFlTSl0GsAfgODM/KZfLu4EFlFJXmPktgAMAF03T/O112bbtYwA+AjhDRFcNw3j3L86zAtu2FYCTruvqlUrl56qMq9XqCU3THAA/TNM0PAUcxznvuu7pRfkFInpERJ+Yed+vCeSciHaY+QIz3yeihnzTNO2bruufybKss0T0JQjRuhhmPiedcgPAi0wmg2g0in6/j16vh2w2i0gkEohzMpmg3W4jlUohmUxiPB6j05Gmw81DgUKhMD/sdrtoNpsolUqIx+OBBIbDIWq1GvL5PNLp9NxkozFP6qhAvV7HYDCYVyA7yBL3shOJBIrF4moBcS8OJDIpOciSSCUSSUCqWFmBELquK10QhPsQ8/cdX4G1mD3AWwHfBLcRbSPyTcAXsO2i/y+iWwCe5XI5xGIxX3dBAKPRCK1WS6C3SSn1nJl3glxcF0NE+yLwkpmvh0LyOtzcms1m8px5JUP/NYBrMn/XnWLL7Mh0kxkN4I0IfJWnXzgc3px9ANPpVPgORGAIYDN/96jF0R/tk4p9eNNdSgAAAABJRU5ErkJggg==) center/contain no-repeat;
}

.hw-item__text {
	margin: 0;
	width: calc(100% - 55px);
	font: 15px/1.5 "Montserrat", sans-serif;
}

.og {
	margin: 33px auto;
	max-width: 280px;
	text-align: center;
}

.og__title {
	margin: 0 0 14px;
	font: 700 20px/1.2 "Montserrat", sans-serif;
}

.og__items > * {
	position: relative;
	margin: 0 0 14px;
	padding: 38px 0 0;
	overflow: hidden;
}

.og__items > *:before, .og__items > *:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADRUlEQVRIS6VVS2sTURT+7nSaJjSkbWpTTKWPxFA6N7FrN2JALeJG8A+4Uwui7hQEq0vBhYJ0pSKCK1eu1IXRjSAUpM3MNJCmhD6wL0sbGts0M3PljJmSpkkT2gOXzEzOPd95fOcchgZFVdURxtg7AG4hxO1oNPq2kausESVN01wAsgBOlvT/yrLcNzg4uFbvfqMANwGMu1wuMMZQKBTI7hPO+aNjAyQSCTkQCGQA9AaDQRtgcXGR7P4xDKNveHg4fxhI3Qg0TbsO4I0sy4hEIratmZkZFItFerzDOX9xZAAhhKTregpApLu7G52dnbat9fV1LC0t0ePcyspKOB6PG7VAqkYwNTXVwRgLS5J0BcBYU1OT7b0kSbYdy7KQTqdhmia9PgDwnnM+Vw2EpdNpX7FYvCGEOEOelo6/XLmrqwt0ymV1dRV0yoRqQdHqpd9fiqJ8ZpqmfQFwsRKditnc3IyWlhZQcSmKciHv5+fnsbu7C8OomaHXBCDoos/nQ2trK4iKdMh4o0IpIyA6ROHt7W1sbW3RdZMAfgA4S0YHBgYOeNooiKNHkWWzWadXMmxycvKULMvfAYQoHf39/UcGqTCeE0JcsFmkquppxtg3AD1HBak0DuAS5/znHk2PA1LLODm/rw+mp6djlmV9BXCCIgmHw3VLIITA7Oysk/Oc47lz8UCjqap6jTH2gVjkjIbDUAgglUqBfgFc5px/Ktc/AKBpmj05vV4vent760ZACplMxo7AsqyRWCxGfbUn1SJ4yRgbpblD86cRWVhYQC6Xo0l7V1GU5/UiIMqe6+npQVtb2z77m5ubNoUpumpjQwgxHo1GR+sBrAPoCIVCcLvdtm4+n8fy8jJ2dnbsdwKg6IgIJARMO4KorihKvCZAKpUKmqZpb5OhoSG79clwqe3pM60yWp92atvb2xEIBOxZREwC8JtzHqwJkEwmz0uSlKDlQl5ubGw4uhYAWvJjlmUFJEl6RmmkP2mE+/1+rK39X8+GYXjLt9y+Iuu6HhVCJCsK+5FmPuecxvCe6Lp+VQjxtDTene8Fl8vVFolE7KVNUo2m9wHcYoylTNN8HIvFaBhWlYmJiWaPx0O0fgjAwxi7pyjKq3Llf47ib8qHjnx0AAAAAElFTkSuQmCC) center/contain no-repeat;
}

.og__items > *:before {
	top: 0;
}

.og__items > *:after {
	display: none;
	bottom: 0;
}

.og__items > *:last-child {
	padding: 38px 0;
}

.og__items > *:last-child:after {
	display: block;
}

.og-item {
	font: 700 15px/1.6 "Montserrat", sans-serif;
}

.top-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -15px 0 0;
	padding: 0 2px 5px !important;
	font: 700 13px/1.2 "Montserrat", sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.top-menu a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	text-decoration: none;
	color: #000;
}

.top-menu a:hover {
	color: #1598e3;
}

.top-menu li {
	margin: 0 !important;
	padding: 0 !important;
}

.top-menu + .offer_section .info_block .discount {
	top: 0;
}

.button, .comments .open {
	width: 450px;
	max-width: 100%;
	border-radius: 0;
	background: #000;
	box-shadow: none;
	transition: box-shadow 0.1s;
}

.button:hover, .comments .open:hover {
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0 10px 5px rgba(0, 0, 0, 0.4);
}

.offer_section.offer2 .main_title, .offer_section.offer3 .main_title {
	background: #000;
}

.offer_section.offer3 .price_block:before {
	background: #000;
}

.offer_section.offer3 .price_block:after {
	border-color: #000;
}

.offer_section .products_count b {
	background: #000;
}

h2.title span {
	color: #000;
}

.cp-left span {
	background: #000;
}

.catitem > div h3 {
	border-color: #000;
}

.top-menu + .info_block .discount {
	top: 0;
}


.offer_section.offer3 .main_title {
	position: relative;
	text-align: left;
	color: #000;
	background: #fff;
}

.main_title-phone {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	padding: 5px 5px 5px 25px;
	font: 700 16px/1.2 "Montserrat", sans-serif;
	text-decoration: none;
	color: #000;
}

.main_title-phone:hover {
	color: #1598e3;
}

.main_title-phone:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 23px;
	height: 23px;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='1792' viewBox='0 0 1792 1792' width='1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z'/%3E%3C/svg%3E") center/contain no-repeat;
}


.offer_section.offer3 .main_title span {
	text-align: left;
}

.flag {
	width: 120px;
	height: 100px;
}

.form-title {
    text-align: center;
    font-size: 18px; /* Уменьшаем размер шрифта */
    font-weight: bold;
    padding: 10px 15px; /* Уменьшаем внутренние отступы */
    border: 1px solid #ddd; /* Более светлая и тонкая рамка */
    border-radius: 8px; /* Немного скругляем углы */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Делаем тень менее выраженной */
    margin: 0 auto 20px; /* Добавляем небольшой отступ снизу */
    display: table;
}


.promo-info {
  padding: 20px 25px;
  background-color: #f4f4f4;
  border-radius: 10px;
  text-align: center;
  font-family: sans-serif;
  margin: 20px auto;
  max-width: 350px;
  color: #222;
}

.promo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 8px 0;
  font-size: 15px;
}

.promo-item svg {
  flex-shrink: 0;
}

.highlighted-number {
  background-color: #374859;
  color: #fff;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 16px;
  margin: 0 4px;
}


.product-color-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin: 20px 0 10px;
  font-family: sans-serif;
  letter-spacing: 0.5px;
}

.color-label {
  display: inline-block;
  margin: 20px auto 10px;
  padding: 6px 12px;
  background-color: #f5f5f5;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  border-left: 4px solid #000;
  border-radius: 4px;
  font-family: sans-serif;
  text-align: center;
}

.color-label span {
  font-weight: bold;
  color: #000;
}
.slider-wrapper {
  position: relative;
}

.color-label-overlay {
  position: absolute;
  top: 15px;
  left: 10px;
  background-color: white;
  color: #222;
  font-size: 18px;
  padding: 6px 12px;
  border-radius: 3px;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  pointer-events: none;
  border: 1px solid #ddd;
}

.color-label-overlay span {
  font-weight: bold;
}

.offer-timer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #f3efee;
    border: 2px dashed #000;
    border-radius: 10px;
    margin: 10px;
}

.offer-timer-title {
    font-size: 16px;
    line-height: 1.2;
    font-style: italic;
    color: #000;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.timer-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.timer-part {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
}

.timer-count {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-weight: 700;
    font-size: 36px;
    color: #000;
    border: 1px dashed #ccc;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.timer-count:hover {
    transform: translateY(-3px);
}

.timer-text {
    font-size: 13px;
    line-height: 1.2;
    color: #666;
    margin-top: 5px;
    text-transform: uppercase;
}

/* Анимация для привлечения внимания, если хотите */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
    20%, 40%, 60%, 80% { transform: translateX(3px); }
}

.timer-part.seconds .timer-count {
    animation: shake 2s infinite;
}


.section-title {
    text-align: center; /* Выравнивание по центру */
    font-family: 'Montserrat', sans-serif; /* Используем ваш шрифт */
    font-weight: 700; /* Жирный шрифт */
    font-size: 24px; /* Размер шрифта */
    color: #333; /* Тёмно-серый цвет */
    margin: 40px 0 20px 0; /* Отступы сверху и снизу */
    text-transform: uppercase; /* Заглавные буквы */
}