/* normalize extracted from assets/style.css@ver=1.0.0.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*@font-face {
font-family: "Montserrat";
src: url("../fonts/Montserrat-Thin.woff2" ) format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("../fonts/Montserrat-ThinItalic.woff2") format("woff2");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}*/
body {
font-family: 'Gotham Pro';
font-style: normal;
margin: 0 !important;
/* padding: 0 !important; */
margin: 0;
padding: 0;
background: #EEEDF2;
}
.mt80 {
margin-top: 80px;
}
.mb80 {
margin-bottom: 80px;
}
.pt80 {
padding-top: 80px;
}
.pb80 {
padding-bottom: 80px;
}
.header {
background: #C5B4A6;
padding-top: 27px;
padding-bottom: 27px;
box-sizing: border-box;
position: relative;
z-index: 15;
}
h2 {
margin-top: 0;
margin-bottom: 0;
}
.wrp {
width: 1376px;
margin-left: auto;
margin-right: auto;
}
.header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
@media(max-width: 1200px) {
.header-wrapper nav {
display: none;
}
}
.header-logo {
width: 440px;
display: flex;
}
.header-logo img {
width: 100%;
}
.header-btn {
width: fit-content;
cursor: pointer;
background: #EEEDF2;
border-radius: 62px;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 24px;
padding-top: 18px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
text-decoration: none;
line-height: 17px;
transition: 0.3s;
color: #23499E;
}
.header-btn:hover {
background: #fff;
transition: 0.3s;
}
nav ul {
display: flex;
list-style: none;
gap: 34px;
align-items: center;
padding-left: 0;
}
nav ul li a,
nav ul li > div:nth-of-type(1) {
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
display: flex;
color: #EEEDF2;
transition: 0.3s;
cursor: pointer;
}
nav ul li.active > a {
color: #fff;
font-weight: bold;
}
nav ul li a.active {
color: #fff;
font-weight: bold;
}
nav ul li a:hover,
nav ul li:hover {
/* color: #FFFFFF; */
/* transition: 0.3s; */
}
@media(max-width: 1400px) {
nav ul li a,
nav ul li > div:nth-of-type(1) {
font-size: 16px;
}
}
nav ul li {
position: relative;
}
nav ul li ul {
display: none;
position: absolute;
top: 20px;
left: -28px;
z-index: 5;
padding-top: 16px;
box-sizing: border-box;
flex-direction: column;
gap: 9px;
align-items: flex-start;
padding-left: 0;
}
nav ul li ul li a {
font-weight: 500;
font-size: 18px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
color: #23499E;
padding: 16px 25px;
background: #EEEDF2;
border-radius: 62px;
width: fit-content;
white-space: nowrap;
}
.header-white {
background: #fff;
}
.header-white nav ul li a,
.header-white nav ul li > div {
color: #23499E;
}
/* nav ul li .haschildmenuot {
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
display: flex;
color: #EEEDF2;
transition: 0.3s;
cursor: pointer;
}
nav ul li.active .haschildmenuot {
color: #fff;
font-weight: bold;
}
nav ul li .haschildmenuot:hover,
nav ul li:hover {
color: #FFFFFF;
transition: 0.3s;
}
.header-white nav ul li .haschildmenuot,
.header-white nav ul li .haschildmenuot:hover,
.header-white nav ul li:hover {
color: #23499E;
} */
.burger,
.buroverlay,
.burger-menu-wrp {
display: none;
}
@media(max-width: 1200px) {
.burger {
display: flex;
width: 179px;
}
.burger-menu-wrp {
display: block;
}
.burger-menu-wrp {
display: block;
position: fixed;
top: 0;
left: -500px;
z-index: 88;
width: 390px;
background: #EEEDF2;
height: 100vh;
transition: 0.3s;
}
.burger-menu-wrp-open {
left: 0;
transition: 0.3s;
}
.burger-menu-wrp-iner {
padding: 20px;
}
.burger-menu-wrp-close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.burger-menu-wrp-close img {
width: 20px;
}
.burger-menu-wrp-iner .header-btn {
background: #23499E;
color: #fff;
box-sizing: border-box;
width: 100%;
}
.burger-menu-wrp-menu {
margin-top: 30px;
margin-bottom: 50px;
}
.burger-menu-wrp-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.burger-menu-wrp-menu ul a {
text-decoration: none;
padding: 15px 20px;
gap: 10px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 30px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 96%;
/* or 19px */
letter-spacing: -0.02em;
color: #23499E;
display: flex;
}
.ivjdi {
text-decoration: none;
padding: 15px 20px;
gap: 10px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 30px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 96%;
/* or 19px */
letter-spacing: -0.02em;
color: #23499E;
display: flex;
justify-content: space-between;
align-items: center;
}
.ivjdi svg {
transition: 0.3s;
}
.burger-menu-wrp-menu ul .ul {
margin-left: 20px;
display: none;
margin-top: 14px;
flex-direction: column;
gap: 12px;
}
.burger-menu-wrp-menu ul .podmenu-open .ul {
display: flex;
}
.podmenu-open .ivjdi svg {
transform: scale(1, -1);
transition: 0.3s;
}
.instr-wrapper-menu-col-title {
text-decoration: none;
padding: 15px 20px;
gap: 10px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 30px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
display: flex;
}
.instr-wrapper-menu-col-title:before {
right: 20px;
top: 17px;
}
.burger-menu-wrp-menu {
margin-top: 30px;
margin-bottom: 30px;
max-height: calc(100vh - 168px);
overflow: auto;
}
}
@media(max-width: 950px) {
.burger {
display: flex;
width: auto;
}
}
.instr-wrapper-menuw {
display: none;
width: 526px;
padding-top: 30px;
position: absolute;
}
.instr-wrapper-menu {
display: flex;
width: 100%;
box-sizing: border-box;
padding: 26px 22px;
background: #EEEDF2;
justify-content: space-between;
border-radius: 20px;
}
.instr-wrapper-menu-col-title {
display: block;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 17px;
text-transform: uppercase;
cursor: pointer;
color: #23499E;
margin-bottom: 21px;
}
.instr-wrapper-menu-col-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.instr-wrapper-menu-col-list a {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
leading-trim: both;
text-edge: cap;
letter-spacing: -0.02em;
text-transform: none;
color: #23499E;
text-align: left;
}
.instr-wrapper-menu-col-list a:hover {
color: #23499E;
text-decoration: underline;
}
nav ul li:hover .instr-wrapper-menuw {
display: flex;
}
.first-screen {
background: #C5B4A6;
position: relative;
padding-top: 81px;
box-sizing: border-box;
}
.first-screen-img-left {
position: absolute;
bottom: 0;
left: 0;
width: 544px;
}
.first-screen-img-right {
position: absolute;
bottom: 0;
right: 0;
width: 678px;
}
.first-screen-img-left img,
.first-screen-img-right img {
display: block;
width: 100%;
}
.first-screen-wrp {
position: relative;
z-index: 10;
}
.first-screen-subtitle {
font-style: normal;
font-weight: 400;
font-size: 38.0026px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
color: #EEEDF2;
text-align: center;
}
.first-screen-subtitle span {
font-style: normal;
font-weight: bold;
font-size: 38.0026px;
line-height: 96%;
letter-spacing: -0.02em;
color: #EEEDF2;
}
.first-screen-title {
margin-top: 27px;
font-weight: 500;
font-size: 134.443px;
line-height: 77%;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
margin-bottom: 0;
}
.first-screen-title span {
font-style: normal;
font-weight: 400;
font-size: 134.443px;
line-height: 77%;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #FFFFFF;
}
.first-screen-title-logo {
text-align: center;
width: 680px;
margin-left: auto;
margin-right: auto;
}
.first-screen-title-logo img {
width: 100%;
}
.first-screen-circle {
margin-top: 40px;
position: relative;
width: 195px;
height: 195px;
margin-left: auto;
margin-right: auto;
}
.first-screen-circle-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
height: 100%;
}
.first-screen-circle-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.first-screen-circle-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.first-screen-list {
margin-top: 112px;
display: flex;
gap: 14px;
}
.first-screen-list-item {
width: calc((100% - 70px) / 6);
/* Frame 368 */
/* Auto layout */
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
gap: 26px;
transition: 0.3s;
background: #EEEDF2;
border-radius: 20px 20px 0px 0px;
text-decoration: none;
box-sizing: border-box;
}
.first-screen-list-item:hover {
background: #fff;
transition: 0.3s;
}
.first-screen-list-item-text {
font-weight: 400;
font-size: 20px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.first-screen-list-item-text strong {
font-weight: 700;
font-size: 20px;
line-height: 96%;
align-items: center;
letter-spacing: -0.02em;
}
.cino-desctop {
background: #FF695B;
transition: 0.3s;
}
.cino-desctop:hover {
background: #23499E;
transition: 0.3s;
}
.cino-desctop span {
color: #fff;
}
.zabota-accordeon-item-content {
display: none;
}
.zabota {
margin-top: 39px;
}
.zabota-wrp {
position: relative;
padding-top: 105px;
}
.zabota-img {
position: absolute;
top: 0;
right: 68px;
width: 545px;
}
.zabota-img img {
width: 100%;
}
h2 {
margin-top: 0;
margin-bottom: 0;
}
.zabota-wrp .section-title {
width: 633px;
margin-left: 24px;
}
.section-title {
font-style: normal;
font-weight: 600;
font-size: 68px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.section-title span {
font-style: normal;
font-weight: 700;
text-align: center;
letter-spacing: -0.02em;
}
.zabota-accordeon {
display: flex;
flex-wrap: wrap;
gap: 16px 16px;
align-items: flex-start;
position: relative;
z-index: 10;
margin-top: 62px;
}
.zabota-accordeon-col {
width: calc(50% - 8px);
display: flex;
flex-direction: column;
gap: 16px;
}
.zabota-accordeon-item {
width: 100%;
padding: 24px;
box-sizing: border-box;
cursor: pointer;
background: #23499E;
border-radius: 20px;
}
.zabota-accordeon-item-title {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.zabota-accordeon-item-title-text {
font-weight: 500;
font-size: 24px;
line-height: 23px;
color: #FFFFFF;
}
.zabota-accordeon-item-title-arr {
width: 40px;
transition: 0.3s;
transform: scale(1, -1);
}
.zabota-accordeon-item-title-arr img {
width: 100%;
}
.zabota-accordeon-item-content {
padding-top: 16px;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
}
.accordeon-item-active .zabota-accordeon-item-title-arr {
transform: scale(1, 1);
transition: 0.3s;
}
.simptom-wrp {
display: flex;
justify-content: space-between;
align-items: center;
background: #C5B4A6;
padding: 39px 60px;
box-sizing: border-box;
border-radius: 24px;
}
.simptom-wrp-content {
width: 722px;
}
.simptom .section-title {
color: #fff;
text-align-last: left;
}
.simptom .header-btn {
margin-top: 32px;
}
.simptom-img {
width: calc(100% - 762px);
}
.simptom-img img {
width: 100%;
}
.products-cards {
background: #fff;
}
.products-cards-wrapper {
display: flex;
gap: 16px;
}
.products-cards-left {
width: calc(100% - 464px);
}
.products-cards-title {
font-weight: 400;
font-size: 44px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.products-cards-title span {
font-weight: bold;
}
.products-cards-items {
display: flex;
align-items: flex-end;
gap: 16px;
margin-top: 46px;
}
.products-cards-item1 {
width: calc(50% - 8px);
}
.products-cards-item1-img {
background: #F2F0F7;
border-radius: 20px;
padding-top: 75px;
padding-bottom: 56px;
box-sizing: border-box;
text-align: center;
}
.mb40otz {
margin-bottom: 40px;
}
.products-cards-item1-img img {
width: 306px;
}
.products-cards-items-name {
margin-top: 24px;
font-weight: 400;
font-size: 28px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.products-cards-item2 {
width: calc(50% - 8px);
}
.products-cards-item2-img {
background: #F2F0F7;
border-radius: 20px;
padding-top: 78px;
padding-bottom: 48px;
box-sizing: border-box;
text-align: center;
}
.products-cards-item2-img img {
width: 369px;
}
.products-cards-right {
width: 448px;
}
.products-cards-right-item {
width: 100%;
}
.products-cards-right-img {
width: 100%;
background: #F2F0F7;
border-radius: 20px;
padding-top: 65px;
padding-bottom: 35px;
box-sizing: border-box;
text-align: center;
}
.products-cards-right-img img {
width: 435px;
}
.products-cards-wrapper-btns {
display: flex;
justify-content: center;
margin-top: 60px;
gap: 12px;
}
.products-cards-wrapper-btn {
/* Frame 275 */
/* Auto layout */
display: flex;
justify-content: center;
align-items: center;
padding: 20px 46px;
border-radius: 62px;
font-weight: 500;
font-size: 24px;
line-height: 23px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;
cursor: pointer;
}
.cards-btn1 {
color: #fff;
background: #23499E;
transition: 0.3s;
text-decoration: none;
}
.cards-btn2 {
border: 1px solid #23499E;
color: #23499E;
transition: 0.3s;
}
.cards-btn3 {
border: 1px solid #FF695B;
color: #FF695B;
transition: 0.3s;
}
.cards-btn1:hover {
transition: 0.3s;
opacity: 0.7;
}
.cards-btn2:hover {
transition: 0.3s;
background: #23499E;
color: #fff;
}
.cards-btn3:hover {
transition: 0.3s;
color: #fff;
background: #FF695B;
}
.bacily {
overflow: hidden;
background: #fff;
}
.bacily-content {
margin-top: 69px;
display: flex;
gap: 31px;
align-items: flex-end;
box-sizing: border-box;
padding-left: 340px;
}
.bacily-card-wrp {
position: relative;
}
.bacily-blu {
width: 439px;
margin-bottom: 100px;
}
.bacily-red {
width: 396px;
}
.bacily-blu-img {
position: absolute;
top: -58px;
width: 590px;
left: -471px;
pointer-events: none;
}
.bacily-blu-img1 {
position: relative;
width: 100%;
z-index: 1;
display: flex;
}
.bacily-blu-img2 {
position: absolute;
width: 100%;
z-index: 10;
top: 0;
display: flex;
left: 0;
}
.bacily-blu-img1,
.bacily-blu-img2 {
width: 100%;
}
.bacily-blu .bacily-card {
z-index: 5;
position: relative;
background: #23499E;
backdrop-filter: blur(8.77023px);
/* Note: backdrop-filter has minimal browser support */
}
.bacily-card {
padding-left: 32px;
padding-bottom: 27px;
padding-top: 18px;
padding-right: 23px;
border-radius: 54px;
}
.bacily-card-title {
font-weight: 400;
font-size: 21.4781px;
line-height: 114%;
color: rgba(255, 255, 255, 0.8);
display: flex;
gap: 11px;
align-items: center;
}
.bacily-card-title span {
font-weight: 700;
font-size: 57.275px;
line-height: 114%;
/* or 65px */
color: #FFFFFF;
}
.bacily-card-text {
font-weight: 400;
font-size: 20px;
line-height: 110%;
/* or 22px */
color: #FFFFFF;
}
.bacily-card-text span {
font-weight: bold;
}
.bacily-card-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 24px;
text-align: center;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 62px;
font-weight: 500;
font-size: 18px;
line-height: 17px;
letter-spacing: 0.01em;
text-transform: uppercase;
width: fit-content;
text-decoration: none;
margin-top: 20px;
transition: 0.3s;
}
.bacily-blu .bacily-card-btn {
color: #23499E;
}
.bacily-red .bacily-card-btn {
color: #FF695B;
}
.bacily-card-btn:hover {
background: #EEEDF2;
transition: 0.3s;
}
.bacily-red .bacily-card {
background: #FF695B;
position: relative;
z-index: 5;
}
.bacily-card-tags {
display: flex;
flex-direction: column;
gap: 5px;
margin-top: 16px;
}
.bacily-card-tag {
box-sizing: border-box;
padding: 14px 12px;
gap: 10px;
border-radius: 8px;
font-weight: 500;
font-size: 16px;
line-height: 15px;
width: fit-content;
}
.bacily-blu .bacily-card-tag {
color: #23499E;
border: 1px solid #23499E;
}
.bacily-red .bacily-card-tag {
color: #FF695B;
border: 1px solid #FF695B;
}
.bacily-red-img {
position: absolute;
top: -241px;
right: -182px;
width: 383px;
}
.bacily-red-img1 {
position: relative;
display: flex;
width: 100%;
}
.bacily-red-img2 {
position: absolute;
width: 100%;
z-index: 10;
top: 0;
left: 0;
display: flex;
}
.bacily-red-img1 img,
.bacily-red-img2 img {
width: 100%;
}
.primenen-wrp {
margin-top: 40px;
}
.primenen-buttons {
display: flex;
gap: 7px;
justify-content: center;
}
.primenen-button {
/* Frame 330 */
transition: 0.3s;
box-sizing: border-box;
padding: 14px 24px;
border: 1px solid #5074C3;
border-radius: 62px;
font-weight: 500;
font-size: 24px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
color: #5074C3;
cursor: pointer;
}
.primenen-button.active {
border: none;
background: #5074C3;
transition: 0.3s;
color: #fff;
}
.primenen-content {
display: none;
}
.primenen-content.active {
display: block;
margin-top: 40px;
}
.primenen-content-cards {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.primenen-content-card {
width: calc((100% - 60px) / 3);
padding: 20px;
background: #23499E;
border-radius: 24px;
display: flex;
gap: 20px;
/*align-items: start;*/
align-items: center;
box-sizing: border-box;
}
.primenen-content-icon {
width: 90px;
}
.primenen-content-icon img {
width: 100%;
}
.primenen-content-text {
width: calc(100% - 116px);
display: flex;
justify-content: center;
flex-direction: column;
}
.primenen-content-text-title {
font-style: normal;
font-weight: 400;
font-size: 23px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.primenen-content-text-title span {
font-style: normal;
font-weight: 700;
}
.primenen-content-text-desc {
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.podbor {
background: #fff;
}
.section-subtitle {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 96%;
margin-top: 20px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.section-subtitle span {
font-style: normal;
font-weight: bold;
}
.podbor-content {
margin-top: 40px;
}
.podbor-items {
cursor: pointer;
display: flex;
gap: 7px 7px;
flex-wrap: wrap;
width: 1444px;
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.podbor-item {
box-sizing: border-box;
transition: 0.3s;
padding: 16px 24px;
border: 1px solid #5074C3;
border-radius: 62px;
font-weight: 500;
font-size: 18px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
color: #5074C3;
}
.podbor-subtitle {
text-align: center;
margin-bottom: 30px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 15px;
}
.podbor-btn {
padding: 20px 46px;
background: #FF695B;
border-radius: 62px;
width: fit-content;
box-sizing: border-box;
font-weight: 500;
font-size: 24px;
line-height: 23px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
.podbor-item.podbor-active {
background: #5074c3;
color: #fff;
transition: 0.3s;
}
.podbor-modal {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
height: 100vh;
z-index: 50;
overflow: auto;
}
.podbor-modal-overlay {
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
position: fixed;
}
.podbor-modal-content {
position: absolute;
top: 100px;
margin-bottom: 50px;
left: 50%;
transform: translate(-50%, 0);
background: #fff;
border-radius: 24px;
box-sizing: border-box;
width: 1258px;
/*height: 90vh;*/
/*overflow-y: scroll;*/
padding-top: 108px;
padding-bottom: 70px;
padding-left: 115px;
padding-right: 115px;
}
@media(max-width: 650px) {
.podbor-modal-content { top: 50px;}
}
.podbor-modal-title {
font-weight: 700;
font-size: 48px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.podbor-modal-subtitle {
font-weight: 400;
font-size: 24px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 20px;
}
.podbor-modal-title-wrp {
width: 760px;
margin-left: auto;
margin-right: auto;
}
.podbor-modal-product {
margin-top: 36px;
display: flex;
justify-content: flex-end;
width: 760px;
margin-left: auto;
margin-right: auto;
}
.podbor-modal-img {
width: 491px;
position: absolute;
top: 0;
right: 270px;
}
.podbor-modal-img img {
width: 100%;
}
.podbor-modal-tags {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
display: flex;
flex-direction: column;
gap: 5px;
width: 340px;
}
.podbor-modal-tag {
/* Frame 276 */
box-sizing: border-box;
padding: 14px 12px;
border: 1px solid #23499E;
border-radius: 8px;
width: fit-content;
font-weight: 400;
font-size: 16px;
line-height: 15px;
color: #23499E;
}
.podbor-modal-cards {
display: flex;
position: relative;
z-index: 80px;
gap: 16px;
margin-top: 55px;
}
.podbor-modal-card {
padding: 30px;
background: #23499E;
border-radius: 20px;
width: calc((100% - 32px) / 3);
}
.podbor-modal-card-img {
width: 272px;
}
.podbor-modal-card-img img {
width: 100%;
}
.podbor-modal-card-title {
display: flex;
gap: 15px;
align-items: center;
margin-top: 25px;
}
.podbor-modal-card-title-number {
font-weight: 400;
font-size: 24px;
line-height: 120%;
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
}
.podbor-modal-card-title-text {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #FFFFFF;
}
.podbor-modal-card-desc {
margin-top: 15px;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
}
.podbor-modal-btn {
margin-top: 36px;
padding: 20px 46px;
gap: 10px;
background: #FF695B;
border-radius: 62px;
width: fit-content;
margin-left: auto;
margin-right: auto;
font-weight: 400;
font-size: 24px;
line-height: 23px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
transition: 0.3s;
display: block;
text-decoration: none;
cursor: pointer;
}
.podbor-modal-btn:hover {
transition: 0.3s;
background: #23499E;
}
.modal-close {
position: absolute;
top: 100px;
right: 60px;
cursor: pointer;
z-index: 200; /* выше всего */
width: 32px; /* подгони под размер иконки */
height: 32px;
}
.modal-close img {
width: 100%;
height: 100%;
display: block;
}
.podbor-modal1,
.podbor-modal2,
.podbor-modal3 {
display: none;
}
.problems-content {
display: flex;
gap: 16px;
}
.problems-content-item {
width: calc((100% - 48px) / 4);
background: #23499E;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 16px;
padding-bottom: 45px;
border-radius: 376px;
}
.problems-item2 {
border-bottom-right-radius: 24px;
border-bottom-left-radius: 24px;
}
.problems-title {
font-weight: 700;
font-size: 24px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
color: #EEEDF2;
margin-top: 27px;
}
.problems-desc {
font-weight: 400;
font-size: 19px;
line-height: 120%;
margin-top: 18px;
text-align: center;
color: #EEEDF2;
width: 256px;
}
.problems-link {
/* Frame 327 */
box-sizing: border-box;
padding: 16px 29px;
padding-top: 20px;
background: #EEEDF2;
border: 1.2325px solid #EEEDF2;
border-radius: 76px;
transition: 0.3s;
display: block;
text-decoration: none;
width: fit-content;
margin-top: 20px;
font-weight: 500;
font-size: 22px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
color: #23499E;
}
.problems-link:hover {
background: #fff;
transition: 0.3s;
}
.problem-cino {
background: transparent;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.problem-cino-img {
width: 332px;
height: 332px;
background: #23499E;
border-radius: 50%;
position: relative;
}
.problem-cino-img img {
width: 100%;
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
}
.problems-content-item-btn {
/* Frame 327 */
box-sizing: border-box;
padding: 19px 29px;
background: #FF695B;
border: 1px solid #FF695B;
border-radius: 76.4152px;
width: fit-content;
font-weight: 500;
font-size: 22px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
color: #EEEDF2;
position: relative;
z-index: 5;
transition: 0.3s;
}
.problems-content-item-btn:hover {
transition: 0.3s;
background: #23499E;
border: 1px solid #23499E;
}
.protiv {
padding-top: 30px;
padding-bottom: 30px;
background: #fff;
}
.body-white .protiv {
background: rgba(249, 249, 249, 1);
}
.protiv-text {
font-family: 'Bebas Neue';
font-weight: 400;
font-style: normal;
text-align: center;
justify-content: center;
font-weight: 700;
font-size: 41px;
line-height: 41px;
display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
color: #878787;
text-transform: uppercase;
}
/* .burger, */
.buroverlay,
/* .burger-menu-wrp, */
.first-screen-bu1mob,
.tipy-zabmobwrp {
display: none;
}
sup {
font-size: 50%;
line-height: 0;
}
/* nav ul li ul li a {
align-items: flex-start;
} */
/* новое */
/* nav ul li .haschildmenuot {
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
display: flex;
color: #EEEDF2;
transition: 0.3s;
cursor: pointer;
}
nav ul li.active .haschildmenuot {
color: #fff;
font-weight: bold;
}
nav ul li .haschildmenuot:hover,
nav ul li:hover {
color: #FFFFFF;
transition: 0.3s;
}
.header-white nav ul li .haschildmenuot,
.header-white nav ul li .haschildmenuot:hover,
.header-white nav ul li:hover {
color: #23499E;
} */
.instr-wrapper-menu {
gap: 26px;
flex-direction: column;
}
.instr-wrapper-menuw {
width: 290px;
}
.instr-wrapper-menu-col-list {
display: none;
margin-top: 21px;
}
.instr-wrapper-menu-col-list a {
margin-bottom: 12px;
}
.instr-wrapper-menu-col-list a:last-child {
margin-bottom: 0;
}
.instr-wrapper-menu-col-title {
margin-bottom: 0;
}
.instr-wrapper-menu-col-title:before {
content: '';
position: absolute;
width: 20px;
height: 12px;
transition: 0.3s;
right: 0;
top: 0;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* .instr-wrapper-menu-col-title:before, */
.burger-mobile .instr-wrapper-menu-col-title:before {
right: 20px;
top: 17px;
}
.instr-wrapper-menu-col-title {
position: relative;
}
.podmen-active-op.instr-wrapper-menu-col-title:before {
transform: scale(1, -1);
transition: 0.3s;
}
.instr-wrapper-menu-col-list:has(.active) {
display: block;
}
.instr-wrapper-menu-col-title {
font-weight: 400;
leading-trim: both;
text-edge: cap;
display: flex;
letter-spacing: -0.04em;
text-transform: uppercase;
}
.burger-menu-wrp-menu .instr-wrapper-menu-col-title{
text-transform: none;
}
.dfcin {
justify-content: center;
}
a.instr-wrapper-menu-col-title:before {
content: none;
}
.podbor-modal-subtitle a {
/* [Linked] помощник в борьбе за здоровье кожи */
color: #23499E;
text-decoration: none;
}
.neyavl0med {
margin-top: 36px;
margin-bottom: 20px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 96%;
/* or 15px */
color: #23499E;
}
.titleist {
margin-bottom: 10px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.istoki-link {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.apteka-modal,
.vind-predupr {
position: fixed;
top: -200vh;
height: 100vh;
width: 100%;
z-index: 999;
opacity: 0;
transition: opacity 0.3s;
left: 0;
}
.apteka-modal-open {
top: 0;
opacity: 1;
transition: opacity 0.3s;
}
.apteka-modal-over {
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.apteka-modal-iner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 108px 44px 70px 44px;
width: 1260px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 24px;
}
.vind-predupr-text {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 96%;
/* or 23px */
letter-spacing: -0.02em;
color: #23499E;
}
.vind-predupr-iner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 97px 93px 97px 35px;
width: 1260px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 24px;
}
.vind-predupr-close {
position: absolute;
cursor: pointer;
top: 36px;
right: 45px;
}
.apteka-modal-close {
position: absolute;
cursor: pointer;
top: 70px;
right: 116px;
}
.apteka-modal-title {
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 96%;
/* or 46px */
text-align: center;
letter-spacing: -0.02em;
margin-bottom: 55px;
color: #23499E;
}
.apteka-modal-title span {
font-weight: 600;
}
.apteka-modal-apts {
display: flex;
justify-content: space-between;
}
.apteka-modal-apt {
width: 275px;
}
.apteka-modal-apt-icon {
display: flex;
}
.apteka-modal-apt-icon img {
width: 100%;
border-radius: 16px;
}
.apteka-modal-button {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
text-transform: uppercase;
/* Frame 757 */
box-sizing: border-box;
width: 169.16px;
height: 55px;
padding: 8px 9px 4px 9px;
background: #23499E;
border: 1px solid #23499E;
border-radius: 76.4152px;
margin-left: auto;
margin-right: auto;
color: #EEEDF2;
text-decoration: none;
transition: 0.3s;
}
.apteka-modal-button:hover {
transition: 0.3s;
transition: 0.3s;
opacity: 0.7;
}
.apteka-modal-apt0text {
margin-top: 25px;
margin-bottom: 25px;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 96%;
/* or 24px */
text-align: center;
letter-spacing: -0.04em;
color: #23499E;
}
.section-where-cup .apteka-modal-title {
font-size: 68px;
}
.section-where-cup .apteka-modal-apt {
width: 320px;
}
.sje-wrapper {
border-radius: 24px;
background: #23499E;
padding: 50px 0 0 64px;
}
.sje-title {
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
margin-bottom: 50px;
color: #FFFFFF;
}
.sje-title span {
font-weight: 400;
}
.sje-wrapper-img {
display: flex;
width: 1133px;
}
.sje-wrapper-img img {
width: 100%;
}
.blue-block-content-text sup a {
text-decoration: none;
color: #23499E;
}
sup a {
text-decoration: none;
color: inherit;
}
.fs48.blue-block-content-text {
font-size: 48px;
}
.title-big.mb60,
.section-subtitle.mb60 {
margin-bottom: 60px;
}
.section-subtitle strong {
font-weight: 700;
}
.vozmosh-vibora-two-col {
display: flex;
}
.vozmosh-vibora-two-col-col {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
.vozmosh-vibora-two-col-image {
display: flex;
width: 588px;
}
.vozmosh-vibora-two-col-image img {
width: 100%;
}
.vozmosh-vibora-two-col-title {
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 96%;
/* or 23px */
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
margin-bottom: 15px;
}
.vozmosh-vibora-two-col-text {
max-width: 484px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
text-align: center;
}
.pravolevotextandzag {
display: flex;
}
.mb60 {
margin-bottom: 60px;
}
.pravolevotextandzag>div {
width: 50%;
}
.pravolevotextandzag1 {
max-width: 560px;
margin-left: auto;
margin-right: auto;
font-style: normal;
font-weight: 400;
font-size: 44px;
line-height: 104%;
/* or 46px */
letter-spacing: -0.02em;
color: #23499E;
text-align: center;
}
.pravolevotextandzag2 {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
text-align: center;
letter-spacing: -0.02px;
color: #23499E;
}
.pravolevotextandzag strong {
font-weight: 700;
}
.prodcarfgjg {
display: flex;
gap: 40px;
}
.prodcarfgjg .delat-4to-card-list-item {
margin-top: 14px;
}
.delat-4to-card-list-item.str {
font-weight: bold;
}
.prodcarfgjg2 {
width: calc(100% - 202px);
}
.prodcarfgjg1 {
width: 162px;
}
.prodcarfgjg1 img {
width: 100%;
}
.bacily-content2 {
display: flex;
justify-content: space-between;
padding-bottom: 100px;
align-items: flex-end;
padding-top: 205px;
position: relative;
}
.cb2-va {
position: absolute;
top: 0;
display: flex;
left: 449px;
width: 559px;
}
.cb2-va img {
width: 100%;
position: relative;
z-index: 2;
}
.cb2-va:before {
content: '';
width: 179px;
height: 202px;
position: absolute;
top: 270px;
right: -20px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.cb2-va:after {
content: '';
position: absolute;
width: 126px;
height: 60px;
top: 325px;
left: -35px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.bacily-blu2 {
width: 417px;
margin-bottom: 0;
}
.bacily-red2 .bacily-card {
padding-bottom: 46px;
}
.bacily-blu-img2w img {
width: 100%;
}
.bacily-blu-img2w {
position: absolute;
top: -304px;
width: 458px;
left: -53px;
pointer-events: none;
}
.bacily-red-img2w {
position: absolute;
top: -196px;
right: 0;
width: 285px;
}
.cinoobi {
overflow: hidden;
}
.prod-pade-fiscreen {
padding-top: 213px;
padding-bottom: 100px;
position: relative;
}
.prod-pade-fiscreen-right {
position: absolute;
top: 72px;
left: 712px;
width: 693px;
}
.prod-pade-fiscreen-right img {
width: 100%;
}
.prod-pade-fiscreen-left {
margin-left: 84px;
width: 714px;
display: flex;
flex-direction: column;
align-items: center;
}
.prod-pade-fiscreen-logo {
display: flex;
}
.prod-pade-fiscreen-logo img {
width: 100%;
width: 585px;
}
.prod-pade-fiscreen-text {
margin-top: 20px;
margin-bottom: 30px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 96%;
/* or 23px */
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.prod-pade-fiscreen-text strong {
font-weight: 700;
}
.prod-pade-fiscreen-button {
transition: 0.3s;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 17px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
width: 267px;
padding-top: 20px;
padding-bottom: 20px;
justify-content: center;
background: #23499E;
border-radius: 62px;
}
.prod-pade-fiscreen-button:hover {
transition: 0.3s;
opacity: 0.7;
}
.instr-page-fi-scr-wrp {
overflow: hidden;
}
.instr-page-fi-scr-wrp {
display: flex;
position: relative;
}
.instr-page-fi-scr-left {
width: 756px;
}
.instr-page-fi-scr-left-title {
font-weight: 700;
font-size: 96px;
line-height: 92px;
text-align: center;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #2D509F;
}
.instr-page-fi-scr-left-title span {
font-weight: 700;
}
.section-default .title-block span {
font-weight: 300
}
.section-default .text-48.color-blue,
title-middle {
font-weight: 400
}
.instr-page-fi-scr-left-instr-text {
margin-top: 30px;
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 96%;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.instr-page-fi-scr-right {
position: absolute;
top: 37px;
left: 521px;
}
.instr-page-fi-scr {
position: relative;
padding-top: 146px;
padding-bottom: 146px;
}
.instr-page-fi-scr-wrp-texts {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 15px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #23499E;
}
.instr-page-fi-scr-wrp-texts span {
font-weight: 700;
}
.sost-opis-instr {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.sost-opis-instr-col1 {
width: 100%;
}
.sost-opis-instr-col2 {
width: 100%;
}
.sost-opis-instr-col-text-two {
display: flex;
gap: 50px;
}
.sost-opis-instr-col-text1 {
max-width: 604px;
width: 50%;
}
.sost-opis-instr-col {
background: #23499E;
border-radius: 24px;
padding: 35px;
box-sizing: border-box;
}
.sost-opis-instr-gray {
padding: 35px;
background: #EEEDF2;
border-radius: 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
gap: 15px;
}
.sost-opis-instr-col1df {
display: flex;
flex-direction: column;
gap: 20px;
}
.sost-opis-instr-col-title {
/* Описание */
margin-bottom: 15px;
font-weight: 500;
font-size: 24px;
line-height: 23px;
color: #FFFFFF;
}
.sost-opis-instr-gritm {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #23499E;
}
.sost-opis-instr-gritm strong {
font-weight: 700;
}
.sost-opis-instr-col-text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
}
.sost-opis-instr-col-text strong {
font-weight: 700;
}
.text-block-instr-24 {
margin-bottom: 15px;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 23px;
color: #23499E;
}
.text-block-instr-16 {
margin-top: 15px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #23499E;
}
.text-block-instr-16.strong {
font-weight: 700;
}
.pokazaniya-wraps {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
}
.pokazaniya-wraps-item {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
color: #5074C3;
/* Frame 276 */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
border: 1px solid #5074C3;
border-radius: 62px;
}
.aci-aer {
display: flex;
gap: 20px;
}
.aci-aer-item {
width: calc(50% - 10px);
display: flex;
align-items: center;
justify-content: center;
background: #EEEDF2;
border-radius: 24px;
padding: 20px;
gap: 27px;
}
.aci-aer-text {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 50px;
color: #23499E;
}
.aci-aer-text span {
font-style: normal;
font-weight: 500;
font-size: 48px;
text-edge: cap;
color: #23499E;
}
.pokazaniya-s-ostorozh-twoc {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.pokazaniya-s-ostorozh-col1 {
width: 100%;
}
.pokazaniya-s-ostorozh-col2 {
width: 100%;
}
.primenen-content-text-desc span,
.text-block-instr-16 span {
font-weight: 700;
}
.sposob-i-dozy-wrapper-instr .primenen-content-text-desc {
margin-top: 8px;
letter-spacing: -0.05em;
}
.dlitelnost-lech-wrp {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.dlitelnost-lech1 {
width: 100%;
}
.dlitelnost-lech2 {
width: 100%;
}
.dlitelnost-lech2 .text-block-instr-16 {
margin-top: 0;
}
.pobochki-wrap-insrt {
display: flex;
gap: 60px;
}
.pobochki-wrap-insrt-title {
width: 348px;
font-style: normal;
font-weight: 700;
font-size: 68px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.pobochki-wrap-insrt-title span {
font-weight: 700;
}
.text-ab-inst-abzy-wrp {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.text-ab-inst-abzy-wrp>div {
width: 100%;
}
.pobochki-wrap-insrt-text {
width: 100%;
}
.srok-godnosty-in-instr {
display: flex;
gap: 60px;
}
.srok-godnosty-in-instr-title {
font-style: normal;
font-weight: 700;
font-size: 68px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.srok-godnosty-in-instr-title span {
font-weight: 700;
}
.srok-godnosty-in-instr-year {
/* Rectangle 75 */
width: 274px;
height: 113px;
background: #23499E;
border-radius: 100px;
font-style: normal;
font-weight: 700;
font-size: 68px;
line-height: 96%;
leading-trim: both;
text-edge: cap;
letter-spacing: -0.02em;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.srok-godnosty-in-instr-year span {
font-weight: 700;
}
.srok-godnosty-in-instr-subtitle {
margin-top: 20px;
/* Не применять по истечении срока годности, указанного на упаковке. */
max-width: 244px;
margin-left: auto;
margin-right: auto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: center;
color: #23499E;
}
.cards-btn2 {
text-decoration: none;
}
.bacily-red2 .bacily-card {
border-radius: 54px 0 54px 54px;
}
.bacily-blu2.bacily-blu .bacily-card {
border-radius: 54px 54px 54px 0;
}
.body-white .header-btn:hover {
background: #23499E;
color: #fff;
transition: 0.3s;
}
.ukazanoya-imery {
padding: 35px;
background: #23499E;
border-radius: 24px;
}
.section-subtitlemt0 {
margin-top: 0;
line-height: 110%;
}
.whereshow {
cursor: pointer;
}
.ukazanoya-imery div {
color: #fff !important
}
.brmob {
display: none;
}
:root {
--blue: #23499E;
--text-24: 24px;
--font: "Gotham Pro";
}
.text-20 {
font-size: 20px;
}
@media screen and (max-width: 1200px) {
.text-20 {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
.text-20 {
font-size: 13px;
}
}
.text-24 {
font-size: 24px;
}
@media screen and (max-width: 991px) {
.text-24 {
font-size: 18px;
}
}
.text-28 {
font-size: 28px;
}
@media screen and (max-width: 1200px) {
.text-28 {
font-size: 20px;
}
}
@media screen and (max-width: 991px) {
.text-28 {
font-size: 15px;
}
}
.text-32 {
font-size: 29px;
}
@media screen and (max-width: 1200px) {
.text-32 {
font-size: 25px;
}
}
@media screen and (max-width: 991px) {
.text-32 {
font-size: 20px;
}
}
.text-36 {
font-size: 36px;
}
@media screen and (max-width: 1200px) {
.text-36 {
font-size: 25px;
}
}
@media screen and (max-width: 991px) {
.text-36 {
font-size: 20px;
}
}
.text-48 {
font-size: 48px;
}
@media screen and (max-width: 1200px) {
.text-48 {
font-size: 30px;
}
}
@media screen and (max-width: 991px) {
.text-48 {
font-size: 20px;
}
}
img {
max-width: 100%;
}
.text-sb {
font-weight: 600;
}
.color-blue {
color: var(--blue);
}
.align-center {
align-items: center;
}
.row {
display: flex;
flex-flow: wrap;
margin: 0 -8px;
row-gap: 20px;
}
[class^=width] {
box-sizing: border-box;
padding: 0 8px;
}
@media screen and (max-width: 991px) {
[class^=text] br,
[class^=title] br {
display: none;
}
}
.width-1-3 {
width: 33.3333333333%;
}
@media screen and (max-width: 991px) {
.width-1-3 {
width: 100%;
}
}
.width-1-2 {
width: 50%;
}
@media screen and (max-width: 991px) {
.width-1-2 {
width: 100%;
}
}
.width-2-3 {
width: 66.6666666667%;
}
@media screen and (max-width: 991px) {
.width-2-3 {
width: 100%;
}
}
.width-5-12 {
width: 41.6666666667%;
}
@media screen and (max-width: 1200px) {
.width-5-12 {
width: 100%;
}
}
.width-7-12 {
width: 58.3333333333%;
}
@media screen and (max-width: 1200px) {
.width-7-12 {
width: 100%;
}
}
.section-default {
padding: 80px 0;
background: #EEEDF2;
color: var(--blue);
}
@media screen and (max-width: 991px) {
.section-default {
padding: 40px 0;
}
}
@media screen and (max-width: 575px) {
.section-default {
padding: 25px 0;
}
}
.section-white {
background: #fff;
}
.title-page {
font-size: 140px;
color: var(--blue);
text-transform: uppercase;
line-height: 1;
letter-spacing: -2.8px;
margin: 0;
}
.title-page div {
margin-bottom: 20px;
}
@media screen and (max-width: 1400px) {
.title-page {
font-size: 100px;
}
}
@media screen and (max-width: 1200px) {
.title-page {
font-size: 70px;
}
}
@media screen and (max-width: 575px) {
.title-page {
font-size: 50px;
width: 100%;
}
}
.title-page em {
font-weight: 300;
font-style: italic;
font-size: 140px;
line-height: 1;
letter-spacing: -0.02em;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.title-page-middle {
font-size: 96px;
font-weight: 700;
font-style: normal;
}
@media screen and (max-width: 1200px) {
.title-page-middle {
font-size: 70px;
}
}
@media screen and (max-width: 991px) {
.title-page-middle {
font-size: 50px;
}
}
@media screen and (max-width: 575px) {
.title-page-middle {
font-size: 40px;
}
}
.title-page-middle strong {
font-weight: bold;
font-style: normal;
}
.text-center {
text-align: center;
}
@media screen and (min-width: 1201px) {
.text-right-desc {
text-align: right;
}
}
@media screen and (max-width: 1200px) {
.text-center-mobile {
text-align: center;
}
}
.italic {
font-style: normal;
}
.italic strong {
font-style: normal;
}
.title-middle {
font-style: normal;
}
.title-middle strong {
font-style: normal;
}
.text-tu {
text-transform: uppercase;
}
.title-block {
font-size: 48px;
color: var(--blue);
line-height: 1;
margin-top: 0;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.title-block {
font-size: 30px;
}
}
@media screen and (max-width: 575px) {
.title-block {
font-size: 24x;
}
}
.title-block strong {
font-style: normal;
}
.title-block-big {
font-size: 96px;
}
@media (max-width: 1400px) {
.title-block-big{font-size: 80px}
}
@media screen and (max-width: 1200px) {
.title-block-big {
font-size: 70px;
}
}
@media screen and (max-width: 768px) {
.title-block-big {
font-size: 50px;
}
}
@media screen and (max-width: 575px) {
.title-block-big {
font-size: 35px;
}
}
.margin-bottom {
margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
.margin-bottom {
margin-bottom: 20px;
}
}
.margin-bottom-small {
margin-bottom: 15px;
}
@media screen and (max-width: 575px) {
.margin-bottom-small {
margin-bottom: 10px;
}
}
.margin-bottom-big {
margin-bottom: 60px;
}
@media screen and (max-width: 575px) {
.margin-bottom-big {
margin-bottom: 30px;
}
}
.margin-bottom-biggest {
margin-bottom: 100px;
}
@media screen and (max-width: 575px) {
.margin-bottom-biggest {
margin-bottom: 50px;
}
}
.justify-center {
justify-content: center;
}
sup {
font-family: var(--font);
font-size: 0.5em;
}
.list-check {
list-style: none;
margin: 0;
padding: 0;
}
.list-check li {
padding: 40px;
background: var(--blue);
line-height: 1;
border-radius: 24px;
color: #fff;
margin-bottom: 10px;
position: relative;
padding-left: 80px;
}
@media screen and (max-width: 575px) {
.list-check li {
padding: 15px;
padding-left: 50px;
min-height: 35px;
line-height: 1.2;
border-radius: 12px;
}
}
.list-check li::before {
content: "";
width: 24px;
height: 24px;
background-image: url("../img/check.svg");
background-position: center;
position: absolute;
left: 40px;
top: 40px;
background-repeat: no-repeat;
}
@media screen and (max-width: 575px) {
.list-check li::before {
left: 15px;
top: 15px;
}
}
.list-check li:last-child {
margin-bottom: 0;
}
.protiv {
background: #F9F9F9;
}
.protiv-text {
font-family: "Bebas Neue";
font-style: normal;
}
.image-fh img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.image-border img {
overflow: hidden;
border-radius: 24px;
}
.btns-row {
display: flex;
gap: 10px;
}
.btn {
padding: 20px 45px;
background: var(--blue);
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #fff;
border-radius: 40px;
border: 2px solid var(--blue);
display: inline-block;
text-decoration: none;
font-family: "Gotham Pro";
cursor: pointer;
transition: 0.3s;
}
@media screen and (max-width: 575px) {
.btn {
padding: 15px 20px;
font-size: 16px;
}
}
.btn:hover {
background: #fff0;
color: var(--blue);
}
.btn-red {
background: #FF695B;
border-color: #FF695B;
}
.btn-red:hover {
border-color: #FF695B;
background: #fff0;
color: #FF695B;
}
.btn-white {
border-color: #fff;
background: #fff;
color: var(--blue);
}
.btn-white:hover {
background: #fff0;
color: #fff;
}
.prod-section .prod-pade-fiscreen {
display: flex;
padding: 80px 0 0px;
align-items: center;
flex-flow: wrap-reverse;
}
.prod-section .prod-pade-fiscreen-left {
width: calc(58.3333333333% - 8px);
margin-left: 0;
}
@media screen and (max-width: 991px) {
.prod-section .prod-pade-fiscreen-left {
width: 100%;
}
}
.prod-section .prod-pade-fiscreen-right {
position: relative;
width: auto;
left: auto;
top: auto;
width: calc(41.6666666667% - 8px);
}
@media screen and (max-width: 991px) {
.prod-section .prod-pade-fiscreen-right {
width: 100%;
}
}
@media screen and (max-width: 650px) {
.prod-section .prod-pade-fiscreen-right {
transform: none;
z-index: 1;
margin-top: 30px;
}
}
.hero-wrapper .wrp {
display: flex;
flex-flow: wrap;
gap: 16px;
row-gap: 20px;
}
.hero-wrapper__left {
width: calc(58.3333333333% - 8px);
display: flex;
flex-flow: column;
gap: 35px;
align-items: center;
}
@media screen and (max-width: 991px) {
.hero-wrapper__left {
width: 100%;
}
}
.hero-wrapper__right {
width: calc(41.6666666667% - 8px);
}
@media screen and (max-width: 991px) {
.hero-wrapper__right {
width: 100%;
text-align: center;
}
}
.hero-wrapper .title-middle,
.hero-wrapper .title-page {
line-height: 0.8;
}
.head-block {
display: flex;
align-items: center;
flex-flow: wrap;
justify-content: space-between;
margin-bottom: 40px;
row-gap: 20px;
}
.tab-btn {
padding: 13px 24px;
background: #fff0;
border-radius: 40px;
text-transform: uppercase;
line-height: 1;
font-size: 18px;
font-weight: 500;
color: #5074C3;
border: 1px solid #5074C3;
cursor: pointer;
transition: 0.3s;
font-family: 'Gotham Pro';
}
.tab-btn.active {
background: #5074C3;
color: #fff;
}
.tabs-wrapper {
position: relative;
}
.tabs-wrapper__head {
display: flex;
align-items: center;
flex-flow: wrap;
gap: 8px;
}
@media screen and (max-width: 575px) {
.tabs-wrapper__head {
justify-content: flex-start;
}
}
.tabs-wrapper .tabs-content {
overflow: hidden;
position: relative;
}
.tabs-wrapper .tab-item {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
visibility: hidden;
pointer-events: none;
}
.tabs-wrapper .tab-item.active {
position: relative;
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
.posts-row {
display: flex;
flex-flow: wrap;
gap: 16px;
}
.posts-row .post-item {
display: block;
width: calc(33.3333333333% - 10.6666666667px);
}
@media screen and (max-width: 991px) {
.posts-row .post-item {
width: 100%;
}
}
.post-item {
text-decoration: none;
color: var(--blue);
line-height: 1;
}
.post-item__image {
height: 280px;
border-radius: 24px;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.post-item__image {
height: 200px;
}
}
.post-item__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.post-item__title {
margin: 16px 0;
}
.post-item__desc {
font-size: 16px;
font-weight: 400;
}
.primary-block-two {
background: #C5B4A6;
border-radius: 24px;
padding: 40px 60px;
color: #fff;
}
@media screen and (max-width: 991px) {
.primary-block-two {
padding: 30px;
}
}
@media screen and (max-width: 575px) {
.primary-block-two {
padding: 15px;
}
}
.primary-block-two .title-block {
color: #fff;
font-style: normal;
}
.primary-block-two .title-block strong {
font-style: normal;
}
@media screen and (min-width: 1200px) {
.primary-block-two .title-block strong {
display: block;
}
}
@media screen and (max-width: 950px) {
.primary-block-two .title-block strong {
display: block;
}
}
.primary-block-two .btn {
font-size: 18px;
padding: 16px 24px;
border-color: #fff;
background: #fff;
color: var(--blue);
margin: 20px 0;
}
.primary-block-two .btn:hover {
background: #fff0;
color: #fff;
}
@media screen and (max-width: 991px) {
.primary-block-two .btn {
margin-bottom: 30px;
}
}
.primary-block-two em {
display: block;
}
.primary-block-two .width-2-3 {
display: flex;
align-items: flex-start;
flex-flow: column;
}
.primary-block-two .width-2-3 em {
margin-top: auto;
}
.faq-tab {
display: flex;
flex-flow: column;
gap: 10px;
}
.file-field {
position: relative;
cursor: pointer;
}
.file-field input,
.file-field .wpcf7-form-control-wrap {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
padding: 0;
position: absolute;
}
.file-field__title {
width: 100%;
border: 1px solid var(--blue);
border-radius: 8px;
padding: 15px 20px;
font-size: 20px;
color: #7595DC;
font-family: "Gotham Pro";
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 575px) {
.file-field__title {
font-size: 14px;
}
}
.file-field__title::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%2323499E'/%3E%3Cpath d='M6.46481 8.53516C6.26954 8.33989 6.26954 8.02339 6.46481 7.82813L9.64645 4.64648C9.84171 4.45122 10.1582 4.45122 10.3535 4.64648L13.5351 7.82813C13.7304 8.02339 13.7304 8.33989 13.5351 8.53516C13.3399 8.73042 13.0233 8.73042 12.8281 8.53516L10.5 6.20703L10.5 15L9.49996 15L9.49996 6.20703L7.17184 8.53516C6.97658 8.73042 6.66007 8.73042 6.46481 8.53516Z' fill='%2323499E'/%3E%3C/svg%3E%0A");
background-position: center;
width: 20px;
height: 20px;
right: 20px;
top: 15px;
}
input,
textarea {
width: 100%;
border: 1px solid var(--blue);
border-radius: 8px;
padding: 15px 20px;
font-size: 20px;
color: #7595DC;
font-family: "Gotham Pro";
box-sizing: border-box;
resize: none;
}
@media screen and (max-width: 575px) {
input,
textarea {
font-size: 14px;
}
}
textarea {
min-height: 180px;
}
label {
display: block;
margin-bottom: 10px;
}
::placeholder {
color: #7595DC;
opacity: 1;
}
.wpcf7-acceptance {
color: #23499E;
font-size: 20px;
margin: 16px 0;
}
@media screen and (max-width: 575px) {
.wpcf7-acceptance {
font-size: 15px;
margin-bottom: 30px;
display: block;
}
}
.wpcf7-acceptance .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 10px;
}
.wpcf7-acceptance input {
appearance: none;
width: 20px;
min-width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid #23499E;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
}
.wpcf7-acceptance input::before {
content: "";
width: 12px;
height: 12px;
border-radius: 3px;
background: #23499E;
position: absolute;
opacity: 0;
transition: 0.3s;
}
.wpcf7-acceptance input:checked::before {
opacity: 1;
}
.wpcf7-acceptance a {
color: #23499E;
}
.reviews-slider {
position: relative;
}
.reviews-slider .swiper-wrapper {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.reviews-slider .swiper-slide {
width: calc(33.3333333333% - 10.6666666667px);
}
@media screen and (max-width: 1200px) {
.reviews-slider .swiper-slide {
width: calc(50% - 8px);
}
}
@media screen and (max-width: 991px) {
.reviews-slider .swiper-slide {
width: 100%;
}
}
.reviews-slider .swiper-slide:last-child {
margin-right: 0;
}
.reviews-slider-pag {
margin: 15px 0;
display: flex;
}
.reviews-slider-pag .swiper-pagination-bullet {
width: auto;
margin: 0 !important;
flex-grow: 1;
background: #fff;
opacity: 1;
height: 3px;
border-radius: 0;
transition: 0.3s;
}
.reviews-slider-pag .swiper-pagination-bullet-active {
background: var(--blue);
}
.reviews-slider__item {
width: 100%;
color: var(--blue);
/*font-family: "Montserrat";*/
}
.reviews-slider__item .review-text {
padding: 32px 24px;
background: #fff;
border-radius: 16px 16px 16px 0;
}
.reviews-slider__item .review-author {
display: flex;
gap: 20px;
align-items: center;
position: relative;
}
.reviews-slider__item .review-author::before {
content: "";
width: 110px;
min-width: 110px;
height: 85px;
background: #fff;
border-radius: 0 0 16px 16px;
position: relative;
display: block;
background-image: url("../img/avatar.png");
background-position: center;
background-size: 63px;
background-repeat: no-repeat;
}
.reviews-slider__item .review-author::after {
content: "";
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 110px;
background: url("../img/review.svg");
}
.reviews-slider__item .review-author__name {
font-weight: bold;
}
.reviews-slider__item p {
margin: 5px 0 0;
font-style: normal;
}
.section-how {
overflow: hidden;
padding-bottom: 0;
}
.row-how {
position: relative;
row-gap: 0;
}
.row-how::before {
content: "";
width: 33.3333333333%;
height: calc(100% - 80px);
background-image: url("../img/skin-1/chart.png");
background-size: contain;
position: absolute;
inset: 0;
margin: auto;
z-index: 2;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
.row-how::before {
display: none;
}
}
.row-how__item {
padding-right: 25%;
box-sizing: border-box;
min-height: 260px;
display: flex;
flex-flow: column;
justify-content: center;
position: relative;
z-index: 1;
}
@media screen and (max-width: 991px) {
.row-how__item {
padding: 20px;
min-height: auto;
}
}
@media screen and (max-width: 575px) {
.row-how__item {
margin: 0 -15px;
width: calc(100% + 30px);
}
}
.row-how__item>* {
position: relative;
z-index: 2;
}
.row-how__item::before {
content: "";
position: absolute;
width: 300%;
right: 0;
height: 100%;
background: #FFC8C3;
z-index: -1;
}
@media screen and (max-width: 1400px) {
.text-48 { font-size: 38px; }
.text-36 { font-size: 28px; }
.text-36 br{ display:none; }
.text-28 { font-size: 24px; }
.text-28 br{ display:none; }
}
@media screen and (max-width: 991px) {
.row-how__item::before {
display: none;
}
.title-middle p {
font-size: 36px !important;
}
}
@media screen and (max-width: 500px) {
.row-how__item::before {
display: none;
}
.title-middle p {
font-size: 24px !important;
}
}
.row-how__item::after {
content: "";
width: 55px;
height: 55px;
border-radius: 50%;
background: #FF695B;
position: absolute;
left: calc(50% + 20px);
}
@media screen and (max-width: 991px) {
.row-how__item::after {
display: none;
}
}
.row-how__item:nth-child(2n+2) {
padding-right: 0;
padding-left: 25%;
}
@media screen and (max-width: 991px) {
.row-how__item:nth-child(2n+2) {
padding: 20px;
}
}
.row-how__item:nth-child(2n+2)::before {
left: 0;
right: auto;
}
.row-how__item:nth-child(2n+2)::after {
right: calc(50% + 20px);
left: auto;
}
.row-how__item:nth-child(1) {
background: #FFC8C3;
}
.row-how__item:nth-child(2) {
background: #E3F0FF;
}
.row-how__item:nth-child(2)::before {
background: #E3F0FF;
}
.row-how__item:nth-child(2)::after {
background: #B9D9FF;
}
.row-how__item:nth-child(3) {
background: #9DB2E1;
}
.row-how__item:nth-child(3)::before {
background: #9DB2E1;
}
.row-how__item:nth-child(3)::after {
background: #23499E;
}
.row-how__item:nth-child(4) {
background: #EDE6E0;
}
.row-how__item:nth-child(4)::before {
background: #EDE6E0;
}
.row-how__item:nth-child(4)::after {
background: #C5B4A6;
}
.primary-block {
padding: 30px 60px;
background: var(--blue);
border-radius: 24px;
color: #fff;
display: flex;
flex-flow: wrap;
}
@media screen and (max-width: 991px) {
.primary-block {
padding: 15px;
border-radius: 12px;
}
}
.primary-block__left {
width: 50%;
padding-right: 50px;
box-sizing: border-box;
}
@media screen and (max-width: 991px) {
.primary-block__left {
width: 100%;
padding: 0;
}
}
.primary-block__right {
width: 50%;
}
@media screen and (max-width: 991px) {
.primary-block__right {
width: 100%;
}
}
.secondary-block {
max-width: 75%;
margin-left: auto;
margin-right: auto;
padding: 40px;
border-radius: 24px;
background: #C5B4A6;
color: #fff;
}
@media screen and (max-width: 575px) {
.secondary-block {
max-width: 100%;
padding: 15px;
border-radius: 12px;
}
.tabs-wrapper__head.tab-btn{width: 100%; text-align: center;}
}
@media screen and (max-width: 991px) {
main section:first-child {
padding-top: 120px;
}
}
.person {
position: relative;
display: flex;
align-items: center;
}
@media screen and (max-width: 991px) {
.person {
align-items: flex-start;
padding-top: 40px;
}
}
.person__image {
width: 33.3333333333%;
position: relative;
}
@media screen and (max-width: 991px) {
.person__image {
padding-top: 30px;
height: 385px;
box-sizing: border-box;
text-align: center;
}
}
.person__image img {
width: 100%;
height: 100%;
}
.person__detail {
width: 66.6666666667%;
padding-left: 50px;
position: relative;
z-index: 3;
box-sizing: border-box;
}
@media screen and (max-width: 991px) {
.person__detail {
font-size: 12px;
padding-left: 30px;
}
}
.person__detail-dot {
width: 15px;
height: 15px;
background: #FF695B;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 120px;
left: 42px;
}
@media screen and (max-width: 991px) {
.person__detail-dot {
left: 22px;
}
}
.person__detail-dot::before {
content: "";
width: 13px;
height: 42px;
position: absolute;
background-image: url(../img/dot.svg);
background-position: center;
top: 0;
bottom: 0;
margin: auto;
left: 8px;
z-index: 0;
}
.person__detail-dot::after {
content: "";
position: relative;
width: 15px;
height: 15px;
background: #FF695B;
border-radius: 50%;
display: block;
z-index: 1;
}
.person__canvas {
position: absolute;
z-index: 3;
width: 33.3333333333%;
height: 100%;
}
.person__dot {
width: 25px;
height: 25px;
border-radius: 50%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.person__dot::before {
content: '';
width: 15px;
height: 15px;
background: #FFA69E;
border-radius: 50%;
transition: 0.2s;
}
.person__dot.active::before {
width: 25px;
height: 25px;
background: #FF695B;
filter: drop-shadow(0px 0px 11.667px rgba(255, 105, 91, 0.5));
}
.person svg {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.detail-content-item {
position: absolute;
max-height: 0;
opacity: 0;
pointer-events: none;
}
.detail-content-item.active {
max-height: 10000px;
opacity: 1;
pointer-events: initial;
position: relative;
}
.detail-content-item__text {
background: #fff;
padding: 20px;
border-radius: 24px;
color: var(--blue);
margin-bottom: 14px;
}
@media screen and (max-width: 991px) {
.detail-content-item__text {
padding: 10px;
border-radius: 8px;
padding-left: 20px;
}
}
.detail-content-item__text:last-child {
margin-bottom: 0;
}
.image-cards {
display: flex;
flex-flow: wrap;
gap: 20px;
margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
.image-cards {
row-gap: 10px;
}
}
.image-cards__item {
width: calc(33.3333333333% - 13.3333333333px);
padding: 20px;
display: flex;
align-items: center;
gap: 20px;
flex-flow: wrap;
background: var(--blue);
border-radius: 20px;
color: #fff;
box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
.image-cards__item {
width: calc(50% - 10px);
flex-grow: 1;
}
}
@media screen and (max-width: 991px) {
.image-cards__item {
width: 100%;
}
}
@media screen and (max-width: 575px) {
.image-cards__item {
padding: 15px;
}
}
.image-cards__icon {
width: 95px;
height: 95px;
border-radius: 50%;
background: #fff;
padding: 20px;
display: flex;
align-items: center;
box-sizing: border-box;
justify-content: center;
}
@media screen and (max-width: 575px) {
.image-cards__icon {
width: 50px;
height: 50px;
padding: 10px;
}
}
.image-cards__content {
width: calc(100% - 115px);
}
@media screen and (max-width: 575px) {
.image-cards__content {
width: calc(100% - 70px);
font-size: 14px;
}
}
/*# sourceMappingURL=main.css.map */
.reviews-slider__item {
display: flex;
flex-flow: column;
height: 100%;
}
.reviews-slider__item .review-text {
flex-grow: 1;
}
.reviews-slider .swiper-slide {
height: initial;
}
.isto4niki-content-item p {
display: inline;
}
.title-middle p {
margin: 0;
}
.faq-tab {
margin: 0;
}
.primary-block {
align-items: center;
}
[class^=text] p:first-child {
margin-top: 0;
}
[class^=text] p:last-child {
margin-bottom: 0;
}
.italic strong {
font-weight: bold;
}
strong {
font-weight: bold;
}
.section-default {
font-weight: 400;
}
.title-block {
font-weight: 700;
}
.dot-face {
top: 11%;
left: 0;
right: 0;
margin: auto;
}
.dot-chest {
top: 27%;
left: 0;
right: 0;
margin: auto;
}
.dot-elbows {
top: 35%;
right: 5px;
}
.dot-hands {
right: 0;
top: 50%;
}
.dot-feet {
bottom: 5%;
right: 25%;
}
.dot-forearms {
right: 0;
top: 35%;
}
.dot-shoulders {
right: 10%;
top: 19%;
}
.dot-shins {
bottom: 15%;
right: 25%;
}
.dot-back {
top: 25%;
left: 0;
right: 0;
margin: auto;
}
.dot-head {
top: 3%;
left: 0;
right: 0;
margin: auto;
}
.dot-behind {
right: 30%;
top: 6%;
}
@media screen and (min-width: 992px) {
.posts-row {
row-gap: 40px;
}
.post-item__title {
font-size: 21px;
}
}
.btn-border {
background: #fff0;
color: var(--blue);
}
.btn-border:hover {
background: var(--blue);
color: #fff;
}
.load-more {
margin-top: 20px;
width: 100%;
}
.post-item.hide {
display: none;
}
.load-more.hide {
display: none;
}
.wind-aboutwhereshow {
top: -200vh;
opacity: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 999;
position: fixed;
transition: opacity 0.3s;
padding: 50px 0;
display: none;
justify-content: center;
overflow: auto; scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
}
.wind-aboutwhereshow::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
.wind-aboutwhereshow-open {
top: 0;
display: block;
opacity: 1;
transition: opacity 0.3s;
}
.wind-aboutwhereshowover {
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wind-aboutwhereshowiner {
width: 1370px;
left:50%;
margin-left: -685px;
position: relative;
top: 0;
/*left: 0;*/
transform: none;
padding: 64px 30px;
box-sizing: border-box;
/*overflow-y: auto;*/
/*max-height: calc(100vh - 100px);*/
background: #FFFFFF;
border-radius: 24px;
margin-bottom: 60px;
}
.wind-aboutwhereshowiner-lose {
position: absolute;
width: 29px;
height: 29px;
top: 50px;
right: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
}
/*
.wind-aboutwhereshowiner::-webkit-scrollbar {
background-color: rgba(51, 51, 51, 0.1);
border-radius: 9em;
} */
.wind-aboutwhereshowiner-header {
display: flex;
align-items: center;
gap: 50px;
}
.wind-aboutwhereshowiner-header-img {
display: flex;
width: 275px;
}
.wind-aboutwhereshowiner-header-img img {
width: 100%
}
.wind-aboutwhereshowiner-header-text {
font-style: normal;
font-weight: 400;
font-size: 68px;
line-height: 96%;
leading-trim: both;
text-edge: cap;
letter-spacing: -0.02em;
color: #23499E;
}
.wind-aboutwhereshowiner-header-text2 {
max-width: 900px;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 96%;
leading-trim: both;
text-edge: cap;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 20px;
}
.wind-aboutwhereshowiner-header-text span {
font-weight: 700;
}
.wind-aboutwhereshowiner-image2 {
display: none;
}
.wind-aboutwhereshowiner-image1 {
display: flex;
margin-bottom: 40px;
margin-top: 30px;
}
.wind-aboutwhereshowiner-image2 img,
.wind-aboutwhereshowiner-image1 img {
width: 100%
}
.bacily-card-btn,
.aboutwhereshow1,
.aboutwhereshow2 {
cursor: pointer;
}
@media (max-width: 1400px) {
.wind-aboutwhereshowiner {
width: 1200px;
margin-left: -600px;
padding: 30px 60px;
}
.wind-aboutwhereshowiner-header-text2 {
font-size: 22px;
}
.wind-aboutwhereshowiner-header-text {
font-style: normal;
font-weight: 400;
font-size: 56px;
}
}
@media (max-width: 1200px) {
.wind-aboutwhereshowiner {
width: 900px;
margin-left: -450px;
padding: 30px;
}
.wind-aboutwhereshowiner-header-img {
display: flex;
width: 200px;
}
.wind-aboutwhereshowiner-header {
display: flex;
align-items: center;
gap: 20px;
}
.wind-aboutwhereshowiner-header-text {
font-style: normal;
font-weight: 400;
font-size: 44px;
}
.wind-aboutwhereshowiner-header-text2 {
font-size: 16px;
margin-top: 10px;
}
}
@media (max-width: 950px) {
.wind-aboutwhereshowiner {
width: 600px;
margin-left: -300px;
}
.wind-aboutwhereshowiner-header-text {
font-size: 30px;
}
.wind-aboutwhereshowiner-header-img {
display: flex;
width: 100px;
}
.wind-aboutwhereshowiner-header-text2 {
font-size: 14px;
margin-top: 10px;
max-width: 350px;
}
}
@media (max-width: 1400px) {
.wind-aboutwhereshowiner-lose {
width: 20px;
height: 20px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
}
@media (max-width: 650px) {
.wind-aboutwhereshowiner {
border-radius: 16px;
padding: 16px;
padding-top: 10px;
width: calc(100% - 40px);
margin-left: calc( -50% + 20px);
}
/* .wind-aboutwhereshowiner-lose {
width: 20px;
height: 20px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}*/
.istoki-link {
font-style: normal;
font-weight: 400;
font-size: 14px;
}
.wind-aboutwhereshowiner-image1 {
display: none;
}
.wind-aboutwhereshowiner-image2 {
display: flex;
margin-top: 15px;
margin-bottom: 15px;
}
.wind-aboutwhereshowiner-header {
display: flex;
align-items: flex-start;
gap: 0;
flex-direction: column;
}
}
.protiv {
position: sticky;
bottom: 0;
z-index: 10;
}
.nav-link-title::before {
display: none;
}
.nav-link-title .toggle {
position: absolute;
width: 20px;
height: 20px;
transition: 0.3s;
right: 0;
top: 0;
background-color: none;
/* background-image: url('data:image/svg+xml,'); */
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: none;
}
.reviews-slider__item {
font-weight: 400;
}
.hide-for-desktop {
display: none;
}
@media (max-width: 767px) {
.hide-for-desktop {
display: block;
}
.title-page em {
font-size: 115px;
}
.bacily-red-img2 {
/*top: -52px;*/
}
}
@media (max-width: 500px) {
.title-page em {
font-size: 90px;
}
.page-faq .title-page{text-align: center;}
}
.slider-track {
position: relative;
width: 100%;
height: 8px;
background: #fff;
margin-top: 20px;
cursor: pointer;
overflow: hidden;
border-radius: 20px;
margin: 30px 0;
}
.slider-thumb {
position: absolute;
top: 0px;
width: 10%;
height: 100%;
background: #23499E;
border-radius: 20px;
/* transform: translateX(-50%); */
cursor: grab;
z-index: 10;
transition: left 0.1s linear;
}
.slider-thumb.dragging {
cursor: grabbing;
transition: none;
}
em {
font-style: normal;
}
.additianal-links {
padding: 0 0 40px;
}
.additianal-links a {
font-family: "Bebas Neue";
color: #23499e;
text-decoration: none;
font-size: 20px;
text-align: center;
display: block;
text-decoration: underline;
}
.desc-text span {
display: block;
font-size: 0.35em;
text-align: left;
padding-top: 10px;
}
.mobile-how {
padding: 20px 0;
background: #EEEDF2;
text-align: center;
margin: 0 -20px;
display: none;
}
.list-check li::before {
background-size: contain;
}
.image-cards__icon img {
max-height: 100%;
}
@media screen and (max-width: 1600px) {
.protiv-text {
font-size: 30px;
}
}
@media screen and (max-width: 991px) {
.protiv-text {
font-size: 20px;
}
}
@media screen and (max-width: 575px) {
.wrp2 .protiv-text {
font-size: 12px;
font-weight: 400;
}
.desc-text span {
font-size: 0.45em;
padding-top: 5px;
}
.dot-feet {
bottom: 13%;
right: 16%;
}
.dot-shins {
right: 18%;
}
.dot-shoulders {
top: 23%;
}
.dot-elbows {
right: -1px;
}
.dot-hands {
right: -6px;
}
.page-template-page-skin-php .dot-face {
top: 16%;
}
.page-template-page-skin-php .dot-head {
top: 9%;
}
.page-template-page-skin-php .dot-behind {
right: 23%;
top: 12%;
}
.row-how {
flex-flow: row;
overflow: auto;
margin-left: -20px;
margin-right: -20px;
}
.row-how__item {
width: 330px;
margin: 0;
min-width: 330px;
/* justify-content: flex-start; */
margin-bottom: 30px;
}
.row-how__item::after {
content: '';
width: calc(100% + 15px);
display: block !important;
height: 30px;
/* background: #000; */
border-radius: 0;
position: absolute;
left: 0 !important;
bottom: -30px;
right: 0 !important;
clip-path: polygon(calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 15px 50%, 0% 0%);
}
.row-how__item:nth-child(1) {
z-index: 1;
}
.row-how__item:nth-child(2) {
z-index: 2;
}
.row-how__item:nth-child(3) {
z-index: 3;
}
.row-how__item:nth-child(4) {
z-index: 4;
}
.row-how__item:nth-child(4)::after {
width: 100%;
clip-path: polygon(calc(100% - 0px) 0%, 100% 50%, calc(100% - 0px) 100%, 0% 100%, 15px 50%, 0% 0%);
}
.mobile-how {
display: block;
}
.person__detail-dot {
top: 80px;
}
/*.burger-menu-wrp-menu li:nth-child(2)>.ivjdi {
font-size: 0 !important;
}*/
/*.burger-menu-wrp-menu li:nth-child(2)>.ivjdi::before {
content: 'Полезные материалы';
position: relative;
right: 0;
top: 0;
font-size: 14px !important;
background: none !important;
display: block;
width: 100%;
height: auto;
line-height: 1;
text-transform: full-size-kana;
}
*/
body .burger-menu-wrp-menu ul a,
body .ivjdi,
.instr-wrapper-menu-col-title {
font-size: 14px;
}
}
@media (max-width: 768px) {
.reviews-slider {
overflow: visible !important;
}
.reviews-slider .swiper-wrapper {
display: block !important;
transform: none !important;
}
.reviews-slider .swiper-slide {
width: 100% !important;
margin-bottom: 20px;
}
#slider-track {
display: none !important;
}
}
.title-middle p {
font-size: 48px;
line-height: 1.0;
text-align: center;
margin: 20px 0;
}
.title-middle p strong {
font-weight: 700;
}
.title-middle p em {
font-style: italic;
}.mt100 {
margin-top: 100px;
}
.mb100 {
margin-bottom: 100px;
}
.pt100 {
padding-top: 100px;
}
.pb100 {
padding-bottom: 100px;
}
.body-white {
background: #fff;
}
.single-title {
font-weight: 700;
font-size: 64px;
line-height: 64px;
text-align: center;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
color: #2D509F;
position: relative;
z-index: 5;
}
.single-title span {
font-weight: 700;
font-style: normal;
}
.single-fs1-content {
position: relative;
}
.single-fs1-content-left {
margin-top: 100px;
width: 470px;
margin-left: 85px;
box-sizing: border-box;
padding-bottom: 45px;
}
.single-fs1-content-text {
margin-bottom: 36px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.single-fs1-content-subtitle {
font-weight: 400;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 20px;
}
.single-fs1-content-img {
position: absolute;
bottom: 0;
right: 80px;
width: 650px;
}
.single-fs1-content-img img {
width: 100%;
display: block;
}
/* .header-white {
background: #fff;
}
.header-white nav ul li a {
color: #23499E;
} */
.blue-block {
background: #EEEDF2;
}
.blue-block-content-text {
font-style: normal;
font-weight: 700;
font-size: 44px;
line-height: 44px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.blue-block-content-text span {
font-style: normal;
font-weight: 700;
}
.blue-block-content-text sup {
margin-left: 3px;
}
.trhee-itemss5-items-title span {
font-weight: 600;
}
.text-and-img-content {
display: flex;
gap: 40px;
}
.text-and-img-text {
width: 670px;
}
.text-and-img-text-title {
font-weight: 400;
font-size: 18px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.text-and-img-text-title sup {
font-size: 0.75em;
vertical-align: super;
line-height: 1;
margin-left: 2px;
}
.text-and-img-text-items {
display: flex;
flex-wrap: wrap;
gap: 25px 20px;
margin-top: 35px;
}
.text-and-img-text-item {
width: calc(50% - 10px);
}
.text-and-img-text-item-title {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.text-and-img-text-item-desc {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
margin-top: 10px;
}
.text-and-img-img {
width: calc(100% - 710px);
}
.text-and-img-img img {
width: 100%;
}
.block-6card-items {
display: flex;
gap: 10px;
margin-top: 40px;
}
.block-6card-items-col {
width: calc((100% - 20px) / 3);
flex-direction: column;
display: flex;
gap: 10px;
}
.block-6card-item {
padding: 24px;
background: #23499E;
border-radius: 16px;
box-sizing: border-box;
}
.block-6card-item-title {
display: flex;
gap: 10px;
}
.block-6card-item-title-icon {
width: 16px;
}
.block-6card-item-title-icon img {
width: 100%;
}
.block-6card-item-title-text {
min-height: 31px;
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
max-width: calc(100% - 26px);
color: #FFFFFF;
}
.text-and-img-text-itemsnoh .block-6card-item-title-text {
min-height: 10px;
}
.text-and-img-text-itemsnoh .block-6card-item {
min-height: 133px;
}
.block-6card-item-desc {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
padding-left: 26px;
box-sizing: border-box;
color: #FFFFFF;
margin-top: 15px;
}
.block-6card-item-white {
padding: 0;
background: #fff;
display: flex;
align-items: center;
height: 100%;
}
.block-6card-item-text {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.vozrast-row {
display: flex;
gap: 20px;
margin-top: 60px;
}
.vozrast-text {
width: calc(50% - 10px);
}
.vozrast-text-title {
font-style: normal;
font-weight: 400;
font-size: 44px;
line-height: 44px;
letter-spacing: -0.02em;
color: #23499E;
margin-bottom: 25px;
}
.vozrast-text-title sup {
font-size: 20px;
font-weight: 600;
margin-left: 3px;
}
.vozrast-text-item {
margin-top: 10px;
margin-bottom: 20px;
}
.vozrast-text-item-title {
font-weight: 700;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.vozrast-text-item-text {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 5px;
}
.vozrast-img {
width: calc(50% - 10px);
}
.vozrast-img img {
width: 100%;
border-radius: 24px;
}
.vozrast-cards {
display: flex;
gap: 20px;
margin-top: 60px;
align-items: flex-start;
}
.vozrast-card {
width: calc(50% - 10px);
border-radius: 24px;
padding: 40px;
box-sizing: border-box;
}
.vozrast-card-gay {
background: #EEEDF2;
}
.vozrast-card-gay .vozrast-card-title {
color: #23499E;
}
.vozrast-card-gay .vozrast-card-list {
color: #23499E;
}
.vozrast-card-title {
font-weight: 700;
font-size: 32px;
line-height: 31px;
letter-spacing: -0.02em;
color: #23499E;
}
.vozrast-card-list {
margin-top: 30px;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
display: flex;
flex-direction: column;
gap: 15px;
padding-left: 20px;
}
.vozrast-card-blue {
background: #23499E;
}
.vozrast-card-blue .vozrast-card-title {
color: #fff;
}
.vozrast-card-blue .vozrast-card-list {
color: #fff;
}
.delaem-content {
display: flex;
gap: 20px;
margin-top: 44px;
}
.delaem-content-col {
display: flex;
flex-direction: column;
gap: 20px;
}
.delaem-content-blue-card {
padding: 40px;
gap: 20px;
background: #23499E;
border-radius: 24px;
}
.delaem-content-title {
display: flex;
}
.delaem-content-number {
margin-right: 15px;
font-style: normal;
font-weight: 700;
font-size: 56px;
line-height: 56px;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.delaem-content-title-text {
font-weight: 400;
font-size: 24px;
line-height: 23px;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.delaem-content-text {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
margin-top: 15px;
color: #FFFFFF;
}
.delaem-content-text span {
font-weight: 500;
}
.delaem-content-img {
width: 100%;
}
.delaem-content-img img {
width: 100%;
border-radius: 24px;
}
.delaem-content-text-subtitle {
font-weight: 700;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-top: 17px;
}
.mt202 {
margin-top: 20px;
}
.p50 {
padding-top: 50px;
padding-bottom: 50px;
}
.delaem {
margin-bottom: 45px;
}
.control {
background: #eeedf2;
padding-top: 60px;
padding-bottom: 60px;
}
.control-title {
font-style: normal;
font-weight: 700;
font-size: 44px;
line-height: 44px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.control-title span {
font-weight: 700;
font-size: 44px;
line-height: 42px;
letter-spacing: -0.02em;
color: #23499E;
}
.control-content {
display: flex;
gap: 20px;
margin-top: 35px;
}
.control-col {
width: calc(50% - 10px);
display: flex;
flex-direction: column;
gap: 40px;
}
.control-col-item {
position: relative;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
padding-left: 15px;
box-sizing: border-box;
}
.control-col-item:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
background: #23499e;
left: -6px;
top: 7px;
border-radius: 50%;
}
.control-col-item span {
font-weight: 700;
}
.title-big {
font-style: normal;
font-weight: 600;
font-size: 68px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
text-align: center;
}
.title-big span {
font-style: normal;
font-weight: 700;
}
.block-6card-item-title-icon {
width: 16px;
display: flex;
}
.more-single {
margin-bottom: 60px;
background: #23499E;
padding-top: 60px;
padding-bottom: 60px;
}
.white-sec-title {
/* [Linked] помощник в борьбе за здоровье кожи */
font-style: normal;
font-weight: 400;
font-size: 68px;
line-height: 96%;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-top: 0;
margin-bottom: 0;
}
.more-single-subtitle {
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-top: 30px;
}
.more-single-items {
display: flex;
gap: 16px;
margin-top: 40px;
}
.more-single-item {
position: relative;
width: calc((100% - 32px) / 3);
}
.more-single-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.more-single-item-img {
width: 100%;
}
.more-single-item-img img {
width: 100%;
border-radius: 24px;
}
.more-single-item-title {
margin-top: 20px;
font-weight: 500;
font-size: 24px;
line-height: 115%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.more-single-item-subtitle {
font-weight: 400;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-top: 16px;
}
.isto4niki-title {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.isto4niki-content {
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.isto4niki-content-item {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
@media (max-width: 1400px) {
.vozrast-card-title { line-height: 23px; }
}
.isto4niki-content-item a {
font-weight: 400;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
word-wrap: break-word;
}
.isto4niki-content-item span {
margin-right: 5px;
}
.protiv-gray {
background: #f9f9f9;
}
.fs2 .single-fs1-content-img {
width: 741px;
right: 0;
}
.fs2 .single-fs1-content-left {
width: 490px;
margin-top: 140px;
}
.vozrast-text-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 30px;
}
.vozrast-text-list-item {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.vozrast-text-list-item span {
font-weight: 700;
}
.vozrast-text-list-item-text {
margin-top: 15px;
}
.vozrast-text-list-item2 {
margin-top: 30px;
}
.blue-gray-cards-wrp {
display: flex;
gap: 20px;
margin-top: 60px;
}
.blue-gray-card {
width: calc(50% - 10px);
border-radius: 24px;
}
.blue-gray-card-blue {
background: #23499e;
padding: 40px;
box-sizing: border-box;
}
.blue-gray-card-title {
font-weight: 400;
font-size: 24px;
line-height: 23px;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.blue-gray-card-list-title {
font-weight: 700;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.blue-gray-card-list-item {
margin-top: 20px;
}
.blue-gray-card-list-item ol, .blue-gray-card-list-item ul {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-top: 15px;
padding-left: 20px;
}
.blue-gray-card-list-item-text {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
margin-top: 15px;
color: #FFFFFF;
}
.blue-gray-card-subtitle {
margin-top: 15px;
font-weight: 500;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.blue-gray-card-gray {
background: #eeedf2;
position: relative;
}
.blue-gray-card-gray-img {
width: 415px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.blue-gray-card-gray-img img {
width: 100%;
display: block;
}
.block-6card-items2 .block-6card-item-desc {
min-height: 75px;
}
.gray-two-cols {
background: #eeedf2;
}
.gray-two-col-wrp {
display: flex;
gap: 24px;
align-items: center;
}
.gray-two-col {
width: calc(50% - 13px);
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 40px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.gray-two-col span {
font-weight: 700;
}
.gray-two-col sup {
font-weight: 600;
font-size: 16px;
}
.block-6card-items3 .block-6card-item-title-text {
min-height: 1px;
}
.block-6card-item-img {
height: 100%;
width: 100%;
}
.block-6card-item-img img {
width: 100%;
}
.block-6card-items3 .block-6card-item-desc {
margin-top: 3px;
}
.two-gray-cols2 {
padding-top: 60px;
padding-bottom: 60px;
background: #eeedf2;
}
.two-gray-cols2-wrp {
display: flex;
gap: 50px;
}
.two-gray-cols2-col {
width: calc(50% - 25px);
}
.two-gray-cols2-title {
font-style: normal;
font-weight: 400;
font-size: 44px;
line-height: 44px;
letter-spacing: -0.02em;
color: #23499E;
}
.two-gray-cols2-title span {
font-style: normal;
font-weight: 700;
}
.two-gray-cols2-text {
margin-top: 35px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.two-gray-cols2-text span {
font-weight: 700;
}
.two-gray-cols2-list {
margin-top: 40px;
}
.two-gray-cols2-list ul {
padding-left: 15px;
box-sizing: border-box;
font-weight: 700;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.facta-wrp {
display: flex;
gap: 85px;
}
.facta .section-title {
width: 385px;
}
.facta-content {
width: calc(100% - 385px);
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.facta-content-item {
background: #23499e;
border-radius: 24px;
display: flex;
gap: 20px;
align-items: center;
width: calc(50% - 10px);
padding: 20px;
box-sizing: border-box;
}
.facta-content-number {
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
background: #fff;
border-radius: 50%;
width: 96px;
height: 96px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding-top: 10px;
}
.facta-content-text {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.facta-content-text span {
font-style: normal;
font-weight: 700;
}
.facta-content-item-big {
width: 100%;
}
.facta-content-item-big .facta-content-text {
width: 740px;
}
.gray-list-block-content {
background: #eeedf2;
border-radius: 24px;
padding: 40px;
box-sizing: border-box;
}
.gray-list-block-title {
font-weight: 700;
font-size: 32px;
line-height: 31px;
letter-spacing: -0.02em;
color: #23499E;
}
.gray-list-block-title sup {
font-size: 16px;
font-weight: 600;
}
.gray-list-block-content ul {
padding-left: 15px;
margin-top: 30px;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
display: flex;
flex-direction: column;
gap: 20px;
}
.single3 .vozrast-text-list-item2 {
margin-top: 20px;
}
.single3 .vozrast-text-item {
margin-top: 0;
}
.single3 .vozrast-text-list-item {
font-style: normal;
}
.single3 .vozrast-text-list {
margin-bottom: 0;
}
.single3 .vozrast-text-title {
margin-bottom: 0;
}
.delat-4to-cards {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.delat-4to-card {
width: calc(50% - 10px);
border-radius: 24px;
padding: 45px;
box-sizing: border-box;
}
.delat-4to-card sup {
font-size: 10px;
}
.delat-4to-card-title {
font-weight: 700;
font-size: 24px;
line-height: 23px;
letter-spacing: -0.02em;
}
.delat-4to-card-text {
margin-top: 20px;
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
}
.delat-4to-card-text span {
font-weight: 700;
}
.delat-4to-card-list-item span {
font-weight: 700;
}
.delat-4to-card-list-item {
margin-top: 20px;
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
}
.delat-4to-card-blue {
background: #23499e;
}
.delat-4to-card-blue .delat-4to-card-title {
color: #fff;
}
.delat-4to-card-blue .delat-4to-card-text {
color: #fff;
}
.delat-4to-card-blue .delat-4to-card-list-item {
color: #fff;
}
.delat-4to-card-gray {
background: #eeedf2;
}
.delat-4to-card-gray .delat-4to-card-title {
color: #23499E;
}
.delat-4to-card-gray .delat-4to-card-text {
color: #23499E;
}
.delat-4to-card-gray .delat-4to-card-list-item {
color: #23499E;
}
.fs4 .single-fs1-content-img {
width: 580px;
}
.fs4-gray-block {
background: #eeedf2;
}
.fs4-gray-block-title {
margin-top: 60px;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 40px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.fs4-gray-block-title sup {
font-size: 26px;
}
.fs4-gray-block-list {
margin-top: 60px;
}
.fs4-gray-block-list ul {
padding-left: 30px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
display: flex;
flex-direction: column;
gap: 20px;
}
.fs4-gray-block-list ul li span {
font-weight: 700;
}
.fs4-title-text-block-wrp {
display: flex;
gap: 90px;
}
.fs4-title-text-block-title {
width: 590px;
}
.fs4-title-text-block-wrp .section-title {
text-align: left;
font-size: 64px;
}
.fs4-title-text-block-text {
display: flex;
flex-direction: column;
gap: 30px;
width: calc(100% - 680px);
}
.fs4-title-text-block-text-item {
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.fs4-title-text-block-text-item span {
font-weight: 700;
}
.fs4-title-text-block-text-item sup {
font-style: normal;
font-size: 14px;
}
.block-6card-s4 .block-6card-item-text {
padding-left: 24px;
box-sizing: border-box;
}
.delat-4to-card-list-s4 .delat-4to-card-list-item {
position: relative;
padding-left: 27px;
box-sizing: border-box;
margin-top: 10px;
}
.delat-4to-card-list-s4 .delat-4to-card-list-item-icon {
position: absolute;
top: 0;
left: 0;
}
.delat-4to-card-gray-s4-cards {
display: flex;
gap: 20px;
width: 100%;
margin-top: 20px;
}
.delat-4to-card-gray-s4-card {
width: calc(50% - 10px);
position: relative;
overflow: hidden;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 13px;
box-sizing: border-box;
background: #fff;
border-radius: 24px;
min-height: 162px;
}
.delat-4to-card-gray-s4-card-img {
position: absolute;
bottom: 0;
left: 0;
width: 135px;
}
.delat-4to-card-gray-s4-card-img img {
width: 100%;
}
.delat-4to-card-gray-s4-card-text {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.delat-4to-card-gray-s4-card-text span {
font-weight: 700;
}
.vozrast-content-s4 .vozrast-text-item, .vozrast-content-s4 .vozrast-text-list-item {
margin-top: 0;
font-style: normal;
}
.vozrast-content-s4 .vozrast-text-title {
margin-bottom: 25px;
}
.vozrast-content-s4 .vozrast-text-list {
gap: 10px;
}
.vozrast-content-s4-ps {
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 32px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 60px;
}
.beg-s4-wrp {
display: flex;
gap: 10px;
}
.beg-s4-col {
width: calc(50% - 5px);
}
.beg-s4-subtitle {
font-style: normal;
font-weight: 400;
font-size: 44px;
line-height: 44px;
letter-spacing: -0.02em;
color: #23499E;
}
.beg-s4-subtitle span {
font-weight: 700;
font-style: normal;
}
.beg-s4-items {
margin-top: 35px;
display: flex;
flex-direction: column;
gap: 30px;
}
.beg-s4-item-title {
font-weight: 700;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.beg-s4-item-des {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.fs5 .single-fs1-content-img {
width: 636px;
}
.blue-block-content-text-s5 {
margin-top: 60px;
}
.trhee-itemss5-wrp {
display: flex;
gap: 40px;
}
.trhee-itemss5-items {
width: calc(50% - 20px);
}
.trhee-itemss5-items-wrp {
margin-top: 33px;
display: flex;
flex-direction: column;
gap: 25px;
}
.trhee-itemss5-items-title {
font-weight: 400;
font-size: 24px;
line-height: 96%;
letter-spacing: -0.02em;
color: #23499E;
}
.trhee-itemss5-item {
display: flex;
gap: 23px;
align-items: center;
}
.trhee-itemss5-item-img {
width: 65px;
}
.trhee-itemss5-item-img img {
width: 100%;
}
.trhee-itemss5-item-content {
width: 557px;
}
.trhee-itemss5-item-title {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.trhee-itemss5-item-desc {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
margin-top: 10px;
}
.trhee-itemss5-col-img {
width: calc(50% - 20px);
}
.trhee-itemss5-col-img img {
width: 100%;
border-radius: 24px;
}
.vospal-cards {
display: flex;
gap: 10px;
margin-top: 60px;
}
.vospal-card {
padding: 25px 30px;
box-sizing: border-box;
background: #2D509F;
border-radius: 24px;
width: calc((100% - 20px) / 3);
}
.vospal-card-title {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.vospal-card-title sup {
font-size: 12px;
font-weight: 500;
}
.vospal-card-list-wrapper {
margin-top: 24px;
}
.vospal-card-list-title {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.vospal-card-list {
margin-top: 12px;
display: flex;
flex-direction: column;
gap: 10px;
}
.vospal-card-list-item {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.pomogayt-wrp {
margin-top: 60px;
display: flex;
flex-direction: column;
gap: 60px;
}
.pomogayt-row {
display: flex;
gap: 20px;
}
.pomogayt-row-col {
width: calc(50% - 10px);
}
.vozrast-text-title sup {
font-size: 24px;
font-weight: 300;
}
.pomogayt-list {
margin-top: 25px;
}
.pomogayt-list ul {
display: flex;
flex-direction: column;
gap: 15px;
padding-left: 20px;
font-weight: 400;
font-size: 16px;
letter-spacing: -0.02em;
color: #23499E;
}
.pomogayt-row-col-img {
width: calc(50% - 10px);
}
.pomogayt-row-col-img img {
width: 100%;
border-radius: 24px;
display: block;
}
.delaem-content-col {
width: calc(50% - 10px);
}
.crem-tags-wrapper {
display: flex;
}
.crem-tags-img {
width: 690px;
}
.crem-tags-img img {
width: 100%;
}
.crem-tags-content {
padding-top: 50px;
width: calc(100% - 690px);
}
.crem-tags-content .section-title {
text-align: left;
}
.crem-tags-items {
margin-top: 60px;
display: flex;
flex-direction: column;
gap: 5px;
}
.crem-tags-item {
padding: 14px 12px;
font-weight: 500;
font-size: 16px;
line-height: 15px;
display: flex;
align-items: center;
color: #23499E;
/* Frame 276 */
box-sizing: border-box;
width: fit-content;
border: 1px solid #23499E;
border-radius: 8px;
}
.fs6 .single-fs1-content-left {
width: 594px;
margin-top: 185px;
}
.fs6 .single-fs1-content-img {
width: 405px;
right: 140px;
}
.cards-blue-img-two-row {
margin-top: 50px;
}
.cards-blue-img-two-row-cols {
display: flex;
gap: 10px;
margin-top: 60px;
}
.cards-blue-img-two-row-cols .vospal-card {
width: 100%;
}
.cards-blue-img-two-row-col {
display: flex;
flex-direction: column;
gap: 10px;
}
.cards-blue-img-two-row-col .vospal-card-list-wrapper {
margin-top: 5px;
}
.cards-blue-img-two-row-col .vospal-card-list {
gap: 8px;
}
.big-subtitle {
margin-top: 40px;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 32px;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.big-subtitle span {
font-weight: 700;
}
.fs7 .single-fs1-content-left {
width: 516px;
margin-top: 145px;
}
.fs7 .single-fs1-content-img {
width: 405px;
right: 135px;
bottom: 50px;
}
.block-6card-items-s7 .block-6card-item-desc {
min-height: 35px;
}
.block-6card-items-s7 .block-6card-item-title-text {
min-height: 1px;
}
.vremen-goda-rows {
display: flex;
flex-direction: column;
gap: 60px;
}
.vremen-goda-row {
display: flex;
gap: 20px;
}
.vremen-goda-row-content {
width: calc(50% - 10px);
}
.vremen-goda-title {
font-style: normal;
font-weight: 400;
font-size: 44px;
line-height: 44px;
letter-spacing: -0.02em;
color: #23499E;
}
.vremen-goda-title span {
font-style: normal;
font-weight: 700;
}
.vremen-goda-row-content-text {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.vremen-goda-row-content-text span {
font-weight: 700;
}
.vremen-goda-row-content-wrp {
margin-top: 40px;
}
.vremen-goda-row-content-list-wrp {
margin-top: 30px;
}
.vremen-goda-row-content-list-title {
font-weight: 700;
font-size: 16px;
line-height: 96%;
letter-spacing: -0.02em;
margin-top: 20px;
color: #23499E;
}
.vremen-goda-row-content-list {
margin-top: 30px;
}
.vremen-goda-row-content-list ul {
padding-left: 20px;
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 20px;
margin-bottom: 20px;
}
.vremen-goda-row-content-list span {
font-weight: 700;
}
.vremen-goda-row-img {
width: calc(50% - 10px);
border-radius: 24px;
}
.vremen-goda-row-content-list-text {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
margin-top: 20px;
color: #23499E;
}
.vremen-goda-row-content-list-text span {
font-weight: 700;
}
.gray-block-text-s7 {
font-weight: 700;
font-size: 24px;
line-height: 110%;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
margin-top: 40px;
}
.gray-block-text-s7 span {
font-weight: 700;
}
.delaem-s7 .delaem-content-text {
min-height: 35px;
}
.delaem-s7 .delaem-content-blue-card {
padding-top: 47px;
padding-bottom: 47px;
}
.fs8 .single-fs1-content-left {
margin-top: 150px;
}
.fs8 .single-fs1-content-text {
margin-bottom: 60px;
}
.fs8 .single-fs1-content-img {
width: 630px;
}
.single-fs1-content-text span {
font-style: normal;
font-weight: 700;
}
.facta-s8 .section-title {
text-align: left;
font-size: 60px;
}
.facta-s8 .facta-wrp {
align-items: center;
}
.facta-content-text {
width: 275px;
}
.block-6card-s8 .block-6card-item-text {
padding-left: 0;
}
.blue-gray-cards-s8 .blue-gray-card-gray-img {
width: 317px;
}
.obostren-content {
margin-top: 60px;
display: flex;
flex-direction: column;
gap: 60px;
}
.obostren-row {
display: flex;
align-items: center;
gap: 53px;
}
.obostren-row-content {
width: 650px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 30px;
}
.bostren-row-content-item {
display: flex;
gap: 23px;
}
.obostren-icon {
width: 68px;
}
.obostren-texts {
width: calc(100% - 91px);
}
.obostren-title {
font-weight: 700;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.obostren-desc {
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
}
.obostren-desc ul {
padding-left: 20px;
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.02em;
color: #2D509F;
display: flex;
flex-direction: column;
gap: 15px;
}
.obostren-row-img {
width: calc(100% - 700px);
min-height: 470px;
border-radius: 24px;
}
.fs9 .single-fs1-content-left {
width: 600px;
margin-top: 110px;
}
.fs9 .single-fs1-content-img {
bottom: -40px;
}
.stress-wrp {
display: flex;
gap: 20px;
}
.stress-title {
width: calc(50% - 10px);
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 110%;
text-align: center;
letter-spacing: -0.02em;
color: #23499E;
}
.stress-title span {
font-style: normal;
font-weight: 700;
}
.stress-content {
width: calc(50% - 10px);
}
.stress-subtitle {
font-weight: 700;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
}
.stress-list ul {
padding-left: 20px;
margin-top: 40px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.02em;
color: #23499E;
display: flex;
flex-direction: column;
gap: 20px;
}
.stress-list ul li span {
font-style: normal;
font-weight: 700;
}
.isto4niki.mt80 {
margin-top: 60px;
}
.kserozotstups .vospal-card-title {
margin-bottom: 20px;
}
.cards-blue-img-two-row-col {
border-radius: 24px;
}
.kserozotstups .cards-blue-img-two-row-col {
width: calc((100% - 20px) / 3);
}
.delaem.mb100 {
margin-bottom: 100px;
}
.vozrast-card-list:last-child, .vremen-goda-row-content-list:last-child ul, .gray-list-block-content ul:last-child {
margin-bottom: 0;
}
.single3 .vozrast-contentnomb .vozrast-text-list {
gap: 0;
}
.block-6card-item-title-icon {
width: 16px;
display: flex;
align-items: flex-start;
}
.block-6card-item-title-text {
min-height: 10px;
}
.blue-gray-card-list-item ol, .blue-gray-card-list-item ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.obostren-title {
margin-bottom: 15px
}
.nav-link-title a, .instr-wrapper-menu-col-title {
color: #23499e;
}
.nav-link-title a:hover, .instr-wrapper-menu-col-title {
color: #23499e;
}
.block-6card-item:last-child {
flex-grow: 1;
}
.vospal-card {
flex-grow: 1;
}
.delaem-content-title {
align-items: center;
}
@media screen and (max-width: 575px) {
body .instr-wrapper-menu-col-title, body .instr-wrapper-menu-col-title {
font-size: 14px !important;
display: block !important;
text-transform: lowercase;
}
body .instr-wrapper-menu-col-title::first-letter, body .instr-wrapper-menu-col-title::first-letter {
text-transform: uppercase !important;
}
body .burger-menu-wrp-menu ul a {
gap: 0;
}
.vind-predupr-iner {
height: auto !important;
}
}
a.whereshow {
text-decoration: none;
}
.reviews-slider {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1400px) {
.reviews-slider {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 900px) {
.reviews-slider {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
}
}