@font-face {
  font-family: 'Optimalc';
  src: url(../fonts/Optimalc.eot);
  src: url(../fonts/Optimalc.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Optimalc.otf) format('otf'),
       url(../fonts/Optimalc.svg#Optimalc) format('svg'),
       url(../fonts/Optimalc.ttf) format('truetype'),
       url(../fonts/Optimalc.woff) format('woff'),
       url(../fonts/Optimalc.woff2) format('woff2');
}


/* GLOBAL */
html { background: #fff; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-collapse: collapse; border-spacing: 0; }
body { font-family: "Montserrat", sans-serif; color: #000000; font-size: 16px; font-weight: 400; line-height: 1.4; background: transparent; }
a { color: #4c76ba; text-decoration: underline; } 
a:hover { text-decoration: underline; outline: 0; color: #ee2737; }
strong, b { font-weight: bold; }
.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.inline-item { display: inline-block; vertical-align: top; }
.tb { display: table; width: 100%; }
.tr { display: table-row; }
.td, .th { display: table-cell; vertical-align: middle; }
.clear-list, .clear-list li { list-style: none; }
.clear-list { padding: 0; margin-bottom: 0; }
.zoom-in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.indent-this, .indent p { text-indent: 30px; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
html, body, .wrapper, .topbox { height: 100%; }
.wrapper, .bottombox { display: table; width: 100%; position: relative; }
.topbox { display: table-row; }
.overflow { overflow: hidden; }
.overflow-hidden { position: relative; overflow: hidden; }
input[type=file] { margin-bottom: 6px; }
.grecaptcha-badge { opacity: 0 !important; }
.red-text { color: #D13730; }
hr { position: relative; background: #ed1c24; }
hr::before { content: ""; position: absolute; top: -3px; left: 3%; width: 40%; height: 5px; background: #ed1c24; border-radius: 36px; }
.container { position: relative; }
.header-separator { margin-top: 85px; }
article img, section img { max-width: 100%; margin-bottom: 25px; }

/* GLOBAL TRANSITION */
.butn, .main-menu li a, .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before, .mfp-zoom-out .mfp-close, .form-group input.form-control, .form-group textarea, .form-group select.form-control, .product-list figure div { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

/* TEXT EDITOR */
.alignleft { float: left; margin: 0 20px 10px 0; max-width: 400px; }
.alignright { float: right; margin: 0 0 10px 20px; max-width: 400px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
blockquote { position: relative; padding: 15px 15px 15px 15px; background: #e7f6f6; }
blockquote * { margin: 0; line-height: 1.3; }

/* SECTIONS */
section, article { position: relative; z-index: 1; }
section.out, article.out, main.out { margin-bottom: 55px; }
section.in, article.in, main.in { padding-top: 75px; padding-bottom: 75px; }
section.page-section { margin-top: 50px !important; }

/* TITLES */
.ttl { position: relative; text-align: center; margin-bottom: 35px; }
.ttl.align-left { text-align: left; }
.ttl h1, .ttl h2, .ttl h3 { display: inline-block; position: relative; font-size: 35px; line-height: 1.2; font-weight: 500; text-transform: uppercase; margin: 0; padding-bottom: 15px; }
.ttl::after, .about-sections h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.ttl-wht * { color: #fff !important; }
.ttl.nobrd::after { display: none; }
.ttl.black-brd::after { background: rgb(0,0,0); background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
.ttl .logo-text { text-transform: none; font-size: 48px; }

/* BUTTON - GO TOP */
.go-up { position: fixed; bottom: 65px; left: 50%; margin-left: -665px; width: 54px; height: 54px; border-radius: 54px; text-align: center; background: #943c8f; -webkit-box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75); visibility: hidden; opacity: 0; z-index: 55; }
.go-up i { color: #fff; font-size: 30px; line-height: 54px; }
.go-up.show { visibility: visible; opacity: 1; }

/* BUTTONS - DEF/BUY */
.butn { position: relative; display: inline-block; vertical-align: top; padding: 11px 25px; min-width: 260px; text-decoration: none; text-align: center; color: #fff; font-size: 17px; font-weight: 800; text-transform: uppercase; border: 2px solid #fff; border-radius: 90px; background: rgb(112,78,119); background: -moz-linear-gradient(148deg, rgba(112,78,119,1) 0%, rgba(112,78,119,1) 20%, rgba(112,78,119,1) 50%, rgba(189,156,189,1) 94%, rgba(189,156,189,1) 100%); background: -webkit-linear-gradient(148deg, rgba(112,78,119,1) 0%, rgba(112,78,119,1) 20%, rgba(112,78,119,1) 50%, rgba(189,156,189,1) 94%, rgba(189,156,189,1) 100%); background: linear-gradient(148deg, rgba(112,78,119,1) 0%, rgba(112,78,119,1) 20%, rgba(112,78,119,1) 50%, rgba(189,156,189,1) 94%, rgba(189,156,189,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#704e77",endColorstr="#bd9cbd",GradientType=1); -webkit-box-shadow: 0px 32px 23px -30px rgba(0,0,0,0.75); -moz-box-shadow: 0px 32px 23px -30px rgba(0,0,0,0.75); box-shadow: 0px 32px 23px -30px rgba(0,0,0,0.75); cursor: pointer;  overflow: hidden; }
.butn.butn-brd { background: transparent; border-color: #fff; }
.butn.butn-brd.butn-brd-black { border-color: #575756; color: #575756; }
.butn i, .butn:hover i { display: inline-block; color: #0e9293; margin: 0 8px 0 0; }
.butn:hover { text-decoration: none; background: #a22e9e !important; color: #fff !important; }
.butn::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.34) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 3.15s infinite; animation: shine 3.15s infinite; z-index: 2; }
.butn:hover::after { display: none; }
@-webkit-keyframes shine { 100% {left: 125%; } }
@keyframes shine { 100% { left: 125%; } }

/* SLIDERS */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav { position: static !important; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin-top: -20px; outline: none !important; cursor: pointer; z-index: 20; }
.owl-carousel .owl-nav .owl-prev { left: -30px; }
.owl-carousel .owl-nav .owl-prev::before { content: ""; position: absolute; top: 0; left: 0; width: 26px; height: 41px; background: url("../images/hyalexo/arrow-left.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 25; }
.owl-carousel .owl-nav .owl-next { right: -30px; }
.owl-carousel .owl-nav .owl-next::before { content: ""; position: absolute; top: 0; right: 0; width: 26px; height: 41px; background: url("../images/hyalexo/arrow-right.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 25; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { opacity: 1; }
.owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; z-index: 10; }
.owl-carousel .owl-dots button { margin: 0 5px; outline: none; }
.owl-carousel .owl-dots button span { display: block; width: 15px; height: 15px; border: 0; border-radius: 15px; background: #ADADBD; }
.owl-carousel .owl-dots button.active span { background: #D13730; }
.owl-carousel.owl-drag .owl-item { text-align: center; }
.owl-carousel.owl-drag .owl-item .item { display: inline-block; text-align: center; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover, .slick-prev:hover, .slick-next:hover { color: #000 !important; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before, .slick-prev:hover:before, .slick-next:hover:before { color: #FBD619 !important; }
.owl-carousel .owl-nav { position: relative; max-width: 10px; margin-top: 50px; margin-left: 40px; }

.bx-prev { position: absolute; top: 50%; left: 5px; width: 24px; height: 35px; margin-top: -17px; text-indent: -1000px; overflow: hidden; cursor: pointer; outline: none; z-index: 25; }
.bx-prev::before { content: ""; position: absolute; top: 0; left: 0; width: 26px; height: 41px; background: url("../images/hyalexo/arrow-left.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 25; }
.bx-next { position: absolute; top: 50%; right: 5px; width: 24px; height: 35px; margin-top: -17px; text-indent: -1000px; overflow: hidden; cursor: pointer; outline: none; z-index: 25; }
.bx-next::before { content: ""; position: absolute; top: 0; right: 0; width: 26px; height: 41px; background: url("../images/hyalexo/arrow-right.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 25; }
.bx-prev:hover::before, .partners-slider .bx-next:hover::before { color: #d64946; }
.bx-pager { position: absolute; bottom: 35px !important; left: 0; width: 100%;  z-index: 10; }
.bx-pager.bx-default-pager a { width: 22px !important; height: 22px !important; border-radius: 100% !important; background: #fff !important; }
.bx-pager.bx-default-pager a:hover { background: #ffd5d3 !important; }
.bx-pager.bx-default-pager a.active { background: #D13730 !important; }

/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; -webkit-box-shadow: -1px 9px 32px -1px rgba(0, 0, 0, .12); -moz-box-shadow: -1px 9px 32px -1px rgba(0, 0, 0, .12); box-shadow: -1px 9px 32px -1px rgba(0, 0, 0, .12); z-index: 550; }

/* HEADER / MAIN INNER */
header { background: #000; }
header .main-inner .container { position: relative; }
header .main-inner { padding-top: 4px; padding-bottom: 4px; }
header .main-inner .column-1 { -ms-flex: 0 0 180px; flex: 0 0 1800px; max-width: 180px; padding-left: 15px; padding-right: 15px; }
header .main-inner .column-2 { -ms-flex: 0 0 calc(100% - 180px); flex: 0 0 calc(100% - 180px); max-width: calc(100% - 180px); padding-left: 15px; padding-right: 15px; }
.logo { display: block; }
.logo img { width: 100%; max-width: 180px; margin: 0; }

/* HEADER - MENU */
.main-menu { margin-left: 10px; }
.main-menu ul { display: flex; justify-content: space-between; }
.main-menu li { display: inline-block; position: relative; }
.main-menu li a { display: block; position: relative; padding: 5px 0; color: #fff; font-size: 16px; text-decoration: none; }
.main-menu li:hover > a, .main-menu li.active > a { color: #cba2ae; }
.main-menu ul ul { position: absolute; width: 175px; top: 100%; left: 0; overflow: hidden; text-align: left; display: none; padding: 10px 15px; background: #D13730; justify-content: none; z-index: 50; } 
.main-menu ul li:last-child ul { width: 180px; }
.main-menu ul ul li { margin: 0; display: block; text-align: left; margin-bottom: 5px; }
.main-menu ul ul li:last-child { margin-bottom: 0; }
.main-menu ul ul li a { display: inline-block; padding: 4px 0; color: #fff !important; font-size: 15px; line-height: 1.2; font-weight: 500; text-transform: none; background: none; border-bottom: 1px solid transparent; }
.main-menu ul ul li a:hover { opacity: .7; }
.category .articles-item a, .single .articles-item a { text-decoration: underline; }

/* MAIN SECTION */
.main-section { padding-bottom: 30px; background: url("../images/webp/main-bg.webp") 50% 50% no-repeat; background-size: cover; }
.main-section .row { min-height: 560px; margin: 0; }
.main-section .inner { position: relative; padding-top: 55px; z-index: 5; }
.main-section h3 { position: relative; color: #000; font-size: 55px; font-weight: 300; margin-bottom: 45px; }
.main-section h3 strong { font-size: 63px; font-weight: 400; }
.main-section h3::after { content: ""; position: absolute; bottom: -20px; left: -55px; width: calc(100% + 110px); height: 3px; background: rgb(203,162,174); background: -moz-linear-gradient(90deg, rgba(203,162,174,0) 0%, rgba(203,162,174,1) 10%, rgba(203,162,174,1) 35%, rgba(203,162,174,1) 90%, rgba(203,162,174,0) 100%); background: -webkit-linear-gradient(90deg, rgba(203,162,174,0) 0%, rgba(203,162,174,1) 10%, rgba(203,162,174,1) 35%, rgba(203,162,174,1) 90%, rgba(203,162,174,0) 100%); background: linear-gradient(90deg, rgba(203,162,174,0) 0%, rgba(203,162,174,1) 10%, rgba(203,162,174,1) 35%, rgba(203,162,174,1) 90%, rgba(203,162,174,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cba2ae",endColorstr="#cba2ae",GradientType=1); }
.main-section .inner p { color: #000; font-size: 25px; font-weight: 300; line-height: 1.6; text-transform: uppercase; }
.main-section figure img { max-width: 450px; }
.main-section .row > p { width: 100%; font-size: 20px; color: #733571; line-height: 1.6; text-align: center; font-weight: 600; text-transform: uppercase; text-shadow: rgba(255,255,255,.6) 0 2px 1px; }
.main-section .buttons { width: 100%; text-align: center; }

/* EVOLUTION SECTION */
.evolution-sections { background: #d0b8ca; }
.evolution-list li { margin-bottom: 30px; }
.evolution-list .item { position: relative; background: #fff; height: 260px; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); }
.evolution-list .item .evol-img { position: absolute; top: 0; right: 0; width: 50%; height: 100%; }
.evolution-list .item .evol-info { width: 50%; padding: 15px 30px; }
.evolution-list .item .evol-info h2 { font-size: 30px; }
.evolution-list .item .evol-info h2 strong { font-size: 41px; }
.evolution-list .item .evol-info div { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: end; -ms-flex-pack: end; justify-content: end; height: 170px; }
.evolution-list .item .evol-info div p { font-size: 15px; line-height: 1.2; margin: 0; }
.evolution-list li:nth-child(3) .evol-img, .evolution-list li:nth-child(4) .evol-img { right: auto; left: 0; }
.evolution-list li:nth-child(3) .evol-info, .evolution-list li:nth-child(4) .evol-info { margin-left: 50%; }
.evolution-list li:nth-child(1) .item { border-radius: 50px 0 0 0; }
.evolution-list li:nth-child(2) .item { border-radius: 0 50px 0 0; }
.evolution-list li:nth-child(3) .item { border-radius: 0 0 0 50px; }
.evolution-list li:nth-child(4) .item { border-radius: 0 0 50px 0; }

/* TYPES SECTION */
.types-sections { background: rgb(196,173,187); background: -moz-linear-gradient(90deg, rgba(196,173,187,1) 0%, rgba(220,206,214,1) 43%, rgba(219,219,219,1) 68%, rgba(219,219,219,1) 100%); background: -webkit-linear-gradient(90deg, rgba(196,173,187,1) 0%, rgba(220,206,214,1) 43%, rgba(219,219,219,1) 68%, rgba(219,219,219,1) 100%); background: linear-gradient(90deg, rgba(196,173,187,1) 0%, rgba(220,206,214,1) 43%, rgba(219,219,219,1) 68%, rgba(219,219,219,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4adbb",endColorstr="#dbdbdb",GradientType=1); }
.type-img { -ms-flex: 0 0 290px; flex: 0 0 290px; max-width: 290px; }
.type-more { -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; }
.type-info { -ms-flex: 0 0 calc(100% - 290px); flex: 0 0 calc(100% - 290px); max-width: calc(100% - 290px); }
.types-item figure { position: relative; width: 219px; height: 219px; padding: 7px; }
.types-item figure div { position: relative; width: 205px; height: 205px; border-radius: 100%; overflow: hidden; }
.types-item figure div img {  position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.types-item figure::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(121deg, rgba(38,34,36,1) 0%, rgba(225,214,221,1) 40%, rgba(225,214,221,1) 60%, rgba(26,24,25,1) 100%); z-index: 1; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; padding: 1px; border-radius: 100%; }
.type-info { position: relative; padding: 20px 20px 20px 60px; }
.type-info strong { font-size: 24px; font-weight: 500; }
.type-info span { color: #733571; }
.type-info p, .type-more div { font-size: 18px; line-height: 1.4; text-transform: uppercase; margin: 0; }
.type-info::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(121deg, rgba(0,0,0,1) 0%, rgba(241,241,241,1) 30%, rgba(241,241,241,1) 100%, rgba(0,0,0,1) 100%); z-index: 1; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; padding: 1px; border-radius: 120px 0 0 120px; }
.type-more { text-align: center; }
.type-more div { display: inline-block; max-width: 375px; font-weight: 500; }
.type-more div strong { font-size: 25px; }
.types-item-1 { margin-bottom: 20px; }
.types-item-2 { margin-bottom: 45px; }
.types-item-2 .type-info::before { background: linear-gradient(121deg, rgba(241,241,241,1) 0%, rgba(0,0,0,1) 20%, rgba(241,241,241,1) 43%, rgba(241,241,241,1) 100%, rgba(0,0,0,1) 100%); border-radius: 0 120px 120px 0; }
.types-item-2 .type-info { -ms-flex: 0 0 calc(100% - 400px); flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); }
.types-item-3 { justify-content: space-between; }
.types-item-3 .type-info::before { display: none; }
.types-item-3 .type-info p strong { font-size: 18px; }
.types-item-3 .type-img { -ms-flex: 0 0 290px; flex: 0 0 290px; max-width: 290px; }
.types-item-3 figure { width: 379px; height: 194px; }
.types-item-3 figure div { position: relative; width: 365px; height: 180px; border-radius: 120px; }
.types-item-3 figure div img {  position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.types-item-3 figure::before { border-radius: 120px; }
.types-item-3 .type-info { -ms-flex: 0 0 calc(100% - 420px); flex: 0 0 calc(100% - 420px); max-width: calc(100% - 420px); }

/* ABOUT SECTION */
.about-sections { position: relative; }
.about-sections::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/webp/about-bg.webp") 50% 50% no-repeat; background-size: cover; }
.about-sections h2 { position: relative; font-weight: 400; text-align: center; padding-bottom: 30px; }
.about-sections h2 strong { display: block; font-size: 50px; margin-bottom: 10px; }
.about-schema figure { text-align: center; margin-top: 155px; }
.about-schema figure img { margin: 0; }
.about-schema-sm { display: none; }
.about-schema-list li { position: absolute; font-size: 17px; line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 0; padding-left: 35px; }
.about-schema-list li::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -11px; width: 22px; height: 22px; background: url("../images/hyalexo/bullet.png") 50% 50% no-repeat; background-size: 100% 100%; }
.about-schema-list li:nth-child(1) { top: 670px; right: 50%; margin-right: 280px; }
.about-schema-list li:nth-child(2) { top: 615px; right: 50%; margin-right: 280px; }
.about-schema-list li:nth-child(3) { top: 560px; right: 50%; margin-right: 280px; }
.about-schema-list li:nth-child(4) { top: 488px; right: 50%; margin-right: 280px; }
.about-schema-list li:nth-child(5) { top: 413px; right: 50%; margin-right: 280px; }
.about-schema-list li:nth-child(6) { top: 318px; right: 50%; margin-right: 280px; }
.about-schema-list li:nth-child(7) { top: 230px; width: 100%; left: 0; text-align: center; padding-left: 0; padding-bottom: 35px; margin-left: -10px; }
.about-schema-list li:nth-child(8) { top: 318px; left: 50%; margin-left: 280px; }
.about-schema-list li:nth-child(9) { top: 413px; left: 50%; margin-left: 280px; }
.about-schema-list li:nth-child(10) { top: 488px; left: 50%; margin-left: 280px; }
.about-schema-list li:nth-child(11) { top: 560px; left: 50%; margin-left: 280px; }
.about-schema-list li:nth-child(12) { top: 615px; left: 50%; margin-left: 280px; }
.about-schema-list li:nth-child(13) { top: 670px; left: 50%; margin-left: 280px; }
.about-schema-list li:nth-child(1), .about-schema-list li:nth-child(2), .about-schema-list li:nth-child(3), .about-schema-list li:nth-child(4), .about-schema-list li:nth-child(5), .about-schema-list li:nth-child(6) { padding-left: 0; padding-right: 35px; text-align: right; }
.about-schema-list li:nth-child(1)::before, .about-schema-list li:nth-child(2)::before, .about-schema-list li:nth-child(3)::before, .about-schema-list li:nth-child(4)::before, .about-schema-list li:nth-child(5)::before, .about-schema-list li:nth-child(6)::before { left: auto; right: 0; }
.about-schema-list li:nth-child(7)::before { top: auto; bottom: 0; left: 50%; margin-top: 0; }
.about-sections .buttons { width: 100%; text-align: center; }

/* EFFECTS SECTION */
.effects-sections { background: #e5e0e6; }
.effect-item .inner { position: relative; }
.effect-item figure  { position: relative; width: 262px; height: 262px; border-radius: 26px; overflow: hidden;  -webkit-box-shadow: 0px 0px 61px -24px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 61px -24px rgba(0,0,0,0.75); box-shadow: 0px 0px 61px -24px rgba(0,0,0,0.75); }
.effect-item figure img {  position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.effect-item h3 { display: inline-block; font-size: 25px; color: #fff; background: #a22e9e; text-transform: uppercase; font-weight: 600; text-align: center; padding: 5px 15px; margin-bottom: 25px; }
.effect-item ul li { position: relative; font-size: 17px; line-height: 1.2; font-weight: 500; text-transform: uppercase; padding-left: 30px; margin: 19px 0; text-align: left; }
.effect-item ul li::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 12px; height: 12px; background: #000; border-radius: 100%; }
.effect-item-1 { text-align: center; }
.effect-item-1 figure { position: absolute; top: 0; left: 50%; margin-left: -131px; }
.effect-item-1 .row .column-1, .effect-item-1 .row .column-2 { -ms-flex: 0 0 calc(50% - 70px); flex: 0 0 calc(50% - 70px); max-width: calc(50% - 70px); }
.effect-item-1 .row .column-1 div, .effect-item-1 .row .column-2 div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 262px; }
.effect-item-1 .row .column-1 ul li, .effect-item-2 ul li { text-align: right; padding-left: 0; padding-right: 30px; }
.effect-item-1 .row .column-1 ul li::before, .effect-item-2 ul li::before { left: auto; right: 0; }
.effect-item-1 .row .column-1 { margin-right: 70px; }
.effect-item-1 .row .column-2 { margin-left: 70px; }
.effects-row { margin-top: 55px; }
.effects-row .effect-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 30px; padding-right: 30px; }
.effects-row .effect-item { position: relative; padding-bottom: 55px; }
.effects-row .effect-item h3 { position: absolute; bottom: 0; right: 30px; width: 262px; text-align: center; }
.effect-item-2 h3 { text-align: right; }
.effect-item-2 .inner { position: relative; padding-right: 290px; margin-bottom: 35px; }
.effect-item-2 .inner figure, .effect-item-3 .inner figure { position: absolute; top: 0; right: 0; }
.effect-item-2 .inner div, .effect-item-3 .inner div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 262px; }
.effect-item-3 h3 { right: auto; left: 30px; text-align: left; }
.effect-item-3 .inner { position: relative; padding-left: 290px; margin-bottom: 35px; }
.effect-item-3 .inner figure { right: auto; left: 0; }

/* HOW TO WORK SECTION */
.howtowork-sections { background: rgb(221,218,218); background: -moz-linear-gradient(0deg, rgba(221,218,218,0) 0%, rgba(221,218,218,1) 13%, rgba(221,218,218,1) 50%, rgba(221,218,218,1) 80%, rgba(221,218,218,1) 100%); background: -webkit-linear-gradient(0deg, rgba(221,218,218,0) 0%, rgba(221,218,218,1) 13%, rgba(221,218,218,1) 50%, rgba(221,218,218,1) 80%, rgba(221,218,218,1) 100%); background: linear-gradient(0deg, rgba(221,218,218,0) 0%, rgba(221,218,218,1) 13%, rgba(221,218,218,1) 50%, rgba(221,218,218,1) 80%, rgba(221,218,218,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddada",endColorstr="#dddada",GradientType=1); }
.howtowork-list li .item { background: #c7c7c7; border-radius: 90px 90px 320px 320px; }
.howtowork-list li h3 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 86px; text-align: center; border-radius: 90px; font-size: 19px; color: #fff; text-transform: uppercase; font-weight: 600; border: 2px solid #fff; background: rgb(120,120,120); background: -moz-linear-gradient(148deg, rgba(120,120,120,1) 0%, rgba(120,120,120,1) 20%, rgba(120,120,120,1) 50%, rgba(190,190,190,1) 94%, rgba(190,190,190,1) 100%); background: -webkit-linear-gradient(148deg, rgba(120,120,120,1) 0%, rgba(120,120,120,1) 20%, rgba(120,120,120,1) 50%, rgba(190,190,190,1) 94%, rgba(190,190,190,1) 100%); background: linear-gradient(148deg, rgba(120,120,120,1) 0%, rgba(120,120,120,1) 20%, rgba(120,120,120,1) 50%, rgba(190,190,190,1) 94%, rgba(190,190,190,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#787878",endColorstr="#bebebe",GradientType=1); -webkit-box-shadow: 0px 32px 23px -30px rgba(0,0,0,0.75); -moz-box-shadow: 0px 32px 23px -30px rgba(0,0,0,0.75); box-shadow: 0px 32px 23px -30px rgba(0,0,0,0.75); }
.howtowork-list li .item div { font-size: 15px; line-height: 1.4; text-transform: uppercase; text-align: center; padding: 30px 55px; min-height: 444px; }
.howtowork-list figure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 130px; margin-bottom: 40px; }
.howtowork-list figure img { max-width: 100%; max-height: 100%; }
.howtowork-list li:nth-child(1) .item { background: #cbb6cb; }
.howtowork-list li:nth-child(2) .item { background: #b5abb6; }
.howtowork-list li:nth-child(2) .item h3 { background: rgb(114,100,117); background: -moz-linear-gradient(139deg, rgba(114,100,117,1) 0%, rgba(123,110,125,1) 32%, rgba(161,149,161,1) 53%, rgba(161,149,161,1) 65%, rgba(187,172,187,1) 100%); background: -webkit-linear-gradient(139deg, rgba(114,100,117,1) 0%, rgba(123,110,125,1) 32%, rgba(161,149,161,1) 53%, rgba(161,149,161,1) 65%, rgba(187,172,187,1) 100%); background: linear-gradient(139deg, rgba(114,100,117,1) 0%, rgba(123,110,125,1) 32%, rgba(161,149,161,1) 53%, rgba(161,149,161,1) 65%, rgba(187,172,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#726475",endColorstr="#bbacbb",GradientType=1); }
.howtowork-list li:nth-child(1) .item div { padding-left: 25px; padding-right: 25px; }
.howtowork-list li:nth-child(1) h3 { background: rgb(112,78,119); background: -moz-linear-gradient(148deg, rgba(112,78,119,1) 0%, rgba(112,78,119,1) 20%, rgba(112,78,119,1) 50%, rgba(189,156,189,1) 94%, rgba(189,156,189,1) 100%); background: -webkit-linear-gradient(148deg, rgba(112,78,119,1) 0%, rgba(112,78,119,1) 20%, rgba(112,78,119,1) 50%, rgba(189,156,189,1) 94%, rgba(189,156,189,1) 100%); background: linear-gradient(148deg, rgba(112,78,119,1) 0%, rgba(112,78,119,1) 20%, rgba(112,78,119,1) 50%, rgba(189,156,189,1) 94%, rgba(189,156,189,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#704e77",endColorstr="#bd9cbd",GradientType=1); }

/* INDICATIONS SECTION */
.indications-sections .row { max-width: 630px; margin: 0 auto; }
.indications-list li { position: relative; font-size: 17px; line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 12px; padding-left: 35px; }
.indications-list li::before { content: ""; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background: url("../images/hyalexo/bullet.png") 50% 50% no-repeat; background-size: 100% 100%; }

/* SAFETY SECTION */
.safety-sections { background: #efedee; overflow: hidden; }
.safety-sections::after { content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -220px; width: 790px; height: 358px; background: url("../images/webp/safety-bg.webp") 50% 50% no-repeat; zoom: .85; z-index: -1; }
.safety-sections .inner { position: relative; padding-left: 380px; }
.safety-sections .inner figure { position: absolute; top: 0; left: 0; width: 310px; text-align: center; }
.safety-sections .inner figure img { max-width: 310px; min-height: 320px; }
.safety-sections .inner p, .safety-bottom p { position: relative; font-size: 17px; line-height: 1.4; text-transform: uppercase; padding-bottom: 40px; }
.safety-sections .inner p strong, .safety-bottom p strong { font-weight: 600; }
.safety-sections .inner p .logo-text { font-size: 20px; font-weight: 600; text-transform: none; }
.safety-sections .inner p::after { content: ""; position: absolute; bottom: 8px; left: 0; width: 100%; height: 2px; background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.safety-sections .inner p:last-child::after { display: none; }
.safety-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: end; -ms-flex-pack: start; justify-content: start; margin-top: 55px; }
.safety-bottom h3 { font-family: 'Optimalc'; font-size: 38px; }
.safety-bottom h3 br { display: none; }
.safety-bottom p { width: 450px; margin: 0; padding: 0; }
.safety-bottom p strong { color: #733571; font-weight: 500; }

/* STEPS SECTION */
.steps-list li { position: relative; }
.steps-list li::before { content: ""; position: absolute; top: 45px; left: 0; width: 100%; height: 2px; background: #000; }
.steps-list li:nth-child(1)::before, .steps-list li:nth-child(2)::before, .steps-list li:nth-child(3)::before, .steps-list li:nth-child(4)::before { display: none; }
.steps-list li figure img { max-width: 100%; }
.steps-list li .step-info { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: start; -ms-flex-pack: start; justify-content: start; }
.steps-list li .steps-list li .step-info p { font-size: 16px; font-weight: 600; text-transform: uppercase; }
.steps-list li .step-info div { font-size: 60px; font-weight: 600; margin-right: 12px; line-height: 1; }

/* RECOMENDATION SECTION */
.recomendations-sections { background: #e4d5de; }
.recomendations-list { margin-bottom: 35px; }
.recomendations-list .item { position: relative; padding: 0 30px; text-align: center; }
.recomendations-list .item::before { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 235px; background: #000000; }
.recomendations-list li:last-child .item::before { display: none; }
.recomendations-list h3 { position: relative; padding: 4px 15px; font-size: 25px; color: #943c8f; text-align: center; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; }
.recomendations-list h3::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); opacity: .4; z-index: -1; }
.recomendations-list h4 { font-size: 45px; font-weight: bold; }
.recomendations-list h5 { font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }
.logo-text { font-family: 'Optimalc'; }
.recomendations-slogan { color: #943c8f; font-size: 30px; letter-spacing: 4px; font-weight: 600; text-transform: uppercase; text-align: center; }

/* ARTICLES SECTION */
.articles-list { position: relative; }
.articles-list li { padding-left: 15px; padding-right: 15px; margin-bottom: 55px; }
.articles-list li article { position: relative; }
.articles-list .inner { position: relative; overflow: hidden; z-index: 5; }
.articles-list .article-photo { position: relative; display: block; height: 212px; overflow: hidden; border: 1px solid #ccc; margin-bottom: 15px; }
.articles-list .article-photo span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.articles-list .item:hover .article-photo span { scale: 1.1; }
.articles-list .article-info { position: relative; }
.articles-list .article-info h2 { margin-bottom: 15px; overflow: hidden; }
.articles-list .article-info h2 a { display: block; color: #000; font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.articles-list .article-info h2 a:hover { color: #000; }
.articles-list .article-info time { display: block; margin-bottom: 15px; }}
.articles-list li .showmore-butn { display: block; color: #004AAD; }
.showmore-butn { color: #004AAD; }
.articles-list li .showmore-butn span::after { font-family: "FontAwesome"; content: "\f054"; color: #004AAD; }

/* ARTICLES / SINGLE */
.article-img { margin-bottom: 25px; }

/* TEXT EDITOR */
.alignleft { float: left; margin: 0 20px 10px 0; max-width: 400px; }
.alignright { float: right; margin: 0 0 10px 20px; max-width: 400px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
.wp-caption { max-width: 100%; text-align: center; }
blockquote { position: relative; padding: 15px 0 15px 25px; border-left: 1px solid #91989e; background: #f2f2f2; }
blockquote * { margin: 0; }
.article-wrapper h1, .article-wrapper h2, .article-wrapper h3 { color: #000; font-size: 26px; font-weight: normal; text-transform: uppercase; margin: 20px 0 15px 0; }
@media all and (max-width: 768px) {
.article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .single-editor h1, .single-editor h2, .single-editor h3 { font-family: 'Roboto', sans-serif; font-size: 19px; }
}
table { margin-bottom: 15px; border-top: 1px solid #91989e; border-left: 1px solid #91989e; }
table th, table td { padding: 6px 15px; border-bottom: 1px solid #91989e !important; border-right: 1px solid #91989e !important; }
table th { background: #91989e; color: #fff; border-color: #fff; }
.single-editor li, .showmore-butn { font-size: 16px; }
.wp-caption-text { margin-top: 15px; }
.singlepage-section *, .articlescat-section .ttl h1, .article-info h2 a { font-family: 'Roboto', sans-serif; }
.singlepage-section hr { background: #000; }
.singlepage-section hr:before { display: none; }
.singlepage-section table { width: 100%; }
.wp-caption { width: 100% !important; }

/* PAGINATION */
.navigation, .woocommerce-pagination { text-align: center; margin-bottom: 45px; }
.navigation ul, .woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; margin: 1px; }
.navigation ul.page-numbers li, .navigation ul.page-numbers li, .woocommerce-pagination ul.page-numbers li, .woocommerce-pagination ul.page-numbers li { display: inline-block; }
.navigation ul li, .woocommerce-pagination ul li { padding: 0; margin: 0 3px; float: left; display: inline; overflow: hidden; }
.navigation a, .navigation span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span { display: block; width: 34px; height: 38px; text-align: center; line-height: 38px; color: #000; background: #eeeeee; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navigation a, .navigation span { display: inline-block; vertical-align: top; margin: 0 3px; }
.navigation a:hover, .woocommerce-pagination ul li a:hover { background: #000; color: #fff; }
.navigation span.current, .woocommerce-pagination ul li span.current { background: #004AAD; color: #ffffff; text-shadow: rgba(0,0,0,0.48) 0 1px 1px; }
.navigation a.next span, .navigation a.prev span { background: transparent; }
.navigation a.next:hover span, .navigation a.prev:hover span { color: #fff; }

/* POPUPS */
.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; margin-top: 35px; margin-bottom: 35px; } 
.mfp-zoom-out .white-popup { display: inline-block; position: relative; background: #d0b8ca; max-width: 550px; min-width: 200px; z-index: 100000; padding: 30px; border: 1px solid #ddd; -webkit-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); -moz-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4);  box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); } 
.mfp-zoom-out .mfp-close { top: 0 !important; right: 0!important; color: #444444 !important; font-size: 35px !important; background: #f1f1f1; border: 1px solid #ddd; border-top: 0; border-right: 0; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { color: #4274aa !important; background: #ff6666; border-color: #eeaa44; color: #fff !important; }
.mfp-zoom-out.mfp-bg { background: rgba(0,0,0,.65) !important; }
.mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.96; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out .ttl { margin-bottom: 20px; }
.mfp-zoom-out .ttl h3 { color: #000; font-size: 23px; }
.mfp-zoom-out .ttl h3 span { color: #eeab50; }
.mfp-zoom-out p, .mfp-zoom-out li { color: #d1d1d1; font-size: 14px; }
.mfp-zoom-out h3 { color: #d1d1d1; font-size: 16px; font-weight: bold; }
.mfp-zoom-out .butn { width: 100%; text-align: center; }
.mfp-zoom-out hr { border-color: #e29f04; opacity: 0.50; }
.order-type a { display: block; padding: 12px 15px; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold; text-decoration: none; background: #0460a8; border: 1px solid rgba(255,255,255,.40); text-align: center; border-radius: 12px; margin-bottom: 15px; }
.order-type a:hover { background: #04579a; }

/* FORMS */
.form-wrapper { position: relative; z-index: 10; }
.form-group { position: relative; margin-bottom: 25px; }
.form-group:last-child { margin-bottom: 0 !important; }
.form-group input.form-control, .form-group textarea, .form-group select.form-control { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; border: 0; background: #fff; padding: 10px 15px; height: auto; border: 1px solid #B8B8B8; border-radius: 0; }
.form-group select.form-control { height: auto !important; }
.form-group input.form-control::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control::-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control:-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control:-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea::-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea:-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea:-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ffdfdf !important; }
.form-group textarea { max-height: 100px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ff96a4 !important; }
.hidden-form-group { display: none; }
.wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right: 0; }
.form-input.wpcf7-not-valid, .form-textarea.wpcf7-not-valid { border-color: #f03952; border-width: 1px !important; font-size: 13px; line-height: 1.2; } 
.ajax-loader { position: absolute !important; top: 12px !important; left: 0; width: 15px; height: 15px; margin: 0 !important; background: #ffffff; border-radius: 15px; }
.wpcf7-not-valid-tip, .screen-reader-response { display: none !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { background: #fff; font-size: 16px; line-height: 1.2; width: 100%; max-width: 405px; margin: 0 auto; }
.agree { margin: 0 0 15px 0; }
.agree span.wpcf7-list-item { margin: 0; padding: 0 4px; }
.agree span.wpcf7-validates-as-required { border-bottom: 2px solid rgba(255,255,255,0); margin: 0 6px 0 0; }
.agree span.wpcf7-validates-as-required.wpcf7-not-valid { border-color: #f06b7a; }
.agree a { color: #000; font-size: 14px; text-decoration: underline; }
form p, .form-group p, .agree p { color: #000; font-size: 14px; line-height: 1.2; }
.agree .wpcf7-list-item-label { display: none; }
.wpcf7-spinner { position: absolute; top: 11px; left: 10px; margin: 0; }
.formbutn { display: block; width: 100%; padding: 12px 15px; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold; text-decoration: none; background: #ff0000; text-align: center; border-radius: 8px; margin-bottom: 15px; border: 0; }
.formbutn:hover { background: #ba0404; }

/* FOOTER */ 
footer { position: relative; padding: 0 0 20px 0; background: #caced4; text-align: center; overflow: hidden; }
footer .second-row { padding-top: 45px; }
footer .socials-list { margin-bottom: 25px; }
footer .socials-list li { display: inline-block; margin: 0 5px; }
footer .socials-list li a { font-size: 35px; color: #2f455b; }
footer .socials-list li a:hover { color: #2878c5; }
 
/* SUBSCRIBLE */
#static-form-container { position: relative; width: auto !important; background: transparent !important; padding: 25px 0!important; margin: 0 !important; border-radius: 0 !important; text-align: left !important; }
#static-form-container::before { content: ""; position: absolute; top: 0; left: -5000px; width: 15000px; height: 100%; background: rgba(255,255,255,.40); }
#static-form-container h3 { text-align: left; color: #2878c5; font-size: 25px; text-transform: uppercase; font-weight: 500; margin: 0; }
#static-form-container label a { color: #2878c5; }
#static-form-container h3, #static-form-container .form-group { margin-bottom: 15px !important; }
#static-form-container .column-1 { position: relative; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding-left: 15px; padding-right: 15px; }
#static-form-container .column-2 { position: relative; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; padding-left: 15px; padding-right: 15px; }

/* COOKIE ATTEMPT */
.cookie-attempt { position: fixed; bottom: -100%; left: 0; width: 100%; margin: 0 !important; background: rgba(255,255,255,.96); -webkit-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.15); box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.15); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 999; }
.cookie-attempt.show { bottom: 0; }
.cookie-attempt .container { padding-top: 15px; padding-bottom: 20px; }
.cookie-attempt .container p { font-size: 15px; margin: 0; }
.cookie-attempt .access-butn { margin: 0; }
.cookie-attempt a { color: #000; text-decoration: underline; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.cookie-attempt a:hover { opacity: .4; }
.cookie-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
.cookie-attempt .column-1 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; padding-left: 15px; padding-right: 15px; }
.cookie-attempt .column-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%;  max-width: 16.666667%; padding-left: 15px; padding-right: 15px; }
.cookie-butn { position: relative; display: inline-block; vertical-align: top; padding: 3px 35px; background: #2878c5; text-decoration: none; font-size: 15px; font-weight: bold; color: #ffffff; border: 0; outline: none; text-align: center; overflow: hidden; cursor: pointer;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.cookie-butn:hover { text-decoration: none; color: #fff; background: #000; }
 
@media screen and (max-width: 1200px) {
	.cookie-attempt .column-1 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.cookie-attempt .column-2 { -ms-flex: 0 0 25%; flex: 0 0 25%;  max-width: 25%; }
}
@media (max-width: 768px) {
	.cookie-attempt .column-1, .cookie-attempt .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.cookie-attempt p br { display: none; }
	.cookie-attempt .column-1 { margin-bottom: 15px; }
}

/* RESPONSIVE */
.navi-button { display: none; font-size: 21px; padding: 0; font-size: 16px; color: #d0b8ca; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.navi-button i, .mobile-search-btn i { vertical-align: top; font-size: 26px; color: #d0b8ca; margin: -2px 8px 0 0; }
header.nobg .navi-button, header.nobg .navi-button i, header.nobg .mobile-search-btn i { color: #D13730; }
.navi-button i, .navi-button.show i.fa-bars { display: none; }
.navi-button i.fa-bars { display: inline-block; }
.navi-button.show i.fa-times { display: inline-block; }
.pushmenu { width: 210px; height: 100%; top: 0; z-index: 100000; position: fixed; overflow-x: scroll; background: #d0b8ca; }
.pushmenu-butn { display: none; }
.pushmenu-push-toleft .pushmenu-butn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
.pushmenu-box { margin: 15px 0 35px 0; }
.pushmenu ul { list-style: none; margin: 0; padding: 0; }
.pushmenu li { background: none; padding: 0; margin: 0; position: relative; }
.pushmenu li a:before { content: ""; position: absolute; top: 20px; left: 15px; width: 3px; height: 3px; background: #000; z-index: 10; }
.pushmenu li a, .pushmenu li span { display: block; padding: 11px 15px 11px 30px; color: #000; font-size: 16px; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.30); }
.pushmenu li.main-menu-item-53 a { font-weight: bold; }
.pushmenu li a:hover { background: rgba(110,46,98,0.25); border-color: rgba(110,46,98,0.35); text-decoration: none; }
.pushmenu li.current-menu-item a { }
.pushmenu li.main-menu-item-has-children > a { padding-left: 35px; }
.pushmenu li.main-menu-item-has-children > a:before { content: "-"; position: absolute; top: 11px; left: 15px; color: #ffffff; background: none; font-size: 16px; font-weight: bold; z-index: 5; }
.pushmenu li.main-menu-item-has-children.hide > a:before { content: "+"; }
.pushmenu li.main-menu-item-has-children.hide > ul { display: none; }
.pushmenu ul ul { display: none; }
.mobile-navi ::-webkit-scrollbar { display: none; }
.pushmenu::-webkit-scrollbar { display: none; }
.pushmenu-left { right: -210px; }
.pushmenu-left.pushmenu-open { right: 0; -webkit-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); -moz-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0; }
.pushmenu-push-toleft { right: 210px; }
.pushmenu, .pushmenu-push, .pushmenu li a, .fixed-socials, header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.pushmenu .pushmenu-list { margin-bottom: 25px !important; }
.pushmenu-push-toleft header { left: -210px; }
* { -webkit-text-size-adjust: none; }

@media (max-width: 1200px) {
.main-menu li a { font-size: 13px; }
.main-section h3 { font-size: 45px; }
.main-section h3 strong { font-size: 50px; }
.main-section .inner p { font-size: 21px; }
.main-section figure img { max-width: 390px; margin: 0; }
.safety-bottom h3 { font-size: 32px; text-align: center; }
.safety-bottom h3 br { display: none; }
.safety-sections .inner { padding-left: 310px; }
.howtowork-list li .item div { padding: 30px 25px; }
.howtowork-list li .item div { min-height: 485px; }
.howtowork-list li h3 { font-size: 16px; }
.effect-item figure { width: 190px; height: 235px; }
.effect-item-1 figure { top: 22px; margin-left: -99px; }
.effect-item-2 .inner { padding-right: 205px; }
.effect-item-3 .inner { padding-left: 205px; }
.type-info p, .type-more div { font-size: 17px; line-height: 1.3; }
.evolution-list .item { height: 310px; }
.evolution-list .item .evol-info { padding: 15px 20px; }
.evolution-list .item .evol-info div { height: 225px; }
.about-schema-list li { font-size: 15px; }
.about-sections h2 strong { font-size: 42px; }
.about-sections h2 { font-size: 24px; }
.about-schema-list li:nth-child(6), .about-schema-list li:nth-child(8) { top: 287px; }
.about-schema-list li:nth-child(5) { top: 390px; }
.about-schema-list li:nth-child(9) { top: 378px; }
.about-schema-list li:nth-child(4), .about-schema-list li:nth-child(10) { top: 460px; }
.about-schema-list li:nth-child(3), .about-schema-list li:nth-child(11) { top: 533px; }
.about-schema-list li:nth-child(2), .about-schema-list li:nth-child(12) { top: 590px; }
.about-schema-list li:nth-child(1), .about-schema-list li:nth-child(13) { top: 644px; }
footer .column-1, footer .column-2 { margin-bottom: 25px; }
}

@media (max-width: 992px) {
header .main-inner .column-2 { display: none; }
.navi-button { display: block; position: absolute; top: 3px; right: 15px; }
header .main-inner .column-1 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.steps-list li .step-info div { font-size: 40px; }
.safety-sections .inner { padding-left: 0; }
.safety-sections .inner figure { position: static; margin: 0 auto 15px auto; }
.safety-sections .inner figure img { width: 100%; max-width: 200px; min-height: auto; }
.safety-bottom { display: block; }
.safety-bottom p { width: 100%; }
.safety-sections::after { margin-left: -395px; }
.ttl .logo-text { font-size: 44px; }
.indications-list li br { display: none; }
.howtowork-list figure { height: 90px; }
.effect-item figure { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; width: 262px; height: 262px; margin: 0 auto 15px auto !important; }
.effect-item-1 .row .column-2 { margin-left: 0; }
.effect-item-1 .row .column-1 { margin-right: 0; }
.effect-item-1 .row .column-1, .effect-item-1 .row .column-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; }
.effect-item-1 .row .column-1 ul li, .effect-item-2 ul li { padding-right: 0; padding-left: 30px; }
.effect-item-1 .row .column-1 ul li, .effect-item-2 ul li { text-align: left; }
.effect-item-1 .row .column-1 ul li::before, .effect-item-2 ul li::before { left: 0; right: auto; }
.effect-item-1 .row .column-1 div, .effect-item-1 .row .column-2 div { display: block; height: auto; }
.effects-row .effect-item h3 { position: relative; }
.effect-item { text-align: center; }
.effect-item-2 .inner { padding-right: 0; }
.effect-item-3 .inner { padding-left: 0; }
.effects-row .effect-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
.effects-row .effect-item h3 { right: auto; left: auto; }
.effect-item-2 .inner div, .effect-item-3 .inner div { height: auto; }
.effect-item ul li br { display: none; }
.effects-row { margin-top: 20px; }
.effect-item-2 .inner, .effect-item-3 .inner { margin-bottom: 0; }
.effects-row .effect-item { padding-bottom: 15px; }
.effects-row .effect-item.effect-item-3 { padding-bottom: 0; }
.type-info, .types-item-2 .type-info, .type-more, .types-item-3 .type-info, .type-img { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.type-more br { display: none; }
.type-more div { max-width: 100%; }
.type-more strong { display: block; }
.types-item-3 .type-info { padding: 0; }
.types-sections .row { display: block; }
.types-item figure { margin: 0 auto 20px auto; }
.type-info, .type-more { margin-bottom: 35px; }
.types-item-3 { position: relative; padding-top: 180px; }
.types-item-3 figure { position: absolute; top: 0; left: 50%; margin-left: -140px; width: 280px; height: 143px; }
.types-item-3 figure div { width: 268px; height: 130px; }
.type-info::before { border-radius: 0 !important; }
.type-info { padding: 15px !important; }
.types-item-3 .type-info { margin-bottom: 0; padding: 0 !important; }
.evolution-list .item { height: 260px; }
.evolution-list .item .evol-info div { height: 170px; }
.evolution-list li .item { border-radius: 50px 0 50px 0 !important; }
.main-section h3 strong { font-size: 36px; }
.main-section .row > p br { display: none; }
.main-section .inner { padding-top: 60px; }
.about-sections { height: auto; overflow: hidden; }
.about-schema figure { margin-top: 25px; }
.about-schema-list { display: grid; grid-template-columns: 1fr 1fr; }
.about-schema-list li { position: relative; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin-right: 0 !important; width: 100%; text-align: left !important; margin: 0 20px 15px 0 !important; padding: 0 0 0 30px !important; }
.about-schema-list li::before { top: -2px !important; right: auto !important; left: 0 !important; margin: 0 !important; }
.about-schema-list li br { display: none; }
.about-schema-full { display: none; }
.about-schema-sm { display: inline !important; max-width: 520px; margin: 0; }
.about-sections::before { width: 100%; height: 100%; left: 0; margin: 0; }
.about-sections h2 { font-size: 22px; }
.about-sections h2 br { display: none; }
#static-form-container .column-1 { margin-bottom: 0; }
#static-form-container .column-1, #static-form-container .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media all and (max-width: 768px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 28px; }
.main-section h3 { font-size: 38px; }
.main-section h3 strong { font-size: 29px; }
.main-section .row { display: block; height: auto; }
.main-section .inner p { font-size: 19px; line-height: 1.4; margin-bottom: 35px; }
.main-section .inner p br { display: none; }
.main-section figure img { max-width: 320px; }
.main-section .row > p { font-size: 17px; }
.main-section { padding-bottom: 20px; }
.recomendations-slogan { font-size: 25px; letter-spacing: 0; }
.steps-list li::before { display: none; }
.safety-sections .inner p:last-child::after { display: block; }
.safety-bottom { display: block; margin-top: 0; }
.safety-bottom h3 { margin: 130px 0 0 0; }
.indications-list li br { display: none; }
.howtowork-list li .item div { min-height: 100%; }
.in.howtowork-sections { padding-bottom: 0; }
.indications-sections .ttl h2 .logo-text { display: block; }
.in.indications-sections { padding-top: 15px; }
.howtowork-list li .item { border-radius: 40px 40px 160px 160px; }
.types-sections .row { margin-left: 0; margin-right: 0; }
.about-schema-sm { max-width: 100%; }
.about-sections .buttons { margin-top: 25px; }
.scrolled-table { position: relative; width: 100%; overflow-x: scroll; margin-bottom: 25px; }
table th, table td { padding: 6px 5px; font-size: 13px; }
}

@media all and (max-width: 580px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 24px; }
.main-section h3 { font-size: 26px; }
.main-section h3 strong { font-size: 26px; }
.main-section h3::after { left: 0; width: 100%; }
.main-section .inner p { font-size: 16px; }
.main-section figure img { max-width: 270px; }
.main-section .row > p { font-size: 13px; line-height: 1.5; }
.steps-list > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } 
.steps-list li .step-info div { font-size: 34px; }
.step-info p { font-size: 14px; line-height: 1.2; }
section.in { padding-top: 45px; padding-bottom: 45px; }
.recomendations-slogan, .effect-item h3 { font-size: 21px; }
.recomendations-list { margin-bottom: 15px; }
.ttl .logo-text { font-size: 35px; }
.safety-sections .inner p, .safety-bottom p { font-size: 15px; line-height: 1.3; }
.safety-sections::after { zoom: .6; margin-left: -450px; }
.safety-bottom h3 { font-size: 27px; }
.effect-item-1 .row .column-1, .effect-item-1 .row .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.effect-item-1 .row .column-2 { margin-top: -20px; }
.effect-item-2 .inner div, .effect-item-3 .inner div { display: block; }
.effect-item ul li { margin: 10px 0; }
.effect-item ul li, .indications-list li { font-size: 16px; }
.effect-item figure { width: 235px; height: 235px; }
.type-info p, .type-more div { font-size: 15px; line-height: 1.4; }
.evolution-list .item { height: auto; }
.evolution-list .evol-info { margin-left: 0 !important; }
.evolution-list .item .evol-info h2 { font-size: 22px; }
.evolution-list .item .evol-info h2 strong { font-size: 32px; }
.evolution-list .item .evol-info div p { font-size: 13px; }
.evolution-list .item .evol-info div { height: 185px; }
.evolution-list .item .evol-img { position: static; left: 0; width: 100%; height: 230px; }
.evolution-list .item .evol-info { width: 100%; }
.evolution-list .item .evol-info div { height: auto; }
.evolution-list li:last-child { margin-bottom: 0; }
.about-schema-list { display: block; }
.about-sections h2 { font-size: 17px; line-height: 1.2; }
.about-sections h2 strong { font-size: 32px; }
.butn { font-size: 15px; }
.owl-carousel { max-width: 320px; margin: 0 auto; }
.scrolled-table { width: calc(100vw - 30px); }
.scrolled-table::after { content: "Проскромте таблицу в сторону →"; display: block; }
}

@media all and (max-width: 385px) {
.product-slider-trumbs li { width: 130px !important; }
.owl-carousel { max-width: 280px; }
}

@media all and (max-width: 350px) {
.owl-carousel .owl-nav .owl-prev, .slick-prev { left: -15px; }
.owl-carousel .owl-nav .owl-next, .slick-next { right: -15px; }
}