@font-face {
    font-family: 'Greycliff CF';
    src: url('../fonts/GreycliffCF-Medium.woff2') format('woff2'),
        url('../fonts/GreycliffCF-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('../fonts/GreycliffCF-Bold.woff2') format('woff2'),
        url('../fonts/GreycliffCF-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('../fonts/GreycliffCF-Regular.woff2') format('woff2'),
        url('../fonts/GreycliffCF-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('../fonts/GreycliffCF-Light.woff2') format('woff2'),
        url('../fonts/GreycliffCF-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('../fonts/GreycliffCF-DemiBold.woff2') format('woff2'),
        url('../fonts/GreycliffCF-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('../fonts/Campton-Medium.woff2') format('woff2'),
        url('../fonts/Campton-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('../fonts/Campton-Light.woff2') format('woff2'),
        url('../fonts/Campton-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('../fonts/Campton-Bold.woff2') format('woff2'),
        url('../fonts/Campton-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('../fonts/Campton-SemiBold.woff2') format('woff2'),
        url('../fonts/Campton-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton-Book';
    src: url('../fonts/Campton-Book.woff2') format('woff2'),
        url('../fonts/Campton-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Addington CF';
    src: url('../fonts/AddingtonCF-Regular.woff2') format('woff2'),
        url('../fonts/AddingtonCF-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

:root {
    --greycliff: 'Greycliff CF', sans-serif;
    --campton: 'Campton', sans-serif;
    --addington: 'Addington CF', sans-serif;
    --gotham: 'Gotham', sans-serif;
    --color: #64ccc9;
    --akcent: #003e52;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font: 17px/1.5 var(--greycliff);
    color: var(--akcent);
    overflow-x: hidden;
}

ul {list-style: none;}

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

a {
    text-decoration: none;
    color: var(--akcent);
}

.link {
    display: inline-block;
    color: var(--color);
    font-weight: bold;
    margin-top: 30px;
}

.center {
    width: 100%;
    max-width: 1220px;
    min-width: 250px;
    margin: 0 auto;
    padding: 0 15px;
}

.d-none {display: none !important;}
.tx-c {text-align: center;}
.tx-l {text-align: left;}
.tx-r {text-align: right;}

.hidden {overflow: hidden;}

.icon {
    display: inline-block;
    line-height: 0;
}

.btn {
    min-height: 70px;
    min-width: 367px;
    background: var(--color);
    padding: 0 45px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    animation: shadow-pulse 3s infinite;
    transition: all 0.3s;
    border-radius: 50px;
}
.btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #E5E1E6;
    transition: all 0.3s linear;
}
.btn:hover:before {width: 100%;}
.btn:hover {color: var(--akcent);}
.btn span {
    position: relative;
    z-index: 1;
}
.btn.white {
    background: #fff;
    border: 2px solid var(--color);
    color: var(--akcent);
}
.btn.white:hover:before {background: var(--color);}
.btn.white:hover {color: #fff;}

@keyframes shadow-pulse {
    0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.8);}
    50% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
    100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}

.guaranted {
    position: fixed;
    top: 140px;
    right: -5px;
    z-index: 9991;
    width: 175px;
}

.btn-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #fff;
    padding: 10px;   
}
.btn-fixed.hide {display: none;}
.btn-fixed .inner {
    color: #fff;
    text-align: center;
    padding: 7px 0;
    background: var(--color);
    animation: shadow-pulse 3s infinite;
}
.btn-fixed .inner div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -32px;
}
.btn-fixed .inner div span {
    font-family: var(--gotham);
    font-weight: bold;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-fixed p {
    font-family: var(--campton);
    font-weight: 500;
    font-size: 17px;
}
.btn-fixed i {
    width: 25px;
    min-width: 25px;
    height: 30px;
    margin-left: 10px;
    display: inline-block;
}

body div.timer.banner_timer {letter-spacing: 0.7px;}

/* HEADER
-------------------------------------- */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #ececec;
}

.head-bar {
    background: var(--color);
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 0;
    letter-spacing: 1px;
    transition: all 0.3s;
    cursor: pointer;
    display: block;
}
.head-bar:hover {
    background: #41748B;
    color: #fff;
}

.head-main .center {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.logo {
    display: inline-block;
    line-height: 0;
    max-width: 150px;
}

.menu {
    margin-left: auto;
    margin-right: 20px;
}
.menu ul {display: flex;}
.menu ul li + li {margin-left: 20px;}
.menu ul li a {
    font-weight: 500;
    font-size: 13px;
    color: var(--akcent);    
    transition: all 0.3s linear;
    letter-spacing: 1px;
}
.menu ul li a:hover {color: var(--color);}

.btn-head {
    display: inline-flex;
    align-items: center;
    border-radius: 30px;
    border: 2px solid var(--color);
    min-height: 37px;
    padding: 0 8px 0 23px;
    font-weight: bold;
    font-size: 15px;
    color: var(--akcent);
    overflow: hidden;
    position: relative;
    letter-spacing: 1px;
}
.btn-head:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0;
    z-index: -1;
    background: var(--color);
    transition: all 0.3s linear;
}
.btn-head:hover:before {width: 100%;}
.btn-head i {
    width: 25px;
    height: 25px;
    background: var(--akcent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.btn-head i:after {
    content: '';
    display: inline-block;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    padding: 3px;
    transform-origin: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
}

/* HOME
-------------------------------------- */
.home {
    margin-top: 57px;
    position: relative;
}

.home .right-svg {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 300px;
    z-index: 2;
}

.home-splide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.home-splide * {height: 100%;}
.home-splide img {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.home-splide .splide__pagination {display: none;}

.home .center {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}



.home-text {
    padding: 95px 0 50px 0;
    min-width: 710px;
    color: #fff;
}
.home-text p.small {
    font-size: 24px;
}
.home-text h1 {
    font-weight: 500;
    font-size: 65px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.home-text h1 span {
    font-weight: bold;
    color: #fff !important;
}

.home-text .typer {
    border-left: 3px solid var(--color);
    padding-left: 10px;
    font-weight: 650;
    font-size: 25px;
    color: #fff !important;
    margin-bottom: 30px;
/*	min-height: 75px;*/
}

.home-text .text {
    font-size: 24px;
    margin-bottom: 60px;
    max-width: 675px;
}
.home-text .text b {font-weight: 600;}

.home-text .group {
    display: flex;
    align-items: flex-start;
}
.home-text .group div:last-child {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-left: 15px;
}
.home-text .group div:first-child p:nth-child(2) {
    font-size: 21px;
    margin-top: 20px;
    text-align: center;
}
.home-text .group div:first-child p:nth-child(3) {
    font-size: 19px;
    margin-top: 40px;
    text-align: center;
}
.home-text .group div.hide-750 i:nth-last-child(1) {max-width: 130px;}
.home-text .group div.hide-750 i:nth-last-child(2) {
    max-width: 145px;
    margin-right: 10px;
}

.home-image {
    position: relative;
    line-height: 0;
    margin-right: -150px;
}

.home .btn {font-size: 19px;}
.home .btn i {
    max-width: 40px;
    margin-left: 20px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.home .btn:hover i svg * {fill: var(--akcent);}

/* TAB
-------------------------------------- */
.section-tab {
    background: #f3f3f3;
    padding: 80px 0 80px 0;
    position: relative;
    z-index: 3;
}
.tab {display: flex;}
.tab-controls {
    min-width: 270px;
    position: relative;
}
.tab-controls:after {
    content: '';
    display: block;
    width: 2px;
    background: var(--akcent);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.tab-controls li {display: block;}
.tab-controls li:nth-child(2) {transition-delay: 0.3s;}
.tab-controls li:nth-child(3) {transition-delay: 0.9s;}
.tab-controls li:nth-child(4) {transition-delay: 1.2s;}
.tab-controls li:nth-child(5) {transition-delay: 1.5s;}
.tab-controls li:nth-child(6) {transition-delay: 1.8s;}
.tab-controls li + li {margin-top: 10px;}
.tab-controls li div {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 22px;
    position: relative;
    transition: all 0.3s;
}
.tab-controls li div:before {
    content: '';
    border-top: 8px solid transparent;
    border-left: 8px solid var(--color);
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    opacity: 0;
    transition: all 0.3s;
}
.tab-controls li.active div {color: var(--color);}
.tab-controls li.active div:before {opacity: 1;} 
.tab-content {
    position: relative;
}
.tab-content a.important {
    position: absolute;
    left: 0;
    bottom: 0;
}
.tab-content > div {
    display: none;
    opacity: 0;
    padding-left: 70px;
}
.tab-content > div.active {
    display: block;
    animation: opacity 1s forwards;
}
.tab-content h2 {
    font-size: 55px;
    line-height: 1;
    color: var(--color);
    margin-bottom: 35px;
    text-transform: uppercase;
}
.tab-content p {
    max-width: 500px;
    font-size: 24px;
    font-weight: 500;
}
.tab-content a.important {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    font-size: 18px;
    font-weight: 500;
    margin-top: 35px;
    margin-left: 70px;
    color: var(--akcent);
    transition: all 0.3s;
}
.tab-content a.important:after {
    content: '';
    display: inline-block;
    border: solid var(--akcent);
    border-width: 2px 2px 0 0;
    padding: 3px;
    transform-origin: center;
    transform: rotate(45deg);
    margin-left: 10px;
    position: relative;
    top: 2px;
    transition: all 0.3s;
}
.tab-content a.important:hover {color: var(--color);}
.tab-content a.important:hover:after {border-color: var(--color);}

@keyframes opacity {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* PREFERENCE
-------------------------------------- */
.preference {
    position: relative;
    background-color: #f5f5f5;
    z-index: 0;
    padding: 50px 15px 60px;
}
.preference .center {
    position: relative;
    z-index: 2;
}
.preference .left-svg {
    width: 400px;
    position: absolute;
    top: 0;
    left: -30px;
    z-index: 1;
}
.preference h2.title {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 30px;
}
.preference h2.title span {color: var(--color);}

.preference .top h2.title + span {
    font-weight: 500;
    font-size: 40px;
    display: inline-block;
    margin: 10px 0 30px 0;
}
.preference .top h2.title + span i {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 44px;
    background: url(../img/ic-shield.png) no-repeat center;
    background-size: 35px;
    position: relative;
    top: -7px;
}

.preference .top img {
    margin-top: -125px;
    animation: float 3s ease-in-out infinite;
    position: relative;
    z-index: 3;
    max-width: 250px;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-5px);
    }
    100% {
        transform: translatey(0px);
    }
}

.preference .top p {
    font-size: 20px;
}

.preference .center > div {width: 100%;}
.preference .splide {
    width: 100%;
    visibility: visible;
}
.preference .splide .splide__slide {width: 25%;}

.preference.white {
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.preference.white .center {
    padding-bottom: 70px;
}

.preference:after {
    content: "";
    display: block;
    width: 107px;
    height: 31px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.preference .warning {
    border: 1px solid #eee;
    border-radius: 18px;
    background-color: #fff;
    padding: 40px 40px;
    max-width: 1350px;
    margin: 100px auto 0 auto;
    font-weight: 300;
    position: relative;
}

.preference .warning img {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
}

.preference .warning h6 {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.preference .warning p {
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.02em;
}

.preference .side-effects {
    padding: 25px 20px;
    font-size: 16px;
    line-height: 21px;
    max-width: 1100px;
    margin: 0 auto;
    font-weight: 300;
    color: #000;
}

.preference .side-effects p {
    color: inherit;
}

.preference .warning h3 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
}

.preference .center:last-child {
    display: flex;
    padding: 0 0 0 0;
}

.preference .headline {
    text-align: center;
    max-width: 1350px;
    margin: 0 auto;
    margin-top: 80px;
    padding: 0 25px;
}

.preference .headline p {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 27px;
}

.preference .item {
    text-align: center;
}

.preference .item:nth-child(2) {
    transition-delay: 0.3s;
}

.preference .item:nth-child(3) {
    transition-delay: 0.6s;
}

.preference .item:nth-child(4) {
    transition-delay: 0.9s;
}

.preference .item svg, .preference .item img {
    width: 90px;
    height: 90px;
    transition: all 0.5s;
    transform: perspective(300px);
}
.preference .item .icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto;
}

/* POST
-------------------------------------- */
.post {
    padding: 20px 0 80px 0;
    position: relative;
}
.post .left-svg {
    width: 597px;
    position: absolute;
    top: -330px;
    left: -2px;
    z-index: 1;
}
.post .right-svg {
    width: 1243px;
    position: absolute;
    right: -5px;
    bottom: 200px;
    z-index: -1;
}

.post-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 65px;
}
.post-row + .post-row {margin-top: 125px;}

.post-image {
    transition: all 0.3s;
    position: relative;
}
.post-image img {
    display: block;
    width: 100%;
}

.post-text h2 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.1;
}
.post-text h2 span {color: var(--color);}

.post-text .typer-2 {
    margin: 28px 0 25px 0;
    min-height: 27px;
    border-left: 3px solid var(--color);
    padding-left: 10px;
    font-weight: 500;
    font-size: 18px;
    color: var(--akcent) !important;
}

.post-text .btn-popup {
    display: inline-block;
    transition: all 0.3s;
    margin-top: 25px;
}
.post-text .btn-popup:hover {color: var(--color);}
.post-text p {
    font-weight: 500;
    margin-top: 30px;
}
.post-row.reverse .post-text p {font-weight: normal;}
.post-text p b {
    font-size: 20px;
    font-weight: 600;
}
.post-text p a b {font-size: 17px;}
.post-text ul {margin-top: 30px;}
.post-text ul li {
    position: relative;
    padding-left: 15px;
    display: flex;
    align-items: center;
}
.post-text ul li i {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background: url(../img/ic-checkwhite.webp) no-repeat center;
    margin-right: 15px;
    position: relative;
    top: 1px;
    background-size: 33px;
}

.post-text .btn-group {margin-top: 30px;}
.btn-group {
    display: inline-block;
    text-align: center;
}
.btn-group div {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
}

.link {transition: all 0.3s;}
.link:hover {color: var(--akcent);}

/* PAIN
-------------------------------------- */
.pain {
    background: url(../img/bg-pain.png) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 50px 0 50px 0;
}

.icon-plus {
    text-align: center;
}
.icon-plus span {
    display: block;
    font-weight: 500;
    font-size: 21px;
    margin-top: 5px;
}

.pain-slide {
    margin-top: 70px;
    margin-bottom: 45px;
}
.pain-slide .splide__slide {
    text-align: center;
    padding: 0 7px;
}
.pain-slide h3 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 35px;
}
.pain-slide span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.pain-slide .splide__pagination {
    position: static;
    margin-top: 35px;
} 
.pain-slide .splide__pagination li {
    margin: 0 7px;
}
.pain-slide .splide__pagination li button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--color);
    opacity: 1 !important;
    background: transparent;
}
.pain-slide .splide__pagination li button.is-active {
    background: #fff;
    border-color: #fff;
    transform: none;
}

/* BG THEME
-------------------------------------- */
.bg-theme {background: #61cbc9;}

/* ------------------ MARQUEE SLIDER -------------------- */
.marquee-container {
    white-space: nowrap;
}
.marquee-container .marquee {
    animation: marquee 30s linear infinite;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.marquee-container ul li {
    padding: 0 20px;
    min-height: 80px;
    display: flex;
    align-items: center;
}
.marquee-container ul li img {
    display: block;
    max-width: 100px;
}
.marquee-container ul li:nth-child(3) img,
.marquee-container ul li:nth-child(4) img,
.marquee-container ul li:nth-child(5) img,
.marquee-container ul li:nth-child(7) img {
    max-width: 60px;
}
.marquee-container ul li:nth-child(8) img {
    max-width: 50px;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100.4%);
    }
}

/* RECOMMENDED
-------------------------------------- */ 
.recommended {
    padding: 50px 0 70px;
    color: #003e52;
    position: relative;
    overflow: hidden;
}
.recommended .left-svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    transform-origin: center;
    transform: rotate(-30deg) translate(200px, -120px);
}
.recommended h2.title {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.1;
}
.recommended h2.title span {color: #64ccc9;}
.recommended .center {max-width: 1010px;}
.recommended .splide {
    margin-bottom: 50px;
    visibility: visible;
}
.recommended ul {
    display: flex !important;
    justify-content: space-between;
    margin-top: 50px;
    font-family: var(--quincy);
    text-align: center;
}
.recommended ul h3 {
    font-size: 64px;
    font-weight: normal;
    line-height: 1.1;
}
.recommended ul p {
    font-size: 24px;
    line-height: 1.3;
}

/* PRODUCTS
-------------------------------------- */ 
.products {color: #003e52;}
.products .row {
    display: grid;
    grid-template-columns: 50% 50%;
}
.products .inner {max-width: 550px;}
.products .thumb {overflow: hidden;}
.products .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.products .text {
    padding: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.tags span {
    padding: 2px 13px;
    background: #f7f7f7;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 300;
}
.tags span + span {margin-left: 20px;}

.products h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
}
.products p + p {margin-top: 30px;}

.products ul {margin-top: 40px;}
.products ul li {
    display: flex;
    line-height: 1.3;
}
.products ul li i {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background: url(../img/ic-checkwhite.webp) no-repeat center;
    margin-right: 15px;
    position: relative;
    top: 1px;
    background-size: 33px;
}
.products ul li + li {margin-top: 5px;}

/* SOLUTION
-------------------------------------- */
#solution {
    padding: 50px 0;
    background: #f3f3f3;
    position: relative;
}
#solution .swim-cloud {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -50px;
}
#solution h2.title {
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 25px;
    font-weight: 500;
}
#solution h2.title span {color: var(--color);}
#solution .left-svg {
    width: 400px;
    position: absolute;
    top: 0;
    left: -50px;
}
#solution .center {
    position: relative;
    z-index: 2;
}
.solution-text p {margin-bottom: 30px;}
.solution-text .box-table {margin-top: 30px;}
.solution-text .main-btn {
    width: 315px;
    background-color: #64CCC9;
    border-radius: 0 !important;
}
.solution-right {margin-top: 40px;}
#solution .text-bottom {
    text-align: center;
    margin-top: 30px;
}
#solution .text-bottom a:hover {text-decoration: underline;}
#solution .center {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-gap: 0 30px;
}
.box-table {
    border-radius: 15px 0 15px 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    background-color: #fff;
    margin-top: 63px;
}
.box-table li {
    display: grid;
    grid-template-columns: 1fr 120px 120px 120px 120px;
    border-bottom: 2px solid #ecf0f1;
}
.box-table li:last-child {border-bottom: none;}
.box-table li div {
    border-right: 2px solid #ecf0f1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
}
.box-table li div.color {
    background-color: #61cbc8;
}
.box-table li div:last-child,
.box-table li div:first-child,
.box-table li div.color {border-right: 0;}
.box-table li div:first-child {
    justify-content: flex-start;
}
.box-table li div p {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.3;
}
.box-table li div.top-title {
    position: absolute;
    left: 0;
    right: -2px;
    bottom: 100%;
    background: #fcfcfc;
    border-bottom: 2px solid #ecf0f1;
    border-top: 2px solid #ecf0f1;
    border-right: 2px solid #ecf0f1;
    text-align: center;
    padding: 0;
    min-height: 65px;
}
.box-table li div:last-child .top-title {
    border-radius: 0 15px 0 0;
}
.box-table li div.color .top-title {
    background-color: #093e52;
    border-top: 2px solid #61cbc8;
    border-left: 2px solid #61cbc8;
    border-right: 2px solid #61cbc8;
    border-bottom: 0;
    color: #fff;
    border-radius: 15px 15px 0 0;
    padding: 20px 0;
    z-index: 2;
    right: 0px;
}

.ic-checkwhite, .ic-question, .ic-close,
.ic-checkwhite-2 {
    display: inline-block;
    width: 30px;
    min-width: 30px;
    height: 30px;
}
.ic-checkwhite {
    background: url(../img/ic-checkwhite.webp) no-repeat center;
    background-size: 30px;
}
.ic-checkwhite-2 {
    background: url(../img/ic-checkwhite.png) no-repeat center;
    background-size: 30px;
}
.ic-question {
    background: url(../img/icon-q.svg) no-repeat center;
    background-size: 30px;
}
.ic-close {
    background: url(../img/X-icon-dt.png) no-repeat center;
    background-size: 30px;
}

/* ORDER
-------------------------------------- */
.order {
    padding: 100px 0 100px 0;
    position: relative;
}

.order .left-svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 696px;
}

.order .center {
    display: grid;
    grid-template-columns: 1fr 520px;
    grid-gap: 0 140px;
    max-width: 1425px;
}

.order-slider .image img {
    display: block;
    width: 100%;
}

.order-slider .splide {
    text-align: center;
    margin-top: 25px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.order-slider .splide h4 {font: 31px var(--addington);}
.order-slider .splide p {
    font: 22px var(--addington);
    margin-top: 10px;
}

.order-slider .splide__pagination {
    position: static;
    margin-top: 20px;
} 
.order-slider .splide__pagination li {
    margin: 0 7px;
    width: 6px;
    height: 6px;
    display: block;
}
.order-slider .splide__pagination li button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--akcent);
    opacity: 1 !important;
    margin: 0;
    display: block;
}
.order-slider .splide__pagination li button.is-active {
    background: var(--color);
    transform: none;
}

.order-text {font-family: var(--campton);}

.life-img {
    line-height: 0;
    margin-bottom: 10px;
}
.order-text > h3 {
    font-size: 37px;
    line-height: 1;
    font-weight: 600;
    font-family: var(--greycliff);
    margin-bottom: 15px;
}
.order-text > h3 span {font-weight: 500;}
.tm {
    font-size: 18px;
    font-weight: bold;
}
.order-text > p {
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 300;
}
.order-text > p b {font-weight: 500;}

.order-text li {
    font-size: 16px;
    font-weight: 300;
}

.order-form {margin-top: 25px;}
.radio-checkbox {
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 14px;
    border: 2px solid var(--color);
    border-radius: 6px;
    margin-bottom: 26px;
    min-height: 87px;
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
}
.radio-checkbox:hover,
.radio-checkbox.active {box-shadow: 0 0 0 3px var(--color);}
.radio-checkbox:first-child .price {margin-left: auto;}

.radio-checkbox h2 {
    font-size: 19px;
    line-height: 1.2;
    font-weight: 500;
}
.radio-checkbox h3 {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}
.radio-checkbox p {
    font-size: 13px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}

.radio-checkbox input {display: none;}
.radio-checkbox .checkbox {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #c2dce5;
    margin-right: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.radio-checkbox .checkbox:after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 11px;
    background: url(../img/ic-check.png) no-repeat;
    transition: all 0.3s;
    background-size: 13px;
    transform: scale(0);
}
.radio-checkbox input:checked + .checkbox {
    background: var(--color);
}
.radio-checkbox input:checked + .checkbox:after {
    transform: scale(1);
}

.radio-checkbox .price {
    min-width: 85px;
    font-weight: 500;
    line-height: 1;
    font-size: 32px;
}
.radio-checkbox .price .dol {
    font-size: 20px;
    position: relative;
    top: 2px;
}
.radio-checkbox .price .num {
    font-size: 20px;
    position: relative;
    top: 4px;
}
.radio-checkbox .price .small {
    font-size: 15px;
}

.radio-checkbox .save {
    background: var(--akcent);
    height: 37px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    border-radius: 30px;
    color: #fff;
    font: 500 13px var(--campton);
    text-transform: uppercase;
    margin: 0 auto;
}
.radio-checkbox .save div {
    position: relative;
    top: 1px;
}

.radio-checkbox .best {
    position: absolute;
    right: 10px;
    bottom: 0;
    transform: translateY(50%);
    min-height: 28px;
    border: 2px solid var(--color);
    font-family: var(--greycliff);
    border-radius: 30px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: var(--color);
    background: #fff;
}
.radio-checkbox .best span {
    display: inline-block;
}
.radio-checkbox .best:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(../img/lightning.png) no-repeat;
    margin-left: 6px;
}

.order-form .total {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 50px;
    min-height: 65px;
    animation: shadow-pulse 3s infinite;
    background: var(--color);
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s;
}
.order-form .total:hover {
    text-decoration: none;
    color: var(--akcent);
}
.order-form .total:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background: #E5E1E6;
    transition: all 0.3s;
}
.order-form .total:hover:before {width: 100%;}
.order-form .total:hover .total-text:after {background: var(--akcent);}
.order-form .total:hover .buy:after {border-color: var(--akcent);}

.order-form .total-text {    
    display: flex;
    align-items: center;
    padding-right: 28px;
    position: relative;
}
.order-form .total-text:after {
    content: '';
    display: block;
    width: 2px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #fff;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.order-form .total-text p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 20px;
}
.order-form .total-text p:first-child {margin-right: 38px;}
.order-form .total-text p b {font-weight: bold;}

.order-form .buy {
    padding-left: 28px;
    font-weight: bold;
    font-size: 20px;
    position: relative;
}
.order-form .buy:after {
    content: '';
    display: inline-block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 2.5px;
    transform: rotate(-45deg);
    margin-left: 5px;
    vertical-align: middle;
    transition: all 0.3s;
}

.order-text .icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}
.order-text .icons > div {
    display: flex;
    align-items: center;
}
.order-text .icons > div:nth-child(1) i {
    max-width: 35px;
    width: 100%;
    opacity: 0.77;
}
.order-text .icons > div:nth-child(2) i {
    max-width: 20px;
    width: 100%;
    opacity: 0.8;
}
.order-text .icons > div:nth-child(3) i {
    max-width: 25px;
    width: 100%;
    opacity: 0.77;
}
.order-text .icons > div span {
    font-size: 15px;
    font-weight: 500;
    color: #4b4f5b;
    display: inline-block;
    margin-left: 7px;
}

.order-text .bottom {
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}
.order-text .bottom b {font-weight: bold;}

/* HELP
-------------------------------------- */
.help {
    position: relative;
    background: #f3f3f3;
}
.help .bg {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
}
.help .bg img {
    height: 100%;
    display: block;
    object-fit: cover;
}

.help-text {
    max-width: 575px;
    padding: 77px 0 100px 0;
}
.help-text > img {max-width: 60px;}
.help-text h2 {
    font-weight: 500;
    font-size: 45px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.help-text h2 span {color: var(--color);}
.help-text p {font-size: 18px;}

.help-text ul {margin: 25px 0;}
.help-text ul li {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.help-text ul li + li {margin-top: 10px;}
.help-text ul li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url(../img/checkmark.png) no-repeat;
    margin-right: 15px;
}

.help-text .btn-group {margin-top: 35px;}

.swim-cloud {
    animation: float 3s ease-in-out infinite;
    position: relative;
    z-index: 3;
    max-width: 250px;
    margin-left: -125px;
    display: inline-block;
}

/* RESULTS
-------------------------------------- */
.results {
    padding: 115px 0 115px 0;
    position: relative;
}
.results .swim-cloud {
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -35px;
}
.results .right-svg {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: -1;
    width: 415px;
}
.results .left-svg {
    position: absolute;
    left: -50px;
    bottom: -5px;
    z-index: -1;
    width: 1093px;
}

.results h2 {
    text-align: center;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
.results .center > h2 span {color: var(--color);}
.results .center > p.subtitle {
    font-size: 25px;
    font-weight: 500;
    text-align: center;
}

.results-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    grid-gap: 0 95px;
    margin-top: 60px;
    justify-content: center;
}
.results-list li {text-align: center}
.results-list li p {
    font-size: 21px;
    font-weight: 600;
}

.results-list i {
    margin-bottom: 25px;
    min-height: 86px;
}
.results-list i[data-src="sms_ed"] {width: 91px;}
.results-list i[data-src="file1"] {width: 73px;}
.results-list i[data-src="car_ed"] {width: 147px;}

.results-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 45px;
    margin-top: 65px;
    padding-top: 30px;
}
.results-row .text h3 {
    font-size: 60px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 15px;
}
.results-row .text h3 span {color: var(--color);}
.results-row .text p.subtitle {
    font-size: 21px;
    font-weight: bold;
}
.results-row .text p {font-size: 18px;}
.results-row .text p + p {margin-top: 25px;}

.signature {
    margin-top: 15px;
    margin-bottom: 35px;
}
.signature i {
    max-width: 210px;
    min-height: 76px;
}
.signature strong {
    font-size: 18px;
    display: block;
}

/* PRODUCT SEC
-------------------------------------- */
.product-sec {
    background: #f3f3f3;
    padding: 75px 0 80px 0;
    position: relative;
    overflow: hidden;
}
.product-sec .center {
    position: relative;
    max-width: 1400px;
}
.product-sec .center .row {
    display: grid;
    grid-template-columns: 33% 65%;
    grid-gap: 0 30px;
}

.product-secprod {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 15px;
    position: relative;
}

.product-sec .svg-left {
    position: absolute;
    top: -115px;
    left: -30px;
    width: 400px;
}
.product-sec .svg-right {
    position: absolute;
    bottom: 0;
    right: -8%;
    width: 450px;
    height: 600px;
    transform: rotate(343deg);
    transform-origin: center;
}

.product-sec .content h2 {
    font-size: 54px;
    margin-bottom: 20px;
}
.product-sec .content h2 span {color: #64ccc9;}
.product-sec .content .main-btn {margin-top: 0 !important;}

.product-sectext h2 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}
.product-sectext h2 span {color: var(--color);}
.product-sectext p {
    margin-bottom: 35px;
}
.product-sectext .btn-popup {
    margin-top: 20px;
    transition: all 0.3s;
}

[data-popup="info"]:after {
    content: '';
    display: inline-block;
    border: solid #003e52;
    border-width: 2px 2px 0 0;
    padding: 3px;
    transform-origin: center;
    transform: rotate(45deg);
    margin-left: 10px;
    position: relative;
    top: -1px;
    transition: all 0.3s;
}
[data-popup="info"]:hover:after {border-color: var(--color);}
.product-sectext .btn-popup:hover {color: var(--color);}

.icon {
    display: inline-block;
    line-height: 0;
}

.product-item {
    border: 4px solid transparent;
    border-radius: 15px;
    transition: all 0.3s;
    display: block;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.product-item:hover {border-color: #64ccc9;}
.product-item .image {position: relative;}
.product-item .image img {
    display: block;
    width: 100%;
}

.product-item .icon {
    position: absolute;
    top: 50%;
    left: 27px;
    width: 90px;
    height: 90px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-item .prod {
    position: absolute;
    top: -13px;
    bottom: -10px;
    right: 20px;
    max-width: 110px;
    width: 100%;
    z-index: 2;
}
.product-item:nth-child(2) .prod {max-width: 103px;}

.product-item .inner {
    padding: 25px 12px 20px 12px;
    background: #fff;
    height: 100%;
}
.product-item h4 {
    font-weight: 500;
    font-size: 24px;
    color: #003e52;
    letter-spacing: 0;
    margin-bottom: 5px;
}
.product-item h4 sup {font-size: 14px;}
.product-item h5 {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.product-item p {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.plus {
    width: 13px;
    min-width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
.plus:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #003e52;
    position: absolute;
    top: 50%;
    margin-top: -1px;
}
.plus:before {
    content: '';
    display: block;
    height: 100%;
    width: 2px;
    background: #003e52;
    position: absolute;
    left: 50%;
    margin-left: -1px;
}

.product-item .link {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #003e52;
}
.product-item .link:hover {text-decoration: underline;}

.product-item .link + .link {margin-top: 7px;}

.product-item .foot {
    display: block;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    background: #64ccc9;
    letter-spacing: 0;
    border-radius: 0 0 10px 10px;
    margin-top: auto;
}
.product-item .foot:hover {text-decoration: underline;}

/* QUESTION
-------------------------------------- */
.questions {
    position: relative;
    padding: 100px 0 50px 0;
    position: relative;
}
.questions .swim-cloud {
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -70px;
}
.questions > svg {
    position: absolute;
    bottom: 9px;
    right: -50px;
    width: 400px;
    transform: rotate(-183deg);
}
.questions .center {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0 30px;
    align-items: center;
    position: relative;
}
.questions h3 {
    font-size: 42px;
    line-height: 1.2;
}
.questions h3 span {
    color: var(--color);
}
.questions .accordion {margin-top: 30px;}
.questions .accordion__head {
    padding: 16px 0 16px 50px;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.2;
    border-bottom: 1px solid #d5d9db;
    position: relative;
    cursor: pointer;
}
.questions .accordion__head:nth-last-child(2) {
    border-bottom: none;
}
.accordion__head:before {
    content: '+';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 35px;
    transform: translateY(-50%);
    color: var(--color);
}
.accordion__head.open:before {content: '-';}
.questions .btn-popup {
    margin-top: 30px;
    display: inline-block;
    transition: all 0.3s;
}
.questions .btn-popup:hover {color: var(--color);}
.accordion__body {
    padding-left: 50px;
    padding-bottom: 35px;
}
.accordion__head.open {border-bottom: none;}
.accordion__body p + p {margin-top: 15px;}

/* REVIEWS MORE
-------------------------------------- */ 
.reviewsmore {
    background: #f3f3f3;
    padding: 90px 0 45px 0;
}
.reviewsmore h3 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
}
.reviewsmore > .center:last-child {padding-top: 50px;}
.reviewsmore > .center > h2.title {
    font-size: 30px;
    margin-bottom: 30px;
}
.reviewsmore > .center > h2.title sup {
    font-size: 1.2rem;
}

.reviewsmore-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 10px;
}
.reviewsmore-head .rating {
    display: flex;
    align-items: center;
}
.reviewsmore-head .rating span {
    font-size: 60px;
    font-weight: 500;
    margin-right: 20px;
    line-height: 1;
}
.reviewsmore-head .rating p {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 4px;
}
.reviewsmore-head p {
    font-size: 18px;
}

.reviewsmore-verified {
    background: #fff;
    padding: 30px 25px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.reviewsmore-verified img {margin-right: 30px;}
.reviewsmore-verified h4 {font-size: 16px;}
.reviewsmore-verified p {font-size: 16px;}
.reviewsmore-verified p b {font-weight: 500;}

.reviewsmore-item {
    padding: 40px 30px 30px 30px;
    background: #fff;
    position: relative;
    display: flex;
}
.reviewsmore-item:after {
    content: '';
    display: inline-block;
    height: 1px;
    background: #d1d1d1;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
}
.reviewsmore-item .left {min-width: 230px;}
.reviewsmore-item h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

.reviewsmore-item .left > div {
    display: flex;
    align-items: center;
    font-size: 15px;
}
.reviewsmore-item .left > div i {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background: url(../img/ic-checkmark.png) no-repeat;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.reviewsmore-item .helpful {
    margin-top: 25px;
    max-height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    width: 130px;
    font-size: 14px;
    font-weight: 500;
    color: #b1b1b1;
    min-height: 32px;
    transition: all 0.3s ease;
    user-select: none;
}
.reviewsmore-item .helpful:hover {
    border-color: var(--color);
    color: var(--color);
}
.reviewsmore-item .helpful.active {
    border-color: var(--color);
    color: var(--color);
}
.reviewsmore-item .helpful i {
    display: inline-block;
    width: 40px;
    margin-right: -5px;
    margin-top: -14px;
    margin-left: -10px;
}
.reviewsmore-item .helpful i svg g * {fill: var(--color);}
.reviewsmore-item .helpful i svg > g > g > g:first-child path {fill: #e5e5e5;}
.reviewsmore-item .helpful i svg > g > g > g:last-child path {fill: #fff;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(2) * {fill: #5c9d9b;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(3) * {fill: #81e5e3;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(4) * {fill: #dfdfdf;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(5) * {fill: #2fc9c6;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(6) * {fill: #000000;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(7) * {fill: #14c0bd;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(8) * {fill: #daeeee;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(9) * {fill: #3ededa;}
.reviewsmore-item .helpful i svg > g > g > g:nth-child(10) * {fill: #a4a7a7;}
.reviewsmore-item .helpful.active i svg > g > g > g:first-child path {fill: var(--color);}

.reviewsmore-item h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}
.reviewsmore-item p {font-size: 16px;}
.reviewsmore-item:last-child:after {display: none;}
.reviewsmore .btn-group p {margin-top: 15px;}


/* PROTAREN
-------------------------------------- */
.protaren {
    padding: 100px 0 100px 0;
    background: url(../img/bg-protaren.jpeg) no-repeat center top;
    color: #fff;
    position: relative;
}
.protaren .swim-cloud {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -70px;
}
.protaren h2 {
    font-size: 60px;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 1.2;
}
.protaren h2 span {color: var(--color);}
.protaren .center > p {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 50px;
}
.protaren .box {
    border: 2px solid var(--color);
    padding: 10px 18px;
    font-weight: 500;
    font-size: 24px;
    display: inline-block;
}
.protaren .btn-group {margin-top: 60px;}

/* FAQ
-------------------------------------- */
.faq {
    padding: 110px 0 95px 0;
    position: relative;
}
.faq .left-svg {
    width: 466px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.faq .right-svg {
    width: 466px;
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: -1;
    transform-origin: center;
    transform: rotate(180deg);
}

.faq .center {
    display: flex;
}

.faq-text {
    max-width: 720px;
    padding-right: 30px;
}
.faq-text h2 {
    font-size: 47px;
    font-weight: 600;
    color: var(--color);
}
.faq-text div.subtitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 30px;
}

.content-accordeon {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
} 

.btn-accordeon {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #d7d9db;
    cursor: pointer;
}
.ic-plus {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.ic-plus:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color);
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
}
.ic-plus:before {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background: var(--color);
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
}
.item-accordeon.active .ic-plus:before {display: none;}

.inner-accordeon {
    padding: 20px 0 10px 0;
}

.faq-image {
    line-height: 0;
    margin-top: 50px;
}

.inner-accordeon ul {margin-top: 20px;}
.inner-accordeon ul li {
    position: relative;
    padding-left: 10px;
}
.inner-accordeon ul li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: var(--akcent);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1.5px;
}

.path {
    stroke-dasharray: 300;
    animation: dash 5s linear infinite;
}
@keyframes dash {to {stroke-dashoffset: 1200;}}

/* ANIMATION
-------------------------------------- */
.animated {
    opacity: 0;
    transition: opacity 500ms;
}
.animated.show {animation: fade-bottom 0.6s ease-in-out both;}

@keyframes fade-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.popup-main {
    max-width: 900px !important;
    width: 90%;
    background: #fff;
    padding: 0 !important;
}

.popup-main .svg {
    width: 350px;
    position: absolute;
    top: -38%;
    right: 3%;
    transform-origin: center;
    transform: rotate(249deg);
}

.popup-main .popup-inner {
    overflow: hidden;
    position: relative;
    padding: 25px;
    height: inherit;
    overflow-y:scroll;
}

.popup-main .logo {
    display: inline-block;
    line-height: 0;
    margin-bottom: 45px;
}

.popup-main .close-cross {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: -31px;
    right: -31px;
    background: none;
    transition: all 0.3s;
}
.popup-main .close-cross:hover {border-color: #64ccc9;}
.popup-main .close-cross span {
    width: 15px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
    display: block;
    background: #fff;
    transition: all 0.3s;
}
.popup-main .close-cross:hover span {background: #64ccc9;}
.popup-main .close-cross span:first-child {transform: translate(-50%, -50%) rotate(45deg);}
.popup-main .close-cross span:last-child {transform: translate(-50%, -50%) rotate(-45deg);}

.popup-main h3 {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.popup-main .cont {margin-bottom: 30px;}
.popup-main ul{
    width:95%;
    margin-left:5%;
}
.popup-main li{
    margin:0;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    margin: 10px 0;
    list-style:disc;
}
.popup-main li:first-child{
    margin: 30px 0 15px;;
}
.popup-main p {
    font-weight: 300;
    font-size: 18px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom:0;
    margin: 30px 0;
    margin:30px 0 0;
}
.popup-main .popup-inner .popup-close {
    width: 160px;
    padding: 12px 15px;
    margin-top: 30px;
}
.popup-main .popup-inner h4 {
    font-size: 26px;
    margin-bottom:0;
    margin:30px 0 0;
}
.popup-main .popup-inner h5 {
    margin:30px 0 0;
}
.modal-body {
    padding: 10px;
    line-height: 1.4;
    overflow-y: visible;
}
.modal-body .text-danger{
    padding:0;
    line-height: 1.4;
    letter-spacing:0;
    font-size: 26px;
}
.popup-main .popup-inner .popup-close {
    width: 170px;
    min-width: inherit;
    padding: 12px 15px;
    margin-top: 30px;
    position: relative;
    right: inherit;
    top: inherit;
    border-radius: 0;
    text-indent: 0;
    color: #fff;
    min-height: 50px;
    text-transform: uppercase;
    background: var(--color);
    border: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mt-65 {margin-top: 65px;}

/* FOOTER
-------------------------------------- */
.footer {
    background: #093e52;
    position: relative;
    z-index: 3;
}
.footer a:hover {text-decoration: none;}

.footer-row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

.footer-logo {
    display: inline-block;
    width: 146px;
    height: 41px;
    background: url(../img/logo-inverse.webp) no-repeat;
    margin-bottom: 50px;
}

.social a {
    width: 50px;
    height: 50px;
    background-color: #1a4c5e;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.3s;
}
.social a:hover {background-color: #66d4cf;}
.social a.ic-fb {
    background-image: url(../img/ic-fb.webp);
    margin-right: 10px;
}
.social a.ic-tw {background-image: url(../img/ic-tw.webp);}
.social a.ic-pn {background-image: url(../img/ic-pn.png);}
.social a.ic-in {background-image: url(../img/ic-in.png);}

.footer-item {
    width: 20%;
    padding: 0 15px;
}
.footer-item:first-child {min-width: 360px;}
.footer-item:nth-last-child(2) {margin-left: auto;}
.footer-item h3 {
    font-weight: normal;
    font-size: 21px;
    color: #61cbc8;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.footer-item ul li + li {margin-top: 15px;}
.footer-item ul li a {
    color: #fff;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}
.footer-item ul li a:hover,
.footer-item ul li.active a {
    color: #66d4cf;
}
.footer-item ul li a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    background: url(../img/ic-plus.png) no-repeat;
    margin-right: 8px;
    transition: all 0.3s;
    transform: scale(0);
} 
.footer-item ul li a:hover:before,
.footer-item ul li.active a:before  {
    transform: scale(1);
    width: 18px;
    height: 19px;
}

.footer-item.legitscript img {
    max-width: 150px;
    margin-top: 45px;
}

.footer .phone {
    color: #fff;
    margin-top: 45px;
    display: inline-block;
    transition: all 0.3s;
}
.footer .phone:hover {color: #61cbc8;}
.footer .phone i {margin-right: 10px;}

.footer-copy {
    border-top: 1px solid #13495e;
}
.footer-copy p {margin-bottom: 0;}
.footer-copy .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 15px;
    color: #396273;
    font-size: 15px;
}
.footer-copy div {
    display: flex;
    align-items: center;
}
.footer-copy div a {color: #fff;}
.footer-copy div a:hover {text-decoration: underline;}
.footer-copy div span {
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #fff;
    border-radius: 50%;
    margin: 0 15px;
}

.btn-download a {
    display: block;
    margin: 7px 0;
}

/* POPUP
-------------------------------------- */
.popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    background: rgba(0,0,0,.8);
}

.popup {
    position: absolute;
    left: 50%;
    z-index: 9992;
    transform: translateX(-50%);
}

.popup-overlay,
.popup {
    display: none;
    opacity: 0;
}

.popup-overlay.active,
.popup.active {
    display: block;
    animation: opacity 0.5s linear forwards;
}

/* POPUP INFO */
.popup-close {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .3s;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--akcent);
    border-color: var(--akcent);
}
.popup-close svg {
    fill: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup-info {
    background: #fff;
    max-width: 800px;
    width: 100%;
}
.modal-header {
    overflow: hidden;
    padding: 0;
    display: block;
}
.modal-title {
    background: var(--akcent);
    padding: 30px 30px 30px 30px;
    font-size: 43px;
    line-height: 1.3;
    color: #fff;
    min-height: 65px;
    margin-right: -2px;
    margin-left: -2px;
}
.popup-info .modal-header .wrap {
    max-height: 84.2vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px 30px 30px 30px;
}
.popup-info h5 {
    font-size: 25px;
    line-height: 30px;
    padding: 20px 0;
    margin-top: 20px;
}
.popup-info h5 {
    font-size: 25px;
    line-height: 30px;
    padding: 20px 0;
    margin-top: 20px;
}
.popup-info ul {
    margin-top: 20px;
    margin-left: 25px;
}
.popup-info ul li {
    position: relative;
    padding-left: 25px;
}
.popup-info ul li + li {
    margin-top: 10px;
}
.popup-info p u {text-decoration: underline;}
.popup-info p a,
.popup-info ul a {color: var(--akcent);}
.popup-info p a:hover,
.popup-info ul a:hover {text-decoration: underline;}
.popup-info p {margin-top: 20px;}
.popup-info p span {color: #a20e1e;}

.popup-text h1 {
    margin: 0 0 30px 0;
    line-height: 1.2;
    font-size: 40px; 
}
.popup-text p {
    margin-bottom: 25px;
    margin-top: 0;
}
.popup-text h2 {
    font-size: 25px;
    line-height: 1.2;
    margin: 20px 0;
}
.popup-text h3 {
    font-size: 20px;
    line-height: 1.2;
}
.popup-text ul {
    margin: 25px 0 25px 30px;
}
.popup-text ul li {
    position: relative;
    padding-left: 15px;
}
.popup-text ul li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
.popup-text ul li.circle-none:before {display: none;}

.popup-info .tx-c .popup-close {
    background: var(--color);
    position: relative;
    left: inherit;
    top: inherit;
    right: inherit;
    border-radius: 0;
    min-width: 170px;
    width: inherit;
    height: inherit;
    border: 0;
    display: inline-flex;
}

@media screen and (max-width: 1900px) {
    /* POST */
    .post .left-svg {width: 400px;}
    .post .right-svg {
        width: 1000px;
        bottom: 300px;
    }

    /* ORDER */
    .order .left-svg {width: 500px;}

    /* RESULTS */
    .results .right-svg {width: 300px;}
    .results .left-svg {
        width: 950px;
        height: 1000px;
        bottom: -5px;
    }

    /* FAQ */
    .faq .left-svg {width: 300px;}
}

@media screen and (max-width: 1600px) {
    /* HOME */
    .home-image {margin-right: -100px;}

    /* PRODUCTS */
    .products .text p br {display: none;}

    /* SOLUTION */
    .box-table {margin-top: 36px;}
    .box-table li div p {font-size: 14px;}
    .box-table li div p br {display: none;}
    .solution-right {margin-top: 59px;}

    /* POST */
    .post .right-svg {
        width: 910px;
        bottom: 350px;
    }

    /* RESULTS */
    .results .left-svg {width: 850px;}
}

@media screen and (max-width: 1400px) {
    /* HOME */
    .home-image {margin-right: -50px;}

    /* RECOMMENDED */
    .recommended {padding: 40px 0 55px;}
    .recommended .center {max-width: 750px;}
    .recommended ul h3 {font-size: 45px;}
    .recommended ul p {font-size: 18px;}
    .recommended ul {margin-top: 35px;}
    .recommended h2.title {font-size: 34px;}

    /* PRODUCTS */
    .products .text {padding: 20px;}

    .tags span {
        padding: 2px 10px;
        font-size: 12px;
    }

    .products h3 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 25px;
    }
    .products p + p {margin-top: 15px;}
    .products ul {margin-top: 20px;}

    /* SOLUTION */
    .box-table {
        margin-top: 130px;
    }

    /* ORDER */
    .order .center {
        grid-template-columns: 1fr 0.9fr;
        grid-gap: 0 80px;
    }

    /* PRODUCT SEC */
    .product-sec {
        position: relative;
        overflow: visible;
    }
    .product-sec .swim-cloud {
        position: absolute;
        left: 50%;
        top: -50px;
    }
    .product-sec .svg-right {right: -13%;}
    .product-sec .content {padding-top: 0;}
    .product-sec .content h2 {font-size: 42px;}
    .product-item .icon {
        left: 20px;
        width: 80px;
        height: 80px;
    }
    .product-item .prod {
        top: -10px;
        bottom: -10px;
        right: 15px;
        max-width: 105px;
        width: 100%;
    }
    .product-item:nth-child(2) .prod {max-width: 98px;}
    .product-item h4 {font-size: 20px;}
    .product-item h5 {font-size: 15px;}
    .product-item p {font-size: 12px;}
    .product-item .link {font-size: 13px;}
    .product-item .foot {
        padding: 2px 5px;
        font-size: 14px;
    }
    .product-sectext p {text-align: left;}
    .product-sec .wrap-btn {text-align: center;}

    .product-sectext {text-align: center;}
    .product-sec .center .row {
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
    }

    .product-secprod {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .preference h2.title {font-size: 40px;}
    .preference .top h2.title + span {font-size: 25px;}
    .preference .top h2.title + span i {
        width: 25px;
        height: 35px;
        background-size: 25px;
    }
}

@media screen and (max-width: 1200px) {
    body {font-size: 13px;}
    .center {max-width: 900px;}

    .guaranted {
        top: 120px;
        right: -5px;
        width: 110px;
    }

    .btn {
        min-height: 55px;
        padding: 0 35px;
        font-size: 15px;
        min-width: 280px;
    }

    /* HEADER */
    .head-bar {
        font-size: 12px;
        padding: 5px 0;
    }

    .logo {max-width: 160px;}

    .menu {margin-right: 17px;}
    .menu ul li a {font-size: 10px;}
    .menu ul li + li {margin-left: 10px;}

    .btn-head {
        min-height: 34px;
        padding: 0 5px 0 13px;
        font-size: 12px;
    }
    .btn-head i {
        width: 20px;
        height: 20px;
    }
    .btn-head i:after {padding: 2px;}

    /* HOME */
    .home {margin-top: 25px;}
    .home .btn i {
        right: 25px;
        max-width: 30px;
    }
    .home .right-svg {width: 200px;}
    .home-text {
        padding: 75px 0 45px 0;
        min-width: inherit;
    }
    .home-text p.small {font-size: 16px;}
    .home-text h1 {
        font-size: 45px;
        margin-bottom: 40px;
    }
    .home-text .text {
        font-size: 16px;
        margin-bottom: 40px;
        max-width: 500px;
    }

    .home-text .typer {
        font-size: 19px;
        margin-bottom: 20px;
/*		min-height: 61px;*/
    }

    .home-text .group div:first-child p:nth-child(2) {
        font-size: 15px;
        margin-top: 15px;
    }
    .home-text .group div:first-child p:nth-child(3) {
        font-size: 15px;
        margin-top: 30px;
    }

    .home-text .group div.hide-750 i:nth-last-child(2) {
        max-width: 110px;
    }
    .home-text .group div.hide-750 i:nth-last-child(1) {max-width: 100px;}

    .home-image {
        max-width: 450px;
        padding-left: 30px;
    }

    .home .btn {font-size: 15px;}

    /* TAB */
    .section-tab {
        padding: 50px 0 50px 0;
    }
    .tab-controls {min-width: 200px;}
    .tab-controls li div {
        font-size: 18px;
        padding-left: 15px;
    }
    .tab-controls li div:before {
        border-top: 6px solid transparent;
        border-left: 6px solid var(--color);
        border-bottom: 6px solid transparent;
        margin-top: -5px;
    }

    .tab-content h2 {
        font-size: 35px;
        margin-bottom: 25px;
    }
    .tab-content p {
        max-width: 360px;
        font-size: 15px;
    }
    .tab-content a.important {
        font-size: 15px;
        margin-top: 25px;
    }
    .tab-content a.important:after {
        padding: 2.5px;
        margin-left: 7px;
        top: 1px;
    }

    /* PREFERENCE */
    .preference .left-svg {width: 300px;}

    /* POST */
    .post .left-svg {width: 300px;}
    .post .right-svg {
        width: 650px;
        bottom: 300px;
    }
    .post-row {grid-gap: 25px 40px;}
    .post-row + .post-row {margin-top: 70px;}

    .post-text h2 {font-size: 30px;}
    .post-text .typer-2 {
        margin: 20px 0;
        font-size: 13px;
    }
    .post-text p {margin-top: 20px;}
    .post-text p b {font-size: 15px;}
    .post-text p a b {font-size: 14px;}
    .post-text .btn-group {margin-top: 25px;}

    .btn-group div {
        font-size: 15px;
        margin-top: 15px;
    }

    /* PAIN */
    .pain {padding: 40px 0 40px 0;}

    .icon-plus img {max-width: 70px;}
    .icon-plus span {font-size: 15px;}

    .pain-slide {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .pain-slide h3 {
        font-size: 19px;
        margin-bottom: 25px;
    }
    .pain-slide span {font-size: 14px;}

    .pain-slide .splide__pagination {margin-top: 25px;}
    .pain-slide .splide__pagination li {
        margin: 0 7px;
        width: 16px;
        height: 16px;
    }
    .pain-slide .splide__pagination li button {
        width: 16px;
        height: 16px;
        margin: 0;
        display: block;
    }

    /* SOLUTION */
    #solution {padding: 50px 0 100px 0;}
    #solution .left-svg {
        width: 250px;
        left: -200px;
    }
    #solution .center {
        grid-template-columns: 1fr;
    }
    #solution h2.title {
        text-align: center;
        font-size: 30px;
    }
    #solution .btn {
        margin: 0 auto;
        display: flex;
        max-width: 280px;
    }

    .box-table {
        max-width: 785px;
        margin-left: auto;
        margin-right: auto;
    }

    .solution-right {margin-top: 0;} 

    /* ORDER */
    .order {padding: 80px 0;}
    .order .left-svg {width: 300px;}
    .order .center {
        grid-gap: 0 50px;
        grid-template-columns: 1fr 1fr;
    }

    .order-slider .splide {max-width: 500px;}
    .order-slider .splide h4 {font-size: 20px;}
    .order-slider .splide p {font-size: 15px;}

    .order-text > h3 {font-size: 30px;}
    .order-text > p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .order-text li {font-size: 14px;}

    .radio-checkbox {
        padding: 5px 20px 5px 10px;
        min-height: 75px;
        margin-bottom: 20px;
    }
    .radio-checkbox h2 {font-size: 17px;}
    .radio-checkbox h3 {font-size: 13px;}
    .radio-checkbox p {font-size: 11px;}
    .radio-checkbox .price {
        min-width: 80px;
        font-size: 29px;
    }
    .radio-checkbox .price .dol {font-size: 17px;}
    .radio-checkbox .price .num {
        font-size: 17px;
        top: 3px;
    }
    .radio-checkbox .price .small {font-size: 12px;}
    .radio-checkbox .save {
        height: 32px;
        padding: 0 25px;
        font-size: 11px;
    }
    .radio-checkbox .best {font-size: 12px;}
    .radio-checkbox .best:after {
        width: 7px;
        height: 12px;
        margin-left: 4px;
        background-size: 7px;
    }
    .radio-checkbox .best span {top: 1px;}
    .order-form {margin-top: 20px;}
    .order-form .total {min-height: 60px;}
    .order-form .total-text p {font-size: 16px;}
    .order-form .buy {font-size: 16px;}
    .order-text .icons {margin-top: 20px;}
    .order-text .icons > div span {font-size: 13px;}
    .order-text .bottom {
        font-size: 14px;
        margin-top: 10px;
    }

    /* HELP */
    .help-text {
        max-width: 450px;
        padding: 60px 0 70px 0;
    }
    .help-text > img {max-width: 40px;}
    .help-text h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .help-text p {font-size: 14px;}
    .help-text ul {margin: 15px 0;}
    .help-text ul li {font-size: 14px;}
    .help-text ul li:before {
        width: 15px;
        height: 11px;
        margin-right: 10px;
        background-size: 15px;
    }
    .help-text .btn-group {margin-top: 25px;}

    .help .bg {width: 45%;}

    /* RESULTS */
    .life-img img {max-width: 60px;}
    .results {padding: 100px 0 30px 0;}
    .results .right-svg {width: 150px;}
    .results .swim-cloud {margin-top: -50px;}
    .results h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .results .center > p.subtitle {font-size: 20px;}

    .results-list {
        grid-gap: 0 30px;
        margin-top: 50px;
    }
    .results-list li p {font-size: 16px;}

    .results-list i {min-height: 66px;}
    .results-list i[data-src="sms_ed"] {width: 70px;}
    .results-list i[data-src="file1"] {width: 56px;}
    .results-list i[data-src="car_ed"] {width: 113px;}

    .results-row {
        padding-top: 30px;
        margin-top: 50px;
    }
    .results-row .text h3 {
        font-size: 45px;
        margin-bottom: 10px;
    }
    .results-row .text p.subtitle {font-size: 16px;}
    .results-row .text p {font-size: 14px;}
    .results-row .text p + p {margin-top: 15px;}

    .signature {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .signature i {
        max-width: 140px;
        min-height: 51px;
    }
    .signature strong {font-size: 14px;}

    .results .left-svg {
        width: 625px;
        height: 720px;
    }

    /* PROTAREN */
    .protaren {padding: 80px 0 100px 0;}
    .protaren .center > img {max-width: 200px;}
    .protaren h2 {
        font-size: 40px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .protaren .center > p {
        font-size: 17px;
        margin-bottom: 35px;
    }
    .protaren .box {
        padding: 5px 15px;
        font-size: 17px;
    }
    .protaren .btn-group {margin-top: 45px;}

    /* product-sec */
    .product-sec .content {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .product-item .image .bg {
        height: 155px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    /* QUESTIONS */
    .questions h3 {font-size: 35px;}
    .questions .accordion {margin-top: 10px;}
    .questions .accordion__head {
        font-size: 20px;
        padding-left: 25px;
    }
    .accordion__body {padding-left: 25px;}

    /* FAQ */
    .faq {padding: 70px 0 60px 0;}
    .faq-text h2 {font-size: 35px;}
    .faq-text div.subtitle {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .btn-accordeon {
        font-size: 16px;
        padding: 8px 0;
    }
    .ic-plus {
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }

    .faq-text {max-width: 500px;}

    .faq .left-svg {width: 200px;}

    /* REVIEWSMORE */
    .reviewsmore > .center > h2.title {font-size: 25px;}

    /* POPUP */
    .modal-title {
        font-size: 35px;
        line-height: 1.2;
    }

    /* footer */
    .form-connected {top: 40px;}
    .form-connected .inner {
        padding: 20px 40px;
    }
    .form-connected h3 {
        font-size: 19px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .form-connected .group {
        width: 300px;
    }
    .form-connected .group input[type="email"] {
        padding-bottom: 16px;
        font-size: 12px;
        padding-right: 100px;
    }
    .form-connected .group button {
        width: 90px;
        height: 30px;
        font-size: 11px;
        bottom: 10px;
    }

    .page-plans .footer,
    .page-help .footer,
    .page-contact .footer,
    .page-platform .footer,
    .page-works .footer,
    .page-blog .footer,
    .page-signup .footer {padding-top: 45px;}
    .footer-logo {
        width: 90px;
        height: 27px;
        margin-bottom: 30px;
        background-size: 90px;
    }

    .social a {
        width: 30px;
        height: 30px;
        background-size: 14px;
    }
    .social a.ic-fb {background-size: 8px !important;}
    .footer-item:first-child {
        min-width: 230px;
    }
    .footer-item h3 {margin-bottom: 15px;}
    .footer-item ul li + li {
        margin-top: 8px;
    }
    .footer-copy .center {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 11px;
    }
    .footer-copy .wrapper {
        display: block;
        text-align: center;
    }
    .footer-copy div { justify-content: center; }
}

@media screen and (max-width: 990px) {
    .hide-990 {display: none !important;}
    .show-990 {display: block !important;}

    .guaranted {
        top: 200px;
        width: 100px;
    }

    .btn {
        min-height: 45px;
        padding: 0 25px;
        font-size: 13px;
        min-width: 240px;
    }

    .marquee-container ul li {
        padding: 0 15px;
        min-height: 65px;
    }
    .marquee-container ul li img {
        max-width: 80px;
    }
    .marquee-container ul li:nth-child(3) img,
    .marquee-container ul li:nth-child(4) img,
    .marquee-container ul li:nth-child(5) img,
    .marquee-container ul li:nth-child(7) img {
        max-width: 50px;
    }
    .marquee-container ul li:nth-child(8) img {
        max-width: 40px;
    }

    /* HEADER */
    body div.timer.banner_timer section strong {font-size: 2vw;}
    body div.timer.banner_timer section, 
    body div.timer.banner_timer section:first-child {
        font-size: 1.5vw;
    }
    div.timer.banner_timer section:nth-of-type(2) {zoom: 0.8 !important;}
    .hidden header.header {margin-top: 13.8vw;}

    div.timer.banner_timer section:nth-of-type(2) {
        position: relative;
        top: -2px;
    }
    div.timer.banner_timer ul li {width: 28px !important;}
    .hidden header.header {margin-top: 6vw;}
    .menu-open .header {z-index: 9999;}
    .logo {max-width: 150px;}
    .menu ul li a {font-size: 10px;}
    .home-text {padding: 50px 0 30px 0;}

    .menu {
        margin-right: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.9);
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        flex-direction: column;
    }
    .menu-open .menu {
        display: flex;
        animation: opacity 0.5s forwards;
    }
    .menu ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu ul li + li {margin-left: 0;}
    .menu ul li a {
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 30px;
    }
    .menu ul li a:hover {color: #000;}

    .btn-menu {
        width: 30px;
        height: 23px;
        background: none;
        border: none;
        margin-left: auto;
        cursor: pointer;
        position: relative;
        z-index: 9991;
    }
    .btn-menu span {
        display: block;
        height: 3px;
        background: var(--color);
        transition: all 0.3s;
    }
    .menu-open .btn-menu span {background: #fff;}
    .btn-menu span + span {margin-top: 7px;}
    .menu-open .btn-menu span {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top: -1.5px;
        transform-origin: center;
    }
    .menu-open .btn-menu span:nth-child(1) {transform: rotate(45deg);}
    .menu-open .btn-menu span:nth-child(2) {display: none;}
    .menu-open .btn-menu span:nth-child(3) {transform: rotate(-45deg);}

    .menu .btn-head {
        display: flex !important;
        margin-top: 30px;
        min-height: 55px;
        padding: 0 15px 0 15px;
        font-size: 25px;
        min-width: 330px;
        justify-content: center;
        background: var(--color);
        color: #fff;
    }
    .menu .btn-head i {display: none;}
    .menu .btn-head span {
        position: relative;
        top: -1.5px;
    }

    /* HOME */
    .home {margin-top: 55px;}
    .home-text p.small {font-size: 14px;}
    .home-text h1 {
        font-size: 37px;
        margin-bottom: 25px;
    }
    .home-text .text {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .home-text .typer {
        font-size: 19px;
        margin-bottom: 27px;
/*		min-height: 56px;*/
		min-height: 61px;
    }

    .home-text .group div:first-child p:nth-child(2) {
        font-size: 12px;
        margin-top: 10px;
    }
    .home-text .group div:first-child p:nth-child(3) {
        font-size: 17px;
        margin-top: 30px;
    }

    .home-text .group div.hide-750 i:nth-last-child(2) {
        max-width: 100px;
    }
    .home-text .group div.hide-750 i:nth-last-child(1) {max-width: 90px;}

    .home .btn {font-size: 13px;}
    .home .btn i {
        max-width: 17px;
        margin-left: 5px;
    }
    .home-image {max-width: 400px;}

    /* TAB */
    .tab-controls li div {font-size: 16px;}
    .tab-controls {min-width: 175px;}
    .tab-content > div {padding-left: 45px;}
    .tab-content h2 {font-size: 30px;}
    .tab-content p {font-size: 14px;}
    .tab-content a.important {margin-left: 45px;}

    /* SOLUTION */
    #solution {
        padding: 50px 0 80px 0;
        overflow: visible;
    }
    #solution .swim-cloud {margin-top: -20px;}
    #solution .justify-content-center {
        order: -1;
    }
    #solution .col-12.col-lg-5 {
        padding-top: 50px;
    } 
    .solution-right {margin-top: 130px;}

    /* POST */
    .post .right-svg {
        width: 496px;
        bottom: 400px;
    }
    .post {padding: 0 0 35px 0;}
    .post-row {grid-gap: 25px 30px;} 
    .post-row + .post-row {margin-top: 50px;}
    .post-text h2 {font-size: 27px;}
    .post-text .typer-2 {
        font-size: 11px;
    }

    .btn-group div {
        font-size: 13px;
        margin-top: 10px;
    }

    /* RECOMMENDED */
    .recommended .left-svg {
        width: 450px;
        transform: rotate(-53deg) translate(9px, -115px);
    }

    /* PRODUCTS */
    .products ul li i {margin-right: 7px;}

    /* ORDER */
    .order .center {grid-gap: 0 30px;}
    .order-slider .splide {
        max-width: 360px;
        margin-top: 15px;
    }

    .order-slider .splide h4 {font-size: 16px;}
    .order-slider .splide p {font-size: 13px;}

    .order-text > h3 {font-size: 25px;}
    .order-text > p {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .order-text li {font-size: 12px;}

    .order-form {margin-top: 15px;}
    .radio-checkbox {
        padding: 5px 15px 5px 10px;
        min-height: 70px;
        margin-bottom: 15px;
    }
    .radio-checkbox .checkbox {
        width: 25px;
        height: 25px;
    }
    .radio-checkbox h2 {font-size: 15px;}
    .radio-checkbox h3 {font-size: 11px;}
    .radio-checkbox p {font-size: 10px;}
    .radio-checkbox .price {
        min-width: 65px;
        font-size: 23px;
    }
    .radio-checkbox .price .dol {font-size: 14px;}
    .radio-checkbox .price .num {
        font-size: 14px;
        top: 3px;
    }
    .radio-checkbox .price .small {font-size: 10px;}
    .radio-checkbox .save {
        height: 27px;
        padding: 0 15px;
        font-size: 9px;
    }
    .radio-checkbox .best {
        font-size: 9px;
        min-height: 23px;
        padding: 0 8px;
    }

    .order-form .total {min-height: 53px;}
    .order-form .total-text {padding-right: 20px;}
    .order-form .total-text:after {height: 30px;}
    .order-form .total-text p:first-child {margin-right: 20px;}
    .order-form .total-text p {font-size: 14px;}
    .order-form .buy {
        font-size: 14px;
        padding-left: 20px;
    }

    .order-text .icons > div span {
        font-size: 11px;
        margin-left: 4px;
    }
    .order-text .icons > div:nth-child(1) i {max-width: 30px;}
    .order-text .icons > div:nth-child(2) i {max-width: 15px;}
    .order-text .icons > div:nth-child(3) i {max-width: 20px;}

    /* HELP */
    .help-text {max-width: 400px;}
    .help-text p {font-size: 13px;}
    .help-text ul li {font-size: 13px;}
    .help-text ul li + li {margin-top: 5px;}

    /* RESULTS */
    .results-list li p {font-size: 13px;}
    .results .left-svg {left: -180px;}

    .results-list i {margin-bottom: 15px;}
    .results-list i[data-src="sms_ed"] {width: 57px;}
    .results-list i[data-src="file1"] {width: 45px;}
    .results-list i[data-src="car_ed"] {width: 92px;}
    .results-list i {min-height: 54px;}

    /* product-sec */
    .product-sec .content {text-align: center;}
    .product-item {
        margin-bottom: 30px;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        height: inherit;
    }
    .product-item .image .bg {
        display: block;
        width: 100%;
        max-height: 150px;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .new-inner-btn {max-width: initial;}

    .box-table {
        margin-top: 0;
    }
    #solution .justify-content-center {
        order: -1;
    }
    #solution .col-12.col-lg-5 {
        padding-top: 50px;
    } 

    /* REVIEWSMORE */
    .reviewsmore > .center > h2.title {font-size: 20px;}

    /* POPUP */
    .popup-main .popup-inner {
        max-height: 80vh;
    }
    .popup-main .close-cross{
        top: -40px;
        right: 4px;
    }
    .popup-main .popup-inner {
        padding: 25px 10px;
    }
    .popup-main .popup-inner h4,.popup-main .popup-inner h5,.modal-body .text-danger{
        font-size:24px;
    }
    .popup-info {max-width: 650px;}

    /* FAQ */
    .faq .left-svg {
        left: inherit;
        right: 0;
    }
    .faq {padding: 40px 0 50px 0;}
    .faq-text {max-width: 450px;}
    .faq-text h2 {font-size: 32px;}
    .faq-text div.subtitle {font-size: 24px;}

    /* POPUP */
    .modal-title {font-size: 29px;}

    /* FOOTER */
    .footer-top {flex-direction: column;}
    .footer-top .social {margin-top: 35px;}
    .footer-middle {
        margin: 0 0;
        padding: 40px 0 35px 0;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-middle__column {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .footer-middle__column.last {margin-bottom: 0;}
    .footer-bottom__column {text-align: center;}

    .footer-bottom__column.copy {
        text-align: center;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    div.timer.banner_timer ul li {
        width: 60px !important;
    }
    .hidden header.header {
        margin-top: 11.9vw;
    }
    .home {
        margin-top: 10px;
    }
}

@media screen and (max-width: 750px) {
    .hide-750 {display: none !important;}
    .show-750 {display: block !important;}

    body {font-size: 15px;}

    .guaranted {
        top: 155px;
        display: none;
    }
    .guaranted.show {
        display: block;
        animation: opacity 0.3s linear forwards;
    }

    .btn {
        min-height: 55px;
        padding: 0 50px;
        font-size: 17px;
    }
    .btn-group {display: block;}
    .btn-group div {
        font-size: 15px;
        margin-top: 14px;
    }
    .btn-group div:before {
        content: '';
        width: 19px;
        height: 19px;
        display: inline-block;
        background: url(../img/tag.png) no-repeat;
        background-size: 19px;
        margin-right: 8px;
        vertical-align: top;
        position: relative;
        top: 5px;
    }

    /* HEADER */
    div.timer.banner_timer section:nth-of-type(2) {
        zoom: initial !important;
        top: 0;
    }
    body div.timer.banner_timer section, 
    body div.timer.banner_timer section:first-child {
        font-size: 2.9vw;
    }
    body div.timer.banner_timer section strong {
        font-size: 8vw;
    }
    body, header.header {
        margin-top: 22.5vw !important;
    }
    body div.timer.banner_timer section:last-child b {letter-spacing: 0.5px;}
    body div.timer.banner_timer ul li {top: 0.3vw;}
    div.timer.banner_timer ul li {width: 8vw !important;}

    .logo {max-width: 140px;}
    .head-bar {
        font-size: 12px;
        padding: 7px 0;
    }
    .head-main .center {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    /* HOME */
    .home {margin-top: 55px;}

    .home-text {padding: 35px 0 25px 0;}
    .home-text p.small {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .home-text h1 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .home-text .typer {
        font-size: 19px;
        margin-bottom: 23px;
        padding-left: 5px;
        border-width: 2px;
    }

    .home .wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .home-text .text {font-size: 17px;}
    .home-text .group {display: block;}
    .home .wrap > img {max-width: 100px;}
    .home .wrap > img {
        max-width: 140px;
        margin-right: -12px;
        margin-bottom: -75px;
    }

    .home .group-icons {
        display: flex !important;
        justify-content: space-between;
        align-items: flex-end;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .home .group-icons img:nth-child(1) {max-width: 65px;}
    .home .group-icons img:nth-child(2) {max-width: 66px;}
    .home .group-icons img:nth-child(3) {max-width: 70px;}
    .home .center {flex-direction: column;}
    .home-image {
        max-width: inherit;
        padding-left: 0;
        margin-right: 0;
        text-align: center;
        padding-bottom: 30px;
    }

    /* TAB */
    .section-tab {
        padding: 45px 0 35px 0;
        min-height: 420px;
    }
    .solution-text .box-table {margin-top: 80px;}
    .tab {display: block;}
    .tab-controls {
        margin-left: -10px;
        column-count: 2;
    }
    .tab-controls:after {display: none;}
    .tab-content a.important {position: static;}
    .tab-controls li {
        width: 50%;
        transform: none !important;
        opacity: 1 !important;
    }
    .tab-controls li + li {
        margin-top: 0;
    }
    .tab-controls li div {
        font-size: 18px;
        padding-left: 10px;
        white-space: nowrap;
    }
    .tab-controls li div:before {
        border-top: 5px solid transparent;
        border-left: 5px solid var(--color);
        border-bottom: 5px solid transparent;
    }
    .tab-content > div {
        padding-left: 0;
        padding-top: 30px;
    }
    .tab-content h2 {
        font-size: 28px;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }
    .tab-content p {
        font-size: 18px;
        max-width: inherit;
    }
    .tab-content a.important {
        margin-left: 0;
        font-size: 18px;
    }
    .tab-content a.important:after {top: 2px;}

    /* PREFERENCE */
    .preference {
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .preference .top p {
        font-size: 17px;
        text-align: left;
    }
    .preference .top p + p {margin-top: 20px;}
    .preference .top p.first {
        border-left: 3px solid var(--color);
        padding-left: 10px;
    }
    .preference h2.title {
        font-size: 35px;
    }
    .preference .left-svg {
        width: 200px;
        left: -90px;
    }
    .preference.white .center {padding-bottom: 0;}
    .preference .top img {max-width: 200px;}
    .preference .center {
        flex-direction: column;
    }
    .preference .center:last-child {
        padding: 0;
    }
    .preference p {margin: 0;}
    .preference .splide {margin-top: 30px;}
    .preference .item+.item {
        margin-top: 45px;
    }
    .preference .item .icon {
        width: 120px;
        height: 120px;
    }
    .preference .splide .splide__slide {
        width: inherit;
    }

    /* SOLUTION */
    #solution h2.title {
        padding-top: 25px;
        font-size: 25px;
    }
    #solution .center {text-align: center;}
    .solution-text {text-align: left;}
    .box-table {
        margin-top: 90px;
        margin-bottom: 30px;
    }
    .box-table li {
        grid-template-columns: 1fr 65px 65px 65px 65px;
        border-width: 1px;        
    }
    .box-table li div {
        padding: 10px;
        border-width: 1px;
    }
    .box-table li div:first-child {text-align: left;}
    .box-table li div p {
        font-size: 10px;
        letter-spacing: 0;
    }
    .box-table li div p br {display: none;}
    .box-table li div.top-title {
        min-height: 40px;
        border-width: 1px;
        right: -1px;
    }
    .box-table li div.color .top-title {
        border-radius: 10px 10px 0 0;
        padding: 13px 0;
        border-width: 2px;
    }
    .box-table li div:last-child .top-title {border-width: 1px;}
    .ic-checkwhite, .ic-question, .ic-close {
        width: 20px;
        min-width: 20px;
        height: 20px;
    }
    .ic-checkwhite, .ic-question, .ic-close {
        background-size: 20px;
    }

    #solution {padding-top: 0;}
    #solution .col-12.col-lg-5 {
        padding-top: 30px;
        padding-bottom: 50px;
        background: #f3f3f3;
    }
    #solution .justify-content-center {padding-bottom: 50px;}

    /* POST */
    .post .left-svg {display: none;}
    .post .right-svg {display: none;}

    .post .left-svg-mob {
        max-width: 100px;
        position: absolute;
        top: 31px;
        left: -2px;
        transform-origin: center;
        transform: rotate(249deg);
    }
    .post .right-top-svg-mob {
        max-width: 16px;
        position: absolute;
        top: -35px;
        right: 20px;
        transform-origin: center;
        transform: rotate(45deg);
    }
    .post .right-svg-mob {
        max-width: 200px;
        position: absolute;
        top: 13%;
        right: -20px;
    }
    .post .top-svg {
        max-width: 487px;
        position: absolute;
        bottom: 100%;
        right: -20px;
        margin-bottom: -60px;
    }

    .post-row {
        grid-gap: 15px 30px;
        grid-template-columns: 1fr;
        position: relative;
    }
    .post-row + .post-row {margin-top: 70px;}

    .post-text h2 {
        font-size: 31px;
        margin-top: 10px;
    }
    .post-text .typer-2 {
        font-size: 18px;
        max-width: 390px;
    }
    .post-text .typer-2 br {display: none;}

    .post-row.reverse .post-image {order: -1;}
    .post-row.reverse .post-text h2 {font-size: 29px;}
    .post-text p b {
        font-weight: bold;
        font-size: 18px;
    }
    .post-text p {margin-top: 25px;}

    /* PAIN */
    .pain {
        background: url(../img/bg-painmob.jpeg) no-repeat center bottom;
        background-size: cover;
    }
    .pain-slide {margin-top: 30px;}
    .pain-slide .splide__pagination li {
        margin: 0 4px;
        width: 10px;
        height: 10px;
    }
    .pain-slide .splide__pagination li button {
        width: 10px;
        height: 10px;
        display: block;
    }
    .pain-slide h3 {font-size: 25px;}
    .pain-slide span {font-size: 17px;}
    .pain-slide .splide__pagination {margin-top: 30px;}

    .pain .btn-group div:before {
        background: url(../img/tag-white.png) no-repeat;
        background-size: 19px;
    }

    /* RECOMMENDED */
    .recommended {padding: 40px 0 40px;}
    .recommended h2.title {
        font-size: 25px;
        line-height: 1.4;
        padding: 0 15px;
    }
    .recommended .center {padding: 0 0;}
    .recommended ul h3 {
        font-size: 44px;
        white-space: nowrap;
    }
    .recommended ul p {font-size: 20px;}
    .recommended .splide {margin-bottom: 30px;}
    .recommended ul {justify-content: inherit;}
    .logos .splide__slide img {max-width: 70px;}
    .recommended .splide__pagination {
        justify-content: center;
        display: block !important;
    }

    .splide__arrow {display: none;}
    .splide__pagination {
        position: static;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }
    .splide__pagination__page {
        width: 9px;
        height: 9px;
        background: #e2e1f1;
        margin: 0 5px;
    }
    .splide__pagination__page.is-active {
        transform: none;
        background: var(--color);
    }
    .splide__pagination__page {
        width: 12px;
        height: 12px;
        margin: 0 7px;
    }

    /* PRODUCTS */
    .products .row {grid-template-columns: 1fr;}
    .products .inner {
        display: flex;
        flex-direction: column;
    }

    .products h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 25px;
    }
    .products .tags {margin-bottom: 10px;}
    .products p + p {margin-top: 20px;}
    .products ul {margin-top: 30px;}
    .products .text.reverse {order: 1;}
    .products .text {padding: 25px 15px 40px 15px;}

    /* ORDER */
    .order {
        padding: 70px 0 20px 0;
        background: #fff;
    }
    .order .center {grid-template-columns: 1fr;}

    .order .left-svg {
        width: 300px;
        left: inherit;
        right: -100px;
        transform-origin: center;
        transform: rotate(182deg);
    }

    .order-slider .image {margin-left: -10px;}

    .order-text {
        padding-bottom: 30px;
        padding-top: 15px;
        position: relative;
        z-index: 999;
        background: #fff;
    }
    .order-text:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -15px;
        right: -15px;
        bottom: 0;
        z-index: -1;
        background: #fff;
    }
    .order-text > h3 {font-size: 30px;}

    .order-form .total {padding: 0 15px;}
    .order-form .total-text p, 
    .order-form .buy {
        font-size: 15px;
    }
    .order-text > p {
        font-size: 13px;
        font-weight: 500;
    }
    .order-text > p b {font-weight: bold;}
    .order-text li {font-size: 13px;}
    
    .order-form {margin-top: 25px;}
    .radio-checkbox {padding: 10px 15px 10px 10px;}
    .radio-checkbox h2 {
        font-size: 16px;
    }
    .radio-checkbox h3 {
        font-size: 12px;
    }
    .radio-checkbox p {
        font-size: 11px;
    }
    .radio-checkbox .price {font-size: 25px;}
    .radio-checkbox .price .dol {font-size: 16px;}
    .radio-checkbox .price .num {font-size: 16px;}
    .radio-checkbox .price .small {font-size: 12px;}
    .radio-checkbox .save {
        height: 30px;
        padding: 0 16px;
        font-size: 11px;
    }
    .order-form .total {
        margin-top: 35px;
        min-height: 60px;
    }

    .order-text .icons {opacity: 0.9;}
    .order-text .icons > div span {font-size: 12px;}
    .order-text .bottom {font-size: 15px;}
    .order-text .bottom:before {
        content: '';
        width: 19px;
        height: 19px;
        display: inline-block;
        background: url(../img/tag.png) no-repeat;
        background-size: 19px;
        margin-right: 8px;
        vertical-align: top;
        position: relative;
        top: 5px;
    }

    /* product-sec */
    .product-sec .svg-left {
        position: absolute;
        top: 10%;
        left: -71px;
        width: 400px;
        transform: rotate(26deg);
    }
    .product-sec .svg-right {display: none;}

    .product-sec {padding: 70px 0 30px 0;}
    .product-item .inner {padding-top: 20px;}
    .product-sec .content {
        text-align: left;
        padding-bottom: 0;
    }
    .product-sec .content h2 {
        font-size: 42px;
        letter-spacing: 0;
        line-height: 1.2;
        margin-bottom: 25px;
        text-align: center;
    }

    .product-sec .products .row .col-lg-4:last-child .product-item {margin-bottom: 0;}
    .product-sec .content .mt20 {text-align: center;}

    .main-btn {
        font-size: 14px;
        padding: 8px 10px;
        max-width: 230px;
    }

    .product-item .image .bg {
        max-height: 200px;
        height: 100%;
    }
    .product-item .prod {
        top: -30px;
        right: 30px;
        max-width: 140px;
    }
    .product-item:nth-child(2) .prod {
        max-width: 130px;
    }
    .product-item {
        margin-bottom: 50px;
        height: inherit;
    }
    .product-item .inner {height: inherit;}
    .product-item .icon {
        left: 30px;
        width: 120px;
        height: 120px;
    }

    .product-item h4 {
        font-size: 28px;
        line-height: 1.2;
    }
    .product-item h5 {font-size: 22px;}
    .product-item p {
        font-size: 17px;
        line-height: 1.5;
    }
    .product-item p br {display: none;}
    .product-item .link {font-size: 15px;}
    .product-item .link + .link {margin-top: 10px;}
    .product-item .foot {
        padding: 8px 10px;
        font-size: 19px;
    }

    .questions {
        padding-bottom: 15px;
        padding-top: 50px;
    }
    .best-area-text h2 span:last-child {font-size: 21px;}
    .best-area-text h2 span i {
        width: 25px;
        height: 30px;
        background-size: 25px;
        position: relative;
        top: -5px;
    }

    .product-secprod {grid-template-columns: 1fr;}
    .product-sectext h2 {
        font-size: 35px;
        text-align: left;
    }

    /* HELP */
    .help .left-bottom-svg {
        position: absolute;
        width: 152px;
        left: 0;
        bottom: 100%;
        margin-bottom: -64px;
        z-index: -1;
    }

    .help {
        background: url(../img/poly.png) no-repeat right top;
        position: relative;
        z-index: 99;
    }
    .help .bg {
        width: 100%;
        position: static;
    }
    .help .bg img {
        display: block;
        width: 100%;
    }

    .help-text {
        max-width: inherit;
        padding: 50px 15px 60px 15px;
        background: #f3f3f3;
        margin-left: -15px;
        margin-right: -15px;
    }
    .help-text h2 {font-size: 34px;}
    .help-text p {font-size: 17px;}
    .help-text p br {display: none;}
    .help-text ul {margin: 30px 0;}
    .help-text ul li {font-size: 17px;}
    .help-text .btn-group {margin-top: 60px;}
    .help-text .foot {
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        margin-top: 25px;
    }

    /* RESULTS */
    .results {
        padding: 50px 0 50px 0;
    }
    .results .swim-cloud {
        margin-top: -60px;
    }
    .results .right-svg {display: none;}
    .results .left-svg {display: none;}
    .results h2 {font-size: 35px;}
    .results .center > p.subtitle {font-size: 15px;}

    .results-list {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 30px;
    }
    .results-list i {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
    .results-list i[data-src="sms_ed"] {width: 85px;}
    .results-list i[data-src="file1"] {width: 60px;}
    .results-list li p {font-size: 18px;}

    .results-list .splide__pagination {
        position: static;
        margin-top: 25px;
    }
    .results-list .splide__pagination li {
        width: 6px;
        height: 6px;
        margin: 0 8px;
    }
    .results-list .splide__pagination li button {
        width: 6px;
        height: 6px;
        margin: 0;
        display: block;
        background: var(--akcent);
        opacity: 1;
    }
    .results-list .splide__pagination li button.is-active {
        background: var(--color);
        transform: none;
    }

    .results-row {
        grid-template-columns: 1fr;
        margin-top: 25px;
        padding-top: 25px;
        position: relative;
    }
    .results-row .svg {
        width: 487px;
        position: absolute;
        top: 7%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }

    .results-row .text {margin-top: 20px;}
    .life-img img {max-width: 90px;}
    .results-row .image {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .results-row .text h3 {font-size: 42px;}
    .results-row .text p.subtitle {font-size: 18px;}
    .results-row .text p {font-size: 15px;}
    .results-row .text p:not(.subtitle) {
        font-size: 15px;
        color: #04455e;
        letter-spacing: 0.5px;
    }
    .results-row .text p + p {margin-top: 20px;}

    .signature i {
        max-width: 160px;
        min-height: 58px;
    }
    .signature strong {
        font-size: 16px;
        font-weight: 500;
    }

    .results .right-svg-mog {
        position: absolute;
        right: -3px;
        bottom: -20px;
        width: 229px;
    }
    .results .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* PROTAREN */
    .protaren {
        padding: 70px 0 70px 0;
        background: url(../img/bg-protarenmob.jpeg) no-repeat center top;
        background-size: cover;
    }
    .protaren .center > img {max-width: 170px;}
    .protaren h2 {
        font-size: 25px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .protaren .center > p {
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: 0.5px;
    }
    .protaren .center > p br {display: none;}

    .protaren .box {
        padding: 13px 10px;
        font-size: 13px;
        border-color: #93afb5;
    }

    .protaren .btn {
        border-color: var(--color);
        background: var(--color);
        color: #fff;
    }
    .protaren .btn-group > div {display: none;}

    .protaren .foot {
        text-align: center;
        margin-top: 40px;
        font-size: 18px;
        font-weight: 500;
    } 

    /* QUESTIONS */
    .questions .center {grid-template-columns: 1fr;}
    .questions h3 {text-align: center;}
    .questions-image {
        margin: 30px auto 0 auto;
        max-width: 500px;
    }

    .swim-cloud {
        margin-left: -100px;
        max-width: 200px;
    }

    /* REVIEWSMORE */
    .reviewsmore {padding: 45px 0 45px 0;}
    .reviewsmore-head .rating p {margin-bottom: 12px;}
    .reviewsmore-head .rating {
        text-align: center;
    }
    .reviewsmore > .center > h3 {
        font-size: 25px;
        text-align: center;
    }
    .reviewsmore-head {
        align-items: center;
        margin-top: 10px;
        flex-direction: column;
    }
    .reviewsmore-verified {padding: 15px;}
    .reviewsmore-item {
        display: flex;
        flex-direction: column;
        padding: 25px 20px;
    }
    .reviewsmore-item:after {
        left: 20px;
        right: 20px;
    }
    .reviewsmore-item .left {
        min-width: inherit;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    .reviewsmore-item .left + div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .reviewsmore-item .left + div img {
        max-width: 100px;
        width: 100%;
    }
    .reviewsmore-item h3 {margin-bottom: 0;}
    .reviewsmore-item .left .helpful {display: none;}
    .reviewsmore > .center.tx-c h2.title br {display: none;}  
    .reviewsmore > .center:last-child {padding-top: 30px;}
    .reviewsmore-item p + .helpful {
        display: inline-flex !important;
        margin-left: auto;
        margin-bottom: 5px;
    }

    /* FAQ */
    .faq .left-svg {
        bottom: inherit;
        top: -80px;
        right: -90px;
    }

    .faq-text h2 {
        font-size: 42px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .faq-text div.subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 30px;
    }
    .faq-text div.subtitle br {display: none;}

    .btn-accordeon {font-size: 14px;}

    /* footer */
    .footer {padding-bottom: 90px;}
    .form-connected .inner {
        padding: 30px 30px 40px 30px;
        flex-direction: column;
    }
    .form-connected h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: center;
    }
    .form-connected p br {display: none;}
    .form-connected .group {
        width: 100%;
        margin-top: 20px;
    }
    .form-connected .group input[type="email"] {
        padding-bottom: 19px;
        font-size: 18px;
        padding-right: 140px;
    }
    .form-connected .group button {
        width: 130px;
        height: 40px;
        font-size: 16px;
        bottom: 12px;
    }

    .page-plans .footer {padding-top: 50px;}
    .footer-row {
        flex-wrap: wrap;
        padding: 0 30px;
    }
    .footer-item {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 45px;
    }
    .footer-item:first-child {
        min-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer-item.legitscript {margin-left: auto;}
    .footer-item.legitscript img {margin-top: 0;}
    .footer-logo {
        width: 150px;
        height: 42px;
        margin-bottom: 0;
        background-size: 150px;
    }
    .footer-item .social {
        width: 50%;
        padding: 0 15px;
        line-height: 0;
    }
    .social a {
        width: 50px;
        height: 50px;
        background-size: 22px;
    }
    .social a.ic-fb {
        background-size: 12px !important;
        margin-right: 5px;
    }
    .footer-item h3 {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .footer .phone {margin-top: 25px;}
    .footer-copy .center {
        font-size: 15px;
        flex-direction: column;
    }

    /* POPUP */
    .popup-info {
        max-width: inherit;
        width: inherit;
        top: 30px !important;
        position: fixed;
        bottom: 30px;
        left: 30px;
        right: 30px;
        transform: none;
    }
    .modal-title {
        padding: 10px 45px 15px 15px;
        font-size: 16px;
        min-height: auto;
        line-height: inherit;
    }
    .popup-info h5 {
        font-size: 20px;
        line-height: 25px;
        padding: 10px 0;
        margin-top: 10px;
    }
    .popup-info ul {margin-left: 0;}
    .popup-close {
        top: -60px;
        right: 0;
    }
    .popup-info .popup-close {
        top: 10px;
        right: 10px;
    }

    .popup-text h2 {font-size: 17px;}
    .popup-text h1 {
        margin: 0 0 20px 0;
        font-size: 25px;
    }
}

@media screen and (max-width: 413px) {
    .btn {
        font-size: 15px;
        padding: 0 25px;
        min-width: 270px;
    }

    /* HEADER */
    .head-bar {font-size: 11px;}

    /* HOME */
    .home-text p.small {font-size: 15px;}
    .home-text h1 {font-size: 37px;}
    .tab-content p {font-size: 16px;}
    .tab-content a.important {font-size: 16px;}
    .home .wrap > img {margin-right: -15px;}

    /* POST */
    .post-row.reverse .post-text h2 {font-size: 27px;}
    .post-text .typer-2 {
        font-size: 16px;
        max-width: 335px;
    }

    /* RECOMMENDED */
    .recommended ul h3 {font-size: 38px;}
    .recommended ul p {font-size: 15px;}

    /* ORDER */
    .order-text > h3 {font-size: 29px;}
    .order-text .icons > div span {font-size: 11px;}

    /* HELP */
    .help-text h2 {font-size: 32px;}

    /* RESULTS */
    .results h2 {font-size: 31px;}
    .results .center > p.subtitle {font-size: 13px;}

    /* PROTAREN */
    .protaren h2 {font-size: 23px;}
    .protaren .center > p {font-size: 13px;}
    .protaren .box {font-size: 12px;}

    /* PRODUCT SEC */
    .product-sec .content h2 {font-size: 40px;}
    .product-item .prod {
        top: -27px;
        right: 25px;
        max-width: 140px;
    }
    .product-item .icon {
        left: 45px;
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 380px) {
    /* HEADER */
    .head-bar {font-size: 10px;}

    /* HOME */
    .home {margin-top: 54px;}
    .home-text p.small {font-size: 14px;}
    .home .wrap > img {
        max-width: 135px;
        margin-bottom: -70px;
    }

    /* POST */
    .post-text h2 {font-size: 28px;}
    .post-row.reverse .post-text h2 {font-size: 25px;}

    /* ORDER */
    .radio-checkbox h2 {font-size: 15px;}
    .radio-checkbox h3 {font-size: 11px;}
    .radio-checkbox p {font-size: 10px;}
    .radio-checkbox .checkbox {margin-right: 8px;}
    .radio-checkbox .save {
        height: 25px;
        padding: 0 14px;
        font-size: 9px;
    }
    .order-form .total-text p, .order-form .buy {font-size: 14px;}
    .order-text .icons > div span {font-size: 10px;}

    /* HELP */
    .help-text h2 {font-size: 29px;}

    /* RESULTS */
    .results-list li p {font-size: 12px;}

    /* PRODUCT SEC */
    .product-sec .content h2 {font-size: 38px;}

    /* FAQ */
    .faq-text h2 {font-size: 38px;}
}

@media screen and (max-width: 369px) {
    /* HOME */
    .home .wrap > img {
        max-width: 130px;
        margin-bottom: -66px;
        margin-right: -16px;
        position: relative;
    }
	.home-text .typer {
		font-size: 18px;
		min-height: 58px;
	}
	
}

@media screen and (max-width: 346px) {
	.home-text .typer {font-size: 17px;}
	
}