* { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: inherit; } button { background: none; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } @font-face { font-family: Rubik; font-display: swap; src: url("../fonts/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Rubik; font-display: swap; src: url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: Rubik; font-display: swap; src: url("../fonts/Rubik-SemiBold.woff2") format("woff2"), url("../fonts/Rubik-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } body { font-size: 18px; font-weight: 400; line-height: 1.2; font-family: "Rubik", sans-serif; color: #000; background-color: #fff; } .container { max-width: 1164px; margin: 0 auto; padding: 0 22px; } /* SECTION */ .section { padding: 120px 0; } .section__title { font-size: 36px; line-height: 1.194; margin-bottom: 50px; } /* SECTION */ /* HEADER */ .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0; position: relative; } .header__widget-language { position: relative; cursor: pointer; padding-right: 16px; } .header__widget-language:after { content: ""; display: block; background-image: url("../img/green-arrow.svg"); width: 12px; height: 6px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .header__widget-language.active:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .header__widget-language.active .header-widget__language-list { opacity: 1; z-index: 10; } .header-widget__language-text { font-weight: 500; line-height: 1.166; color: #79B73A; text-transform: uppercase; } .header-widget__language-list { opacity: 0; z-index: -100; -webkit-transition: 0.3s linear opacity; -o-transition: 0.3s linear opacity; transition: 0.3s linear opacity; position: absolute; left: 0; top: 100%; width: 130%; background-color: #F2F8FE; border-radius: 10px; padding: 10px; cursor: auto; margin-left: -10px; } .header-widget__language-item { display: block; cursor: pointer; text-transform: uppercase; margin-bottom: 6px; color: #000; } .header-widget__language-item:last-child { margin-bottom: 0; } .header-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-nav__item { margin-right: 25px; } .header-nav__item:last-child { margin-right: 0; } .header-nav__link { font-size: 16px; line-height: 1.187; color: #000; -webkit-transition: 0.3s linear color; -o-transition: 0.3s linear color; transition: 0.3s linear color; padding: 22px 0; } .header-nav__link.have-children { position: relative; padding-right: 16px; } .header-nav__link.have-children:before { content: ""; display: block; width: 12px; height: 6px; background-image: url("../img/nav-arrow.svg"); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s linear background-image, 0.3s linear transform; -o-transition: 0.3s linear background-image, 0.3s linear transform; transition: 0.3s linear background-image, 0.3s linear transform; } .header-nav__link.have-children:hover:before { background-image: url("../img/nav-green-arrow.svg"); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 45%; } .header-nav__link:hover { color: #79B73A; } .header-nav__link:hover:before { background-image: url("../img/nav-green-arrow.svg"); } .header-nav__link:hover + .header-nav__menu { opacity: 1; z-index: 100; } .header-nav__menu { opacity: 0; z-index: -100; -webkit-transition: 0.3s linear opacity; -o-transition: 0.3s linear opacity; transition: 0.3s linear opacity; position: absolute; left: 0; top: 85%; width: 100%; background-color: #F2F8FE; border-radius: 10px; padding: 30px 40px 40px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 40px 40px; } .header-nav__menu:hover { opacity: 1; z-index: 100; } .header-nav-menu__main-link { display: block; font-size: 16px; color: #000000; margin-bottom: 11px; max-width: 160px; } .header-nav-menu__children-item { margin-bottom: 5px; } .header-nav-menu__children-link { font-size: 16px; line-height: 19px; color: #92A1AF; } .header__burger { width: 30px; height: 22px; position: relative; cursor: pointer; display: none; } .header__burger-item { display: block; width: 100%; height: 2px; background-color: #000; position: absolute; -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .header__burger-item:first-child { top: 0; } .header__burger-item:nth-child(2) { top: 10px; width: 20px; } .header__burger-item:last-child { bottom: 0; } .header__burger.active { z-index: 1010; } .header__burger.active .header__burger-item:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 10px; } .header__burger.active .header__burger-item:nth-child(2) { display: none; } .header__burger.active .header__burger-item:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 10px; } .burger-menu { height: 100%; position: fixed; top: 0; left: 0; background: #F2F8FE; width: 100%; z-index: 1000; padding: 0 25px; overflow: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.4s linear transform; -o-transition: 0.4s linear transform; transition: 0.4s linear transform; } .burger-menu.active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .burger-menu__list { padding: 80px 0; } .burger-menu__top { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .burger-menu__top.active { margin-bottom: 40px; } .burger-menu__top.active .burger-menu__link { margin-left: 15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .burger-menu__top.active .burger-menu__img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .burger-menu__item { margin-bottom: 30px; } .burger-menu__item:last-child { margin-bottom: 0; } .burger-menu__link { display: block; font-size: 16px; color: #000000; margin-right: 15px; } .burger-menu__img { width: 12px; height: 6px; cursor: pointer; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .burger-menu__items { display: none; } .burger-menu__children-item { margin-bottom: 20px; } .burger-menu__children-link { font-size: 16px; color: #92A1AF; } /* HEADER */ /* CUSTOM */ .wrapper-btn--blue { background-color: #BFD5E3; border-radius: 10px; text-align: center; display: inline-block; } .btn--blue { background-color: #0061AD; color: #fff; padding: 17px 26px; border-radius: 10px; font-weight: 500; font-size: 16px; line-height: 1.187; -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .btn--blue:hover { -webkit-transform: translate3d(4px, 4px, 0); transform: translate3d(4px, 4px, 0); } .wrapper-btn--light-blue { background-color: #0061AD; border-radius: 10px; text-align: center; display: inline-block; } .btn--light-blue { background-color: #F2F8FE; color: #000; padding: 17px 26px; border-radius: 10px; font-weight: 500; font-size: 16px; line-height: 1.187; -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .btn--light-blue:hover { -webkit-transform: translate3d(-4px, -4px, 0); transform: translate3d(-4px, -4px, 0); } .stroke--blue { border-bottom: 2px solid rgba(191, 213, 227, 0.7); width: 100%; -webkit-transition: 0.3s linear width; -o-transition: 0.3s linear width; transition: 0.3s linear width; } .btn--learn-more { display: block; width: 90px; height: 90px; background-color: #79B73A; border-radius: 100%; position: relative; } .btn--learn-more img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .btn--circle--blue { width: 43px; height: 40px; border: 2px solid #0061AD; border-radius: 100%; position: relative; } .btn--circle--blue:after { content: ""; display: block; width: 20px; height: 16px; background-image: url("../img/arrow-right-blue.svg"); position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .btn--circle--green__wrapper-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; } .btn--circle--green__text { margin-right: 18px; font-size: 16px; line-height: 1.187; } .btn--circle--green { width: 27px; height: 27px; border: 2px solid #79B73A; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s linear background-color; -o-transition: 0.3s linear background-color; transition: 0.3s linear background-color; } .btn--circle--green svg { -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .btn--circle--green svg path, .btn--circle--green svg line { -webkit-transition: 0.3s linear stroke; -o-transition: 0.3s linear stroke; transition: 0.3s linear stroke; } .btn--circle--green.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .btn--circle--green:hover { background-color: #79B73A; } .btn--circle--green:hover svg path, .btn--circle--green:hover svg line { stroke: #fff; } .group__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .group__wrapper-btn { margin-right: 40px; cursor: pointer; } .group__wrapper-btn:last-child { margin-right: 0; } /* CUSTOM */ /* INTRO */ .intro { margin-top: 70px; } .intro__swiper { padding-bottom: 40px !important; } .intro__slide-right { position: absolute; top: 0; right: 0; z-index: -1; height: 100%; } .intro__slide-right-inner { position: relative; } .intro-slide__navigation-wrapper { position: relative; height: 22px; } .intro-slide__navigation.swiper-pagination { position: absolute !important; left: 22px !important; bottom: 20px !important; } .intro-slide__subtitle { font-size: 24px; line-height: 1.166; margin-bottom: 32px; } .intro-slide__title { max-width: 703px; font-size: 86px; line-height: 110%; margin-bottom: 57px; } .intro-slide__text { max-width: 269px; font-size: 16px; line-height: 130%; color: #888888; margin-bottom: 168px; } .intro-slide__link { position: absolute; left: -45px; bottom: -40px; } .intro-slide__bottom-content { display: none; margin-top: 34px; } /* INTRO */ /* SWIPER */ .swiper-pagination { position: static !important; text-align: left !important; } .swiper-pagination-clickable .swiper-pagination-bullet { width: 9px; height: 9px; background-color: #BFD5E3; opacity: 1; margin: 0 !important; margin-right: 6px !important; } .swiper-pagination-clickable .swiper-pagination-bullet:last-child { margin-right: 0 !important; } .swiper-pagination-bullet-active { width: 35px !important; height: 9px !important; background-color: #0061AD !important; border-radius: 20px !important; } /* SWIPER */ /* OUR-DIRECTIONS */ .our-directions__swiper-slide { margin-top: 0 !important; margin-bottom: 40px; } .our-directions__swiper-slide:hover .stroke--blue { width: 170px; } .our-directions .swiper-grid-column > .swiper-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .our-directions__swiper-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .our-directions__item-info { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .our-directions__item-left { margin-right: 20px; } .our-directions__item-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .our-directions__item-img { border-radius: 10px; } .our-directions__item-title { font-size: 20px; line-height: 1.2; color: #000; } .our-directions__item-link { display: block; width: 50px; height: 50px; background-color: #79B73A; border-radius: 100%; position: relative; } .our-directions__item-link img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .our-directions__slide-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* OUR-DIRECTIONS */ /* ABOUT-COMPANY */ .about-company { position: relative; } .about-company__background { width: 85%; position: absolute; z-index: -1; top: 0; left: 0; height: 373px; background-color: #F2F8FE; border-radius: 0px 40px 40px 0px; } .about-company__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 50px; } .about-company__left { padding-left: 94px; margin-right: 115px; } .about-company__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; height: 100%; } .about-company__img { border-radius: 40px; } .about-company__title { margin-bottom: 10px; } .about-company__text p { line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #92A1AF; } .about-company__text img { display: none; border-radius: 40px; } .about-company__link { display: inline-block; padding: 17px 41px; } .about-company__wrapper-btn { display: none; } .about-company__btn { padding: 17px 10px; } /* ABOUT-COMPANY */ /* WHY-ARE-WE */ .why-are-we { overflow: hidden; position: relative; } .why-are-we__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -33px; margin-bottom: -71px; } .why-are-we__item { padding: 0 33px; width: 50%; margin-bottom: 71px; max-width: 486px; } .why-are-we-item__inner { padding-left: 121px; position: relative; } @-webkit-keyframes animation-name { 0% { background-color: rgba(121, 183, 58, 0.2); } 50% { background-color: rgba(121, 183, 58, 0.4); } 100% { background-color: rgba(121, 183, 58, 0.2); } } @keyframes animation-name { 0% { background-color: rgba(121, 183, 58, 0.2); } 50% { background-color: rgba(121, 183, 58, 0.4); } 100% { background-color: rgba(121, 183, 58, 0.2); } } .why-are-we-item__count { width: 98px; height: 98px; background-color: rgba(121, 183, 58, 0.4); border-radius: 100%; position: absolute; left: 0; -webkit-animation: animation-name 2s ease infinite; animation: animation-name 2s ease infinite; } .why-are-we-item__count:before { content: ""; display: block; width: 74px; height: 74px; background-color: #79B73A; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .why-are-we-item__count-text { font-weight: 600; font-size: 36px; line-height: 140%; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .why-are-we-item__title { font-size: 24px; line-height: 140%; margin-bottom: 5px; } .why-are-we-item__text { font-size: 16px; line-height: 140%; color: #888888; } .why-are-we__big-circle { width: 453px; height: 453px; background-color: #BFD5E3; border-radius: 100%; position: absolute; right: 75px; bottom: 42px; } .why-are-we__small-circle { width: 61px; height: 61px; background-color: #0061AD; border-radius: 100%; position: absolute; right: 50px; bottom: 211px; } .why-are-we__background { position: absolute; z-index: -1; right: 84px; width: 632px; height: 495px; bottom: 0; } .why-are-we__background-item { position: absolute; bottom: 0; z-index: 100; width: 632px; height: 421px; background-image: url("../img/why-are-we/background.png"); } /* WHY-ARE-WE */ /* STAGES-WORK */ .stages-work { position: relative; } .stages-work__background { width: 85%; height: 100%; background-color: #F2F8FE; position: absolute; z-index: -1; top: 0; right: 0; border-radius: 40px 0px 0px 40px; } .stages-work__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stages-work__tab { min-height: 500px; width: 18.2%; } .stages-work__tab-minor, .stages-work__tab-main { height: 100%; } .stages-work__tab-minor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #FFFFFF; border-width: 2px 2px 2px 0px; border-style: solid; border-color: #B6B6B6; border-radius: 10px; padding: 40px 9px 40px 24px; } .stages-work__tab:first-child .stages-work__tab-minor { border-width: 2px 2px 2px 2px; } .stages-work__tab-main { display: none; } .stages-work__tab.active { width: 45.4%; cursor: auto; } .stages-work__tab.active .stages-work__tab-minor { display: none; } .stages-work__tab.active .stages-work__tab-main { display: block; padding: 40px 26px; background: #0061AD; border-radius: 10px; } .stages-work__tab.active .stages-work-tab__count { font-weight: 500; font-size: 32px; line-height: 1.187; color: #fff; } .stages-work__tab.active .stages-work-tab__title { font-weight: 500; font-size: 22px; line-height: 140%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; margin-bottom: 15px; } .stages-work__tab.active .stages-work-tab__img { max-width: 100%; margin-bottom: 28px; } .stages-work__tab.active .stages-work-tab__text p { color: #fff; } .stages-work-tab__title { color: #707070; margin-bottom: 26px; } .stages-work-tab__text { font-size: 16px; line-height: 130%; color: #B6B6B6; word-break: break-word; } .stages-work-tab__count { font-weight: 500; font-size: 28px; line-height: 1.178; color: #B6B6B6; margin-bottom: 15px; } /* STAGES-WORK */ /* REVIEWS */ .reviews__wrapper { position: relative; } .reviews__left { max-width: 685px; } .reviews__title { margin-bottom: 40px; } .reviews__slide-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } .reviews-slide__left-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .reviews-slide__text { line-height: 130%; margin-bottom: 60px; } .reviews-slide__text span:last-child { display: none; } .reviews-slide__text a { color: #888888; } .reviews-slide__mark { margin-left: -8px; margin-right: 24px; } .reviews-slide__fio { font-size: 20px; line-height: 140%; margin-bottom: 8px; } .reviews-slide__date { font-size: 16px; line-height: 140%; color: #888888; } .reviews__background { position: absolute; top: 0; right: 191px; } .reviews__background img { border-radius: 40px; } /* REVIEWS */ /* CONTACTS */ .write-us { padding: 0; position: relative; } .write-us__background { width: 46%; position: absolute; z-index: -1; top: 98px; left: 0; height: 528px; background-color: #F2F8FE; border-radius: 0px 40px 40px 0px; } .write-us__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .write-us__left { width: 514px; height: 581px; margin-right: 165px; margin-left: 100px; } .write-us__right { padding-top: 120px; max-width: 360px; } .write-us__title { margin-bottom: 10px; } .write-us__text { line-height: 140%; color: #888888; margin-bottom: 20px; } .write-us__form-textarea { height: 120px; resize: none; } .write-us__form-input, .write-us__form-textarea { display: block; width: 100%; background: #fff; border: 1px solid #000; border-radius: 10px; padding: 14px 20px; margin-bottom: 15px; } .write-us__form-input::-webkit-input-placeholder, .write-us__form-textarea::-webkit-input-placeholder { font-size: 16px; line-height: 1.187; color: #888888; } .write-us__form-input::-moz-placeholder, .write-us__form-textarea::-moz-placeholder { font-size: 16px; line-height: 1.187; color: #888888; } .write-us__form-input:-ms-input-placeholder, .write-us__form-textarea:-ms-input-placeholder { font-size: 16px; line-height: 1.187; color: #888888; } .write-us__form-input::-ms-input-placeholder, .write-us__form-textarea::-ms-input-placeholder { font-size: 16px; line-height: 1.187; color: #888888; } .write-us__form-input::placeholder, .write-us__form-textarea::placeholder { font-size: 16px; line-height: 1.187; color: #888888; } .write-us__wrapper-btn { margin-top: 30px; margin-bottom: 4px; } .write-us__form-btn { padding: 17px 46px; text-align: center; cursor: pointer; } .write-us__background-img { position: relative; } .write-us__small-circle { width: 74px; height: 74px; background-color: #79B73A; border-radius: 100%; position: absolute; left: 15px; top: 134px; } /* CONTACTS */ /* BLOG */ .blog__slide-navigation { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog-single { padding-bottom: 120px; } .blog-single__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; margin-bottom: -40px; } .blog-single__item { width: 50%; padding: 0 10px; margin-bottom: 40px; } .blog-slide__img, .blog-single__img { position: relative; margin-bottom: 44px; } .blog-slide__img img, .blog-single__img img { width: 100%; } .blog-slide__title, .blog-single__title { display: block; color: #000; font-size: 20px; margin-bottom: 10px; } .blog-slide__bottom-row, .blog-single__bottom-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-slide__date, .blog-single__date { display: inline-block; background-color: #79B73A; border-radius: 10px; padding: 11px 15px; position: absolute; bottom: -20px; left: 30px; font-size: 16px; line-height: 1.187; color: #fff; } .blog-slide__text, .blog-single__text { max-width: 285px; font-size: 16px; line-height: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #888888; } .blog-slide__link, .blog-single__link { width: 53px; height: 53px; border: 1px solid #79B73A; border-radius: 100%; position: relative; } .blog-slide__link:before, .blog-single__link:before { content: ""; display: block; width: 21px; height: 19px; background-image: url("../img/arrow-right-grey.svg"); position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } /* BLOG */ /* FOOTER */ .footer { background-color: #003763; } .footer__top { padding: 56px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__info { width: 77.6%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__social { width: 15%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__phone, .footer__email { -webkit-transition: 0.3s linear color; -o-transition: 0.3s linear color; transition: 0.3s linear color; } .footer__phone:hover h5, .footer__email:hover h5 { color: #fff; } .footer__location, .footer__phone, .footer__email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__location-text, .footer__phone-text, .footer__email-text { font-size: 16px; line-height: 1.187; color: #F2F8FE; -webkit-transition: 0.3s linear color; -o-transition: 0.3s linear color; transition: 0.3s linear color; } .footer__location-icon, .footer__phone-icon, .footer__email-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__location { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .footer__location-icon { margin-right: 24px; } .footer__phone-icon { margin-right: 19px; } .footer__email-icon { margin-right: 17px; } .footer__stroke { border-bottom: 2px solid #3A638B; } .footer__bottom { 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; padding: 18px 0; } .footer__copyright { font-size: 16px; line-height: 1.187; color: #F2F8FE; } .footer__developed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__developed-text { font-size: 16px; line-height: 130%; color: #F2F8FE; margin-right: 11px; } .footer__center { padding: 56px 0; display: -ms-grid; display: grid; -ms-grid-columns: 67.1% 22.9%; grid-template-columns: 67.1% 22.9%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__nav { display: -ms-grid; display: grid; -ms-grid-columns: 19.1% 66.6%; grid-template-columns: 19.1% 66.6%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-nav-item__title { font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 30px; } .footer-nav-item__list-columns { display: -ms-grid; display: grid; -ms-grid-columns: 40.9% 45.5%; grid-template-columns: 40.9% 45.5%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-nav-item__list-item { margin-bottom: 10px; } .footer-nav-item__list-link { font-size: 16px; line-height: 1.187; color: #F2F8FE; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .footer-nav-item__list-link:hover { color: #fff; } .footer-opening-hours__title { font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 30px; } .footer-opening-hours__list-item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0.77fr; grid-template-columns: 1fr 0.77fr; margin-bottom: 10px; } .footer-opening-hours__item-day, .footer-opening-hours__item-hours { font-size: 16px; line-height: 1.187; color: #F2F8FE; } /* FOOTER */ /*	BREADCRUMBS */ .breadcrumbs__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 0 60px; color: #B6B6B6; } .breadcrumbs__link, .breadcrumbs__delimiter, .breadcrumbs__current { font-size: 16px; line-height: 1.187; color: #B6B6B6; } .breadcrumbs__delimiter { margin: 0 6px; } /*	BREADCRUMBS */ .medical-info { padding: 0 0 50px 0; } .medical-info-single { padding-bottom: 120px; } .medical-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medical-info__info { max-width: 645px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medical-info__title { margin-bottom: 35px; } .medical-info__text { /* LISHN */ color: #888888; /* LISHN */ } .medical-info__text p { line-height: 120%; color: #888888; } .medical-info__text ul { padding-left: 20px; } .medical-info__text ul li { list-style: disc; margin-bottom: 5px; } .medical-info__text ul li:last-child { margin-bottom: 0; } .medical-info__img { border-radius: 10px; height: 100%; } /* HAIR-TRANSPLANTATION-ITEM */ .medical-items { padding: 120px 0; } .medical-item { margin-bottom: 120px; } .medical-item:last-child { margin-bottom: 0; } .medical-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medical-item__info { max-width: 645px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medical-item__title { margin-bottom: 35px; } .medical-item__text { color: #888; } .medical-item__text p { line-height: 120%; color: #888888; } .medical-item__text ul { padding-left: 20px; } .medical-item__text ul li { list-style: disc; margin-bottom: 5px; } .medical-item__text ul li:last-child { margin-bottom: 0; } .medical-item__img { border-radius: 10px; height: 100%; } .medical-item__btns { margin-top: 20px; } /* HAIR-TRANSPLANTATION-ITEM */ /* HAIR-TRANSPLANTATION-INFO */ .medical-info-haracteristics { padding: 50px 0; position: relative; } .medical-info-haracteristics__background { width: 1522px; height: 100%; background-color: #F2F8FE; position: absolute; z-index: -1; top: 0; left: 0; border-radius: 0px 40px 40px 0px; } .medical-info-haracteristics__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medical-info-haracteristics__texts { max-width: 550px; padding-right: 97px; } .medical-info-haracteristics__img { margin-bottom: 43px; border-radius: 10px; } .medical-info-haracteristics__img:last-child { margin-bottom: 0; } .medical-info-haracteristics__text-item { margin-bottom: 35px; } .medical-info-haracteristics__text-item:last-child { margin-bottom: 0; } .medical-info-haracteristics__text-title { font-size: 20px; margin-bottom: 20px; } .medical-info-haracteristics__text-paragraph { color: #92A1AF; } /* HAIR-TRANSPLANTATION-INFO */ /* MEDICAL-STEPS */ .medical-steps { padding-top: 50px; } .medical-steps__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; margin-bottom: 30px; } .medical-steps__item { width: 33.3333%; padding: 0 10px; overflow: hidden; } .medical-steps__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .medical-steps__item-text { -webkit-transition: 0.3s linear max-height; -o-transition: 0.3s linear max-height; transition: 0.3s linear max-height; color: #888888; } .medical-steps__item-count { font-weight: 600; font-size: 36px; line-height: 1.194; color: #79B73A; margin-right: 25px; } .medical-steps__item-title { font-size: 20px; } /* MEDICAL-STEPS */ /* TAB-SECTION */ .tab-section__tabs-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .tab-section__tabs-navigation-green { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab-section__tabs-navigation + .tab-section__tabs-content .tab-section__children-tabs { padding-top: 35px !important; } .tab-section__tabs-navigation-green + .tab-section__tabs-content .tab-section__children-tabs { padding-top: 55px !important; } .tab-section-tabs__btn { background: #F2F8FE; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #BFD5E3; border-radius: 10px 10px 0px 0px; padding: 14px 13px 14px 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tab-section-tabs__btn:first-child { border-width: 1px 1px 1px 1px; } .tab-section-tabs__btn:hover .tab-section-tabs-btn__text { color: #484848; } .tab-section-tabs-btn__text { font-weight: 400; font-size: 16px; line-height: 1.197; color: #888888; margin-right: 11px; -webkit-transition: 0.3s linear color; -o-transition: 0.3s linear color; transition: 0.3s linear color; } .tab-section-tabs__btn-green { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 24px 10px; } .tab-section-tabs__btn-green.active { border-bottom: 3px solid #79B73A; } .tab-section-tabs__btn-green.active .tab-section-tabs-btn__text-green { color: #000; } .tab-section-tabs-btn__text-green { font-size: 20px; line-height: 24px; color: #888888; } .tab-section-tab__background { position: absolute; left: 0; z-index: -1; width: 1522px; height: 72px; background: #F2F8FE; border-radius: 0px 0px 10px 0px; } .tab-section-tab__title { display: inline-block; font-size: 36px; line-height: 1.194; padding: 15px 0; position: relative; } .tab-section__children-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tab-section-children__wrapper-tabs-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-right: 40px; } .tab-section-children__wrapper-tabs-navigation + .tab-section-children__tabs-content { max-width: 741px; } .tab-section-children__wrapper-tabs-navigation + .tab-section-children__tabs-content .tab-section-children-tab__info { margin-right: 20px; } .tab-section-children__tabs-navigation { margin-bottom: 20px; } .tab-section-children__tab { display: none; } .tab-section-children__tab:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tab-section-children-tab__wrapper-btn { margin-right: 134px; } .tab-section-children-tab__text { color: #888888; margin-bottom: 20px; } .tab-section-children-tab__text p { color: #888888; } .tab-section-children-tab__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 118px; } .tab-section-children-tab__text + .tab-section-children-tab__wrapper-link { margin-bottom: 13px; } .tab-section-children-tab__img { border-radius: 10px; -o-object-fit: cover; object-fit: cover; height: 100%; } .tab-section-children-tabs__btn { font-size: 18px; line-height: 120%; display: block; font-weight: 500; color: #888888; margin-bottom: 15px; text-align: left; padding-right: 19px; position: relative; -webkit-transition: 0.3s linear color; -o-transition: 0.3s linear color; transition: 0.3s linear color; } .tab-section-children-tabs__btn:hover { color: #484848; } .tab-section-children-tabs__btn:after { content: ""; display: block; width: 9px; height: 12px; background-image: url("../img/green-arrow-right.vg.svg"); position: absolute; top: 5px; right: 0; } .tab-section-children-tabs__btn.active { color: #79B73A; } .tab-section-children-tabs__btn:last-child { margin-bottom: 0; } /* TAB-SECTION */ .directions-item { padding-top: 120px; } .directions-item:first-child { padding-top: 0; } .directions-item:last-child { padding-bottom: 120px; } /* PLASTIC-SURGERY */ .plastic-surgery__title { margin-bottom: 35px; } .plastic-surgery__tab { display: none; } .plastic-surgery__tab:first-child { display: block; } .plastic-surgery-dir__item { padding-bottom: 120px; } .plastic-surgery-dir__item:last-child { padding-bottom: 0; } /* PLASTIC-SURGERY */ /* HAIR-TRANSPLANTATION */ .hair-transplantation__title { margin-bottom: 35px; } .hair-transplantation__tab { display: none; } .hair-transplantation__tab:first-child { display: block; } /* HAIR-TRANSPLANTATION */ /* BARIATRICS */ .bariatrics__title { margin-bottom: 35px; } .bariatrics__tab { display: none; } .bariatrics__tab:first-child { display: block; } /* BARIATRICS */ /* DENTISTRY */ .dentistry__title { margin-bottom: 35px; } .dentistry__tab { display: none; } .dentistry__tab:first-child { display: block; } /* DENTISTRY */ /* REPRODUCTIVE-MEDICINE */ .reproductive-medicine__title { margin-bottom: 35px; } .reproductive-medicine__tab { display: none; } .reproductive-medicine__tab:first-child { display: block; } /* REPRODUCTIVE-MEDICINE */ /* ORGAN-TRASPLANTATION */ .organ-trasplantation__title { margin-bottom: 35px; } .organ-trasplantation__tab { display: none; } .organ-trasplantation__tab:first-child { display: block; } /* ORGAN-TRASPLANTATION */ /* ONCOLOGY */ .oncology__title { margin-bottom: 35px; } .oncology__tab { display: none; } .oncology__tab:first-child { display: block; } /* ONCOLOGY */ /* ORTHOPEDICS */ .orthopedics__title { margin-bottom: 35px; } .orthopedics__tab { display: none; } .orthopedics__tab:first-child { display: block; } /* ORTHOPEDICS */ /* LASER-VISION-CORRECTION */ .laser-vision-correction__title { margin-bottom: 35px; } .laser-vision-correction__tab { display: none; } .laser-vision-correction__tab:first-child { display: block; } /* LASER-VISION-CORRECTION */ /* PARTNER-CLINICS */ .partner-clinics__slide-navigation { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .partner-clinics__item-img { max-width: 100%; width: 100%; margin-bottom: 30px; } .partner-clinics__item-title { font-size: 20px; margin-bottom: 15px; } .partner-clinics__item-text { font-size: 16px; color: #888888; } /* PARTNER-CLINICS */ /* services-prices-2 */ .services-prices-2 { padding-bottom: 120px; } .services-prices-2__item { padding-left: 25px; } .services-prices-2__item:first-child .services-prices-2-item__header { border-radius: 10px 10px 0px 0px; } .services-prices-2__item:last-child .services-prices-2-item__elems { border-bottom: 2px solid #0061AD; } .services-prices-2-item__header { background: #0061AD; padding: 26px 0; padding-left: 66px; position: relative; } .services-prices-2-item__count { width: 49px; height: 49px; background-color: #79B73A; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: -25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .services-prices-2-item__count, .services-prices-2-item__title { font-weight: 600; font-size: 20px; color: #fff; } .services-prices-2-item__elems { border-left: 2px solid #0061AD; border-right: 2px solid #0061AD; padding: 36px 126px 36px 66px; } .services-prices-2-item__elem { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); margin-bottom: 25px; } .services-prices-2-item__elem:last-child { margin-bottom: 0; } .services-prices-2-item__elem-title { max-width: 273px; margin-right: 40px; } .services-prices-2-item__elem-subtitle { font-weight: 500; color: #79B73A; -ms-grid-column-align: end; justify-self: end; } /* services-prices-2 */ /* CONTACTS-INFO */ .contacts-info { position: relative; } .contacts-info__background { position: absolute; z-index: -1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 90%; height: 90%; background-color: #F2F8FE; border-radius: 0px 40px 40px 0px; } .contacts-info__inner { display: -ms-grid; display: grid; -ms-grid-columns: 23.6% 32.5% 23.9%; grid-template-columns: 23.6% 32.5% 23.9%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts-info__center { border-radius: 10px; overflow: hidden; } .contacts-info__center iframe { width: 100%; } .contacts-info__right { -ms-grid-column-align: end; justify-self: end; } .contacts-info__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 0 0; } .contacts-info__social-item { width: 43px; height: 43px; background: rgba(0, 97, 173, 0.4); border-radius: 100%; position: relative; -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .contacts-info__social-item:before { content: ""; display: block; width: 33px; height: 33px; background-color: #0061AD; border-radius: 100%; position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .contacts-info__social-item svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 20; } .contacts-info__social-item:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .contacts-info__location, .contacts-info__phone, .contacts-info__email { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 10px; } .contacts-info__location-text, .contacts-info__phone-text, .contacts-info__email-text { font-size: 16px; line-height: 1.187; } .contacts-info__phone-text, .contacts-info__email-text { color: #000; } .contacts-info__location, .contacts-info__email { position: relative; } .contacts-info__location:before, .contacts-info__location:after, .contacts-info__email:before, .contacts-info__email:after { content: ""; display: block; width: 100%; height: 1px; background-color: #BFD5E3; position: absolute; left: 0; } .contacts-info__location:before, .contacts-info__email:before { top: 0; } .contacts-info__location:after, .contacts-info__email:after { bottom: 0; } .contacts-info__location-icon { margin-right: 25px; } .contacts-info__location-text { max-width: 170px; } .contacts-info__phone-icon { margin-right: 22px; } .contacts-info__email-icon { margin-right: 24px; } .contacts-info-hours__title { font-size: 24px; line-height: 1.166; margin-bottom: 30px; } .contacts-info-hours__list-item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; margin-bottom: 10px; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .contacts-info-hours__item-day, .contacts-info-hours__item-hours { font-size: 16px; line-height: 1.187; color: #92A1AF; } /* CONTACTS-INFO */ /* CONTACTS-FEEDBACK */ .contacts-feedback { position: relative; } .contacts-feedback__background { position: absolute; z-index: -1; bottom: 0; right: 0; width: 90%; height: 382px; background-color: #F2F8FE; border-radius: 40px 0 0 40px; } .contacts-feedback__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts-feedback__left { width: 540px; height: 378px; margin-right: 115px; position: relative; } .contacts-feedback__right { max-width: 455px; background-color: #0061AD; padding: 50px 50px 50px 45px; border-radius: 10px; } .contacts-feedback__img { max-width: 100%; border-radius: 10px; position: absolute; left: -80px; } .contacts-feedback__title { font-weight: 600; font-size: 24px; line-height: 1.166; color: #fff; margin-bottom: 15px; } .contacts-feedback__text { color: #F2F8FE; margin-bottom: 30px; } .contacts-feedback-form__input, .contacts-feedback-form__textarea, .contacts-feedback-form__submit { display: block; } .contacts-feedback-form__input, .contacts-feedback-form__textarea { width: 100%; background-color: #fff; border-radius: 10px; margin-bottom: 15px; padding: 13px 20px; font-size: 16px; line-height: 1.187; } .contacts-feedback-form__input::-webkit-input-placeholder, .contacts-feedback-form__textarea::-webkit-input-placeholder { color: #888888; } .contacts-feedback-form__input::-moz-placeholder, .contacts-feedback-form__textarea::-moz-placeholder { color: #888888; } .contacts-feedback-form__input:-ms-input-placeholder, .contacts-feedback-form__textarea:-ms-input-placeholder { color: #888888; } .contacts-feedback-form__input::-ms-input-placeholder, .contacts-feedback-form__textarea::-ms-input-placeholder { color: #888888; } .contacts-feedback-form__input::placeholder, .contacts-feedback-form__textarea::placeholder { color: #888888; } .contacts-feedback-form__input { height: 47px; } .contacts-feedback-form__textarea { height: 120px; } .contacts-feedback-form__wrapper-btn { margin-top: 40px; } .contacts-feedback-form__btn { padding: 17px 47px; cursor: pointer; } /* CONTACTS-FEEDBACK */ /* ABOUT-US-COMPANY */ .about-us-company { position: relative; overflow: hidden; } .about-us-company__background { width: 60%; position: absolute; z-index: -1; top: 0; left: 0; height: 373px; background-color: #F2F8FE; border-radius: 0px 40px 40px 0px; } .about-us-company__inner { padding-top: 40px; } .about-us-company__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .about-us-company__top-left { max-width: 683px; margin-right: 58px; } .about-us-company__top-right { max-width: 437px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-us-company__title { margin-bottom: 35px; } .about-us-company__text { color: #515151; } .about-us-company__img { border-radius: 10px; max-width: 100%; } /* ABOUT-US-COMPANY */ /* ABOUT-US-CONNECTION */ .about-us-connection__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-us-connection__left { max-width: 550px; margin-right: 30px; } .about-us-connection__right { max-width: 455px; } .about-us-connection__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; margin-bottom: -20px; } .about-us-connection__title { margin-bottom: 35px; } .about-us-connection__text p { color: #515151; } .about-us-connection__item-first { width: 50%; padding: 0 10px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-us-connection__item { width: 50%; padding: 0 10px; margin-bottom: 20px; } .about-us-connection-item-first__inner { width: 191px; height: 191px; border: 2px solid #79B73A; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-us-connection-item-first__text { max-width: 147px; text-align: center; font-size: 16px; color: #515151; } .about-us-connection-item__inner { padding: 57px 42px 68px; text-align: center; background: #0061AD; border-radius: 10px; } .about-us-connection-item__count { font-size: 72px; color: #fff; margin-bottom: 10px; } .about-us-connection-item__subtitle { max-width: 180px; margin: 0 auto; color: #fff; } /* ABOUT-US-COMFORT */ /* */ .about-us-comfort { position: relative; } .about-us-comfort__background { position: absolute; left: 0; z-index: -1; width: 1522px; height: 72px; background: #F2F8FE; border-radius: 0px 10px 10px 0px; } .about-us-comfort__title { padding: 14px 0; } .about-us-comfort__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; margin-bottom: -20px; } .about-us-comfort__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; width: 50%; position: relative; padding: 0 10px; } .about-us-comfort-item__left { padding-left: 78px; background: #0061AD; border-radius: 10px 0px 0px 10px; margin-left: 41px; } .about-us-comfort-item__right { border: 2px solid #0061AD; border-left: none; border-radius: 0 10px 10px 0; padding: 30px 43px; width: 100%; } .about-us-comfort-item__count { width: 81px; height: 81px; background-color: #79B73A; border-radius: 100%; 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; font-weight: 600; font-size: 32px; line-height: 1.187; color: #fff; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .about-us-comfort-item__text { color: #515151; } /* ABOUT-US-COMFORT */ /* ABOUT-US-FEEDBACK */ .about-us-feedback { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px 0; } .about-us-feedback__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .about-us-feedback__left { width: 540px; height: 378px; margin-right: 115px; position: relative; } .about-us-feedback__right { max-width: 455px; background-color: #F2F8FE; padding: 50px 50px 50px 45px; border-radius: 10px; } .about-us-feedback__img { max-width: 100%; border-radius: 10px; position: absolute; left: -80px; } .about-us-feedback__title { font-weight: 600; font-size: 24px; line-height: 1.166; color: #000; margin-bottom: 15px; } .about-us-feedback__text { color: #F2F8FE; margin-bottom: 30px; color: #000; } .about-us-feedback-form__input, .about-us-feedback-form__textarea, .about-us-feedback-form__submit { display: block; } .about-us-feedback-form__input, .about-us-feedback-form__textarea { width: 100%; background-color: #fff; border-radius: 10px; margin-bottom: 15px; padding: 13px 20px; font-size: 16px; line-height: 1.187; border: 1px solid #888888; } .about-us-feedback-form__input::-webkit-input-placeholder, .about-us-feedback-form__textarea::-webkit-input-placeholder { color: #888888; } .about-us-feedback-form__input::-moz-placeholder, .about-us-feedback-form__textarea::-moz-placeholder { color: #888888; } .about-us-feedback-form__input:-ms-input-placeholder, .about-us-feedback-form__textarea:-ms-input-placeholder { color: #888888; } .about-us-feedback-form__input::-ms-input-placeholder, .about-us-feedback-form__textarea::-ms-input-placeholder { color: #888888; } .about-us-feedback-form__input::placeholder, .about-us-feedback-form__textarea::placeholder { color: #888888; } .about-us-feedback-form__input { height: 47px; } .about-us-feedback-form__textarea { height: 120px; resize: none; } .about-us-feedback-form__wrapper-btn { margin-top: 40px; } .about-us-feedback-form__btn { padding: 17px 47px; cursor: pointer; } /* ABOUT-US-FEEDBACK */ /* SERVICES-PRICES */ .services-prices { padding: 0 0 120px 0; } .services-prices__item { position: relative; overflow: hidden; } .services-prices__item:last-child .services-prices-item__header { border-bottom: 2px solid #BFD5E3; } .services-prices__item:last-child .services-prices-item__elems.active { border-top: none; border-bottom: 2px solid #BFD5E3; } .services-prices-item__header { 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; padding: 31px 96px; border-top: 2px solid #BFD5E3; } .services-prices-item__elems { max-height: 0; padding: 0; background-color: #F2F8FE; -webkit-transition: 0.3s linear max-height; -o-transition: 0.3s linear max-height; transition: 0.3s linear max-height; } .services-prices-item__elems.active { border-top: 2px solid #BFD5E3; } .services-prices-item__elems-inner { padding: 33px 96px; } .services-prices-item__title { font-size: 20px; } .services-prices-item__elem { max-width: 708px; 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; margin-bottom: 20px; } .services-prices-item__elem:last-child { margin-bottom: 0; } .services-prices-item__elem-title { max-width: 273px; color: #92A1AF; margin-right: 30px; } /* SERVICES-PRICES */ /* MODAL */ .modal { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 1000; overflow-y: auto; overflow-x: hidden; visibility: hidden; opacity: 0; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .modal--active { visibility: visible; opacity: 1; } .modal__area { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .modal__wrapper { min-height: 100%; 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; padding: 30px 15px; } .modal__content { position: relative; max-width: 455px; background-color: #0061AD; padding: 50px 50px 50px 45px; border-radius: 10px; } .modal__close { width: 48px; height: 48px; border-radius: 100%; background-color: #fff; -webkit-filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.16)); filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.16)); position: absolute; right: -24px; top: -24px; cursor: pointer; -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .modal__close:hover { -webkit-transform: scale(1.11) rotate(360deg); -ms-transform: scale(1.11) rotate(360deg); transform: scale(1.11) rotate(360deg); } .modal__close:after, .modal__close:before { content: ""; display: block; width: 15px; height: 2px; background-color: #000; position: absolute; top: 50%; left: 50%; } .modal__close:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .modal__close:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(135deg); transform: translate3d(-50%, -50%, 0) rotate(135deg); } .modal__info { margin-bottom: 16px; } .modal__title { font-weight: 600; font-size: 24px; line-height: 1.166; color: #fff; margin-bottom: 15px; } .modal__text { color: #F2F8FE; margin-bottom: 30px; } .modal__error-message, .modal__recaptcha-error { font-size: 14px; line-height: 19px; color: #999; margin-top: 16px; } .modal__alert { max-width: 250px; position: fixed; z-index: 300; top: 70px; right: 16px; padding: 10px; background-color: #350268; display: none; } .modal-alert__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 14px; line-height: 1.357; } .form__input, .form__textarea, .form__submit { display: block; } .form__input, .form__textarea { width: 100%; background-color: #fff; border-radius: 10px; margin-bottom: 15px; padding: 13px 20px; font-size: 16px; line-height: 1.187; } .form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder { color: #888888; } .form__input::-moz-placeholder, .form__textarea::-moz-placeholder { color: #888888; } .form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder { color: #888888; } .form__input::-ms-input-placeholder, .form__textarea::-ms-input-placeholder { color: #888888; } .form__input::placeholder, .form__textarea::placeholder { color: #888888; } .form__input { height: 47px; } .form__textarea { height: 120px; } .form__wrapper-btn { margin-top: 40px; } .form__btn { padding: 17px 47px; cursor: pointer; } /* MODAL */ /* CLINICS */ .clinics, .useful-information { padding-bottom: 120px; } .clinics__items, .useful-information__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; margin-bottom: -40px; } .clinics__item, .useful-information__item { width: 50%; padding: 0 10px; margin-bottom: 40px; } .clinics-item__img, .useful-information-item__img { max-width: 100%; width: 100%; margin-bottom: 30px; } .clinics-item__title, .useful-information-item__title { font-size: 20px; margin-bottom: 15px; } .clinics-item__text, .useful-information-item__text { font-size: 16px; color: #888888; } /* CLINICS */ /* USEFUL-INFORMATION */ .useful-information-item__title { color: #000; } /* USEFUL-INFORMATION */ /* FORM-ALERT */ .form-alert { background-color: #0061C5; position: fixed; left: 0; z-index: 100; width: 100%; padding: 20px 0; top: 0; -webkit-transform: translateY(-101%); -ms-transform: translateY(-101%); transform: translateY(-101%); opacity: 0; -webkit-transition: 0.3s linear opacity, 0.3s linear transform; -o-transition: 0.3s linear opacity, 0.3s linear transform; transition: 0.3s linear opacity, 0.3s linear transform; } .form-alert.active { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .form-alert__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-alert__text { margin-right: 15px; color: #fff; } .form-alert__close { width: 15px; height: 15px; position: relative; cursor: pointer; -webkit-transition: 0.3s linear transform; -o-transition: 0.3s linear transform; transition: 0.3s linear transform; } .form-alert__close:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .form-alert__close:before, .form-alert__close:after { content: ""; display: block; width: 15px; height: 2px; position: absolute; background-color: #fff; } .form-alert__close:before { top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .form-alert__close:after { top: 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* FORM-ALERT */ .blog-item { padding-bottom: 120px; } .blog-item__img { max-width: 100%; margin-bottom: 30px; } .blog-item img { max-width: 100%; height: auto; } .blog-item__text { color: #888; } .blog-item__text ul { padding-left: 20px; } .blog-item__text ul li { list-style: disc; margin-bottom: 5px; } .blog-item__text ul li:last-child { margin-bottom: 0; } .results__swiper-slide img { width: 100%; } .results__slide-navigation { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1920px) { .medical-info-haracteristics__background { width: 79.5%; } .tab-section-tab__background { width: 79.5%; } .about-us-comfort__background { width: 79.5%; } } @media (max-width: 1800px) { .about-company__background { width: 100%; } .why-are-we__big-circle { display: none; } .why-are-we__small-circle { display: none; } .why-are-we__background-item { display: none; } .why-are-we__item { max-width: none; } .stages-work__background { width: 100%; } .reviews__background { display: none; } .reviews__left { max-width: none; } .reviews__slide-navigation { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .medical-info-haracteristics__background { width: 100%; } .medical-info-haracteristics__texts { padding-right: 0; } .tab-section-tab__background { width: 100%; } .about-us-comfort__background { width: 100%; border-radius: 0; } } @media (max-width: 1700px) { .intro-slide__navigation-wrapper { position: relative; z-index: 10; height: 0; margin-top: 30px; } .intro-slide__navigation.swiper-pagination { position: static !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .contacts-info__background { width: 100%; } .contacts-feedback__background { width: 100%; } } @media (max-width: 1600px) { .about-us-company__background { width: 100%; } } @media (max-width: 1300px) { .intro__slide-left { position: absolute; z-index: 1; top: 45%; -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); padding-left: 20px; } .intro__slide-right { margin-left: 22px; position: static; } .intro-slide__link { left: -2px; } .intro-slide__title { font-size: 60px; margin-bottom: 32px; } .intro-slide__text { margin-bottom: 0; } .intro-slide__img { width: 100%; } .contacts-feedback__left { width: auto; height: auto; margin-right: 0; } .contacts-feedback__left { width: 60%; margin-right: 30px; } .contacts-feedback__right { width: 40%; } .contacts-feedback__img { position: static; } } @media (max-width: 1200px) { .header__nav { display: none; } .header__wrapper-btn { display: block; } .header__burger { display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .about-company__left { padding: 0; margin-right: 50px; } .why-are-we__background { left: 0; height: 100%; right: 0; width: auto; } .why-are-we__big-circle { display: block; width: 504px; height: 504px; background-color: #F2F8FE; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -252px; } .write-us__left { margin-right: 30px; } .write-us__background-img img { max-width: 100%; } .about-us-company__inner { padding-bottom: 54px; padding-top: 0; } .about-us-company__background { width: 556px; height: 556px; border-radius: 100%; top: auto; bottom: 0; left: -190px; } } @media (max-width: 1150px) { .medical-info-haracteristics__texts { margin-left: 20px; } } @media (max-width: 1100px) { .stages-work__tab { width: 50%; } .stages-work__tab.active { width: 50%; } .stages-work__tab:nth-child(3) .stages-work__tab-minor { border-width: 2px 2px 2px 2px; } .footer__top { display: block; } .footer__info { width: 100%; margin-bottom: 25px; } .footer__center { -ms-grid-columns: 67.1% 26.9%; grid-template-columns: 67.1% 26.9%; } .medical-info__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .medical-info__info { margin-right: 40px; } .medical-item__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .medical-item--content-left .medical-item__info { margin-right: 40px; } .medical-item--content-right .medical-item__img { margin-right: 40px; } .tab-section-children__wrapper-tabs-navigation + .tab-section-children__tabs-content { max-width: 650px; } .tab-section-children-tab__info { margin-right: 20px; } .contacts-info__inner { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .contacts-info__center iframe { height: 340px; } .about-us-connection__items { display: block; } .about-us-connection__right { max-width: 600px; } .about-us-connection__item-first { display: none; } .about-us-connection__item { width: 100%; } } @media (max-width: 992px) { .intro-slide__title { font-size: 45px; } .intro-slide__subtitle { margin-bottom: 20px; } .about-company__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-company__left, .about-company__right { width: 100%; } .about-company__left { margin-right: 20px; } .about-company__img { display: none; } .about-company__text img { display: block; max-width: 100%; margin-bottom: 20px; } .about-company__wrapper-link { display: none; } .about-company__wrapper-btn { display: block; } .about-company__wrapper-btn { margin-top: 30px; } .write-us__left { margin-left: 0; } .write-us__right { padding-top: 100px; } .footer__center { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .footer__nav { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); margin-bottom: 35px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .footer-nav-item__list { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .footer-nav-item__list-column { display: -ms-grid; display: grid; -ms-grid-columns: 40.9% 45.5%; grid-template-columns: 40.9% 45.5%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__opening-hours { width: 46%; } .medical-info-haracteristics__inner { display: block; } .medical-info-haracteristics__imgs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; margin-bottom: 30px; } .medical-info-haracteristics__img { width: 50%; margin-bottom: 0; padding: 0 15px; } .medical-info-haracteristics__texts { max-width: none; margin-left: 0; } .tab-section__children-tabs { display: block; } .tab-section-children__wrapper-tabs-navigation { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 0; margin-bottom: 20px; } .tab-section-children__tabs-content { max-width: none !important; } .tab-section-children-tab__wrapper-btn { margin-right: 39px; } .tab-section-children-tab__info { margin-right: 20px; } } @media (max-width: 900px) { .medical-item__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .medical-item__wrapper-btn { margin-bottom: 20px; } .medical-item__wrapper-btn:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; } } @media (max-width: 870px) { .write-us { overflow: hidden; } .write-us__background { height: 430px; } .write-us__background-img { margin-top: 40px; } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__info, .footer__social { width: auto; } .footer__info { display: block; margin-bottom: 0; } .footer__location, .footer__phone, .footer__email { margin-bottom: 25px; } .footer__location:last-child, .footer__phone:last-child, .footer__email:last-child { margin-bottom: 0; } .footer__social-item { margin-right: 15px; } .footer__social-item:last-child { margin-right: 0; } .medical-steps__item { width: 100%; margin-bottom: 30px; } .medical-steps__item:last-child { margin-bottom: 0; } .tab-section-children__wrapper-tabs-navigation { display: block; } .tab-section-children__tab { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .tab-section-children-tab__info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } .tab-section-children-tab__img { max-width: 100%; margin-bottom: 20px; } .contacts-info__background { height: 100%; } .contacts-info__inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 20px 0; } .contacts-info__left { margin-bottom: 30px; } .contacts-info__center { margin-bottom: 30px; } .contacts-info__right { -ms-grid-column-align: start; justify-self: start; } .contacts-info__social { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .contacts-info__social-link { margin-right: 30px; } .contacts-info__social-link:last-child { margin-right: 0; } .contacts-feedback__inner { display: block; } .contacts-feedback__left, .contacts-feedback__right { width: 100%; max-width: none; } .contacts-feedback__img { margin-bottom: 30px; } .about-us-comfort__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-us-comfort__item { width: 100%; } } @media (max-width: 800px) { .blog-slide__link, .blog-single__link { display: none; } } @media (max-width: 768px) { .intro-slide__title { font-size: 32px; margin-bottom: 20px; } .our-directions__item-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .our-directions__item-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .our-directions__item-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 23px; } .our-directions__item-title { max-width: 170px; margin-right: 10px; } .why-are-we__item { width: 100%; margin-bottom: 50px; } .reviews { padding: 120px 0 0; } .write-us__background { width: 500px; height: 500px; border-radius: 100%; top: 0; left: auto; right: -252px; } .write-us__inner { display: block; } .write-us__left { display: none; } .write-us__right { max-width: none; } .medical-info__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .medical-info__info { max-width: none; margin-right: 0; margin-bottom: 30px; } .medical-info__img { max-width: 100%; } .medical-item__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .medical-item--content-left .medical-item__info { max-width: none; margin-right: 0; margin-bottom: 30px; } .medical-item--content-right .medical-item__info { max-width: none; margin-bottom: 30px; } .medical-item--content-right .medical-item__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } .medical-item__img { max-width: 100%; } .tab-section__tabs-navigation { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab-section-tabs__btn { width: 50%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tab-section-tabs__btn:nth-child(3) { border-width: 0px 1px 1px 1px; } .tab-section-tabs__btn:nth-child(4) { border-width: 0px 1px 1px 0px; } .tab-section-tabs__btn-green { width: 50%; } .services-prices-item__header { padding: 20px 15px; } .services-prices-item__elems-inner { padding: 20px 15px; } .clinics__items, .useful-information__items { display: block; } .clinics__item, .useful-information__item { width: 100%; } } @media (max-width: 650px) { .header__wrapper-btn { display: none; } .intro { margin-top: 127px; overflow-x: clip; } .intro .swiper { overflow: visible; } .intro__slide-left { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding-left: 0; top: -95px; } .intro-slide__subtitle { font-size: 25px; } .intro-slide__title { max-width: 276px; text-transform: uppercase; } .intro-slide__text { display: none; } .intro-slide__bottom-content { display: block; } .section { padding: 100px 0; } .section__title { font-size: 32px; line-height: 1.187; } .tab-section-tab__title { font-size: 32px; } .stages-work__tab { min-height: auto; width: 100%; } .stages-work__tab-minor { padding: 30px 20px; } .stages-work__tab-minor .stages-work-tab__text { margin-bottom: 20px; } .stages-work__tab.active { width: 100%; } .stages-work__tab.active .stages-work__tab-main { padding: 30px 20px; } .stages-work__tab.active .stages-work-tab__count { margin-bottom: 10px; } .stages-work__tab.active .stages-work-tab__title { font-size: 20px; margin-bottom: 20px; } .stages-work__tab.active .stages-work-tab__img { margin-bottom: 20px; } .stages-work__tab:nth-child(2) .stages-work__tab-minor, .stages-work__tab:nth-child(4) .stages-work__tab-minor { border-width: 2px 2px 2px 2px; } .stages-work-tab__count { margin-bottom: 10px; } .stages-work-tab__title { margin-bottom: 10px; } .reviews { padding: 100px 0 0; } .write-us { padding: 0; } .footer__nav { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .footer__nav-item { margin-bottom: 35px; } .footer__nav-item:last-child { margin-bottom: 0; } .footer-nav-item__title { margin-bottom: 15px; } .footer-opening-hours__title { margin-bottom: 15px; } .footer__opening-hours { width: 96%; } .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 50px; } .footer__copyright { margin-bottom: 30px; } .footer__developed-text { margin-right: 5px; } .medical-items { padding: 100px 0; } .medical-item { margin-bottom: 100px; } .medical-steps__item-count { font-size: 32px; line-height: 1.187; } .medical-info-single { padding-bottom: 100px; } .services-prices-2 { padding-bottom: 100px; } .services-prices-2-item__header { padding-left: 40px; } .services-prices-2-item__elems { padding: 15px 10px; } .services-prices { padding-bottom: 100px; } .plastic-surgery-dir__item { padding-bottom: 100px; } .contacts-feedback__right { padding: 30px 20px; } .about-us-connection__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .about-us-connection__left, .about-us-connection__right { max-width: none; } .about-us-connection__left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } .about-us-connection__right { margin-bottom: 50px; } .about-us-connection__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-us-connection__item-first { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-us-connection__item { width: 50%; } .directions-item { padding-top: 100px; } .clinics, .useful-information { padding-bottom: 100px; } .blog-item { padding-bottom: 100px; } .blog-single { padding-bottom: 100px; } .modal__close { right: -10px; top: -10px; } .modal__content { padding: 30px 20px; } } @media (max-width: 599px) { .blog-single__items { display: block; } .blog-single__item { width: 100%; } .blog-slide__link, .blog-single__link { display: block; } } @media (max-width: 576px) { .reviews-slide__text { margin-bottom: 30px; } .our-directions__swiper-slide { margin-bottom: 30px; } .our-directions__item-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .our-directions__item-left { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .our-directions__item-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 0; } .our-directions__item-title { max-width: none; margin-right: 10px; } .footer__top { display: block; padding: 50px 0 30px; } .footer__info { margin-bottom: 25px; } .footer__social { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 0 10px; } .footer__center { padding: 35px 0 30px; } .blog__slide-navigation { margin-top: 30px; } .results__slide-navigation { margin-top: 30px; } .medical-info-haracteristics__imgs { display: block; } .medical-info-haracteristics__img { max-width: 100%; width: auto; margin-bottom: 20px; } .medical-info-haracteristics__img:last-child { margin-bottom: 0; } .group__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .group__wrapper-btn { margin-bottom: 20px; } .group__wrapper-btn:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; } .partner-clinics__item-img, .useful-information__item-img { margin-bottom: 20px; } .partner-clinics__slide-navigation, .useful-information__slide-navigation { margin-top: 30px; } .about-us-company__top-left { margin-right: 0; } .about-us-company__top-right { display: none; } .about-us-connection__items { display: block; } .about-us-connection__left { width: 100%; } .about-us-connection__item-first { display: none; } .about-us-connection__item { width: 100%; } .about-us-feedback { background-image: none !important; background-color: #F2F8FE; } .about-us-feedback__inner { display: block; } .about-us-feedback__right { max-width: none; padding: 0; } .clinics-item__img, .useful-information-item__img { margin-bottom: 20px; } .blog-item__img { margin-bottom: 20px; } } @media (max-width: 480px) { .footer-nav-item__list-columns { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .tab-section-tabs__btn { width: 100%; } .tab-section-tabs__btn:nth-child(2) { border-width: 0px 1px 1px 1px; } .tab-section-tabs__btn:nth-child(4) { border-width: 0px 1px 1px 1px; } .tab-section-tabs__btn-green { width: 100%; } .about-us-comfort__item { display: block; margin-top: 41px; } .about-us-comfort-item__left { width: 100%; padding-left: 0; padding-top: 66px; margin-left: 0; border-radius: 10px 10px 0px 0px; } .about-us-comfort-item__right { border-left: 2px solid #0061AD; border-radius: 0px 0px 10px 10px; padding: 30px; min-height: 155px; } .about-us-comfort-item__count { top: 0; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .about-us-comfort-item__text { font-size: 16px; } } @media (max-width: 420px) { .our-directions__item-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .our-directions__item-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .our-directions__item-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 23px; } .our-directions__item-title { max-width: 170px; margin-right: 10px; } .blog-slide__link, .blog-single__link { display: none; } } @media (max-width: 380px) { .header__inner { padding: 25px 0 11px; } .header__widget-language { display: none; } .intro-slide__wrapper-btn { width: 100%; } .about-company__background { height: 440px; border-radius: 0px 10px 10px 0px; } .about-company__inner { padding-top: 40px; } .about-company__wrapper-btn, .about-company__btn { width: 100%; } .about-company__text { font-size: 17px; } .about-company__text img { border-radius: 10px; } .why-are-we-item__inner { padding-left: 0; } .why-are-we-item__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .why-are-we-item__title { max-width: 164px; } .why-are-we-item__count { width: 92px; height: 92px; position: relative; margin-right: 15px; } .why-are-we-item__count:before { width: 65px; height: 65px; } .why-are-we-item__count-text { font-size: 32px; } .why-are-we__item { margin-bottom: 30px; } .stages-work { padding: 40px 0; } .stages-work__background { border-radius: 0px 10px 10px 0px; } .reviews-slide__mark { margin-right: 20px; } .write-us__text { font-size: 16px; } .blog-slide__date, .blog-single__date { left: 20px; } .blog-slide__title, .blog-single__title { margin-bottom: 15px; } .footer__social { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .breadcrumbs__inner { padding: 40px 0 50px; } .services-prices-2-item__elem-title { max-width: 140px; } .contacts-info__social { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts-info__social-link { margin-right: 0; } .about-us-company__top { margin-bottom: 50px; } .about-us-company__title { margin-bottom: 30px; } .about-us-company__bottom { margin: 0 -22px; } } @media (max-width: 350px) { .our-directions__item-img { width: 100%; } } @media (max-width: 331px) { .about-us-comfort__background { height: 136px; } .about-us-comfort__title { padding: 30px 0; margin-bottom: 30px; } }