/* FONTS */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-Black.eot');
    src: url('../fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Black.woff2') format('woff2'),
        url('../fonts/CeraPro-Black.woff') format('woff'),
        url('../fonts/CeraPro-Black.ttf') format('truetype'),
        url('../fonts/CeraPro-Black.svg#CeraPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-Light.eot');
    src: url('../fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Light.woff2') format('woff2'),
        url('../fonts/CeraPro-Light.woff') format('woff'),
        url('../fonts/CeraPro-Light.ttf') format('truetype'),
        url('../fonts/CeraPro-Light.svg#CeraPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-Regular.eot');
    src: url('../fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Regular.woff2') format('woff2'),
        url('../fonts/CeraPro-Regular.woff') format('woff'),
        url('../fonts/CeraPro-Regular.ttf') format('truetype'),
        url('../fonts/CeraPro-Regular.svg#CeraPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-Bold.eot');
    src: url('../fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Bold.woff2') format('woff2'),
        url('../fonts/CeraPro-Bold.woff') format('woff'),
        url('../fonts/CeraPro-Bold.ttf') format('truetype'),
        url('../fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Regular.eot');
    src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MinionPro-Regular.woff2') format('woff2'),
        url('../fonts/MinionPro-Regular.woff') format('woff'),
        url('../fonts/MinionPro-Regular.ttf') format('truetype'),
        url('../fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* 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: "Cera Pro", sans-serif; color: #000000; font-size: 18px; font-weight: 400; line-height: 1.2; background: transparent; }
a { color: #4c76ba; text-decoration: underline; } 
a:hover { text-decoration: underline; outline: 0; color: #73a745; }
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; }
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: 195px; }
article img, section img { max-width: 100%; margin-bottom: 25px; }

/* GLOBAL TRANSITION */
.butn, .btn i, .ttl-btn, .ttl-btn i, .main-menu li a, .grid-item a, .zoom-in::before, .zoom-in::after, .video-link::before, .video-link::after, .more-social-list li a, .footer-phones a, .footer-info li a, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .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, .head-contacts a,  .social-list li a, .social-list li a::after { -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: 40px; padding-bottom: 40px; }
section.page-section { margin-top: 50px !important; }

/* TITLES */
.ttl { text-align: center; margin-bottom: 45px; }
.ttl h1, .ttl h2, .ttl h3 { display: inline-block; position: relative; font-size: 30px; line-height: 1.2; font-weight: 700; margin: 0; }
.ttl-wht * { color: #fff; }
.ttl-upc * { text-transform: uppercase; }
.ttl.align-left { text-align: left; }
.ttl span { display: inline-block; text-align: left; }

/* COLLAPSE CONTENT */
.ttl-btn { border: 2px solid #73a745; padding: 15px 60px 15px 35px; border-radius: 36px; cursor: pointer; }
.ttl-btn h2 { font-weight: 700; margin: 0; }
.ttl-btn i { margin-right: 6px; }
.ttl-btn i.fa-chevron-down { position: absolute; top: 50%; right: 15px; margin-top: -14px; width: 29px; height: 29px; border-radius: 100%; color: #fff; font-size: 12px; line-height: 29px; background: #73a745; text-align: center; text-shadow: none; -webkit-box-shadow: 0px 7px 66px -29px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 66px -29px rgba(0,0,0,0.75); box-shadow: 0px 7px 66px -29px rgba(0,0,0,0.75); }
.ttl-btn:hover, .ttl-btn.active { background: #d8ebba !important; }
.ttl-btn.active i.fa-chevron-down { transform: rotate(180deg);  }
.collapse-wrapper .buttons { text-align: center; font-weight: 700; margin-bottom: 25px; }
.collapse-inner { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; }

/* BUTTONS */
.butn { position: relative; display: inline-block; vertical-align: top; width: 100%; max-width: 310px; padding: 12px 35px; background: #b32230; text-decoration: none; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 1.1; border: 2px solid #f48479; border-radius: 6px; outline: none; text-align: center; overflow: hidden; cursor: pointer; }
.butn i { margin-right: 6px; }
.butn.border-butn { color: #030303; background: transparent; border-color: #030303; }
.butn.big-butn { max-width: 380px; }
.butn.fullw-butn { width: 100%; }
.butn:hover { text-decoration: none; color: #fff !important; background: #91121e; }
.butn.border-butn:hover { border-color: #030303; color: #fff !important; background: #030303; opacity: 1; }
.shine-butn::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(213,195,146,0) 0%, rgba(213,195,146,.5) 100%); background: linear-gradient(to right, rgba(213,195,146,0) 0%, rgba(213,195,146,.5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 3.15s infinite; animation: shine 3.15s infinite; z-index: 2; }
.shine-butn:hover::after { display: none; }
@-webkit-keyframes shine { 100% {left: 125%; } }
@keyframes shine { 100% { left: 125%; } }

/* OWL CAROUSEL */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin: -16px 0 0 0; width: 32px; height: 32px; border-radius: 100%; outline: none; background: #eb5e2c !important; border-radius: 47px; text-indent: -1000px; }
.owl-carousel .owl-nav .owl-prev { left: -17px; }
.owl-carousel .owl-nav .owl-prev::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f053"; font-size: 18px; color: #fff; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; line-height: 32px; z-index: 25; }
.owl-carousel .owl-nav .owl-next { right: -17px; }
.owl-carousel .owl-nav .owl-next::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 18px; color: #fff; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; line-height: 32px; z-index: 25; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background: #bd4419 !important; }
.owl-carousel .owl-nav .owl-prev:hover::before, .owl-carousel .owl-nav .owl-next:hover::before { color: #fff !important; }
.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: 1px solid #eb5e2c; border-radius: 100%; background: none; }
.owl-carousel .owl-dots button.active span { background: #eb5e2c; }

/* 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 / LOGO */
.logo img { max-width: 376px; }

/* HEADER */
header { background: #363636; }
header .column-1 { -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; padding-left: 15px; padding-right: 15px; }
header .column-2 { -ms-flex: 0 0 calc(100% - 240px); flex: 0 0 calc(100% - 240px); max-width: calc(100% - 240px); padding-left: 15px; padding-right: 15px; }
header .logo img { max-width: 180px; }
.main-inner { position: relative; padding: 12px 0; }

/* HEADER - MENU */
.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: #ffffff; font-size: 17px; text-decoration: none; }
.main-menu li:hover > a, .main-menu li.active > a { color: #ca7d7b; }
.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; }
.main-menu ul li.menu-item-blog a { position: relative; padding-right: 24px; }
.main-menu ul li.menu-item-blog a::before { position: absolute; top: 50%; right: 0; width: 16px; height: 16px; border-radius: 100%; margin-top: -8px; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; color: #fff; font-size: 12px; line-height: 17px; background: #73a745; text-align: center; }

/* MAIN SECTION */
.main-section { padding: 85px 0 0 0; margin-bottom: 110px; z-index: 5; }
.main-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 800px; background: url("../images/hyalexo-scalp/main-bg.jpg") 50% 50% no-repeat; background-size: cover; }
.main-section .container { height: 735px; }
.main-section-hex { position: absolute; top: -60px; left: 50%; margin-left: -960px; width: 1920px; height: 791px; max-width: none; }
.main-section .inner { position: relative; max-width: 443px; z-index: 5; }
.main-section .inner figure { margin-bottom: 25px; }
.main-section .inner img { max-width: 100%; margin: 0 }
.main-section .inner h2 { max-width: 400px; margin-bottom: 25px; }
.main-section .inner h2 span { display: block; vertical-align: top; padding: 3px 15px; background: #b32230; color: #fff; font-size: 38px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 5px; }
.main-section .inner p { font-size: 20px; }
.main-section .inner .buttons { margin-top: 35px; }
.main-product { position: absolute; bottom: -235px; right: 80px; z-index: 20; }
.main-section-bottom { position: absolute; bottom: -110px; left: 0; width: 100%; padding: 50px 50px; background: #363636; border-radius: 16px; border: 2px solid #cf8180; overflow: hidden; z-index: 5; }
.main-section-bottom ul { max-width: 900px; }
.main-section-bottom li { position: relative; color: #fff; font-size: 21px; padding-left: 55px; margin-bottom: 35px; }
.main-section-bottom li::before { content: ""; position: absolute; top: 5px; left: 0; width: 40px; height: 40px; background: url("../images/hyalexo-scalp/check.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.main-section-bottom li:last-child { margin: 0; }
 
/* STEPS SECTION */ 
.steps-section .inner { position: relative; height: 740px; }
.steps-section .inner::after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -654px; width: 1308px; height: 740px; background: url("../images/hyalexo-scalp/steps-bg2.jpg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.steps-section .ttl { position: relative; top: 100px; left: 50px; }
.steps-list { margin: 0; }
.steps-list li { position: absolute; font-size: 18px; text-align: left; }
.steps-list li.item-1 { top: 215px; right: 50%; margin-right: -395px; }
.steps-list li.item-1::before { content: ""; position: absolute; top: 33px; left: -32px; width: 63px; height: 133px; background: url("../images/hyalexo-scalp/step-arrow-1.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.steps-list li.item-2 { top: 440px; right: 50%; margin-right: -495px; }
.steps-list li.item-2::before { content: ""; position: absolute; top: 23px; left: -90px; width: 79px; height: 112px; background: url("../images/hyalexo-scalp/step-arrow-2.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.steps-list li.item-3 { top: 640px; right: 50%; margin-right: -340px; }
.steps-list li.item-3::before { content: ""; position: absolute; top: -31px; left: -115px; width: 130px; height: 43px; background: url("../images/hyalexo-scalp/step-arrow-3.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.steps-list li.item-4 { top: 640px; left: 50%; margin-left: -310px; text-align: right; }
.steps-list li.item-4::before { content: ""; position: absolute; top: -104px; right: 1px; width: 118px; height: 92px; background: url("../images/hyalexo-scalp/step-arrow-4.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.steps-list li.item-5 { top: 425px; left: 50%; margin-left: -495px; text-align: right; }
.steps-list li.item-5::before { content: ""; position: absolute; top: -88px; right: -44px; width: 38px; height: 147px; background: url("../images/hyalexo-scalp/step-arrow-5.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.steps-list li.item-6 { top: 215px; left: 50%; margin-left: -450px; text-align: right; }
.steps-list li.item-6::before { content: ""; position: absolute; top: -51px; right: -120px; width: 108px; height: 105px; background: url("../images/hyalexo-scalp/step-arrow-6.svg") 50% 50% no-repeat; background-size: 100% 100%; }

/* COMPOSITION SECTION */
.composition-section { z-index: 10; }
.composition-section .inner { position: relative; height: 398px; margin-bottom: 35px; }
.composition-section .inner::after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -305px; width: 1258px; height: 398px; background: url("../images/hyalexo-scalp/composition-bg.png") 50% 50% no-repeat; z-index: -1; }
.composition-section .inner .footer-logo { position: absolute; bottom: 30px; left: 50px; max-width: 376px; }
.composition-section .inner figure { position: absolute; top: 25px; left: 470px; }
.composition-info { position: absolute; top: 220px; left: 840px; }
.composition-info h2 { font-style: italic; }
.composition-info ul { position: relative; z-index: 5; }
.composition-info li { position: relative; padding: 4px 10px; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.composition-info li::before { content: "·"; position: absolute; top: 0; left: -23px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 25px; width: 23px; height: 100%; background: #b32230; border-radius: 66px 0 0 66px; }
.composition-info li::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1); z-index: -1; }

/* EFFECTS SECTION */
.effects-sections.in { padding-top: 0; background: #e5e7e5; }
.effects-top { padding: 15px 0; text-align: center; background: #b32230; margin-bottom: 35px; }
.effects-top h3 { color: #fff; font-weight: bold; text-transform: uppercase; margin: 0; }
.effects-list { max-width: 920px; margin: 0 auto 55px auto; }
.effects-list .item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: start; height: 90px; padding-left: 115px; margin-bottom: 20px; border-radius: 66px 0 0 66px; overflow: hidden; }
.effects-list .item::after { content: ""; position: absolute; top: 0; left: 90px; width: calc(100% - 115px); height: 100%; background: #FFFFFF; background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1); z-index: -1; }
.effects-list figure { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 90px; height: 90px; background: #b32230; }
.effects-list figure img { width: auto; height: auto; max-width: 85%; height: 85%; margin: 0; }
.effects-list h3 { font-size: 25px; margin: 0; }
.effects-schemas .item { background: #fff; padding-bottom: 20px;-webkit-box-shadow: 0px 0px 24px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 24px 3px rgba(0,0,0,0.1); }
.effects-schemas .item h3 { color: #fff; font-size: 22px; padding: 6px 15px; text-align: center; background: #b32230; margin: 0 0 20px; }
.effects-schemas .item figure { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.effects-schemas .item figure img { width: auto; height: auto; max-width: 100%; margin: 0; }

/* FEATURES SECTION */
.features-sections { background: url("../images/hyalexo-scalp/features-bg.jpg") fixed no-repeat; background-size: cover; z-index: 30; }
.features-head { text-align: center; }
.features-head img { max-width: 400px; margin-bottom: 15px; }
.features-head h3 { color: #fff; }
.features-head p { color: #fff; font-style: italic; }
.features-sections .inner { position: relative; text-align: center; margin: 80px 0 0 0; }
.features-list { margin: 0; }
.features-list li { position: absolute; color: #fff; font-size: 25px; font-weight: bold; text-transform: uppercase; text-align: left; cursor: pointer; }
.features-list li p { position: absolute; top: 0; left: 0; width: 320px; padding: 15px; background: #b32230; color: #fff; font-size: 15px; font-weight: normal; text-transform: none; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.6s ease, max-height 0.6s ease; }
.features-list li:hover { z-index: 10; }
.features-list li:hover p {  opacity: 1; max-height: 300px; overflow: visible; }
.features-list li.item-1 { top: -10px; left: 50%; margin-left: -260px; }
.features-list li.item-2 { top: -10px; right: 50%; margin-right: -280px; }
.features-list li.item-3 { top: 125px; left: 50%; margin-left: -415px; }
.features-list li.item-4 { top: 125px; right: 50%; margin-right: -515px; }
.features-list li.item-5 { top: 337px; left: 50%; margin-left: -365px; }
.features-list li.item-6 { top: 325px; right: 50%; margin-right: -430px; }
.features-list li.item-7 { top: 500px; left: 50%; margin-left: -250px; }
.features-list li.item-8 { top: 500px; right: 50%; margin-right: -225px; }
.features-list li.item-1 p, .features-list li.item-3 p, .features-list li.item-5 p, .features-list li.item-7 p { left: auto; right: 0; }

/* INDICATIONS SECTION */
.indications-sections::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 395px; background: url("../images/hyalexo-scalp/indications-bg.jpg") 50% 50% no-repeat; background-size: cover; }
.indications-sections .inner { position: relative; background: #fff; padding: 30px 30px 30px 60px; }
.indications-sections .inner::before { content: ""; position: absolute; top: -27px; left: 30px; width: 100%; height: 100%; border: 1px solid #c55963; }
.indications-sections figure { position: absolute; bottom: -70px; right: 20px; margin: 0; }
.indications-sections figure img { max-width: 430px; margin: 0; }
.indications-list li { position: relative; font-size: 22px; line-height: 1.2; font-weight: 500; margin-bottom: 15px; padding-left: 25px; }
.indications-list li::before { content: ""; position: absolute; top: 9px; left: 0; width: 9px; height: 9px; border-radius: 9px; background: #b32230; background-size: 100% 100%; }

/* ZONES SECTION */
.zones-sections { z-index: 50; }
.zones-list { display: flex; justify-content: space-between; margin-bottom: 45px; }
.zones-list li { text-align: center; }
.zones-list li .item { position: relative; }
.zones-list li:nth-child(1) .item::before, .zones-list li:nth-child(2) .item::before { content: ""; position: absolute; top: 50%; right: -152px; margin-top: -84px; width: 145px; height: 149px; background: url("../images/hyalexo-scalp/zone-decal-1.png") 50% 50% no-repeat; z-index: -1; }
.zones-list li:nth-child(2) .item::before { width: 142px; height: 151px; background: url("../images/hyalexo-scalp/zone-decal-2.png") 50% 50% no-repeat; }
.zones-list li figure img { max-width: 100%; margin: 0; }
.zones-list li h3 { font-size: 25px; font-weight: bold; }
.zones-sections .buttons { margin-bottom: -65px; }

/* PREPARATIONS SECTION */
.preparation-sections.in { padding-top: 80px; background: #d1d1cf; }
.preparation-list li:nth-child(1), .preparation-list li:nth-child(2), .preparation-list li:nth-child(3) {border-bottom: 1px solid #6b6b69; }
.preparation-list .item { position: relative; min-height: 325px; margin: 30px 0; }
.preparation-list .item::after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #6b6b69; }
@media (min-width: 993px) {
.preparation-list li:nth-child(3) .item::after, .preparation-list li:nth-child(6) .item::after { display: none; }
}
.preparation-list .num { position: absolute; top: 0; left: 0; width: 52px; height: 52px; text-align: center; line-height: 52px; color: #b32230; font-size: 40px; font-weight: bold; border: 1px solid #b32230; border-radius: 100%; }
.preparation-list figure { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 200px; }
.preparation-list figure::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/hyalexo-scalp/preparation-whtbg.png") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.preparation-list figure img { width: auto; height: auto; max-width: 100%; height: 100%; }

/* SUMMARY SECTION */
.summary-sections.in { padding-bottom: 0; background: url("../images/hyalexo-scalp/summary-bg.jpg") 50% 50% no-repeat; background-size: cover; }
.summary-sections .inner { position: relative; padding-bottom: 60px; overflow: hidden; }
.summary-product { position: absolute; bottom: -120px; right: 0; }
.summary-list { position: relative; max-width: 655px; z-index: 5; }
.summary-list .item { position: relative; padding-left: 120px; min-height: 70px; margin-bottom: 35px; }
.summary-list .item::after { content: ""; position: absolute; bottom: -20px; left: 120px; width: calc(100% - 120px); height: 3px; background: #FFFFFF; background: -webkit-linear-gradient(22deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(22deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(22deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0); }
.summary-list li:last-child .item { margin-bottom: 0; }
.summary-list li:last-child .item::after { display: none; }
.summary-list figure { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 90px; height: 90px; border: 2px solid #e5726d; border-radius: 100%; }
.summary-list figure img { width: auto; height: auto; max-width: 85%; height: 85%; margin: 0; }
.summary-list h3 { color: #f48479; font-size: 25px; font-weight: bold; text-transform: uppercase; }
.summary-list p { color: #fff; }
.summary-sections .buttons { padding: 20px 0; background: #575656; }

/* GRID */
.grid-item { position: relative; display: block; overflow: hidden; width: 100%; }
.grid-item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid-item a img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.grid-item:hover a { scale: 1.11; }
.zoom-in, .video-link { display: block; position: relative; }
.zoom-in::before, .video-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; line-height: 100%; text-align: center; font-size: 32px; background: #73a745; opacity: 0; z-index: 2; }
.zoom-in::after { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; font-family: "FontAwesome"; content: "\f00e"; color: #fff; line-height: 1; text-align: center; font-size: 32px; opacity: 0; z-index: 3; }
.video-link::after { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; font-family: "FontAwesome"; content: "\f04b"; color: #fff; line-height: 1; text-align: center; font-size: 45px; opacity: 1; z-index: 3; }
.zoom-in:hover::after, .video-link:hover::after { opacity: 1; }
.zoom-in:hover::before, .video-link:hover::before { opacity: .6; }

/* 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: block !important; position: relative; width: 510px !important; padding: 30px 30px 25px 30px; background: #fff; -webkit-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); -moz-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); box-shadow: 13px 13px 25px rgba(0,0,0,0.15); border: 1px solid #B8B8B8; border-radius: 16px; z-index: 100000; }
.mfp-zoom-out .mfp-close, .modal a.close-modal { top: -55px !important; right: 0 !important; color: #fff !important; background: #4c76ba; font-size: 35px !important; border: 0 !important; border-radius: 100%; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { background: #2a508e; color: #fff !important; }
.mfp-zoom-out.mfp-bg { background: #fff !important; opacity: .6 !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.8; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.form-group.requaired { color: #fff; font-size: 14px; text-align: center; margin-bottom: 30px; }
.mfp-zoom-out .white-popup.map-popup { width: 920px !important; padding-bottom: 0; }
.popup-map-inner { position: relative; height: 440px; margin-left: -30px; margin-right: -30px; margin-top: 35px; }
.popup-map-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.mfp-zoom-out .ttl { border: 0; padding: 0; margin-bottom: 15px; }

/* FORMS */
.form-wrapper { position: relative; z-index: 10; }
.form-group { position: relative; margin-bottom: 15px; }
.form-group:last-child { margin-bottom: 0 !important; }
.form-group input.form-control, .form-group textarea, .form-group select.form-control { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; 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: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group input.form-control::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group input.form-control:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group input.form-control:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group textarea::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group textarea::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group textarea:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group textarea:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #6f6f6f; font-size: 14px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ffdfdf !important; }
.form-group textarea { max-height: 65px; }
.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: 15px; line-height: 1.2; }
.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: 15px; text-decoration: underline; }
form p, .form-group p, .agree p { font-size: 15px; 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 */
.header .row > div.column-3 { display: none; }
.navi-button { display: none; font-size: 21px; padding: 0; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.navi-button i, .mobile-search-btn i { vertical-align: top; font-size: 26px; color: #b32230; margin: -4px 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: #b32230; }
.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: #fff; z-index: 10; }
.pushmenu li a, .pushmenu li span { display: block; padding: 11px 15px 11px 30px; color: #fff; 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) {
.navi-button { display: inline-block; }
header .row { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
header .row > div.column-1 { -ms-flex: 0 0 calc(100% - 115px); flex: 0 0 calc(100% - 115px); max-width: calc(100% - 115px); }
header .row > div.column-2 { display: none; }
header .row > div.column-3 { -ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; }
.preparation-list p { padding: 0 15px; }
.effects-top h3 { font-size: 24px; }
.effects-list h3 { font-size: 22px; }
.indications-list li { font-size: 20px; }
.indications-sections figure img { max-width: 345px; }
.zones-list li:nth-child(1) .item::before, .zones-list li:nth-child(2) .item::before { display: none; }
.main-product img { max-width: 250px; }
.main-section .inner img { max-width: 340px; }
.main-section .inner h2 { max-width: 320px; }
.main-section .inner h2 span { font-size: 28px; }
.main-section-bottom li { font-size: 19px; }
.main-section::before { height: 725px; }
.main-section-bottom { bottom: -50px; }
.main-product { bottom: -50px; }
.composition-section .inner::after { margin-left: -465px; }
.composition-section .inner .footer-logo { bottom: 40px; left: 15px; max-width: 305px; }
.composition-section .inner figure { left: 320px; }
.composition-section .inner figure img { max-width: 250px; }
.composition-section .inner figure { top: 110px; left: 340px; }
.composition-info { top: 200px; left: auto; right: 0; }
.features-list li { font-size: 21px; }
.features-list li.item-1 { margin-left: -230px; }
.features-list li.item-2 { margin-right: -250px; }
.features-list li.item-3 { margin-left: -390px; }
.features-list li.item-4 { margin-right: -474px; }
.features-list li.item-5 { margin-left: -350px; }
.features-list li.item-6 { margin-right: -400px; }
.features-list li.item-7 { margin-left: -230px; }
.features-list li.item-8 { margin-right: -210px; }
.features-list li p { width: 220px; }
.features-list li:hover p { max-height: 500px; }
.main-section .container { height: 695px; }
.main-section { margin-bottom: 37px; }
footer .column-1, footer .column-2 { margin-bottom: 25px; }
}

@media (max-width: 992px) {
.footer-logo { display: none; }
.effects-top h3 { font-size: 21px; }
.effects-list h3 { font-size: 20px; }
.zones-list li figure img { max-width: 195px; }
.preparation-list li:nth-child(3) .item::after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #6b6b69; }
.preparation-list li:nth-child(2) .item::after, .preparation-list li:nth-child(4) .item::after, .preparation-list li:nth-child(6) .item::after { display: none; }
.preparation-list li:nth-child(4) {border-bottom: 1px solid #6b6b69; }
.summary-product { opacity: .65 !important; z-index: 1; }
.main-product { bottom: 45px; right: 25px; }
.main-product img { max-width: 195px; }
.composition-section .inner figure { left: 45px; }
.composition-info { right: 45px; }
.features-sections .inner figure { display: none; }
.features-list, .steps-list { display: grid; grid-template-columns: 1fr 1fr; }
.features-list li, .steps-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; }
.features-list li br { display: none; }
.features-list li p { position: static; width: 100%; max-height: 100%; opacity: 1; overflow: visible; margin-top: 10px; background: rgba(179,34,48,.65); border-radius: 8px; }
.features-sections .inner { margin: 45px 0 0 0; }
.steps-section .inner::after { background: url("../images/hyalexo-scalp/steps-bg2.jpg") 50% 50% no-repeat; opacity: .2; z-index: -2; }
.steps-section .inner { padding-top: 150px; }
.steps-section .ttl { position: static; }
.steps-list li { padding: 4px 0 4px 20px !important; }
.steps-list li::before { content: ""; position: absolute; right: auto !important; top: 11px !important; left: 0 !important; width: 9px !important; height: 9px !important; background: #b32230 !important; border-radius: 100%; z-index: 5; }
.steps-list li::after { content: ""; position: absolute; top: 0; left: -10px; width: calc(100% - 115px); height: 100%; background: #FFFFFF; background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1); z-index: -1; }
.steps-section .inner { height: auto; }
.main-section-bottom { bottom: -105px; }
.main-product { bottom: -10px; }
#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) {
.effects-list h3 { font-size: 18px; }
.effects-list h3 br { display: none; }
.effects-schemas .item figure img { max-width: 320px; }
.effects-schemas .column-1 .item { margin-bottom: 25px; }
.effects-top h3 { font-size: 20px; }
.indications-list li { font-size: 18px; }
section.indications-sections { margin-bottom: 0; padding-bottom: 0; }
.indications-sections figure { bottom: 45px; }
.indications-sections figure img { max-width: 240px; }
.zones-list li figure img { max-width: 160px; }
.zones-list li h3 { font-size: 21px; }
.preparation-list figure { height: 135px; }
.preparation-list .item { min-height: 265px; }
.preparation-list p, .summary-list p { font-size: 17px; }
.main-section .inner { max-width: 100%; }
.main-section .inner p { font-size: 18px; }
.main-section .inner img { max-width: 285px; }
.main-section .inner h2 { max-width: 270px; }
.main-section .inner h2 span { font-size: 25px; }
.main-product { bottom: auto; top: 0; right: 0; }
.main-product img { max-width: 165px; }
.main-section-bottom { padding: 15px; }
.main-section-bottom li { font-size: 17px; }
.main-section-bottom { bottom: 25px; }
.composition-section .inner figure { left: 0; }
.composition-info { right: 0; }
.steps-section .inner { padding-top: 50px; }
}

@media all and (max-width: 580px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 22px; }
.zones-list li figure img { max-width: 90%; }
.summary-list h3 { font-size: 22px; }
.zones-list li h3, .effects-schemas .item h3 { font-size: 18px; }
.effects-top h3,  .preparation-list p, .summary-list p, .indications-list li, .contacts-info p { font-size: 16px; }
.effects-list h3 { font-size: 15px; }
.effects-schemas .item figure img { max-width: 285px; }	
.indications-sections figure { position: static; margin-bottom: 15px; }
.indications-sections figure img { max-width: 100%; }
.preparation-list .item::after { display: none; }
.preparation-list .item { min-height: 100%; }
.preparation-list li { border-bottom: 1px solid #6b6b69 !important; }
.preparation-list li:last-child { border: 0 !important; }
.summary-product { display: none; }
.butn { max-width: 290px; font-size: 17px; }
.main-section .inner img { max-width: 255px; }
.main-section .inner p { font-size: 15px; }
.main-section .inner h2 span { font-size: 20px; }
.main-product { position: static; margin: 20px auto 0 auto; text-align: center; }
.main-section-bottom { position: relative; top: -125px; bottom: auto; left: auto; }
.main-section .container { height: auto; }
.main-section { margin-bottom: 0; }
.main-section-bottom li { font-size: 15px; margin-bottom: 15px; }
.main-section .inner figure { margin-bottom: 10px; }
.indications-list li { margin-bottom: 10px; }
.main-section .inner { text-align: center; }
.main-section .inner h2 { margin: 0 auto 15px auto; }
.main-section .inner .buttons { margin-top: 25px; }
.preparation-list p { padding: 0; text-align: center; }
.summary-list figure { width: 70px; height: 70px; }
.summary-list .item { padding-left: 90px; }
.composition-info { right: auto; left: 25px; width: calc(100% - 25px); }
.composition-section .inner::after { margin-left: -15px; left: 0; }
.composition-section .inner figure img { max-width: 155px; }
.composition-section .inner figure { top: 30px; left: 105px; }
.composition-info h2 { color: #000; }
.features-list, .steps-list { display: grid; grid-template-columns: 1fr; }
.features-head img { max-width: 275px; }
.features-head h3 { font-size: 22px; }
.features-head p { font-size: 16px; }
.features-head p br, .steps-list li br { display: none; }
.features-list li { padding: 0 !important; }
.features-sections { background-attachment: scroll; }
.features-list li p { padding: 5px 10px; font-size: 13px; }
.steps-section { margin-top: -140px; }
.steps-list li { font-size: 16px; }
.effects-list .item { padding-left: 105px; }
.preparation-list figure { height: 105px; }
.owl-carousel { max-width: 320px; margin: 0 auto; }
.steps-section .ttl { margin-bottom: 25px; }
.mfp-zoom-out .white-popup { width: 100% !important; padding: 30px 15px 25px 15px; }
}

@media all and (max-width: 385px) {
.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; }
}