.main-btn-wrapper {
position: relative;
cursor: pointer;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@keyframes scroll-icon {
0% {
transform: translateY(-12px);
opacity: 0;
}
30%, 70% {
opacity: 1;
}
100% {
transform: translateY(12px);
opacity: 0;
}
}
.btn-mouse {
display: flex;
justify-content: center;
align-items: center;
height: 2em;
width: 1.2em;
border-radius: 2em;
border: 2px solid white;
font-size: 22px;
position: absolute;
bottom: 100px;
left: calc(50% - 50px);
z-index: 100;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn-mouse:after {
content: '';
width: 5px;
height: 5px;
background-color: #fff;
border-radius: 50%;
animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}
.preloader-sheet {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 10000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cssload-wrap {
text-align: center;
line-height: 200px
}
@media (min-width: 1200px) {
.burger {
visibility: hidden;
}
}
@media (max-width: 1650px) {
.main-page .screen--3 .slide--1 .esslial-30 {
width: 550px
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds {
padding-bottom: 20px
}
.main-page .screen--3 .slide--2 .esslial-boxes {
width: 400px;
height: 400px
}
}
@media (max-width: 1439px) {
.header {
font-size: 28px !important
}
.fp-slidesNav {
bottom: 60px !important
}
.main-btn-wrapper .main-btn {
font-size: 18px
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
width: 280px
}
.main-page-new .factor-item .info.active , .main-page .factor-item .info.active {
right: -300px
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
left: -230px;
top: -70px
}
.main-page-new .screen--1 .liver.healty , .main-page .screen--1 .liver.healty {
-webkit-transform: translate(50%);
transform: translate(50%)
}
.main-page-new .screen--1 .slide--3 .flash-wrapper .green-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper .green-wrapper {
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.main-page-new .screen--1 .slide--3 .gray-circle , .main-page .screen--1 .slide--3 .gray-circle {
width: 220px;
height: 220px
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
width: 550px;
margin-bottom: -30px
}
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
margin-bottom: 0;
font-size: 34px !important
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding-left: 0;
padding-bottom: 100px
}
.main-page .screen--2 .slide--1 .header {
margin-bottom: 0
}
.main-page .screen--2 .slide--1 .header-desc {
margin-bottom: 20px;
font-size: 18px
}
.main-page .screen--2 .slide--1 .flex-wrapper--about .flex-inner {
padding-bottom: 100px
}
.main-page .screen--2 .slide--1 .flex-wrapper--about .main-btn-wrapper {
margin-top: 30px
}
.main-page .screen--3 .slide--1 .main-btn-wrapper {
left: -50px
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:last-child .gray-circle {
bottom: 50px;
left: 10px
}
.main-page .screen--2 .molecule {
width: 700px;
}
.main-page .screen--2 .slide--2 .header-desc {
margin-bottom: 20px
}
.main-page .screen--2 .slide--2 .main-btn-wrapper {
bottom: 70px
}
.main-page .screen--2 .slide--2 .gray-circle {
width: 500px;
height: 500px
}
.main-page .screen--3 .slide--1 .header {
margin-bottom: 20px
}
.main-page .screen--3 .slide--1 .header-desc {
font-size: 18px
}
.main-page .screen--3 .slide--1 .price {
position: relative;
top: 0;
left: 100px;
text-align: left
}
.main-page .screen--3 .slide--1 .another-meds {
width: 500px;
margin-left: auto;
margin-bottom: -15px;
position: relative;
}
.main-page .screen--3 .slide--1 .main-btn-wrapper {
left: 50px
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds:first-child .price {
left: -20%;
text-align: right;
margin-left: 0;
margin-right: 0
}
.main-page .screen--3 .slide--2 .header-desc {
margin-top: -40px;
margin-left: 10px
}
.main-page .screen--3 .slide--2 .one-plus-one-wrapper {
margin-bottom: 10px;
margin-left: -30px
}
.main-page .screen--3 .slide--2 .header {
font-size: 24px !important;
margin-bottom: 10px
}
.main-page .screen--3 .slide--2 .price {
position: relative;
right: -170px;
top: -15px;
margin-top: 20px;
text-align: left
}
.main-page .screen--3 .slide--2 .btn-and-instruction {
top: -70px;
left: 70px
}
.about-page .header,
.about-page .header-desc {
margin-bottom: 20px
}
.about-page .screen--2 .flex-wrapper {
padding-top: 130px
}
.about-page .screen--2 .slider-wrapper {
padding-top: 50px;
padding-bottom: 50px
}
.about-page .screen--2 .symptom-item {
font-size: 15px;
line-height: 1.4
}
.about-page .screen--3 .r-factor-item .title {
font-size: 18px
}
.about-page .screen--3 .header-desc {
font-size: 18px;
margin-bottom: 30px
}
.about-page .screen--3 .main-btn-wrapper {
margin-top: 30px
}
.about-page .screen--3 .r-factor-item {
margin-bottom: 20px
}
.about-page .screen--3 .r-factor-item .icon {
height: 25vh;
background-size: contain
}
.about-page .screen--4 .header {
margin-bottom: 10px
}
.about-page .screen--4 .header-desc {
margin-bottom: 20px;
font-size: 18px
}
.about-page .screen--4 .step-item {
font-size: 18px
}
.about-page .screen--4 .step-number {
font-size: 70vh
}
.about-page .screen--4 .step-info {
left: 10%;
padding-left: 10%
}
.modal.modal--instruction .instruction-part {
padding-left: 150px
}
.modal.modal--instruction .instruction-items .item .desc .second-stroke {
font-size: 24px
}
.faq-page .spec-photo {
background-size: 35%;
background-position: 35% 100%
}
.faq-page .screen .main-btn-wrapper.modal--ask-btn {
bottom: 15%
}
.faq-page .screen .main-btn-wrapper {
bottom: 15%
}
.faq-page .screen .questions .q-item:not(:last-of-type) {
margin-bottom: 20px
}
.faq-page .screen .flex-wrapper:last-child {
padding-top: 0
}
.faq-page .screen .spec .name {
position: relative;
bottom: 20px
}
.tests-page .slide--question .question-wrapper br {
display: none
}
.tests-page .giant-number {
top: -10%
}
.tests-page .header {
margin-bottom: 10px
}
.tests-page .header-desc {
margin-bottom: 20px
}
.tests-page .slide--question .question-wrapper {
margin-top: -70px
}
.location-page .location-wrapper {
padding-top: 130px;
padding-left: 0px;
padding-right: 0px;
overflow: hidden
}
.location-page .main-location-container {
height: 100%;
padding-bottom: 70px
}
.location-page .main-location-container .row {
height: 100%
}
.location-page .map,
.location-page .map-point-wrapper {
max-height: 45vh
}
.ymaps-map,
.map-cont {
min-height: 30vh !important;
max-height: 45vh !important
}
.location-page #map {
min-height: 250px;
max-height: 45vh
}
.modal.modal--ask-desc {
padding-top: 50px;
padding-bottom: 50px
}
.modal.modal--ask-desc .ask-desc:not(:last-of-type) {
margin-bottom: 20px
}
.modal.modal--ask-desc .ask-desc .desc {
font-size: 18px
}
.modal.modal--ask .wrapper {
padding: 50px 0;
padding-top: 0
}
}
@media (max-width: 1199px) {
.burger {
background: none;
padding-bottom: 20px;
padding-top: 20px;
margin-right: 45px
}
.burger .title {
display: none
}
.logo {
font-family: 'DIN Alternate', sans-serif;
font-size: 19px;
font-weight: 700;
letter-spacing: 0;
margin-left: 0;
-ms-align-items: left;
align-items: left;
height: 75px;
font-weight: bold
}
.logo span {
font-family: 'MuseoSansCyrl-300', sans-serif;
font-size: 11px;
font-weight: 300;
margin-left: 30px;
margin-top: 5px
}
.main-header {
padding-left: 80px;
background-color: #fff
}
.main-nav {
top: 75px
}
.main-nav .wrapper {
background-color: #168780
}
.main-link {
font-family: 'FuturaDemiC', sans-serif;
color: #fff;
font-size: 32px;
font-weight: 400;
display: block;
width: 100%;
padding: 40px 0;
text-align: center;
line-height: 27px
}
.main-nav .main-link:hover {
color: #fff
}
.main-nav .main-link.active {
color: #168780;
background-color: #fff
}
.med-alarm {
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
background-color: #fff;
color: #000;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.346em;
text-align: center;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 10px;
padding-top: 10px
}
.med-alarm span {
font-size: 18px;
letter-spacing: 0.34em
}
.main-footer {
font-family: 'Arial', sans-serif;
position: relative;
top: -24px;
left: 0;
margin-bottom: 88px;
padding: 0 60px 10px;
color: #000;
font-size: 14px;
font-weight: 400;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: space-between;
background: transparent;
z-index: 0
}
.main-footer .instruction {
display: none
}
.main-footer a {
color: #000
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding: 0 15px
}
.main-page .screen--1 .slide--1 .header {
font-family: 'FuturaDemiC', sans-serif;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 30px;
margin: auto;
text-align: center;
font-size: 48px !important;
font-weight: 400;
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3
}
.mobile-liver {
width: 493px;
height: 324px;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
background-image: url(/assets/template/img/tablet-img/liver-mobile.png);
margin-top: 15px
}
.mobile-tablets {
width: 387px;
height: 312px;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
background-image: url(/assets/template/img/tablet-img/tablets-mobile.png);
margin-top: 155px;
margin-bottom: -70px
}
.screen--1 .white-frame {
padding-left: 0px
}
.main-page .screen--1 .slide--1 .flex-inner {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center
}
.main-page .screen--1 {
padding-top: 75px;
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.main-page-new .screen--1 .slide--2 , .main-page .screen--1 .slide--2 {
background: #fff
}
.main-page-new .screen--1 .slide--3 , .main-page .screen--1 .slide--3 {
background: #fff
}
.main-page-new .screen--1 .slide--4 , .main-page .screen--1 .slide--4 {
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
font-family: 'FuturaDemiC', sans-serif;
position: relative;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: none;
color: #fff;
background: #168780;
-webkit-text-fill-color: #fff;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
padding: 23px 30px !important;
margin-bottom: 0
}
.main-page-new .screen--1 .slide--2 .header:before , .main-page .screen--1 .slide--2 .header:before {
position: absolute;
top: 0;
left: -30px;
background-color: #168780;
content: '';
width: 30px;
height: 100%
}
.main-page-new .screen--1 .slide--2 .header:after , .main-page .screen--1 .slide--2 .header:after {
position: absolute;
top: 0;
right: -30px;
background-color: #168780;
content: '';
width: 30px;
height: 100%
}
.main-page-new .screen--1 .slide--2 .header .header-desc , .main-page .screen--1 .slide--2 .header .header-desc {
display: none
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: space-between;
margin-top: 35px;
padding-left: 30px
}
.factor-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
padding-right: 30px
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
width: 103px;
height: 103px;
margin: 0;
margin-bottom: 35px
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
width: 60px;
height: 60px;
left: 22px;
top: 19px
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
width: 100%
}
.factor-item .info h3 {
font-family: 'FuturaDemiC', sans-serif !important;
font-size: 32px !important;
font-weight: 400
}
.factor-item .info p {
font-family: 'Arial', sans-serif !important;
font-size: 20px !important;
font-weight: 400
}
.main-page-new .factor-row:nth-child(2) .factor-item:nth-child(2) , .main-page .factor-row:nth-child(2) .factor-item:nth-child(2) {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex
}
.main-page-new .factor-row:last-child , .main-page .factor-row:last-child {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
padding-left: 15px
}
.main-btn-wrapper .shadow {
display: none
}
#screen-1-slide-3 {
display: none
}
.whats-help {
font-family: 'FuturaDemiC', sans-serif;
width: 100%;
background-color: #168780;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
color: #ffffff;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px;
margin-bottom: 10px
}
.main-page .screen--1 .white-frame .container {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
.screen--1 .white-frame {
padding-top: 0
}
.white-frame {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.main-page-new .screen--1 .slide--3 .header , .main-page .screen--1 .slide--3 .header {
font-family: 'FuturaDemiC', sans-serif;
margin-top: 70px;
color: #168780;
font-size: 32px !important;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 15px
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
font-family: 'Arial', sans-serif;
color: #000000;
font-size: 20px !important;
font-weight: 400;
line-height: 35px
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
width: 100%;
max-width: none;
padding-left: 45px;
padding-right: 15px
}
.flex-wrapper--health-way .flex-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start
}
.flex-wrapper--health-way #screen-1-slide-4 {
display: none
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
margin-bottom: 0;
width: 50%;
padding-right: 30px
}
#screen-2-slide-1 {
display: none
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding-right: 0 !important;
padding-left: 45px;
justify-content: flex-start
}
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
font-family: 'FuturaDemiC', sans-serif;
text-align: right;
-ms-align-self: flex-end;
align-self: flex-end;
margin-bottom: 0;
margin-top: 90px;
color: #168780;
font-size: 36px !important;
font-weight: 400;
line-height: 46px;
text-transform: uppercase
}
.slide--3 .white-frame {
padding-bottom: 100px
}
.slide--4 .white-frame {
padding-top: 200px
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
position: relative;
width: 550px;
z-index: 1
}
.main-page-new .screen--1 .slide--4 .box-wrapper:after , .main-page .screen--1 .slide--4 .box-wrapper:after {
content: '';
position: absolute;
top: -140px;
left: -92px;
display: block;
width: 258px;
height: 258px;
border-radius: 50%;
background: -webkit-linear-gradient(315deg, #b99e5b 3%, #eec681 28%, #eec681 29%, #eec681 39%, #b99e5b 59%, #b99e5b 67%, #eec681 100%);
background: linear-gradient(135deg, #b99e5b 3%, #eec681 28%, #eec681 29%, #eec681 39%, #b99e5b 59%, #b99e5b 67%, #eec681 100%)
}
.main-page-new .screen--1 .slide--4 .box-wrapper:before , .main-page .screen--1 .slide--4 .box-wrapper:before {
content: '';
position: absolute;
top: -140px;
left: -92px;
display: block;
width: 258px;
height: 258px;
border-radius: 50%;
background-image: url("/assets/template/img/golden-icon.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 135px 125px;
background-size: 135px 125px;
z-index: 1;
opacity: 0.7
}
.main-page .screen:not(:last-of-type):before,
.main-page .screen:not(:last-of-type):after {
display: none
}
.screen.screen--2 {
padding-top: 0;
padding-bottom: 0;
background: #fff
}
.main-page .screen--2 .slide--1 .white-frame {
padding: 0
}
.main-page .screen--2 .slide--1 .header-wrapper {
background-color: #168780
}
.main-page .screen--2 .header {
font-family: 'FuturaDemiC', sans-serif;
position: relative;
color: #fff;
background: #168780;
-webkit-text-fill-color: #fff;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 30px !important;
width: 100%
}
.main-page .screen--2 .slide--1 .header-wrapper:before {
position: absolute;
top: 0;
left: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--2 .slide--1 .header-wrapper:after {
position: absolute;
top: 0;
right: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.flex-wrapper--about {
padding: 0;
width: 100%
}
.main-page .screen--2 .slide--1 .container {
width: 100%
}
.main-page .container.hi-res-height {
width: 100%
}
.molecule-mobile {
width: 688px;
height: 504px;
margin: auto;
margin-top: 30px;
margin-bottom: 50px;
background-image: url("/assets/template/img/tablet-img/molecule-mobile.png");
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
.desc.mCS_destroyed {
font-family: 'Arial', sans-serif !important;
color: #000;
font-size: 20px !important;
font-weight: 400;
line-height: 35px;
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;
-webkit-columns: 2;
-moz-columns: 2;
-o-columns: 2;
columns: 2;
margin-left: 45px;
margin-right: 45px
}
#screen-2-slide-2 {
display: none
}
.main-page .screen--2 .slide--2 .white-frame {
padding-left: 0
}
.flex-wrapper--phospho {
padding: 0
}
.main-page .screen--2 .slide--2 .header:before {
position: absolute;
top: 0;
left: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--2 .slide--2 .header:after {
position: absolute;
top: 0;
right: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.tablet-br-none {
display: none
}
.main-page .screen--2 .slide--2 .header-desc {
display: none
}
.pollywog-wrapper.hi-res-height {
display: none
}
#about-inside {
display: none
}
.main-page .screen--2 .slide--2 .desc {
font-family: 'Arial', sans-serif !important;
position: relative;
width: 50%;
-ms-align-self: flex-end;
align-self: flex-end;
margin-top: 55px;
padding-right: 30px;
padding-left: 15px;
color: #000;
font-size: 20px !important;
font-weight: 400;
line-height: 35px;
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4
}
.lipid-mobile {
position: relative;
width: 391px;
height: 391px;
border-radius: 50%;
margin-top: 45px;
margin-left: 30px;
background-color: #ffffff;
background-image: linear-gradient(-39deg, #e1e1e1 0%, #f7f7f7 99%, #f7f7f7 100%);
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3
}
.main-page .screen--2 .slide--2 .flex-wrapper--phospho .flex-inner {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between
}
.main-page .screen--2 .slide--2 .desc p:not(:first-child) {
margin-top: 0
}
.sperm-1 {
position: absolute;
top: 64px;
left: -20px;
display: block;
width: 280px;
height: 315px;
background-image: url("/assets/template/img/tablet-img/sperm-blue.png");
background-position: center 0
}
.sperm-2 {
position: absolute;
top: -22px;
left: 88px;
display: block;
width: 280px;
height: 315px;
background-image: url("/assets/template/img/tablet-img/sperm-pink.png");
background-position: center 0
}
.sperm-3 {
position: absolute;
top: 80px;
left: 177px;
display: block;
width: 280px;
height: 315px;
background-image: url("/assets/template/img/tablet-img/sperm-green.png");
background-position: center 0
}
.main-page .screen--3 .slide--1 .header-desc {
display: none
}
.main-page .screen--3 .slide--1 .white-frame {
padding-left: 0;
padding-top: 50px;
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg) !important
}
.main-page .screen--3 .slide--1 .header {
font-family: 'FuturaDemiC', sans-serif;
position: relative;
color: #fff;
background: #168780;
-webkit-text-fill-color: #fff;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 30px !important;
width: 100%;
margin-bottom: 0
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds .flex-inner {
width: 100%
}
.main-page .screen--3 .slide--1 .header-wrapper {
position: relative;
width: 100%;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
z-index: 1
}
.main-page .screen--3 .slide--1 .header:before {
position: absolute;
top: 0;
left: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--3 .slide--1 .header:after {
position: absolute;
top: 0;
right: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--3 .slide--2 .white-frame {
padding-left: 0
}
.one-plus-one-wrapper {
display: none
}
.one-plus-one--mobile {
width: 531px;
height: 156px;
margin: auto;
margin-bottom: 50px;
background-image: url("/assets/template/img/tablet-img/onePlusOne-mobile.png");
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.main-page .screen--3 .slide--2 .header-desc {
display: none
}
.main-page .screen--3 {
padding-top: 0;
padding-bottom: 0
}
.main-page .screen--3 .slide--2 .container {
justify-content: center
}
.main-page .screen--3 .slide--2 .white-frame {
padding-top: 0
}
.main-page .screen--3 .slide--2 .instruction {
display: none
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
margin-right: 150px
}
.btn-cntnt-mobile h5 {
font-family: 'FuturaDemiC', sans-serif;
color: #168780;
font-size: 32px;
font-weight: 400;
text-transform: uppercase
}
.btn-cntnt-mobile p {
font-family: 'Arial', sans-serif;
color: #000000;
font-size: 20px;
font-weight: 400;
line-height: 35px;
width: 410px
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
padding-left: 150px
}
.screen--1 .slide--1 {
padding-bottom: 30px;
padding-top: 125px;
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.main-page .screen--2 .slide--1:after {
position: absolute;
top: 73px;
left: 0;
margin: auto;
content: '';
width: 100%;
height: 580px;
background-image: url("/assets/template/img/tablet-img/mlc-bg.jpg");
z-index: 0;
background-repeat: no-repeat;
background-size: cover
}
.main-page .screen--3 .slide--2 {
background-image: url("/assets/template/img/tablet-img/tablets-mobile-bg.jpg")
}
.about-page .screen--1 .white-frame {
padding-top: 75px;
background: #fff
}
.about-page h1.header,
.about-page .header-desc {
background: #168780
}
.about-page .screen--1 .header-desc {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
width: 100%;
color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important;
letter-spacing: 2px;
margin-bottom: 0
}
.about-page .screen--1 .flex-wrapper--functions:first-child .desc {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
width: 50%;
padding-right: 60px;
padding-left: 15px;
margin-top: 280px
}
.about-page .screen--1 .flex-inner p:nth-child(3) {
display: none
}
.about-liver-mobile {
position: relative;
width: 50%;
height: 600px;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
.about-liver-mobile:after {
content: '';
position: absolute;
top: 88px;
left: 75px;
width: 467px;
height: 306px;
background-image: url(/assets/template/img/tablet-img/liver-mobile.png);
-webkit-background-size: cover;
background-size: cover
}
.about-page .screen--1 .header {
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4;
margin-bottom: 0
}
.about-page h1.header {
position: relative;
color: #fff;
-webkit-text-fill-color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important
}
.about-page h1.header:after {
content: '';
position: absolute;
top: 0;
left: -20px;
width: 20px;
height: 100%;
background: #168780
}
.about-page h1.header:before {
content: '';
position: absolute;
top: 0;
right: -20px;
width: 20px;
height: 100%;
background: #168780
}
.about-page .hi-res-height {
margin: 0;
padding: 0;
width: 100%
}
.about-page .screen--1 .flex-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.about-page .screen--1 .flex-wrapper--functions:first-child .flex-inner {
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.about-page .screen--1 .flex-wrapper--functions {
padding: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0 30px;
padding: 0 30px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
width: 50%;
margin-top: 75px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .title {
color: #168780;
font-family: 'FuturaDemiC', sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 52px;
text-transform: uppercase
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .desc {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px
}
.about-page .screen:not(:last-of-type):before,
.about-page .screen:not(:last-of-type):after {
display: none
}
.about-page .screen--2 .white-frame {
padding: 0
}
.about-page .screen--2 .header {
width: 100%
}
.about-page .screen--2 .symptoms-nav {
margin: 0;
padding: 0;
width: 100%
}
.about-page .screen--2 .symptoms-nav .flex-wrapper {
padding: 0
}
.about-page .screen--2 .header-desc {
display: none
}
.about-page .screen--2 .desc {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
margin-top: 30px;
margin-bottom: 50px;
margin-left: 60px
}
.about-page .screen--2 .main-btn-wrapper {
display: none
}
.about-page .screen--2 .sub-back.sub-back--2 {
background: #fff
}
.about-page .screen--2 .sub-back.sub-back--1 {
background: #fff
}
.about-page .screen--2 .slider-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.about-page .screen--2 .slider-wrapper .slide--1 {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3
}
.about-page .screen--2 .slider-wrapper .slide--2 {
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4
}
.slider-wrapper-mobile-controlls {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.slider-wrapper-mobile-controlls .control {
width: 50%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
background-color: #b5b5b5;
text-align: center;
padding: 23px 0;
letter-spacing: 2px;
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms
}
.slider-wrapper-mobile-controlls .control.active {
background-color: #168780
}
.slider-img-mobile-wrapper {
position: relative;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
width: 100%;
height: 500px;
background-image: url(/assets/template/img/tablet-img/slider-mobile-about-bg.jpg)
}
.slider-img-mobile-wrapper .img-mobile {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
height: 500px;
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
opacity: 0
}
.slider-img-mobile-wrapper .img-mobile.active {
opacity: 1
}
.slider-img-mobile-wrapper .img-mobile--left {
background-image: url(/assets/template/img/tablet-img/back-slider-mobile.png);
width: 527px
}
.slider-img-mobile-wrapper .img-mobile--right {
background-image: url(/assets/template/img/tablet-img/chic-mobile-slider.png);
width: 561px
}
.about-page .screen--2 .symptoms {
display: block;
columns: 2;
list-style: none;
margin-top: 60px;
margin-bottom: 80px
}
.about-page .screen--2 .symptoms .symptom-item {
width: 100%;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
font-style: normal
}
.about-page .screen--2 .symptom-item:after {
display: none
}
.about-page .screen--2 .slider-wrapper .slide--2 {
display: none
}
.about-page .screen--3 .white-frame {
padding: 0;
background: #fff
}
.about-page .screen--3 .r-factor-nav .flex-wrapper {
padding: 0
}
.about-page .screen--3 .header-desc {
display: none
}
.about-page .screen--3 .desc {
display: none
}
#how-to-defence {
display: none
}
.about-page .screen--3 .r-factor-item .icon {
margin-top: 50px
}
.about-page .screen--3 .r-factor-item .title {
color: #168780;
font-family: "FuturaDemiC", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 52px;
text-transform: uppercase
}
.about-page .screen--3 .r-factors {
margin-top: 0;
padding: 0
}
.about-page .screen--3 .r-factor-item {
margin: 0;
width: 50%;
max-width: none
}
.about-page .screen--4 .white-frame {
padding: 0;
background: #fff
}
.about-page .screen--4 .header {
width: 100%
}
.about-page .screen--4 .steps-nav {
width: 100%;
padding: 0
}
.about-page .screen--4 .steps-nav .flex-wrapper {
padding: 0
}
.about-page .screen--4 .header-desc {
display: none
}
.about-page .screen--3 .flex-wrapper--r-factors {
margin-bottom: 120px
}
.about-page .screen--4 .slider-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.about-page .screen--4 .slider-wrapper .slide {
width: 100%
}
.about-page .screen--4 .slider-wrapper .slide .step-desc {
width: 100%;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 400;
line-height: 35px
}
.about-page .screen--4 .header {
margin-bottom: 0;
color: #168780;
font-family: "FuturaDemiC", sans-serif;
font-size: 32px !important;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 20px
}
.about-page .screen--4 .slider-wrapper {
display: block;
-webkit-columns: 2;
-moz-columns: 2;
-o-columns: 2;
columns: 2;
margin-left: 45px;
margin-right: 45px;
margin-top: 65px;
margin-bottom: 65px
}
.about-page .screen--4 .step-number {
display: none
}
.about-page .screen--4 .step-desc:after {
display: none
}
.about-page .screen--4 .slider-wrapper .flex-wrapper {
justify-content: flex-start
}
.faq-page .screen {
height: auto
}
.faq-page .screen .white-frame {
padding: 0;
overflow: visible;
background: none
}
.faq-page .screen .white-frame .container {
padding: 0;
margin: 0;
width: 100%
}
.faq-page .screen .flex-wrapper {
padding-right: 0
}
.faq-page .screen .header {
color: #fff;
-webkit-text-fill-color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important;
background: #168780;
margin-bottom: 0
}
.faq-page .screen .header-desc {
display: none
}
.faq-page .screen .spec {
display: none
}
.faq-page .screen .questions .q-item:after {
display: none
}
.faq-page .screen .flex-wrapper:last-child {
position: relative;
padding-top: 135px;
padding-left: 60px;
padding-bottom: 85px
}
.faq-page .screen .flex-wrapper:last-child:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 561px;
height: 600px;
background-image: url(/assets/template/img/tablet-img/faq-bg-woman.png);
-webkit-background-size: cover;
background-size: cover;
z-index: -1
}
.faq-page .screen .questions {
padding-left: 0
}
.faq-page .screen .questions .q-item:not(:last-of-type) {
margin-bottom: 60px
}
.faq-page .screen .main-btn-wrapper {
display: none
}
.tablet-br-block {
display: block
}
.btn-faq-mobile {
display: inline-block;
color: #ffffff;
font-family: "DIN Alternate", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
border-radius: 25px;
background-color: #168780;
-ms-align-self: flex-start;
align-self: flex-start;
padding: 7px 41px;
margin-top: 80px
}
.quest-wrapp-mobile {
background-color: #168780;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px;
width: 100%;
margin-bottom: 55px
}
.faq-page .screen .questions .q-item {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 400;
line-height: 35px;
text-decoration: underline
}
.location-page .location-wrapper {
padding: 0;
top: 75px
}
.location-page .map-header {
margin: 0;
padding: 0;
width: 100%
}
.location-page .header {
color: #fff;
-webkit-text-fill-color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important;
background: #168780;
margin: 0
}
.location-page .screen {
background: none
}
.choice-map-wrapper-mobile {
padding-left: 15px;
padding-right: 15px;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
width: 100%
}
.location-page .city-btn-wrapper {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;
margin-left: 60px;
margin-top: 15px;
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 400;
line-height: 35px
}
.pharm_item .title {
font-family: 'Arial', sans-serif;
font-size: 16px !important;
font-weight: 400;
line-height: 35px;
font-style: normal !important
}
.pharm_item .adress {
font-family: 'Arial', sans-serif;
font-size: 16px !important;
font-weight: 400;
line-height: 35px;
font-style: normal !important;
text-transform: capitalize
}
.pharm_item .tel {
font-family: 'Arial', sans-serif;
font-size: 16px !important;
font-weight: 400;
line-height: 35px;
font-style: normal !important
}
.location-page .map-point-wrapper {
padding-left: 60px
}
.map-cont {
padding-right: 60px
}
.city-search-wrapper {
display: block !important
}
.location-page .city-search input {
font-family: 'FuturaDemiC', sans-serif;
border-radius: 0;
padding: 0;
height: 73px;
background-color: #eaeaea;
padding-left: 60px;
padding-right: 60px;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
margin-top: 0;
letter-spacing: 2px
}
.location-page .city-search .shadow {
display: none
}
}
@media (max-width: 991px) {
.main-page .screen--1 {
padding-top: 57px
}
.screen--1 .slide--1 {
padding-top: 100px
}
.mobile-tablets {
display: none
}
.mobile-liver {
margin-bottom: 60px
}
.main-page .slide .white-frame .flex-inner .header {
padding: 48px 30px !important;
color: #ffffff;
font-size: 32px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase
}
.whats-help {
padding: 48px 60px !important;
color: #ffffff;
font-size: 32px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
margin-bottom: 0
}
.main-page .screen--1 .slide--1 .white-frame .header {
color: #000000;
-webkit-text-fill-color: #000;
font-size: 48px !important;
font-weight: 400;
line-height: 66px;
text-transform: uppercase;
padding: 0 !important;
padding-bottom: 30px !important
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
display: none
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
display: none
}
.faq-page .screen .flex-wrapper {
padding-top: 120px
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
padding-right: 30px
}
.factor-item .info h3 {
font-size: 48px !important;
font-weight: 400;
line-height: 77px !important;
text-transform: uppercase
}
.factor-item .info p {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 29px !important;
font-weight: 400;
line-height: 52px !important
}
.main-page-new .factor-row .factor-item , .main-page .factor-row .factor-item {
margin-top: 75px !important;
margin-bottom: 0 !important;
padding-right: 0 !important
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
margin-top: 0;
padding-right: 0
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
padding-right: 45px
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
width: 100%
}
.main-page-new .screen--1 .slide--3 .flex-inner .header , .main-page .screen--1 .slide--3 .flex-inner .header {
padding: 0 !important;
font-size: 48px !important;
line-height: 77px
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
font-size: 29px !important;
line-height: 52px
}
.main-page-new .screen--1 .slide--4 .box-wrapper:before , .main-page .screen--1 .slide--4 .box-wrapper:before {
display: none
}
.main-page-new .screen--1 .slide--4 .box-wrapper:after , .main-page .screen--1 .slide--4 .box-wrapper:after {
display: none
}
.main-page-new .screen--1 .slide--4 .flex-inner .header , .main-page .screen--1 .slide--4 .flex-inner .header {
margin-top: 0;
-ms-align-self: center;
align-self: center;
padding: 0 !important;
color: #000000;
-webkit-text-fill-color: #000;
font-size: 48px !important;
font-weight: 400;
line-height: 66px;
text-transform: uppercase
}
.slide--4 .white-frame {
padding-top: 140px;
padding-bottom: 0
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper .flex-inner , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper .flex-inner {
-ms-align-items: center;
align-items: center
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
margin-top: 75px;
margin-left: 100px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding-right: 45px !important
}
.molecule-mobile {
display: none
}
.main-page .screen--2 .slide--1:after {
display: none
}
.desc.mCS_destroyed {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1;
color: #000000;
font-size: 29px !important;
font-weight: 400;
line-height: 52px;
margin-top: 60px;
margin-bottom: 70px
}
.lipid-mobile {
display: none
}
.main-page .screen--2 .slide--2 .desc {
width: 100%
}
.main-page .screen--2 .slide--2 .desc {
padding-left: 45px;
padding-right: 45px;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.main-page .screen--2 .white-frame .flex-inner .header {
margin-bottom: 0;
padding-left: 45px !important
}
.main-page .screen--3 .slide--2 .btn-and-instruction {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
-ms-align-self: center;
align-self: center;
margin-right: 0
}
.btn-cntnt-mobile {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.btn-cntnt-mobile h5 {
font-size: 48px;
font-weight: 400;
line-height: 77px;
text-transform: uppercase
}
.btn-cntnt-mobile p {
font-size: 29px;
font-weight: 400;
line-height: 52px;
width: 100%
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper .main-btn {
font-size: 41px !important;
font-weight: 700;
line-height: 66px;
text-transform: uppercase;
margin-top: 60px;
margin-bottom: 60px;
padding: 12px 70px
}
.main-page .screen--3 .slide--2 {
background: none
}
.main-page .screen--3 {
background: none
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
padding-left: 45px;
padding-right: 45px
}
.main-page .screen--3 .slide--2 .container .row {
width: 100%
}
.main-page .screen--3 .slide--2 .esslial-boxes {
margin: 0;
left: 0;
margin: auto
}
.about-liver-mobile:after {
display: none
}
.about-liver-mobile {
display: none
}
.about-page .screen--1 .flex-wrapper--functions:first-child .desc {
width: 100%;
margin-top: 60px;
padding-left: 60px;
margin-bottom: 100px;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.about-page .screen--1 .flex-wrapper--functions:first-child .flex-inner {
background: none
}
.about-page .screen .white-frame .header {
padding: 48px 60px !important;
font-size: 32px !important;
font-weight: 400;
line-height: 27px
}
.about-page .screen--1 .header-desc {
padding: 48px 60px !important;
font-size: 32px !important;
font-weight: 400;
line-height: 27px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
width: 100%
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .title {
font-size: 48px !important;
font-weight: 400;
line-height: 77px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .desc {
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item:not(:last-of-type) {
margin-bottom: 0
}
.about-page .screen--1 .white-frame {
padding-bottom: 100px
}
.about-page .screen--2 .desc {
margin-top: 60px;
margin-bottom: 70px;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.slider-wrapper-mobile-controlls .control {
font-size: 32px;
font-weight: 400;
line-height: 27px;
padding: 48px 0
}
.about-page .screen--2 .symptoms {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1
}
.about-page .screen--2 .symptoms .symptom-item {
font-size: 29px;
font-weight: 400;
line-height: 52px
}
.about-page .screen--3 .r-factor-item .icon {
display: none
}
.about-page .screen--3 .r-factor-item {
width: 100%;
-ms-align-items: flex-start;
align-items: flex-start
}
.about-page .screen--3 .r-factor-item .title {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 29px;
font-weight: 400;
line-height: 52px;
text-transform: capitalize;
font-style: normal
}
.about-page .screen--3 .r-factors {
display: block
}
.mobile-br-none {
display: none
}
.about-page .screen--3 .flex-wrapper--r-factors {
margin-bottom: 0
}
.about-page .screen--3 .slider-wrapper {
padding-top: 20px;
padding-bottom: 100px
}
.about-page .screen .white-frame .step-header {
padding: 0 !important;
font-size: 48px !important;
font-weight: 400;
line-height: 77px;
text-transform: uppercase
}
.about-page .screen--4 .slider-wrapper {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1
}
.about-page .screen--4 .slider-wrapper .slide .step-desc {
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.about-page .screen--4 .slider-wrapper {
margin-top: 0
}
.about-page .screen--4 .slider-wrapper .slide {
margin-top: 90px;
margin-bottom: 80px
}
.faq-page .screen .header {
font-size: 32px !important;
font-weight: 400;
line-height: 27px;
padding: 48px 60px !important
}
.faq-page .screen .questions .q-item {
font-size: 29px !important;
font-weight: 400;
line-height: 52px;
font-style: normal
}
.faq-page .screen .flex-wrapper:last-child {
padding-top: 80px
}
.btn-faq-mobile {
display: none
}
.quest-wrapp-mobile {
font-size: 32px;
font-weight: 400;
line-height: 27px;
padding: 48px 60px !important
}
.faq-page .screen .flex-wrapper:last-child:after {
display: none
}
.faq-page .screen .white-frame > .btn-faq-mobile {
display: block;
margin-bottom: 110px;
-ms-align-self: center;
align-self: center;
font-size: 41px !important;
font-weight: 700;
line-height: 66px;
border-radius: 50px;
padding: 12px 71px
}
.faq-page .screen .white-frame .woman-wrapp-mobile {
width: 561px;
height: 600px;
background-image: url(/assets/template/img/tablet-img/faq-bg-woman.png);
-webkit-background-size: cover;
background-size: cover;
margin-top: 25px
}
.location-page .map-point-wrapper {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
padding: 0 15px;
border-left: 60px solid #fff;
border-right: 60px solid #fff;
margin-bottom: 100px;
margin-top: 100px
}
.map-cont {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
padding: 0 15px
}
.pharm_item .title {
color: #000000;
-webkit-text-fill-color: #000;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.pharm_item .adress {
font-size: 29px !important;
font-weight: 400;
line-height: 52px;
text-transform: capitalize
}
.pharm_item .tel {
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.pharm_item {
margin-top: 70px
}
.logo {
font-size: 34px !important;
font-weight: 700;
line-height: 55px;
height: 120px
}
.logo span {
font-size: 18px;
font-weight: 300;
line-height: 1.5;
margin-top: 0;
margin-left: 50px
}
.burger {
padding-bottom: 43px;
padding-top: 43px
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
padding-right: 30px
}
.main-nav {
top: 120px
}
.location-page .location-wrapper {
top: 120px
}
.about-page .screen--1 .white-frame {
padding-top: 120px
}
}
@media (max-width: 575px) {
.main-header {
padding-left: 0
}
.logo {
font-size: 24px !important;
line-height: 1.5;
padding-left: 15px;
padding-right: 15px;
height: 100px;
letter-spacing: 0
}
.logo span {
font-size: 16px !important;
line-height: 1.5;
margin-left: 30px;
letter-spacing: 0
}
.burger {
margin-right: 15px;
padding-top: 32px;
padding-bottom: 33px
}
.mobile-liver {
width: 230px;
height: 160px;
margin-bottom: 0
}
.med-alarm {
font-size: 11px;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px
}
.med-alarm span {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0
}
.screen--1 .slide--1 {
padding-top: 80px
}
.main-nav {
top: 100px
}
.main-page .slide .white-frame .flex-inner .header {
padding: 23px 0 !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--1 .slide--1 .white-frame .header {
font-size: 30px !important;
font-weight: 400;
line-height: 1.5 !important;
padding: 0 !important;
letter-spacing: 0
}
.main-page-new .factor-item .info .title , .main-page .factor-item .info .title {
font-size: 30px !important;
line-height: 1.3 !important;
letter-spacing: 0
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
padding: 0
}
.factor-item .info p {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page-new .factor-row .factor-item , .main-page .factor-row .factor-item {
margin-top: 60px !important
}
.whats-help {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
padding: 0
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
padding: 0;
margin-top: 60px
}
.main-page-new .screen--1 .slide--3 .flex-inner h3.header , .main-page .screen--1 .slide--3 .flex-inner h3.header {
padding: 0 !important;
margin: 0 !important;
font-size: 30px !important;
line-height: 1.3 !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.br-none-small {
display: none
}
.slide--3 .white-frame {
padding-bottom: 0;
margin-bottom: 60px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding: 0 !important
}
.slide--4 .white-frame {
padding-top: 0
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper .header , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper .header {
width: 100%;
text-align: center;
padding: 80px 0 20px !important;
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
margin: 0;
width: 300px;
margin-left: 90px
}
.desc.mCS_destroyed {
margin: 60px 0 60px !important;
padding: 0;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--2 .slide--2 .white-frame {
padding-top: 0
}
.main-page .screen--2 .slide--2 .desc {
padding: 0
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding: 0
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
padding: 0
}
.main-page .screen--2 .slide--2 .desc p {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--2 .slide--2 .desc {
margin-top: 60px;
margin-bottom: 60px
}
.main-page .screen--2 .slide--2 .white-frame {
padding-bottom: 0
}
.one-plus-one--mobile {
display: none
}
.main-page .screen--3 .slide--1 .white-frame {
padding-top: 0
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
padding: 0
}
.btn-cntnt-mobile h5 {
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.btn-cntnt-mobile p {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper .main-btn {
font-size: 30px !important;
line-height: 1.5 !important;
margin: 50px 0;
padding: 10px 20px;
letter-spacing: 0
}
.main-footer {
padding: 0 15px;
margin-bottom: 70px
}
.main-link {
padding: 23px 0;
font-size: 22px;
line-height: 1.5;
letter-spacing: 0
}
.about-page .screen--1 .header-desc {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .flex-wrapper--functions:first-child .desc {
padding: 0 15px;
margin-bottom: 60px;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen .white-frame .header {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions {
padding: 0;
margin: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
margin-top: 60px;
margin-bottom: 60px;
padding: 0 15px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .title {
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .desc {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .white-frame {
padding-top: 100px;
padding-bottom: 0
}
.about-page .screen--2 .header {
padding: 23px 15px !important
}
.about-page .screen--2 .header {
margin-bottom: 0
}
.about-page .screen--2 .desc {
margin: 60px 0 60px;
padding: 0 15px;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--2 .slider-wrapper {
margin-top: 0
}
.slider-wrapper-mobile-controlls .control {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 23px 0
}
.slider-img-mobile-wrapper .img-mobile {
width: 330px;
height: 300px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.slider-img-mobile-wrapper {
height: 300px
}
.about-page .screen--2 .symptoms .symptom-item {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 0
}
.about-page .screen--2 .symptoms {
margin-bottom: 60px
}
.about-page .screen--3 .r-factor-item .title {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen .white-frame .r-factor-wrapper .header {
margin-bottom: 0
}
.about-page .screen--3 .flex-wrapper--r-factors {
padding: 0 15px
}
.about-page .screen--3 .slider-wrapper {
padding: 0 15px;
margin-top: 60px;
margin-bottom: 60px
}
.about-page .screen--4 .header {
margin-bottom: 0
}
.about-page .screen--4 .slider-wrapper {
margin: 0;
padding: 0
}
.about-page .screen--4 .slider-wrapper .slide {
margin-top: 60px;
margin-bottom: 60px;
padding: 0 15px
}
.about-page .screen .white-frame .step-header {
padding: 0 !important;
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--4 .slider-wrapper .slide .step-desc {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 0 !important
}
.faq-page .screen .header {
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 23px 15px !important
}
.faq-page .screen .flex-wrapper {
padding-top: 100px
}
.faq-page .screen .flex-wrapper:last-child {
padding: 0
}
.faq-page .screen .questions {
padding: 0 15px
}
.faq-page .screen .questions .q-item {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
margin-bottom: 60px;
margin-top: 60px
}
.quest-wrapp-mobile {
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 23px 15px !important;
margin-bottom: 0
}
.faq-page .screen .white-frame .woman-wrapp-mobile {
width: 300px;
height: 300px
}
.faq-page .screen .white-frame > .btn-faq-mobile {
font-size: 30px !important;
line-height: 1.5 !important;
margin: 50px 0;
padding: 10px 20px !important;
letter-spacing: 0
}
.location-page .location-wrapper {
top: 100px
}
.location-page .city-btn-wrapper {
margin: 0;
padding: 23px 30px
}
.location-page #map {
margin-top: 0;
width: 100%
}
.location-page .header {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.location-page .map-point-wrapper {
border: 0;
margin: 0;
margin-top: 20px;
margin-bottom: 60px
}
.pharm_item {
margin-top: 20px
}
.pharm_item .title {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.pharm_item .adress {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
text-transform: capitalize
}
.pharm_item .tel {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.location-page .city-search input {
font-size: 22px;
line-height: 1.5;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px
}
}
.pharm_item .adress {
text-transform: capitalize
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-3 {
left: 16% !important
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-1 {
left: 9% !important
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-2 {
left: 11% !important
}
.city_container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #168780;
padding: 100px 35px;
z-index: 9999;
display: none
}
.city_container.active {
display: block
}
.city_container .under-container {
overflow: auto;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: center
}
.city_container .group_title {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
color: #e1e1e1
}
.city_container .city_item a {
font-size: 16px;
color: #fff
}
.city_container .city_item {
min-width: 200px
}
.city_container .main-btn-wrapper {
position: absolute;
top: 60px;
right: 150px
}
.city_container .main-btn-wrapper .main-btn {
display: inline-block;
background-color: #fff;
color: #168780
}
@media (max-width: 767px) and (orientation: landscape) {
.logo {
height: 60px !important;
font-size: 22px !important;
line-height: 1.5
}
.logo span {
font-size: 18px !important
}
.burger {
padding-top: 10px;
padding-bottom: 10px
}
.main-nav {
top: 60px;
height: calc(100vh - 60px)
}
.screen--1 .slide--1 {
padding-top: 40px
}
.main-page .screen--1 {
padding-top: 40px
}
.med-alarm {
position: relative;
top: auto;
bottom: -55px
}
.main-link {
padding: 10px 0 !important;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0
}
}
@media (max-width: 1199px) {
.white-frame .container {
height: auto
}
.location-page .city-search input {
margin-top: 0;
border-radius: 0 !important;
background-color: #f9f9f9;
height: 60px
}
}
@media (max-width: 991px) {
.pharmsCont.map-point-wrapper.col-md-12.col-lg-4.col-xl-3 {
max-height: 70vh
}
.location-page .location-wrapper {
top: 120px
}
.map {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width: 575px) {
.pharmsCont.map-point-wrapper.col-md-12.col-lg-4.col-xl-3 {
max-height: 70vh
}
.location-page .location-wrapper {
top: 100px
}
.map {
padding-left: 30px;
padding-right: 30px
}
}
.all-citys-input-wrapper {
position: absolute;
top: 60px;
left: 0;
right: 0;
padding: 40px;
height: 60vh;
overflow: hidden;
border-radius: 25px;
background-color: #fff;
z-index: 10;
display: none
}
#all-citys-input {
height: 100%;
overflow-x: hidden;
overflow-y: scroll
}
.all-citys-input-shadow {
position: absolute;
top: 70px;
left: 0;
right: 0;
bottom: -10px;
width: 100%;
height: 60vh;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-filter: blur(15px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(15px);
z-index: 9;
display: none
}
@media (max-width: 1440px) {
.all-citys-input-wrapper,
.all-citys-input-shadow {
height: 40vh
}
}
@media (max-width: 1199px) {
.all-citys-input-wrapper,
.all-citys-input-shadow {
left: 20px;
right: 20px;
border-radius: 0;
top: 80px
}
.all-citys-input-shadow {
width: auto;
top: 90px
}
.preloader-sheet {
display: none
}
ul#all-citys {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
width: 90%
}
li.city_item {
width: 100%
}
.city_container .under-container {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.city_container.active {
width: 100% !important;
overflow-y: scroll
}
.city_container .under-container {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.city_group {
margin-top: 40px
}
}
@media (max-width: 1300px) {
.logo {
font-size: 22px
}
}
@media (max-width: 1366px) {
.screen {
padding-left: 20px;
padding-right: 20px
}
.white-frame {
height: calc(100vh - 40px)
}
.main-header:before {
height: 70px
}
.bottom-border {
height: 20px
}
.content-footer {
bottom: 25px
}
.preloader-sheet {
top: 0;
left: 0;
right: 0;
bottom: 0
}
}
@media (max-width: 1200px) {
.wrapper_include_text {
padding-top: 5px;
position: absolute;
width: 25px;
height: 25px;
top: 0;
right: 45px;
}
.spoiler > input + label {
width: 45px;
}
.spoiler > .spoiler_body {
left: -270px;
height: 450px;
width: 350px;
}
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
@font-face {
font-family: 'DIN Alternate';
src: url("../fonts/DINAlternate-Bold.eot");
src: url("../fonts/DINAlternate-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINAlternate-Bold.woff2") format("woff2"), url("../fonts/DINAlternate-Bold.woff") format("woff"), url("../fonts/DINAlternate-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal
}
@font-face {
font-family: 'GaramondC';
src: url("../fonts/GaramondC.eot");
src: url("../fonts/GaramondC.eot?#iefix") format("embedded-opentype"), url("../fonts/GaramondC.woff2") format("woff2"), url("../fonts/GaramondC.woff") format("woff"), url("../fonts/GaramondC.ttf") format("truetype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'GaramondC';
src: url("../fonts/GaramondC-Bold.eot");
src: url("../fonts/GaramondC-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GaramondC-Bold.woff2") format("woff2"), url("../fonts/GaramondC-Bold.woff") format("woff"), url("../fonts/GaramondC-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal
}
@font-face {
font-family: 'FuturaDemiC';
src: url("../fonts/FuturaDemiC-Italic.eot");
src: url("../fonts/FuturaDemiC-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaDemiC-Italic.woff2") format("woff2"), url("../fonts/FuturaDemiC-Italic.woff") format("woff"), url("../fonts/FuturaDemiC-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic
}
@font-face {
font-family: 'GaramondC';
src: url("../fonts/GaramondC-BoldItalic.eot");
src: url("../fonts/GaramondC-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GaramondC-BoldItalic.woff2") format("woff2"), url("../fonts/GaramondC-BoldItalic.woff") format("woff"), url("../fonts/GaramondC-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic
}
@font-face {
font-family: 'GaramondC';
src: url("../fonts/GaramondC-Italic.eot");
src: url("../fonts/GaramondC-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GaramondC-Italic.woff2") format("woff2"), url("../fonts/GaramondC-Italic.woff") format("woff"), url("../fonts/GaramondC-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic
}
@font-face {
font-family: 'FuturaDemiC';
src: url("../fonts/FuturaDemiC.eot");
src: url("../fonts/FuturaDemiC.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaDemiC.woff2") format("woff2"), url("../fonts/FuturaDemiC.woff") format("woff"), url("../fonts/FuturaDemiC.ttf") format("truetype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Facebook Letter Faces';
src: url("../fonts/FacebookLetterFaces.eot");
src: url("../fonts/FacebookLetterFaces.eot?#iefix") format("embedded-opentype"), url("../fonts/FacebookLetterFaces.woff") format("woff"), url("../fonts/FacebookLetterFaces.ttf") format("truetype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'MuseoSansCyrl-300';
src: url("../fonts/MuseoSansCyrl.woff") format("woff"), url("../fonts/MuseoSansCyrl.ttf") format("truetype"), url("../fonts/MuseoSansCyrl.svg#MuseoSansCyrl-300") format("svg");
font-weight: light;
font-style: normal
}
@font-face {
font-family: 'MuseoSansCyrl-300';
src: url("../fonts/MuseoSansCyrl.eot");
src: url("../fonts/MuseoSansCyrl.eot?#iefix") format("embedded-opentype");
font-weight: light;
font-style: normal
}
@font-face {
font-family: 'Arial';
src: url("../fonts/ArialMT.woff") format("woff"), url("../fonts/ArialMT.ttf") format("truetype"), url("../fonts/ArialMT.svg#ArialMT") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Arial';
src: url("../fonts/arial.eot");
src: url("../fonts/arial.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal
}
.browser-update {
display: none;
width: 100vw;
height: 100vh;
background-color: #168780;
position: fixed;
top: 0;
left: 0;
z-index: 9999
}
.browser-update--wrapper {
display: inline-block;
text-align: center;
position: absolute;
top: 20%;
left: 0;
right: 0;
margin: auto
}
.browser-update--title {
color: #ffffff;
font-family: "FuturaDemiC", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
margin-top: 60px
}
.browser-update--desc {
color: #ffffff;
font-family: "FuturaDemiC", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 27px;
margin-top: 40px;
text-align: center
}
.browser-update--download {
color: #168780;
font-family: "DIN Alternate", sans-serif;
font-size: 29px;
font-weight: 700;
line-height: 47px;
text-transform: uppercase;
text-decoration: none;
background-color: #fff;
padding-right: 45px;
padding-left: 15px;
border-radius: 32px;
height: 65px;
-webkit-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
width: 372px;
margin: auto;
margin-top: 100px;
display: block
}
.browser-update--download:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
.browser-update--download img {
margin-right: 20px;
position: relative;
top: 10px
}
@-webkit-keyframes curvePulsePoint {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes curvePulsePoint {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes goldenMedalPulse {
40% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes goldenMedalPulse {
40% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes moleculeSpin {
0% {
background-image: url("/assets/template/img/molecule-frames/molecule_0.png")
}
2% {
background-image: url("/assets/template/img/molecule-frames/molecule_1.png")
}
4% {
background-image: url("/assets/template/img/molecule-frames/molecule_2.png")
}
6% {
background-image: url("/assets/template/img/molecule-frames/molecule_3.png")
}
8% {
background-image: url("/assets/template/img/molecule-frames/molecule_4.png")
}
10% {
background-image: url("/assets/template/img/molecule-frames/molecule_5.png")
}
12% {
background-image: url("/assets/template/img/molecule-frames/molecule_6.png")
}
14% {
background-image: url("/assets/template/img/molecule-frames/molecule_7.png")
}
16% {
background-image: url("/assets/template/img/molecule-frames/molecule_8.png")
}
18% {
background-image: url("/assets/template/img/molecule-frames/molecule_9.png")
}
20% {
background-image: url("/assets/template/img/molecule-frames/molecule_10.png")
}
22% {
background-image: url("/assets/template/img/molecule-frames/molecule_11.png")
}
24% {
background-image: url("/assets/template/img/molecule-frames/molecule_12.png")
}
26% {
background-image: url("/assets/template/img/molecule-frames/molecule_13.png")
}
28% {
background-image: url("/assets/template/img/molecule-frames/molecule_14.png")
}
30% {
background-image: url("/assets/template/img/molecule-frames/molecule_15.png")
}
32% {
background-image: url("/assets/template/img/molecule-frames/molecule_16.png")
}
34% {
background-image: url("/assets/template/img/molecule-frames/molecule_17.png")
}
36% {
background-image: url("/assets/template/img/molecule-frames/molecule_18.png")
}
38% {
background-image: url("/assets/template/img/molecule-frames/molecule_19.png")
}
40% {
background-image: url("/assets/template/img/molecule-frames/molecule_20.png")
}
42% {
background-image: url("/assets/template/img/molecule-frames/molecule_21.png")
}
44% {
background-image: url("/assets/template/img/molecule-frames/molecule_22.png")
}
46% {
background-image: url("/assets/template/img/molecule-frames/molecule_23.png")
}
48% {
background-image: url("/assets/template/img/molecule-frames/molecule_24.png")
}
50% {
background-image: url("/assets/template/img/molecule-frames/molecule_25.png")
}
52% {
background-image: url("/assets/template/img/molecule-frames/molecule_26.png")
}
54% {
background-image: url("/assets/template/img/molecule-frames/molecule_27.png")
}
56% {
background-image: url("/assets/template/img/molecule-frames/molecule_28.png")
}
58% {
background-image: url("/assets/template/img/molecule-frames/molecule_29.png")
}
60% {
background-image: url("/assets/template/img/molecule-frames/molecule_30.png")
}
62% {
background-image: url("/assets/template/img/molecule-frames/molecule_31.png")
}
64% {
background-image: url("/assets/template/img/molecule-frames/molecule_32.png")
}
66% {
background-image: url("/assets/template/img/molecule-frames/molecule_33.png")
}
68% {
background-image: url("/assets/template/img/molecule-frames/molecule_34.png")
}
70% {
background-image: url("/assets/template/img/molecule-frames/molecule_35.png")
}
72% {
background-image: url("/assets/template/img/molecule-frames/molecule_36.png")
}
74% {
background-image: url("/assets/template/img/molecule-frames/molecule_37.png")
}
76% {
background-image: url("/assets/template/img/molecule-frames/molecule_38.png")
}
78% {
background-image: url("/assets/template/img/molecule-frames/molecule_39.png")
}
80% {
background-image: url("/assets/template/img/molecule-frames/molecule_40.png")
}
82% {
background-image: url("/assets/template/img/molecule-frames/molecule_41.png")
}
84% {
background-image: url("/assets/template/img/molecule-frames/molecule_42.png")
}
86% {
background-image: url("/assets/template/img/molecule-frames/molecule_43.png")
}
88% {
background-image: url("/assets/template/img/molecule-frames/molecule_44.png")
}
90% {
background-image: url("/assets/template/img/molecule-frames/molecule_45.png")
}
92% {
background-image: url("/assets/template/img/molecule-frames/molecule_46.png")
}
94% {
background-image: url("/assets/template/img/molecule-frames/molecule_47.png")
}
96% {
background-image: url("/assets/template/img/molecule-frames/molecule_48.png")
}
98% {
background-image: url("/assets/template/img/molecule-frames/molecule_49.png")
}
100% {
background-image: url("/assets/template/img/molecule-frames/molecule_50.png")
}
}
@keyframes moleculeSpin {
0% {
background-image: url("/assets/template/img/molecule-frames/molecule_0.png")
}
2% {
background-image: url("/assets/template/img/molecule-frames/molecule_1.png")
}
4% {
background-image: url("/assets/template/img/molecule-frames/molecule_2.png")
}
6% {
background-image: url("/assets/template/img/molecule-frames/molecule_3.png")
}
8% {
background-image: url("/assets/template/img/molecule-frames/molecule_4.png")
}
10% {
background-image: url("/assets/template/img/molecule-frames/molecule_5.png")
}
12% {
background-image: url("/assets/template/img/molecule-frames/molecule_6.png")
}
14% {
background-image: url("/assets/template/img/molecule-frames/molecule_7.png")
}
16% {
background-image: url("/assets/template/img/molecule-frames/molecule_8.png")
}
18% {
background-image: url("/assets/template/img/molecule-frames/molecule_9.png")
}
20% {
background-image: url("/assets/template/img/molecule-frames/molecule_10.png")
}
22% {
background-image: url("/assets/template/img/molecule-frames/molecule_11.png")
}
24% {
background-image: url("/assets/template/img/molecule-frames/molecule_12.png")
}
26% {
background-image: url("/assets/template/img/molecule-frames/molecule_13.png")
}
28% {
background-image: url("/assets/template/img/molecule-frames/molecule_14.png")
}
30% {
background-image: url("/assets/template/img/molecule-frames/molecule_15.png")
}
32% {
background-image: url("/assets/template/img/molecule-frames/molecule_16.png")
}
34% {
background-image: url("/assets/template/img/molecule-frames/molecule_17.png")
}
36% {
background-image: url("/assets/template/img/molecule-frames/molecule_18.png")
}
38% {
background-image: url("/assets/template/img/molecule-frames/molecule_19.png")
}
40% {
background-image: url("/assets/template/img/molecule-frames/molecule_20.png")
}
42% {
background-image: url("/assets/template/img/molecule-frames/molecule_21.png")
}
44% {
background-image: url("/assets/template/img/molecule-frames/molecule_22.png")
}
46% {
background-image: url("/assets/template/img/molecule-frames/molecule_23.png")
}
48% {
background-image: url("/assets/template/img/molecule-frames/molecule_24.png")
}
50% {
background-image: url("/assets/template/img/molecule-frames/molecule_25.png")
}
52% {
background-image: url("/assets/template/img/molecule-frames/molecule_26.png")
}
54% {
background-image: url("/assets/template/img/molecule-frames/molecule_27.png")
}
56% {
background-image: url("/assets/template/img/molecule-frames/molecule_28.png")
}
58% {
background-image: url("/assets/template/img/molecule-frames/molecule_29.png")
}
60% {
background-image: url("/assets/template/img/molecule-frames/molecule_30.png")
}
62% {
background-image: url("/assets/template/img/molecule-frames/molecule_31.png")
}
64% {
background-image: url("/assets/template/img/molecule-frames/molecule_32.png")
}
66% {
background-image: url("/assets/template/img/molecule-frames/molecule_33.png")
}
68% {
background-image: url("/assets/template/img/molecule-frames/molecule_34.png")
}
70% {
background-image: url("/assets/template/img/molecule-frames/molecule_35.png")
}
72% {
background-image: url("/assets/template/img/molecule-frames/molecule_36.png")
}
74% {
background-image: url("/assets/template/img/molecule-frames/molecule_37.png")
}
76% {
background-image: url("/assets/template/img/molecule-frames/molecule_38.png")
}
78% {
background-image: url("/assets/template/img/molecule-frames/molecule_39.png")
}
80% {
background-image: url("/assets/template/img/molecule-frames/molecule_40.png")
}
82% {
background-image: url("/assets/template/img/molecule-frames/molecule_41.png")
}
84% {
background-image: url("/assets/template/img/molecule-frames/molecule_42.png")
}
86% {
background-image: url("/assets/template/img/molecule-frames/molecule_43.png")
}
88% {
background-image: url("/assets/template/img/molecule-frames/molecule_44.png")
}
90% {
background-image: url("/assets/template/img/molecule-frames/molecule_45.png")
}
92% {
background-image: url("/assets/template/img/molecule-frames/molecule_46.png")
}
94% {
background-image: url("/assets/template/img/molecule-frames/molecule_47.png")
}
96% {
background-image: url("/assets/template/img/molecule-frames/molecule_48.png")
}
98% {
background-image: url("/assets/template/img/molecule-frames/molecule_49.png")
}
100% {
background-image: url("/assets/template/img/molecule-frames/molecule_50.png")
}
}
@-webkit-keyframes preloader {
0% {
background-image: url("/assets/template/img/molecule-frames/molecule_0.png")
}
2% {
background-image: url("/assets/template/img/molecule-frames/molecule_2.png")
}
4% {
background-image: url("/assets/template/img/molecule-frames/molecule_4.png")
}
6% {
background-image: url("/assets/template/img/molecule-frames/molecule_6.png")
}
8% {
background-image: url("/assets/template/img/molecule-frames/molecule_8.png")
}
10% {
background-image: url("/assets/template/img/molecule-frames/molecule_10.png")
}
12% {
background-image: url("/assets/template/img/molecule-frames/molecule_12.png")
}
14% {
background-image: url("/assets/template/img/molecule-frames/molecule_14.png")
}
16% {
background-image: url("/assets/template/img/molecule-frames/molecule_16.png")
}
18% {
background-image: url("/assets/template/img/molecule-frames/molecule_18.png")
}
20% {
background-image: url("/assets/template/img/molecule-frames/molecule_20.png")
}
22% {
background-image: url("/assets/template/img/molecule-frames/molecule_22.png")
}
24% {
background-image: url("/assets/template/img/molecule-frames/molecule_24.png")
}
26% {
background-image: url("/assets/template/img/molecule-frames/molecule_26.png")
}
28% {
background-image: url("/assets/template/img/molecule-frames/molecule_28.png")
}
30% {
background-image: url("/assets/template/img/molecule-frames/molecule_30.png")
}
32% {
background-image: url("/assets/template/img/molecule-frames/molecule_32.png")
}
34% {
background-image: url("/assets/template/img/molecule-frames/molecule_34.png")
}
36% {
background-image: url("/assets/template/img/molecule-frames/molecule_36.png")
}
38% {
background-image: url("/assets/template/img/molecule-frames/molecule_38.png")
}
40% {
background-image: url("/assets/template/img/molecule-frames/molecule_40.png")
}
42% {
background-image: url("/assets/template/img/molecule-frames/molecule_42.png")
}
44% {
background-image: url("/assets/template/img/molecule-frames/molecule_44.png")
}
46% {
background-image: url("/assets/template/img/molecule-frames/molecule_46.png")
}
48% {
background-image: url("/assets/template/img/molecule-frames/molecule_48.png")
}
50% {
background-image: url("/assets/template/img/molecule-frames/molecule_50.png")
}
52% {
background-image: url("/assets/template/img/molecule-frames/molecule_52.png")
}
54% {
background-image: url("/assets/template/img/molecule-frames/molecule_54.png")
}
56% {
background-image: url("/assets/template/img/molecule-frames/molecule_56.png")
}
58% {
background-image: url("/assets/template/img/molecule-frames/molecule_58.png")
}
60% {
background-image: url("/assets/template/img/molecule-frames/molecule_60.png")
}
62% {
background-image: url("/assets/template/img/molecule-frames/molecule_62.png")
}
64% {
background-image: url("/assets/template/img/molecule-frames/molecule_64.png")
}
66% {
background-image: url("/assets/template/img/molecule-frames/molecule_66.png")
}
68% {
background-image: url("/assets/template/img/molecule-frames/molecule_68.png")
}
70% {
background-image: url("/assets/template/img/molecule-frames/molecule_70.png")
}
72% {
background-image: url("/assets/template/img/molecule-frames/molecule_72.png")
}
74% {
background-image: url("/assets/template/img/molecule-frames/molecule_74.png")
}
76% {
background-image: url("/assets/template/img/molecule-frames/molecule_76.png")
}
78% {
background-image: url("/assets/template/img/molecule-frames/molecule_78.png")
}
80% {
background-image: url("/assets/template/img/molecule-frames/molecule_80.png")
}
82% {
background-image: url("/assets/template/img/molecule-frames/molecule_82.png")
}
84% {
background-image: url("/assets/template/img/molecule-frames/molecule_84.png")
}
86% {
background-image: url("/assets/template/img/molecule-frames/molecule_86.png")
}
88% {
background-image: url("/assets/template/img/molecule-frames/molecule_88.png")
}
90% {
background-image: url("/assets/template/img/molecule-frames/molecule_90.png")
}
92% {
background-image: url("/assets/template/img/molecule-frames/molecule_92.png")
}
94% {
background-image: url("/assets/template/img/molecule-frames/molecule_94.png")
}
96% {
background-image: url("/assets/template/img/molecule-frames/molecule_96.png")
}
98% {
background-image: url("/assets/template/img/molecule-frames/molecule_98.png")
}
100% {
background-image: url("/assets/template/img/molecule-frames/molecule_99.png")
}
}
@keyframes preloader {
0% {
background-image: url("/assets/template/img/molecule-frames/molecule_0.png")
}
2% {
background-image: url("/assets/template/img/molecule-frames/molecule_2.png")
}
4% {
background-image: url("/assets/template/img/molecule-frames/molecule_4.png")
}
6% {
background-image: url("/assets/template/img/molecule-frames/molecule_6.png")
}
8% {
background-image: url("/assets/template/img/molecule-frames/molecule_8.png")
}
10% {
background-image: url("/assets/template/img/molecule-frames/molecule_10.png")
}
12% {
background-image: url("/assets/template/img/molecule-frames/molecule_12.png")
}
14% {
background-image: url("/assets/template/img/molecule-frames/molecule_14.png")
}
16% {
background-image: url("/assets/template/img/molecule-frames/molecule_16.png")
}
18% {
background-image: url("/assets/template/img/molecule-frames/molecule_18.png")
}
20% {
background-image: url("/assets/template/img/molecule-frames/molecule_20.png")
}
22% {
background-image: url("/assets/template/img/molecule-frames/molecule_22.png")
}
24% {
background-image: url("/assets/template/img/molecule-frames/molecule_24.png")
}
26% {
background-image: url("/assets/template/img/molecule-frames/molecule_26.png")
}
28% {
background-image: url("/assets/template/img/molecule-frames/molecule_28.png")
}
30% {
background-image: url("/assets/template/img/molecule-frames/molecule_30.png")
}
32% {
background-image: url("/assets/template/img/molecule-frames/molecule_32.png")
}
34% {
background-image: url("/assets/template/img/molecule-frames/molecule_34.png")
}
36% {
background-image: url("/assets/template/img/molecule-frames/molecule_36.png")
}
38% {
background-image: url("/assets/template/img/molecule-frames/molecule_38.png")
}
40% {
background-image: url("/assets/template/img/molecule-frames/molecule_40.png")
}
42% {
background-image: url("/assets/template/img/molecule-frames/molecule_42.png")
}
44% {
background-image: url("/assets/template/img/molecule-frames/molecule_44.png")
}
46% {
background-image: url("/assets/template/img/molecule-frames/molecule_46.png")
}
48% {
background-image: url("/assets/template/img/molecule-frames/molecule_48.png")
}
50% {
background-image: url("/assets/template/img/molecule-frames/molecule_50.png")
}
52% {
background-image: url("/assets/template/img/molecule-frames/molecule_52.png")
}
54% {
background-image: url("/assets/template/img/molecule-frames/molecule_54.png")
}
56% {
background-image: url("/assets/template/img/molecule-frames/molecule_56.png")
}
58% {
background-image: url("/assets/template/img/molecule-frames/molecule_58.png")
}
60% {
background-image: url("/assets/template/img/molecule-frames/molecule_60.png")
}
62% {
background-image: url("/assets/template/img/molecule-frames/molecule_62.png")
}
64% {
background-image: url("/assets/template/img/molecule-frames/molecule_64.png")
}
66% {
background-image: url("/assets/template/img/molecule-frames/molecule_66.png")
}
68% {
background-image: url("/assets/template/img/molecule-frames/molecule_68.png")
}
70% {
background-image: url("/assets/template/img/molecule-frames/molecule_70.png")
}
72% {
background-image: url("/assets/template/img/molecule-frames/molecule_72.png")
}
74% {
background-image: url("/assets/template/img/molecule-frames/molecule_74.png")
}
76% {
background-image: url("/assets/template/img/molecule-frames/molecule_76.png")
}
78% {
background-image: url("/assets/template/img/molecule-frames/molecule_78.png")
}
80% {
background-image: url("/assets/template/img/molecule-frames/molecule_80.png")
}
82% {
background-image: url("/assets/template/img/molecule-frames/molecule_82.png")
}
84% {
background-image: url("/assets/template/img/molecule-frames/molecule_84.png")
}
86% {
background-image: url("/assets/template/img/molecule-frames/molecule_86.png")
}
88% {
background-image: url("/assets/template/img/molecule-frames/molecule_88.png")
}
90% {
background-image: url("/assets/template/img/molecule-frames/molecule_90.png")
}
92% {
background-image: url("/assets/template/img/molecule-frames/molecule_92.png")
}
94% {
background-image: url("/assets/template/img/molecule-frames/molecule_94.png")
}
96% {
background-image: url("/assets/template/img/molecule-frames/molecule_96.png")
}
98% {
background-image: url("/assets/template/img/molecule-frames/molecule_98.png")
}
100% {
background-image: url("/assets/template/img/molecule-frames/molecule_99.png")
}
}
@-webkit-keyframes liverFlipInCurse {
0% {
background-image: url("/assets/template/img/liver-frames/Liver_0.png")
}
4% {
background-image: url("/assets/template/img/liver-frames/Liver_1.png")
}
8% {
background-image: url("/assets/template/img/liver-frames/Liver_2.png")
}
12% {
background-image: url("/assets/template/img/liver-frames/Liver_3.png")
}
16% {
background-image: url("/assets/template/img/liver-frames/Liver_4.png")
}
20% {
background-image: url("/assets/template/img/liver-frames/Liver_5.png")
}
24% {
background-image: url("/assets/template/img/liver-frames/Liver_6.png")
}
28% {
background-image: url("/assets/template/img/liver-frames/Liver_7.png")
}
32% {
background-image: url("/assets/template/img/liver-frames/Liver_8.png")
}
36% {
background-image: url("/assets/template/img/liver-frames/Liver_9.png")
}
40% {
background-image: url("/assets/template/img/liver-frames/Liver_10.png")
}
44% {
background-image: url("/assets/template/img/liver-frames/Liver_11.png")
}
48% {
background-image: url("/assets/template/img/liver-frames/Liver_12.png")
}
52% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_13.png")
}
56% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_14.png")
}
60% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_15.png")
}
64% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_16.png")
}
68% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_17.png")
}
72% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_18.png")
}
76% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_19.png")
}
80% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_20.png")
}
84% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_21.png")
}
88% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_22.png")
}
92% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_23.png")
}
96% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
100% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
}
@keyframes liverFlipInCurse {
0% {
background-image: url("/assets/template/img/liver-frames/Liver_0.png")
}
4% {
background-image: url("/assets/template/img/liver-frames/Liver_1.png")
}
8% {
background-image: url("/assets/template/img/liver-frames/Liver_2.png")
}
12% {
background-image: url("/assets/template/img/liver-frames/Liver_3.png")
}
16% {
background-image: url("/assets/template/img/liver-frames/Liver_4.png")
}
20% {
background-image: url("/assets/template/img/liver-frames/Liver_5.png")
}
24% {
background-image: url("/assets/template/img/liver-frames/Liver_6.png")
}
28% {
background-image: url("/assets/template/img/liver-frames/Liver_7.png")
}
32% {
background-image: url("/assets/template/img/liver-frames/Liver_8.png")
}
36% {
background-image: url("/assets/template/img/liver-frames/Liver_9.png")
}
40% {
background-image: url("/assets/template/img/liver-frames/Liver_10.png")
}
44% {
background-image: url("/assets/template/img/liver-frames/Liver_11.png")
}
48% {
background-image: url("/assets/template/img/liver-frames/Liver_12.png")
}
52% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_13.png")
}
56% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_14.png")
}
60% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_15.png")
}
64% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_16.png")
}
68% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_17.png")
}
72% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_18.png")
}
76% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_19.png")
}
80% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_20.png")
}
84% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_21.png")
}
88% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_22.png")
}
92% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_23.png")
}
96% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
100% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
}
@-webkit-keyframes liverFlipInHealth {
0% {
-webkit-transform: translate(0);
transform: translate(0)
}
0% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
4% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
8% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_23.png")
}
12% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_22.png")
}
16% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_21.png")
}
20% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_20.png")
}
24% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_19.png")
}
28% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_18.png")
}
32% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_17.png")
}
36% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_16.png")
}
40% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_15.png")
}
44% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_14.png")
}
48% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_13.png")
}
52% {
background-image: url("/assets/template/img/liver-frames/Liver_12.png")
}
56% {
background-image: url("/assets/template/img/liver-frames/Liver_11.png")
}
60% {
background-image: url("/assets/template/img/liver-frames/Liver_10.png")
}
64% {
background-image: url("/assets/template/img/liver-frames/Liver_9.png")
}
68% {
background-image: url("/assets/template/img/liver-frames/Liver_8.png")
}
72% {
background-image: url("/assets/template/img/liver-frames/Liver_7.png")
}
76% {
background-image: url("/assets/template/img/liver-frames/Liver_6.png")
}
80% {
background-image: url("/assets/template/img/liver-frames/Liver_5.png")
}
84% {
background-image: url("/assets/template/img/liver-frames/Liver_4.png")
}
88% {
background-image: url("/assets/template/img/liver-frames/Liver_3.png")
}
92% {
background-image: url("/assets/template/img/liver-frames/Liver_2.png")
}
96% {
background-image: url("/assets/template/img/liver-frames/Liver_1.png")
}
100% {
background-image: url("/assets/template/img/liver-frames/Liver_0.png")
}
100% {
-webkit-transform: translate(45%);
transform: translate(45%)
}
}
@keyframes liverFlipInHealth {
0% {
-webkit-transform: translate(0);
transform: translate(0)
}
0% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
4% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
8% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_23.png")
}
12% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_22.png")
}
16% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_21.png")
}
20% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_20.png")
}
24% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_19.png")
}
28% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_18.png")
}
32% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_17.png")
}
36% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_16.png")
}
40% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_15.png")
}
44% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_14.png")
}
48% {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_13.png")
}
52% {
background-image: url("/assets/template/img/liver-frames/Liver_12.png")
}
56% {
background-image: url("/assets/template/img/liver-frames/Liver_11.png")
}
60% {
background-image: url("/assets/template/img/liver-frames/Liver_10.png")
}
64% {
background-image: url("/assets/template/img/liver-frames/Liver_9.png")
}
68% {
background-image: url("/assets/template/img/liver-frames/Liver_8.png")
}
72% {
background-image: url("/assets/template/img/liver-frames/Liver_7.png")
}
76% {
background-image: url("/assets/template/img/liver-frames/Liver_6.png")
}
80% {
background-image: url("/assets/template/img/liver-frames/Liver_5.png")
}
84% {
background-image: url("/assets/template/img/liver-frames/Liver_4.png")
}
88% {
background-image: url("/assets/template/img/liver-frames/Liver_3.png")
}
92% {
background-image: url("/assets/template/img/liver-frames/Liver_2.png")
}
96% {
background-image: url("/assets/template/img/liver-frames/Liver_1.png")
}
100% {
background-image: url("/assets/template/img/liver-frames/Liver_0.png")
}
100% {
-webkit-transform: translate(45%);
transform: translate(45%)
}
}
@-webkit-keyframes liverShadowFlip {
0% {
-webkit-transform: scaleX(0.3);
transform: scaleX(0.3)
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes liverShadowFlip {
0% {
-webkit-transform: scaleX(0.3);
transform: scaleX(0.3)
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
body {
height: 100vh;
width: 100vw;
font-family: "FuturaDemiC", sans-serif;
overflow: hidden
}
input,
textarea,
button {
outline: none;
border: none;
background: none
}
input:focus,
textarea:focus,
button:focus {
outline: none
}
a {
outline: none;
color: #000;
text-decoration: none
}
a:focus,
a:hover,
a:active {
color: #168780
}
.bottom-border {
width: 100vw;
height: 50px;
background-color: #fff;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1999
}
.header {
font-size: 32px;
line-height: 1.3;
display: block;
margin-top: 20px;
margin-bottom: 30px;
/*background: -webkit-linear-gradient(320deg, #24b1a8 10%, #0c6a64 100%);
background: -moz-linear-gradient(130deg, #026a64, #24b1a8);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;*/
color: #24b1a8;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.header-desc {
font-family: "GaramondC", serif;
font-size: 22px;
line-height: 1.6;
font-style: italic
}
.main-btn-wrapper {
position: inherit;
right: 0px;
bottom: 120px;
cursor: pointer;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.main-btn-wrapper:hover .main-btn {
background: #12716b
}
.main-btn-wrapper:active .main-btn {
-webkit-transform: translate3d(0, 3px, 0);
transform: translate3d(0, 3px, 0);
background: #1a9d95
}
.main-btn-wrapper:active .shadow {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
background: rgba(0, 0, 0, 0.3)
}
.main-btn-wrapper .main-btn {
display: inline-block;
position: relative;
background: #168780;
color: #fff;
border: none;
border-radius: 50px;
min-width: 190px;
font-family: "DIN Alternate", sans-serif;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
padding: 15px 35px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.main-btn-wrapper .shadow {
position: inherit;
border-radius: 150px;
height: 20px;
background: rgba(0, 0, 0, 0.4);
-webkit-filter: blur(7px);
filter: blur(7px);
-webkit-transition: .20s ease-in-out;
transition: .20s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 1
}
/*
.btn-mouse:before {
position: absolute;
content: 'иÑпользуйте Ñкролл';
text-align: center;
bottom: -40px;
left: 0;
right: 0;
font-size: 14px;
color: #fff
}*/
.btn-switcher-wrapper {
display: block;
position: relative;
left: -30px;
color: #fff;
border: none;
font-family: "DIN Alternate", sans-serif;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
z-index: 10
}
.btn-switcher-wrapper .btn-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #aaaaaa;
border-radius: 50px;
font-size: 24px;
padding: 15px 35px;
text-align: center;
cursor: pointer
}
.btn-switcher-wrapper .slide-btn {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
background-color: #168780;
border-radius: 50px;
cursor: pointer;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.btn-switcher-wrapper .slide-btn.slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.btn-switcher-wrapper .switcher {
position: relative;
z-index: 10;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn-switcher-wrapper .shadow {
position: absolute;
bottom: -11px;
border-radius: 150px;
left: 15px;
right: 15px;
height: 20px;
background: rgba(0, 0, 0, 0.4);
-webkit-filter: blur(7px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(7px);
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: -10
}
.btn-switcher-wrapper .slide-btn:hover {
background: #1a9d95
}
.btn-switcher-wrapper:active .slide-btn {
background: #12716b
}
.btn-switcher-wrapper:active .shadow {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
background: rgba(0, 0, 0, 0.4)
}
.screen {
position: relative;
padding-left: 50px;
padding-right: 50px
}
.slide {
overflow: hidden
}
.white-frame {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 100px;
background-position: 0 center;
height: calc(100vh - 65px);
overflow: hidden
}
.white-frame .container {
height: 100%
}
.white-frame .container .row {
height: 100%;
margin-left: 0;
margin-right: 0
}
.flex-wrapper {
padding-left: 100px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flex-wrapper.flex-wrapper--fs {
padding-left: 0
}
.flex-inner {
width: 100%;
height: 100%
}
.gray-circle,
.green-circle {
border-radius: 50%;
background-image: -webkit-linear-gradient(125deg, #e1e1e1 0%, #ececec 34%, #f7f7f7 99%);
background-image: linear-gradient(-35deg, #e1e1e1 0%, #ececec 34%, #f7f7f7 99%);
width: 310px;
height: 310px;
position: absolute;
-webkit-transform: translateY(100px) scale(0);
transform: translateY(100px) scale(0);
-webkit-transition: .6s ease-out;
transition: .6s ease-out
}
.gray-circle.active,
.green-circle.active {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1)
}
.green-circle {
background-image: -webkit-linear-gradient(321deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
background-image: linear-gradient(129deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
background-size: 300% 300%;
background-position: 0 0;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
background-position: 0 0
}
.green-circle:hover {
background-position: 100 100%
}
.price {
text-align: center
}
.price span {
display: block;
font-family: "GaramondC", serif;
font-size: 22px;
font-style: italic;
text-transform: none;
color: #000;
background: none;
-webkit-background-clip: #000;
-webkit-text-fill-color: #000
}
.fp-slidesContainer {
width: 100% !important;
-webkit-transform: none !important;
transform: none !important
}
.fp-slide {
width: 100% !important;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 0;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out
}
.fp-slide.active {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 1
}
#fp-nav.right {
right: 67px;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
width: 6px;
height: 6px;
margin: 0;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #168780
}
#fp-nav ul li {
margin-bottom: 40px
}
#fp-nav ul li:last-child {
position: relative
}
#fp-nav ul li:last-child:after {
content: '';
width: 26px;
height: 26px;
background-image: url("/assets/template/img/arrow-down.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -70px;
left: -5px
}
#fp-nav ul li a {
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#fp-nav ul li a span {
display: block;
position: static;
-webkit-transform: scale(0);
transform: scale(0);
margin: 0
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
width: 6px;
height: 6px;
margin: auto;
border-radius: 50%
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
width: 6px;
height: 6px;
margin: auto
}
.fp-slidesNav {
position: absolute;
bottom: 55px !important;
left: calc(((100% - 650px) / 2));
z-index: 1000;
margin-left: 0 !important
}
.fp-slidesNav ul li a.active span {
-webkit-transform: scale(1);
transform: scale(1);
background-color: #168780
}
.fp-slidesNav ul li {
position: relative;
width: 24px;
height: 24px
}
.fp-slidesNav ul li:last-child {
position: relative
}
.fp-slidesNav ul li a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute
}
.fp-slidesNav ul li a span {
position: absolute;
display: block;
width: 6px;
height: 6px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: scale(0);
transform: scale(0)
}
.fp-slidesNav ul li {
margin-bottom: 0;
margin-top: 0;
margin-left: 0
}
.fp-slidesNav ul li:not(:last-of-type) {
margin-right: 40px
}
.disable-scroll {
max-height: calc(100vh - 100px);
overflow: hidden
}
.hide-elem {
display: none !important;
opacity: 0 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.cssload-container {
display: inline-block
}
.cssload-dots {
display: inline-block;
position: relative
}
.cssload-dots:not(:last-child) {
margin-right: 17px
}
.cssload-dots:before,
.cssload-dots:after {
content: "";
display: inline-block;
width: 11px;
height: 11px;
border-radius: 50%;
position: absolute
}
.cssload-dots:nth-child(1):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -1.04s;
-o-animation-delay: -1.04s;
-ms-animation-delay: -1.04s;
-webkit-animation-delay: -1.04s;
-moz-animation-delay: -1.04s;
background-color: red
}
.cssload-dots:nth-child(1):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animatioion: cssloadad-a-a-animAftfter 1.15s lineaear infinitete;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -1.04s;
-o-animation-delay: -1.04s;
-ms-animation-delay: -1.04s;
-webkit-animation-delay: -1.04s;
-moz-animation-delay: -1.04s;
background-color: #777777
}
.cssload-dots:nth-child(2):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -2.07s;
-o-animation-delay: -2.07s;
-ms-animation-delay: -2.07s;
-webkit-animation-delay: -2.07s;
-moz-animation-delay: -2.07s;
background-color: red
}
.cssload-dots:nth-child(2):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -2.07s;
-o-animation-delay: -2.07s;
-ms-animation-delay: -2.07s;
-webkit-animation-delay: -2.07s;
-moz-animation-delay: -2.07s;
background-color: #777777
}
.cssload-dots:nth-child(3):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -3.11s;
-o-animation-delay: -3.11s;
-ms-animation-delay: -3.11s;
-webkit-animation-delay: -3.11s;
-moz-animation-delay: -3.11s;
background-color: red
}
.cssload-dots:nth-child(3):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -3.11s;
-o-animation-delay: -3.11s;
-ms-animation-delay: -3.11s;
-webkit-animation-delay: -3.11s;
-moz-animation-delay: -3.11s;
background-color: #777777
}
.cssload-dots:nth-child(4):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -4.14s;
-o-animation-delay: -4.14s;
-ms-animation-delay: -4.14s;
-webkit-animation-delay: -4.14s;
-moz-animation-delay: -4.14s;
background-color: red
}
.cssload-dots:nth-child(4):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -4.14s;
-o-animation-delay: -4.14s;
-ms-animation-delay: -4.14s;
-webkit-animation-delay: -4.14s;
-moz-animation-delay: -4.14s;
background-color: #777777
}
.cssload-dots:nth-child(5):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -5.18s;
-o-animation-delay: -5.18s;
-ms-animation-delay: -5.18s;
-webkit-animation-delay: -5.18s;
-moz-animation-delay: -5.18s;
background-color: red
}
.cssload-dots:nth-child(5):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -5.18s;
-o-animation-delay: -5.18s;
-ms-animation-delay: -5.18s;
-webkit-animation-delay: -5.18s;
-moz-animation-delay: -5.18s;
background-color: #777777
}
.cssload-dots:nth-child(6):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -6.21s;
-o-animation-delay: -6.21s;
-ms-animation-delay: -6.21s;
-webkit-animation-delay: -6.21s;
-moz-animation-delay: -6.21s;
background-color: red
}
.cssload-dots:nth-child(6):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -6.21s;
-o-animation-delay: -6.21s;
-ms-animation-delay: -6.21s;
-webkit-animation-delay: -6.21s;
-moz-animation-delay: -6.21s;
background-color: #777777
}
.cssload-dots:nth-child(7):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -7.25s;
-o-animation-delay: -7.25s;
-ms-animation-delay: -7.25s;
-webkit-animation-delay: -7.25s;
-moz-animation-delay: -7.25s;
background-color: red
}
.cssload-dots:nth-child(7):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -7.25s;
-o-animation-delay: -7.25s;
-ms-animation-delay: -7.25s;
-webkit-animation-delay: -7.25s;
-moz-animation-delay: -7.25s;
background-color: #777777
}
.cssload-dots:nth-child(8):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -8.28s;
-o-animation-delay: -8.28s;
-ms-animation-delay: -8.28s;
-webkit-animation-delay: -8.28s;
-moz-animation-delay: -8.28s;
background-color: red
}
.cssload-dots:nth-child(8):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -8.28s;
-o-animation-delay: -8.28s;
-ms-animation-delay: -8.28s;
-webkit-animation-delay: -8.28s;
-moz-animation-delay: -8.28s;
background-color: #777777
}
.cssload-dots:nth-child(9):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -9.32s;
-o-animation-delay: -9.32s;
-ms-animation-delay: -9.32s;
-webkit-animation-delay: -9.32s;
-moz-animation-delay: -9.32s;
background-color: #F00
}
.cssload-dots:nth-child(9):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -9.32s;
-o-animation-delay: -9.32s;
-ms-animation-delay: -9.32s;
-webkit-animation-delay: -9.32s;
-moz-animation-delay: -9.32s;
background-color: #777
}
.cssload-dots:nth-child(10):before {
transform: translateY(-200%);
-o-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
animation: cssload-animBefore 1.15s linear infinite;
-o-animation: cssload-animBefore 1.15s linear infinite;
-ms-animation: cssload-animBefore 1.15s linear infinite;
-webkit-animation: cssload-animBefore 1.15s linear infinite;
-moz-animation: cssload-animBefore 1.15s linear infinite;
animation-delay: -10.35s;
-o-animation-delay: -10.35s;
-ms-animation-delay: -10.35s;
-webkit-animation-delay: -10.35s;
-moz-animation-delay: -10.35s;
background-color: #F00
}
.cssload-dots:nth-child(10):after {
transform: translateY(200%);
-o-transform: translateY(200%);
-ms-transform: translateY(200%);
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
animation: cssload-animAfter 1.15s linear infinite;
-o-animation: cssload-animAfter 1.15s linear infinite;
-ms-animation: cssload-animAfter 1.15s linear infinite;
-webkit-animation: cssload-animAfter 1.15s linear infinite;
-moz-animation: cssload-animAfter 1.15s linear infinite;
animation-delay: -10.35s;
-o-animation-delay: -10.35s;
-ms-animation-delay: -10.35s;
-webkit-animation-delay: -10.35s;
-moz-animation-delay: -10.35s;
background-color: #777
}
@keyframes cssload-animBefore {
0% {
-webkit-transform: scale(1) translateY(-200%);
transform: scale(1) translateY(-200%);
z-index: 1
}
25% {
-webkit-transform: scale(1.3) translateY(0);
transform: scale(1.3) translateY(0);
z-index: 1
}
50% {
-webkit-transform: scale(1) translateY(200%);
transform: scale(1) translateY(200%);
z-index: -1
}
75% {
-webkit-transform: scale(0.7) translateY(0);
transform: scale(0.7) translateY(0);
z-index: -1
}
100% {
-webkit-transform: scale(1) translateY(-200%);
transform: scale(1) translateY(-200%);
z-index: -1
}
}
@-webkit-keyframes cssload-animBefore {
0% {
-webkit-transform: scale(1) translateY(-200%);
z-index: 1
}
25% {
-webkit-transform: scale(1.3) translateY(0);
z-index: 1
}
50% {
-webkit-transform: scale(1) translateY(200%);
z-index: -1
}
75% {
-webkit-transform: scale(0.7) translateY(0);
z-index: -1
}
100% {
-webkit-transform: scale(1) translateY(-200%);
z-index: -1
}
}
@keyframes cssload-animAfter {
0% {
-webkit-transform: scale(1) translateY(200%);
transform: scale(1) translateY(200%);
z-index: -1
}
25% {
-webkit-transform: scale(0.7) translateY(0);
transform: scale(0.7) translateY(0);
z-index: -1
}
50% {
-webkit-transform: scale(1) translateY(-200%);
transform: scale(1) translateY(-200%);
z-index: 1
}
75% {
-webkit-transform: scale(1.3) translateY(0);
transform: scale(1.3) translateY(0);
z-index: 1
}
100% {
-webkit-transform: scale(1) translateY(200%);
transform: scale(1) translateY(200%);
z-index: 1
}
}
@-webkit-keyframes cssload-animAfter {
0% {
-webkit-transform: scale(1) translateY(200%);
z-index: -1
}
25% {
-webkit-transform: scale(0.7) translateY(0);
z-index: -1
}
50% {
-webkit-transform: scale(1) translateY(-200%);
z-index: 1
}
75% {
-webkit-transform: scale(1.3) translateY(0);
z-index: 1
}
100% {
-webkit-transform: scale(1) translateY(200%);
z-index: 1
}
}
.main-header {
position: fixed;
top: 30px;
left: 0;
right: 0;
width: 80%;
margin: 0 auto;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 1200px) {
.main-header {
left: 170px;
}
}
@media (max-width: 1366px) {
.main-header {
top: 20px;
}
}
.main-header:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
z-index: -1;
background-color: #fff;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.main-header:before {
content: '';
position: absolute;
width: 150vw;
height: 100px;
top: -100px;
left: calc((150vw - 1199px) / -2);
right: auto;
background-color: #fff
}
.main-header a:hover,
.main-header a:active,
.main-header a:focus {
text-decoration: none
}
.main-header.nav-on:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.logo {
padding: 0;
margin-right: 15px;
position: relative;
height: 100px;
background-color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 100;
overflow: visible;
-webkit-transition: .2s;
transition: .2s
}
.logo span {
font-family: "FuturaDemiC", sans-serif;
font-weight: normal;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
display: block;
margin-top: 10px;
color: #000 !important
}
.logo:hover {
color: #168780;
text-decoration: none
}
.white-outer-left,
.white-outer-right {
position: absolute;
left: 0;
right: 50%;
bottom: 0;
top: 0;
background-color: #fff;
-webkit-transition: .45s;
transition: .45s;
z-index: -1
}
.white-outer-left.active,
.white-outer-right.active {
left: -100vw
}
.white-outer-right {
left: 50%;
right: 0
}
.white-outer-right.active {
left: 50%;
right: -100vw
}
.over-off {
overflow: visible
}
.burger {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 30px;
padding-bottom: 0;
z-index: 200;
cursor: pointer
}
.burger .title {
color: #fff;
margin-top: 20px;
font-family: "FuturaDemiC", sans-serif;
font-size: 16px
}
.burger.white {
background-color: #fff
}
.burger:hover .burger-icon span {
background: #168780
}
.burger-icon {
width: 35px;
height: 35px;
position: relative;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer
}
.burger-icon span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.burger-icon span:nth-child(1) {
top: 0
}
.burger-icon span:nth-child(2) {
top: 15px
}
.burger-icon span:nth-child(3) {
top: 30px
}
.burger-icon.open:hover span {
background: #168780
}
.burger-icon.open span {
background: #aeaeae
}
.burger-icon.open span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.burger-icon.open span:nth-child(2) {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
left: -60px
}
.burger-icon.open span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.main-nav {
position: relative;
overflow: hidden
}
.main-nav .wrapper {
display: none;
position: absolute;
width: 100%;
height: 100%;
right: 0;
left: 0;
bottom: 0;
top: 0;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
width: 100%;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateX(-150%);
transform: translateX(-150%);
-webkit-transition: .3s;
transition: .3s;
z-index: 100;
font-family: "DIN Alternate", sans-serif
}
.main-nav .wrapper.translated {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.main-nav .main-link {
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
-webkit-transition: .15s;
transition: .15s
}
.main-nav .main-link:hover {
color: #168780;
text-decoration: none
}
.main-footer {
position: absolute;
bottom: 70px;
left: 80px;
z-index: 2000;
color: #fff;
font-family: "GaramondC", serif;
font-size: 12px
}
.main-footer a {
color: #fff;
text-decoration: underline
}
.main-footer a:hover {
text-decoration: none
}
.main-footer .instruction {
display: none
}
.med-alarm {
position: absolute;
-webkit-transform-origin: top left;
transform-origin: top left;
z-index: 200;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
left: 70px;
bottom: 40px;
font-size: 3vh;
line-height: 1.3;
font-family: "DIN Alternate", sans-serif;
color: #fff;
text-shadow: 0 0 3px #969696;
}
.med-alarm .main-footer {
position: absolute;
bottom: 70px;
left: 80px;
z-index: 2000;
color: #fff;
font-family: "GaramondC", serif;
font-size: 12px
}
.med-alarm .main-footer a {
color: #fff;
text-decoration: underline
}
.med-alarm .main-footer a:hover {
text-decoration: none
}
.med-alarm .med-alarm {
position: absolute;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
left: 70px;
bottom: 40px;
z-index: 2000;
font-size: 3vh;
line-height: 1.3;
font-family: "DIN Alternate", sans-serif;
color: #fff
}
.med-alarm .med-alarm span {
display: block;
font-size: 4vh
}
.med-alarm .alarm-svg {
position: absolute;
width: 100vh;
height: 100px;
z-index: 100;
top: 0;
left: 0;
font-family: "DIN Alternate", sans-serif
}
.med-alarm .alarm-svg text {
font-size: 3vh
}
.med-alarm .alarm-svg text:last-child {
font-size: 4vh
}
.med-alarm span {
display: block;
font-size: 4vh
}
.alarm-svg {
position: absolute;
width: 100vh;
height: 100px;
z-index: 100;
top: 0;
left: 0;
font-family: "DIN Alternate", sans-serif
}
.alarm-svg text {
font-size: 3vh
}
.alarm-svg text:last-child {
font-size: 4vh
}
.main-page .screen--1 .white-frame {
background-image: url("/assets/template/img/bg-main-screen-1.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center
}
.main-page .screen--1 .white-frame.bird {
background-image: url("/assets/template/img/main_bird_fon.jpg");
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
display: none;
-webkit-transition: .65s;
transition: .65s;
background-image: url("/assets/template/img/liver-frames/Liver_0.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 100px;
width: 600px;
height: 500px;
-webkit-transform: translate(45%);
transform: translate(45%);
z-index: 100
}
.main-page-new .screen--1 .liver-wrapper-absolute , .main-page .screen--1 .liver-wrapper-absolute {
position: absolute;
left: 10% !important;
top: 20px;
width: calc(100% - 100px);
height: calc(100% - 100px);
overflow: hidden
}
.main-page-new .screen--1 .liver-wrapper-relative , .main-page .screen--1 .liver-wrapper-relative {
position: relative;
width: 100%;
height: 100%
}
.main-page-new .screen--1 .livers , .main-page .screen--1 .liver {
background-image: url("/assets/template/img/liver-frames/Liver_0.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 100px;
width: 600px;
height: 500px;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.main-page-new .screen--1 .livers:after , .main-page .screen--1 .liver:after {
content: '';
position: absolute;
bottom: 50px;
left: 10%;
width: 80%;
height: 40px;
background-color: rgba(0, 0, 0, 0.7);
-webkit-filter: blur(30px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(30px);
border-radius: 50%;
z-index: 20
}
.main-page-new .screen--1 .livers.cursed , .main-page .screen--1 .liver.cursed {
background-image: url("/assets/template/img/liver-frames/Liver_cursed_24.png")
}
.main-page-new .screen--1 .livers.healty , .main-page .screen--1 .liver.healty {
background-image: url("/assets/template/img/liver-frames/Liver_0.png");
-webkit-transform: translate(45%);
transform: translate(45%)
}
.main-page-new .screen--1 .livers.go-back , .main-page .screen--1 .liver.go-back {
-webkit-transform: translate(0);
transform: translate(0)
}
.main-page-new .screen--1 .livers.flip-back , .main-page .screen--1 .liver.flip-back {
-webkit-animation: liverFlipInHealth .65s 1 ease-out;
animation: liverFlipInHealth .65s 1 ease-out
}
.main-page-new .screen--1 .livers.flip-back:after , .main-page .screen--1 .liver.flip-back:after {
-webkit-animation: liverShadowFlip .5s 1 ease-in-out;
animation: liverShadowFlip .5s 1 ease-in-out
}
.main-page-new .screen--1 .livers.flip-back:before , .main-page .screen--1 .liver.flip-back:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page-new .screen--1 .livers.flip-forward , .main-page .screen--1 .liver.flip-forward {
-webkit-animation: liverFlipInCurse .65s 1 ease-out;
animation: liverFlipInCurse .65s 1 ease-out
}
.main-page-new .screen--1 .livers.flip-forward:after , .main-page .screen--1 .liver.flip-forward:after {
-webkit-animation: liverShadowFlip .5s 1 ease-in-out;
animation: liverShadowFlip .5s 1 ease-in-out
}
.main-page-new .screen--1 .livers.flip-forward:before , .main-page .screen--1 .liver.flip-forward:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page .screen--1 .btn-container {
left: 100px;
bottom: 50px
}
.main-page .screen--1 .slide--1 .white-frame {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.main-page .screen--1 .slide--1 .header {
position: relative;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 20px;
z-index: 10
}
.main-page .screen--1 .slide--1 .flex-inner {
position: relative;
z-index: 100;
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding-top: 0px;
padding-left: 200px
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info.reduce-padding {
padding-top: 60px
}
.main-page .screen--1 .slide--1 .esslial-30 {
position: relative;
z-index: 10
}
.main-page .screen--1 .slide--1 .gray-circle {
z-index: 10;
top: 0;
left: 50px
}
.main-page .screen--1 .slide--1 .main-btn-wrapper {
position: relative;
z-index: 30;
top: -50px
}
.main-page-new .screen--1 .slide--2 , .main-page .screen--1 .slide--2 {
overflow: hidden
}
.main-page-new .screen--1 .slide--2 .white-frame.reduce-padding , .main-page .screen--1 .slide--2 .white-frame.reduce-padding {
padding-top: 50px
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
position: relative;
left: -100px;
z-index: 10;
-webkit-transition: .3s;
transition: .3s
}
.main-page-new .screen--1 .slide--2 .gray-circle , .main-page .screen--1 .slide--2 .gray-circle {
top: 80px;
left: -100px
}
.main-page-new .screen--1 .slide--2 .header-desc , .main-page .screen--1 .slide--2 .header-desc {
font-family: "GaramondC", serif;
text-transform: none;
color: #000;
background: none;
-webkit-background-clip: none;
-webkit-text-fill-color: #000;
font-size: 14px
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.main-page-new .screen--1 .slide--2 .main-btn-wrapper , .main-page .screen--1 .slide--2 .main-btn-wrapper {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 50px;
margin-left: 50px
}
.main-page-new .screen--1 .slide--2 .flash-wrapper .purple-wrapper , .main-page .screen--1 .slide--2 .flash-wrapper .purple-wrapper {
top: 25% !important;
left: 5% !important;
bottom: auto !important;
right: auto !important
}
.main-page-new .screen--1 .slide--2 .flash-wrapper .yellow-wrapper , .main-page .screen--1 .slide--2 .flash-wrapper .yellow-wrapper {
top: 55% !important;
left: 12% !important;
bottom: auto !important;
right: auto !important
}
.main-page-new .screen--1 .slide--2 .flash-wrapper .blue-wrapper , .main-page .screen--1 .slide--2 .flash-wrapper .blue-wrapper {
top: 3% !important;
left: 45% !important;
bottom: auto !important;
right: auto !important
}
.main-page-new .screen--1 .slide--2 .flash-wrapper .orange-wrapper , .main-page .screen--1 .slide--2 .flash-wrapper .orange-wrapper {
top: 15% !important;
left: auto !important;
bottom: auto !important;
right: 12% !important
}
.main-page-new .screen--1 .slide--2 .flash-wrapper .red-wrapper , .main-page .screen--1 .slide--2 .flash-wrapper .red-wrapper {
top: 38% !important;
left: auto !important;
bottom: auto !important;
right: 3% !important
}
.main-page-new .screen--1 .slide--2 .flash-wrapper .green-wrapper , .main-page .screen--1 .slide--2 .flash-wrapper .green-wrapper {
top: auto !important;
left: auto !important;
bottom: 25% !important;
right: 7% !important
}
.main-page-new .screen--1 .slide--2 .flash.flash--purple , .main-page .screen--1 .slide--2 .flash.flash--purple {
background-color: #d80c8c;
width: 100px;
height: 100px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-filter: blur(20px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(20px)
}
.main-page-new .screen--1 .slide--2 .flash.flash--yellow , .main-page .screen--1 .slide--2 .flash.flash--yellow {
background-color: #ffc71d;
width: 70px;
height: 70px;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-filter: blur(20px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(20px)
}
.main-page-new .screen--1 .slide--2 .flash.flash--blue , .main-page .screen--1 .slide--2 .flash.flash--blue {
background-color: #46a4d9;
width: 50px;
height: 50px;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-filter: blur(10px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(10px)
}
.main-page-new .screen--1 .slide--2 .flash.flash--orange , .main-page .screen--1 .slide--2 .flash.flash--orange {
background-color: #ff8200;
width: 60px;
height: 60px;
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
-webkit-filter: blur(10px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(10px)
}
.main-page-new .screen--1 .slide--2 .flash.flash--red , .main-page .screen--1 .slide--2 .flash.flash--red {
background-color: #ff0024;
width: 50px;
height: 50px;
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-filter: blur(5px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(5px)
}
.main-page-new .screen--1 .slide--2 .flash.flash--green , .main-page .screen--1 .slide--2 .flash.flash--green {
background-color: #6dd940;
width: 100px;
height: 100px;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-filter: blur(7px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(7px)
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
position: relative
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
position: absolute
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 .desc, .main-page .screen--1 .slide--3 .health-way.health-way--1 .desc,
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 .header , .main-page .screen--1 .slide--3 .health-way.health-way--1 .header {
left: 70px
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 .curve , .main-page .screen--1 .slide--3 .health-way.health-way--1 .curve {
width: 195px;
height: 145px;
left: auto;
right: 150px;
bottom: 60px
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 .curve .pulse-point , .main-page .screen--1 .slide--3 .health-way.health-way--1 .curve .pulse-point {
bottom: -12px;
left: -12px
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 .gray-circle , .main-page .screen--1 .slide--3 .health-way.health-way--1 .gray-circle {
-webkit-transform-origin: 10% 60%;
transform-origin: 10% 60%
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 .curve , .main-page .screen--1 .slide--3 .health-way.health-way--2 .curve {
width: 175px;
height: 104px
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 .curve .pulse-point , .main-page .screen--1 .slide--3 .health-way.health-way--2 .curve .pulse-point {
bottom: -12px;
right: -12px;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 .gray-circle , .main-page .screen--1 .slide--3 .health-way.health-way--2 .gray-circle {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 .gray-circle , .main-page .screen--1 .slide--3 .health-way.health-way--3 .gray-circle {
-webkit-transform-origin: 10% 40%;
transform-origin: 10% 40%;
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 .desc, .main-page .screen--1 .slide--3 .health-way.health-way--3 .desc,
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 .header , .main-page .screen--1 .slide--3 .health-way.health-way--3 .header {
top: 70px;
left: 50px
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 .curve , .main-page .screen--1 .slide--3 .health-way.health-way--3 .curve {
width: 129px;
height: 73px;
left: -85px;
bottom: 50px
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 .curve .pulse-point , .main-page .screen--1 .slide--3 .health-way.health-way--3 .curve .pulse-point {
top: -12px;
left: -12px;
-webkit-animation-delay: .6s;
animation-delay: .6s
}
.main-page-new .screen--1 .slide--3 .flash-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper {
z-index: 1001
}
.main-page-new .screen--1 .slide--3 .flash-wrapper .purple-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper .purple-wrapper {
position: absolute !important;
top: 10% !important;
left: auto !important;
bottom: auto !important;
right: 25% !important
}
.main-page-new .screen--1 .slide--3 .flash-wrapper .blue-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper .blue-wrapper {
position: absolute !important;
top: 3% !important;
left: 45% !important;
bottom: auto !important;
right: auto !important
}
.main-page-new .screen--1 .slide--3 .flash-wrapper .orange-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper .orange-wrapper {
position: absolute !important;
top: 40% !important;
left: 15% !important;
bottom: auto !important;
right: auto !important
}
.main-page-new .screen--1 .slide--3 .flash-wrapper .red-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper .red-wrapper {
position: absolute !important;
top: 38% !important;
left: auto !important;
bottom: auto !important;
right: 33% !important
}
.main-page-new .screen--1 .slide--3 .flash-wrapper .green-wrapper , .main-page .screen--1 .slide--3 .flash-wrapper .green-wrapper {
position: absolute !important;
top: auto !important;
left: auto !important;
bottom: 18% !important;
right: 7% !important
}
.main-page-new .screen--1 .slide--3 .flash.flash--purple , .main-page .screen--1 .slide--3 .flash.flash--purple {
background-color: #d80c8c;
width: 100px;
height: 100px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-filter: blur(30px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(30px)
}
.main-page-new .screen--1 .slide--3 .flash.flash--blue , .main-page .screen--1 .slide--3 .flash.flash--blue {
background-color: #46a4d9;
width: 50px;
height: 50px;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-filter: blur(10px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(10px)
}
.main-page-new .screen--1 .slide--3 .flash.flash--orange , .main-page .screen--1 .slide--3 .flash.flash--orange {
background-color: #ff8200;
width: 60px;
height: 60px;
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
-webkit-filter: blur(20px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(20px)
}
.main-page-new .screen--1 .slide--3 .flash.flash--red , .main-page .screen--1 .slide--3 .flash.flash--red {
background-color: #ff0024;
width: 50px;
height: 50px;
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-filter: blur(10px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(10px)
}
.main-page-new .screen--1 .slide--3 .flash.flash--green , .main-page .screen--1 .slide--3 .flash.flash--green {
background-color: #6dd940;
width: 100px;
height: 100px;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-filter: blur(7px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(7px)
}
.main-page-new .screen--1 .slide--3 .curve, .main-page .screen--1 .slide--3 .curve,
.main-page-new .screen--1 .slide--3 .desc, .main-page .screen--1 .slide--3 .desc,
.main-page-new .screen--1 .slide--3 .header , .main-page .screen--1 .slide--3 .header {
position: relative;
z-index: 1000
}
.main-page-new .screen--1 .slide--3 .header , .main-page .screen--1 .slide--3 .header {
margin-bottom: 15px;
font-size: 44px
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
margin-left: 2px;
font-family: "GaramondC", serif;
font-size: 14px;
line-height: 2
}
.main-page-new .screen--1 .slide--3 .gray-circle , .main-page .screen--1 .slide--3 .gray-circle {
width: 280px;
height: 280px;
left: 0;
top: -40px
}
.main-page-new .screen--1 .slide--3 .curve , .main-page .screen--1 .slide--3 .curve {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
bottom: 170px;
left: 210px;
-webkit-transition: .6s;
transition: .6s
}
.main-page-new .screen--1 .slide--3 .curve.active , .main-page .screen--1 .slide--3 .curve.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page-new .screen--1 .slide--3 .curve img , .main-page .screen--1 .slide--3 .curve img {
pointer-events: none;
width: 100%;
height: 100%
}
.main-page-new .screen--1 .slide--3 .curve .pulse-point , .main-page .screen--1 .slide--3 .curve .pulse-point {
position: absolute;
border-radius: 50%;
background-color: #fff;
width: 24px;
height: 24px;
-webkit-animation: curvePulsePoint 1s infinite;
animation: curvePulsePoint 1s infinite;
z-index: 10
}
.main-page-new .screen--1 .slide--3 .curve .pulse-point:after , .main-page .screen--1 .slide--3 .curve .pulse-point:after {
position: absolute;
content: '';
border-radius: 50%;
top: 6px;
left: 6px;
width: 12px;
height: 12px;
background-color: #168780;
z-index: 20
}
.main-page-new .screen--1 .slide--3 .btn-container , .main-page .screen--1 .slide--3 .btn-container {
position: absolute;
bottom: 100px;
left: auto;
right: 15%;
z-index: 200
}
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
font-size: 44px;
text-align: left;
position: absolute;
bottom: 50%;
margin-bottom: 0
}
.main-page .screen--1 .slide--4 .bird .header {
font-size:60px!important;
color:#272962;
}
.main-page-new .screen--1 .slide--4 .header p , .main-page .screen--1 .slide--4 .header p {
font-size: 1rem;
text-align: left !important;
-webkit-background-clip: text;
background-color: red;
}
.main-page-new .screen--1 .slide--4 .box-wrapper , .main-page .screen--1 .slide--4 .box-wrapper {
position: relative;
margin-bottom: -60px
}
.main-page .screen--1 .slide--4 .bird .box-wrapper{
position:static;
}
.main-page-new .screen--1 .slide--4 .golden-medal, .main-page .screen--1 .slide--4 .golden-medal,
.new-about-page .golden-medal {
display: none;
position: absolute;
top: -45%;
left: -50%;
width: 320px;
height: 320px;
border-radius: 50%;
background: -webkit-linear-gradient(315deg, #b99e5b 3%, #eec681 28%, #eec681 29%, #eec681 39%, #b99e5b 59%, #b99e5b 67%, #eec681 100%);
background: linear-gradient(135deg, #b99e5b 3%, #eec681 28%, #eec681 29%, #eec681 39%, #b99e5b 59%, #b99e5b 67%, #eec681 100%);
-webkit-transition: 1.2s;
transition: 1.2s;
-webkit-transition-delay: .6s;
transition-delay: .6s;
-webkit-transform: translateY(150px) scale(0);
transform: translateY(150px) scale(0)
}
.main-page .screen--1 .slide--4 .bird .golden-medal{
width: 780px;
height: 720px;
top: -186px;
left:-45%;
background:none;
}
.main-page-new .screen--1 .slide--4 .golden-medal.active, .main-page .screen--1 .slide--4 .golden-medal.active,
.new-about-page .golden-medal.active {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1)
}
.main-page-new .screen--1 .slide--4 .golden-medal:after, .main-page .screen--1 .slide--4 .golden-medal:after,
.new-about-page .golden-medal:after{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
width: 320px;
height: 320px;
background-image: url("/assets/template/img/golden-icon.png");
background-repeat: no-repeat;
background-position: center center
}
.main-page .screen--1 .slide--4 .bird .golden-medal:after{
background-image: url("/assets/template/img/main_bird.png");
width: 100%;
height: 100%;
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
position: relative;
left: -120px;
display: none;
-webkit-transition: .8s;
transition: .8s;
-webkit-transform: translateX(1100px);
transform: translateX(1100px);
text-align: left;
-ms-flex-item-align: start;
align-self: flex-start
}
.main-page-new .screen--1 .slide--4 .esslial-30.active , .main-page .screen--1 .slide--4 .esslial-30.active {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 160px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper .flex-inner , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper .flex-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:first-child , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:first-child {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
padding-right: 20px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .flex-inner , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .flex-inner {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .main-btn-wrapper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .main-btn-wrapper {
-ms-flex-item-align: end;
align-self: flex-end;
right: 95px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:last-child , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:last-child {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:last-child .main-btn-wrapper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:last-child .main-btn-wrapper {
-ms-flex-item-align: start;
align-self: flex-start
}
.main-page .factors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: 100%;
left: -50px;
z-index: 100
}
.main-page-new .factor-row , .main-page .factor-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.main-page-new .factor-row:first-child , .main-page .factor-row:first-child {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end
}
.main-page-new .factor-row:nth-child(2) , .main-page .factor-row:nth-child(2) {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center
}
.main-page-new .factor-row:not(:last-of-type) , .main-page .factor-row:not(:last-of-type) {
margin-bottom: 30px
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main-page-new .factor-item , .main-page .factor-item {
position: relative;
width: 100px;
height: 100px;
cursor: pointer;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.main-page-new .factor-item:hover .bg , .main-page .factor-item:hover .bg {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.main-page-new .factor-item:not(:last-of-type) , .main-page .factor-item:not(:last-of-type) {
margin-right: 150px
}
.main-page-new .factor-item.move-right , .main-page .factor-item.move-right {
-webkit-transform: translateX(250px);
transform: translateX(250px)
}
.main-page-new .factor-item.move-left , .main-page .factor-item.move-left {
-webkit-transform: translateX(-250px);
transform: translateX(-250px)
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
border-radius: 50%;
background: -webkit-linear-gradient(135deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
background: linear-gradient(-45deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
-webkit-transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100px;
background-repeat: no-repeat;
background-position: center center
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
position: absolute;
top: 0;
right: -370px;
width: 340px;
z-index: -1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.main-page-new .factor-item .info.active .desc, .main-page .factor-item .info.active .desc,
.main-page-new .factor-item .info.active .title , .main-page .factor-item .info.active .title {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page-new .factor-item .info.active--left .desc, .main-page .factor-item .info.active--left .desc,
.main-page-new .factor-item .info.active--left .title , .main-page .factor-item .info.active--left .title {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page-new .factor-item .title , .main-page .factor-item .title {
font-size: 30px;
text-transform: uppercase;
line-height: 1.3;
margin-bottom: 5px;
background: -webkit-linear-gradient(320deg, #24b1a8 10%, #0c6a64 100%);
background: linear-gradient(130deg, #24b1a8 10%, #0c6a64 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.main-page-new .factor-item .desc , .main-page .factor-item .desc {
font-family: "GaramondC", serif;
font-size: 14px;
line-height: 1.7;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.main-page-new .factor-item--1 .icon , .main-page .factor-item--1 .icon {
background-position: center 45%
}
.main-page-new .factor-item--1 .icon , .main-page .factor-item--1 .icon {
background-image: url("/assets/template/img/factor-icon-1.png")
}
.main-page-new .factor-item--2 .icon , .main-page .factor-item--2 .icon {
background-image: url("/assets/template/img/factor-icon-2.png")
}
.main-page-new .factor-item--3 .icon , .main-page .factor-item--3 .icon {
background-image: url("/assets/template/img/factor-icon-3.png")
}
.main-page-new .factor-item--4 .icon , .main-page .factor-item--4 .icon {
background-image: url("/assets/template/img/factor-icon-4.png")
}
.main-page-new .factor-item--5 .icon , .main-page .factor-item--5 .icon {
background-image: url("/assets/template/img/factor-icon-5.png")
}
.main-page-new .factor-item--6 .icon , .main-page .factor-item--6 .icon {
background-image: url("/assets/template/img/factor-icon-6.png")
}
.main-page .flash-wrapper {
position: absolute;
top: 50px;
left: 50px;
right: 50px;
bottom: 50px;
z-index: 10;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.main-page .flash {
display: block;
position: relative;
-webkit-transform: scale(0) !important;
transform: scale(0) !important;
border-radius: 50%;
-webkit-transition: .6s;
transition: .6s;
z-index: 100
}
.main-page .flash.active {
-webkit-transform: scale(1) !important;
transform: scale(1) !important
}
.main-page .screen--2 .molecule {
position: absolute;
bottom: 100px;
width: 40vw;
height: 60vh;
background-repeat: no-repeat;
background-size: contain;
z-index: 100;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.main-page .screen--2 .molecule.animate {
-webkit-animation: moleculeSpin 2s infinite;
animation: moleculeSpin 2s infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
.main-page .screen--2 .header {
margin-bottom: 20px
}
.main-page .screen--2 .desc {
font-family: "GaramondC", serif;
font-size: 14px;
line-height: 1.6;
height: 25vh;
}
.main-page .screen--2 .slide--1 .header-wrapper {
position: relative
}
.main-page .screen--2 .slide--1 .header-wrapper .gray-circle {
top: -40px;
right: 130px;
width: 140px;
height: 140px
}
.main-page .screen--2 .slide--1 .header {
display: inline-block;
position: relative;
z-index: 10
}
.main-page .screen--2 .slide--1 .header-desc {
position: relative;
z-index: 10
}
.main-page .screen--2 .slide--1 .gray-circle {
-webkit-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important
}
.main-page .screen--2 .slide--1 .flex-wrapper--about {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 0
}
.main-page .screen--2 .slide--1 .flex-wrapper--about .flex-inner {
position: relative;
height: auto;
padding-bottom: 35%;
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.main-page .screen--2 .slide--1 .flex-wrapper--about .main-btn-wrapper {
display: block;
position: relative;
z-index: 100;
margin-top: 40px;
margin-left: -40px;
-ms-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
bottom: 0;
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:first-child {
position: relative;
z-index: 150
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
padding-bottom: 0
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:first-child .flex-inner {
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:last-child .gray-circle {
bottom: 140px;
left: -70px;
width: 460px;
height: 460px
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:last-child .main-btn-wrapper {
position: relative;
margin-left: 0;
text-align: center
}
.main-page .screen--2 .slide--1 .white-frame {
background-image: url("/assets/template/img/bg-main-screen-2-1.jpg");
background-size: cover;
background-repeat: no-repeat
}
.main-page .screen--2 .slide--2 .flex-wrapper--phospho {
position: relative;
z-index: 100
}
.main-page .screen--2 .slide--2 .flex-wrapper--phospho .flex-inner {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.main-page .screen--2 .slide--2 .white-frame {
background-image: url("/assets/template/img/bg-main-screen-2-2.jpg");
background-size: cover;
background-repeat: no-repeat
}
.main-page .screen--2 .slide--2 .slide--2-inner {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
z-index: 300
}
.main-page .screen--2 .slide--2 .pollywog-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 35%;
top: 10%;
right: 0;
bottom: 0;
z-index: 100
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-parallax {
width: 100%;
height: 100%
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-1 {
left: 8% !important;
top: 5% !important
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-2 {
left: 12% !important;
top: 1%
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-3 {
left: 27% !important;
top: 8% !important
}
.main-page .screen--2 .slide--2 .desc {
width: 90%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-page .screen--2 .slide--2 .desc p:last-child {
right: 0;
bottom: 0;
}
.main-page .screen--2 .slide--2 .desc p {
max-width: 40%;
margin-top: 0;
position: absolute;
}
.main-page .screen--2 .slide--2 .main-btn-wrapper {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
bottom: 0;
left: -15px
}
.main-page .screen--2 .slide--2 .gray-circle {
width: 650px;
height: 650px
}
.main-page .screen--3 .slide--1 .white-frame {
background-image: url("/assets/template/img/bg-main-screen-3-1.jpg");
background-size: cover;
background-repeat: no-repeat;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.main-page .screen--3 .slide--1 .note {
position: absolute;
right: 30px;
bottom: 20px;
font-size: 12px;
font-family: "GaramondC", serif;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds {
position: relative;
left: -70px;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 100px
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds .flex-inner {
height: auto
}
.main-page .screen--3 .slide--1 .price {
margin-left: 40px
}
.main-page .screen--3 .slide--1 .another-meds {
margin-left: -80px;
margin-top: -50px;
margin-bottom: -30px
}
.main-page .screen--3 .slide--1 .box-wrapper {
position: relative
}
.main-page .screen--3 .slide--1 .green-circle {
top: -180px;
left: -50px
}
.main-page .screen--3 .slide--1 .green-circle span {
position: absolute;
left: 90px;
top: 60px;
color: #fff;
text-transform: uppercase;
font-size: 24px;
font-family: "DIN Alternate", sans-serif;
line-height: 1.5
}
.main-page .screen--3 .slide--1 .esslial-30 {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
left: -10px;
max-width: 361px;
z-index: 5;
margin-top: 20%;
margin-bottom: -30px;
}
.main-page .screen--3 .slide--1 .price {
margin-right: 70px;
-ms-flex-item-align: end;
align-self: flex-end;
color: #f11819 !important;
background: none;
-webkit-background-clip: #f11819 !important;
-webkit-text-fill-color: #f11819 !important
}
.main-page .screen--3 .slide--1 .main-btn-wrapper {
position: absolute;
left: -30px;
bottom: 55px;
width: 30%;
min-width: 200px;
text-align: center;
}
.main-page .screen--3 .slide--2 .white-frame {
background-image: url("/assets/template/img/bg-main-screen-3-2.jpg");
background-size: cover;
background-repeat: no-repeat
}
.main-page .screen--3 .slide--2 .flex-inner {
height: auto
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 100px
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one:first-child {
padding-left: 0
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one:last-child {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0
}
.main-page .screen--3 .slide--2 .esslial-boxes {
position: relative;
height: 450px;
left: 100%;
margin-top: 40px
}
.main-page .screen--3 .slide--2 .esslial-30 {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 30px;
right: -220px;
-webkit-transition: .5s ease-out;
transition: .5s ease-out;
-webkit-transform: translateX(500px);
transform: translateX(500px)
}
.main-page .screen--3 .slide--2 .esslial-30.translate {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page .screen--3 .slide--2 .esslial-30:first-of-type {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.main-page .screen--3 .slide--2 .esslial-30:last-of-type {
top: 130px;
right: -75px
}
.main-page .screen--3 .slide--2 .one-plus-one-wrapper {
margin-bottom: 40px
}
.main-page .screen--3 .slide--2 .one-plus-one {
margin-bottom: 30px
}
.main-page .screen--3 .slide--2 .header-desc {
margin-bottom: 0
}
.main-page .screen--3 .slide--2 .price {
-ms-flex-item-align: start;
align-self: flex-start;
color: #f11819 !important;
background: none;
-webkit-background-clip: #f11819 !important;
-webkit-text-fill-color: #f11819 !important;
margin-top: 50px;
margin-left: 25px
}
.main-page .screen--3 .slide--2 .price .counter-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.main-page .screen--3 .slide--2 .price .postfix {
display: inline
}
.main-page .screen--3 .slide--2 .switcher-wrapper {
position: relative;
left: -20px
}
.main-page .screen--3 .slide--2 .btn-and-instruction {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 100
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
margin-right: 20px;
top: 20px;
}
.main-page .screen--3 .slide--2 .instruction {
display: block;
font-size: 14px;
font-family: "GaramondC", serif;
line-height: 1.8;
text-decoration: underline;
cursor: pointer
}
.about-page .screen--1 .white-frame {
background-image: url("/assets/template/img/bg-main-screen-1.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center
}
.about-page .screen--1 .flex-wrapper--functions {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 100px;
padding-left: 0
}
.about-page .screen--1 .flex-inner {
height: auto
}
.about-page .screen--1 .desc {
font-size: 15px;
font-family: "GaramondC", serif;
line-height: 1.7
}
.about-page .screen--1 .liver {
background-image: url("/assets/template/img/liver-frames/Liver_0.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 0;
width: 640px;
height: 540px;
z-index: 2
}
.about-page .screen--1 .liver:after {
content: '';
position: absolute;
bottom: 150px;
left: 10%;
width: 80%;
height: 40px;
background-color: rgba(0, 0, 0, 0.7);
-webkit-filter: blur(30px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(30px);
border-radius: 50%;
z-index: 20
}
.about-page .screen--1 .functions .function-item {
position: absolute;
z-index: 10
}
.about-page .screen--1 .functions .function-item.function-item--first .gray-circle {
top: -65px;
left: -35px
}
.about-page .screen--1 .functions .function-item.function-item--second .gray-circle {
top: -65px;
left: -35px
}
.about-page .screen--1 .functions .function-item.function-item--third .gray-circle {
top: -65px;
left: -35px;
}
.about-page .screen--1 .functions .title {
position: relative;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 14px;
z-index: 2;
background: -webkit-linear-gradient(320deg, #24b1a8 10%, #0c6a64 100%);
background: linear-gradient(130deg, #24b1a8 10%, #0c6a64 100%);
background: -moz-linear-gradient(130deg, #026a64, #24b1a8);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
letter-spacing: 2px;
text-transform: uppercase
}
.about-page .screen--1 .functions .desc {
position: relative;
z-index: 2
}
.about-page .screen--1 .functions .gray-circle {
position: absolute;
-webkit-transform: none;
transform: none;
z-index: 1;
width: 215px;
height: 215px
}
.about-page .screen--2 .white-frame {
background-image: url("/assets/template/img/bg-about-screen-2.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
display: block;
height: calc(100vh - 50px);
padding-top: 50px
}
.about-page .screen--2 .container-fluid {
height: 100%
}
.about-page .screen--2 .container-fluid .row {
height: 100%;
position: relative
}
.about-page .screen--2 .symptoms-wrapper {
position: static;
z-index: 20
}
.about-page .screen--2 .symptoms-nav {
position: absolute;
top: -50px;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.about-page .screen--2 .symptoms-nav .flex-wrapper {
padding-left: 0
}
.about-page .screen--2 .symptoms-nav .row {
height: 100%
}
.about-page .screen--2 .symptoms {
position: relative;
top: 100px;
height: calc(100vh - 100px);
width: 100%
}
.about-page .screen--2 .symptom-item {
position: absolute;
font-size: 22px;
font-style: italic;
font-family: "GaramondC", serif;
line-height: 1.7;
text-align: center;
display: none
}
.about-page .screen--2 .fp-slidesNav {
display: none
}
.about-page .screen--2 .header-desc {
margin-bottom: 55px
}
.about-page .screen--2 .sub-back {
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: 95% 0;
top: 0;
bottom: 0;
left: 0%;
right: 5%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: .3s;
transition: .3s
}
.about-page .screen--2 .sub-back.sub-back--1 {
background-image: url("/assets/template/img/sub-back-1.png")
}
.about-page .screen--2 .sub-back.sub-back--2 {
background-image: url("/assets/template/img/sub-back-2.png")
}
.about-page .screen--2 .sub-back.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.about-page .screen--2 .main-btn-wrapper {
margin-left: -30px;
margin-top: 70px
}
.about-page .screen--2 .slide--1 .symptom-item:first-child {
top: 5%;
left: -10%
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(2) {
top: 8%;
right: 5%
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(3) {
top: 18%;
left: 0
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(4) {
top: 26%;
right: 10%
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(5) {
top: 35%;
left: 10%
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(6) {
top: 45%;
left: 15%
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(7) {
top: 58%;
left: 0
}
.about-page .screen--2 .slide--1 .symptom-item:nth-child(8) {
top: 73%;
right: 5%
}
.about-page .screen--2 .slide--2 .symptom-item:first-child {
top: 55%;
left: 10%
}
.about-page .screen--2 .slide--2 .symptom-item:nth-child(2) {
top: 52%;
right: 40%
}
.about-page .screen--2 .slide--2 .symptom-item:nth-child(3) {
top: 65%;
left: 25%
}
.about-page .screen--2 .slide--2 .symptom-item:nth-child(4) {
top: 70%;
right: 30%
}
.about-page .screen--2 .slide--2 .symptom-item:nth-child(5) {
top: 75%;
left: 10%
}
.about-page .screen--2 .slider-wrapper {
position: relative;
z-index: 10
}
.about-page .screen--2 .slider-wrapper .fp-slides {
overflow: visible !important
}
.about-page .screen--2 .slider-wrapper .flex-wrapper {
padding-top: 0
}
.about-page .screen--2 .slider-wrapper .flex-inner {
position: relative;
height: 100%
}
.about-page .screen--2 .flex-wrapper {
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
padding-top: 230px;
padding-left: 0
}
.about-page .screen--2 .flex-inner {
height: auto
}
.about-page .screen--2 .desc {
font-size: 14px;
font-family: "GaramondC", serif;
line-height: 1.7
}
.about-page .screen--2 .btn-switcher-wrapper {
margin-bottom: 50px;
max-width: 560px;
width: 100%
}
.about-page .screen--3 .white-frame {
background-image: url("/assets/template/img/bg-about-screen-3.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
display: block;
height: calc(100vh - 50px);
padding-top: 50px
}
.about-page .screen--3 .container-fluid {
height: 100%
}
.about-page .screen--3 .container-fluid .row {
height: 100%;
position: relative
}
.about-page .screen--3 .header-desc {
margin-bottom: 55px
}
.about-page .screen--3 .main-btn-wrapper {
margin-left: -30px;
margin-top: 70px
}
.about-page .screen--3 .flex-wrapper--r-factors {
height: calc(100vh - 100px);
padding-left: 0
}
.about-page .screen--3 .r-factor-wrapper {
position: static
}
.about-page .screen--3 .r-factor-nav {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.about-page .screen--3 .r-factor-nav .flex-wrapper {
padding-left: 0
}
.about-page .screen--3 .r-factor-nav .row {
height: 100%
}
.about-page .screen--3 .r-factors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.about-page .screen--3 .r-factor-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
max-width: 40%;
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.about-page .screen--3 .r-factor-item.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.about-page .screen--3 .r-factor-item .title {
font-size: 22px;
font-style: italic;
line-height: 1.7;
font-family: "GaramondC", serif;
margin-top: 20px
}
.about-page .screen--3 .r-factor-item .icon {
width: 30vh;
height: 30vh;
max-height: 285px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain
}
.about-page .screen--3 .slider-wrapper .fp-slides {
overflow: visible !important
}
.about-page .screen--3 .slide .white-frame {
padding-top: 0
}
.about-page .screen--3 .flex-inner {
height: auto
}
.about-page .screen--3 .desc {
font-size: 14px;
font-family: "GaramondC", serif;
line-height: 1.7
}
.about-page .screen--4 .slide {
overflow: auto
}
.about-page .screen--4 .fp-slidesNav {
display: none
}
.about-page .screen--4 .white-frame {
background-image: url("/assets/template/img/bg-about-screen-4.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
display: block;
height: calc(100vh - 50px);
padding-top: 50px
}
.about-page .screen--4 .main-btn-wrapper {
margin-left: -30px;
margin-top: 70px
}
.about-page .screen--4 .flex-inner {
height: auto
}
.about-page .screen--4 .header-desc {
margin-bottom: 55px
}
.about-page .screen--4 .desc {
font-size: 14px;
font-family: "GaramondC", serif;
line-height: 1.7
}
.about-page .screen--4 .container-fluid {
height: 100%;
top: -50px;
}
.about-page .screen--4 .container-fluid .row {
height: 100%;
position: relative
}
.about-page .screen--4 .steps-wrapper {
position: static;
z-index: 20
}
.about-page .screen--4 .slider-wrapper {
position: relative;
z-index: 10
}
.about-page .screen--4 .slider-wrapper .fp-slides {
overflow: visible !important
}
.about-page .screen--4 .slider-wrapper .flex-wrapper {
padding-top: 0;
padding-left: 0
}
.about-page .screen--4 .slider-wrapper .flex-inner {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.about-page .screen--4 .steps-nav {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100
}
.about-page .screen--4 .steps-nav .row {
height: 100%
}
.about-page .screen--4 .steps-nav .flex-wrapper {
padding-left: 0
}
.about-page .screen--4 .steps-nav-dots {
padding-left: 60px;
margin-left: 0
}
.about-page .screen--4 .step-dot {
position: absolute;
left: -60px;
bottom: 4px;
border-radius: 50%;
background-color: #fff;
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.about-page .screen--4 .step-dot:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #168780;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: scale(0);
transform: scale(0)
}
.about-page .screen--4 .step-item {
position: relative;
font-size: 22px;
font-family: "GaramondC", serif;
font-style: italic;
cursor: pointer
}
.about-page .screen--4 .step-item:not(:last-of-type) {
margin-bottom: 30px
}
.about-page .screen--4 .step-item:active .step-dot:after,
.about-page .screen--4 .step-item:focus .step-dot:after,
.about-page .screen--4 .step-item:hover .step-dot:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.about-page .screen--4 .step-item.active .step-dot:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.about-page .screen--4 .step-number {
position: absolute;
right: 0;
top: calc(50% - 35vh);
font-size: 80vh;
line-height: 1.1;
font-family: "Facebook Letter Faces", sans-serif;
color: #e79900;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 2
}
.about-page .screen--4 .step-info {
padding-left: 20%
}
.about-page .screen--4 .step-header {
position: relative;
z-index: 10;
font-size: 80px;
margin-left: -7px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.about-page .screen--4 .step-desc {
position: relative;
font-size: 14px;
font-family: "GaramondC", serif;
line-height: 1.7;
z-index: 10;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.about-page .screen--4 .step-desc:after {
content: '';
position: absolute;
top: 9px;
left: -20px;
width: 6px;
height: 6px;
border-radius: 50%;
background-image: -webkit-linear-gradient(129deg, white 0%, #b99e5b 0%, #eec681 39%, #b99e5b 100%)
}
.about-page .screen--4 .step-desc-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.about-page .screen--4 .step-desc-wrapper .step-desc {
width: 45%;
margin-bottom: 15px
}
.about-page .screen--2 .flex-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-align-items: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.about-page .screen--2 .main-btn-wrapper {
display: block
}
.faq-page + #fp-nav {
display: none
}
.faq-page .spec-photo {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(/assets/template/img/spec.png);
background-repeat: no-repeat;
background-position: 45% 100%;
}
.faq-page .screen .white-frame {
background-image: url("/assets/template/img/bg-faq.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center
}
.faq-page .screen .header-desc {
margin-bottom: 17vh
}
.faq-page .screen .flex-wrapper {
padding-left: 0;
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 100
}
.faq-page .screen .flex-wrapper:last-child {
padding-left: 100px
}
.faq-page .screen .flex-inner {
height: auto
}
.faq-page .screen .spec {
font-family: "GaramondC", serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.faq-page .screen .spec .name {
position: relative;
font-size: 22px;
line-height: 1.6;
font-style: italic;
}
.faq-page .screen .main-btn-wrapper.modal--ask-btn {
position: absolute;
bottom: 20vh;
right: 0px;
width: 100%;
}
.faq-page .screen .questions {
position: relative;
bottom: -80px;
font-size: 22px;
line-height: 1.6;
font-family: "GaramondC", serif;
font-style: italic;
padding-left: 30px;
margin-left: 0
}
.faq-page .screen .questions .q-item {
position: relative;
cursor: pointer
}
.faq-page .screen .questions .q-item:hover {
text-decoration: underline
}
.faq-page .screen .questions .q-item:not(:last-of-type) {
margin-bottom: 30px
}
.faq-page .screen .questions .q-item:after {
content: '';
position: absolute;
left: -30px;
top: 11px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #168780;
background-image: -webkit-linear-gradient(55deg, white 0%, #b99e5b 0%, #eec681 39%, #b99e5b 100%);
background-image: linear-gradient(35deg, white 0%, #b99e5b 0%, #eec681 39%, #b99e5b 100%)
}
.faq-page .screen .questions .q-item .hidden-answer {
display: none
}
.faq-page .screen .main-btn-wrapper {
position: absolute;
bottom: 20%
}
.tests-page .screen {
background-image: url("/assets/template/img/bg-test.jpg");
background-size: cover;
background-repeat: no-repeat;
width: calc(100% - 100px);
left: 50px;
top: 20px;
right: 50px;
padding-left: 0;
padding-right: 0
}
.tests-page .white-frame {
display: block
}
.tests-page .giant-number {
position: absolute;
font-family: "Facebook Letter Faces", sans-serif;
font-size: 90vh;
text-align: center;
color: #fff;
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
z-index: 10;
top: -40%;
bottom: 0;
left: 0;
right: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tests-page .main-btn-wrapper {
z-index: 15
}
.tests-page .test-cont-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tests-page .slide--1 .test-item {
font-size: 22px;
font-family: "GaramondC", serif;
line-height: 1.6;
font-style: italic;
cursor: pointer
}
.tests-page .slide--1 .test-item:hover {
text-decoration: underline
}
.tests-page .slide--1 .test-item:not(:last-of-type) {
margin-bottom: 10px
}
.tests-page .slide--1 .liver-test {
position: relative;
left: -50px
}
.tests-page .slide--question .overflow-color {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.tests-page .slide--question .overflow-color .right-block {
background-image: -webkit-linear-gradient(321deg, #e1e1e1 0%, #ececec 34%, #f7f7f7 99%);
background-image: linear-gradient(129deg, #e1e1e1 0%, #ececec 34%, #f7f7f7 99%)
}
.tests-page .slide--question .giant-number {
top: -20%;
left: 25%
}
.tests-page .slide--question .test-cont-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
padding-top: 15%;
}
.tests-page .slide--question .test-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.tests-page .slide--question .question-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 60px
}
.tests-page .slide--question .question-wrapper .header {
position: relative;
font-size: 30px;
margin-bottom: 50px;
z-index: 20
}
.tests-page .slide--question .question-wrapper .main-btn-wrapper .main-btn {
z-index: 30
}
.tests-page .slide--question .question-wrapper .main-btn-wrapper .shadow {
z-index: 20;
}
.tests-page .shadow {
top: 10px;
}
.test-wrapper .back-to-test-list {
right: 0 !important;
margin-top: 30px;
}
.tests-page .slide--1 .test-item {
display: inline-block;
position: relative;
background: #168780;
color: #fff;
border: none;
border-radius: 50px;
min-width: 190px;
font-family: "DIN Alternate", sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
padding: 15px 35px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
font-style: normal;
margin-top: 20px;
text-decoration: none !important;
}
.tests-page .slide--1 .test-item:hover {
background: #12716b;
}
.tests-page .slide--question .answers-list {
position: relative;
z-index: 20;
padding-left: 40px;
margin-left: 0;
margin-bottom: 80px
}
.tests-page .slide--question .answer-item {
position: relative;
font-size: 22px;
line-height: 1.6;
font-family: "GaramondC", serif;
font-style: italic;
cursor: pointer
}
.tests-page .slide--question .answer-item:not(:last-of-type) {
margin-bottom: 50px
}
.tests-page .slide--question .answer-item:active .answer-dot:after,
.tests-page .slide--question .answer-item:focus .answer-dot:after,
.tests-page .slide--question .answer-item:hover .answer-dot:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.tests-page .slide--question .answer-item.active .answer-dot:after {
-webkit-transform: scale(1);
transform: scale(1)
}
.tests-page .slide--question .answer-item input {
visibility: hidden;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.tests-page .slide--question .answer-dot {
position: absolute;
left: -40px;
top: 7px;
border-radius: 50%;
background-color: #fff;
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.tests-page .slide--question .answer-dot:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #168780;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: scale(0);
transform: scale(0)
}
.tests-page .slide--question .result-desc {
z-index: 20;
font-size: 18px;
font-family: "GaramondC", serif;
font-style: italic;
line-height: 1.6;
margin-bottom: 50px
}
.location-page .screen {
background-image: url(/assets/template/img/bg-map.jpg);
background-size: cover;
background-repeat: no-repeat;
left: 20px;
right: 20px;
width: calc(100% - 40px);
padding-left: 0;
padding-right: 0
}
.location-page #map {
width: 100%;
min-height: 400px
}
.location-page .map-header {
margin: 0 50px 20px 10%;
width: calc(90% - 50px) !important;
}
.location-page .location-wrapper {
position: absolute;
left: 0;
right: 0;
top: 50px;
bottom: 50px;
overflow: hidden;
padding-top: 170px;
padding-bottom: 100px
}
.location-page .map-point-wrapper {
overflow-x: hidden;
overflow-y: auto;
padding-right: 0
}
.location-page .point-item {
padding: 10px;
font-family: "GaramondC", serif;
line-height: 1.6;
font-size: 14px;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
border-radius: 15px;
cursor: pointer
}
.location-page .point-item:hover {
background: #fff
}
.location-page .point-item:not(:last-of-type) {
margin-bottom: 20px
}
.location-page .point-item .title {
font-size: 22px;
text-transform: uppercase;
color: #168780;
font-style: italic
}
.location-page .city-btn-wrapper {
font-size: 22px;
font-family: "GaramondC", serif;
font-style: italic;
padding-top: 15px
}
.location-page .city-btn-wrapper .city-btn {
position: relative;
display: inline-block;
color: #168780;
cursor: pointer;
text-transform: capitalize
}
.location-page .city-btn-wrapper .city-btn:after {
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: -10px;
border: 1px solid #168780
}
.location-page .city-search {
position: relative
}
.location-page .city-search input {
position: relative;
width: 100%;
background-color: #fff;
border-radius: 30px;
padding: 15px 40px;
font-family: "GaramondC", serif;
z-index: 2
}
.location-page .city-search .shadow {
position: absolute;
left: 0;
right: 0;
bottom: -10px;
z-index: 1;
width: 100%;
height: 30px;
border-radius: 50%;
background-color: #777;
-webkit-filter: blur(15px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(15px)
}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #168780
}
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
background-color: white
}
.modal {
position: fixed;
top: 0;
left: 50px;
right: 50px;
bottom: 0;
z-index: 0;
display: none;
overflow: hidden;
z-index: 3000
}
.modal.modal--instruction {
left: 0;
right: 0
}
.modal.modal--instruction .white-frame {
height: 100vh
}
.modal.modal--instruction .wrapper {
background-image: url("/assets/template/img/bg-modal-instruction.jpg");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.modal.modal--instruction .header {
margin-bottom: 60px;
font-size: 44px
}
.modal.modal--instruction .instruction-wrapper {
padding-top: 0;
padding-left: 0;
padding-right: 0;
height: 100%
}
.modal.modal--instruction .instruction-wrapper .row {
height: 100%
}
.modal.modal--instruction .instruction-part {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.modal.modal--instruction .instruction-items .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.modal.modal--instruction .instruction-items .item:not(:last-of-type) {
margin-bottom: 40px
}
.modal.modal--instruction .instruction-items .item .icon {
width: 100px;
height: 100px;
background: -webkit-linear-gradient(315deg, #f7f7f7 0%, #e1e1e1 100%);
background: linear-gradient(135deg, #f7f7f7 0%, #e1e1e1 100%);
border-radius: 50%;
position: relative;
margin-right: 30px;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.modal.modal--instruction .instruction-items .item .icon .icon-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: 50% 50%
}
.modal.modal--instruction .instruction-items .item .desc .first-stroke {
font-family: "GaramondC", serif;
font-size: 22px;
line-height: 1.6;
font-style: italic;
margin-bottom: 10px
}
.modal.modal--instruction .instruction-items .item .desc .second-stroke {
font-size: 32px;
font-family: "FuturaDemiC", sans-serif;
text-transform: uppercase;
background: -webkit-linear-gradient(320deg, #24b1a8 10%, #0c6a64 100%);
background: linear-gradient(130deg, #24b1a8 10%, #0c6a64 100%);
background: -moz-linear-gradient(130deg, #026a64, #24b1a8);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
letter-spacing: 2px;
text-transform: uppercase
}
.modal.modal--instruction .esslial-boxes-wrapper {
position: relative;
left: -150px;
bottom: -120px
}
.modal.modal--instruction .esslial-30:last-of-type {
margin-top: -320px;
margin-left: -150px
}
.modal.modal--instruction .main-btn-wrapper {
-ms-flex-item-align: start;
align-self: flex-start;
left: -300px;
bottom: 13px
}
.modal.modal--instruction .main-btn-wrapper.main-btn-wrapper--modal-close {
left: 0;
bottom: 0;
top: 30px;
-ms-flex-item-align: end;
align-self: flex-end
}
.modal.modal--instruction .main-btn-wrapper.main-btn-wrapper--modal-close .main-btn {
background-color: #fff;
color: #168780
}
.modal.modal--instruction .main-btn-wrapper.main-btn-wrapper--modal-close .main-btn:hover {
background-color: #f7f7f7
}
.modal.modal--ask {
position: absolute;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.modal.modal--ask.active {
display: -webkit-box;
display: -ms-flexbox;
text-align: center;
display: flex
}
.modal.modal--ask .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
height: 100%;
max-height: 100%;
overflow: auto;
padding: 50px 0 10px 0;
}
.modal.modal--ask .close-btn {
position: relative;
width: 50px;
height: 50px;
left: calc(50% - 25px);
fill: #168780;
cursor: pointer;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
margin: 0 auto;
margin-bottom: 30px;
margin-top: 20px;
}
.modal.modal--ask .close-btn:hover {
fill: #000
}
.modal.modal--ask .form-item-wrapper {
position: relative
}
.modal.modal--ask .form-item-wrapper .shadow {
position: absolute;
bottom: -5px;
background-color: #777;
-webkit-filter: blur(15px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(15px);
width: 100%;
height: 20px;
z-index: 100
}
.modal.modal--ask .form-item {
width: 100%;
position: relative;
display: block;
border-radius: 30px;
background: #fff;
height: 50px;
padding: 10px 40px;
z-index: 103;
font-family: "GaramondC", serif
}
.modal.modal--ask textarea.form-item {
display: block;
height: 120px;
margin-top: 20px;
line-height: 1.6
}
.modal.modal--ask .ask-alert {
margin: 20px 0;
font-family: "GaramondC", serif;
font-size: 12px;
line-height: 1.7;
color: #989898
}
.modal.modal--ask .main-btn-wrapper {
padding: 0;
display: inline-block;
}
.modal--ask .shadow {
margin-top: 7px;
}
.modal.modal--ask .main-btn-wrapper .main-btn {
z-index: 200;
margin: auto;
}
.modal.modal--ask-desc {
background-color: #168780;
color: #fff;
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
right: 0;
bottom: 0;
left: 0;
top: 0;
height: 100vh
}
.modal.modal--ask-desc.active {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
.modal.modal--ask-desc .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100vh;
overflow: auto
}
.modal.modal--ask-desc .ask-desc {
position: relative;
width: 100%
}
.modal.modal--ask-desc .ask-desc:not(:last-of-type) {
margin-bottom: 50px
}
.modal.modal--ask-desc .ask-desc .header {
font-size: 44px;
color: #fff;
-webkit-background-clip: none;
-moz-background-clip: none;
-webkit-text-fill-color: #fff;
margin-bottom: 20px
}
.modal.modal--ask-desc .ask-desc .desc {
font-family: "GaramondC", serif;
font-size: 22px;
line-height: 1.6
}
.modal.modal--ask-desc .ask-desc .desc p {
margin-top: 0;
margin-bottom: 30px
}
.modal.modal--ask-desc .ask-desc .desc ul {
padding-left: 20px
}
.modal.modal--ask-desc .ask-desc .desc ul li {
list-style: disc
}
.modal.modal--ask-desc .main-btn-wrapper {
position: absolute;
right: 0;
top: 0
}
.modal.modal--ask-desc .main-btn-wrapper .main-btn {
background: #fff;
color: #168780
}
.modal.modal--ask-desc .main-btn-wrapper .main-btn:hover {
background: #eaeaea
}
.calc-wrapper .form-item {
width: 100%;
position: relative;
display: block;
border-radius: 30px;
background-image: none !important;
background-color: #fff;
height: 50px;
padding: 10px 40px;
z-index: 103;
font-family: "GaramondC", serif;
margin-bottom: 30px
}
.calc-form {
margin-top: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-align-items: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.calc-form .form-item-wrapper {
width: 100%
}
.calc-form .main-btn-wrapper .main-btn {
cursor: pointer
}
.calc-form .answers {
width: 100%;
margin-top: 50px;
max-height: 20vh;
overflow-y: scroll
}
.calc-form .answer-wrapper {
margin-bottom: 20px;
width: 100%
}
.index-test-item {
font-family: 'GaramondC';
margin-top: 5px;
font-size: 12px;
line-height: 1.6
}
@media (min-width: 1921px) {
.main-page .screen .white-frame {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important
}
.about-page .screen .white-frame {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important
}
.about-page .container-fluid {
width: 100%
}
.about-page .screen--2 .symptoms-wrapper {
margin: auto 0
}
.about-page .screen--3 .r-factor-nav {
top: 15%
}
.about-page .screen--4 .step-number {
font-size: 50vh;
top: calc(50% - 22vh)
}
.tests-page .test-cont-wrapper {
padding-top: 150px;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.tests-page .giant-number {
font-size: 60vh
}
.faq-page .screen .white-frame {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.faq-page .screen .spec .name {
bottom: 0
}
.hi-res-height {
max-height: 750px;
position: relative
}
.liver-wrapper-absolute {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width: 1650px) {
.white-frame {
padding-left: 150px;
padding-right: 60px
}
.btn-switcher-wrapper .btn-switcher {
font-size: 18px
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding-top: 0px;
padding-left: 100px
}
.main-page .screen--1 .slide--1 .esslial-30 {
width: 500px
}
.main-page .screen--1 .slide--1 .main-btn-wrapper {
top: -70px
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
width: 70px;
height: 70px
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
width: 40px;
height: 40px;
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
background-size: contain
}
.main-page-new .factor-row:not(:last-of-type) , .main-page .factor-row:not(:last-of-type) {
margin-bottom: 10px;
margin-right: 0
}
.main-page-new .factor-item:not(:last-of-type) , .main-page .factor-item:not(:last-of-type) {
margin-right: 90px
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
right: -300px;
width: 300px
}
.main-page-new .factor-item .info .title , .main-page .factor-item .info .title {
font-size: 22px
}
.main-page .second-in-row .info {
right: -450px
}
.main-page .second-in-row .info .desc,
.main-page .second-in-row .info .title {
text-align: right
}
.main-page .second-in-row .info.active--left .desc,
.main-page .second-in-row .info.active--left .title {
-webkit-transform: translateX(-180px);
transform: translateX(-180px);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page-new .factor-item.move-right , .main-page .factor-item.move-right {
-webkit-transform: translateX(200px);
transform: translateX(200px)
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
padding-left: 0
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
margin-left: 300px;
bottom: 0
}
.main-page-new .screen--1 .slide--3 .btn-container , .main-page .screen--1 .slide--3 .btn-container {
bottom: 50px
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
width: 550px;
left: 0
}
.main-page-new .screen--1 .slide--4 .golden-medal, .main-page .screen--1 .slide--4 .golden-medal,
.new-about-page .golden-medal {
width: 200px;
height: 200px;
top: -45%;
left: -100px
}
.main-page-new .screen--1 .slide--4 .golden-medal:after, .main-page .screen--1 .slide--4 .golden-medal:after,
.new-about-page .golden-medal:after {
width: 120px;
height: 120px;
background-size: contain;
top: 40px;
bottom: 40px;
left: 40px;
right: 40px
}
.main-page .btn-mouse {
display: none
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds {
padding-bottom: 50px
}
.main-page .screen--3 .slide--1 .another-meds {
width: 800px
}
.main-page .screen--3 .slide--1 .esslial-30 {
width: 550px
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds {
padding-bottom: 20px
}
.main-page .screen--3 .slide--2 .esslial-boxes {
width: 400px;
height: 400px;
left: 30%;
}
.main-page .screen--3 .slide--2 .esslial-30 {
width: 500px;
top: 60px;
right: -170px
}
.main-page .screen--3 .slide--2 .btn-switcher-wrapper {
width: 70%
}
.main-page .screen--3 .slide--2 .btn-switcher-wrapper .btn-switcher {
font-size: 14px
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one {
padding-bottom: 2%
}
.main-page .screen--3 .slide--2 .header-desc {
font-size: 18px
}
.main-page .screen--3 .slide--2 .one-plus-one {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0.8);
transform: scale(0.8)
}
.about-page .screen--2 .flex-wrapper--symptoms {
padding-top: 200px
}
.about-page .screen--2 .slider-wrapper .flex-wrapper {
padding-left: 200px
}
.about-page .screen--2 .symptom-item {
font-size: 16px;
position: static;
line-height: 2;
text-align: left;
list-style: circle
}
.about-page .screen--2 .symptom-item:not(:last-child) {
margin-bottom: 10px
}
.about-page .screen--2 .symptom-item br {
display: none
}
.about-page .screen--2 .symptoms {
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.about-page .symptoms {
margin-left: -100px
}
.about-page .screen--2 .header {
margin-bottom: 20px
}
.about-page .screen--2 .header br {
display: none
}
.about-page .screen--2 .header-desc {
margin-bottom: 30px;
font-size: 18px
}
.about-page .screen--2 .main-btn-wrapper {
margin-top: 30px
}
.about-page .screen--2 .btn-switcher-wrapper {
margin-bottom: 30px;
max-width: 480px;
width: 100%
}
.faq-page .spec-photo {
background-size: 40%
}
.faq-page .screen .header-desc {
margin-bottom: 40px
}
.faq-page .screen .questions {
bottom: auto;
font-size: 18px
}
.modal.modal--instruction .esslial-30 {
width: 550px;
margin-left: -50px
}
.modal.modal--instruction .esslial-30:last-of-type {
margin-top: -250px
}
.tests-page .header-desc {
font-size: 18px;
margin-bottom: 30px
}
.tests-page .slide--1 .test-item {
font-size: 18px
}
.tests-page .slide--1 .liver-test {
-webkit-transform: scale(0.8);
transform: scale(0.8);
left: -120px
}
.tests-page .slide--question .question-wrapper {
margin-top: -50px
}
.tests-page .slide--question .question-wrapper .header {
margin-bottom: 30px
}
.tests-page .slide--question .answers-list {
margin-bottom: 30px
}
.tests-page .slide--question .answer-item {
font-size: 18px
}
.tests-page .slide--question .answer-item:not(:last-of-type) {
margin-bottom: 20px
}
.tests-page .slide--question .test-cont-wrapper {
padding-top: 50px
}
.tests-page .slide--question .result-desc {
font-size: 16px;
margin-bottom: 30px
}
}
@media (max-width: 1199px) {
body {
overflow: auto
}
.bottom-border {
display: none
}
.preloader-sheet {
top: 0;
left: 0;
right: 0;
bottom: 0
}
#fp-nav {
display: none !important
}
.main-header {
left: 0;
right: 0;
top: 0;
z-index: 2000
}
.logo {
padding: 0
}
.burger {
position: absolute;
right: 0;
top: 0;
width: 90px;
background: #fff
}
.burger-icon span {
background: #168780
}
.burger .title {
margin-top: 19px
}
.main-nav {
position: absolute;
left: 0;
right: 0;
top: 100px;
bottom: 0;
height: calc(100vh - 100px);
display: none;
padding: 0
}
.main-nav:after {
content: '';
width: 100%;
height: 1px;
background-color: #168780;
position: absolute;
display: block;
z-index: 100;
top: 0
}
.main-nav .wrapper {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
background-color: #fff;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 3;
padding-top: 30px
}
.main-btn-wrapper {
margin-left: -20px !important
}
.main-btn-wrapper .main-btn {
padding: 10px 20px
}
.main-footer .instruction {
display: block;
margin-top: 5px;
text-decoration: underline;
cursor: pointer
}
.main-footer .instruction:hover {
text-decoration: none
}
.med-alarm {
width: 100vh;
font-size: calc((100vh - 210px) * 0.0395);
bottom: -35px;
left: 20px;
position: fixed
}
.med-alarm span {
font-size: calc((100vh - 210px) * 0.0525)
}
.main-footer {
left: 18%;
bottom: 5%;
position: fixed
}
.liver-wrapper-absolute {
display: none
}
.screen {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat
}
.white-frame {
height: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 0
}
.slide .white-frame {
background: none !important
}
.slide .white-frame.bird {
background: url(/assets/template/img/main_bird_fon.jpg)!important;
margin-top:0;
}
.flex-inner {
height: auto
}
.header {
padding-left: 0 !important;
text-align: center;
}
.main-page .screen {
overflow: hidden
}
.main-page .screen:not(:last-of-type):before,
.main-page .screen:not(:last-of-type):after {
content: '';
position: absolute;
bottom: -2px;
height: 4px;
width: 100vw;
background: -webkit-linear-gradient(321deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
background: linear-gradient(129deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
z-index: 100;
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.main-page .screen--1 {
background-image: url(/assets/template/img/bg-main-screen-1.jpg);
padding-top: 100px
}
.main-page .screen--1 .white-frame .container {
width: 100%
}
.main-page .header-desc {
margin-bottom: 20px;
font-size: 18px
}
.main-page .factors {
left: 0;
margin-top: 0
}
.main-page-new .factor-row , .main-page .factor-row {
margin-bottom: 0 !important
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.main-page-new .factor-row:last-child , .main-page .factor-row:last-child {
display: none
}
.main-page-new .factor-row:nth-child(2) .factor-item:nth-child(2) , .main-page .factor-row:nth-child(2) .factor-item:nth-child(2) {
display: none
}
.main-page-new .factor-row:first-child , .main-page .factor-row:first-child {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center
}
.main-page-new .factor-item , .main-page .factor-item {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 10px !important
}
.main-page-new .factor-item .title , .main-page .factor-item .title {
font-size: 24px
}
.main-page-new .factor-item .desc , .main-page .factor-item .desc {
font-size: 12px
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
position: static
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
position: static;
margin-right: 20px
}
.main-page .second-in-row .info .desc,
.main-page .second-in-row .info .title {
text-align: left
}
.main-page .screen--1 .slide--1 .flex-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.main-page .screen--1 .slide--1 .main-btn-wrapper {
display: none
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding-left: 0
}
.main-page .screen--1 .slide--1 .esslial-30 {
margin-bottom: -70px;
margin-left: -10px
}
.main-page-new .screen--1 .slide--2 .main-btn-wrapper , .main-page .screen--1 .slide--2 .main-btn-wrapper {
text-align: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-left: 0;
margin-top: 10px
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
position: static;
margin-left: 0;
margin-bottom: 10px
}
.main-page-new .screen--1 .slide--2 .header .header-desc , .main-page .screen--1 .slide--2 .header .header-desc {
margin-top: 5px;
margin-bottom: 0;
font-size: 14px !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
position: static;
margin-bottom: 20px
}
.main-page-new .screen--1 .slide--3 .health-way br , .main-page .screen--1 .slide--3 .health-way br {
display: none
}
.main-page-new .screen--1 .slide--3 .desc, .main-page .screen--1 .slide--3 .desc,
.main-page-new .screen--1 .slide--3 .header , .main-page .screen--1 .slide--3 .header {
position: static;
margin-left: 0;
margin-bottom: 0
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
padding-right: 0;
max-width: 400px
}
.main-page-new .screen--1 .slide--3 .curve, .main-page .screen--1 .slide--3 .curve,
.main-page-new .screen--1 .slide--3 .gray-circle , .main-page .screen--1 .slide--3 .gray-circle {
display: none
}
.main-page-new .screen--1 .slide--3 .btn-container , .main-page .screen--1 .slide--3 .btn-container {
position: static;
text-align: left
}
.main-page-new .screen--1 .slide--4 , .main-page .screen--1 .slide--4 {
padding-bottom: 30px
}
.main-page-new .screen--1 .slide--4 .golden-medal.active, .main-page .screen--1 .slide--4 .golden-medal.active,
.new-about-page .golden-medal.active {
display: none !important
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
height: auto
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:last-child .main-btn-wrapper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:last-child .main-btn-wrapper {
display: none
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .main-btn-wrapper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .main-btn-wrapper {
position: relative;
left: auto;
right: auto;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 0
}
.main-page-new .screen--1 .slide--4 .box-wrapper , .main-page .screen--1 .slide--4 .box-wrapper {
margin-bottom: 0
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
position: static;
width: 400px;
margin-bottom: -50px;
margin-top: 30px;
display: block;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: none;
transform: none
}
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
font-size: 32px !important;
text-align: left;
-ms-flex-item-align: start;
align-self: flex-start;
position: static;
margin-bottom: 20px
}
.main-page-new .screen--1 .slide--4 .white-frame .container , .main-page .screen--1 .slide--4 .white-frame .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.main-page-new .screen--1 .slide--4 .white-frame .container .row , .main-page .screen--1 .slide--4 .white-frame .container .row {
height: auto
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding-bottom: 0
}
.main-page .screen--2 {
background-image: url(/assets/template/img/bg-main-screen-2-1.jpg);
background-attachment: fixed;
padding-top: 50px;
padding-bottom: 20px
}
.main-page .screen--2 .slide--2 .pollywog-wrapper {
opacity: .4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}
.main-page .screen--2 .molecule {
display: none
}
.main-page .screen--2 .gray-circle {
display: none
}
.main-page .screen--2 .slide--1 .desc {
margin-bottom: 30px;
max-height: 100%
}
.main-page .screen--2 .slide--1 .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.main-page .screen--2 .slide--1 .container .row {
height: auto
}
.main-page .screen--2 .slide--1 .flex-wrapper--about {
height: auto
}
.main-page .screen--2 .slide--1 .flex-wrapper--about .flex-inner {
padding-bottom: 0;
height: auto
}
.main-page .screen--2 .slide--1 .flex-wrapper--about .main-btn-wrapper {
position: relative;
margin-top: 0;
margin-left: -20px
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:last-child .main-btn-wrapper {
margin-top: 30px;
margin-left: -20px;
right: auto
}
.main-page .screen--2 .slide--1 .flex-wrapper--about:first-child .flex-inner {
padding-top: 0;
height: auto
}
.main-page .screen--2 .slide--2 .desc {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
height: auto;
max-height: 100%
}
.main-page .screen--2 .slide--2 .desc p {
width: 100%;
max-width: 100%
}
.main-page .screen--2 .slide--2 .desc p:not(:first-child) {
margin-top: 20px
}
.main-page .screen--2 .slide--2 .main-btn-wrapper {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
left: auto;
top: auto;
bottom: auto
}
.main-page .screen--2 .slide--2 .slide--2-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main-page .screen--3 {
background-image: url(/assets/template/img/bg-main-screen-3-1.jpg);
background-attachment: fixed;
padding-top: 20px;
padding-bottom: 70px
}
.main-page .screen--3 .slide--1 .white-frame {
padding-bottom: 0
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds {
height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
position: static;
padding: 0
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds:last-child {
padding: 0
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds .flex-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.main-page .screen--3 .slide--1 .price {
display: none
}
.main-page .screen--3 .slide--1 .header {
margin-bottom: 15px
}
.main-page .screen--3 .slide--1 .esslial-30 {
width: 300px;
margin-bottom: -60px
}
.main-page .screen--3 .slide--1 .another-meds {
position: absolute;
top: 167%;
left: 41%;
width: 450px;
z-index: 10
}
.main-page .screen--3 .slide--1 .green-circle {
width: 200px;
height: 200px;
left: calc(50% - 50px);
top: -15%
}
.main-page .screen--3 .slide--1 .green-circle span {
font-size: 18px !important;
left: 45px;
top: 30px
}
.main-page .screen--3 .slide--1 .main-btn-wrapper {
display: none
}
.main-page .screen--3 .slide--1 .box-wrapper {
display: none
}
.main-page .screen--3 .slide--2 .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.main-page .screen--3 .slide--2 .container .row {
width: auto;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one {
height: auto;
padding: 0;
display: block
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
width: auto
}
.main-page .screen--3 .slide--2 .one-plus-one-wrapper {
margin-bottom: 0;
margin-left: 0
}
.main-page .screen--3 .slide--2 .one-plus-one {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
margin-bottom: -20px
}
.main-page .screen--3 .slide--2 .header-desc {
font-size: 14px;
text-align: left;
margin-top: 10px;
margin-bottom: -30px;
margin-right: -30px
}
.main-page .screen--3 .slide--2 .esslial-boxes {
margin-top: 0;
margin-left: -30px;
max-width: 400px;
max-height: 300px;
width: 100%
}
.main-page .screen--3 .slide--2 .esslial-30 {
max-width: 450px;
max-height: 250px;
height: 100%;
right: -90px;
bottom: 0;
-webkit-transform: none;
transform: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main-page .screen--3 .slide--2 .esslial-30:last-child {
right: 0;
top: 90px
}
.main-page .screen--3 .slide--2 .switcher-wrapper {
display: none
}
.main-page .screen--3 .slide--2 .price {
display: none
}
.main-page .screen--3 .slide--2 .btn-and-instruction {
left: auto;
top: auto
}
.about-page .header,
.about-page .header-desc {
margin-bottom: 20px
}
.about-page .screen .white-frame {
height: auto;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px
}
.about-page .screen .white-frame .container-fluid {
padding: 0
}
.about-page .screen:not(:last-of-type):before,
.about-page .screen:not(:last-of-type):after {
content: '';
position: absolute;
bottom: -2px;
height: 4px;
width: 100vw;
background: -webkit-linear-gradient(321deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
background: linear-gradient(129deg, #0c6a64 0%, #188e86 34%, #24b1a8 100%);
z-index: 100;
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.about-page .screen:not(:last-of-type):before {
background: #fff;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 99
}
.about-page .screen--1 .white-frame {
padding-top: 150px
}
.about-page .screen--1 .flex-wrapper--functions {
padding-top: 0
}
.about-page .screen--1 .flex-wrapper--functions:last-child .liver {
display: none
}
.about-page .screen--1 .flex-wrapper--functions .functions {
margin-top: 30px
}
.about-page .screen--1 .flex-wrapper--functions .functions .title {
font-size: 24px;
margin-bottom: 5px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
position: static
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item:not(:last-of-type) {
margin-bottom: 15px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .gray-circle {
display: none
}
.about-page .screen--2 .sub-back {
background-position: 50% 50%;
background-size: cover;
right: 0
}
.about-page .screen--2 .btn-switcher-wrapper {
display: none
}
.about-page .screen--2 .symptoms-nav {
position: static
}
.about-page .screen--2 .symptoms-nav .flex-wrapper {
padding-top: 0
}
.about-page .screen--2 .symptoms {
position: static;
margin-left: 0;
margin-top: 15px;
height: auto
}
.about-page .screen--2 .symptom-item {
display: block;
position: relative;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
padding-left: 20px
}
.about-page .screen--2 .symptom-item:after {
content: '';
position: absolute;
left: 0;
top: 13px;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #000
}
.about-page .screen--2 .slider-wrapper {
margin-top: 30px;
padding-top: 0;
padding-bottom: 0
}
.about-page .screen--2 .slider-wrapper .flex-wrapper {
padding: 0
}
.about-page .screen--3 .r-factor-nav {
position: static
}
.about-page .screen--3 .flex-wrapper--r-factors {
height: auto
}
.about-page .screen--3 .r-factors {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px
}
.about-page .screen--3 .r-factor-item {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
margin-right: 20px
}
.about-page .screen--4 .white-frame {
padding-bottom: 100px
}
.about-page .screen--4 .slider-wrapper {
margin-top: 0
}
.about-page .screen--4 .slide {
overflow: visible;
height: auto
}
.about-page .screen--4 .slide:not(:last-of-type) {
margin-bottom: 20px
}
.about-page .screen--4 .steps-nav {
position: static
}
.about-page .screen--4 .steps-nav-dots {
display: none
}
.about-page .screen--4 .step-number {
opacity: .3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
font-size: 100px;
top: 50px
}
.about-page .screen--4 .step-info {
padding-left: 0
}
.about-page .screen--4 .step-header {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
margin-left: 0 !important
}
.about-page .screen--4 .step-desc {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
padding-left: 20px
}
.about-page .screen--4 .step-desc:after {
left: 0
}
.modal {
left: 0;
right: 0
}
.modal.modal--instruction {
z-index: 1000
}
.modal.modal--instruction .header {
margin-bottom: 30px
}
.modal.modal--instruction .wrapper {
position: static;
min-height: 100%;
height: 100%;
background-size: cover;
background-attachment: fixed;
overflow: auto
}
.modal.modal--instruction .white-frame {
background-color: #fff;
padding: 0;
padding-top: 100px;
margin-top: 0;
min-height: 100vh;
height: 100%;
overflow-y: scroll;
display: block
}
.modal.modal--instruction .instruction-part {
padding-top: 0;
height: auto;
overflow: hidden
}
.modal.modal--instruction .instruction-part:first-child {
padding-top: 50px
}
.modal.modal--instruction .instruction-part:last-child {
padding-top: 100px;
padding-bottom: 130px
}
.modal.modal--instruction .instruction-items .item:not(:last-of-type) {
margin-bottom: 20px
}
.modal.modal--instruction .esslial-boxes-wrapper {
position: static
}
.modal.modal--instruction .esslial-30 {
width: 400px;
margin-left: 70px;
margin-bottom: -90px
}
.modal.modal--instruction .esslial-30:last-child {
margin-top: -80px;
margin-left: 0
}
.modal.modal--instruction .main-btn-wrapper {
left: auto;
right: auto;
bottom: auto;
top: auto;
margin-left: 0 !important
}
.modal.modal--instruction .main-btn-wrapper.main-btn-wrapper--modal-close {
top: -50px;
bottom: 0;
left: 0;
right: auto;
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 0 !important
}
.modal.modal--ask-desc {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
max-height: 100%
}
.modal.modal--ask-desc .wrapper {
height: 100%;
max-height: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 50px;
padding-bottom: 50px
}
.modal.modal--ask-desc .ask-desc:not(:last-of-type) {
margin-bottom: 0
}
.modal.modal--ask-desc .ask-desc .desc {
font-size: 18px
}
.faq-page {
min-height: 100vh
}
.faq-page .spec-photo {
display: none
}
.faq-page .screen {
height: 100vh;
max-height: 100%
}
.faq-page .screen .white-frame {
height: 100%;
padding-top: 100px
}
.faq-page .screen .white-frame .container {
height: auto
}
.faq-page .screen .header {
margin-bottom: 10px
}
.faq-page .screen .header-desc {
font-size: 18px;
margin-bottom: 0
}
.faq-page .screen .spec .name,
.faq-page .screen .spec .job {
display: none
}
.faq-page .screen .flex-wrapper:last-child {
padding-top: 50px;
padding-left: 0;
padding-bottom: 100px
}
.faq-page .screen .flex-wrapper:last-child .flex-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.faq-page .screen .questions .q-item:not(:last-of-type) {
margin-bottom: 20px
}
.faq-page .screen .main-btn-wrapper.modal--ask-btn {
position: relative;
bottom: auto;
left: auto
}
.faq-page .screen .main-btn-wrapper {
position: relative;
bottom: auto;
left: auto;
margin-top: 30px;
-ms-flex-item-align: start;
align-self: flex-start
}
.tests-page .screen {
width: 100%;
left: 0;
right: 0;
background: none;
overflow: hidden
}
.tests-page .white-frame {
padding-left: 100px
}
.tests-page .slide {
background-image: -webkit-linear-gradient(321deg, #e1e1e1 0%, #ececec 34%, #f7f7f7 99%);
background-image: linear-gradient(129deg, #e1e1e1 0%, #ececec 34%, #f7f7f7 99%)
}
.tests-page .slide--1 {
background-image: url(/assets/template/img/bg-test.jpg)
}
.tests-page .slide--1 {
padding-top: 100px
}
.tests-page .slide--1 .liver-wrapper {
display: none
}
.tests-page .test-wrapper .main-btn-wrapper {
display: none
}
.tests-page .slide--1 .test-wrapper {
display: block !important
}
.tests-page .slide:not(.slide--2) .test-wrapper {
display: none
}
.tests-page .slide--question {
position: relative
}
.tests-page .slide--question:last-child {
padding-bottom: 100px
}
.tests-page .slide--question:last-child .giant-number {
left: auto;
right: 10%
}
.tests-page .slide--question .giant-number {
top: 0;
left: 20%;
right: auto;
font-size: 250px
}
.tests-page .slide--question .test-cont-wrapper {
padding-top: 0
}
.tests-page .slide--question .test-wrapper {
padding-top: 0
}
.tests-page .slide--question .answers-list {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.tests-page .slide--question .question-wrapper {
margin-top: 0;
padding-left: 15px
}
.tests-page .slide--question .question-wrapper .next-question {
display: none
}
.location-page {
height: 100%
}
.location-page .screen {
width: 100%;
height: 100%;
left: 0;
right: 0;
background-image: url(/assets/template/img/bg-map.jpg);
background-repeat: no-repeat;
background-size: cover
}
.location-page .location-wrapper {
top: 100px;
padding-top: 50px;
bottom: 0;
padding-bottom: 100px;
max-height: 100%;
overflow: auto
}
.location-page #map {
margin-top: 40px
}
.location-page .city-search input {
margin-top: 30px
}
.main-page .screen--3 .slide--1 .note {
display: none
}
.about-page .screen--4 .slider-wrapper .flex-inner,
.about-page .screen--2 .slider-wrapper .flex-inner {
height: auto
}
.location-page .city-btn-wrapper .city-btn:after {
display: none
}
.mobile-liver {
width: 240px;
height: 200px;
background-image: url(/assets/template/img/liver-frames/Liver_0.png);
background-size: contain;
background-repeat: no-repeat;
margin-top: -20px;
margin-bottom: -30px
}
.main-page .screen--1 .slide--1 .white-frame {
padding-bottom: 0
}
}
@media (max-width: 991px) {
.white-frame {
padding-left: 130px
}
.fp-slidesNav {
left: 90px;
bottom: 50px !important
}
.fp-slidesNav ul li:not(:last-of-type) {
margin-right: 20px
}
.main-page .fp-slidesNav {
left: 135px;
bottom: 110px !important
}
}
@media (max-width: 575px) {
.logo {
padding-right: 90px;
padding-left: 30px;
font-size: 20px
}
.fp-tableCell {
height: 100% !important;
padding: 0 !important
}
.header {
font-size: 24px !important;
margin-bottom: 10px
}
.header-desc {
margin-bottom: 10px;
font-size: 14px !important
}
.header-desc br {
display: none
}
.desc {
font-size: 14px !important
}
.desc br {
display: none
}
.white-frame {
padding-left: 70px
}
.main-btn-wrapper .main-btn {
font-size: 12px !important;
padding: 10px 20px
}
.main-footer {
bottom: 20px;
left: 70px;
font-size: 9px !important
}
.med-alarm {
bottom: -20px;
left: 15px
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding-top: 0
}
.main-page .screen--1 .slide--1 .esslial-30 {
width: 300px
}
.main-page-new .factor-item .info .title, .main-page .factor-item .info .title,
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
font-size: 18px !important
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
width: 180px
}
.main-page .screen--3 .slide--2 .header-desc br {
display: block
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
width: 300px
}
.main-page .screen--3 .slide--2 .esslial-boxes {
width: 300px;
height: 250px;
margin-left: -100px
}
.main-page .screen--3 .slide--2 .esslial-30 {
width: 300px;
height: 180px;
right: -50px
}
.main-page .screen--3 .slide--2 .btn-and-instruction {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
margin-bottom: 20px;
-ms-flex-item-align: start;
align-self: flex-start
}
.about-page .screen--1 .flex-wrapper--functions .functions .title {
font-size: 16px
}
.about-page .screen--2 .symptom-item {
font-size: 9px
}
.about-page .screen--2 .symptom-item:after {
top: 5px
}
.about-page .screen--3 .white-frame {
padding-left: 20%;
padding-top: 50px
}
.about-page .screen--3 .header-desc {
font-size: 14px;
margin-bottom: 10px
}
.about-page .screen--3 .desc {
font-size: 12px
}
.about-page .screen--3 .desc br {
display: none
}
.about-page .screen--3 .r-factors {
display: block
}
.about-page .screen--3 .r-factor-item {
width: 100%;
max-width: 100%;
display: block;
margin-bottom: 5px;
padding-left: 15px;
position: relative
}
.about-page .screen--3 .r-factor-item:before {
content: '';
position: absolute;
left: 0px;
top: 7px;
width: 4px;
height: 4px;
border-radius: 50%;
border: 1px solid #000
}
.about-page .screen--3 .r-factor-item .title {
width: 100%;
max-width: 100%;
font-size: 12px;
text-align: left;
margin: 0
}
.about-page .screen--3 .r-factor-item .title br {
display: none
}
.about-page .screen--3 .r-factor-item .icon {
display: none
}
.about-page .screen--3 .main-btn-wrapper {
margin-top: 10px;
margin-left: -25px
}
.about-page .screen--3 .flex-wrapper--r-factors,
.about-page .screen--3 .slide .container,
.about-page .screen--3 .r-factor-nav {
padding-left: 0;
padding-right: 0
}
.about-page .screen--4 .step-desc {
font-size: 10px
}
.about-page .screen--4 .step-number {
top: 35px;
font-size: 72px
}
.modal.modal--instruction .instruction-part {
padding-left: 80px
}
.modal.modal--instruction .instruction-part:last-child {
padding-top: 70px
}
.modal.modal--instruction .instruction-items .item .icon {
width: 50px;
height: 50px;
margin-right: 15px
}
.modal.modal--instruction .instruction-items .item .icon .icon-image {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
background-size: contain
}
.modal.modal--instruction .instruction-items .item .desc .first-stroke {
font-size: 14px;
margin-bottom: 5px;
line-height: 1
}
.modal.modal--instruction .instruction-items .item .desc .second-stroke {
font-size: 18px;
line-height: 1
}
.modal.modal--instruction .esslial-boxes-wrapper {
margin-bottom: 30px
}
.modal.modal--instruction .esslial-30 {
width: 270px;
margin-left: 50px;
margin-top: -30px
}
.modal.modal--instruction .esslial-30:last-child {
margin-top: -30px
}
.modal.modal--ask .wrapper {
padding: 50px 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.modal.modal--ask .form-item-wrapper {
width: 85%
}
.modal.modal--ask .form-item {
font-size: 12px
}
.modal.modal--ask .ask-alert {
padding-left: 20px;
padding-right: 20px
}
.modal.modal--ask .ask-alert br {
display: none
}
.modal.modal--ask .main-btn-wrapper {
margin-left: 0 !important
}
.modal.modal--ask .main-btn-wrapper .shadow {
display: none
}
.faq-page .screen {
height: auto
}
.tests-page .white-frame {
padding-left: 60px
}
.tests-page .slide--question .result-desc,
.tests-page .slide--question .answer-item,
.tests-page .slide--1 .test-item {
font-size: 14px
}
.tests-page .slide--question .answer-dot {
top: 2px
}
.tests-page .slide--question:last-child {
padding-bottom: 50px
}
.location-page .location-wrapper {
padding-left: 70px;
padding-right: 20px
}
}
@media (max-width: 374px) {
.about-page .screen--4 .step-desc-wrapper {
display: block
}
.about-page .screen--4 .step-desc-wrapper .step-desc {
width: 100%
}
}
@media (max-width: 320px) {
.mobile-liver {
width: 230px;
height: 160px;
margin: 0
}
.med-alarm {
font-size: calc((100vh - 210px) * 0.0457)
}
.med-alarm span {
font-size: calc((100vh - 210px) * 0.0605)
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
display: none
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
width: 8px;
height: 8px;
margin-top: 6px;
margin-right: 10px
}
.main-page-new .factor-item:not(:last-of-type) , .main-page .factor-item:not(:last-of-type) {
margin-bottom: 10px
}
.main-page .screen--2 .slide--2 .header br {
display: none
}
.main-page .screen--3 .slide--2 .esslial-boxes {
width: 280px;
margin-left: -140px;
margin-bottom: -20px
}
.main-page .screen--3 .slide--2 .esslial-30 {
width: 250px;
height: auto
}
.main-page .screen--3 .slide--1 .header-desc {
width: 200px
}
.faq-page .screen .white-frame {
background-size: cover;
min-height: 100%;
height: 100%
}
.faq-page .screen .flex-wrapper {
padding-top: 30px
}
.faq-page .screen .flex-wrapper:last-child {
padding-top: 30px;
padding-bottom: 50px
}
.faq-page .screen .questions {
font-size: 14px
}
.faq-page .screen .questions .q-item:not(:last-of-type) {
margin-bottom: 15px
}
.faq-page .screen .questions .q-item br {
display: none
}
.faq-page .screen .main-btn-wrapper.modal--ask-btn {
margin-top: 10px
}
.modal.modal--instruction .wrapper {
overflow: auto
}
.modal.modal--instruction .instruction-part:last-child {
padding-top: 0;
padding-bottom: 80px;
margin-top: 20px
}
.modal.modal--instruction .esslial-boxes-wrapper {
display: none
}
.modal.modal--instruction .esslial-30 {
width: 200px;
margin-top: 0;
margin-bottom: 0
}
.modal.modal--instruction .esslial-30:last-child {
margin-top: 0;
margin-bottom: 0
}
.modal.modal--instruction .main-btn-wrapper.main-btn-wrapper--modal-close {
top: auto;
margin-bottom: 20px
}
}
.mCSB_container,
p.desc {
color: #000
}
.about-page .screen--2 .sub-back.sub-back--1 {
background-image: url("/assets/template/img/sub-back-1-mirror.png")
}
.burger.open {
background: none
}
.burger:hover {
background: none
}
.burger {
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
background: #168780
}
.burger-icon.open span {
background: #168780
}
.burger .title {
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
margin-top: 9px;
margin-bottom: 9px
}
.burger:hover .title {
opacity: 0
}
.fp-slidesNav ul li a {
background-color: #969696
}
.fp-slidesNav ul li a.active span {
background-color: #fff
}
.about-page .screen--4 .step-dot {
background-color: #969696
}
.about-page .screen--4 .step-dot:after {
background-color: #fff
}
#fp-nav ul li a {
background-color: #969696
}
#fp-nav ul li a.active span {
background-color: #fff
}
.tablet-br-block {
display: none
}
@media (max-width: 1199px) {
.burger {
background: none;
padding-bottom: 20px;
padding-top: 20px;
margin-right: 45px
}
.burger .title {
display: none
}
.logo {
font-family: 'DIN Alternate', sans-serif;
font-size: 19px;
font-weight: 700;
letter-spacing: 0;
margin-left: 0;
-ms-align-items: left;
align-items: left;
height: 75px;
font-weight: bold
}
.logo span {
font-family: 'MuseoSansCyrl-300', sans-serif;
font-size: 11px;
font-weight: 300;
margin-left: 30px;
margin-top: 5px
}
.main-header {
padding-left: 80px;
background-color: #fff;
width: 100%;
}
.main-nav {
top: 75px
}
.main-nav .wrapper {
background-color: #168780
}
.main-link {
font-family: 'FuturaDemiC', sans-serif;
color: #fff;
font-size: 32px;
font-weight: 400;
display: block;
width: 100%;
padding: 40px 0;
text-align: center;
line-height: 27px
}
.main-nav .main-link:hover {
color: #fff
}
.main-nav .main-link.active {
color: #168780;
background-color: #fff
}
.med-alarm {
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
background-color: #fff;
color: #000;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.346em;
text-align: center;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 10px;
padding-top: 10px
}
.med-alarm span {
font-size: 18px;
letter-spacing: 0.34em
}
.main-footer {
font-family: 'Arial', sans-serif;
position: relative;
top: -24px;
left: 0;
margin-bottom: 88px;
padding: 0 60px 10px;
color: #000;
font-size: 14px;
font-weight: 400;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: space-between;
background: transparent;
z-index: 0
}
.main-footer .instruction {
display: none
}
.main-footer a {
color: #000
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding: 0 15px
}
.main-page .screen--1 .slide--1 .header {
font-family: 'FuturaDemiC', sans-serif;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 30px;
margin: auto;
text-align: center;
font-size: 48px !important;
font-weight: 400;
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3
}
.mobile-liver {
width: 493px;
height: 324px;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
background-image: url(/assets/template/img/tablet-img/liver-mobile.png);
margin-top: 15px
}
.mobile-tablets {
width: 387px;
height: 312px;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
background-image: url(/assets/template/img/tablet-img/tablets-mobile.png);
margin-top: 155px;
margin-bottom: -70px
}
.screen--1 .white-frame {
padding-left: 0px
}
.main-page .screen--1 .slide--1 .flex-inner {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center
}
.main-page .screen--1 {
padding-top: 75px;
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.main-page-new .screen--1 .slide--2 , .main-page .screen--1 .slide--2 {
background: #fff
}
.main-page-new .screen--1 .slide--3 , .main-page .screen--1 .slide--3 {
background: #fff
}
.main-page-new .screen--1 .slide--4 , .main-page .screen--1 .slide--4 {
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
font-family: 'FuturaDemiC', sans-serif;
position: relative;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: none;
color: #fff;
background: #168780;
-webkit-text-fill-color: #fff;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
padding: 23px 30px !important;
margin-bottom: 0
}
.main-page-new .screen--1 .slide--2 .header:before , .main-page .screen--1 .slide--2 .header:before {
position: absolute;
top: 0;
left: -30px;
background-color: #168780;
content: '';
width: 30px;
height: 100%
}
.main-page-new .screen--1 .slide--2 .header:after , .main-page .screen--1 .slide--2 .header:after {
position: absolute;
top: 0;
right: -30px;
background-color: #168780;
content: '';
width: 30px;
height: 100%
}
.main-page-new .screen--1 .slide--2 .header .header-desc , .main-page .screen--1 .slide--2 .header .header-desc {
display: none
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: space-between;
margin-top: 35px;
padding-left: 30px
}
.factor-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
padding-right: 30px
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
width: 103px;
height: 103px;
margin: 0;
margin-bottom: 35px
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
width: 60px;
height: 60px;
left: 22px;
top: 19px
}
.main-page-new .factor-item .info , .main-page .factor-item .info {
width: 100%
}
.factor-item .info h3 {
font-family: 'FuturaDemiC', sans-serif !important;
font-size: 32px !important;
font-weight: 400
}
.factor-item .info p {
font-family: 'Arial', sans-serif !important;
font-size: 20px !important;
font-weight: 400
}
.main-page-new .factor-row:nth-child(2) .factor-item:nth-child(2) , .main-page .factor-row:nth-child(2) .factor-item:nth-child(2) {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex
}
.main-page-new .factor-row:last-child , .main-page .factor-row:last-child {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
padding-left: 15px
}
.main-btn-wrapper .shadow {
display: none
}
#screen-1-slide-3 {
display: none
}
.whats-help {
font-family: 'FuturaDemiC', sans-serif;
width: 100%;
background-color: #168780;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
color: #ffffff;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px;
margin-bottom: 10px
}
.main-page .screen--1 .white-frame .container {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
.screen--1 .white-frame {
padding-top: 0
}
.white-frame {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.main-page-new .screen--1 .slide--3 .header , .main-page .screen--1 .slide--3 .header {
font-family: 'FuturaDemiC', sans-serif;
margin-top: 70px;
color: #168780;
font-size: 32px !important;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 15px
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
font-family: 'Arial', sans-serif;
color: #000000;
font-size: 20px !important;
font-weight: 400;
line-height: 35px
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
width: 100%;
max-width: none;
padding-left: 45px;
padding-right: 15px
}
.flex-wrapper--health-way .flex-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start
}
.flex-wrapper--health-way #screen-1-slide-4 {
display: none
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
margin-bottom: 0;
width: 50%;
padding-right: 30px
}
#screen-2-slide-1 {
display: none
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding-right: 0 !important;
padding-left: 45px;
justify-content: flex-start
}
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
font-family: 'FuturaDemiC', sans-serif;
text-align: right;
-ms-align-self: flex-end;
align-self: flex-end;
margin-bottom: 0;
margin-top: 90px;
color: #168780;
font-size: 36px !important;
font-weight: 400;
line-height: 46px;
text-transform: uppercase
}
.slide--3 .white-frame {
padding-bottom: 100px
}
.slide--4 .white-frame {
padding-top: 200px
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
position: relative;
width: 550px;
z-index: 1
}
.main-page-new .screen--1 .slide--4 .box-wrapper:after , .main-page .screen--1 .slide--4 .box-wrapper:after {
content: '';
position: absolute;
top: -140px;
left: -92px;
display: block;
width: 258px;
height: 258px;
border-radius: 50%;
background: -webkit-linear-gradient(315deg, #b99e5b 3%, #eec681 28%, #eec681 29%, #eec681 39%, #b99e5b 59%, #b99e5b 67%, #eec681 100%);
background: linear-gradient(135deg, #b99e5b 3%, #eec681 28%, #eec681 29%, #eec681 39%, #b99e5b 59%, #b99e5b 67%, #eec681 100%)
}
.main-page-new .screen--1 .slide--4 .box-wrapper:before , .main-page .screen--1 .slide--4 .box-wrapper:before {
content: '';
position: absolute;
top: -140px;
left: -92px;
display: block;
width: 258px;
height: 258px;
border-radius: 50%;
background-image: url("/assets/template/img/golden-icon.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 135px 125px;
background-size: 135px 125px;
z-index: 1;
opacity: 0.7
}
.main-page .screen--1 .slide--4 .bird .box-wrapper:before{
display:none;
}
.main-page .screen:not(:last-of-type):before,
.main-page .screen:not(:last-of-type):after {
display: none
}
.screen.screen--2 {
padding-top: 0;
padding-bottom: 0;
background: #fff
}
.main-page .screen--2 .slide--1 .white-frame {
padding: 0
}
.main-page .screen--2 .slide--1 .header-wrapper {
background-color: #168780
}
.main-page .screen--2 .header {
font-family: 'FuturaDemiC', sans-serif;
position: relative;
color: #fff;
background: #168780;
-webkit-text-fill-color: #fff;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 30px !important;
width: 100%
}
.main-page .screen--2 .slide--1 .header-wrapper:before {
position: absolute;
top: 0;
left: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--2 .slide--1 .header-wrapper:after {
position: absolute;
top: 0;
right: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.flex-wrapper--about {
padding: 0;
width: 100%
}
.main-page .screen--2 .slide--1 .container {
width: 100%
}
.main-page .container.hi-res-height {
width: 100%
}
.molecule-mobile {
width: 688px;
height: 504px;
margin: auto;
margin-top: 30px;
margin-bottom: 50px;
background-image: url("/assets/template/img/tablet-img/molecule-mobile.png");
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
.desc.mCS_destroyed {
font-family: 'Arial', sans-serif !important;
color: #000;
font-size: 20px !important;
font-weight: 400;
line-height: 35px;
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;
-webkit-columns: 2;
-moz-columns: 2;
-o-columns: 2;
columns: 2;
margin-left: 45px;
margin-right: 45px
}
#screen-2-slide-2 {
display: none
}
.main-page .screen--2 .slide--2 .white-frame {
padding-left: 0
}
.flex-wrapper--phospho {
padding: 0
}
.main-page .screen--2 .slide--2 .header:before {
position: absolute;
top: 0;
left: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--2 .slide--2 .header:after {
position: absolute;
top: 0;
right: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.tablet-br-none {
display: none
}
.main-page .screen--2 .slide--2 .header-desc {
display: none
}
.pollywog-wrapper.hi-res-height {
display: none
}
#about-inside {
display: none
}
.main-page .screen--2 .slide--2 .desc {
font-family: 'Arial', sans-serif !important;
position: relative;
width: 50%;
-ms-align-self: flex-end;
align-self: flex-end;
margin-top: 55px;
padding-right: 30px;
padding-left: 15px;
color: #000;
font-size: 20px !important;
font-weight: 400;
line-height: 35px;
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4
}
.lipid-mobile {
position: relative;
width: 391px;
height: 391px;
border-radius: 50%;
margin-top: 45px;
margin-left: 30px;
background-color: #ffffff;
background-image: linear-gradient(-39deg, #e1e1e1 0%, #f7f7f7 99%, #f7f7f7 100%);
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3
}
.main-page .screen--2 .slide--2 .flex-wrapper--phospho .flex-inner {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between
}
.main-page .screen--2 .slide--2 .desc p:not(:first-child) {
margin-top: 0
}
.sperm-1 {
position: absolute;
top: 64px;
left: -20px;
display: block;
width: 280px;
height: 315px;
background-image: url("/assets/template/img/tablet-img/sperm-blue.png");
background-position: center 0
}
.sperm-2 {
position: absolute;
top: -22px;
left: 88px;
display: block;
width: 280px;
height: 315px;
background-image: url("/assets/template/img/tablet-img/sperm-pink.png");
background-position: center 0
}
.sperm-3 {
position: absolute;
top: 80px;
left: 177px;
display: block;
width: 280px;
height: 315px;
background-image: url("/assets/template/img/tablet-img/sperm-green.png");
background-position: center 0
}
.main-page .screen--3 .slide--1 .header-desc {
display: none
}
.main-page .screen--3 .slide--1 .white-frame {
padding-left: 0;
padding-top: 50px;
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg) !important
}
.main-page .screen--3 .slide--1 .header {
font-family: 'FuturaDemiC', sans-serif;
position: relative;
color: #fff;
background: #168780;
-webkit-text-fill-color: #fff;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 30px !important;
width: 100%;
margin-bottom: 0
}
.main-page .screen--3 .slide--1 .flex-wrapper--meds .flex-inner {
width: 100%
}
.main-page .screen--3 .slide--1 .header-wrapper {
position: relative;
width: 100%;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
z-index: 1
}
.main-page .screen--3 .slide--1 .header:before {
position: absolute;
top: 0;
left: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--3 .slide--1 .header:after {
position: absolute;
top: 0;
right: 0;
background-color: #168780;
content: '';
width: 2000px;
height: 100%;
z-index: -1
}
.main-page .screen--3 .slide--2 .white-frame {
padding-left: 0
}
.one-plus-one-wrapper {
display: none
}
.one-plus-one--mobile {
width: 531px;
height: 156px;
margin: auto;
margin-bottom: 50px;
background-image: url("/assets/template/img/tablet-img/onePlusOne-mobile.png");
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.main-page .screen--3 .slide--2 .header-desc {
display: none
}
.main-page .screen--3 {
padding-top: 0;
padding-bottom: 0
}
.main-page .screen--3 .slide--2 .container {
justify-content: center
}
.main-page .screen--3 .slide--2 .white-frame {
padding-top: 0
}
.main-page .screen--3 .slide--2 .instruction {
display: none
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
margin-right: 150px
}
.btn-cntnt-mobile h5 {
font-family: 'FuturaDemiC', sans-serif;
color: #168780;
font-size: 32px;
font-weight: 400;
text-transform: uppercase
}
.btn-cntnt-mobile p {
font-family: 'Arial', sans-serif;
color: #000000;
font-size: 20px;
font-weight: 400;
line-height: 35px;
width: 410px
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
padding-left: 150px
}
.screen--1 .slide--1 {
padding-bottom: 30px;
padding-top: 125px;
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.main-page .screen--2 .slide--1:after {
position: absolute;
top: 73px;
left: 0;
margin: auto;
content: '';
width: 100%;
height: 580px;
background-image: url("/assets/template/img/tablet-img/mlc-bg.jpg");
z-index: 0;
background-repeat: no-repeat;
background-size: cover
}
.main-page .screen--3 .slide--2 {
background-image: url("/assets/template/img/tablet-img/tablets-mobile-bg.jpg")
}
.about-page .screen--1 .white-frame {
padding-top: 75px;
background: #fff
}
.about-page h1.header,
.about-page .header-desc {
background: #168780
}
.about-page .screen--1 .header-desc {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
width: 100%;
color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important;
letter-spacing: 2px;
margin-bottom: 0
}
.about-page .screen--1 .flex-wrapper--functions:first-child .desc {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
width: 50%;
padding-right: 60px;
padding-left: 15px;
margin-top: 280px
}
.about-page .screen--1 .flex-inner p:nth-child(3) {
display: none
}
.about-liver-mobile {
position: relative;
width: 50%;
height: 600px;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2
}
.about-liver-mobile:after {
content: '';
position: absolute;
top: 88px;
left: 75px;
width: 467px;
height: 306px;
background-image: url(/assets/template/img/tablet-img/liver-mobile.png);
-webkit-background-size: cover;
background-size: cover
}
.about-page .screen--1 .header {
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4;
margin-bottom: 0
}
.about-page h1.header {
position: relative;
color: #fff;
-webkit-text-fill-color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important
}
.about-page h1.header:after {
content: '';
position: absolute;
top: 0;
left: -20px;
width: 20px;
height: 100%;
background: #168780
}
.about-page h1.header:before {
content: '';
position: absolute;
top: 0;
right: -20px;
width: 20px;
height: 100%;
background: #168780
}
.about-page .hi-res-height {
margin: 0;
padding: 0;
width: 100%
}
.about-page .screen--1 .flex-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.about-page .screen--1 .flex-wrapper--functions:first-child .flex-inner {
background-image: url(/assets/template/img/tablet-img/bg-main-screen-mobile.jpg)
}
.about-page .screen--1 .flex-wrapper--functions {
padding: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0 30px;
padding: 0 30px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
width: 50%;
margin-top: 75px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .title {
color: #168780;
font-family: 'FuturaDemiC', sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 52px;
text-transform: uppercase
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .desc {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px
}
.about-page .screen:not(:last-of-type):before,
.about-page .screen:not(:last-of-type):after {
display: none
}
.about-page .screen--2 .white-frame {
padding: 0
}
.about-page .screen--2 .header {
width: 100%
}
.about-page .screen--2 .symptoms-nav {
margin: 0;
padding: 0;
width: 100%
}
.about-page .screen--2 .symptoms-nav .flex-wrapper {
padding: 0
}
.about-page .screen--2 .header-desc {
display: none
}
.about-page .screen--2 .desc {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
margin-top: 30px;
margin-bottom: 50px;
margin-left: 60px
}
.about-page .screen--2 .main-btn-wrapper {
display: none
}
.about-page .screen--2 .sub-back.sub-back--2 {
background: #fff
}
.about-page .screen--2 .sub-back.sub-back--1 {
background: #fff
}
.about-page .screen--2 .slider-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.about-page .screen--2 .slider-wrapper .slide--1 {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3
}
.about-page .screen--2 .slider-wrapper .slide--2 {
-webkit-order: 4;
-moz-order: 4;
-ms-order: 4;
-o-order: 4;
order: 4
}
.slider-wrapper-mobile-controlls {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.slider-wrapper-mobile-controlls .control {
width: 50%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
background-color: #b5b5b5;
text-align: center;
padding: 23px 0;
letter-spacing: 2px;
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms
}
.slider-wrapper-mobile-controlls .control.active {
background-color: #168780
}
.slider-img-mobile-wrapper {
position: relative;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
width: 100%;
height: 500px;
background-image: url(/assets/template/img/tablet-img/slider-mobile-about-bg.jpg)
}
.slider-img-mobile-wrapper .img-mobile {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
height: 500px;
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
opacity: 0
}
.slider-img-mobile-wrapper .img-mobile.active {
opacity: 1
}
.slider-img-mobile-wrapper .img-mobile--left {
background-image: url(/assets/template/img/tablet-img/back-slider-mobile.png);
width: 527px
}
.slider-img-mobile-wrapper .img-mobile--right {
background-image: url(/assets/template/img/tablet-img/chic-mobile-slider.png);
width: 561px
}
.about-page .screen--2 .symptoms {
display: block;
columns: 2;
list-style: none;
margin-top: 60px;
margin-bottom: 80px
}
.about-page .screen--2 .symptoms .symptom-item {
width: 100%;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
font-style: normal
}
.about-page .screen--2 .symptom-item:after {
display: none
}
.about-page .screen--2 .slider-wrapper .slide--2 {
display: none
}
.about-page .screen--3 .white-frame {
padding: 0;
background: #fff
}
.about-page .screen--3 .r-factor-nav .flex-wrapper {
padding: 0
}
.about-page .screen--3 .header-desc {
display: none
}
.about-page .screen--3 .desc {
display: none
}
#how-to-defence {
display: none
}
.about-page .screen--3 .r-factor-item .icon {
margin-top: 50px
}
.about-page .screen--3 .r-factor-item .title {
color: #168780;
font-family: "FuturaDemiC", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 52px;
text-transform: uppercase
}
.about-page .screen--3 .r-factors {
margin-top: 0;
padding: 0
}
.about-page .screen--3 .r-factor-item {
margin: 0;
width: 50%;
max-width: none
}
.about-page .screen--4 .white-frame {
padding: 0;
background: #fff
}
.about-page .screen--4 .header {
width: 100%
}
.about-page .screen--4 .steps-nav {
width: 100%;
padding: 0
}
.about-page .screen--4 .steps-nav .flex-wrapper {
padding: 0
}
.about-page .screen--4 .header-desc {
display: none
}
.about-page .screen--3 .flex-wrapper--r-factors {
margin-bottom: 120px
}
.about-page .screen--4 .slider-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}
.about-page .screen--4 .slider-wrapper .slide {
width: 100%
}
.about-page .screen--4 .slider-wrapper .slide .step-desc {
width: 100%;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 400;
line-height: 35px
}
.about-page .screen--4 .header {
margin-bottom: 0;
color: #168780;
font-family: "FuturaDemiC", sans-serif;
font-size: 32px !important;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 20px
}
.about-page .screen--4 .slider-wrapper {
display: block;
-webkit-columns: 2;
-moz-columns: 2;
-o-columns: 2;
columns: 2;
margin-left: 45px;
margin-right: 45px;
margin-top: 65px;
margin-bottom: 65px
}
.about-page .screen--4 .step-number {
display: none
}
.about-page .screen--4 .step-desc:after {
display: none
}
.about-page .screen--4 .slider-wrapper .flex-wrapper {
justify-content: flex-start
}
.faq-page .screen {
height: auto
}
.faq-page .screen .white-frame {
padding: 0;
overflow: visible;
background: none
}
.faq-page .screen .white-frame .container {
padding: 0;
margin: 0;
width: 100%
}
.faq-page .screen .flex-wrapper {
padding-right: 0
}
.faq-page .screen .header {
color: #fff;
-webkit-text-fill-color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important;
background: #168780;
margin-bottom: 0
}
.faq-page .screen .header-desc {
display: none
}
.faq-page .screen .spec {
display: none
}
.faq-page .screen .questions .q-item:after {
display: none
}
.faq-page .screen .flex-wrapper:last-child {
position: relative;
padding-top: 135px;
padding-left: 60px;
padding-bottom: 85px
}
.faq-page .screen .flex-wrapper:last-child:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 561px;
height: 600px;
background-image: url(/assets/template/img/tablet-img/faq-bg-woman.png);
-webkit-background-size: cover;
background-size: cover;
z-index: -1
}
.faq-page .screen .questions {
padding-left: 0
}
.faq-page .screen .questions .q-item:not(:last-of-type) {
margin-bottom: 60px
}
.faq-page .screen .main-btn-wrapper {
display: none
}
.tablet-br-block {
display: block
}
.btn-faq-mobile {
display: inline-block;
color: #ffffff;
font-family: "DIN Alternate", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
border-radius: 25px;
background-color: #168780;
-ms-align-self: flex-start;
align-self: flex-start;
padding: 7px 41px;
margin-top: 80px
}
.quest-wrapp-mobile {
background-color: #168780;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px;
width: 100%;
margin-bottom: 55px
}
.faq-page .screen .questions .q-item {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 400;
line-height: 35px;
text-decoration: underline
}
.location-page .location-wrapper {
padding: 0;
top: 75px
}
.location-page .map-header {
margin: 0;
padding: 0;
width: 100%
}
.location-page .header {
color: #fff;
-webkit-text-fill-color: #fff;
width: 100%;
color: #ffffff;
font-family: 'FuturaDemiC', sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
padding: 23px 60px !important;
background: #168780;
margin: 0
}
.location-page .screen {
background: none
}
.choice-map-wrapper-mobile {
padding-left: 15px;
padding-right: 15px;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
width: 100%
}
.location-page .city-btn-wrapper {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
-o-order: 3;
order: 3;
margin-left: 60px;
margin-top: 15px;
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 400;
line-height: 35px
}
.pharm_item .title {
font-family: 'Arial', sans-serif;
font-size: 16px !important;
font-weight: 400;
line-height: 35px;
font-style: normal !important
}
.pharm_item .adress {
font-family: 'Arial', sans-serif;
font-size: 16px !important;
font-weight: 400;
line-height: 35px;
font-style: normal !important;
text-transform: capitalize
}
.pharm_item .tel {
font-family: 'Arial', sans-serif;
font-size: 16px !important;
font-weight: 400;
line-height: 35px;
font-style: normal !important
}
.location-page .map-point-wrapper {
padding-left: 60px
}
.map-cont {
padding-right: 60px
}
.city-search-wrapper {
display: block !important
}
.location-page .city-search input {
font-family: 'FuturaDemiC', sans-serif;
border-radius: 0;
padding: 0;
height: 73px;
background-color: #eaeaea;
padding-left: 60px;
padding-right: 60px;
font-size: 24px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
margin-top: 0;
letter-spacing: 2px
}
.location-page .city-search .shadow {
display: none
}
}
@media (max-width: 991px) {
.main-page .screen--1 {
padding-top: 57px
}
.screen--1 .slide--1 {
padding-top: 100px
}
.mobile-tablets {
display: none
}
.mobile-liver {
margin-bottom: 60px
}
.main-page .slide .white-frame .flex-inner .header {
padding: 48px 30px !important;
color: #ffffff;
font-size: 32px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase
}
.whats-help {
padding: 48px 60px !important;
color: #ffffff;
font-size: 32px !important;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
margin-bottom: 0
}
.main-page .screen--1 .slide--1 .white-frame .header {
color: #000000;
-webkit-text-fill-color: #000;
font-size: 48px !important;
font-weight: 400;
line-height: 66px;
text-transform: uppercase;
padding: 0 !important;
padding-bottom: 30px !important
}
.main-page-new .factor-item .bg , .main-page .factor-item .bg {
display: none
}
.main-page-new .factor-item .icon , .main-page .factor-item .icon {
display: none
}
.faq-page .screen .flex-wrapper {
padding-top: 120px
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
padding-right: 30px
}
.factor-item .info h3 {
font-size: 48px !important;
font-weight: 400;
line-height: 77px !important;
text-transform: uppercase
}
.factor-item .info p {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 29px !important;
font-weight: 400;
line-height: 52px !important
}
.main-page-new .factor-row .factor-item , .main-page .factor-row .factor-item {
margin-top: 75px !important;
margin-bottom: 0 !important;
padding-right: 0 !important
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
margin-top: 0;
padding-right: 0
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
padding-right: 45px
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
width: 100%
}
.main-page-new .screen--1 .slide--3 .flex-inner .header , .main-page .screen--1 .slide--3 .flex-inner .header {
padding: 0 !important;
font-size: 48px !important;
line-height: 77px
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
font-size: 29px !important;
line-height: 52px
}
.main-page-new .screen--1 .slide--4 .box-wrapper:before , .main-page .screen--1 .slide--4 .box-wrapper:before {
display: none
}
.main-page-new .screen--1 .slide--4 .box-wrapper:after , .main-page .screen--1 .slide--4 .box-wrapper:after {
display: none
}
.main-page-new .screen--1 .slide--4 .flex-inner .header , .main-page .screen--1 .slide--4 .flex-inner .header {
margin-top: 0;
-ms-align-self: center;
align-self: center;
padding: 0 !important;
color: #000000;
-webkit-text-fill-color: #000;
font-size: 48px !important;
font-weight: 400;
line-height: 66px;
text-transform: uppercase
}
.slide--4 .white-frame {
padding-top: 140px;
padding-bottom: 0
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper .flex-inner , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper .flex-inner {
-ms-align-items: center;
align-items: center
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
margin-top: 75px;
margin-left: 100px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding-right: 45px !important
}
.molecule-mobile {
display: none
}
.main-page .screen--2 .slide--1:after {
display: none
}
.desc.mCS_destroyed {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1;
color: #000000;
font-size: 29px !important;
font-weight: 400;
line-height: 52px;
margin-top: 60px;
margin-bottom: 70px
}
.lipid-mobile {
display: none
}
.main-page .screen--2 .slide--2 .desc {
width: 100%
}
.main-page .screen--2 .slide--2 .desc {
padding-left: 45px;
padding-right: 45px;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.main-page .screen--2 .white-frame .flex-inner .header {
margin-bottom: 0;
padding-left: 45px !important
}
.main-page .screen--3 .slide--2 .btn-and-instruction {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
-ms-align-self: center;
align-self: center;
margin-right: 0
}
.btn-cntnt-mobile {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1
}
.btn-cntnt-mobile h5 {
font-size: 48px;
font-weight: 400;
line-height: 77px;
text-transform: uppercase
}
.btn-cntnt-mobile p {
font-size: 29px;
font-weight: 400;
line-height: 52px;
width: 100%
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper .main-btn {
font-size: 41px !important;
font-weight: 700;
line-height: 66px;
text-transform: uppercase;
margin-top: 60px;
margin-bottom: 60px;
padding: 12px 70px
}
.main-page .screen--3 .slide--2 {
background: none
}
.main-page .screen--3 {
background: none
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
padding-left: 45px;
padding-right: 45px
}
.main-page .screen--3 .slide--2 .container .row {
width: 100%
}
.main-page .screen--3 .slide--2 .esslial-boxes {
margin: 0;
left: 0;
margin: auto
}
.about-liver-mobile:after {
display: none
}
.about-liver-mobile {
display: none
}
.about-page .screen--1 .flex-wrapper--functions:first-child .desc {
width: 100%;
margin-top: 60px;
padding-left: 60px;
margin-bottom: 100px;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.about-page .screen--1 .flex-wrapper--functions:first-child .flex-inner {
background: none
}
.about-page .screen .white-frame .header {
padding: 48px 60px !important;
font-size: 32px !important;
font-weight: 400;
line-height: 27px
}
.about-page .screen--1 .header-desc {
padding: 48px 60px !important;
font-size: 32px !important;
font-weight: 400;
line-height: 27px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
width: 100%
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .title {
font-size: 48px !important;
font-weight: 400;
line-height: 77px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .desc {
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item:not(:last-of-type) {
margin-bottom: 0
}
.about-page .screen--1 .white-frame {
padding-bottom: 100px
}
.about-page .screen--2 .desc {
margin-top: 60px;
margin-bottom: 70px;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.slider-wrapper-mobile-controlls .control {
font-size: 32px;
font-weight: 400;
line-height: 27px;
padding: 48px 0
}
.about-page .screen--2 .symptoms {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1
}
.about-page .screen--2 .symptoms .symptom-item {
font-size: 29px;
font-weight: 400;
line-height: 52px
}
.about-page .screen--3 .r-factor-item .icon {
display: none
}
.about-page .screen--3 .r-factor-item {
width: 100%;
-ms-align-items: flex-start;
align-items: flex-start
}
.about-page .screen--3 .r-factor-item .title {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 29px;
font-weight: 400;
line-height: 52px;
text-transform: capitalize;
font-style: normal
}
.about-page .screen--3 .r-factors {
display: block
}
.mobile-br-none {
display: none
}
.about-page .screen--3 .flex-wrapper--r-factors {
margin-bottom: 0
}
.about-page .screen--3 .slider-wrapper {
padding-top: 20px;
padding-bottom: 100px
}
.about-page .screen .white-frame .step-header {
padding: 0 !important;
font-size: 48px !important;
font-weight: 400;
line-height: 77px;
text-transform: uppercase
}
.about-page .screen--4 .slider-wrapper {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1
}
.about-page .screen--4 .slider-wrapper .slide .step-desc {
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.about-page .screen--4 .slider-wrapper {
margin-top: 0
}
.about-page .screen--4 .slider-wrapper .slide {
margin-top: 90px;
margin-bottom: 80px
}
.faq-page .screen .header {
font-size: 32px !important;
font-weight: 400;
line-height: 27px;
padding: 48px 60px !important
}
.faq-page .screen .questions .q-item {
font-size: 29px !important;
font-weight: 400;
line-height: 52px;
font-style: normal
}
.faq-page .screen .flex-wrapper:last-child {
padding-top: 80px
}
.btn-faq-mobile {
display: none
}
.quest-wrapp-mobile {
font-size: 32px;
font-weight: 400;
line-height: 27px;
padding: 48px 60px !important
}
.faq-page .screen .flex-wrapper:last-child:after {
display: none
}
.faq-page .screen .white-frame > .btn-faq-mobile {
display: block;
margin-bottom: 110px;
-ms-align-self: center;
align-self: center;
font-size: 41px !important;
font-weight: 700;
line-height: 66px;
border-radius: 50px;
padding: 12px 71px
}
.faq-page .screen .white-frame .woman-wrapp-mobile {
width: 561px;
height: 600px;
background-image: url(/assets/template/img/tablet-img/faq-bg-woman.png);
-webkit-background-size: cover;
background-size: cover;
margin-top: 25px
}
.location-page .map-point-wrapper {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
padding: 0 15px;
border-left: 60px solid #fff;
border-right: 60px solid #fff;
margin-bottom: 100px;
margin-top: 100px
}
.map-cont {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
padding: 0 15px
}
.pharm_item .title {
color: #000000;
-webkit-text-fill-color: #000;
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.pharm_item .adress {
font-size: 29px !important;
font-weight: 400;
line-height: 52px;
text-transform: capitalize
}
.pharm_item .tel {
font-size: 29px !important;
font-weight: 400;
line-height: 52px
}
.pharm_item {
margin-top: 70px
}
.logo {
font-size: 34px !important;
font-weight: 700;
line-height: 55px;
height: 120px
}
.logo span {
font-size: 18px;
font-weight: 300;
line-height: 1.5;
margin-top: 0;
margin-left: 50px
}
.burger {
padding-bottom: 43px;
padding-top: 43px
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
padding-right: 30px
}
.main-nav {
top: 120px
}
.location-page .location-wrapper {
top: 120px
}
.about-page .screen--1 .white-frame {
padding-top: 120px
}
}
@media (max-width: 575px) {
.main-header {
padding-left: 0
}
.logo {
font-size: 24px !important;
line-height: 1.5;
padding-left: 15px;
padding-right: 15px;
height: 100px;
letter-spacing: 0
}
.logo span {
font-size: 16px !important;
line-height: 1.5;
margin-left: 30px;
letter-spacing: 0
}
.burger {
margin-right: 0px;
padding-top: 32px;
padding-bottom: 33px
}
.mobile-liver {
width: 230px;
height: 160px;
margin-bottom: 0
}
.med-alarm {
font-size: 11px;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px
}
.med-alarm span {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0
}
.screen--1 .slide--1 {
padding-top: 80px
}
.main-nav {
top: 100px
}
.main-page .slide .white-frame .flex-inner .header {
padding: 23px 0 !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--1 .slide--1 .white-frame .header {
font-size: 30px !important;
font-weight: 400;
line-height: 1.5 !important;
padding: 0 !important;
letter-spacing: 0
}
.main-page-new .factor-item .info .title , .main-page .factor-item .info .title {
font-size: 30px !important;
line-height: 1.3 !important;
letter-spacing: 0
}
.main-page-new .factor-row .wrapper , .main-page .factor-row .wrapper {
padding: 0
}
.factor-item .info p {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page-new .factor-row .factor-item , .main-page .factor-row .factor-item {
margin-top: 60px !important
}
.whats-help {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--3 .flex-wrapper--health-way , .main-page .screen--1 .slide--3 .flex-wrapper--health-way {
padding: 0
}
.main-page-new .screen--1 .slide--3 .health-way , .main-page .screen--1 .slide--3 .health-way {
padding: 0;
margin-top: 60px
}
.main-page-new .screen--1 .slide--3 .flex-inner h3.header , .main-page .screen--1 .slide--3 .flex-inner h3.header {
padding: 0 !important;
margin: 0 !important;
font-size: 30px !important;
line-height: 1.3 !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--3 .desc , .main-page .screen--1 .slide--3 .desc {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.br-none-small {
display: none
}
.slide--3 .white-frame {
padding-bottom: 0;
margin-bottom: 60px
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper {
padding: 0 !important
}
.slide--4 .white-frame {
padding-top: 0
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper .header , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper .header {
width: 100%;
text-align: center;
padding: 80px 0 20px !important;
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page-new .screen--1 .slide--4 .esslial-30 , .main-page .screen--1 .slide--4 .esslial-30 {
margin: 0;
width: 300px;
margin-left: 90px
}
.desc.mCS_destroyed {
margin: 60px 0 60px !important;
padding: 0;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--2 .slide--2 .white-frame {
padding-top: 0
}
.main-page .screen--2 .slide--2 .desc {
padding: 0
}
.main-page .screen--1 .slide--1 .flex-wrapper--liver-info {
padding: 0
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
padding: 0
}
.main-page .screen--2 .slide--2 .desc p {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--2 .slide--2 .desc {
margin-top: 60px;
margin-bottom: 60px
}
.main-page .screen--2 .slide--2 .white-frame {
padding-bottom: 0
}
.one-plus-one--mobile {
display: none
}
.main-page .screen--3 .slide--1 .white-frame {
padding-top: 0
}
.main-page .screen--3 .slide--2 .flex-wrapper--one-plus-one .flex-inner {
padding: 0
}
.btn-cntnt-mobile h5 {
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.btn-cntnt-mobile p {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper .main-btn {
font-size: 30px !important;
line-height: 1.5 !important;
margin: 50px 0;
padding: 10px 20px;
letter-spacing: 0
}
.main-footer {
padding: 0 15px;
margin-bottom: 70px
}
.main-link {
padding: 23px 0;
font-size: 22px;
line-height: 1.5;
letter-spacing: 0
}
.about-page .screen--1 .header-desc {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .flex-wrapper--functions:first-child .desc {
padding: 0 15px;
margin-bottom: 60px;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen .white-frame .header {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions {
padding: 0;
margin: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item {
margin-top: 60px;
margin-bottom: 60px;
padding: 0 15px
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .title {
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .flex-wrapper--functions .functions .function-item .desc {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--1 .white-frame {
padding-top: 100px;
padding-bottom: 0
}
.about-page .screen--2 .header {
padding: 23px 15px !important
}
.about-page .screen--2 .header {
margin-bottom: 0
}
.about-page .screen--2 .desc {
margin: 60px 0 60px;
padding: 0 15px;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--2 .slider-wrapper {
margin-top: 0
}
.slider-wrapper-mobile-controlls .control {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 23px 0
}
.slider-img-mobile-wrapper .img-mobile {
width: 330px;
height: 300px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.slider-img-mobile-wrapper {
height: 300px
}
.about-page .screen--2 .symptoms .symptom-item {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 0
}
.about-page .screen--2 .symptoms {
margin-bottom: 60px
}
.about-page .screen--3 .r-factor-item .title {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen .white-frame .r-factor-wrapper .header {
margin-bottom: 0
}
.about-page .screen--3 .flex-wrapper--r-factors {
padding: 0 15px
}
.about-page .screen--3 .slider-wrapper {
padding: 0 15px;
margin-top: 60px;
margin-bottom: 60px
}
.about-page .screen--4 .header {
margin-bottom: 0
}
.about-page .screen--4 .slider-wrapper {
margin: 0;
padding: 0
}
.about-page .screen--4 .slider-wrapper .slide {
margin-top: 60px;
margin-bottom: 60px;
padding: 0 15px
}
.about-page .screen .white-frame .step-header {
padding: 0 !important;
font-size: 30px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.about-page .screen--4 .slider-wrapper .slide .step-desc {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 0 !important
}
.faq-page .screen .header {
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 23px 15px !important
}
.faq-page .screen .flex-wrapper {
padding-top: 100px
}
.faq-page .screen .flex-wrapper:last-child {
padding: 0
}
.faq-page .screen .questions {
padding: 0 15px
}
.faq-page .screen .questions .q-item {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
margin-bottom: 60px;
margin-top: 60px
}
.quest-wrapp-mobile {
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0;
padding: 23px 15px !important;
margin-bottom: 0
}
.faq-page .screen .white-frame .woman-wrapp-mobile {
width: 300px;
height: 300px
}
.faq-page .screen .white-frame > .btn-faq-mobile {
font-size: 30px !important;
line-height: 1.5 !important;
margin: 50px 0;
padding: 10px 20px !important;
letter-spacing: 0
}
.location-page .location-wrapper {
top: 100px
}
.location-page .city-btn-wrapper {
margin: 0;
padding: 23px 30px
}
.location-page #map {
margin-top: 0;
width: 100%
}
.location-page .header {
padding: 23px 15px !important;
font-size: 22px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.location-page .map-point-wrapper {
border: 0;
margin: 0;
margin-top: 20px;
margin-bottom: 60px
}
.pharm_item {
margin-top: 20px
}
.pharm_item .title {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.pharm_item .adress {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0;
text-transform: capitalize
}
.pharm_item .tel {
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0
}
.location-page .city-search input {
font-size: 22px;
line-height: 1.5;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px
}
}
.pharm_item .adress {
text-transform: capitalize
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-3 {
left: 16% !important
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-1 {
left: 9% !important
}
.main-page .screen--2 .slide--2 .pollywog-wrapper .pollywog-cont-2 {
left: 11% !important
}
.city_container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #168780;
padding: 100px 35px;
z-index: 9999;
display: none
}
.city_container.active {
display: block
}
.city_container .under-container {
overflow: auto;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: center
}
.city_container .group_title {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
color: #e1e1e1
}
.city_container .city_item a {
font-size: 16px;
color: #fff
}
.city_container .city_item {
min-width: 200px
}
.city_container .main-btn-wrapper {
position: absolute;
top: 60px;
right: 150px
}
.city_container .main-btn-wrapper .main-btn {
display: inline-block;
background-color: #fff;
color: #168780
}
@media (max-width: 767px) and (orientation: landscape) {
.logo {
height: 60px !important;
font-size: 22px !important;
line-height: 1.5
}
.logo span {
font-size: 18px !important
}
.burger {
padding-top: 10px;
padding-bottom: 10px
}
.main-nav {
top: 60px;
height: calc(100vh - 60px)
}
.screen--1 .slide--1 {
padding-top: 40px
}
.main-page .screen--1 {
padding-top: 40px
}
.med-alarm {
position: relative;
top: auto;
bottom: -55px
}
.main-link {
padding: 10px 0 !important;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0
}
}
@media (max-width: 1199px) {
.white-frame .container {
height: auto
}
.location-page .city-search input {
margin-top: 0;
border-radius: 0 !important;
background-color: #f9f9f9;
height: 60px
}
}
@media (max-width: 991px) {
.pharmsCont.map-point-wrapper.col-md-12.col-lg-4.col-xl-3 {
max-height: 70vh
}
.location-page .location-wrapper {
top: 120px
}
.map {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width: 575px) {
.pharmsCont.map-point-wrapper.col-md-12.col-lg-4.col-xl-3 {
max-height: 70vh
}
.location-page .location-wrapper {
top: 100px
}
.map {
padding-left: 30px;
padding-right: 30px
}
}
.all-citys-input-wrapper {
position: absolute;
top: 60px;
left: 0;
right: 0;
padding: 40px;
height: 60vh;
overflow: hidden;
border-radius: 25px;
background-color: #fff;
z-index: 10;
display: none
}
#all-citys-input {
height: 100%;
overflow-x: hidden;
overflow-y: scroll
}
.all-citys-input-shadow {
position: absolute;
top: 70px;
left: 0;
right: 0;
bottom: -10px;
width: 100%;
height: 60vh;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-filter: blur(15px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(15px);
z-index: 9;
display: none
}
@media (max-width: 1440px) {
.all-citys-input-wrapper,
.all-citys-input-shadow {
height: 40vh
}
}
@media (max-width: 1199px) {
.all-citys-input-wrapper,
.all-citys-input-shadow {
left: 20px;
right: 20px;
border-radius: 0;
top: 80px
}
.all-citys-input-shadow {
width: auto;
top: 90px
}
.preloader-sheet {
display: none
}
ul#all-citys {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
width: 90%
}
li.city_item {
width: 100%
}
.city_container .under-container {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.city_container.active {
width: 100% !important;
overflow-y: scroll
}
.city_container .under-container {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.city_group {
margin-top: 40px
}
}
.podarok {
position: absolute;
top: 405px;
left: -180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 40
}
.podarok .podarok-text {
margin-right: 15px
}
.podarok .podarok-header {
color: #0b64a8;
font-family: "DIN Alternate", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
text-align: right
}
.podarok .podarok-promocode {
font-family: "Museo Sans Cyrl";
font-size: 14px;
line-height: 39px;
color: #2c2c2c;
font-weight: 300;
text-align: right
}
.podarok .podarok-promocode .clipboard {
position: relative;
color: #e91515;
font-weight: 900;
pointer-events: auto;
cursor: pointer;
transition: 100ms
}
.podarok .podarok-promocode .clipboard:hover {
text-decoration: underline
}
.podarok .podarok-promocode .clipboard:active {
transform: scale(1.1)
}
.podarok .podarok-img {
width: 84px;
height: 84px;
background-image: url(/assets/template/img/apteka.png);
transition: 200ms
}
.podarok .podarok-img:hover {
transform: scale(1.05)
}
.main-page .screen--1 .slide--1 .main-btn-wrapper {
float: right
}
@media (max-width: 1300px) {
.logo {
font-size: 22px
}
}
@media (max-width: 1650px) {
.podarok {
top: 250px;
left: -180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 40
}
}
.location_2 {
display: none
}
@media (max-width: 1199px) {
.podarok {
display: none;
top: 260px;
right: 520px;
left: auto
}
.selected {
background-color: #fff;
color: #168780
}
}
@media (max-width: 1366px) {
.screen {
padding-left: 20px;
padding-right: 20px;
}
.white-frame {
height: calc(100vh - 40px)
}
.main-header:before {
height: 70px
}
.bottom-border {
height: 20px
}
.content-footer {
bottom: 25px
}
.preloader-sheet {
top: 0;
left: 0;
right: 0;
bottom: 0
}
}
.content {
position: relative;
min-height: 100%;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
}
@media (min-width: 1200px) {
.content {
margin: 0 20px;
min-height: 100%;
}
}
.content h2 {
font-size: 24px;
line-height: 1.3;
text-transform: uppercase;
display: block;
margin-top: 0;
margin-bottom: 30px;
background: -webkit-linear-gradient(320deg, #24b1a8 10%, #0c6a64 100%);
background: -moz-linear-gradient(130deg, #026a64, #24b1a8);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
color: #24b1a8;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.articles__item {
color: black;
display: block;
font-family: "GaramondC", serif;
font-style: italic;
width: 20%;
}
.articles__item:hover,
.articles__item:focus {
color: black;
}
.articles {
padding-top: 200px;
}
.articles__title {
color: #168780;
font-size: 33px;
letter-spacing: 0.05em;
margin-bottom: 50px;
text-transform: uppercase;
}
.articles__list {
}
.articles__image {
margin-bottom: 1em;
width: 100%;
}
.article {
padding-top: 200px;
}
.article__title {
color: #168780;
font-size: 33px;
letter-spacing: 0.05em;
margin-bottom: 50px;
text-transform: uppercase;
}
.article__content {
height: 100%;
overflow-y: hidden;
}
.article__content p {
margin-top: 0;
margin-bottom: 1rem;
}
.article__image {
float: right;
margin-bottom: 1em;
margin-left: 1em;
}
.content-alarm {
color: rgba(255, 255, 255, 0.5);
font-family: "DIN Alternate", sans-serif;
font-size: 2.05vw;
letter-spacing: 0.05em;
line-height: 1.3;
margin-top: 100px;
text-align: center;
text-transform: uppercase;
padding-bottom: 100px;
white-space: nowrap;
}
.content-alarm span {
display: block;
font-size: 2.8vw;
}
.content-footer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid white;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 10px 5%;
padding-top: 10px;
width: 90%;
position: fixed;
bottom: 50px;
}
@media (min-width: 1065px) {
.content-footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.content-footer__links {
list-style-type: none;
margin-bottom: 0;
padding-left: 0;
}
.content-footer__links li {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.content-footer__links li {
display: inline-block;
margin-left: 20px;
text-align: left;
}
}
.content-footer__links li:first-child {
margin-left: 0;
}
.content-footer__links a {
color: #464646;
}
/* Swiper custom pagination Start */
.swiper-pagination-bullets {
margin-top: 25px;
}
.swiper-pagination-bullet {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #969696;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0.5em;
width: 16px;
}
.swiper-pagination-bullet:first-child {
margin-left: 0;
}
.swiper-pagination-bullet::after {
background-color: white;
border-radius: 10000px;
content: '';
height: 6px;
position: absolute;
visibility: hidden;
width: 6px;
}
.swiper-pagination-bullet-active::after {
visibility: visible;
}
.main-page .screen--4 .slide--1 .white-frame {
background-image: linear-gradient(180deg, #f6f2ef, #d8bdbb);
background-size: cover;
background-repeat: no-repeat;
}
.reviews-once {
padding-top: 4rem;
margin-bottom: 0px;
}
@media (min-width: 768px) {
.reviews-once {
margin-bottom: 0px;
}
}
.reviews-once__title {
line-height: 1.25em;
margin-bottom: 3rem;
font-size: 2rem;
color: #168780;
}
h1.reviews-once__title {
color: #168780;
font-size: 33px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.reviews-once__list {
}
.reviews-once__item {
margin-bottom: 3rem;
width: 100%;
background-color: white;
padding-top: 1rem;
padding-right: 2rem;
padding-left: 2rem;
padding-bottom: 1rem;
color: rgba(0, 0, 0, 0.75);
background-size: cover;
}
.reviews-once__wrapper {
display: flex;
justify-content: flex-start;
}
.reviews-once__photo {
width: 100px;
height: 100px;
border-radius: 0;
margin-left: 1rem;
margin-right: 15px;
}
.reviews-once__photo img {
width: 100%;
border-radius: 0;
}
.wrapper-comment {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.reviews-once__date {
margin-top: 0;
text-align: left;
color: #828282;
font-size: 11px;
}
.reviews-once__name {
margin-top: 0;
font-size: 24px;
font-weight: bold;
font-family: "DINRoundPro", sans-serif;
line-height: 1.2;
color: #5181b8;
}
.reviews-once__content {
line-height: 1.5;
font-family: "Roboto", sans-serif;
margin-top: 0;
color: black;
}
.reviews-once__actions {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 3rem;
}
.sub_reviews_class {
margin-bottom: 300px;
}
@media (min-width: 768px) {
.reviews-once__actions {
flex-direction: row;
}
}
.reviews-once__action {
margin-left: 0.5rem;
margin-right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: bold;
background-color: #168780;
color: white;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 2rem;
padding-left: 2rem;
border-radius: 2rem;
text-decoration: none;
margin-top: 1rem;
margin-bottom: 1rem;
font-family: "DIN Alternate", sans-serif;
font-size: 18px;
}
/* @media (min-width: 768px) {
.reviews-once__action {
margin-top: 0;
margin-bottom: 0;
}
} */
.reviews-once__action:hover,
.reviews-once__action:focus {
background-color: #12716b;
color: white;
text-decoration: none;
}
.modal--ask .header {
text-align: center;
}
.review_form .form-item-wrapper {
margin: auto;
}
.burger {
display: none;
}
@media (max-width: 1120px) {
.content-footer {
}
}
@media (max-width: 1325px) {
.burger {
/*display: block;*/
}
}
@media (min-width: 1525px) {
.about-page .screen--3 .r-factors {
bottom: -270px !important;
}
.about-page .screen--3 .r-factor-item {
max-width: 40% !important;
}
.about-page .screen--3 .main-btn-wrapper {
left: 0;
bottom: -100px !important;
}
}
@media (max-width: 1650px) {
#screen-1-slide-4 {
bottom: 50px;
}
.my>button {
bottom: 250px !important;
right: -20px;
}
.my>button:last-child {
bottom: 310px !important;
}
.main-page-new .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .main-btn-wrapper , .main-page .screen--1 .slide--4 .flex-wrapper--your-helper:first-child .main-btn-wrapper {
bottom: 30%;
}
.white-frame {
padding-top: 11% !important;
}
.about-page .screen--4 .step-number {
top: -10%;
}
.about-page .screen--1 .functions .title {
font-size: 25px;
}
.about-page .screen--2 .container-fluid {
bottom: 80px;
}
.about-page .screen--2 .main-btn-wrapper {
left: 0px;
bottom: 2vh;
right: 50%;
}
.about-page .screen--3 .r-factor-item {
max-width: 25%;
}
.about-page .screen--3 .r-factors {
position: absolute;
bottom: -100px;
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
width: 100%;
}
}@media (max-width: 1525px) {
.main-page-new .screen--1 .slide--2 .main-btn-wrapper , .main-page .screen--1 .slide--2 .main-btn-wrapper {
right: 0;
position: absolute;
}
}
@media (min-width: 1525px) {
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
left: -50px;
}
.main-page .screen--2 .molecule {
left: -30px;
}
}
@media (min-width: 1650px) {
.#screen-1-slide-4 {
left: -60px;
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
left: 100px !important;
}
.main-page-new .screen--1 .slide--3 .curve , .main-page .screen--1 .slide--3 .curve {
left: 300px;
}
.fp-slidesNav {
bottom: 105px !important;
}
.podarok {
left: -280px;
}
.main-page-new .screen--1 .slide--4 .header , .main-page .screen--1 .slide--4 .header {
top: 0;
left: -50px;
}
.main-page-new .screen--1 .slide--4 .golden-medal, .main-page .screen--1 .slide--4 .golden-medal,
.new-about-page .golden-medal {
top: -55%;
}
.my>button {
bottom: 400px !important;
left: 320px;
}
.my>button:last-child {
bottom: 300px !important;
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
top: -100px;
}
.le {
width: 90%;
margin-left: 10%;
}
.main-page .screen--3 .slide--2 .btn-and-instruction .main-btn-wrapper {
right: -150%;
}
.about-page .screen--1 .liver {
right: 0;
top: 10%;
}
.about-page .screen--2 .symptoms-nav {
top: 0;
left: -100px;
}
}
@media (min-width: 1800px) {
.main-page-new .screen--1 .slide--4 .golden-medal, .main-page .screen--1 .slide--4 .golden-medal,
.new-about-page .golden-medal {
left: -15%;
}
.main-page .screen--0 .white-frame {
padding-top: 15% !important;
}
.main-page .screen--3 .slide--1 .main-btn-wrapper {
width: 100%;
}
.about-page .screen--2 .main-btn-wrapper {
bottom: 8vh;
}
.about-page .screen--1 .liver {
right: -20%;
}
.about-page .screen--3 .main-btn-wrapper {
left: 0;
bottom: -100px;
}
.main-page .factors {
left: 50px;
}
}
.content-footer {
bottom: 6vh;
}
.video-container {
bottom: 70px !important;
}
.main-btn {
z-index: 2000 !important;
}
.white-frame .container {
z-index: 2000;
}
.main-page .screen--2 .slide--2 .flex-wrapper--phospho .flex-inner {
position: absolute;
top: 0;
}
.about-page .screen--1 .functions .gray-circle {
width: 18vw;
height: 18vw;
top: -2.5vw !important;
left: -2.5vw !important;
opacity: 0.9;
}
.about-page .screen--2 .main-btn-wrapper {
left: 0px;
right: 50%;
}
.about-page .screen--2 .flex-wrapper {
padding-top: 130px;
}
.about-page .screen--3 .flex-inner {
position: absolute;
}
.tests-page .main-btn-wrapper {
bottom: -10vh;
right: 19%;
bottom: 0;
margin-top: 20px;
}
.tests-page .repeat-test {
right: 0px;
}
.about-page .screen--3 .main-btn-wrapper {
bottom: -20px;
z-index: 200;
}
.about-page .screen--3 .r-factor-wrapper {
z-index: 199;
}
.fp-slidesNav {
bottom: 6% !important;
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
left: 120px;
}
.main-page-new .screen--1 .liver-wrapper-absolute , .main-page .screen--1 .liver-wrapper-absolute {
left: 170px;
}
.main-page-new .screen--1 .slide--2 .main-btn-wrapper , .main-page .screen--1 .slide--2 .main-btn-wrapper {
}
.up {
top: -60px;
}
.fp-tableCell {
padding: 20px 0;
}
.tests-page .white-frame {
padding-top: 0;
}
.about-page .screen--1 .liver {
width: 500px;
right: 20%;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 , .main-page .screen--1 .slide--3 .health-way.health-way--2 {
top: 50px;
left: -50px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 , .main-page .screen--1 .slide--3 .health-way.health-way--1 {
top: -50px;
right: 100px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 , .main-page .screen--1 .slide--3 .health-way.health-way--3 {
right: 150px;
top: 150px;
}
.about-page .screen--1 .functions .function-item.function-item--second {
top: 0;
right: 450px;
}
.about-page .screen--1 .functions .function-item.function-item--first {
top: 0;
right: 50px;
}
.about-page .screen--1 .functions .function-item.function-item--third {
bottom: 100px;
}
.main-page .factors {
top: 30px;
}
@media (min-width: 1367px) {
.fp-tableCell {
padding: 30px 0;
}
.main-page-new .screen--1 .livers , .main-page .screen--1 .liver {
top: 100px;
}
.main-page-new .screen--1 .liver-wrapper-absolute , .main-page .screen--1 .liver-wrapper-absolute {
top: 30px;
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
left: 100px;
}
.offset-xl-6 {
margin-left: 35%;
}
}
@media (min-width: 1500px) {
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 , .main-page .screen--1 .slide--3 .health-way.health-way--2 {
left: -80px;
}
.about-page .screen--1 .liver {
width: 640px;
right: calc(-10% - 100px);
}
.about-page .screen--1 .flex-wrapper--functions {
left: -100px;
}
.about-page .screen--1 .functions .function-item.function-item--second {
right: 300px;
}
.about-page .screen--1 .functions .function-item.function-item--first {
right: -100px;
}
.about-page .screen--1 .functions .function-item.function-item--third {
bottom: 130px;
right: 100px;
}
.about-page .screen--3 .main-btn-wrapper {
bottom: -60px;
}
}
@media (max-width: 1400px) {
.location-page .location-wrapper {
top: -50px;
}
.main-page-new .screen--1 .slide--2 .header , .main-page .screen--1 .slide--2 .header {
margin-bottom: -50px;
}
}
@media (min-width: 1544px) {
.main-page-new .screen--1 .livers , .main-page .screen--1 .liver {
top: 170px;
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
top: 170px;
left: 120px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 , .main-page .screen--1 .slide--3 .health-way.health-way--2 {
top: 50px;
left: -100px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 , .main-page .screen--1 .slide--3 .health-way.health-way--1 {
right: -50px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 , .main-page .screen--1 .slide--3 .health-way.health-way--3 {
top: 180px;
}
.about-page .screen--4 .step-desc {
font-size: 20px;
}
.offset-xl-6 {
margin-left: 50%;
}
}
@media (min-width: 1650px) {
.main-page .factors {
top: 30px;
}
.main-page-new .screen--1 .livers , .main-page .screen--1 .liver {
left: 50px;
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
top: 170px;
left: 160px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 , .main-page .screen--1 .slide--3 .health-way.health-way--2 {
left: -150px;
top: 30px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 , .main-page .screen--1 .slide--3 .health-way.health-way--1 {
right: -100px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 , .main-page .screen--1 .slide--3 .health-way.health-way--3 {
right: 100px
}
.about-page .screen--1 .functions .function-item.function-item--second {
top: 50px;
}
.about-page .screen--1 .functions .function-item.function-item--third {
bottom: 250px;
}
.faq-page .screen .flex-wrapper {
padding-top: 100px;
}
}
@media (min-width: 1700px) {
.main-page-new .screen--1 .livers , .main-page .screen--1 .liver {
left: 100px;
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
left: 210px;
}
.main-page .screen--2 .molecule.animate {
bottom: 150px;
}
}
@media (min-width: 1800px) {
.main-page-new .screen--1 .livers , .main-page .screen--1 .liver {
left: 150px;
}
.main-page-new .screen--1 .fake-liver, .main-page .screen--1 .fake-liver {
left: 270px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--2 , .main-page .screen--1 .slide--3 .health-way.health-way--2 {
left: -130px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--1 , .main-page .screen--1 .slide--3 .health-way.health-way--1 {
right: -150px;
}
.main-page-new .screen--1 .slide--3 .health-way.health-way--3 , .main-page .screen--1 .slide--3 .health-way.health-way--3 {
right: 80px
}
}
@media (max-width: 1366px) {
.about-page .screen--2 .white-frame {
border-top: solid 20px #fff;
height: calc(100vh - 20px);
}
.about-page .screen--3 .white-frame {
border-top: solid 20px #fff;
height: calc(100vh - 20px);
}
.about-page .screen--4 .white-frame {
border-top: solid 20px #fff;
height: calc(100vh - 20px);
}
.main-page-new .screen--1 .slide--2 .flex-wrapper--factors-cont , .main-page .screen--1 .slide--2 .flex-wrapper--factors-cont {
margin-left: 40%;
}
}
.tt>div {
margin: auto 0;
}
.my_table>tr {
border-bottom: solid 1px;
}
.my_table>tr>td:first-child {
font-weight: 900;
}
.my_table>tr>td:last-child {
padding: 5px;
}
.my_curve1 {
display: none;
}
.my_curve2 {
display: none;
}
.my_curve3 {
display: none;
}
.apteka__item>a>img {
height: 80px;
width: auto;
margin: 5px;
transition: 0.3s;
}/*
.apteka__item>a>img {
margin: 0;
height: 90px;
}*/
.apteka__item {
display: inline-block;
}
.snos {
position: absolute;
right: 3vw;
bottom: 3vh;
}
.scrutch {
width: 900px;
}
.function-item {
background-color: rgba(255, 255, 255, 0.9);
width: 15rem;
height: 15rem;
text-align: center;
border-radius: 50%;
padding: 30px;
display: flex;
align-items: center;
}
.function-item div {
display: flex;
flex-direction: column;
}
.main-page.new-zdorove-pecheni .screen--1 .liver {
display:none;
}
.main-page-new .screen--1 .slide--2.active .fake-liver , .main-page .screen--1 .slide--2.active .fake-liver {
display: block;
}
.zdorove-pecheni .liver.flip-back.healty {
display: block !important;
}
.content-footer-ozonlink{
width: 20px;
display: inline-flex;
}
.content-footer-ozonlink img{
max-width:100%;
}