/* styles */
html {
  scroll-behavior: smooth;
}
li b{text-align: left;}
body {
	min-width: 480px;
	background: #ddd;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #222;
	cursor: default;

}
.sec-next{display:flex;flex-direction:column;gap:8px;align-items:center;margin:12px auto 0;max-width:480px;padding:0 12px}
      .next-btn{appearance:none;border:0;background:#0ea5e9;color:#fff;padding:12px 16px;border-radius:14px;font-weight:800;width:100%}
      .next-btn:active{transform:translateY(1px)}
      .next-btn--ghost{background:#fff;color:#0f172a;border:1px solid #e2e8f0}

      .sticky-cta{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.2) blur(6px);border-top:1px solid #e5e7eb;z-index:999}
      .sbtn{flex:1;display:inline-flex;justify-content:center;align-items:center;padding:12px;border-radius:12px;font-weight:800;text-decoration:none}
      .sbtn--primary{background:#0ea5e9;color:#fff;border:1px solid #0284c7}
      .sbtn--ghost{background:#fff;border:1px solid #e2e8f0;color:#0f172a}
      @media (min-width:481px){.sticky-cta{display:none}}

      .sb-more{margin-top:8px;width:100%;max-width:480px;padding:10px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-weight:800}
      .js-collapsible .is-hidden{display:none}
      .pulse-ok{outline:2px solid #22c55e; outline-offset:2px}

      /* щоб бар не перекривав контент */
/*      body{padding-bottom:70px}*/

/* ===== Reviews (15 items, show 5) ===== */
.reviews{ padding:18px 12px; }
.rv-wrap{ max-width:980px; margin:0 auto; background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(2,6,23,.06); font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:#0f172a; }
.rv-head h2{ margin:0; font:800 24px/1.2 inherit; }
.rv-sub{ margin:4px 0 10px; color:#475569; }
.rv-agg{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.rv-stars::before{ content:"★★★★★"; letter-spacing:2px; background:linear-gradient(90deg,#f59e0b var(--pct,0%),#e5e7eb var(--pct,0%)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:18px; }
.rv-meta b{ font-weight:800; }

.rv-list{ display:grid; grid-template-columns:1fr; gap:10px; }
.rev{ border:1px solid #e2e8f0; border-radius:12px; padding:12px; background:#f8fafc; }
.rev.is-hidden{ display:none; }
.rev-top{ display:flex; align-items:center; gap:10px; }
.rev-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#dbeafe,#fce7f3); display:grid; place-items:center; font-weight:800; }
.rev-meta{ line-height:1.2; }
.rev-name{ font-weight:800; }
.rev-line{ color:#64748b; font-size:13px; }
.rev-tag{ background:#eef2ff; border:1px solid #e5e7eb; padding:2px 6px; border-radius:999px; }
.rev-stars{ margin-left:auto; font-size:16px; color:#f59e0b; }
.rev-title{ margin:8px 0 4px; font-size:16px; font-weight:800; }
.rev-facts{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 0; padding:0; list-style:none; }
.rev-facts li{ padding:4px 8px; border:1px solid #e2e8f0; border-radius:999px; background:#fff; font-size:12px; color:#334155; }

.badge{ font-size:12px; padding:4px 8px; border-radius:999px; background:#dcfce7; color:#065f46; border:1px solid #86efac; }
.rev-foot{ margin-top:8px; display:flex; justify-content:space-between; align-items:center; }
.rev-help{ font-size:12px; border:1px solid #e2e8f0; background:#fff; border-radius:999px; padding:4px 10px; cursor:pointer; }

.rv-cta{ text-align:center; margin-top:12px; }
.reviews .rv-btn{
  -webkit-appearance:none; appearance:none;
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  padding:10px 14px; border-radius:12px; font-weight:800; line-height:1; text-decoration:none;
  border:1px solid transparent; box-shadow:none; cursor:pointer;
  transition:transform .06s ease, box-shadow .2s ease, background-color .2s ease;
  margin-bottom: 12px;
}
.reviews .rv-btn--primary{ background:#0ea5e9; color:#fff; border-color:#0284c7; }
.reviews .rv-btn--primary:hover{ filter:brightness(.96); }
.reviews .rv-btn--primary:active{ transform:translateY(1px); }
.reviews .rv-btn--outline{ background:#fff; color:#0f172a; border-color:#e2e8f0; }
.reviews .rv-btn--outline:hover{ background:#f8fafc; }
.reviews .rv-btn--outline:active{ transform:translateY(1px); }
@media (max-width:640px){ .reviews .rv-btn{ width:100%; } }

.rv-cta2 .p-muted{ color:#475569; margin:8px 0 0; }
.rv-note{ color:#64748b; font-size:12px; margin-top:6px; }
.grecaptcha-badge{
    display: none !important;
}
.m_img{
	width: 100%;
}
.main_wrapper {
	margin: 0 auto;
	width: 480px;
	background: #fff;

}
#tr_sizes {
	border: 1px solid #ccc;
	width: 100%;
}
#tr_sizes tr:nth-child(even) {
  background-color: #dedede;
}

/*#tr_sizes .column {
	float: left;
    padding: 10px 15px;
    width: 16%;
    line-height: 10px;
    font-size: 12px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
#tr_sizes .row:first-child {
    font-weight: 700;
    font-size: 18px;

    line-height: 26px;
}*/
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
/*      display: flex;*/
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: var(--swiper-theme-color);
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

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

b {
	font-weight: 700;
}

/* button */

.button {
	display: block;
    margin: 10px auto;
    width: 300px;
    height: 50px;
    border: none;
    /* -webkit-border-radius: 40px; */
    -moz-border-radius: 40px;
    border-radius: 5px;
/*    background: #195399;*/
	background: rgb(2,0,36);
background: radial-gradient(circle, rgb(22 60 38) 0%, rgb(19 56 48) 25%, rgb(98 136 144) 100%);
/*background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 25%, rgba(0,212,255,1) 100%);*/
    -webkit-box-shadow: 0 0 0 3px rgba(99,200,215,0.3);
    -moz-box-shadow: 0 0 0 10px rgba(99,200,215,0.3);
    box-shadow: 0 0 0 3px rgba(79, 112, 67,0.3);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin-bottom: 25px;
    margin-top: 25px;
    
}

/* section */

section {
	padding: 0px 0;
}

.yellow_theme {
	background: #f5ca16;
}

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

.gray_theme {
	background: #cce3f3;
}

/* titles */
h3.title {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
	color: #63c8d7;
}
h4.title {
	margin: 0;
	font-weight: 700;
	font-size: 15px;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
	color: black;
}
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 0 0;
/*	width: 62px;*/
	height: 5px;
	background: url(../img/separator_red.png) center no-repeat;
}

h2.title span {
	color: #10563a;
/*	color: #010378;*/
	white-space: nowrap;
}

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

.cat {
    padding: 0;
}
.cat > img {
    display: block;
    margin: 0 auto;
    border-radius: 5px;
}
.catitem {
    width: 420px;
    margin: 0 auto 40px;
}
.catitem img {
    display: block;
    margin: 0 auto 20px;
}
.catitem > div {
    margin: 0 auto 30px;
    padding: 1px 0 0;

}
.catitem > div h3 {
    display: block;
    font-size: 26px;
    border-left: 4px solid #63c8d7;
    padding: 0 0 0 10px;
    line-height: 42px;
    width: 230px;
    float: center;
    margin: 7px 0 0;
}
.catprice {
    width: 60%;
    margin: auto;
}
.old .value{
	text-decoration: line-through; 
}
.cp-left {
    width: 70px;
    float: left;
    padding-top: 6px;
}
.price_block_wrap_salle{
	display: flex;
	margin: auto;
}
.cp-left span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    background: #ff8ebe;
    color:#fff;
    border-radius: 4px;
    padding: 0 5px;
}
.cp-left p {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: line-through;
}
.cp-right {
    width: 120px;
    float: right;
}
.cp-right span {
    font-size: 14px;
}
.cp-right p {
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
}
/* separator */

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

.separator.white {
	background-image: url(http://test.sport-cuture.pro/images/separator_white.png);
}

/* image */

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 5px;
	font-weight: 700;
	font-size: 25px;
	line-height: 29px;
	text-align: center;
}

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

.offer_section.offer2 .main_title, 
.offer_section.offer3 .main_title {
	background: #222d22;
/*	background: #000000;*/
	color: rgb(210, 210, 210);
}

.offer_section .info_block {
	position: relative;
}

.offer_section .info_block img {
	display: block;
}

.offer_section .info_block .subtitle {
	    padding: 12px 10px 10px;
    width: 100%;
    /* font-weight: 700; */
    font-size: 17px;
    /* line-height: 24px; */
    /* letter-spacing: 0.9px; */
    /* 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: rgb(198 204 214);
	    background: linear-gradient(180deg, var(--bg-soft) 0%, #f0f6ff 100%);
    /* color: wheat; */
    font-size: 16px;
   font-family: 'Montserrat', sans-serif;
    color: black;
}

.offer_section .info_block .discount {
	width: 112px;
	height: 112px;
	background: center no-repeat;
	font-weight: 700;
	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	position: absolute;
	top: 65px;
	right: 0;
	z-index: 99;
}

.offer_section.offer1 .info_block .discount {
	background-image: url(http://test.sport-cuture.pro/images/offer1__discount_bg.png);
	color: #fff;
}

.offer_section.offer3 .info_block .discount {
	background-image: url(../img/offer3__discount_bg.png);
}

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

.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(http://test.sport-cuture.pro/images/offer1__timer_arrows.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 {
	padding: 19px 0 0 46px;
	width: 176px;
	height: 92px;
	background: url(http://test.sport-cuture.pro/images/offer2__discount_bg.png) center no-repeat;
	color: #fff;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -88px;
}

.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: 0px 0 2px;
	padding: 0 0px;
	height: 80px;
	position: relative;
}

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

/*.offer_section.offer3 .price_block:after {
	display: block;
	content: '';
	width: 56px;
	border-top: 34px solid #4f7043;
	border-left: 22px solid rgba(255,255,255,0);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 0;
}*/

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

.offer_section.offer3 .price_item.old {
	padding: 8px 0 0 0px;
    background: #c4c3bf;
    text-align: center;
    padding-right: 20px;
}

.offer_section.offer3 .price_item.new {
	padding: 8px 0 0 37px;
	background: #fff732;
	color: black;
	text-align: center;
}

/*.offer_section.offer3 .price_item.old:before {
	display: block;
	content: '';
	border-left: 44px solid rgba(255,255,255,0);
	border-top: 80px solid #222;
	position: absolute;
	top: 0;
	left: -44px;
}*/

/*.offer_section.offer3 .price_item.old:after {
	display: block;
	content: '';
	border-left: 44px solid #222;
	border-top: 80px solid #63c8d7;
	position: absolute;
	top: 0;
	right: -22px;
	z-index: 10;
}*/

/*.offer_section.offer3 .price_item.new:before {
	display: block;
	content: '';
	border-right: 44px solid rgba(255,255,255,0);
	border-bottom: 80px solid #e2ba3d;
	position: absolute;
	top: 0;
	right: -44px;
}*/

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

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

.offer_section ul {
	padding: 0 55px 25px;
	list-style-type: circle;
}

.offer_section ul li {
	margin: 0 0 15px;
	padding: 0 0 0 25px;
	color: antiquewhite;
	position: relative;
	font-size: 20px;
}

.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_block img {
	display: block;
	margin: 0 auto 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 100px;
	object-fit: cover
}

.offer_section .timer_block {
	margin: 0 0 0px;
	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-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);
	background: #f4f4f4;
}

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

.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: #ff8ebe;
	font-weight: 700;
	font-size: 36px;
	line-height: 60px;
	color: #fff;
}

.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;
	padding-top: 0;
	margin-top: -10px;
	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: #9d7b18;
	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: 370px;
	height: 42px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #777;
}
select, input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
select[name="comment"] {
    display: block;
    width: 370px;
    border: 1px solid #dedede;
	height: 42px;
    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(../img/select.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(../img/offer__name_icon.png) 22px center no-repeat;
}

.offer_section .field[name='phone'] {
	margin: 0 auto 35px;
	background: #ebebeb url(../img/offer__phone_icon.png) 20px center no-repeat;
}
.offer_section .field[name='address'] {
	margin: 0 auto 35px;
	background: #ebebeb url(../img/offer__delivery_icon.png) 20px center no-repeat;
}
.offer_section .field[name='comment'] {
	margin: 0 auto 35px;
	background: #ebebeb url(../img/offer__product_icon.png) 20px center no-repeat;
}

.offer_section.offer3 .field {
	border: 1px solid #dedede;
	background: #f0f0f0;
}
.offer_section.offer3 .field[name="address"]{
	border: 1px solid #dedede;
	background: #f0f0f0;
}

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

.offer_section.offer3 .field[name='phone'] {
	margin: 0 auto 17px;
	background: #f0f0f0 url(../img/offer__phone_icon.png) 20px center no-repeat;
}
.offer_section.offer3 .field[name='address'] {
	margin: 0 auto 17px;
	background: #f0f0f0 url(../img/offer__delivery_icon.png) 20px center no-repeat;
}
.offer_section.offer3 .field[name='comment'] {
	margin: 0 auto 17px;
	background: #f0f0f0 url(../img/offer__product_icon.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_block {
	width: 480px;
	height: 270px;
	background-color: #000;
	overflow: hidden;
	position: relative;
}

.video_block iframe, 
.video_block object, 
.video_block embed {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* description */

.offer3 .description_section {
/*	background-color: #000;*/
/*background: rgb(0,0,0);*/
/*background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(51 63 55) 53%, rgb(31 84 77) 100%);*/
/*background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(55,37,2,1) 53%, rgba(87,59,2,1) 100%);*/
	color: wheat;
}
.description_section {
/*	padding: 30px 0 15px;*/
}

.description_section h2.title {
	padding: 0 30px;
	padding-top: 25px;
	text-align: center;
}

.description_section p, .description_section h4 {
	padding: 0 2px 15px;
	    font-size: 16px;
    text-align: center;
    font-weight: 500;

}

.st1 ul li {
	padding: 0 0px 15px;
}
.st1 h2 {
	padding: 20px 30px 15px;
	font-size: 18px;
	text-align: center;
}
/* 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(http://test.sport-cuture.pro/images/slider__arrows.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;
}

.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 10px 30px;
	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 #63c8d7;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}
.benefits_list4 .text_block li {
    background: url(http://test.sport-cuture.pro/images/check.png) no-repeat 0 4px;
    padding: 0 0 10px 22px;
}
/* benefits 5 */

.benefits_list5 {
	background: url(../img/bg_light.webp);
	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(../img/bg_light.webp);
	-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: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: 12px;
	height: 12px;
	border: 1px solid #e43315;
	background: #e43315;
	-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;
}

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

/* 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(http://test.sport-cuture.pro/images/quote2_icon.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(http://test.sport-cuture.pro/images/opinion2_bg.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(../img/quote1_icon.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(../img/quote1_icon.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(../img/quote1_icon.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(http://test.sport-cuture.pro/images/reviews2__arrows.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(../img/quote1_icon.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(../img/reviews3__stars.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(http://test.sport-cuture.pro/images/reviews4_bg.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(../img/quote1_icon.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(http://test.sport-cuture.pro/images/reviews4__arrows.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;
}

/* order info */

.order_info {
	background: url(../img/bg_light.webp);
	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(../img/bg_light.webp);
	position: relative;
}

.order_steps1 .step_item:before {
	display: block;
	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 300px 0 30px;
	position: relative;
}

.order_steps1 .step_item:nth-child(even) .step_wrapper {
	padding: 0 25px 0 300px;
}

.order_steps1 .step_item:nth-child(1) .step_wrapper {
	background: url(../img/order_steps1__step1_image.png) right center no-repeat;
}

.order_steps1 .step_item:nth-child(2) .step_wrapper {
	background: url(../img/order_steps1__step2_image.png) left center no-repeat;
}

.order_steps1 .step_item:nth-child(3) .step_wrapper {
	background: url(../img/order_steps1__step3_image.png) right center no-repeat;
}

.order_steps1 .step_item:nth-child(4) .step_wrapper {
	background: url(../img/order_steps1__step4_image.png) left center no-repeat;
}

.order_steps1 .step_item img {
	display: block;
	width: 72px;
	height: 52px;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 50%;
	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(../img/bg_light.webp);
	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(http://test.sport-cuture.pro/images/order_steps2__step1_bg.jpg);
}

.order_steps2.dark .step_item:nth-child(2) {
	background-image: url(http://test.sport-cuture.pro/images/order_steps2__step2_bg.jpg);
}

.order_steps2.dark .step_item:nth-child(3) {
	background-image: url(http://test.sport-cuture.pro/images/order_steps2__step3_bg.jpg);
}

.order_steps2.dark .step_item:nth-child(4) {
	background-image: url(http://test.sport-cuture.pro/images/order_steps2__step4_bg.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;
}

/* footer */

.footer_section {
	padding: 25px 0px 73px 0px;
/*	padding: 25px 0;*/
	background: #f4f4f4;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.footer_section img {
	display: block;
	margin: 0 auto 10px auto;
}

.footer_section a {
	color: #222;
}



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

.table .column {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 0;
	width: 20%;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.table .alphabetic_size {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}

.table .digital_size {
	font-weight: 700;
}

.table .row .column:first-child {
	font-weight: bold;
}

.table {
	margin: 0 4px;
	padding: 10px 0 10px 0px;
	background: #fff;
	-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
	position: relative;
	
}
th,td {
	border: 1px solid black;
	text-align: center;
}
.col-head { 
	background-color: rgb(179, 187, 177);
 }
.table_title {
	width: 330px;
	height: 44px;
	font-weight: 700;
	font-size: 20px;
	line-height: 44px;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left;
	position: absolute;
	bottom: 0;
	left: 44px;
}

.table_women .table_title {
	background: #f273a6;
}
.price_block{
    display: flex;
    flex-direction: row;
    margin: 10px 0 0 0;
}
.salle{
    padding: 10px;
    border-radius: 5px;
    background: #ff8ebe;
    width: 50%;
}
.wrapp_salle{
	display: flex;
	justify-content: center;
}

.underline{
	text-decoration: underline;
}
.timer .hours{
	background-color: #000;
}

/* loader */

.hidspinner {
	display:none;
}
.body_blur{
			filter: blur(8px);
  -webkit-filter: blur(8px);
}
.loader {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 46%;
  left: 46%;
  position: fixed;
  
  border-top: 4px solid #ffe663;
  border-right: 4px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  z-index: 999;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border-left: 4px solid #005cff;
  border-bottom: 4px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

.section_list {
display: block;
height: auto;
background: rgba(39, 48, 67, 0.075);
border-radius: 0 0 11px 11px;
margin-top: -4px;
margin-bottom: 32px;
}

.list_wrap {
width: 400px;
margin: 0 auto;
}

.img_list_top .img_list {
border-radius: 11px;
position: initial!important;

}

.img_list {
width: 100%;
margin: 0 auto;
}

.list_wrap .clmn_2 {
width: 100%;
float: none;
margin: 0 auto;
}
.absolute {
display: table-cell;
vertical-align: middle;
}

.list {
padding: 10px 15px 10px 15px;
}
.list li {
font-size: 16px;
line-height: 20px;
margin-bottom: 7px;
position: relative;
}

.list li:before {
zoom: 0.9!important;
filter: brightness(0) saturate(100%) invert(16%) sepia(38%) saturate(6077%) hue-rotate(189deg) brightness(104%) contrast(104%);
top: 4px;
left: 0;
width: 23px;
height: 19px;
background: url(../img/ico-checks.png) -28px top no-repeat;
content: '';
position: absolute;

z-index: 9999;

content: '';
position: absolute;



}


.item {
width: 100%;
position: relative;
overflow: hidden;
background-color: #fff;
border-radius: 15px;
border: 2px solid #eee;
box-sizing: border-box;
}

.triangle-topleft {
border-top: 100px solid #0087de;
z-index: 999;
}
.triangle-topleft {
position: absolute;
width: 0;
right: 0;
height: 0;
border-top: 100px solid #d72121;
border-left: 100px solid transparent;
}
.pnl-description {
	padding: 20px;
}
#section_products .grid-tile .item-pnl, #section_products .grid-tile .item-pnl .pnl-wrapper {
height: 100%;
}

.item-pnl {
border-top: 2px solid #eeeeee;
width: 100%;
height: 75px;
}



.grid-tile .pnl-description .pnl-label {
max-height: none;
word-break: break-word;
line-height: 14px;
width: 96%;
padding-top: 3px;
}

#section_products .pnl-tocart .btn1 {
margin: 0;
float: unset;
padding: 20px 0;
text-align: center;
border: 0;
border-radius: 0;
width: 100%;
}

.item-img {
width: 100%;
/*padding-bottom: 99%;*/
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
}


#section_products .grid-tile .item-pnl, #section_products .grid-tile .item-pnl .pnl-wrapper {
width: 100%;
height: 60px;
display: table;
}

.popust {
right: 55px;
top: -100px;
font-weight: 800;
font-family: Montserrat, sans-serif;
font-size: 24px;
white-space: nowrap;
color: white;
position: relative;
font-size: 30px;
font-family: 'BebasNeueBold', sans-serif;
transform: rotate(45deg);
}

.grid-tile .pnl-description .pnl-label, .pnl-price {
display: block;
font-size: 18px;
width: 100%;
text-align: center;
margin: 0 auto;
line-height: 22px;
}

.pnl-price {
line-height: 29px;
color: #111;
font-weight: 700;
font-size: 20px;
display: block;
margin-top: 0.125em;
}

#section_products .btn1 {
/*border: 1px solid #ebebeb;*/
/*padding: 4px 14px;*/
background-color: #343436;
color: #fff;
text-transform: uppercase;
/*float: right;
margin: 9px;*/
font-weight: bold;
cursor: pointer;
border-radius: 4px;
font-size: 15px;

margin: 0;
float: unset;
padding: 2px 0;
text-align: center;
border: 0;
border-radius: 0;
width: 100%;
text-decoration: none;
}

.product-anchor {
	text-decoration: none;
}

#floating_button.gray-variant:link {
        min-width: 480px;
    margin-left: 50%;
    transform: translate(-50%, 0px);
/*    background: #00538f !important;*/
background: rgb(7,29,152) ;
background: linear-gradient(90deg, rgb(9 84 91) 0%, rgb(148 206 233) 100%);
/*background: linear-gradient(90deg, rgba(7,29,152,1) 0%, rgba(148,187,233,1) 100%);*/
    position: fixed;
    display: block !important;
    bottom: 0px;
    height: 49px;
   
/*    margin-left: -23px;*/
    text-align: center;
    z-index: 10000;
/*    font-size: 24px;*/
    border-radius: 0px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    animation: pulse-white2 4s infinite;
    }
.btn:link, .btn:visited {
    
    padding: 0.20em 0.85em 0.10em;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    line-height: 1.5;
    border-radius: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    box-shadow: 0 1px 0 #FD2D66 inset, 1px 1px 0 #940028, 2px 2px 0 #940028, 3px 3px 0 #940028, 4px 4px 0 #940028, 4px 4px 8px rgba(0,0,0,0.55);
}

#floating_button .price-container {
    float: left;
    margin-left: 15px;
    font-family: 'LeagueGothic-Regular', 'BebasNeueBold', sans-serif;
    color: white;
    font-size: 30px;
    width: 60%;
    transform: translate(0, -3px);
    margin: 0;
    
    margin-left: 10px;
}
.price-container {
    vertical-align: bottom;
}

.discount_badge {
    /* position: unset; */
    display: inline;
    /* width: auto; */
    position: absolute;
    top: 0;
    margin-top: -17px;
    left: 0;
    /* margin-top: -15px; */
    background: red;
    font-size: 18px;
    padding: 0px 5px;
    border-radius: 3px;
    transform: none;
}

.full-price {
    /* vertical-align: text-top; */
    font-size: 20px !important;
    margin: 0 !important;
    margin-left: 7px !important;
}
#floating_button.gray-variant .action-price {
    font-size: 32px;
}

#floating_button.gray-variant .btn-title {
    
    width: auto;
    padding: 0;
    margin: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 80%;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    float: right;
    transform: translate(0, -4px);
    white-space: nowrap;
    margin-top: 7px;
    margin-right: 5px;
    background: #d10039;
    font-weight: 700;
}

#floating_button .full-price {
    font-size: 25px;
    text-decoration: line-through;
    text-decoration-color: #FFD700;
    opacity: 0.75;
    margin-right: 5px;
}


/* –≤—Ц–і–≥—Г–Ї–Є*/
#jumpToTestimonials {
    color: #000;
    position: fixed;
    
    left: -57px;
    z-index: 9999;
    transform: rotate(90deg);
    padding: 6px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #dea80c;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    top: 69%;
    cursor: pointer;
    width: 150px;
    text-align: center;
}

.fbCommentWrapper {
    width: 100%;
    margin-top:20px
}

.fbCommentWrapper * {
    cursor: default;
    user-select: none;
    pointer-events:none
}

.fbCommentWrapper .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content:flex-start
}

.fbCommentWrapper div#commentsLeft, .fbCommentWrapper div#commentsRight {
    flex: 1 calc(50% - 20px);
    margin:0 10px 0 10px
}

.fbCommentWrapper div#commentsLeft {
    margin-left:0
}

.fbCommentWrapper div#commentsRight {
    margin-right:0
}

.fbCommentWrapper div .grid-item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-left: 10px;
    padding:10px
}

.fbCommentWrapper .nameAndDesc {
    display:flex
}

.fbCommentWrapper .nameAndDesc .flex {
    display: flex;
    flex:initial
}

.fbCommentWrapper .nameAndDesc img {
    max-width: 50px;
    width: 100%;
    height: 50px;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius:50px !important
}

.fbCommentWrapper .nameAndDesc .nameAndWhen {
    padding-left:10px
}

.fbCommentWrapper .nameAndDesc .nameAndWhen span.name {
    color:#52629c
}

.fbCommentWrapper .nameAndDesc .nameAndWhen span.when {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color:#a2a2a2
}

.fbCommentWrapper .world-icon {
    background-image: url(../img/icons.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 0 -1036px;
    vertical-align: -.25em;
    position: relative;
    top: -2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    filter:invert(.75)
}

.fbCommentWrapper span.liveComment {
    padding: 10px 0;
    display:block
}

.fbCommentWrapper .likesAndShares {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-top:10px
}

.fbCommentWrapper .likesAndShares .innerLikesAndShares {
    max-width: 600px;
    width: 100%;
    display: flex;
    margin:0 auto
}

.fbCommentWrapper .likesAndShares span.col1_3 {
    width: 33.33%;
    padding-left:30px
}

.fbCommentWrapper .likesAndShares span.col1_3.likes {
    background: url(../img/like.svg) no-repeat left center;
    background-size:25px
}

.fbCommentWrapper .likesAndShares span.col1_3.comments {
    background: url(../img/comment.svg) no-repeat left center;
    background-size:25px
}

.fbCommentWrapper .likesAndShares span.col1_3.shares {
    background: url(../img/share.svg) no-repeat left center;
    background-size:25px
}

.fbCommentWrapper .imgAndNum {
    display: flex;
    flex-wrap: wrap;
    padding-top:10px
}

.fbCommentWrapper .imgAndNum img.fbLikePic {
    max-width: 20px;
    width: 100%;
    display:block
}

.fbCommentWrapper .imgAndNum span.num {
    padding-left: 5px;
    color:#52629c
}

.list_wrap ul li {
    padding: 0 0px 6px 28px;
}

.charac ul li{ 
	padding: 0 45px;
 }


/* === New block styling (FAQ, Trust badges, How-to-choose, Sticky CTA) === */
.container h2{ font-weight:800; margin:16px 0 10px; letter-spacing:.2px }
.trust-badges{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:4px 0 10px 0 }
.trust-badges .badge{
  background:linear-gradient(180deg,#f7fbff 0%,#f0f6ff 100%);
  border:1px solid rgba(0,79,255,.06);
  border-radius:14px; padding:10px 2px; text-align:center; font-size:17px; font-weight:700;
  box-shadow:0 4px 10px rgba(0,72,255,.06);
}
/* How-to-choose */
#howtochoose{ padding:8px 16px }
#howtochoose .benefit-list{ margin:10px 0 6px }
#howtochoose .benefit-list li{ background:#f9fbfc; border-radius:12px; padding:10px 12px; margin-bottom:8px; box-shadow:0 2px 8px rgba(0,0,0,.04) }
#howtochoose u{ text-underline-offset:2px; }
/* FAQ */
.faq{ padding:8px 16px }
.faq details{ background:linear-gradient(180deg,#f8fbfc 0%,#f3f8fb 100%); border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:14px 16px; margin-bottom:12px; transition:box-shadow .2s ease }
.faq details[open]{ box-shadow:0 12px 28px rgba(0,0,0,.06) }
.faq summary{ list-style:none; font-weight:800; cursor:pointer; display:flex; align-items:center; gap:10px; }
.faq summary::marker{ display:none }
.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; }
.faq details[open] summary::after{ content:"—"; }
/* Product cards: CTA pick button */
.product-card .cta-pick{ margin-top:10px }
.product-card .cta-pick button{
  height:46px; width:100%; border:none; border-radius:14px;
  background:linear-gradient(135deg,#00d6ff 0%,#00c4ff 100%); color:#0b2a33; font-weight:800; letter-spacing:.3px;
  box-shadow:0 12px 28px rgba(0,214,255,.35); transition:transform .06s ease, box-shadow .2s ease;
}
.product-card .cta-pick button:active{ transform:translateY(1px); box-shadow:0 8px 18px rgba(0,214,255,.35) }
/* Sticky CTA */
.sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:9999; display:flex; gap:10px; align-items:center;
  padding:10px 12px; background:rgba(255,255,255,.96); box-shadow:0 -12px 24px rgba(0,0,0,.12); backdrop-filter:saturate(180%) blur(6px);
}
.sticky-cta select,.sticky-cta button{ height:44px; border-radius:12px; border:none; font-weight:700 }
.sticky-cta select{ flex:1; padding:0 12px; background:#f4f7fa }
.sticky-cta button{ flex:1.2; background:linear-gradient(135deg,#00d6ff 0%,#00c4ff 100%); color:#0b2a33; box-shadow:0 8px 22px rgba(0,214,255,.35) }
@media(min-width:768px){ .sticky-cta{ display:none } }



/* === overrides: align new blocks with brand variables === */
:root{ --cta: var(--brand); --ctaText: var(--brand-dark); }
.trust-badges .badge{ background:linear-gradient(180deg,var(--bg-soft) 0%,#f0f6ff 100%); border-color: var(--border); }
#howtochoose .benefit-list li{ background:var(--bg-card); box-shadow: var(--shadow) }
.faq details{ background:linear-gradient(180deg,var(--bg-card) 0%,#f3f8fb 100%); border-color: var(--border) }
.product-card .cta-pick button,
.sticky-cta button{ background:linear-gradient(135deg,var(--brand) 0%, var(--brand-2) 100%); color:var(--brand-dark) }
.sticky-cta{ background: rgba(255,255,255,.96); box-shadow: 0 -12px 24px rgba(0,0,0,.12); backdrop-filter: saturate(180%) blur(6px) }
.button, .btn-primary{ background:linear-gradient(135deg,var(--brand) 0%, var(--brand-2) 100%); color:var(--brand-dark) }



/* === Unified look overrides === */
body{ font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; color:var(--text) }
/*.offer_section.offer3{ padding: 18px 12px }*/
.offer_section.offer3 .main_title{ line-height:1.2; }
.container h2{ font-weight:800; margin:16px 0 10px }

/* Section backgrounds */
.offer_section.offer3{ background: var(--bg); }
.benefits_block, .package, .reviews3_section, .order_steps1, .order_form { background: var(--bg); }
.benefits_block.section-soft, .package.section-soft, .order_steps1.section-soft{ background:var(--bg-soft) }

/* Cards in product grid */
.grid .item{ border-radius:16px; border:1px solid var(--border); box-shadow:var(--shadow); overflow:hidden; background:var(--bg-card) }
.grid .item .pnl-price{ font-weight:800 }

/* Buttons */
.button{ /*display:inline-flex;*/ align-items:center; justify-content:center; min-height:46px; border-radius:14px; font-weight:800; letter-spacing:.3px;
  background:linear-gradient(135deg,var(--brand) 0%, var(--brand-2) 100%) !important; color:var(--brand-dark) !important; box-shadow:0 12px 28px rgba(0,214,255,.35) }

/* Sticky CTA (if present) */
.sticky-cta{ position:fixed; left:0; right:0; bottom:0; z-index:9999; display:flex; gap:10px; align-items:center; padding:10px 12px; background:rgba(255,255,255,.96); box-shadow:0 -12px 24px rgba(0,0,0,.12); backdrop-filter:saturate(180%) blur(6px) }
.sticky-cta select,.sticky-cta button{ height:44px; border-radius:12px; border:none; font-weight:700 }
.sticky-cta button{ background:linear-gradient(135deg,var(--brand) 0%, var(--brand-2) 100%); color:var(--brand-dark) }
@media(min-width:768px){ .sticky-cta{ display:none } }

/* Spacing normalization */
section, .container{ padding-left: 12px; padding-right: 12px }
.benefit-list li{ line-height:1.5 }

/* Subtle image polish */
img{ image-rendering:auto }

/* ===== Specs Block (scoped) ===== */
.specs-block{ padding:18px 12px; }
.sb-wrap{
  max-width: 1000px; margin:0 auto; color:#0f172a;
  background:#ffffff; border-radius:16px; padding:16px;
  border:1px solid #e2e8f0; box-shadow:0 8px 24px rgba(2,6,23,.06);
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.sb-head h2{ margin:0; font:800 24px/1.2 inherit; }
.sb-head p{ margin:4px 0 12px; color:#475569; }

.sb-card{
  background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:12px; margin-bottom:10px;
}
.sb-title{ margin:0 0 8px; font-weight:800; font-size:18px; }
.sb-list{ margin:0; padding-left:18px; color:#334155; }
.sb-list li{ margin:6px 0; }

.kv{
  display:grid; grid-template-columns:160px 1fr; gap:6px 12px; color:#334155; margin-bottom:8px;
}
.kv > div:first-child{ color:#64748b; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{
  display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px;
  background:#eef2ff; color:#1f2937; border:1px solid #e5e7eb; font-weight:700; font-size:12px;
}
.chip--blue{ background:#e0ecff; color:#1e3a8a; border-color:#bfdbfe; }
.chip--red{ background:#ffe4e6; color:#991b1b; border-color:#fecaca; }

.sb-grid{  grid-template-columns:1fr; gap:10px; margin:10px 0; }
@media (min-width: 860px){ .sb-grid{ grid-template-columns:1fr 1fr; } }

.sb-adv .sb-list li{ position:relative; padding-left:20px; }
.sb-adv .sb-list li::before{
  content:"✓"; position:absolute; left:0; top:0; color:#16a34a; font-weight:800;
}
/* ===== Unified Remote Blocks ===== */
.remote{ padding:18px 12px; }
.remote__wrap{
  max-width: 820px; margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:14px; align-items:center;
  background:#0b1220; color:#eaf2fb; border-radius:16px; padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.remote__media{ margin:0; display:flex; justify-content:center; }
.remote__media img{ display:block; width:300px; max-width:100%; height:auto; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.35); }

.remote__title{ margin:0 0 6px; font:800 22px/1.25 "Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
.remote__lead{ margin:0 0 8px; line-height:1.55; color:#cbd5e1; }

.remote__group{ margin-top:10px; }
.remote__label{ font-weight:700; margin-bottom:6px; }
.remote__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 10px; border-radius:999px; font-weight:700; letter-spacing:.2px;
  background:#111926; color:#cde3ff; border:1px solid rgba(255,255,255,.14);
}
.remote__note{
  margin-top:6px; font-size:13px; color:#a7f3d0;
  background:#052e1a; border:1px solid #0f5132; padding:8px 10px; border-radius:10px;
}
.remote__sub{ margin-top:6px; font-size:13px; color:#cbd5e1; }

/* кольорові чіпи — спільні для обох блоків */
.chip--blue{   background:#0f1d35; color:#b6d2ff; border-color:#1b2b47; }
.chip--red{    background:#3a1b1b; color:#ffc9a6; border-color:#5c2a2a; }
.chip--violet{ background:#241437; color:#e2c8ff; border-color:#3a2158; }

/* ===== Clear Spectrum v2 ===== */
.plant-spectrum--clear{ padding:18px 12px; }
.ps2{
  max-width: 980px; margin:0 auto; background:#fff; border-radius:16px; padding:16px;
  border:1px solid #e5e7eb; box-shadow:0 8px 20px rgba(2,6,23,.06); color:#0f172a;
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* заголовок */
.ps2-head h2{ margin:0; font-weight:800; font-size:24px; line-height:1.2; }
.ps2-head p{ margin:4px 0 12px; color:#475569; }

/* зони — окремий ряд, рівномірно розкладені */
.ps2-zones{
  display:flex; gap:8px; justify-content:space-between; margin-bottom:8px;
}
.ps2-zones .zone{
  flex:1 1 0; text-align:center; font-weight:700; font-size:13px;
  color:#0f172a; background:#f1f5f9; border:1px solid #e2e8f0;
  padding:8px 6px; border-radius:10px;
}

/* графік */
.ps2-chart{ position:relative; border-radius:14px; overflow:hidden; height:200px; }
.ps2-gradient{
  position:absolute; inset:0;
  background: linear-gradient(90deg,
    #0f3bd7 0%, #3e8eff 18%,
    #2bd0a2 30%, #b4f07f 40%,
    #ffe066 52%, #ffb84d 62%,
    #ff7a39 75%, #ff3b30 88%, #d61f26 100%);
}

/* маркери */
.ps2-marker{ position:absolute; top:0; bottom:0; transform:translateX(-50%); pointer-events:none; }
.ps2-marker .line{ position:absolute; top:0; bottom:0; left:0; width:2px; background:rgba(15,23,42,.3); }
.ps2-marker .dot{ position:absolute; bottom:36px; left:-5px; width:10px; height:10px; border-radius:50%; box-shadow:0 0 0 2px #fff; }
.ps2-marker .label{
  position:absolute; bottom:8px; left:-9999px; transform:translateX(9999px);
  background:#fff; color:#0f172a; font-weight:800; font-size:12px;
  padding:6px 10px; border-radius:999px; box-shadow:0 1px 3px rgba(2,6,23,.15);
}
.ps2-marker--blue .dot{ background:#3b82f6; }
.ps2-marker--red  .dot{ background:#ef4444; }

/* шкала */
.ps2-scale{
  position:absolute; left:12px; right:12px; bottom:8px;
  display:flex; justify-content:space-between; align-items:flex-end;
  color:#0f172a; font-weight:700; font-size:12px;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.ps2-scale .unit{ margin-left:auto; font-weight:600; color:#475569; }

/* картки */
.ps2-cards{ display:grid; grid-template-columns:1fr; gap:10px; margin-top:12px; }
.ps2-card{
  background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:12px;
}
.ps2-card header{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.ps2-card h3{ margin:0; font-size:16px; font-weight:800; }
.ps2-card ul{ margin:0; padding-left:18px; color:#334155; }
.ps2-card li{ margin:4px 0; }
.swatch{ width:12px; height:12px; border-radius:50%; box-shadow:0 0 0 2px #fff, 0 0 0 3px rgba(2,6,23,.06); }
.swatch--blue{ background:#3b82f6; }
.swatch--red{ background:#ef4444; }
.swatch--violet{ background:#a78bfa; }

/* desktop */
/*@media (min-width: 860px){
  .ps2{ padding:20px; }
  .ps2-cards{ grid-template-columns: repeat(3, 1fr); }
}*/
/* 1) ШКАЛА: рівномірний розподіл 400–700 нм */
.plant-spectrum--clear .ps2-scale{
  position:absolute; left:12px; right:12px; bottom:8px;
  display:grid !important;
  grid-template-columns: repeat(4, 1fr) auto; /* 4 поділки + "нм" */
  column-gap: 0;
  align-items:end;
  color:#0f172a; font-weight:700; font-size:12px;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
  z-index:2;
}
.plant-spectrum--clear .ps2-scale span{ white-space:nowrap; }
.plant-spectrum--clear .ps2-scale span:nth-child(1){ text-align:left; }
.plant-spectrum--clear .ps2-scale span:nth-child(2),
.plant-spectrum--clear .ps2-scale span:nth-child(3){ text-align:center; }
.plant-spectrum--clear .ps2-scale span:nth-child(4){ text-align:right; }
.plant-spectrum--clear .ps2-scale .unit{ text-align:right; color:#475569; }

/* 2) МАРКЕРИ 460/660: простіше центровані "пілюлі" + поверх градієнта */
.plant-spectrum--clear .ps2-gradient{ z-index:1; }
.plant-spectrum--clear .ps2-marker{ z-index:3; }
.plant-spectrum--clear .ps2-marker .label{
  left:50% !important;
  transform:translateX(-50%) !important; /* центр відносно вертикальної лінії */
  white-space:nowrap;
}

/* (опція) тонкі сірі гіди під шкалу — покращують читабельність */
.plant-spectrum--clear .ps2-chart::after{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(15,23,42,.25), rgba(15,23,42,.25)),
    linear-gradient(to right, rgba(15,23,42,.15), rgba(15,23,42,.15)),
    linear-gradient(to right, rgba(15,23,42,.15), rgba(15,23,42,.15)),
    linear-gradient(to right, rgba(15,23,42,.15), rgba(15,23,42,.15));
  background-size: 2px 100%, 2px 100%, 2px 100%, 2px 100%;
  background-position: 0 0, 25% 0, 50% 0, 75% 0; /* 400/500/600/700 */
  background-repeat:no-repeat;
}

/* дрібний тюнінг для вузьких екранів */
@media (max-width:380px){
  .plant-spectrum--clear .ps2-scale{ font-size:11px; }
  .plant-spectrum--clear .ps2-marker .label{ font-size:11px; padding:5px 8px; }
}


