.wrapper {
min-height: 100%;
display: flex;
flex-direction: column;
}
html {
font-size: .5208333333vw;
height: 100%}
body {
font-family: "Work Sans", sans-serif;
font-size: 1.6rem;
height: 100%;
background: #fff9f7;
}
.container {
width: 100%;
max-width: 143rem;
margin: 0 auto;
}
.dropdown {
position: relative;
padding-right: 2.5rem;
}
.dropdown .nav__link {
cursor: pointer;
}
.dropdown__arrow {
width: 2rem;
position: absolute;
right: 0;
bottom: 0;
transform: rotate(90deg);
transition: transform .5s;
}
.dropdown__menu {
position: absolute;
z-index: 101;
left: 50%;
transform: translate(-50%);
padding-top: 1.2rem;
text-align: center;
}
.dropdown__block {
background-color: rgb(255, 255, 255);
box-shadow: rgb(0, 0, 0) 0px 0px 2px;
border-radius: 1rem;
padding: 1rem;
}
.dropdown__block .nav__link {
text-decoration: underline;
margin: .5rem 0;
}
@media(max-width: 962px) {
.container {
padding: 0 6rem;
}
}
.article-content {
h2 {
font-family:  "Unbounded";
font-size:  4rem;
text-transform:  uppercase;
color:  #579f9b;
margin-bottom:  3rem;
}
p {
font-size:  2rem !important;
line-height:  120%;
color:  #4b3128;
margin-bottom:  2rem;
}
a {
display:  inline;
}
sup {
color:  #e06742;
a {
color:  #e06742;
}
}
img {
margin-right:  3rem;
float:  right;
}
p {
margin-bottom:  3rem;
}
ul {
margin-bottom:  4.5rem;
}
ul,  ul {
font-size:  2rem !important;
line-height:  120%;
color:  #4b3128;
margin-bottom:  2rem;
}
li {
position:  relative;
padding-left:  3.5rem;
margin-bottom:  1.3rem;
}
li: :before {
content:  '';
position:  absolute;
left:  0;
top:  1.7rem;
width:  0.8rem;
height:  0.8rem;
background:  #589f9c;
border-radius:  50%;
}
}
button {
background: rgba(0, 0, 0, 0);
transition: all .7s;
}
button svg path {
transition: all .3s;
}
.main {
flex: 1 1 auto;
}
@media(max-width: 962px) {
html {
font-size: 2.3255813953vw;
}
}@media(max-width: 1440px) {
html {
font-size: .625vw;
}
}@media(max-width: 962px) {
html {
font-size: 2vw !important;
}
.main {
padding-top: 9rem;
}
.header__btn {
opacity: 0;
display: flex !important;
padding: 1rem 2.5rem !important;
font: 500 1.6rem "Work Sans", sans-serif !important;
background: rgba(0, 0, 0, 0) !important;
border: 1.12px solid #1a302e !important;
color: #1a302e !important;
transition: all .3s;
}
.header__btn svg path {
fill: #1a302e;
}
.header {
position: fixed;
padding-bottom: 1rem;
z-index: 777;
left: 0;
width: 100%;
background: #fff;
}
.header.fixed .header__btn {
opacity: 1;
}
}@media(max-width: 600px) {
html {
font-size: 2.7777777778vw !important;
}
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-ThinItalic.ttf) format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-BoldItalic.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf) format("truetype");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf) format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Thin.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//72hrs.ru/wp-content/themes/72hours/assets/fonts/Montserrat/Montserrat-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
height: 100%}
body {
height: 100%}
* {
padding: 0;
margin: 0;
}
*, *::before, *::after {
box-sizing: border-box;
}
a:focus, a:active {
outline: none;
}
a, a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
aside, nav, footer, header, section, main {
display: block;
}
h1, h2, h3, h4, h5, h6, p {
font-size: inherit;
font-weight: inherit;
}
ul, ul li {
list-style: none;
margin: 0;
}
address {
font-style: normal;
}
input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: rgba(0, 0, 0, 0);
}
input::-ms-clear {
display: none;
}
button, input[type=submit] {
display: inline-block;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
background: none;
cursor: pointer;
}
input:focus, input:active, button:focus, button:active {
outline: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
label {
cursor: pointer;
}
legend {
display: block;
}
button {
background-color: rgba(0, 0, 0, 0);
padding: 0;
border: none;
cursor: pointer;
}
a {
display: block;
}
.header {
padding-top: 3rem;
}
.header .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__logo {
margin-right: 8.3rem;
}
.header__logo img {
width: 6.3rem;
height: 8.5rem;
}
.header .nav {
display: flex;
align-items: flex-end;
gap: 3.3rem;
margin-right: 4.3rem;
}
.header .nav__link {
font: 300 2.4rem "Work Sans", sans-serif;
color: #4b3128;
}
.header__btn {
display: flex;
align-items: center;
gap: 1rem;
font: 500 2.4rem "Work Sans", sans-serif;
color: #fff;
padding: 1.2rem 3rem;
border-radius: 6rem;
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.header__btn svg {
width: 3rem;
height: 3rem;
}
.main-section {
position: relative;
padding-top: 7rem;
margin-bottom: 10rem;
}
.main-section__bg {
position: absolute;
right: 0rem;
top: -25rem;
z-index: -1;
}
.main-section__title {
font: 500 8rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
margin-left: 37.5rem;
color: #589f9b;
}
.main-section__title span {
color: #e7c32c;
}
.main-section__title span.thin {
color: #589f9b;
font-weight: 300;
}
.main-section__title span.pink {
margin-left: -7rem;
font: 300 8rem/1.05 "Unbounded", sans-serif;
color: #ffa589;
}
.main-section__top-img {
top: 2.7rem;
left: 39rem;
position: absolute;
border-radius: 2rem;
width: 19.5rem;
height: 13.7rem;
}
.main-section__svg {
position: absolute;
top: 17rem;
left: 45rem;
}
.main-section__svg svg {
width: 5.2rem;
height: 6.8rem;
}
.main-section__img1 {
margin-top: 3rem;
margin-left: 15rem;
border-radius: 2rem;
width: 56.4rem;
}
.main-section__img2 {
margin-top: 3rem;
border-radius: 2rem;
width: 41.5rem;
height: 24.9rem;
position: absolute;
right: 53.5rem;
}
.main-section__img3 {
border-radius: 1.9rem;
width: 25.6rem;
height: 25.7rem;
position: absolute;
right: 39.1rem;
top: 17rem;
}
.main-section__actions {
display: flex;
justify-content: center;
align-items: center;
gap: 4rem;
margin-top: 6rem;
}
.main-section__btn {
font: 500 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
color: #fff;
display: flex;
align-items: center;
gap: 1.5rem;
padding: 1.2rem 3rem;
border-radius: 8rem;
box-shadow: 0 2px 30px 0 rgba(62, 134, 126, .3);
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.main-section__btn.btn-stroke {
border: .2rem solid #1a302e;
background: rgba(0, 0, 0, 0);
color: #1a302e;
padding: 1rem 1.8rem;
}
.necessary {
position: relative;
margin-bottom: 5rem;
}
.necessary__title {
font: 300 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e7c32c;
margin-left: 20rem;
margin-bottom: 4rem;
}
.necessary__title span {
font: 500 8rem/1.1 "Unbounded", sans-serif;
color: #579f9b;
margin-left: 10rem;
}
.necessary__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
text-align: center;
color: #4b3128;
margin-bottom: 4rem;
}
.necessary__inner {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 16rem;
}
.necessary__inner img {
width: 15.3rem;
}
.necessary__item {
display: flex;
flex-direction: column;
gap: 2.5rem;
align-items: center;
}
.necessary__item div {
font: 400 2rem "Work Sans", sans-serif;
text-align: center;
color: #4b3128;
}
.necessary .main-section__btn {
margin: auto;
width: 47.4rem;
margin-top: 6rem;
}
.necessary__bg {
top: 27.9rem;
left: 0;
position: absolute;
z-index: -1;
width: 64.5rem;
}
.experts__name {
font: 600 2.4rem/1.5 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
margin-bottom: 1.9rem;
}
.experts__text {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
line-clamp: 9;
box-orient: vertical;
}
.experts__text {
margin-bottom: 0;
}
.experts__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 63%}
.products {
margin-bottom: 7rem;
}
.products__inner {
display: flex;
}
.products__item {
border-radius: 2rem;
width: 70.5rem;
padding: 4rem 3rem;
position: relative;
border-radius: 2rem;
box-shadow: 0 14px 64px 0 rgba(231, 149, 125, .17);
background: #fff;
}
.products__column {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
height: 100%;
}
.products__item-img {
position: absolute;
top: 0;
right: 0;
}
.products__item-img svg {
width: 41.4rem;
}
.products__name {
font: 700 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 3rem;
}
.products__title {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2.1rem;
}
.products__img {
margin-top: 4rem;
margin-bottom: 1.9rem;
width: 100%}
.products__inner {
display: flex;
justify-content: space-between;
;flex-wrap:wrap;
row-gap:1rem;
}
.products__list {
display: flex;
flex-direction: column;
gap: .9rem;
}
.products__list p {
position: relative;
font: 400 2rem/1.2 "Work Sans", sans-serif;
padding-left: 1.5rem;
}
.products__list p::before {
content: "";
position: absolute;
width: .5rem;
height: .5rem;
border-radius: 50%;
background: #4b3128;
left: 0rem;
top: 1.1rem;
}
.products__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: rgba(75, 49, 40, .5);
}
.products__btn-list {
font: 500 2.4rem/1.5 "Work Sans", sans-serif;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: right;
color: rgba(75, 49, 40, .7);
margin-bottom: 4rem;
}
.products__btn-list:link {
text-decoration: underline;
font-weight: bold;
}
.products__btn {
font: 500 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fff;
display: flex;
gap: 1.6rem;
align-items: center;
padding: 1.2rem 3rem;
border-radius: 8rem;
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.products__inner {
position: relative;
z-index: 777;
}
.when {
position: relative;
margin-bottom: 8rem;
}
.when__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 6rem;
}
.when__title span {
display: block;
font: 300 8rem "Unbounded", sans-serif;
color: #e7c32c;
}
.when__img {
position: absolute;
right: 24.5rem;
z-index: -1;
}
.when__subtitle {
font: 700 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2.5rem;
}
.when__form-inner {
display: flex;
align-items: center;
gap: 2.3rem;
margin-bottom: 4rem;
}
.when__input {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
border: .2rem, solid #efb19b;
border-radius: 2rem;
}
.when__input-wrapper {
display: flex;
flex-direction: column;
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
color: #efb19b;
}
.when__input-wrapper input {
border: none;
outline: none;
font: 600 1.6rem/1.2 "Work Sans", sans-serif;
color: #baaeaa;
}
.when__btn {
display: flex;
gap: 1.5rem;
font: 500 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
padding: 1.2rem 3rem;
color: #fff;
border-radius: 5rem;
box-shadow: 0 2px 30px 0 rgba(62, 134, 126, .3);
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.when__btn svg {
width: 3rem;
height: 3rem;
}
.when .calc-ready {
margin-top: 7rem;
width: 100%;
padding: 4.5rem 15rem;
border: 2px solid #efb19b;
border-radius: 4rem;
font: 600 18.4rem/1.2 "Unbounded", sans-serif;
color: #fb8a65;
}
.when .calc-ready__inner {
font: 400 4.2rem/1.2 "Work Sans", sans-serif;
color: #efb19b;
display: flex;
justify-content: space-around;
}
.articles .container {
margin-bottom: 5rem;
display: flex;
justify-content: flex-start;
}
.articles__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #e7c32c;
margin-bottom: 4rem;
}
.articles__item {
border-radius: 2rem;
width: 45rem;
padding: 2rem 3rem 7rem;
position: relative;
background-size: cover !important;
}
.articles__number {
position: absolute;
}
.articles__top svg {
width: 5.4rem;
height: 6.3rem;
}
.articles__top {
display: flex;
justify-content: space-between;
margin-bottom: 9.7rem;
}
.articles__hash {
font: 800 1.6rem "Work Sans", sans-serif;
text-transform: uppercase;
color: #fff;
}
.articles__number {
position: absolute;
font: 500 19.2rem "Unbounded", sans-serif;
text-transform: uppercase;
color: rgba(255, 255, 255, .2);
top: 7.6rem;
left: 50%;
transform: translateX(-50%);
}
.articles__name {
font: 500 4.2rem/1 "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
position: relative;
margin-bottom: 3.5rem;
word-wrap: break-word;
}
.articles__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 5.5rem;
}
.articles__btn {
width: 35.3rem;
margin: auto;
padding: 1.6rem 3rem;
display: flex;
align-items: center;
border: .136rem solid #1a302e;
border-radius: 7.7rem;
font: 300 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #1a302e;
gap: 1.5rem;
}
.articles__btn svg {
width: 3.1rem;
height: 3.1rem;
}
.articles__btn-all {
border-radius: 5rem;
width: 25rem;
margin: auto;
font: 500 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
color: #fff;
display: flex;
align-items: center;
gap: 1rem;
padding: 1.2rem 3rem;
box-shadow: 0 2px 30px 0 rgba(62, 134, 126, .3);
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.articles__btn-all svg {
width: 3rem;
height: 3rem;
}
.literature {
margin-bottom: 7rem;
margin-top: 10rem;
}
.literature__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
text-align: center;
margin-bottom: 4rem;
}
.literature__title span {
color: #e7c32c;
display: block;
}
.literature__title span:nth-child(1) {
margin-left: 33rem;
}
.literature__title span:nth-child(2) {
margin-left: 10rem;
}
.literature__item {
font: 400 2rem "Work Sans", sans-serif;
color: rgba(75, 49, 40, .8);
}
.faq {
margin-top: 10rem;
}
.faq__title {
font: 300 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
text-align: center;
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
margin-bottom: 3rem;
}
.faq__title span {
color: #e7c32c;
display: block;
}
.faq__title span.qe {
color: #579f9b;
margin-left: 30rem;
}
.faq__item-top {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-bottom: .5rem;
}
.faq__item-name {
font: 600 3.2rem "Work Sans", sans-serif;
color: #4b3128;
max-width: 105.3rem;
}
.faq__item.visible .faq__item-icon svg path:nth-child(2) {
opacity: 0;
}
.faq__wrapper {
display: flex;
flex-direction: column;
gap: 4rem;
}
.faq__item-icon {
width: 7.8rem;
height: 7.7rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
box-shadow: 0 14px 64px 0 rgba(231, 149, 125, .17);
}
.faq__item-icon path {
transition: all .3s;
}
.faq__item-content {
max-height: 0;
overflow: hidden;
transition: all .3s;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
max-width: 114rem;
}
.reviews {
overflow: hidden;
margin-top: 5rem;
}
.reviews__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
margin-left: 30rem;
margin-bottom: 7rem;
}
.reviews__title span {
font: 300 8rem "Unbounded", sans-serif;
display: block;
color: #e7c32c;
}
.footer {
position: relative;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 3rem;
}
.footer__col:nth-child(1) {
width: 84.9rem;
}
.footer__col:nth-child(2) {
width: 42.4rem;
}
.footer__svg {
position: absolute;
right: 76.1rem;
top: 13rem;
}
.footer__svg svg {
width: 4rem;
height: 4rem;
}
.footer__logo {
margin-bottom: 2.7rem;
}
.footer__logo svg {
width: 17.5rem;
height: 9.2rem;
}
.footer__policy {
display: flex;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
gap: 1rem;
}
.footer__policy a {
color: #4b3128;
text-decoration: underline;
margin-bottom: 2.5rem;
}
.footer__contatcs {
display: flex;
align-items: center;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2.5rem;
}
.footer__contatcs a {
color: #4b3128;
}
.footer__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.footer__col-title {
font: 700 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1rem;
}
.footer__col-text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
margin-bottom: 1.5rem;
}
.footer__col-text a {
color: #4b3128;
display: inline;
}
.footer__col-link {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
text-decoration: underline !important;
margin-bottom: 1rem;
}
.footer__bottom {
background: #fff;
padding: 2.3rem 0;
}
.footer__bottom svg {
width: 100%}
.footer__bottom svg:nth-child(2) {
display: none;
}
.footer__descr {
padding: 1.3rem 0;
background: #fb8a65;
}
.footer__descr .container {
display: flex;
}
.footer__descr p {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #fff;
width: 99.5rem;
}
.footer__descr p a {
display: inline;
color: #fff;
}
.footer__inner {
display: flex;
align-items: center;
gap: 2rem;
}
.footer__btn {
border: 1.5px solid #fff;
border-radius: 5rem;
padding: 1.7rem 3.9rem;
font: 800 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
color: #fff;
}
.reviews .swiper-slide {
border-radius: 2rem;
padding: 3rem;
width: 38rem;
height: 38.2rem !important;
box-shadow: 0 14px 64px 0 rgba(231, 149, 125, .17) !important;
background: #fff !important;
opacity: 1 !important;
}
.reviews .swiper-container {
width: 114rem;
height: 60%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.reviews .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
height: 100%;
color: #000;
transition: .3s all;
border-radius: 10px;
}
.reviews .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
opacity: 0;
}
.reviews .swiper-slide-prev, .reviews .swiper-slide-next {
opacity: .3;
}
.reviews .swiper-slide-active {
transition: .3s all;
opacity: 1;
margin-top: 7rem;
}
.reviews .rate {
width: 23.3rem;
margin-bottom: 4rem;
display: flex;
}
.reviews .rate .active path {
stroke: #A64555;
fill: #A64555;
}
.reviews__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
text-align: left;
margin-bottom: 4rem;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
line-clamp: 7;
box-orient: vertical;
}
.reviews__link {
font: 400 2rem "Work Sans", sans-serif;
text-transform: uppercase;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #4b3128;
text-align: left;
text-decoration: underline !important;
}
.reviews .swiper-button-prev {
left: -50rem;
}
.reviews .swiper-button-prev svg {
min-width: 6.5rem;
min-height: 6.4rem;
}
.reviews .swiper-button-next {
right: -50rem;
}
.reviews .swiper-button-next svg {
min-width: 6.5rem;
min-height: 6.4rem;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
display: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
display: none;
}
.breadcrumbs {
margin-top: 6rem;
margin-bottom: 5rem;
}
.breadcrumbs .container {
display: flex;
align-items: center;
gap: .9rem;
}
.breadcrumbs__link {
font: 600 2rem/1.5 "Work Sans", sans-serif;
text-decoration: underline !important;
text-decoration-skip-ink: none;
color: rgba(75, 49, 40, .7);
}
.breadcrumbs__link.active {
font: 400 2rem/1.5 "Work Sans", sans-serif;
color: rgba(75, 49, 40, .7);
text-decoration: none !important;
}
.breadcrumbs__link.active svg {
display: none;
}
.page-top {
margin-bottom: 7rem;
}
.page-title {
font: 500 8rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
margin-bottom: 3rem;
color: #fb8a65;
}
.page-text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.drugs {
margin-bottom: 7rem;
}
.drugs__wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 1rem;
}
.drugs__suptitle {
font: 300 4rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #4b3128;
}
.drugs__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #589f9b;
margin-bottom: 4rem;
}
.drugs__column {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 15rem;
}
.drugs__inner {
display: flex;
}
.drugs__item {
overflow: hidden;
position: relative;
padding: 4rem 3rem;
border-radius: 2rem;
width: 70.5rem;
box-shadow: 0 14px 64px 0 rgba(231, 149, 125, .17);
background: #fff;
}
.drugs__item img {
width: 100%;
margin-bottom: 3rem;
}
.drugs__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 0rem;
}
.drugs__text span {
font: 600 2rem/1.2 "Work Sans", sans-serif;
}
.drugs .products__btn {
padding: 1.2rem 3rem;
font: 500 2.4rem "Work Sans", sans-serif;
white-space: nowrap;
}
.drugs .products__btn svg {
width: 3rem;
height: 3rem;
}
.drugs .products__btn-list {
margin: auto;
white-space: nowrap;
font: 600 2rem/1.5 "Work Sans", sans-serif;
}
.mechanism {
margin-top: 7rem;
margin-bottom: 7rem;
}
.mechanism__title {
text-align: center;
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #589f9b;
margin-bottom: 4rem;
}
.mechanism__title span {
font: 300 8rem "Unbounded", sans-serif;
display: block;
color: #e7c32c;
}
.mechanism__title svg {
width: 9.5rem;
height: 8.6rem;
}
.mechanism__wrapper {
display: flex;
align-items: center;
gap: 8rem;
}
.mechanism img {
width: 64.5rem;
height: 33.4rem;
border-radius: 3rem;
}
.mechanism__subtitle {
font: 600 3rem "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
}
.mechanism__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.about-work {
margin-bottom: 7rem;
}
.about-work__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
margin-bottom: 4rem;
}
.about-work__title-one {
color: #e7c32c;
font-weight: 300;
}
.about-work__title-one span {
font-weight: 500;
}
.about-work__title-two {
font: 300 8rem "Unbounded", sans-serif;
color: #589f9b;
margin-left: 40rem;
}
.about-work__title-three {
color: #589f9b;
}
.about-work__video {
position: relative;
border-radius: 2rem;
width: 144rem;
height: 62.1rem;
margin-bottom: 7rem;
}
.about-work__video img, .about-work__video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-work__overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
border-radius: 2rem;
}
.about-work__play {
position: absolute;
z-index: 7;
background: #fff;
border-radius: 10rem;
width: 10rem;
height: 10rem;
display: flex;
justify-content: center;
align-items: center;
top: 50%;
left: 50%;
transform: translate(-50%,  -50%);
}
.experts {
margin-bottom: 7rem;
}
.experts__wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 4rem;
}
.experts__item {
width: 45rem;
border-radius: 2rem;
padding: 3rem;
box-shadow: 0 14px 64px 0 rgba(231, 149, 125, .17);
background: #fff;
}
.experts__item img {
width: 100%;
margin-bottom: 3rem;
}
.experts__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 4rem;
}
.experts__btn {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
padding: 1.5rem 3rem;
border: .15rem solid #1a302e;
border-radius: 7.7rem;
font: 300 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
color: #1a302e;
white-space: nowrap;
}
.experts__btn svg {
min-width: 3rem;
min-height: 3rem;
}
.experts .articles__btn-all {
white-space: nowrap;
width: 31rem;
}
.expert-detal__inner {
background: #fff;
border-radius: 2rem;
padding: 3rem;
margin-bottom: 3rem;
}
.expert-detal__inner img {
width: 41rem;
height: 41rem;
border-radius: 2rem;
object-fit: cover;
}
.expert-detal__top {
display: flex;
align-items: flex-start;
gap: 5rem;
}
.expert-detal__name {
font: 500 5rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
margin-bottom: 3rem;
color: #589f9b;
}
.expert-detal__text {
font: 400 2.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
max-width: 87rem;
}
.expert-detal__experience-title {
font: 600 3.2rem "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1rem;
}
.expert-detal__experience span {
font: 400 2.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__list {
margin-top: 5rem;
}
.expert-detal__list-title {
font: 600 3.2rem "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
}
.expert-detal__list-item {
font: 400 2.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
position: relative;
padding-left: 3rem;
}
.expert-detal__list-item span {
font: 600 2.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__list-item::before {
content: "";
position: absolute;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #589f9c;
top: 1rem;
left: 0;
}
.expert-detal__list-inner {
display: flex;
flex-direction: column;
gap: 2rem;
}
.articles-page {
margin-bottom: 7rem;
}
.page__thumbs {
display: flex;
gap: 1.2rem;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
flex-wrap: wrap;
}
.page__thumb {
padding: 1.8rem 2.4rem;
border-radius: 2.5rem;
background: #ffe4dc;
transition: all .3s;
cursor: pointer;
}
.page__thumb.active {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #fff;
background: #fb8a65;
}
.articles__title.spec-title {
margin-left: -10rem;
}
.articles__title span {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #589f9b;
display: block;
margin-left: 20rem;
}
.articles__title span.spec {
margin-left: 40rem;
}
.faq-page {
margin-bottom: 7rem;
}
.digit {
margin-bottom: 7rem;
}
.digit__title {
text-align: center;
font: 600 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 4rem;
}
.digit__title svg {
width: 9.6rem;
height: 8.6rem;
}
.digit__title span {
font-weight: 300;
color: #e6c12e;
}
.digit__title span.weight {
font-weight: 600;
}
.digit__title span.last {
font: 600 8rem "Unbounded", sans-serif;
color: #579f9b;
margin-left: -30rem;
}
.digit__wrapper {
display: flex;
justify-content: space-between;
}
.digit__item {
width: 26rem;
font: 600 1.8rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.digit__item-icon {
border-radius: 2rem;
width: 26rem;
height: 13rem;
display: flex;
align-items: flex-end;
font: 600 5.8rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
padding-left: .5rem;
background-size: cover !important;
margin-bottom: .7rem;
}
.about {
margin-bottom: 7rem;
}
.about__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e6c12e;
margin-bottom: 3rem;
}
.about__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.about__info {
max-width: 83rem;
}
.about__subtitle {
font: 600 2.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2rem;
}
.about__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
}
.about__btn {
display: flex;
gap: 1rem;
padding: 1.5rem 3rem;
font: 300 2.4rem "Work Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #1a302e;
border: .15rem solid #1a302e;
border-radius: 7.7rem;
width: fit-content;
}
.about__btn svg {
width: 3rem;
height: 3rem;
}
.about__img {
border-radius: 2rem;
width: 56rem;
height: 35rem;
}
.history {
margin-bottom: 7rem;
}
.history__title {
font: 500 8rem/1.1 "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #579f9b;
text-align: center;
position: relative;
margin-left: 15rem;
margin-bottom: 3rem;
}
.history__title svg {
left: 21rem;
top: 7rem;
position: absolute;
}
.history__title span {
margin-right: 39rem;
font: 300 8rem "Unbounded", sans-serif;
color: #e7c32c;
display: block;
}
.history__wrapper {
display: flex;
align-items: center;
gap: 4rem;
}
.history__info {
width: 85rem;
}
.history__subtitle {
font: 600 2.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2rem;
}
.history__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.history__img {
border-radius: 2rem;
width: 56rem;
height: 35rem;
}
.about-company {
margin-bottom: 7rem;
}
.about-company__inner {
display: flex;
justify-content: space-between;
}
.about-company__title {
font: 500 8rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fb8a65;
margin-bottom: 5rem;
}
.about-company__info {
width: 85rem;
}
.about-company__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
}
.about-company__img {
border-radius: 2rem;
width: 56rem;
height: 39.5rem;
}
.page-title.article-page {
font: 500 6rem/1.05 "Unbounded", sans-serif;
}
.page-reading {
display: flex;
align-items: center;
gap: 1rem;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #a59894;
margin-bottom: 3rem;
}
.page-reading svg {
width: 2.8rem;
height: 2.8rem;
}
.articles__bottom {
display: flex;
justify-content: center;
align-items: center;
gap: 3rem;
}
.articles__bottom .articles__btn-all {
margin: 0;
}
.articles__all-link {
font: 300 2.4rem "Work Sans", sans-serif;
text-decoration: underline !important;
text-decoration-skip-ink: none;
text-align: center;
color: #1a302e;
}
.review__rate .article-content {
margin-bottom: 7rem;
}
.review__rate .article-content .content__title {
font: 500 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
margin-bottom: 3rem;
}
.review__rate .article-content .content__list {
display: flex;
flex-direction: column;
gap: .7rem;
margin-bottom: 1.9rem;
}
.review__rate .article-content .content__li {
font: 400 3rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
position: relative;
padding-left: 2.4rem;
}
.review__rate .article-content .content__li::before {
content: "";
position: absolute;
left: 0;
top: 1.3rem;
width: .8rem;
height: .8rem;
border-radius: 50%;
background: #589f9c;
}
.review__rate .article-content .content__text {
font: italic 400 3rem/1.2 "Work Sans", sans-serif;
color: #a59894;
margin-bottom: 3rem;
}
.review__rate .article-content__block {
margin-bottom: 3rem;
}
.review__rate .article-content__block-text {
margin-bottom: 3rem;
}
.review__rate .article-content__block-title {
font: 500 4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 3rem;
}
.review__rate .article-content__block-text {
font: 400 3rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.review__rate .article-content__block-img {
float: right;
border-radius: 2rem;
width: 56rem;
height: 50rem;
}
.review__rate .article-content__block-li {
font: 400 3rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
position: relative;
padding-left: 2.4rem;
}
.review__rate .article-content__block-li::before {
content: "";
position: absolute;
left: 0;
top: 1.3rem;
width: .8rem;
height: .8rem;
border-radius: 50%;
background: #589f9c;
}
.differences {
margin-bottom: 3rem;
}
.differences__title {
font: 500 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e6c12e;
margin-bottom: 3rem;
}
.differences__wrapper {
display: flex;
}
.differences__list {
width: 70.5rem;
}
.differences__list.second__list .content__li::before {
display: none;
}
.differences__list.second__list span {
color: #e6c12e;
}
.footnotes {
margin-bottom: 3rem;
font: 400 1.6rem/1.1 "Work Sans", sans-serif;
color: rgba(75, 49, 40, .8);
}
.footnotes sup {
font: 400 1.6rem/1.1 "Work Sans", sans-serif;
color: #e06742;
}
.articles__btn {
position: relative;
z-index: 777;
margin-bottom: 0;
margin-top: 1rem;
}
.articles__content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 85%;
padding-bottom: 3.5rem;
}
.articles__text {
margin-bottom: 0;
}
.articles__name {
margin-bottom: auto;
}
.articles-authors {
margin-top: 3rem;
}
.articles-authors__wrapper {
display: flex;
gap: 2rem;
}
.articles-authors__author-title {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: .7rem;
}
.articles-authors__author {
display: flex;
width: 70.3rem;
gap: 2rem;
}
.articles-authors__author-name {
font: 400 2rem/1.2 "Work Sans", sans-serif;
text-decoration: underline !important;
text-decoration-skip-ink: none;
color: #4b3128;
padding-top: 3rem;
margin-bottom: 1rem;
}
.articles-authors img {
border-radius: 2rem;
width: 27rem;
height: auto;
}
.articles-authors__author-text {
font: italic 400 1.6rem/1 "Work Sans", sans-serif;
color: #a59894;
}
.articles-authors__expert {
width: 70.5rem;
}
.articles-authors__expert .articles-authors__author-name {
padding-top: 0;
text-decoration: none;
}
.articles-authors__expert .articles-authors__author-text {
max-width: 47.1rem;
}
.articles-authors .articles-authors__expert-title {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1rem;
}
.product__main .container {
display: flex;
align-items: center;
gap: 4rem;
}
.product__main .product__main-info {
max-width: 68.3rem;
}
.product__main .product__main-name {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #fb8a65;
margin-bottom: 4rem;
}
.product__main .product__main-descr {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 4rem;
}
.product__main .products__inner {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4rem;
}
.product__main .products__btn-list {
margin-bottom: 0;
}
.product__main .product__main-img {
border-radius: 2rem;
width: 70.5rem;
height: 39.4rem;
}
.product-advantages {
margin-bottom: 7rem;
margin-top: 5rem;
}
.product-advantages .container {
display: flex;
justify-content: center;
gap: 6rem;
}
.product-advantages__item {
width: 33rem;
}
.product-advantages__item img {
display: block;
width: 12.8rem;
margin: auto;
margin-bottom: 3rem;
}
.product-advantages__title {
font: 600 2rem/1.2 "Work Sans", sans-serif;
text-align: center;
color: #4b3128;
margin-bottom: 1.5rem;
}
.product-advantages__text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
text-align: center;
}
.mechanics {
margin-bottom: 7rem;
}
.mechanics__title {
font: 300 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e7c32c;
text-align: center;
margin-bottom: 5rem;
position: relative;
}
.mechanics__title .weight {
font: 500 8rem "Unbounded", sans-serif;
}
.mechanics__title .green {
font: 500 8rem "Unbounded", sans-serif;
color: #589f9b;
margin-left: 15rem;
}
.mechanics__title svg {
position: absolute;
top: 11rem;
left: 37rem;
width: 10rem;
}
.mechanics__inner {
display: flex;
align-items: center;
gap: 5rem;
}
.mechanics img {
border-radius: 2rem;
width: 67.4rem;
height: 42.8rem;
}
.mechanics__text {
font: 400 2.4rem "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.5rem;
}
.mechanics__weight {
font: 600 2.4rem "Work Sans", sans-serif;
margin-bottom: 4.2rem;
}
.mechanics__list-title {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2rem;
}
.mechanics__weight-text {
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
padding-left: 2.5rem;
margin-bottom: .5rem;
position: relative;
}
.mechanics__weight-text::before {
content: "";
position: absolute;
width: .8rem;
height: .8rem;
background: #589f9c;
top: 1rem;
left: 0rem;
border-radius: 50%}
.how-to-take {
margin-bottom: 7rem;
position: relative;
}
.how-to-take__title {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
text-align: center;
margin-bottom: 5rem;
}
.how-to-take__title span {
display: block;
font: 300 8rem "Unbounded", sans-serif;
color: #e7c32c;
margin-left: -60rem;
}
.how-to-take__inner {
display: flex;
justify-content: center;
gap: 14rem;
position: relative;
}
.how-to-take__item {
width: 33.2rem;
height: 14.6rem;
background: #589f9b;
border-radius: 1rem;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
padding: 3rem 5rem;
}
.how-to-take__num {
font: 500 7rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.how-to-take__tl {
font: 600 2.4rem/1.25 "Unbounded", sans-serif;
text-transform: uppercase;
color: #fff;
}
.how-to-take__text {
font: 300 2rem/.9 "Unbounded", sans-serif;
color: #fff;
}
.how-to-take__label {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 1.5rem 3.3rem;
background: #fb8a65;
border-radius: 1rem;
font: 600 2rem "Unbounded", sans-serif;
color: #fff;
}
.how-to-take__abs {
position: absolute;
width: 9.9rem;
top: 31.9rem;
left: 41rem;
}
.how-to-take__abs1 {
position: absolute;
width: 8.9rem;
top: 21.9rem;
right: 37.7rem;
}
.products__btn-list {
margin-top: 5rem;
display: block;
width: 100%;
text-align: center;
}
.why {
margin-bottom: 7rem;
}
.why__title {
font: 300 9rem "Unbounded", sans-serif;
text-align: center;
margin-bottom: 4rem;
color: #e7c32c;
margin-left: -20rem;
}
.why__title span {
color: #fb8a65;
margin-left: 27rem;
}
.why__inner {
display: flex;
justify-content: center;
}
.why__list {
width: 54.1rem;
}
.why__item {
display: flex;
align-items: center;
gap: 1rem;
padding: .7rem 1.9rem;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.why__item span {
border-radius: 2rem;
background: #ffe4dc;
padding: .7rem 1.9rem;
font: 500 1.8rem/1.2 "Unbounded", sans-serif;
color: #e06742;
}
.indications {
margin-top: 7rem;
}
.indications__title {
font: 300 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #589f9b;
margin-bottom: 4rem;
}
.indications__title span {
font: 500 8rem "Unbounded", sans-serif;
color: #e7c32c;
display: block;
margin-left: -35rem;
}
.indications__item {
display: flex;
align-items: center;
gap: 1rem;
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 2.5rem;
}
.indications__item svg {
min-width: 2.4rem;
}
.indications__info {
max-width: 65rem;
}
.indications__list {
position: relative;
}
.indications__li {
position: relative;
padding-left: 5.4rem;
margin-bottom: 2rem;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.indications__li::before {
content: "";
position: absolute;
width: .8rem;
height: .8rem;
background: #589f9c;
border-radius: 50%;
left: 2.9rem;
top: 1rem;
}
.indications__inner {
display: flex;
justify-content: space-evenly;
}
.indications__img {
position: relative;
}
.indications__img1 {
width: 100%;
object-fit: cover;
max-height: 48rem;
}
.indications__img2 {
width: 44.9rem;
height: 34.1rem;
position: absolute;
bottom: -10rem;
right: 3rem;
object-fit: contain;
}
.postinor-odt .indications__inner {
align-items: center;
}
.postinor-odt .indications__img11 {
max-height: 23rem;
}
.postinor-odt .indications__img21 {
height: 10.1rem;
bottom: -2rem;
right: -4rem;
}
.indications {
margin-bottom: 9rem;
}
.contraindications__title {
font: 300 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #e7c32c;
margin-bottom: 4rem;
}
.contraindications__title span {
font: 500 8rem "Unbounded", sans-serif;
text-transform: uppercase;
text-align: right;
color: #589f9b;
display: block;
}
.contraindications__inner {
display: flex;
gap: 4rem;
}
.contraindications__img {
width: 70.5rem;
height: 42.6rem;
}
.contraindications__info {
display: flex;
gap: 2rem;
flex-direction: column;
}
.contraindications__info-item {
display: flex;
gap: 1rem;
font: 400 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.contraindications__info-item svg {
min-width: 1.8rem;
min-height: 1.8rem;
}
.products__img img {
width: 100%}
.article-content__block-text img {
float: right;
}
.content__list {
flex-direction: column;
margin-bottom: 1.9rem;
}
.content__title {
font: 500 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
margin-bottom: 3rem;
}
.content__li {
font: 400 3rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
padding-left: 2.4rem;
position: relative;
}
.content__li::before {
content: "";
position: absolute;
width: .8rem;
height: .8rem;
background: #589f9c;
left: 0;
top: 1.5rem;
border-radius: 50%}
.article-content__block {
margin-bottom: 3rem;
}
.article-content__block-title {
font: 500 4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 3rem;
}
.article-content__block-text {
font: 400 3rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.content__text {
font: italic 400 3rem/1.2 "Work Sans", sans-serif;
color: #a59894;
margin-bottom: 4rem;
}
.hamburger {
display: none;
}
.modal {
position: relative;
display: none;
position: fixed;
z-index: 777;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, .6);
transition: .3s;
justify-content: center;
align-items: center;
}
.modal-content {
background-color: #fefefe;
width: 60rem;
padding: 4rem;
border-radius: 2rem;
position: relative;
}
.modal__title {
text-align: center;
font: 500 3rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
color: #fb8a65;
margin-bottom: 3rem;
}
.modal__text {
text-align: center;
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.modal__inner {
display: flex;
align-items: center;
gap: 2rem;
margin-top: 3rem;
}
.modal__btn {
padding: 1rem 3.9rem;
border: 1.2px solid #1a302e;
border-radius: 5.6rem;
display: flex;
justify-content: center;
align-items: center;
gap: 1.3rem;
font: 400 1.6rem "Work Sans", sans-serif;
text-transform: uppercase;
white-space: nowrap;
color: #1a302e;
}
.modal__btn svg {
width: 2.4rem;
height: 2.4rem;
}
.close-btn {
position: absolute;
top: 0;
right: -3rem;
cursor: pointer;
}
@media(max-width: 1440px) {
.main-section__top-img {
left: 23rem;
}
.main-section__svg {
left: 30rem;
}
.main-section__img3 {
right: 27rem;
}
.main-section__img2 {
right: 40rem;
}
.necessary .main-section__btn {
white-space: nowrap;
}
.when__img {
width: 70.4rem;
height: 50.9rem;
right: 9rem;
}
.reviews .swiper-slide {
height: 100% !important;
}
}.mobile {
display: none;
}
@media(max-width: 1200px) {
.main-section__top-img {
top: 3rem;
left: 5rem;
}
.main-section__img1 {
margin-left: 0;
}
.main-section__img1 {
width: 76.1rem;
}
.main-section__img2 {
width: 50.3rem;
height: 30rem;
right: 35rem;
margin-top: 3rem;
}
.main-section__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
margin-left: 22rem;
}
.main-section__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.main-section__img3 {
width: 31rem;
height: 31rem;
top: 19rem;
right: 11rem;
}
.main-section__svg svg {
width: 10rem;
height: 10rem;
}
.necessary__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.necessary__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.main-section__svg {
left: 10rem;
}
.when__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.when__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.articles__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.faq__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.buy__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.buy__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.literature__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.reviews__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.reviews__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.digit__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.digit__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.about__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.history__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.history__title span {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
.history__title svg {
left: 17rem;
}
.about-company__title {
font: 500 10rem/1.05 "Unbounded", sans-serif;
}
}.uteka-widget {
width: 100%;
height: 768px;
outline: 1px solid #e0e0e0;
}
.uteka-widget iframe {
border: none;
width: 100%;
height: calc(100% - 57px);
}
.uteka-widget__container {
margin: 0 auto;
padding: 0 16px;
}
@media(min-width: 600px) {
.uteka-widget__container {
padding: 0 20px;
}
}@media(min-width: 768px) {
.uteka-widget__container {
padding: 0 40px;
}
}@media(min-width: 1024px) {
.uteka-widget__container {
padding: 0 44px;
}
}@media(min-width: 1440px) {
.uteka-widget__container {
padding: 0 60px;
max-width: 1440px;
}
}.uteka-widget-header {
background: #fff;
border-bottom: 1px solid #e0e0e0;
}
.uteka-widget-header__inner {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 56px;
}
.uteka-widget-header__title {
background: url(https://widget.uteka.ru/static/img/widgets/title_2@mobile.svg) no-repeat;
background-position: center;
width: 230px;
height: 24px;
}
.uteka-widget-header__logo {
height: 16px;
}
.uteka-widget-header__logo img {
height: 100%}
.uteka-widget-header__close {
position: absolute;
top: 0;
right: -8px;
bottom: 0;
z-index: 5;
margin: auto;
width: 32px;
height: 32px;
background: url(https://widget.uteka.ru/static/img/widgets/close_2.svg) no-repeat center;
}
@media(min-width: 1024px) {
.uteka-widget-header__inner {
flex-direction: row;
}
.uteka-widget-header__title {
background-image: url(https://widget.uteka.ru/static/img/widgets/title_2.svg);
width: 264px;
height: 24px;
}
.uteka-widget-header__logo {
position: absolute;
left: 0;
bottom: 0;
top: 0;
margin: auto;
height: 32px;
}
}.faq {
margin-bottom: 7rem;
}
.buy {
position: relative;
overflow: hidden;
}
.buy__title {
font: 300 8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e7c32c;
text-align: center;
margin-bottom: 4rem;
}
.buy__title span {
font: 500 8rem "Unbounded", sans-serif;
color: #efb19b;
}
@media(max-width: 962px) {
.buy__title {
font: 300 2.9rem "Unbounded", sans-serif;
}
.buy__title span {
font: 500 2.9rem "Unbounded", sans-serif;
}
.article-content {
& h2 {
font-family: "Unbounded";
font-size: 2.8rem;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 3rem;
}
}
}
.buy__inner {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 4rem;
}
@media(max-width: 962px) {
.buy__inner {
flex-direction: column;
}
}
.buy__btn {
font: 500 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
padding: 1.2rem 3rem;
border: .2rem solid #1a302e;
border-radius: 10rem;
color: #1a302e;
transition: all .3s;
}
@media(max-width: 962px) {
.buy__btn {
font: 700 1.6rem "Unbounded", sans-serif;
text-align: center;
padding: 1.5rem;
width: 26rem;
margin: auto;
}
}.buy__btn.active {
border: none;
color: #fff;
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.buy .pharmacy.active {
display: flex;
}
.buy .pharmacy{
margin-top: 4rem;
display: none;
justify-content: center;
align-items: center;
gap: 6rem;
}
@media(max-width: 962px) {
.buy .pharmacy {
flex-wrap: wrap;
}
}.buy .pharmacy__img {
width: 18.5rem;
height: auto !important;
}
@media(max-width: 962px) {
.buy .pharmacy__img {
width: 14rem;
}
}@media(max-width: 962px) {
.header {
z-index: 7777777;
}
.nav {
position: fixed;
top: 0;
background: #fff;
padding-top: 9rem;
left: 0;
width: 100%;
display: flex !important;
flex-direction: column;
padding-bottom: 7rem;
transform: translateY(-100%);
transition: all .3s;
}
.nav.active {
transform: translateY(0%);
}
.nav__link {
text-transform: uppercase;
color: #31756e !important;
font-weight: 700;
}
.header__logo {
position: relative;
z-index: 77;
}
.hamburger {
position: relative;
z-index: 77;
}
}.reviews {
position: relative;
}
.btn--stroke {
transition: all .5s;
}
.btn--stroke svg {
transition: -webkit-transform .5s, transform .5s;
-o-transition: transform .5s 0s;
}
.btn--stroke:hover {
transition: all .7s;
color: #fff;
border-color: rgba(0, 0, 0, 0);
background: linear-gradient(90deg,  #184f49 0%,  #31756e 100%);
}
.btn--stroke:hover svg path {
fill: #fff;
}
.btn--stroke:hover svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn--green {
transition: all .3s;
}
.btn--green svg {
transition: -webkit-transform .5s, transform .5s;
-o-transition: transform .5s 0s;
}
.btn--green:hover {
transition: all .3s;
color: #fff;
box-shadow: 0 2px 30px 0 rgba(62, 134, 126, .3);
background: #a54657;
}
.btn--green:hover svg path {
fill: #fff;
}
.btn--green:hover svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.link {
transition: all .3s;
}
.link:hover {
transition: all .3s;
color: #fb8a65;
}
.literature__item {
transition: all .3s;
}
.literature__item:hover {
transition: all .3s;
color: #fb8a65;
}
.faq__item-top {
transition: all .3s;
}
.faq__item-top:hover .faq__item-icon {
transition: all .3s;
box-shadow: 0 14px 64px 0 rgba(231, 149, 125, .5);
}
.faq__item-top:hover .faq__item-icon svg path {
fill: #a54657;
}
.faq ul {
padding-inline-start: 40px;
}
.faq ul li {
list-style: initial;
}
.faq table {
margin-top: 30px;
}
.faq thead {
text-align: left;
}
.faq thead th {
color: #e06742;  font-family: 'Montserrat', Arial;
border: none;
padding-bottom: 20px;
}
.faq td,
.faq th {
width: 50%;
vertical-align: top;
padding: 8px;
border-top: 1px solid #ddd;
}
.faq tbody a {
color: #e06742;
display: inline;
}
.faq tbody ul {
padding-inline-start: 40px;
}
.faq tbody td {
color: #4b3128;  font-family: 'Montserrat', Arial;
border-color: #dfe1e5;
padding-top: 15px;
padding-bottom: 15px;
}
.faq tbody td li { list-style: none;
margin-bottom: 20px;
position: relative;
}
.faq tbody td li:before {
content: "";
position: absolute;
top: 7px;
left: -18px;
width: 5px;
height: 5px;
background-color: #e06742;
}
.faq td.value {
font-family: 'Montserrat', Arial;
}
@media (max-width: 962px) {
.faq tbody td li:before {
top: 12px;
left: -20px;
width: 8px;
height: 8px;
}
}
@media (max-width: 767px) {
.faq thead {
display: none;
}
.faq td {
width: 100%;
}
.faq tbody tr td {
display: block;
}
.faq tbody td li:before {
top: 13px;
left: -20px;
width: 8px;
height: 8px;
}
}
@media(max-width: 962px) {
.main-section__top-img {
left: 23rem;
}
.main-section__svg svg {
width: 7rem;
height: 7rem;
}
.main-section__svg {
left: 5rem;
}
.main-section__img3 {
right: 27rem;
}
.main-section__img2 {
right: 49rem;
}
.necessary .main-section__btn {
white-space: nowrap;
}
.when__img {
right: 9rem;
}
.reviews .swiper-slide {
height: 100% !important;
}
.modal__inner {
flex-direction: column;
}
.modal-content {
width: 90%}
.close-btn {
top: -3rem;
right: 0;
}
.nav {
display: none !important;
}
.header__logo img {
width: 2.9rem;
height: 3.9rem;
}
.container {
padding: 0 1.5rem;
}
.main-section {
padding-top: 2rem;
}
.articles__content {
padding-bottom: 0;
}
.nav {
display: none !important;
}
.header__logo img {
width: 2.9rem;
height: 3.9rem;
}
.header__btn {
display: none;
}
.articles__name {
margin-bottom: 1.5rem;
}
.header__logo {
margin-right: 0;
}
.main-section__top-img {
display: none;
}
.main-section__title {
margin-left: 0;
}
.main-section__img3 {
border-radius: 1rem;
width: 18.7rem;
height: 12rem;
object-fit: cover;
right: 1.4rem;
top: 25rem;
}
.main-section__img2 {
border-radius: 1rem;
width: 23rem;
height: 15.1rem;
top: 13rem;
left: 15rem;
}
.main-section__title span.pink {
margin-left: 0;
}
.main-section__title span {
padding-left: 3rem;
}
.main-section__title span.thin {
display: block;
padding-left: 0 !important;
}
.main-section__title span.pink {
display: inline;
margin-top: -3rem;
padding-left: 7rem;
}
.main-section__title {
font: 300 4rem/1.05 "Unbounded", sans-serif !important;
}
.main-section__title span {
font: 300 4rem/1.05 "Unbounded", sans-serif !important;
}
.main-section__img1 {
margin-left: 0;
border-radius: 1rem;
width: 32.7rem;
height: 16.8rem;
margin-top: 15rem;
}
.main-section__actions {
flex-direction: column;
gap: 1.5rem;
margin-top: 1.5rem;
}
.main-section__btn {
font: 800 1.6rem "Work Sans", sans-serif;
white-space: nowrap;
padding: .9rem 1rem;
width: 100%;
justify-content: center;
}
.necessary__title {
margin: 0;
font: 300 3rem "Unbounded", sans-serif;
margin-bottom: 2rem;
}
.necessary__title span {
font: 500 3rem "Unbounded", sans-serif;
margin-left: 3rem;
}
.main-section {
padding-top: 0;
margin-bottom: 5rem;
}
.necessary__text {
text-align: left;
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.necessary__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3rem;
}
.necessary__item {
flex-direction: row;
gap: 3.8rem;
font: 400 1.6rem "Work Sans", sans-serif;
color: #4b3128;
}
.necessary__item img {
width: 6.2rem;
}
.necessary__item div {
font: 400 1.6rem "Work Sans", sans-serif;
color: #4b3128;
text-align: left;
}
.necessary .main-section__btn {
width: 100%;
margin-top: 1.5rem;
}
.necessary__inner {
gap: 1.3rem;
}
.products__inner {
flex-direction: column;
gap: 1rem;
}
.products__item {
width: 100%;
padding: 2.5rem 1.3rem;
}
.products__btn {
display: none;
}
.products__btn-list {
text-align: left;
}
.products__name {
margin-bottom: 2rem;
}
.products__title {
font: 600 1.6rem/1.3 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.7rem;
}
.products__list p {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.products__btn-list {
margin-bottom: 0;
}
.products__text br {
display: none;
}
.products__btn-list {
font: 600 1.6rem/1.5 "Work Sans", sans-serif;
}
.products__img {
margin-top: 2.5rem;
}
.products__item {
overflow: hidden;
}
.when__title {
font: 300 3rem "Unbounded", sans-serif;
display: flex;
flex-wrap: wrap;
margin-left: 5rem;
margin-bottom: 2rem;
}
.when__title span {
margin-left: -5rem;
font: 300 3rem "Unbounded", sans-serif;
}
.when__title svg {
top: 1.9rem;
left: 1.5rem;
position: absolute;
width: 4.5rem;
}
.when__img {
display: none;
}
.when__form-inner {
flex-direction: column;
margin-bottom: 2rem;
}
.when__input {
width: 100%}
.when__btn {
padding: 1.25rem 2.5rem;
font: 800 1.6rem "Work Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fff;
align-items: center;
margin: auto;
width: 20rem;
}
.when__subtitle {
font: 700 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.calc-ready {
margin-top: 3rem !important;
font: 600 4.9rem/1.2 "Unbounded", sans-serif !important;
padding: 1.2rem 1.1rem 1.9rem !important;
border-radius: 1rem !important;
}
.calc-ready__item {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.articles__title {
font: 500 3rem "Unbounded", sans-serif;
text-align: left;
padding-left: 1.3rem;
margin-bottom: 3rem;
}
.when {
margin-bottom: 3rem;
}
.articles__item {
width: 100%}
.articles .container {
flex-direction: column;
gap: 1rem;
}
.articles__hash {
font: 800 1.4rem "Work Sans", sans-serif;
}
.articles__top svg {
width: 3rem;
height: 3rem;
}
.articles__item {
padding: 1rem 1.5rem 5rem;
}
.articles__name {
font: 500 2.9rem/1 "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
}
.articles__number {
font: 500 10.8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: rgba(255, 255, 255, .2);
}
.articles__top {
margin-bottom: 6rem;
}
.articles__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
}
.articles__btn {
padding: 1.25rem 1.3rem;
font: 300 1.6rem "Work Sans", sans-serif;
width: 100%;
white-space: nowrap;
width: 23.9rem;
margin: auto;
cursor: pointer;
position: relative;
z-index: 777;
}
.articles__btn-all {
font: 800 1.6rem "Work Sans", sans-serif;
justify-content: center;
width: 18.4rem;
white-space: nowrap;
padding: 1rem;
margin-top: -1.5rem;
}
.faq {
margin-top: 5rem;
}
.faq__title {
font: 500 3rem "Unbounded", sans-serif;
text-align: left;
}
.faq__title .qe {
margin-left: 10rem !important;
}
.faq__item-name {
font: 600 1.6rem "Work Sans", sans-serif;
color: #4b3128;
max-width: 23.5rem;
}
.faq__item-top {
padding-bottom: 1rem;
}
.faq__item-icon {
width: 4.3rem;
height: 4.3rem;
}
.faq__item-icon svg {
width: 1.5rem;
height: 1.5rem;
}
.faq__item-content {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.reviews__title {
text-align: left;
margin-left: 5rem;
font: 400 3rem "Unbounded", sans-serif;
}
.reviews__title span {
margin-left: -5rem;
}
.reviews__title span {
font: 400 3rem "Unbounded", sans-serif;
}
.reviews__title svg {
left: 3rem;
width: 2.6rem;
height: 3.7rem;
position: absolute;
}
.footer__descr p {
display: none;
}
.reviews .swiper-container {
width: 100%}
.reviews .swiper-slide {
width: 100%}
.reviews .swiper-slide-active {
margin-top: 0;
}
.literature__title {
font: 400 3rem "Unbounded", sans-serif;
}
.literature__title span:nth-child(1) {
margin-left: 5rem;
}
.literature__title span:nth-child(2) {
margin-left: 0;
}
.footer__policy {
gap: 0;
flex-direction: column;
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__wrapper {
flex-direction: column;
align-items: flex-start;
}
.footer__col:nth-child(1) {
width: 100%}
.footer__text {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
margin-bottom: 2.4rem;
}
.footer__contatcs {
display: block;
align-items: start;
font: 700 1.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.footer__contatcs a {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__col-title {
font: 700 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__col-text {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__col-link {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__bottom svg:nth-child(2) {
display: block;
}
.footer__bottom svg:nth-child(1) {
display: none;
width: 100% !important;
}
.footer__bottom svg {
width: 35.5rem;
height: 2.6rem;
}
.footer__bottom {
padding: 1.1rem 0;
}
.footer__inner .footer__btn:nth-child(2) {
display: none;
}
.footer__descr .container {
justify-content: space-between;
align-items: center;
}
.footer__btn {
padding: 1.3rem 3rem;
border: 2.25px solid #fff;
border-radius: 5.6rem;
font: 800 1.6rem "Work Sans", sans-serif;
}
.footer__descr a {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #fff;
}
.reviews__text {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
letter-spacing: -0.01em;
color: #4b3128;
}
.reviews__link {
font: 400 1.4rem "Work Sans", sans-serif;
}
.reviews .swiper-slide {
border-radius: 1.1rem;
padding: 2rem 1.5rem 1rem;
}
.rate {
margin-bottom: 2rem !important;
}
.reviews__title {
margin-bottom: 3rem;
}
.literature {
margin-top: 3rem;
}
.page-title {
font: 500 3rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
color: #fb8a65;
margin-bottom: 2rem;
}
.breadcrumbs {
margin-bottom: 3rem;
}
.faq-page {
margin-top: 0;
}
.page-top {
margin-bottom: 3rem;
}
.drugs__suptitle {
font: 300 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
text-align: left;
}
.drugs__title {
font: 500 3rem "Unbounded", sans-serif;
text-align: left;
margin-bottom: 3rem;
}
.drugs__title span {
display: block;
margin-left: 5rem;
}
.drugs__wrapper {
flex-direction: column;
gap: 2.5rem;
}
.drugs__item {
width: 100%}
.drugs__item {
padding: 1.4rem;
}
.drugs__column {
height: auto;
}
.drugs__text {
margin-bottom: 1.5rem;
}
.page__thumb {
padding: 1.1rem 1.5rem;
font: 300 1.6rem/1.2 "Work Sans", sans-serif;
}
.page__thumb.active {
font: 500 1.6rem/1.2 "Work Sans", sans-serif;
}
.page__thumbs {
width: 101%;
overflow: auto;
}
.page__thumbs::-webkit-scrollbar {
display: none;
}
section {
overflow: hidden;
}
.footer__col:nth-child(2) {
width: 100%}
.mobile {
display: block;
}
.breadcrumbs {
margin-top: 3rem;
}
.experts__wrapper {
flex-direction: column;
gap: 2rem;
}
.experts__item {
width: 100%;
padding: 1.4rem;
}
.experts__btn {
padding: 1.2rem 2.5rem;
font: 300 1.6rem "Work Sans", sans-serif;
}
.experts__name {
font: 600 1.6rem/1.5 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
margin-bottom: 1.5rem;
}
.experts__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.mobile {
max-width: 13.2rem;
}
.digit__title {
font: 300 2.8rem/1.05 "Unbounded", sans-serif;
}
.digit__title span.last {
font: 500 2.8rem/1.05 "Unbounded", sans-serif;
margin-left: 5rem;
}
.digit__title svg {
width: 3.9rem;
height: 5.1rem;
}
.digit__title span.weight {
margin-left: -9rem;
}
.digit__title span {
display: block;
}
.digit__title br {
display: none;
}
.digit__title svg {
position: absolute;
left: 3rem;
top: 21rem;
}
.digit__wrapper {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.digit__item {
width: 100%}
.digit__item-icon {
width: 100%;
height: 16.6rem;
}
.about__title {
font: 500 2.8rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #e6c12e;
margin-bottom: 2.5rem;
}
.about__wrapper {
flex-direction: column-reverse;
}
.about__img {
width: 100%;
height: 20rem;
margin-bottom: 2.5rem;
}
.about__subtitle {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.7rem;
}
.about__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.about__btn {
font: 300 1.6rem "Work Sans", sans-serif;
width: 21rem;
margin: auto;
white-space: nowrap;
justify-content: center;
align-items: center;
padding: 1rem 1.1rem;
}
.history__title {
margin-left: 0;
font: 300 2.8rem/1.05 "Unbounded", sans-serif;
}
.history__title span {
margin-right: 0;
font: 500 2.8rem/1.05 "Unbounded", sans-serif;
}
.history__wrapper {
flex-direction: column;
}
.history__img {
width: 100%;
height: 20rem;
margin-bottom: 0rem;
}
.history__info {
width: 100%}
.history__subtitle {
font: 600 2rem/1.2 "Work Sans", sans-serif;
}
.history__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.history__title svg {
width: 3.9rem;
height: 5.1rem;
left: 3rem;
top: 3rem;
}
.history__title span {
margin-left: -8rem;
}
.about-company__title {
font: 700 2.8rem "Unbounded", sans-serif;
text-transform: uppercase;
margin-bottom: 2rem;
}
.about-company__inner {
flex-direction: column-reverse;
width: 100%}
.about-company__img {
width: 100%;
height: 20rem;
margin-bottom: 2rem;
}
.about-company__info {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
width: 100%}
.about__btn {
width: 26.4rem;
}
.expert-detal__inner {
width: 100%;
padding: 3rem 1.4rem;
}
.expert-detal__top {
flex-direction: column;
}
.expert-detal__inner img {
width: 100%;
height: 30.4rem;
}
.expert-detal__name {
font: 600 2rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.expert-detal__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__experience-title {
font: 600 2rem "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__experience span {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.expert-detal__list-title {
font: 600 2rem "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__list-item {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.expert-detal__list-item span {
font: 700 1.6rem/1.2 "Work Sans", sans-serif;
}
.expert-detal__list-item::before {
width: .6rem;
height: .6rem;
}
.expert-detal__list-inner {
gap: 1rem;
}
.expert-detal__list-title {
margin-bottom: 2rem;
}
.expert-detal__list {
margin-top: 3rem;
}
.articles__title {
text-align: center;
margin-left: -3rem;
}
.articles__title span {
margin-left: 5rem;
font: 500 3rem "Unbounded", sans-serif;
}
.breadcrumbs__link {
white-space: nowrap;
font: 400 1.4rem/1.5 "Work Sans", sans-serif;
}
.breadcrumbs__link.active {
font: 400 1.4rem/1.5 "Work Sans", sans-serif;
color: rgba(75, 49, 40, .7);
}
.articles__title span.spec {
margin-left: 10rem;
}
.mechanism__title {
font: 300 3rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.mechanism__title span {
font: 300 3rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e6c12e;
margin-left: -5rem;
}
.mechanism__title svg {
display: none;
}
.mechanism img {
width: 100%;
height: 20rem;
}
.mechanism__wrapper {
flex-direction: column;
gap: 2.5rem;
}
.mechanism__subtitle {
font: 600 1.6rem "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.5rem;
}
.mechanism__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.about-work__title-one {
font: 300 3rem "Unbounded", sans-serif;
}
.about-work__title-one span {
font: 500 3rem "Unbounded", sans-serif;
}
.about-work__title-two {
font: 400 2.7rem/.96296 "Unbounded", sans-serif;
margin-left: 0rem;
}
.about-work__title-three {
font: 500 3rem/.86667 "Unbounded", sans-serif;
}
.about-work__video {
width: 100%;
height: 18.6rem;
margin-bottom: 3rem;
}
.about-work__play {
border-radius: 12rem;
width: 7.8rem;
height: 7.8rem;
}
.about-work__play svg {
width: 4.2rem;
height: 4.2rem;
}
.about-work__title-one {
text-align: left;
}
.about-work__title-one span {
text-align: left;
margin-left: 5rem;
}
.about-work__title-three {
margin-left: 5rem;
}
.article-page {
font: 500 2rem/1.2 "Unbounded", sans-serif !important;
}
.page__thumbs {
flex-wrap: wrap;
}
.page-reading {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.content__li {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.content__li::before {
top: 1rem;
width: .6rem;
height: .6rem;
}
.content__text {
font: italic 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.article-content__block-title {
font: 500 1.6rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.article-content__block-text img {
width: 100%;
border-radius: 1rem;
margin-bottom: 3rem;
}
.article-content__block-text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.article-content__block-text {
margin-bottom: 1rem;
}
.articles-authors__author {
flex-direction: column;
}
.articles-authors__wrapper {
flex-direction: column;
}
.articles-authors img {
width: 100%;
height: auto;
margin-bottom: 1rem;
margin-right: 0;
}
.articles-authors__author {
width: 100%}
.articles-authors__author-name {
padding-top: 0;
}
.articles-authors__author {
gap: 0rem;
}
.articles-authors__expert {
width: 100%;
margin-bottom: 3rem;
}
.articles__bottom {
flex-direction: column;
margin-bottom: 5rem;
}
.breadcrumbs {
overflow: hidden;
}
.product__main-name {
font: 500 2.8rem "Unbounded", sans-serif !important;
text-transform: uppercase;
color: #fb8a65;
margin-bottom: 3rem !important;
}
.product__main .container {
flex-direction: column;
}
.product__main-descr {
font: 400 1.6rem/1.3 "Work Sans", sans-serif;
}
.products__btn-list {
position: absolute;
top: 67rem;
}
.product__main-descr {
margin-bottom: 2rem !important;
}
.product__main .container {
gap: 2rem;
}
.product__main .product__main-img {
width: 100%;
height: 24rem;
object-fit: cover;
}
.product-advantages .container {
flex-direction: column;
gap: 1rem;
}
.product-advantages__item {
display: flex;
align-items: flex-start;
gap: 1.5rem;
}
.product-advantages__item img {
width: 7.1rem;
margin: 0;
}
.product-advantages__text {
padding-top: 2.5rem;
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
text-align: left;
}
.product-advantages__title {
position: absolute;
left: 10rem;
font: 600 1.4rem/1.2 "Work Sans", sans-serif;
margin-bottom: 1rem;
}
.product__main .products__btn {
display: flex;
position: absolute;
padding: 1.1rem 2.5rem;
font: 800 1.6rem "Work Sans", sans-serif;
}
.product__main {
margin-bottom: 15rem;
}
.products__btn {
top: 61rem;
}
.mechanics img {
width: 100%;
height: 26.2rem;
}
.mechanics__title {
font: 300 3rem "Unbounded", sans-serif;
}
.mechanics__title .weight {
font: 500 3rem "Unbounded", sans-serif;
}
.mechanics__title .green {
font: 500 3rem "Unbounded", sans-serif;
margin-left: 3rem;
}
.mechanics__inner {
flex-direction: column;
}
.mechanics__text {
font: 400 1.6rem "Work Sans", sans-serif;
}
.mechanics__weight {
font: 400 1.6rem "Work Sans", sans-serif;
}
.mechanics__list-title {
font: 600 1.6rem/1.2 "Work Sans", sans-serif;
}
.mechanics__weight-text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.mechanics {
margin-bottom: 0;
}
.contraindications__inner {
flex-direction: column;
}
.contraindications__img {
width: 100%;
height: 20rem;
}
.contraindications__info-item {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.contraindications__title {
font: 300 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e6c12e;
margin-bottom: 2rem;
}
.contraindications__title span {
font: 500 3rem/.86667 "Unbounded", sans-serif;
}
.indications__title {
font: 500 3rem/.86667 "Unbounded", sans-serif;
}
.indications__inner {
flex-direction: column-reverse;
}
.indications__img2 {
top: 75rem;
width: 27.8rem;
height: 20.5rem;
}
.indications__title span {
margin-left: -11rem;
font: 300 3rem "Unbounded", sans-serif;
}
.indications__img {
margin-bottom: 2rem;
}
.indications__item {
font: 600 1.6rem/1.2 "Work Sans", sans-serif;
}
.indications__li {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
padding-left: 2rem;
}
.indications__li::before {
left: 0;
}
.indications__inner {
padding-bottom: 25rem;
}
.indications {
margin-bottom: 3rem;
}
.spec-title {
margin-top: 5rem;
}
.why__title {
font: 300 3rem "Unbounded", sans-serif;
margin-left: 1rem;
}
.why__inner {
flex-direction: column;
}
.why__item {
padding-left: 0;
margin-left: 3.8rem;
}
.why__title span {
display: block;
}
.why__title b {
display: block;
}
.why__title span {
margin-left: 0;
}
.why__item {
margin-left: 0;
}
.how-to-take__title {
font: 500 3rem "Unbounded", sans-serif;
margin-bottom: 3rem;
}
.how-to-take__title span {
font: 300 3rem "Unbounded", sans-serif;
margin-left: 0;
margin-left: -19rem;
}
.mechanics {
margin-bottom: 7rem;
}
.how-to-take__inner {
gap: 0;
justify-content: space-between;
height: 23.7rem;
}
.how-to-take__item {
padding: 2.1rem 3rem;
gap: 1.5rem;
width: 24rem;
height: auto;
}
.how-to-take__item:nth-child(2) {
right: 1.5rem;
bottom: 0rem;
}
.how-to-take__tl {
font: 600 1.8rem/1.11111 "Unbounded", sans-serif;
}
.how-to-take__num {
font: 500 4.8rem "Unbounded", sans-serif;
}
.how-to-take__label {
z-index: 777;
font: 600 1.6rem "Unbounded", sans-serif;
padding: 1rem 2rem;
}
.how-to-take__abs {
left: 0;
top: 25rem;
}
.how-to-take__abs1 {
right: 0;
top: 10rem;
}
.how-to-take {
position: relative;
margin-bottom: 7rem;
}
.products__btn-list {
bottom: -5rem;
top: auto;
}
.how-to-take {
overflow: visible;
}
.header .container {
display: flex;
justify-content: space-between;
}
.hamburger {
display: block;
}
.hamburger svg {
width: 3.4rem;
height: 2.2rem;
}
.header {
padding-top: 1rem;
box-shadow: 0 7px 32px 0 rgba(251, 138, 101, .09);
}
.digit__title span {
font: 500 5rem/1.05 "Unbounded", sans-serif !important;
}
.digit__title svg {
top: 17rem;
}
.digit__title {
font: 300 5rem/1.05 "Unbounded", sans-serif;
}
.necessary__inner {
flex-direction: row;
justify-content: center;
}
.necessary__item {
flex-direction: column;
}
.necessary__item div {
text-align: center;
}
.necessary__item img {
width: auto;
max-height: 7rem;
}
.necessary__title {
font-size: 4rem;
}
.necessary__title span {
font-size: 4rem;
}
.articles__item:nth-child(3) {
display: none;
}
.articles .container {
flex-direction: row;
}
.articles__item {
width: 49%
}
.articles__hash {
font-size: 1rem;
}
.articles__top {
align-items: center;
}
.articles__text {
font-size: 1.4rem;
}
.articles__name {
font-size: 2rem;
}
.when .calc-ready {
text-align: center;
}
.articles__btn {
padding: 1rem;
width: 100%;
font-size: 1.4rem;
}
.faq__title {
text-align: center;
font-size: 5rem;
}
.buy__inner {
flex-direction: row !important;
}
.buy__btn {
width: 20rem !important;
margin: 0 !important;
}
.buy .pharmacy {
gap: 1rem;
}
.buy .pharmacy__img {
width: 11rem;
}
.footer__wrapper {
flex-direction: row;
align-items: flex-start;
gap: 1rem;
}
.footer__text {
margin-bottom: 0;
}
.footer__col:nth-child(2) {
padding-top: 19rem;
}
.about__wrapper {
flex-direction: row;
}
.about__subtitle {
width: 40rem;
font-size: 1.3rem;
}
.about__text {
width: 60%;
font-size: 1.4rem;
}
.about__img {
margin-left: -15rem;
width: 20rem;
height: auto;
}
.history__wrapper {
flex-direction: row;
gap: 2rem;
}
.history__img {
width: 20rem;
height: auto;
}
.history__subtitle {
width: 100%;
font-size: 1.4rem;
}
.history__text {
font-size: 1.4rem;
}
.history__title {
font-size: 5rem;
}
.history__title span {
font-size: 5rem;
}
.about-company__inner {
flex-direction: row;
}
.about-company__text {
font-size: 1.3rem;
}
.about-company__img {
height: 15rem;
min-width: 21rem;
width: 21rem;
margin-left: -3rem;
}
.about-company__text {
width: 80%;
font-size: 1rem;
}
.about__btn {
display: none;
}
.digit__wrapper {
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.digit__item {
width: 30%;
font-size: 1rem;
}
.digit__item-icon {
font-size: 3rem;
height: 7rem;
border-radius: 1rem;
}
.experts__wrapper {
flex-direction: row;
}
.experts__item {
width: 48%}
.experts__item:nth-child(3) {
display: none;
}
.experts__btn {
font-size: 1rem;
padding: 1rem;
}
.experts__name {
font-size: 1.3rem;
}
.experts__text {
font-size: 1.4rem;
}
.expert-detal__top {
flex-direction: row;
gap: 2.5rem;
}
.expert-detal__inner img {
width: 40%;
height: auto;
}
.expert-detal__name {
font-size: 2.5rem;
}
.expert-detal__text {
font-size: 1.3rem;
}
.drugs__suptitle {
text-align: center;
}
.drugs__title {
margin-left: 5rem;
}
.product__main .container {
flex-direction: row;
}
.product__main .product__main-img {
width: 45%;
height: 13rem;
}
.product__main .product__main-descr {
font-size: 1.4rem;
}
.product__main .product__main-name {
margin-bottom: 1rem !important;
}
.product__main .products__btn {
position: static !important;
font-size: 1rem !important;
padding: 1rem !important;
white-space: nowrap;
}
.products__btn-list {
position: static;
}
.product__main .products__inner {
flex-direction: row;
gap: 1rem;
}
.product__main .products__btn-list {
white-space: nowrap;
font-size: 1rem;
}
.product-advantages .container {
flex-direction: row;
}
.product-advantages__item {
align-items: center;
flex-direction: column;
}
.product-advantages__title {
position: static;
}
.product-advantages__text {
text-align: center;
}
.product-advantages__text {
padding-top: 1rem;
}
.product__main {
margin-bottom: 7rem;
}
.product-advantages__text {
padding-top: 0;
font-size: 1.3rem;
}
.mechanics__title {
font-size: 3.5rem;
}
.mechanics__title span {
font-size: 3.5rem !important;
display: block;
}
.mechanics__title svg {
top: 3rem;
left: 0rem;
}
.mechanics__inner {
gap: 1.7rem;
flex-direction: row;
}
.mechanics img {
width: 60%;
height: 19rem;
object-fit: cover;
}
.mechanics__text {
font-size: 1rem;
}
.mechanics__weight {
font-size: 1rem;
margin-bottom: 1rem;
}
.mechanics__list-title {
font-size: 1rem;
margin-bottom: 1rem;
}
.mechanics__weight-text {
font-size: 1rem;
}
.product__main {
margin-bottom: 5rem;
}
.product-advantages {
margin-bottom: 3rem;
}
.how-to-take__item {
width: 20rem;
}
.how-to-take__item:nth-child(2) {
bottom: auto;
}
.how-to-take__item:nth-child(1) .how-to-take__tl {
font-size: 1.5rem;
}
.how-to-take__item:nth-child(1) .how-to-take__num {
font-size: 4rem;
}
.how-to-take__item:nth-child(2) {
bottom: auto;
}
.how-to-take__num {
font-size: 3rem;
}
.how-to-take__text {
font-size: 1.1rem;
}
.how-to-take__tl {
font-size: 1.5rem;
}
.how-to-take__label {
padding: 1rem 1.5rem;
font-size: 1.2rem;
}
.how-to-take__abs {
top: 21rem;
}
.how-to-take__abs1 {
right: -1rem;
top: 5rem;
}
.how-to-take__inner {
height: 9rem;
}
.how-to-take__title {
font-size: 4rem;
}
.how-to-take__title span {
font-size: 4rem;
}
.why__title {
font-size: 4rem;
}
.why__title b {
display: inline;
}
.why__title span {
display: inline;
}
.why__inner {
flex-direction: row;
}
.why__item {
font-size: 1.1rem;
}
.why__item span {
font-size: 1.1rem;
}
.indications__title {
font-size: 4rem;
}
.indications__title span {
font-size: 4rem;
}
.indications__inner {
flex-direction: column;
}
.indications__img1 {
width: 70%}
.indications__item {
font-size: 1.4rem;
}
.indications__li {
font-size: 1.4rem;
}
.indications__img2 {
top: 7rem;
}
.indications__inner {
padding-bottom: 5rem;
}
.contraindications__title {
font-size: 4rem;
}
.contraindications__title span {
font-size: 4rem;
}
.contraindications__img {
width: 30rem;
margin: auto;
object-fit: cover;
border-radius: 1.9rem;
}
.contraindications__info-item {
font-size: 1.4rem;
}
.articles__title {
font-size: 4rem;
}
.articles__title span {
font-size: 4rem;
}
.reviews__title {
font-size: 4rem;
}
.reviews__title span {
font-size: 4rem;
}
.faq__item-name {
max-width: 35rem;
}
.main-section__top-img {
display: block;
width: 7rem;
height: auto;
left: 5.5rem;
top: 0;
border-radius: 1rem;
}
.main-section__svg {
top: 7rem;
}
.main-section__title {
margin-left: 7rem;
font-size: 3.5rem !important;
margin-top: 1.9rem;
}
.main-section__title span {
font-size: 3.5rem !important;
}
.main-section__title span.thin {
margin-left: 5rem;
}
.main-section__actions {
display: flex;
flex-direction: row;
}
.main-section__btn {
font-size: 1rem;
}
}@media(max-width: 600px) {
.main-section__svg svg {
width: 5rem;
height: 5rem;
}
.main-section__svg {
left: 1rem;
}
.main-section__svg {
top: 0;
left: 0;
}
.main-section__title {
margin-top: 0;
}
.digit__item-icon {
font-size: 5rem;
}
.product-advantages__item {
align-items: center;
flex-direction: row;
}
.product-advantages .container {
gap: 2rem;
}
.digit__item {
width: 30%;
font-size: 2rem;
}
.about-company__img {
height: auto;
min-width: 100%;
width: 100%;
margin-left: 0rem;
}
.about-company__text {
width: 100%}
.about__subtitle {
width: auto;
}
.about__text {
width: 100%}
.about__img {
margin-left: 0rem;
width: 100%;
height: auto;
}
.footer__col:nth-child(2) {
padding-top: 0rem;
}
.buy__inner {
flex-direction: column !important;
}
.buy__btn {
width: 23rem !important;
margin: auto !important;
}
.main-section__top-img {
left: 23rem;
}
.digit__title span {
font: 500 3rem/1.05 "Unbounded", sans-serif !important;
}
.main-section__img3 {
right: 27rem;
}
.main-section__img2 {
right: 49rem;
}
.necessary .main-section__btn {
white-space: nowrap;
}
.when__img {
right: 9rem;
}
.reviews .swiper-slide {
height: 100% !important;
}
.modal__inner {
flex-direction: column;
}
.modal-content {
width: 90%}
.close-btn {
top: -3rem;
right: 0;
}
.nav {
display: none !important;
}
.header__logo img {
width: 2.9rem;
height: 3.9rem;
}
.container {
padding: 0 1.5rem;
}
.main-section {
padding-top: 2rem;
}
.articles__content {
padding-bottom: 0;
}
.nav {
display: none !important;
}
.header__logo img {
width: 2.9rem;
height: 3.9rem;
}
.header__btn {
display: none;
}
.articles__name {
margin-bottom: 1.5rem;
}
.header__logo {
margin-right: 0;
}
.main-section__top-img {
display: none;
}
.main-section__title {
margin-left: 0;
}
.main-section__img3 {
border-radius: 1rem;
width: 18.7rem;
height: 12rem;
object-fit: cover;
right: 1.4rem;
top: 16rem;
}
.main-section__img2 {
border-radius: 1rem;
width: 19rem;
height: 12.1rem;
top: 13rem;
left: 1.5rem;
margin-top: 0;
}
.main-section__title span.pink {
margin-left: 0;
}
.main-section__title {
font: 500 3rem/1.05 "Unbounded", sans-serif !important;
}
.main-section__title span {
font: 300 3rem/1.05 "Unbounded", sans-serif !important;
padding-left: 3rem;
}
.main-section__title span.thin {
display: block;
padding-left: 0 !important;
}
.main-section__title span.pink {
display: inline;
margin-top: -3rem;
padding-left: 7rem;
}
.main-section__title {
font: 500 3rem/1.05 "Unbounded", sans-serif !important;
}
.main-section__title span {
font: 500 3rem/1.05 "Unbounded", sans-serif;
}
.main-section__img1 {
margin-left: 0;
border-radius: 1rem;
width: 32.7rem;
height: 16.8rem;
margin-top: 15rem;
}
.main-section__actions {
flex-direction: column;
gap: 1.5rem;
margin-top: 1.5rem;
}
.main-section__btn {
font: 800 1.6rem "Work Sans", sans-serif;
white-space: nowrap;
padding: .9rem 1rem;
width: 100%;
justify-content: center;
}
.necessary__title {
margin: 0;
font: 300 3rem "Unbounded", sans-serif;
margin-bottom: 2rem;
}
.necessary__title span {
font: 500 3rem "Unbounded", sans-serif;
margin-left: 3rem;
}
.main-section {
margin-bottom: 5rem;
}
.necessary__text {
text-align: left;
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.necessary__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3rem;
}
.necessary__item {
flex-direction: row;
gap: 3.8rem;
font: 400 1.6rem "Work Sans", sans-serif;
color: #4b3128;
}
.necessary__item img {
width: 6.2rem;
}
.necessary__item div {
font: 400 1.6rem "Work Sans", sans-serif;
color: #4b3128;
text-align: left;
}
.necessary .main-section__btn {
width: 100%;
margin-top: 1.5rem;
}
.necessary__inner {
gap: 1.3rem;
}
.products__inner {
flex-direction: column;
gap: 1rem;
}
.products__item {
width: 100%;
padding: 2.5rem 1.3rem;
}
.products__btn {
display: none;
}
.products__btn-list {
text-align: left;
}
.products__name {
margin-bottom: 2rem;
}
.products__title {
font: 600 1.6rem/1.3 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.7rem;
}
.products__list p {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.products__btn-list {
margin-bottom: 0;
}
.products__text br {
display: none;
}
.products__btn-list {
font: 600 1.6rem/1.5 "Work Sans", sans-serif;
}
.products__img {
margin-top: 2.5rem;
}
.products__item {
overflow: hidden;
}
.when__title {
font: 300 3rem "Unbounded", sans-serif;
display: flex;
flex-wrap: wrap;
margin-left: 5rem;
margin-bottom: 2rem;
}
.when__title span {
margin-left: -5rem;
font: 300 3rem "Unbounded", sans-serif;
}
.when__title svg {
top: 1.9rem;
left: 1.5rem;
position: absolute;
width: 4.5rem;
}
.when__img {
display: none;
}
.when__form-inner {
flex-direction: column;
margin-bottom: 2rem;
}
.when__input {
width: 100%}
.when__btn {
padding: 1.25rem 2.5rem;
font: 800 1.6rem "Work Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fff;
align-items: center;
margin: auto;
width: 20rem;
}
.when__subtitle {
font: 700 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.calc-ready {
margin-top: 3rem !important;
font: 600 4.9rem/1.2 "Unbounded", sans-serif !important;
padding: 1.2rem 1.1rem 1.9rem !important;
border-radius: 1rem !important;
}
.calc-ready__item {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.articles__title {
font: 500 3rem "Unbounded", sans-serif;
text-align: left;
padding-left: 1.3rem;
margin-bottom: 3rem;
}
.when {
margin-bottom: 3rem;
}
.articles__item {
width: 100%}
.articles .container {
flex-direction: column;
gap: 1rem;
}
.articles__hash {
font: 800 1.4rem "Work Sans", sans-serif;
}
.articles__top svg {
width: 3rem;
height: 3rem;
}
.articles__item {
padding: 1rem 1.5rem 5rem;
}
.articles__name {
font: 500 2.9rem/1 "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
}
.articles__number {
font: 500 10.8rem "Unbounded", sans-serif;
text-transform: uppercase;
color: rgba(255, 255, 255, .2);
}
.articles__top {
margin-bottom: 6rem;
}
.articles__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 3rem;
}
.articles__btn {
padding: 1.25rem 1.3rem;
font: 300 1.6rem "Work Sans", sans-serif;
width: 100%;
white-space: nowrap;
width: 23.9rem;
margin: auto;
cursor: pointer;
position: relative;
z-index: 777;
}
.articles__btn-all {
font: 800 1.6rem "Work Sans", sans-serif;
justify-content: center;
width: 18.4rem;
white-space: nowrap;
padding: 1rem;
margin-top: -1.5rem;
}
.faq {
margin-top: 5rem;
}
.faq__title {
font: 500 3rem "Unbounded", sans-serif;
text-align: left;
}
.faq__title .qe {
margin-left: 10rem !important;
}
.faq__item-name {
font: 600 1.6rem "Work Sans", sans-serif;
color: #4b3128;
max-width: 23.5rem;
}
.faq__item-top {
padding-bottom: 1rem;
}
.faq__item-icon {
width: 4.3rem;
height: 4.3rem;
}
.faq__item-icon svg {
width: 1.5rem;
height: 1.5rem;
}
.faq__item-content {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.reviews__title {
text-align: left;
margin-left: 5rem;
font: 400 3rem "Unbounded", sans-serif;
}
.reviews__title span {
margin-left: -5rem;
}
.reviews__title span {
font: 400 3rem "Unbounded", sans-serif;
}
.reviews__title svg {
left: 3rem;
width: 2.6rem;
height: 3.7rem;
position: absolute;
}
.footer__descr p {
display: none;
}
.reviews .swiper-container {
width: 100%}
.reviews .swiper-slide-active {
margin-top: 0;
}
.literature__title {
font: 400 3rem "Unbounded", sans-serif;
}
.literature__title span:nth-child(1) {
margin-left: 5rem;
}
.literature__title span:nth-child(2) {
margin-left: 0;
}
.footer__policy {
gap: 0;
flex-direction: column;
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__wrapper {
flex-direction: column;
align-items: flex-start;
}
.footer__col:nth-child(1) {
width: 100%}
.footer__text {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
margin-bottom: 2.4rem;
}
.footer__contatcs {
display: block;
align-items: start;
font: 700 1.4rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.footer__contatcs a {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__col-title {
font: 700 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__col-text {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__col-link {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
}
.footer__bottom svg:nth-child(2) {
display: block;
}
.footer__bottom svg:nth-child(1) {
display: none;
width: 100% !important;
}
.footer__bottom svg {
width: 35.5rem;
height: 2.6rem;
}
.footer__bottom {
padding: 1.1rem 0;
}
.footer__inner .footer__btn:nth-child(2) {
display: none;
}
.footer__descr .container {
justify-content: space-between;
align-items: center;
}
.footer__btn {
padding: 1.3rem 3rem;
border: 2.25px solid #fff;
border-radius: 5.6rem;
font: 800 1.6rem "Work Sans", sans-serif;
}
.footer__descr a {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #fff;
}
.reviews__text {
font: 400 1.4rem/1.2 "Work Sans", sans-serif;
letter-spacing: -0.01em;
color: #4b3128;
}
.reviews__link {
font: 400 1.4rem "Work Sans", sans-serif;
}
.reviews .swiper-slide {
border-radius: 1.1rem;
padding: 2rem 1.5rem 1rem;
}
.rate {
margin-bottom: 2rem !important;
}
.reviews__title {
margin-bottom: 3rem;
}
.literature {
margin-top: 3rem;
}
.page-title {
font: 500 3rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
color: #fb8a65;
margin-bottom: 2rem;
}
.content__title {
font: 500 2.1rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
margin-bottom: 3rem;
}
.article-content {
& h2 {
font-family: "Unbounded";
font-size: 2.1rem;
text-transform: uppercase;
color: #579f9b;
margin-bottom: 3rem;
}
}
.breadcrumbs {
margin-bottom: 3rem;
}
.faq-page {
margin-top: 0;
}
.page-top {
margin-bottom: 3rem;
}
.drugs__suptitle {
font: 300 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #4b3128;
text-align: left;
}
.drugs__title {
font: 500 3rem "Unbounded", sans-serif;
text-align: left;
margin-bottom: 3rem;
}
.drugs__title span {
display: block;
margin-left: 5rem;
}
.drugs__wrapper {
flex-direction: column;
gap: 2.5rem;
}
.drugs__item {
width: 100%}
.drugs__item {
padding: 1.4rem;
}
.drugs__column {
height: auto;
}
.drugs__text {
margin-bottom: 1.5rem;
}
.page__thumb {
padding: 1.1rem 1.5rem;
font: 300 1.6rem/1.2 "Work Sans", sans-serif;
}
.page__thumb.active {
font: 500 1.6rem/1.2 "Work Sans", sans-serif;
}
.page__thumbs {
width: 101%;
overflow: auto;
}
.page__thumbs::-webkit-scrollbar {
display: none;
}
section {
overflow: hidden;
}
.footer__col:nth-child(2) {
width: 100%}
.mobile {
display: block;
}
.breadcrumbs {
margin-top: 3rem;
}
.experts__wrapper {
flex-direction: column;
gap: 2rem;
}
.experts__item {
width: 100%;
padding: 1.4rem;
}
.experts__btn {
padding: 1.2rem 2.5rem;
font: 300 1.6rem "Work Sans", sans-serif;
}
.experts__name {
font: 600 1.6rem/1.5 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
margin-bottom: 1.5rem;
}
.experts__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.mobile {
max-width: 13.2rem;
}
.digit__title {
font: 300 2.8rem/1.05 "Unbounded", sans-serif;
}
.digit__title span.last {
font: 500 2.8rem/1.05 "Unbounded", sans-serif;
margin-left: 5rem;
}
.digit__title svg {
width: 3.9rem;
height: 5.1rem;
}
.digit__title span.weight {
margin-left: -9rem;
}
.digit__title span {
display: block;
}
.digit__title br {
display: none;
}
.digit__title svg {
position: absolute;
left: 3rem;
top: 21rem;
}
.digit__wrapper {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.digit__item {
width: 100%}
.digit__item-icon {
width: 100%;
height: 16.6rem;
}
.about__title {
font: 500 2.8rem/1.05 "Unbounded", sans-serif;
text-transform: uppercase;
text-align: center;
color: #e6c12e;
margin-bottom: 2.5rem;
}
.about__wrapper {
flex-direction: column-reverse;
}
.about__img {
width: 100%;
height: 20rem;
margin-bottom: 2.5rem;
}
.about__subtitle {
font: 600 2rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.7rem;
}
.about__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.about__btn {
font: 300 1.6rem "Work Sans", sans-serif;
width: 21rem;
margin: auto;
white-space: nowrap;
justify-content: center;
align-items: center;
padding: 1rem 1.1rem;
}
.history__title {
margin-left: 0;
font: 300 2.8rem/1.05 "Unbounded", sans-serif;
}
.history__title span {
margin-right: 0;
font: 500 2.8rem/1.05 "Unbounded", sans-serif;
}
.history__wrapper {
flex-direction: column;
}
.history__img {
width: 100%;
height: 20rem;
margin-bottom: 0rem;
}
.history__info {
width: 100%}
.history__subtitle {
font: 600 2rem/1.2 "Work Sans", sans-serif;
}
.history__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.history__title svg {
width: 3.9rem;
height: 5.1rem;
left: 3rem;
top: 3rem;
}
.history__title span {
margin-left: -8rem;
}
.about-company__title {
font: 700 2.8rem "Unbounded", sans-serif;
text-transform: uppercase;
margin-bottom: 2rem;
}
.about-company__inner {
flex-direction: column-reverse;
width: 100%}
.about-company__img {
width: 100%;
height: 20rem;
margin-bottom: 2rem;
}
.about-company__info {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
width: 100%}
.about__btn {
width: 26.4rem;
}
.expert-detal__inner {
width: 100%;
padding: 3rem 1.4rem;
}
.expert-detal__top {
flex-direction: column;
}
.expert-detal__inner img {
width: 100%;
height: 30.4rem;
}
.expert-detal__name {
font: 600 2rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.expert-detal__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__experience-title {
font: 600 2rem "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__experience span {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.expert-detal__list-title {
font: 600 2rem "Work Sans", sans-serif;
color: #4b3128;
}
.expert-detal__list-item {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.expert-detal__list-item span {
font: 700 1.6rem/1.2 "Work Sans", sans-serif;
}
.expert-detal__list-item::before {
width: .6rem;
height: .6rem;
}
.expert-detal__list-inner {
gap: 1rem;
}
.expert-detal__list-title {
margin-bottom: 2rem;
}
.expert-detal__list {
margin-top: 3rem;
}
.articles__title {
text-align: center;
margin-left: -3rem;
}
.articles__title span {
margin-left: 5rem;
font: 500 3rem "Unbounded", sans-serif;
}
.breadcrumbs__link {
white-space: nowrap;
font: 400 1.4rem/1.5 "Work Sans", sans-serif;
}
.breadcrumbs__link.active {
font: 400 1.4rem/1.5 "Work Sans", sans-serif;
color: rgba(75, 49, 40, .7);
}
.articles__title span.spec {
margin-left: 10rem;
}
.mechanism__title {
font: 300 3rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.mechanism__title span {
font: 300 3rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e6c12e;
margin-left: -5rem;
}
.mechanism__title svg {
display: none;
}
.mechanism img {
width: 100%;
height: 20rem;
}
.mechanism__wrapper {
flex-direction: column;
gap: 2.5rem;
}
.mechanism__subtitle {
font: 600 1.6rem "Work Sans", sans-serif;
color: #4b3128;
margin-bottom: 1.5rem;
}
.mechanism__text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
color: #4b3128;
}
.about-work__title-one {
font: 300 3rem "Unbounded", sans-serif;
}
.about-work__title-one span {
font: 500 3rem "Unbounded", sans-serif;
}
.about-work__title-two {
font: 400 2.7rem/.96296 "Unbounded", sans-serif;
margin-left: 0rem;
}
.about-work__title-three {
font: 500 3rem/.86667 "Unbounded", sans-serif;
}
.about-work__video {
width: 100%;
height: 18.6rem;
margin-bottom: 3rem;
}
.about-work__play {
border-radius: 12rem;
width: 7.8rem;
height: 7.8rem;
}
.about-work__play svg {
width: 4.2rem;
height: 4.2rem;
}
.about-work__title-one {
text-align: left;
}
.about-work__title-one span {
text-align: left;
margin-left: 5rem;
}
.about-work__title-three {
margin-left: 5rem;
}
.article-page {
font: 500 2.3rem/1.2 "Unbounded", sans-serif !important;
}
.page__thumbs {
flex-wrap: wrap;
}
.page-reading {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.content__li {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.content__li::before {
top: 1rem;
width: .6rem;
height: .6rem;
}
.content__text {
font: italic 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.article-content__block-title {
font: 500 1.6rem/1.2 "Unbounded", sans-serif;
text-transform: uppercase;
color: #589f9b;
}
.article-content__block-text img {
width: 100%;
border-radius: 1rem;
margin-bottom: 3rem;
}
.article-content__block-text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.article-content__block-text {
margin-bottom: 1rem;
}
.articles-authors__author {
flex-direction: column;
}
.articles-authors__wrapper {
flex-direction: column;
}
.articles-authors img {
width: 100%;
height: 18.6rem;
margin-bottom: 1rem;
}
.articles-authors__author {
width: 100%}
.articles-authors__author-name {
padding-top: 0;
}
.articles-authors__author {
gap: 0rem;
}
.articles-authors__expert {
width: 100%;
margin-bottom: 3rem;
}
.articles__bottom {
flex-direction: column;
margin-bottom: 5rem;
}
.breadcrumbs {
overflow: hidden;
}
.product__main-name {
font: 500 2.8rem "Unbounded", sans-serif !important;
text-transform: uppercase;
color: #fb8a65;
margin-bottom: 3rem !important;
}
.product__main .container {
flex-direction: column;
}
.product__main-descr {
font: 400 1.6rem/1.3 "Work Sans", sans-serif;
}
.products__btn-list {
position: absolute;
top: 67rem;
}
.product__main-descr {
margin-bottom: 2rem !important;
}
.product__main .container {
gap: 2rem;
}
.product__main .product__main-img {
width: 100%;
height: 24rem;
object-fit: cover;
}
.product-advantages .container {
flex-direction: column;
gap: 1rem;
}
.product-advantages__item {
display: flex;
align-items: flex-start;
gap: 1.5rem;
}
.product-advantages__item img {
width: 7.1rem;
margin: 0;
}
.product-advantages__text {
padding-top: 2.5rem;
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
text-align: left;
}
.product-advantages__title {
position: absolute;
left: 10rem;
font: 600 1.4rem/1.2 "Work Sans", sans-serif;
margin-bottom: 1rem;
}
.product__main .products__btn {
display: flex;
position: absolute;
padding: 1.1rem 2.5rem;
font: 800 1.6rem "Work Sans", sans-serif;
}
.product__main {
margin-bottom: 15rem;
}
.products__btn {
top: 61rem;
}
.mechanics img {
width: 100%;
height: 26.2rem;
}
.mechanics__title {
font: 300 3rem "Unbounded", sans-serif;
}
.mechanics__title .weight {
font: 500 3rem "Unbounded", sans-serif;
}
.mechanics__title .green {
font: 500 3rem "Unbounded", sans-serif;
margin-left: 3rem;
}
.mechanics__inner {
flex-direction: column;
}
.mechanics__text {
font: 400 1.6rem "Work Sans", sans-serif;
}
.mechanics__weight {
font: 400 1.6rem "Work Sans", sans-serif;
}
.mechanics__list-title {
font: 600 1.6rem/1.2 "Work Sans", sans-serif;
}
.mechanics__weight-text {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.mechanics {
margin-bottom: 0;
}
.contraindications__inner {
flex-direction: column;
}
.contraindications__img {
width: 100%;
height: 20rem;
}
.contraindications__info-item {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
}
.contraindications__title {
font: 300 2.4rem "Unbounded", sans-serif;
text-transform: uppercase;
color: #e6c12e;
margin-bottom: 2rem;
}
.contraindications__title span {
font: 500 3rem/.86667 "Unbounded", sans-serif;
}
.indications__title {
font: 500 3rem/.86667 "Unbounded", sans-serif;
}
.indications__inner {
flex-direction: column-reverse;
}
.indications__img2 {
top: 75rem;
width: 27.8rem;
height: 20.5rem;
}
.indications__title span {
margin-left: -11rem;
font: 300 3rem "Unbounded", sans-serif;
}
.indications__img {
margin-bottom: 2rem;
}
.indications__item {
font: 600 1.6rem/1.2 "Work Sans", sans-serif;
}
.indications__li {
font: 400 1.6rem/1.2 "Work Sans", sans-serif;
padding-left: 2rem;
}
.indications__li::before {
left: 0;
}
.indications__inner {
padding-bottom: 25rem;
}
.indications {
margin-bottom: 3rem;
}
.spec-title {
margin-top: 5rem;
}
.why__title {
font: 300 3rem "Unbounded", sans-serif;
margin-left: 1rem;
}
.why__inner {
flex-direction: column;
}
.why__item {
padding-left: 0;
margin-left: 3.8rem;
}
.why__title span {
display: block;
}
.why__title b {
display: block;
}
.why__title span {
margin-left: 0;
}
.why__item {
margin-left: 0;
}
.how-to-take__title {
font: 500 3rem "Unbounded", sans-serif;
margin-bottom: 3rem;
}
.how-to-take__title span {
font: 300 3rem "Unbounded", sans-serif;
margin-left: 0;
margin-left: -19rem;
}
.mechanics {
margin-bottom: 7rem;
}
.how-to-take__item {
position: absolute;
}
.how-to-take__inner {
display: block;
height: 20.5rem;
}
.how-to-take__item {
padding: 2.1rem 3rem;
gap: 1.5rem;
width: 24rem;
height: auto;
}
.how-to-take__item:nth-child(2) {
right: 1.5rem;
bottom: 0rem;
}
.how-to-take__tl {
font: 600 1.8rem/1.11111 "Unbounded", sans-serif;
}
.how-to-take__num {
font: 500 4.8rem "Unbounded", sans-serif;
}
.how-to-take__label {
z-index: 777;
font: 600 1.6rem "Unbounded", sans-serif;
padding: 1rem 2rem;
}
.how-to-take__abs {
left: 0;
top: 25rem;
}
.how-to-take__abs1 {
right: 0;
top: 10rem;
}
.how-to-take {
position: relative;
margin-bottom: 7rem;
}
.products__btn-list {
bottom: -5rem;
top: auto;
}
.how-to-take {
overflow: visible;
}
.header .container {
display: flex;
justify-content: space-between;
}
.hamburger {
display: block;
}
.hamburger svg {
width: 3.4rem;
height: 2.2rem;
}
.header {
padding-top: 1rem;
box-shadow: 0 7px 32px 0 rgba(251, 138, 101, .09);
}
}
.products__btn {
width:  max-content;
margin-top: auto;
}
.footer__col-text a {
text-decoration:  underline;
text-decoration-skip-ink:  none;
}
.calc-ready span {
display:  block;
text-align:  center;
}
.products__img img {
height:  36rem;
object-fit:  cover;
border-radius:  3rem;
}
.articles__item {
overflow:  hidden;
}
.content__list {
margin-bottom:  5rem;
}
.footer {
overflow:  hidden;
} .reviews {
margin-bottom:  5rem;
}
.footer__contatcs a span {
line-height:  140%;
text-decoration:  underline !important;
text-decoration-skip-ink:  none;
text-underline-offset:  0.5rem;
}
.content__list div {
font-size:  2rem;
color:  #4b3128;
padding-left:  3.5rem;
position:  relative;
padding-left:  3.5rem;
}
.content__list div a {
color:  #4b3128;
}
.articles__item: nth-child(1) .bg {
background:  #FF9676;
position:  absolute;
z-index:  1;
width:  100%;
height:  100%;
left:  0;
top:  0;
opacity:  0.9;
}
.articles__item: nth-child(2) .bg {
background:  #589F9B;
position:  absolute;
z-index:  1;
width:  100%;
height:  100%;
left:  0;
top:  0;
opacity:  0.9;
}
.articles__item: nth-child(3) .bg {
background:  #EEC700;
position:  absolute;
z-index:  1;
width:  100%;
height:  100%;
left:  0;
top:  0;
opacity:  0.9;
}
.articles__number {
z-index:  3;
}
.footer__contatcs {
display:  block;
}
.footer__contatcs a {
display:  inline;
}
.articles__top {
position:  relative;
z-index:  3;
}
.articles__hash {
position:  relative;
z-index:  3;
}
.articles__content {
position:  relative;
z-index:  3;
}
.why__title {
text-transform:  uppercase;
}
.content__list div: :before {
content:  '';
position:  absolute;
left:  0;
top:  1rem;
width:  0.8rem;
height:  0.8rem;
background:  #589f9c;
border-radius:  50%;
}
.reviews .swiper-button-prev {
top:  45rem;
left:  30rem;
}
.reviews .swiper-button-next {
top:  45rem;
right:  30rem;
}
.footer__descr {
position:  fixed;
bottom:  0;
left:  0;
width:  100%;
z-index:  777;
opacity:  0;
visibility:  hidden;
transition:  all 0.3s;
}
.footer__descr.visible {
opacity:  1;
visibility:  visible;
}
.articles .container {
flex-wrap:  wrap;
gap:  3rem;
}
.articles__name {
font-size:  2.5rem;
}
.necessary .main-section__btn {
display:  none;
}
.articles__item: nth-child(3n+1) .bg {
background:  #FF9676 !important;
position:  absolute;
z-index:  1;
width:  100%;
height:  100%;
left:  0;
top:  0;
opacity:  0.9;
}
.articles__item: nth-child(3n+2) .bg {
background:  #589F9B !important;
position:  absolute;
z-index:  1;
width:  100%;
height:  100%;
left:  0;
top:  0;
opacity:  0.9;
}
.articles__item: nth-child(3n+3) .bg {
background:  #EEC700 !important;
position:  absolute;
z-index:  1;
width:  100%;
height:  100%;
left:  0;
top:  0;
opacity:  0.9;
}
.articles__item {
min-height:  65.1rem;
}
.indications__img2 {
bottom:  -15rem;
}
.indications__img1 {
border-radius:  2rem;
}
@media (max-width:  1440px) {
.reviews .swiper-button-next {
right:  10rem;
}
.reviews .swiper-button-prev {
left:  10rem;
}
}
@media (max-width:  962px) {
.reviews .swiper-button-next {
display:  none;
}
.reviews .swiper-button-prev {
display:  none;
}
.articles__item {
min-height:  auto;
}
.products__img img {
height:  19rem;
}
.header {
top:  0;
}
.reviews .swiper-container {
padding:  0rem 2rem;
}
.main-section__img1  {
margin-left:  0;
border-radius:  1rem;
width:  32.7rem;
height:  16.8rem;
margin-top:  15rem;
object-fit:  cover;
object-position:  left top;
}
.products__btn-list {
position:  static;
}
.digit__item {
width:  30%; }
.digit__wrapper {
flex-direction:  row;
flex-wrap:  wrap;
justify-content:  center;
gap:  1.5rem;
}
.digit__item-icon {
height:  9rem;
}
.digit__item-icon {
font:  600 2.8rem / 1.2 "Unbounded",  sans-serif;
}
.digit__item {
font-size:  1rem;
}
.nav {
display:  flex !important;
}
.contraindications__title {
font-size:  3.3rem;
}
.mechanics img  {
min-width:  25rem;
height:  15rem;
object-fit:  cover;
}
.why__title {
font-size:  3.3rem;
span {
font-size:  3.3rem;
}
}
.how-to-take {
overflow:  hidden;
}
.footer__bottom svg {
width:  100%;
}
.reviews .rate {
width:  100%;
}
.articles__btn {
margin:  0;
}
.articles__name {
font-size:  1.3rem;
}
}
@media (max-width:  600px) {
.products__btn {
display:  none;
}
.how-to-take__item:nth-child(2){
right: 1.5rem;
bottom: 0rem;
height: 9rem;
}
.products__inner .products__item: nth-child(2) .products__btn {
display:  block;
position:  absolute;
top:  auto;
bottom:  -11rem;
padding:  1.25rem 2.5rem;
font:  800 1.6rem "Work Sans",  sans-serif;
text-transform:  uppercase;
text-align:  center;
color:  #fff;
align-items:  center;
margin:  auto;
width:  21rem;
display:  flex;
margin-left:  4rem;
svg {
width:  3rem;
height:  3rem;
}
}
.products {
position:  relative;
margin-bottom:  0;
padding-bottom:  11rem;
}
.products__item {
overflow:  visible;
}
.products__item-img {
width:  100%;
height:  100%;
object-fit:  cover;
}
.products__item-img svg  {
width:  100%;
height:  100%;
}
.footer__col-link {
color:  #579f9b;
text-decoration-skip-ink:  none;
}
.footer__col-text a {
color:  #579f9b;
text-decoration:  underline;
text-decoration-skip-ink:  none;
}
.footer__policy a {
color:  #579f9b;
text-decoration:  underline;
text-decoration-skip-ink:  none;
}
.articles__name {
font-size:  2rem;
}
.articles__item {
min-height:  44.7rem;
}
.articles__btn  {
margin:  0 auto;
}
.articles__content {
min-height:  30rem;
}
.articles .articles__item: nth-child(3) {
display:  none;
}
html {
margin:  0 !important;
}
.how-to-take__item: nth-child(2) {
bottom:  8.5rem;
}
.product__main .products__btn {
position:  static;
bottom:  0;
}
.product__main {
position:  relative;
margin-bottom:  0;
padding-bottom:  15rem;
}
.product__main .products__inner {
position:  absolute;
bottom:  3rem;
flex-direction:  column;
gap:  2rem;
width:  91%;
}
.mechanics__title svg  {
position:  absolute;
top:  6rem;
left:  1rem;
width:  5rem;
}
.indications__list {
margin-left:  3rem;
}
.indications__img2 {
top:  79rem;
}
.why__list {
width:  100%;
}
.why__title span {
display:  inline;
}
.why__title {
font:  300 2.7rem "Unbounded",  sans-serif;
}
.why__title b {
display:  block;
margin-left:  -7rem;
}
.why__title span b {
display:  inline;
margin-left:  0;
}
.digit__item {
width:  100%;
font:  600 2rem / 1.2 "Unbounded",  sans-serif;
}
.digit__item-icon {
height:  16.7rem;
}
.digit__item-icon {
font-size:  5.8rem;
}
.nav {
display:  flex !important;
}
.how-to-take__item: nth-child(2)  {
height:  9rem;
bottom:  11rem;
top:  auto;
}
.product__main .products__btn {
font-size:  1.6rem !important;
padding:  1.2rem 2.5rem !important;
}
.product__main .products__btn-list {
font-size:  1.6rem;
}
.contraindications__title {
font-size:  2.9rem;
}
}
.inner {
position: absolute;
opacity: 0;
left: 0;
top: -3.9rem;
gap: 1.9rem;
visibility: hidden;
}
.itog__siptitle{
display:none;
text-align: center;
font-size: 5.2rem;
color: #fff;
text-transform: uppercase;
margin-bottom: 3rem;
}
.itog__title{
display:none;
text-align: center;
font-size: 9.5rem;
color: #fff;
text-transform: uppercase;
margin-bottom: 3rem;
}
.itog__subtitle{
display:none;
font-size: 3.1rem;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.calc-ready.result{
background: #a64555;
border: none;
}
.calc-ready.result .itog__siptitle{
display: block;
}
.calc-ready.result .itog__title{
display: flex;
justify-content: center;
gap: 2rem;
}
.calc-ready.result .itog__subtitle{
display: block;
}
.calc-ready.result #timePassed{
display: none;
}
.calc-ready.result .calc-ready__inner{
display: none;
}
.calc-ready.result .inner{
display: flex;
opacity: 1;
visibility: visible;
}
.calc-ready{
position: relative;
}
.date{
display: flex;
align-items: center;
gap: 1.5rem;
font-size: 2rem;
font-weight: 400;
span{
color: #4b3128;
}
}
.time{
display: flex;
align-items: center;
gap: 1.5rem;
font-size: 2rem;
font-weight: 400;
span{
color: #4b3128;
}
}
.itog__btn {
display:none;
}
.itog__btn.visible{
display: block;
}
.itog__warn {
margin-top: 4rem;
display: none;
text-align: center;
font: 600 3rem / 1.2 $font-family;
color: #a64555;
font-weight: 600;
}
.itog__warn svg{
width: 11rem;
display: block;
margin: auto;
margin-bottom: 2.5rem;
}
.itog__warn.visible {
display: block;
}
.itog__btn.visible{
display: flex;
}
.itog__btn{
width: 38.5rem;
border-radius: 5rem;
font-size: 2.4rem;
padding: 2.2rem 3rem;
background: linear-gradient(90deg, #184f49 0%, #31756e 100%);
align-items: center;
gap: 1.5rem;
font: 800 2.4rem $font-family;
text-transform: uppercase;
color: #fff;
margin: auto;
margin-top: 4rem;
}
@media (max-width: 962px){
.calc-ready{
margin-top: 4.5rem !important;
}
.itog__siptitle{
font-size: 1.8rem;
margin-bottom: 1rem;
}
.itog__title{
font-size: 3.9rem;
margin-bottom: 1rem;
}
.itog__subtitle{
font-size: 1.2rem;
}
.date{
font-size: 1.3rem;
}
.time{
font-size: 1.3rem;
}
.inner{
top: -2.5rem;
}
.itog__btn{
margin-top: 2rem;
font: 800 1.6rem "Work Sans", sans-serif;
max-width: 100%;
}
.itog__warn{
margin-top: 2rem;
}
.articles .container{
row-gap: 1rem;
column-gap: 2%;
}
.articles__btn {
padding: 0.5rem 1rem;
width: 100%;
font-size: 1.1rem;
width: 17rem;
margin: auto;
}
.header .nav{
align-items: center;
}
}@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
} :root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform,
200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
} .swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .swiper-slide-zoomed {
cursor: move;
touch-action: none;
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{ left:0 }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{ right:0 }  .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}