.hero-slider {
position: relative;
background: linear-gradient(142deg, var(--arv3-blue) 0%, var(--arv3-blue) 100%);
}
.hero-slider__inner {}
.hero-slider__slider {
position: static !important;
}
.hero-slider__slider-wrapper {}
.hero-slider__slide {
position: relative;
display: flex !important;
align-items: center;
justify-content: space-between;
column-gap: 80px;
min-height: 456px;
padding: 40px 0;
}
.hero-slider__slide-info {
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 32px;
max-width: 452px;
height: 100%;
}
.hero-slider__slide-title {
margin: 0;
font-weight: 500;
font-size: 36px;
color: #fff;
}
.hero-slider__slide-descr {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 180%;
color: #fff;
}
.hero-slider__slide-btns {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 16px;
row-gap: 8px;
}
.hero-slider__slide-btn {
display: flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
height: 40px;
border-radius: 8px;
border: 1px solid transparent;
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #fff;
}
.hero-slider__slide-btn--primary {
background: linear-gradient(90deg, var(--arv3-navy) 0%, var(--arv3-navy) 47.81%);
}
.hero-slider__slide-btn--secondary {
border: 1px solid #fff;
}
.hero-slider__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media (hover:hover) {
.hero-slider__arrow:hover svg {
stroke: var(--color-blue-pacient-btn);
}
}
.hero-slider__arrow-left {
left: 24px;
}
.hero-slider__arrow-right {
right: 24px;
}
.hero-slider__pagination {
position: absolute;
bottom: 16px !important;
left: 50% !important;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
}
.hero-slider__pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 100%;
background-color: transparent;
border: 1px solid #fff;
margin: 0 !important;
opacity: 1;
}
.hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
}
.hero-slider__slide-picture { }
.hero-slider__slide-pic {
width: 600px;
min-width: 600px;
height: auto;
object-fit: cover;
} html {
overflow-y: scroll;
}
.modal-contact{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 10;
display: none;
}
.modal__inner{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal__inner-block{
position: relative;
max-width: 450px;
width: 100%;
padding: 15px 25px;
padding-bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(142deg, var(--arv3-blue) 0%, var(--arv3-blue) 100%);
}
.modal-form__input{
min-height: 48px !important;
margin-top: 15px !important;
border: none !important;
border-radius: 15px !important;
background-color: #fff !important;
color: #000 !important;
}
.modal-form__input::placeholder{
color: #5c5a5a !important;
}
.modal-form__text{
font-size: 16px;
text-align: center;
color: #fff;
}
.modal-form__btn{
display: block;
width: 100%;
margin: 20px auto 0 auto;
height: 48px;
line-height: 48px;
line-height: 48px;
border: none;
border-radius: 6px;
text-align: center;
background: var(--arv3-navy);
color: #fff;
cursor: pointer;
color: #fff;
}
.modal__close{
position: absolute;
top: -22px;
right: 15px;
font-size: 40px;
cursor: pointer;
color: #fff;
}
.form__btn{
width: 250px;
height: 50px;
padding: 0;
line-height: 46px;
color: #fff;
background: var(--arv3-navy);
border: 2px solid transparent;
text-align: center;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
transition: all .4s ease-in;
}
.form__btn:hover{
background: var(--arv3-blue);
transition: all .4s ease-in;
}
.show{
display: block;
}
.hide{
display: none;
}
.modal-form .wpcf7-spinner{
display: block;
margin: 5px auto;
}
@media (max-width: 576px){
.form__btn{
width: 100%;
}
.modal-form__input{
min-height: 40px !important;
}
.modal__inner-block{
width: 270px;
max-width: 100%;
}
.modal__close{
top: -35px;
}
} @media (max-width: 1300px) {
.hero-slider__slide-pic {
width: 400px;
min-width: 400px;
}
.hero-slider__slide {
padding: 40px 20px;
column-gap: 20px;
}
.hero-slider__arrow-left {
left: 0;
}
.hero-slider__arrow-right {
right: 0;
}
}
@media (max-width: 991px) {
.hero-slider__slide-pic {
width: 300px;
min-width: 300px;
}
}
@media (max-width: 767px) {
.hero-slider__slide-info {
max-width: 100%;
}
.hero-slider__slide-picture {
display: none;
}
.hero-slider__slide-btns {
grid-template-columns: repeat(1, 1fr);
}
.hero-slider__slide {
flex-direction: column;
row-gap: 20px;
padding: 36px 16px 86px;
box-sizing: border-box;
}
.hero-slider--not-slider .hero-slider__slide {
padding-bottom: 36px;
}
.hero-slider__slide-pic {
min-width: 200px;
}
.hero-slider__arrow-left {
left: 6px;
}
.hero-slider__arrow-right {
right: 6px;
}
.hero-slider__pagination {
bottom: 24px !important;
}
}  .simplified {
padding: 50px 0;
}
.simplified__inner {
display: flex;
flex-direction: column;
row-gap: 50px;
}
.simplified__consulting {}
.simplified__consulting-title {
margin: 0;
margin-bottom: 32px;
font-weight: 500;
font-size: 28px;
text-align: center;
color: #333;
}
.simplified__consulting-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: center;
column-gap: 30px;
row-gap: 30px;
}
.simplified__consulting-item {
display: grid;
justify-content: center;
align-content: baseline;
}
.simplified__consulting-picture {
height: 116px;
margin-bottom: 32px;
text-align: center;
}
.simplified__consulting-pic {}
.simplified__consulting-info {}
.simplified__consulting-label {
margin-bottom: 8px;
font-weight: 500;
font-size: 20px;
text-align: center;
color: #333;
}
.simplified__consulting-descr {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #333;
}
.simplified__blocks {
display: flex;
flex-direction: column;
row-gap: 24px;
}
.simplified__block {}
.simplified__block-title {
margin: 0;
margin-bottom: 32px;
font-weight: 500;
font-size: 28px;
text-align: center;
color: #333;
}
.simplified__block-texts {
display: flex;
flex-direction: column;
row-gap: 12px;
}
.simplified__block-text {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #333;
}
.simplified__faq {}
.simplified__faq-title {
margin: 0;
margin-bottom: 32px;
font-weight: 500;
font-size: 28px;
text-align: center;
color: #333;
}
.simplified__faq-main {}
.simplified__faq-rows {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.simplified__faq-row {
border-radius: 16px;
padding: 0 24px;
box-shadow: 0 0 12px 0 rgba(48, 110, 216, 0.28);
background-color: #fff;
}
.simplified__faq-row.active .simplified__faq-icon {
transform: rotate(180deg);
}
.simplified__faq-row.active .simplified__faq-content {
max-height: 400px;
user-select: auto;
pointer-events: visible;
}
.simplified__faq-head {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 20px;
padding: 24px 0;
cursor: pointer;
}
.simplified__faq-label {
margin: 0;
font-weight: 500;
font-size: 20px;
color: #333;
}
.simplified__faq-icon {}
.simplified__faq-content {
max-height: 0;
overflow: hidden;
user-select: none;
pointer-events: none;
transition: 0.3s linear;
}
.simplified__faq-descr {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #333;
}
.simplified__faq-descr+.simplified__faq-descr {
margin-top: 24px;
}
@media (max-width: 767px) {
.simplified__consulting-list {
grid-template-columns: repeat(1, 1fr);
}
.simplified__inner {
row-gap: 60px;
}
.simplified {
padding: 48px 0 80px;
}
}   header.site-header .menu-item {
padding: 0 16px;
}
header.site-header .menu-item a {
border: 0;
}
.menu-item {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 8px; margin: 0;
font-weight: 500;
font-size: 16px;
color: #fff;
cursor: pointer;
}
.menu-item::before {
content: '';
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 80px;
background: var(--arv3-navy); opacity: 0;
z-index: -1;
}
.menu-item:not(.menu-item-has-children)::before {
top: -14px;
} .menu-item .menu-item::before,
.menu-item .menu-item .menu-item::before,
.menu-item .menu-item .menu-item .menu-item::before {
content: none;
}
header.site-header .menu-item.current-menu-item a,
header.site-header .menu-item a:hover {
border-color: transparent;
}
.menu-item img {
transition: 0.2s linear;
}
.menu-item span {
padding: 0;
margin: 0;
font-weight: 500;
font-size: 16px;
color: #fff;
}
.menu-item a {
padding: 16px !important;
}
.menu-item:has(.menu-item__sublavel-item:hover)::before {
opacity: 1;
}
.menu-item:has(>a) {
padding: 0 !important;
}
.menu-item__sublavel {
position: absolute;
z-index: 3;
top: calc(100% + 30px);
left: 0;
max-height: 0;
opacity: 0;
user-select: none;
pointer-events: none;
transition: 0.2s linear;
}
.menu-item__sublavel:has(.menu-item__sublavel-item:hover) {
max-height: 800px;
user-select: auto;
pointer-events: visible;
opacity: 1;
}
.menu-item__sublavel .menu-item__sublavel {
z-index: -1;
top: 0;
opacity: 0;
}
.menu-item__sublavel-item {
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 8px;
width: 270px;
margin: 0;
background: var(--arv3-navy);
transition: 0.3s linear;
cursor: pointer;
}
header.site-header .menu-item__sublavel-item {
padding: 16px;
}
header.site-header .menu-item__sublavel-item .menu-item__sublavel-item {
padding: 0;
width: 236px;
}
.menu-item__sublavel-item img {
transform: rotate(-90deg);
transition: 0.3s linear;
}
.menu-item__sublavel-item span {
padding: 0;
margin: 0;
font-weight: 500;
font-size: 16px;
color: #fff;
}
.menu-item__sublavel-link {
display: flex;
width: 100%;
background: var(--arv3-navy);
padding: 16px !important;
margin: 0;
border: 0 !important;
font-weight: 500;
font-size: 16px;
color: #fff;
}
footer.site-footer .menu-item::before {
content: none;
}
footer.site-footer .menu-item {
padding: 0.8rem 0 !important;
}
footer.site-footer .menu-item:has(>a) {
padding: 0.8rem 0 !important;
}
footer.site-footer .menu-item a {
padding: 0 !important;
}
footer.site-footer .menu-item {
position: static;
}
@media (hover:hover) {
.menu-item:hover::before {
opacity: 1;
}
.menu-item:hover>img {
transform: rotate(180deg);
}
.menu-item:before:hover .menu-item__sublavel {
max-height: 800px;
user-select: auto;
pointer-events: visible;
opacity: 1;
}
.menu-item:hover>.menu-item__sublavel {
max-height: 800px;
user-select: auto;
pointer-events: visible;
opacity: 1;
}
.menu-item__sublavel:hover {
max-height: 800px;
user-select: auto;
pointer-events: visible;
opacity: 1;
}
.menu-item__sublavel-item:hover {
background: var(--arv3-navy);
}
.menu-item__sublavel-item:hover img {
transform: rotate(90deg);
}
.menu-item__sublavel-item:hover .menu-item__sublavel {
max-height: 800px;
user-select: auto;
pointer-events: visible;
opacity: 1;
left: 100%;
top: 0;
}
.menu-item__sublavel-link:hover {
background: var(--arv3-navy) !important;
}
}
@media (max-width: 1200px) {
.menu-item {
display: grid;
grid-template-columns: 1fr 20px;
column-gap: 20px;
margin: 0;
}
footer.site-footer .menu-item {
display: flex;
justify-content: flex-start;
}
.menu-item.dropdown.active>img {
transform: rotate(180deg);
}
.menu-item:before {
content: none;
}
.menu-item__sublavel {
position: static;
opacity: 1;
overflow: hidden;
margin-left: -15px;
user-select: auto;
pointer-events: visible;
transition: 0.4s linear;
}
.menu-item__sublavel .menu-item__sublavel {
transition: 0.2s linear;
}
header.site-header .menu-item {
padding: 16px 0;
}
.menu-item a {
padding: 16px 0 !important;
}
.menu-item img {
margin-left: -12px;
}
.menu-item__sublavel .menu-item__sublavel {
z-index: 1;
user-select: auto;
pointer-events: visible;
}
.menu-item__sublavel-item {
display: grid;
grid-template-columns: 1fr 20px;
column-gap: 20px;
width: calc(100% - 16px);
}
.menu-item__sublavel {
grid-column: span 2;
}
.menu-item__sublavel-item .menu-item__sublavel-item {
width: 100%;
}
.menu-item.active.dropdown>.menu-item__sublavel {
max-height: 800px;
margin-top: 16px;
}
.menu-item.dropdown .menu-item__sublavel-item.dropdown {
padding: 16px 0 16px 16px !important;
} .menu-item__sublavel .menu-item__sublavel {
opacity: 1;
}
.menu-item__sublavel.active {
margin-top: 16px;
margin-bottom: -16px;
}
.menu-item__sublavel-item.active .menu-item__sublavel {
margin-bottom: -16px;
max-height: 800px;
width: calc(100% + 38px);
}
.menu-item.active img {
transform: rotate(180deg);
}
.menu-item.active img {
transform: rotate(0deg);
} header.site-header .menu-item__sublavel-item .menu-item__sublavel-item {
width: 100%;
}
.menu-item__sublavel:has(.menu-item__sublavel-item:hover) {
max-height: 0;
} }  .img-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(38 40 52 / 90%);
text-align: center; z-index: 9999999999999;
animation: pop-in;
animation-duration: 0.5s;
-webkit-animation: pop-in 0.5s;
-moz-animation: pop-in 0.5s;
-ms-animation: pop-in 0.5s
}
.img-popup img {
position: absolute;
top: 50%;
max-width: 80%;
max-height: 80vh;
display: inline-block;
transform: translate(-50%,-50%);
transition: 0.5s;
cursor:zoom-in;
}
.img-popup.zoom_it img{
max-width: 100%;
max-height: 100vh;
cursor:zoom-out;
}
.img-popup.zoom_it .close-lightbox{
right:5vw
}
.close-lightbox {
position: absolute;
top: 6vh;
right: 20vw;
padding: 10px;
color: #fff;
font-size: 32px;
line-height: 16px;
border-radius: 50%;
z-index: 999;
cursor: pointer;
background: linear-gradient(90deg, rgba(52, 189, 219, 1) 0%, rgba(6, 125, 236, 1) 100%);
display: flex;
align-items: center;
justify-content: center;
transition:0.33s
}
.close-lightbox:hover {
color: #d1d1d1;
}
.lightboxfadeout {
animation: fadeout;
animation-duration: 0.5s;
-webkit-animation: fadeout 0.5s;
-moz-animation: fadeout 0.5s;
-ms-animation: fadeout 0.5s
}
@keyframes pop-in {
0% {
opacity: 0;
transform: scale(.1)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes pop-in {
0% {
opacity: 0;
-webkit-transform: scale(.1)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@-moz-keyframes pop-in {
0% {
opacity: 0;
-moz-transform: scale(.1)
}
100% {
opacity: 1;
-moz-transform: scale(1)
}
}
@keyframes fadeout {
100% {
opacity: 0;
transform: scale(.1)
}
0% {
opacity: 1;
transform: scale(1)
}
}
@media (max-width: 999.99px) {
.close-lightbox {right:5vw;top: 5vh;}
}
@media screen and (min-width: 449.99px) and (max-width: 599.99px) {
.img-popup.zoom_it img{
width:100%;
height: 100vh;
cursor:zoom-out;
}
}  .contacts-title{
text-align: left!important;
margin: 0 0 0px!important;
}
.contacts-layout,.contacts-col,.contacts-block{display:flex;flex-direction: column;box-sizing: border-box;}
.contacts-col{box-shadow: 0 0 5px 0px #939AA733;border-radius: 5px;margin-top: 10px;margin-bottom: 20px;padding-bottom: 10px;}
.contacts-row{
display: flex;
flex-direction: row;
gap: 10px;
}
.contacts-block h4{font-size;font-size: 1.5rem;}
.contacts-block.w-20{width:20%}
.contacts-block.w-50{width:50%;gap: 3vh;}
.contacts-block.w-30{width:30%;justify-content: space-between;}
.contact-block-img{
display: flex;
padding: 10px;
}
.contact-block-img img{border-radius: 5px;}
.contacts-block .address,.contacts-block .phone_number,.contacts-block .work_time,.contacts-block .email{
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.contacts-block .address{
display: block;
}
.contacts-block .how_to_pass{margin: 0 0 0 26px;color: grey;list-style: none;line-height: 24px;}
.contacts-block .how_to_pass svg{
position: relative;
top: 2px;
}
.contacts-block .how_to_pass li:before{
content:"";
position: relative;
height:6px;
width:6px;
border-radius: 10px;
background: #0099CC;
left: -6px;
top: -2px;
display: inline-block;
}
.contacts-block .work_days li{
margin-bottom: 5px;
}
.contacts-block .work_days li .day{
color: grey;
font-weight:400;
}
.contacts-block .certificates{display:flex;gap: 6px;}
.contacts-block .certificates img{width:67px;cursor:pointer}
.contacts-block .certificates .empty_cert{width:67px;background:var(--arv3-pale);height: 97px;}
.contacts-other{
width: 100%;
box-sizing: border-box;
}
.contacts-other .btn-link{
display: flex;
height: 28px;
padding: 14px 24px 14.5px 24px;
justify-content: center;
align-items: center;
color: #fff;
gap: 5px;
background: linear-gradient(90deg, rgba(52,189,219,1) 0%, rgba(6,125,236,1) 100%);
max-width: 75%;
border-radius: 6px;
transition:0.5s;
}
.contacts-other .btn-link:hover{
background: linear-gradient(90deg, rgb(12 199 240) 0%, rgb(0 132 255) 100%);
}
.contacts-other .social-icons{
width: 100%;
display: inline-flex;
gap: 15px;
margin-right: 15px;
float: right;
justify-content: flex-end;
align-items: center;
}
.contacts-other .social-icons a{
font-size: 32px;
color: var(--arv3-blue);
}
@media screen and (max-width: 884px) {
.contacts-row {
display: flex;
flex-direction: column;
gap: 10px;
}
.contacts-block{
width: 100%!important;
padding:10px;
}
.contacts-other .btn-link{max-width:100%}
.contact-block-img{max-width:200px}
}