@charset "UTF-8";
.pum-theme-651 .pum-container, .pum-theme-lightbox .pum-container,
.pum-theme-642 .pum-container, .pum-theme-lightbox .pum-container {
border: 0 !important;
background: linear-gradient(0deg, rgba(50, 207, 188, 0.4) 0%, rgba(50, 207, 188, 0) 77.27%), #FFFFFF;
border-radius: 18px !important;
text-align: center;
padding: 25px 30px !important;
}
.pum-theme-651 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close,
.pum-theme-642 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
text-shadow: none !important;
color: #32CFBC !important;
opacity: 0.5;
right: 13px !important;
top: 13px !important;
height: 32px !important;
width: 32px !important;
font-family: Nunito !important;
font-size: 12px !important;
line-height: 12px !important;
border: 0 !important;
background: #FFFFFF !important;
box-shadow: 0px 0px 10px rgba(50, 207, 188, 0.4) !important;
}
.pum-theme-651 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close:hover,
.pum-theme-642 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close:hover {
opacity: 1;
}
.pum-theme-651 .pum-title.popmake-title,
.pum-theme-642 .pum-title.popmake-title {
text-align: center;
font-family: Nunito;
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 50px;
text-align: center;
color: #32CFBC;
}
.pum-content.popmake-content {}
.pum-content.popmake-content div {
margin-top: 12px;
display: flex;
justify-content: center;
}
.pum-content.popmake-content div a {
box-shadow: 0px 0px 10px rgba(50, 207, 188, 0.4);
background: #FFFFFF;
border-radius: 20px;
font-family: Nunito;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-align: center;
color: #0062D9;
padding: 8px 16px;
width: 140px;
margin: 0 10px;
}
.pum-content.popmake-content p {
margin-top: 12px;
font-family: Nunito;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 19px;
text-align: center;
color: #0062D9;
}
.pum-content.popmake-content p small {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #0062D9;
}
.pum-content.popmake-content p big {
font-family: Nunito;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 20px;
text-align: center;
color: #32CFBC;
}
.pum-content.popmake-content blockquote p {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 13px;
text-align: center;
color: #0062D9;
}
@media screen and (max-width: 599px) {
.pum-content.popmake-content p big {
display: none;
}
.pum-content.popmake-content div {
flex-direction: column;
}
.pum-content.popmake-content div a {
width: 140px;
margin: 10px auto;
}
}
.breadcrumbs {
z-index: 10;
margin-bottom: 10px;
margin-left: -5px;
display: flex;
align-items: center;
line-height: 1.5;
}
.breadcrumbs .current-item,
.breadcrumbs span,
.breadcrumbs a {
font-size: 14px;
margin: 0 5px;
color: #c3c3c3;
transition: 0.3s
}
.breadcrumbs .current-item {
margin-right: 0;
}
.breadcrumbs a:hover span {
color: #888888;	
}
.breadcrumbs li:after {
content: '\00BB';
font-size: 18px;
color: #c3c3c3;
}
.breadcrumbs li.current-item:after {
content: none;
}

@media screen and (min-width:769px) {
.show-mob {
display: none
}
}
@media screen and (max-width:768px) {
.show-desc {
display: none
}
}
.corona-page {
background-color: #fafcff;
color: #5c5c5c
}
.corona-page * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.corona-page img {
max-width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.corona-page sup {
position: absolute
}
.corona-page .container {
width: 100%;
max-width: 1240px;
padding: 0 30px;
margin: 0 auto
}
.corona-page .section__title {
margin-bottom: 50px;
color: #4c91e4;
font-size: 45px;
font-weight: 800;
line-height: 135%
}
@media screen and (max-width:1280px) {
.corona-page .section__title {
font-size: 35px
}
}
@media screen and (max-width:1024px) {
.corona-page .section__title {
margin-bottom: 25px;
font-size: 30px
}
}
@media screen and (max-width:768px) {
.corona-page .section__title {
font-size: 25px
}
}
.corona-page .section {
padding: 50px 0
}
@media screen and (max-width:1024px) {
.corona-page .section {
padding: 25px 0
}
}
.corona-page .banner {
position: relative;
background: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/corona-back-banner.png) left top no-repeat;
background-size: 96%;
z-index: 3
}
.corona-page .banner .img-molekule {
position: absolute
}
.corona-page .banner .img-molekule-1 {
top: 20px;
right: -20px
}
@media screen and (max-width:1024px) {
.corona-page .banner .img-molekule-1 {
width: 80px;
top: 35px
}
}
.corona-page .banner .img-molekule-2 {
right: 95px;
bottom: 20px
}
@media screen and (max-width:1500px) {
.corona-page .banner .img-molekule-2 {
width: 150px
}
}
@media screen and (max-width:1280px) {
.corona-page .banner .img-molekule-2 {
bottom: -50px
}
}
@media screen and (max-width:1024px) {
.corona-page .banner .img-molekule-2 {
right: 0
}
}
@media screen and (max-width:768px) {
.corona-page .banner .img-molekule-2 {
width: 60px;
right: -20px
}
}
.corona-page .banner .section__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 145px
}
@media screen and (max-width:1024px) {
.corona-page .banner .section__content {
padding-top: 115px
}
}
@media screen and (max-width:768px) {
.corona-page .banner .section__content {
display: block
}
}
.corona-page .banner .section__title {
margin-bottom: 25px;
color: #ff6588;
text-align: left
}
@media screen and (max-width:768px) {
.corona-page .banner .section__title {
margin-bottom: 15px
}
}
.corona-page .banner__left-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.corona-page .banner__left-col img {
max-width: calc(100% + 100px);
margin-bottom: 20px;
margin-left: -100px
}
@media screen and (max-width:1500px) {
.corona-page .banner__left-col img {
max-width: 100%;
margin-left: 0
}
}
@media screen and (max-width:768px) {
.corona-page .banner__left-col img {
display: block;
width: 400px;
margin: 0 auto
}
}
.corona-page .banner__left-col a,
.corona-page .banner__left-col p {
max-width: 430px;
font-size: 13px;
line-height: 115%;
color: rgba(103, 103, 103, .6)
}
.corona-page .banner__left-col a {
margin-top: 5px;
font-family: nunitrobold
}
.corona-page .banner__left-col a:hover {
text-decoration: none
}
.corona-page .banner__right-col {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 650px;
margin-left: 65px;
padding-top: 95px
}
@media screen and (max-width:1024px) {
.corona-page .banner__right-col {
width: 450px;
margin-left: 45px;
padding-top: 0
}
}
@media screen and (max-width:768px) {
.corona-page .banner__right-col {
position: static;
width: 100%;
margin: 20px 0
}
}
.corona-page .banner__right-col p {
font-size: 23px;
line-height: 115%;
color: #4c91e4
}
@media screen and (max-width:1024px) {
.corona-page .banner__right-col p {
font-size: 20px
}
}
@media screen and (max-width:768px) {
.corona-page .banner__right-col p {
font-size: 18px
}
}
.corona-page .banner__right-col p:not(:last-child) {
margin-bottom: 20px
}
@media screen and (max-width:768px) {
.corona-page .banner__right-col p:not(:last-child) {
margin-bottom: 10px
}
}
.corona-page .banner__right-col .btn {
width: 250px;
height: 60px;
margin-top: 50px
}
@media screen and (max-width:768px) {
.corona-page .banner__right-col .btn {
margin-top: 30px
}
}
.corona-page .section-about {
position: relative;
padding-bottom: 70px;
background-color: #eef5ff
}
@media ascreen and (max-width:768px) {
.corona-page .section-about {
padding-bottom: 40px
}
}
.corona-page .section-about .back {
position: absolute;
width: 100%
}
.corona-page .section-about .back-top {
bottom: calc(100% - 40px)
}
.corona-page .section-about .back-bottom {
top: calc(100% - 80px)
}
@media screen and (max-width:1280px) {
.corona-page .section-about .back-bottom {
top: auto;
bottom: 0
}
}
.corona-page .section-about .container {
position: relative
}
.corona-page .section-about .clinic__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 22px;
margin: 60px 0
}
@media screen and (max-width:1024px) {
.corona-page .section-about .clinic__list {
margin: 30px 0;
grid-gap: 15px
}
}
@media screen and (max-width:768px) {
.corona-page .section-about .clinic__list {
grid-template-columns: repeat(2, 1fr)
}
}
@media screen and (max-width:480px) {
.corona-page .section-about .clinic__list {
grid-template-columns: repeat(1, 1fr)
}
}
.corona-page .section-about .clinic__icon {
margin-bottom: 8px
}
.corona-page .section-about .clinic__text {
font-family: nunitobold;
line-height: 22px
}
.corona-page .section-about .clinic__content {
max-width: 210px
}
.corona-page .section-about .clinic__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 15px;
background-color: #fff;
border-radius: 50px;
-webkit-box-shadow: 0 1px 14px #faf8ed;
box-shadow: 0 1px 14px #faf8ed
}
.corona-page .section-about .clinic__item:nth-child(1) {
color: #2ee4ae
}
.corona-page .section-about .clinic__item:nth-child(1):hover {
-webkit-box-shadow: 0 15px 40px rgba(111, 221, 208, .5);
box-shadow: 0 15px 40px rgba(111, 221, 208, .5)
}
.corona-page .section-about .clinic__item:nth-child(2) {
color: #6599ff
}
.corona-page .section-about .clinic__item:nth-child(2):hover {
-webkit-box-shadow: 0 15px 40px rgba(101, 153, 255, .5);
box-shadow: 0 15px 40px rgba(101, 153, 255, .5)
}
.corona-page .section-about .clinic__item:nth-child(3) {
color: #53d4fd
}
.corona-page .section-about .clinic__item:nth-child(3):hover {
-webkit-box-shadow: 0 15px 40px rgba(83, 212, 253, .5);
box-shadow: 0 15px 40px rgba(83, 212, 253, .5)
}
.corona-page .section-about .clinic__item:nth-child(4) {
color: #ff6565
}
.corona-page .section-about .clinic__item:nth-child(4):hover {
-webkit-box-shadow: 0 15px 40px rgba(255, 101, 101, .5);
box-shadow: 0 15px 40px rgba(255, 101, 101, .5)
}
.corona-page .section-about .clinic__item-body {
max-width: 215px
}
.corona-page .section-about .content-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:768px) {
.corona-page .section-about .content-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.corona-page .section-about .content-row .col-text {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 570px;
padding-top: 20px
}
@media screen and (max-width:1024px) {
.corona-page .section-about .content-row .col-text {
width: 400px
}
}
@media screen and (max-width:768px) {
.corona-page .section-about .content-row .col-text {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.corona-page .section-about .content-row .col-text p.color_blue {
font-size: 20px;
line-height: 115%;
color: #4c91e4
}
@media screen and (max-width:1024px) {
.corona-page .section-about .content-row .col-text p.color_blue {
font-size: 18px
}
}
.corona-page .section-about .content-row .col-text p.color_blue:not(:last-child) {
margin-bottom: 30px
}
@media screen and (max-width:1024px) {
.corona-page .section-about .content-row .col-text p.color_blue:not(:last-child) {
margin-bottom: 20px
}
}
@media screen and (max-width:768px) {
.corona-page .section-about .content-row .col-text p.color_blue:not(:last-child) {
margin-bottom: 10px
}
}
.corona-page .section-about .content-row .col-text p.color_blue:nth-child(2) {
max-width: 490px
}
.corona-page .section-about .content-row .col-text p.color_blue:nth-child(3) {
max-width: 470px
}
.corona-page .section-about .content-row .col-text .note {
max-width: 440px;
margin-top: 20px
}
.corona-page .section-about .content-row .col-text .note a,
.corona-page .section-about .content-row .col-text .note p {
font-size: 13px;
line-height: 115%;
color: rgba(103, 103, 103, .6)
}
.corona-page .section-about .content-row .col-text .note a:not(:last-child),
.corona-page .section-about .content-row .col-text .note p:not(:last-child) {
margin-bottom: 5px
}
.corona-page .section-about .content-row .col-text .note a {
font-family: nunitrobold
}
.corona-page .section-about .content-row .col-img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (max-width:768px) {
.corona-page .section-about .content-row .col-img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%
}
}
@media screen and (max-width:768px) {
.corona-page .section-about .content-row .col-img img {
display: block;
width: 400px;
margin: 0 auto
}
}
.corona-page .section-mechanizm {
position: relative
}
.corona-page .mechanizm__item {
min-height: 330px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 50px;
padding: 40px 45px
}
@media screen and (max-width:1024px) {
.corona-page .mechanizm__item {
min-height: auto;
padding: 30px 20px
}
}
@media screen and (max-width:768px) {
.corona-page .mechanizm__item {
display: block
}
}
.corona-page .mechanizm__item:not(:last-child) {
margin-bottom: 20px
}
.corona-page .mechanizm__item p {
max-width: 690px;
font-size: 20px;
line-height: 135%
}
@media screen and (max-width:1024px) {
.corona-page .mechanizm__item p {
font-size: 18px
}
}
.corona-page .mechanizm__img-col {
width: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:768px) {
.corona-page .mechanizm__img-col {
width: 100%;
margin-bottom: 20px
}
}
@media screen and (max-width:768px) {
.corona-page .mechanizm__img-col img {
width: 150px
}
}
.corona-page .mechanizm__text-col {
padding-left: 70px
}
@media screen and (max-width:1280px) {
.corona-page .mechanizm__text-col {
padding-left: 40px
}
}
@media screen and (max-width:1024px) {
.corona-page .mechanizm__text-col {
padding-left: 30px
}
}
@media screen and (max-width:768px) {
.corona-page .mechanizm__text-col {
padding-left: 0
}
}
.corona-page .mechanizm__title {
display: block;
max-width: 690px;
margin-bottom: 20px;
font-family: nunitoextrabold;
font-size: 35px;
color: #4c91e4
}
@media screen and (max-width:1280px) {
.corona-page .mechanizm__title {
font-size: 30px
}
}
@media screen and (max-width:1024px) {
.corona-page .mechanizm__title {
font-size: 25px
}
}
@media screen and (max-width:768px) {
.corona-page .mechanizm__title {
font-size: 20px
}
}
.corona-page .section-reviews {
position: relative;
background-color: #e8f1fc
}
.corona-page .section-reviews .back {
position: absolute;
width: 100%
}
.corona-page .section-reviews .back-top {
top: 0
}
.corona-page .section-reviews .container {
position: relative
}
.corona-page .review__list {
max-width: 890px;
margin: 0 auto
}
.corona-page .review__item {
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 63, 138, .1);
box-shadow: 0 5px 10px rgba(0, 63, 138, .1);
border-radius: 165px;
padding: 70px
}
@media screen and (max-width:1024px) {
.corona-page .review__item {
border-radius: 95px;
padding: 40px
}
}
@media screen and (max-width:768px) {
.corona-page .review__item {
border-radius: 50px;
padding: 30px 20px
}
}
.corona-page .review__item:not(:last-child) {
margin-bottom: 75px
}
@media screen and (max-width:1024px) {
.corona-page .review__item:not(:last-child) {
margin-bottom: 40px
}
}
.corona-page .review__author {
margin-bottom: 30px;
color: #ff6588
}
@media screen and (max-width:1024px) {
.corona-page .review__author {
margin-bottom: 20px
}
}
.corona-page .review__author-name {
margin-bottom: 10px;
font-family: nunitobold;
font-size: 30px;
line-height: 117%
}
@media screen and (max-width:1024px) {
.corona-page .review__author-name {
font-size: 25px
}
}
@media screen and (max-width:768px) {
.corona-page .review__author-name {
font-size: 20px
}
}
.corona-page .review__author-position {
max-width: 670px;
font-size: 20px;
line-height: 135%
}
@media screen and (max-width:1024px) {
.corona-page .review__author-position {
font-size: 18px
}
}
.corona-page .review__text {
max-width: 750px
}
.corona-page .review__text p {
font-size: 18px;
line-height: 25px
}
.corona-page .review__text p:not(:last-child) {
margin-bottom: 10px
}
.corona-page .section-lechenie {
background-color: #e8f1fc;
padding-top: 150px
}
.corona-page .section-sources {
background-color: #e8f1fc
}
.corona-page .section-sources__title {
margin-bottom: 20px;
font-family: nunitobold;
font-size: 13px;
color: rgba(103, 103, 103, .6);
text-align: left
}
.corona-page .section-sources a.sources__item {
display: block;
text-decoration: none
}
.corona-page .section-sources a.sources__item:hover {
text-decoration: underline
}
.corona-page .section-sources .sources__item {
font-size: 13px;
line-height: 115%;
color: rgba(103, 103, 103, .6)
}
.corona-page .section-sources .sources__item:not(:last-child) {
margin-bottom: 10px
}
.mam-choose {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 5;
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-webkit-animation: show-mam-choose 2s forwards;
animation: show-mam-choose 2s forwards
}
@media screen and (max-width:768px) {
.mam-choose {
width: 150px
}
}
.mam-choose img {
display: block;
max-width: 100%
}
@-webkit-keyframes show-mam-choose {
0% {
-webkit-transform: translateX(200%);
transform: translateX(200%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes show-mam-choose {
0% {
-webkit-transform: translateX(200%);
transform: translateX(200%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.uteka-section {
margin-top: 156px
}
.uteka-buy-section {
margin-top: 0;
margin-bottom: 70px
}
.uteka-title {
text-align: center;
color: #4c91e4;
font-size: 40px;
font-weight: 800
}
.uteka-widget {
width: 100%;
height: 768px;
outline: 1px solid #e0e0e0;
margin-top: 45px
}
.uteka-widget iframe {
border: none;
width: 100%;
height: calc(100% - 57px)
}
.uteka-widget__container {
margin: 0 auto;
padding: 0 16px
}
@media (min-width:600px) {
.uteka-widget__container {
padding: 0 20px
}
}
@media (min-width:768px) {
.uteka-widget__container {
padding: 0 40px
}
}
@media (min-width:1024px) {
.uteka-widget__container {
padding: 0 44px
}
}
@media (min-width:1440px) {
.uteka-widget__container {
padding: 0 60px;
max-width: 1440px
}
}
.uteka-widget-header {
background: #fff;
border-bottom: 1px solid #e0e0e0
}
.uteka-widget-header__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 56px
}
.uteka-widget-header__title {
background: url(https://widget.uteka.ru/static/img/widgets/title_2@mobile.svg) no-repeat;
background-position: center;
width: 230px;
height: 24px
}
.uteka-widget-header__logo {
height: 16px
}
.uteka-widget-header__logo img {
height: 100%
}
.uteka-widget-header__close {
position: absolute;
top: 0;
right: -8px;
bottom: 0;
z-index: 5;
margin: auto;
width: 32px;
height: 32px;
background: url(https://widget.uteka.ru/static/img/widgets/close_2.svg) no-repeat center
}
@media (min-width:1024px) {
.uteka-widget-header__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.uteka-widget-header__title {
background-image: url(https://widget.uteka.ru/static/img/widgets/title_2.svg);
width: 264px;
height: 24px
}
.uteka-widget-header__logo {
position: absolute;
left: 0;
bottom: 0;
top: 0;
margin: auto;
height: 32px
}
}
@media (max-width:490px) {
.uteka-widget {
height: 644px
}
}
.main-page-dy {
background: #fffef5
}
.main-page-dy .banner-dy {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/main-bg.svg);
background-size: 68% 98%;
height: 100%
}
.main-page-dy .banner-dy-right h1 {
color: #4c91e4;
font-size: 64px;
font-weight: 800;
line-height: 115%
}
.main-page-dy .banner-title-desc {
margin-top: 15px;
color: #ff4971;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 40px
}
@media (max-width: 1250px) {
.main-page-dy .banner-dy-right h1 {
font-size: 48px;
}
.main-page-dy .banner-title-desc {
font-size: 24px;
}
}
@media screen and (max-width: 992px) {
.main-page-dy .banner-dy-right h1 {
font-size: 36px;
padding: 0 10px;
}
.main-page-dy .banner-title-desc {
font-size: 20px;
line-height: 28px;
padding: 0 10px;
}
h1 br {
display: unset;
}
}
@media screen and (max-width: 420px) {
.main-page-dy .banner-dy-right h1 {
font-size: 36px;
}
.main-page-dy .banner-title-desc {
font-size: 20px;
line-height: 28px;
}
}
.main-page-dy .img-drug {
margin: 0 auto;
margin-top: 60px;
display: block;
width: calc(100% - 100px);
-webkit-transform: translateX(16%);
-ms-transform: translateX(16%);
transform: translateX(16%)
}
@media (max-width:576px) {
.main-page-dy .img-drug {
margin-top: 30px;
margin-left: 25px
}
}
.main-page-dy .awards-list {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
@media (max-width:1280px) {
.main-page-dy .awards-list {
margin-left: -150px
}
}
@media (max-width:1024px) {
.main-page-dy .awards-list {
margin-left: -250px
}
}
@media (max-width:768px) {
.main-page-dy .awards-list {
margin-left: 0
}
}
@media (max-width:576px) {
.main-page-dy .awards-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px
}
}
.main-page-dy .awards-item {
width: 298px;
height: 89px;
border-radius: 5px;
padding: 7px 9px;
background: #fff;
-webkit-box-shadow: 0 0 25px 0 rgba(255, 249, 200, .5);
box-shadow: 0 0 25px 0 rgba(255, 249, 200, .5);
color: #626364;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 7px;
-moz-column-gap: 7px;
column-gap: 7px
}
.main-page-dy .cytovir-forbabies {
margin-top: 240px
}
@media (max-width:1280px) {
.main-page-dy .cytovir-forbabies {
margin-top: 120px
}
}
@media (max-width:768px) {
.main-page-dy .cytovir-forbabies {
margin-top: 60px
}
}
.main-page-dy .cytovir-forbabies__list {
margin-top: 21px
}
@media (max-width:1024px) {
.main-page-dy .cytovir-forbabies__list {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:768px) {
.main-page-dy .cytovir-forbabies__list {
grid-template-columns: repeat(1, 1fr)
}
}
.main-page-dy .cytovir-forbabies__list .cytovir-forbabies__list-item {
padding-top: 24px;
padding-left: 30px
}
.main-page-dy .cytovir-forbabies__list .cytovir-forbabies__list-item strong {
font-family: nunitoregular;
color: #2270db;
font-size: 18px;
font-weight: 800;
margin-bottom: 8px
}
.main-page-dy .cytovir-forbabies__list .cytovir-forbabies__list-item p {
color: #626364;
font-size: 16px;
font-weight: 400
}
.main-page-dy .cytovir-forbabies__list .item_dark-blue {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cytovir-forbabies-icon/1.svg);
background-position: right 10px bottom 15px
}
.main-page-dy .cytovir-forbabies__list .item_dark-blue strong {
color: #2270db
}
.main-page-dy .cytovir-forbabies__list .item_purpur {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cytovir-forbabies-icon/2.svg);
background-position: right 10px bottom 15px
}
.main-page-dy .cytovir-forbabies__list .item_purpur strong {
color: #ba4ff2
}
.main-page-dy .cytovir-forbabies__list .item_purpur .desc {
line-height: 125%
}
.main-page-dy .cytovir-forbabies__list .item_light-yellow {
background-color: #eafffc;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cytovir-forbabies-icon/3.svg);
background-position: right 10px bottom 15px;
background-size: 90px
}
.main-page-dy .cytovir-forbabies__list .item_light-yellow strong {
color: #5cd0bc
}
.main-page-dy .cytovir-forbabies__list .item_pink {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cytovir-forbabies-icon/4.svg);
background-position: right 10px bottom 15px
}
.main-page-dy .cytovir-forbabies__list .item_pink strong {
color: #fd316e
}
.main-page-dy .cytovir-forbabies__list .item_pink p {
max-width: 315px
}
.main-page-dy .cytovir-forbabies__list .item_yellow {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cytovir-forbabies-icon/5.svg);
background-position: right 10px bottom 15px
}
.main-page-dy .cytovir-forbabies__list .item_yellow strong {
color: #f1a82a
}
.main-page-dy .cytovir-forbabies__list .item_blue strong {
color: #31c2fd
}
.main-page-dy .cytovir-forbabies__list .item_green strong {
color: #5cd0bc
}
.main-page-dy .cytovir-forbabies__list .item_red-big {
color: #f21c22;
font-size: 18px;
font-weight: 800;
background-color: #ffebeb;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cytovir-forbabies-icon/product-red-card.png);
background-position-y: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:768px) {
.main-page-dy .cytovir-forbabies__list .item_red-big {
background-position: bottom right;
background-size: 173px
}
}
@media (max-width:576px) {
.main-page-dy .cytovir-forbabies__list .item_red-big {
background-position: bottom right;
background-size: 120px
}
}
@media (max-width:360px) {
.main-page-dy .cytovir-forbabies__list .item_red-big {
background-position: bottom right;
background-size: 88px
}
}
.main-page-dy .cytovir-forbabies__list .item_red-big strong {
max-width: 352px;
color: #f21c22
}
.main-page-dy .cytovir-forbabies__list .item_red-big .item-btn {
margin-top: auto;
margin-bottom: 0
}
.main-page-dy .cytovir-forbabies__explanation {
max-width: unset;
margin-left: unset;
margin-right: unset;
text-align: unset;
color: #626364;
font-size: 12px;
font-weight: 400;
line-height: 150%
}
.main-page-dy .variant-section {
margin-top: 260px
}
@media (max-width:1280px) {
.main-page-dy .variant-section {
margin-top: 120px
}
}
@media (max-width:768px) {
.main-page-dy .variant-section {
margin-top: 60px
}
}
.main-page-dy .variant-description-list {
margin-top: 35px
}
.main-page-dy .variant-item-dy.sirop {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/fon-sirop.svg);
background-position: 3px 54%;
background-size: 99%
}
@media (max-width:768px) {
.main-page-dy .variant-item-dy.sirop {
background-position: center 77px;
background-size: 479px
}
}
.main-page-dy .cyto {
padding-top: 40px;
padding-bottom: 175px;
background-position-y: -10px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cyto-bg.png);
background-repeat: no-repeat
}
@media (max-width:1420px) {
.main-page-dy .cyto {
background-size: 123%
}
}
@media (max-width:1024px) {
.main-page-dy .cyto {
background-size: 142%
}
}
@media (max-width:768px) {
.main-page-dy .cyto {
background-size: 190%
}
}
@media (max-width:500px) {
.main-page-dy .cyto {
padding-bottom: 0
}
}
.main-page-dy .cyto-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
position: relative
}
@media (max-width:1420px) {
.main-page-dy .cyto-box {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}
}
.main-page-dy .cyto__desc {
width: 50%;
margin-top: 130px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/main-page-2023/cyto-desc-bg.svg);
background-repeat: no-repeat;
padding-top: 37px;
padding-left: 108px;
margin-left: -121px
}
@media (max-width:1420px) {
.main-page-dy .cyto__desc {
width: 100%
}
}
@media (max-width:1024px) {
.main-page-dy .cyto__desc {
margin-top: 20px;
padding-bottom: 66px;
margin-left: 25px
}
}
@media (max-width:700px) {
.main-page-dy .cyto__desc {
padding-bottom: 230px;
margin-left: 0;
background-size: 90%
}
}
@media (max-width:700px) {
.main-page-dy .cyto__desc {
padding-left: 20px
}
}
.main-page-dy .cyto__desc p {
color: #fff;
font-size: 36px;
font-style: italic;
font-weight: 800;
text-transform: lowercase;
line-height: 125%;
white-space: nowrap
}
.main-page-dy .cyto__desc p::first-letter {
text-transform: uppercase
}
@media (max-width:700px) {
.main-page-dy .cyto__desc p {
font-size: 27px
}
}
@media (max-width:500px) {
.main-page-dy .cyto__desc p {
font-size: 18px
}
}
.main-page-dy .cyto__link {
text-decoration: none
}
.main-page-dy .cyto__img {
width: 50%
}
@media (max-width:1024px) {
.main-page-dy .cyto__img {
display: none
}
}
.main-page-dy .cyto__logo {
margin-top: 14px;
display: block
}
@media (max-width:500px) {
.main-page-dy .cyto__logo {
width: 51%
}
}
.main-page-dy .cyto__link {
color: #ffebeb;
background: #f21c22;
font-size: 24px;
font-weight: 800;
text-transform: uppercase;
display: inline-block;
padding: 10px 22px;
border-radius: 50px;
margin-top: 38px;
cursor: pointer
}
.main-page-dy .cyto-product-img {
position: absolute;
bottom: 18px;
left: 50%;
-webkit-transform: translateX(-73%);
-ms-transform: translateX(-73%);
transform: translateX(-73%)
}
@media (max-width:1420px) {
.main-page-dy .cyto-product-img {
bottom: -60px
}
}
@media (max-width:1024px) {
.main-page-dy .cyto-product-img {
bottom: -212px;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
right: 0;
left: unset
}
}
@media (max-width:500px) {
.main-page-dy .cyto-product-img {
width: 60%;
bottom: 0
}
}
.main-page-dy .mark-modal {
position: fixed;
left: 21px;
bottom: 21px;
z-index: 3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 360px;
height: 291px;
border-radius: 20px;
background: #fff;
-webkit-box-shadow: 0 .52245px 6.79186px 0 rgba(12, 103, 95, .25);
box-shadow: 0 .52245px 6.79186px 0 rgba(12, 103, 95, .25);
padding: 22px;
overflow: hidden
}
@media (max-width:576px) {
.main-page-dy .mark-modal {
left: 50%;
bottom: 10px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@media (max-width:576px) {
.main-page-dy .mark-modal {
padding: 10px
}
}
.main-page-dy .mark-modal .close-icon {
position: absolute;
top: 17px;
right: 17px;
cursor: pointer
}
.main-page-dy .mark-modal .top-light {
position: absolute;
top: 0;
left: 0
}
.main-page-dy .mark-modal .bottom-light {
position: absolute;
bottom: 0;
right: 0
}
.main-page-dy .mark-modal__title {
color: #283675;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
z-index: 1
}
.main-page-dy .mark-modal__title span {
font-weight: 700;
margin-top: 5px;
display: inline-block
}
.main-page-dy .mark-modal__image-box {
margin: 27px 0;
position: relative
}
.main-page-dy .mark-modal__image-box .like-1 {
position: absolute;
width: 24%;
-webkit-transform: translate(-275%, -53%) rotate(352deg);
-ms-transform: translate(-275%, -53%) rotate(352deg);
transform: translate(-275%, -53%) rotate(352deg)
}
.main-page-dy .mark-modal__image-box .like-2 {
position: absolute;
width: 20%;
-webkit-transform: translate(-128%, 82%) scaleX(-1);
-ms-transform: translate(-128%, 82%) scaleX(-1);
transform: translate(-128%, 82%) scaleX(-1)
}
.main-page-dy .mark-modal__image-box .like-3 {
position: absolute;
-webkit-transform: translate(-123%, 29%);
-ms-transform: translate(-123%, 29%);
transform: translate(-123%, 29%)
}
.main-page-dy .mark-modal__image-box .like-4 {
position: absolute;
-webkit-transform: translate(170%, -27%) rotate(27deg) scaleX(-1);
-ms-transform: translate(170%, -27%) rotate(27deg) scaleX(-1);
transform: translate(170%, -27%) rotate(27deg) scaleX(-1)
}
.main-page-dy .mark-modal__image-box .like-5 {
position: absolute;
-webkit-transform: translate(375%, 183%) rotate(-23deg) scaleX(-1);
-ms-transform: translate(375%, 183%) rotate(-23deg) scaleX(-1);
transform: translate(375%, 183%) rotate(-23deg) scaleX(-1);
width: 35%
}
.main-page-dy .mark-modal__btn {
border-radius: 28.333px;
background: #ffcd45;
-webkit-box-shadow: 0 0 22.13542px 0 rgba(105, 105, 105, .06) inset;
box-shadow: 0 0 22.13542px 0 rgba(105, 105, 105, .06) inset;
padding: 11px 45px;
position: relative;
z-index: 1;
color: #43646a;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none
}
.bronho-page-dy {
background: #fffef5;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/dy-assets/img/bronho/spot-main.svg);
background-repeat: no-repeat
}
@media (max-width:1024px) {
.bronho-page-dy {
background-size: 90%
}
}
@media (max-width:768px) {
.bronho-page-dy {
background-size: 129%
}
}
@media (max-width:576px) {
.bronho-page-dy {
background-size: 170%;
background-position-y: -104px;
background-position-x: -99px
}
}
.bronho-page-dy .container {
max-width: 1182px;
margin: 0 auto;
padding: 0 16px
}
.bronho-page-dy .main-section {
width: 100%;
padding-top: 104px;
padding-bottom: 152px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px
}
@media (max-width:1024px) {
.bronho-page-dy .main-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 70px
}
}
@media (max-width:768px) {
.bronho-page-dy .main-section {
padding-bottom: 40px
}
}
.bronho-page-dy .main-section .left {
margin-left: -62px
}
@media (max-width:1160px) {
.bronho-page-dy .main-section .left {
margin: 0 auto
}
}
.bronho-page-dy .main-section .left .main-img {
margin-top: 98px
}
@media (max-width:1160px) {
.bronho-page-dy .main-section .left .main-img {
margin-top: 4px
}
}
@media (max-width:768px) {
.bronho-page-dy .main-section .left .main-img {
width: 100%
}
}
.bronho-page-dy .main-section .right .main-title {
margin-top: 78px;
color: var(--blue, #4c91e4);
font-size: 56px;
font-style: normal;
font-weight: 800;
line-height: 66px;
text-align: left;
margin-bottom: 0
}
@media (max-width:768px) {
.bronho-page-dy .main-section .right .main-title {
font-size: 26px;
line-height: 30px;
margin-top: 30px
}
}
.bronho-page-dy .main-section .right .main-desc {
margin-top: 15px;
color: #f68;
font-size: 30px;
font-weight: 800;
line-height: 40px;
text-align: left
}
@media (max-width:768px) {
.bronho-page-dy .main-section .right .main-desc {
margin-top: 10px;
font-size: 18px;
line-height: 22px
}
}
.bronho-page-dy .main-section .right .product-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px
}
@media (max-width:1024px) {
.bronho-page-dy .main-section .right .product-box {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
}
@media (max-width:768px) {
.bronho-page-dy .main-section .right .product-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.bronho-page-dy .main-section .right .product-desc {
font-size: 18px;
line-height: 22px;
font-weight: 800
}
@media (max-width:768px) {
.bronho-page-dy .main-section .right .product-desc {
font-size: 16px;
line-height: 22.5px
}
.bronho-page-dy .main-section .right .product-desc br {
display: none
}
}
@media (max-width:576px) {
.bronho-page-dy .main-section .right .product-desc {
margin-top: 10px
}
}
.bronho-page-dy .main-section .right .product-text {
color: #f68;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 30px;
margin-top: auto;
margin-bottom: 16px
}
@media (max-width:1024px) {
.bronho-page-dy .main-section .right .product-text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.bronho-page-dy .main-section .right .product-btn {
margin-top: 31px;
padding: 11px 58px 9px 60px;
border-radius: 30px;
background: #4c91e4;
font-family: nunitoregular;
color: #fff;
font-size: 14px;
font-weight: 800;
outline: 0;
border: none
}
@media (max-width:1160px) {
.bronho-page-dy .main-section .right .product-btn {
padding: 10px 29px 8px 29px
}
}
@media (max-width:1024px) {
.bronho-page-dy .main-section .right .product-btn {
padding: 11px 58px 9px 60px
}
}
@media (max-width:768px) {
.bronho-page-dy .main-section .right .product-btn {
margin-top: 15px;
padding: 10px 29px 8px 29px;
font-size: 12px
}
}
@media (max-width:1160px) {
.bronho-page-dy .main-section .right .bronho-product-img {
width: 60%
}
}
@media (max-width:1024px) {
.bronho-page-dy .main-section .right .bronho-product-img {
width: 30%
}
}
@media (max-width:768px) {
.bronho-page-dy .main-section .right .bronho-product-img {
width: 55%
}
}
@media (max-width:576px) {
.bronho-page-dy .main-section .right .bronho-product-img {
width: 100%
}
}
.bronho-page-dy .therapy {
border-top: 1px solid rgba(76, 145, 228, .5);
border-bottom: 1px solid rgba(76, 145, 228, .5);
padding-bottom: 50px
}
@media (max-width:768px) {
.bronho-page-dy .therapy {
padding-bottom: 30px
}
}
.bronho-page-dy .therapy__title {
margin-top: 40px;
color: #4c91e4;
font-size: 40px;
font-weight: 800
}
.bronho-page-dy .therapy__title br {
display: none
}
@media (max-width:768px) {
.bronho-page-dy .therapy__title {
margin-top: 30px;
font-size: 22px;
line-height: 26px
}
.bronho-page-dy .therapy__title br {
display: block
}
}
.bronho-page-dy .therapy__list-box {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 109px;
-moz-column-gap: 109px;
column-gap: 109px
}
@media (max-width:768px) {
.bronho-page-dy .therapy__list-box {
margin-top: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.bronho-page-dy .therapy__list-title {
color: #686868;
font-size: 26px;
font-weight: 700;
line-height: 25px
}
@media (max-width:768px) {
.bronho-page-dy .therapy__list-title {
font-size: 16px;
font-weight: 700;
line-height: 25px
}
}
.bronho-page-dy .therapy__list {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 5px
}
@media (max-width:768px) {
.bronho-page-dy .therapy__list {
margin-top: 0
}
}
.bronho-page-dy .therapy__item {
color: #686868;
font-size: 20px;
font-weight: 400;
line-height: 25px;
padding-left: 23px;
position: relative
}
@media (max-width:768px) {
.bronho-page-dy .therapy__item {
font-size: 16px
}
}
.bronho-page-dy .therapy__item::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #4c91e4;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0
}
@media (max-width:768px) {
.bronho-page-dy .therapy__item::before {
width: 6px;
height: 6px
}
}
@media (max-width:768px) {
.bronho-page-dy .therapy__list-two {
margin-top: 15px
}
}
.bronho-page-dy .work {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
padding-bottom: 100px
}
@media (max-width:1024px) {
.bronho-page-dy .work {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width:768px) {
.bronho-page-dy .work {
padding-bottom: 25px
}
}
.bronho-page-dy .work__main {
margin-top: 70px
}
@media (max-width:768px) {
.bronho-page-dy .work__main {
margin-top: 40px
}
}
.bronho-page-dy .work__title {
color: #4c91e4;
font-size: 40px;
font-weight: 800;
white-space: nowrap
}
@media (max-width:1120px) {
.bronho-page-dy .work__title {
white-space: unset
}
}
@media (max-width:1024px) {
.bronho-page-dy .work__title {
white-space: nowrap
}
}
@media (max-width:768px) {
.bronho-page-dy .work__title {
font-size: 22px;
line-height: 26px
}
}
.bronho-page-dy .work__image {
margin-top: 55px;
position: relative;
display: inline-block
}
@media (max-width:1024px) {
.bronho-page-dy .work__image {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.bronho-page-dy .work-icon {
position: absolute;
left: 50%;
-webkit-transform: translateX(-55%);
-ms-transform: translateX(-55%);
transform: translateX(-55%);
bottom: 10px
}
.bronho-page-dy .work__desc-title {
margin-top: 79px;
color: #686868;
font-size: 26px;
font-weight: 700;
line-height: 36px
}
@media (max-width:1024px) {
.bronho-page-dy .work__desc-title {
display: none
}
}
.bronho-page-dy .work__desc-title span {
color: #f68
}
.bronho-page-dy .work__desc-title-768 {
display: none
}
@media (max-width:1024px) {
.bronho-page-dy .work__desc-title-768 {
display: block;
margin-top: 30px;
color: #686868;
font-size: 26px;
font-weight: 700;
line-height: 36px
}
}
@media (max-width:1024px) and (max-width:768px) {
.bronho-page-dy .work__desc-title-768 {
margin-top: 15px;
color: #686868;
font-size: 16px;
line-height: 20px
}
}
@media (max-width:1024px) {
.bronho-page-dy .work__desc-title-768 span {
color: #f68
}
}
.bronho-page-dy .work__list {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 25px
}
.bronho-page-dy .work__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
position: relative
}
.bronho-page-dy .work__item::before {
position: absolute;
content: "";
width: 170px;
height: 1px;
background: rgba(165, 200, 241, .5);
left: -9px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
@media (max-width:1024px) {
.bronho-page-dy .work__item::before {
content: none
}
}
@media (max-width:768px) {
.bronho-page-dy .work__item {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
}
.bronho-page-dy .work__item .item-round img {
width: 50px;
height: 50px
}
@media (max-width:768px) {
.bronho-page-dy .work__item .item-round img {
width: 35px;
height: 35px
}
}
.bronho-page-dy .work__item .item-line {
width: 30px;
min-width: 30px;
height: 1px;
background: rgba(165, 200, 241, .5)
}
@media (max-width:768px) {
.bronho-page-dy .work__item .item-line {
display: none
}
}
.bronho-page-dy .work__item .item-text {
color: #686868;
font-size: 20px;
font-weight: 400;
line-height: 25px
}
@media (max-width:768px) {
.bronho-page-dy .work__item .item-text {
font-size: 14px;
line-height: 16px
}
}
.bronho-page-dy .work-man-img {
position: relative;
z-index: 2
}
@media (max-width:576px) {
.bronho-page-dy .work-man-img {
width: 100%
}
}
.bronho-page-dy .use {
position: relative;
padding-bottom: 115px
}
@media (max-width:768px) {
.bronho-page-dy .use {
padding-bottom: 40px
}
}
.bronho-page-dy .use-main-bg {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-56%);
-ms-transform: translateY(-56%);
transform: translateY(-56%);
width: 47%
}
@media (max-width:960px) {
.bronho-page-dy .use-main-bg {
width: 40%
}
}
@media (max-width:768px) {
.bronho-page-dy .use-main-bg {
display: none
}
}
.bronho-page-dy .use-main-bg-768 {
display: none
}
@media (max-width:768px) {
.bronho-page-dy .use-main-bg-768 {
display: block;
margin-left: auto;
margin-right: -20px;
margin-top: -50px;
width: 70%
}
}
@media (max-width:768px) and (max-width:530px) {
.bronho-page-dy .use-main-bg-768 {
width: 108%
}
}
@media (max-width:768px) {
.bronho-page-dy .use__content {
margin-top: -100px
}
}
.bronho-page-dy .use__title {
color: #4c91e4;
font-size: 40px;
font-weight: 800
}
@media (max-width:768px) {
.bronho-page-dy .use__title {
font-size: 22px;
line-height: 26px
}
}
.bronho-page-dy .use__list {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 20px
}
@media (max-width:768px) {
.bronho-page-dy .use__list {
margin-top: 15px;
row-gap: 10px
}
}
.bronho-page-dy .use__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 23px;
-moz-column-gap: 23px;
column-gap: 23px;
max-width: 529px
}
@media (max-width:768px) {
.bronho-page-dy .use__item {
-webkit-column-gap: 17px;
-moz-column-gap: 17px;
column-gap: 17px
}
}
.bronho-page-dy .use__item-desc {
color: #686868;
font-size: 20px;
font-weight: 400
}
@media (max-width:768px) {
.bronho-page-dy .use__item-desc {
font-size: 14px;
font-weight: 400
}
}
.bronho-page-dy .use__list-years {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.bronho-page-dy .use__list-years .years-item {
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 505px;
border-bottom: 1px solid rgba(165, 200, 241, .5)
}
.bronho-page-dy .use__list-years .years-item .years {
padding: 11px 35px 9px 0;
color: #4c91e4;
font-size: 22px;
font-weight: 700;
line-height: 25px;
border-right: 1px solid rgba(165, 200, 241, .5);
white-space: nowrap
}
@media (max-width:768px) {
.bronho-page-dy .use__list-years .years-item .years {
min-width: 153px;
font-size: 14px;
font-weight: 600;
line-height: 14.243px;
padding: 7px 12px 9px 0
}
}
.bronho-page-dy .use__list-years .years-item .recommendation {
padding: 12px 28px 8px 21px;
color: #686868;
font-size: 20px;
font-weight: 500;
line-height: 25px;
white-space: nowrap
}
@media (max-width:768px) {
.bronho-page-dy .use__list-years .years-item .recommendation {
min-width: 153px;
font-size: 14px;
font-weight: 400;
line-height: 14.243px;
padding: 7px 0 9px 4px
}
}
.bronho-page-dy .bronho-uteka-title {
color: #4c91e4;
font-size: 40px;
font-weight: 800;
margin-bottom: 40px
}
@media (max-width:768px) {
.bronho-page-dy .bronho-uteka-title {
font-size: 22px;
line-height: 26px;
margin-bottom: 15px
}
}
.bronho-page-dy .bronho-uteka .uteka-section {
margin-top: 0
}