File: /var/www/vhosts/greenclinic.kz/newsite/wp-content/themes/green-clinic/assets/css/style.min.css
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
* {
box-sizing: border-box
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-Thin.woff") format("woff"), url("../fonts/Geologica-Thin.woff2") format("woff2");
font-display: swap;
font-weight: 100;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-ExtraLight.woff") format("woff"), url("../fonts/Geologica-ExtraLight.woff2") format("woff2");
font-display: swap;
font-weight: 200;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-Light.woff") format("woff"), url("../fonts/Geologica-Light.woff2") format("woff2");
font-display: swap;
font-weight: 300;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-Regular.woff") format("woff"), url("../fonts/Geologica-Regular.woff2") format("woff2");
font-display: swap;
font-weight: 400;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-Medium.woff") format("woff"), url("../fonts/Geologica-Medium.woff2") format("woff2");
font-display: swap;
font-weight: 500;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-SemiBold.woff") format("woff"), url("../fonts/Geologica-SemiBold.woff2") format("woff2");
font-display: swap;
font-weight: 600;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-Bold.woff") format("woff"), url("../fonts/Geologica-Bold.woff2") format("woff2");
font-display: swap;
font-weight: 700;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-ExtraBold.woff") format("woff"), url("../fonts/Geologica-ExtraBold.woff2") format("woff2");
font-display: swap;
font-weight: 800;
font-style: normal
}
@font-face {
font-family: "Geologica";
src: url("../fonts/Geologica-Black.woff") format("woff"), url("../fonts/Geologica-Black.woff2") format("woff2");
font-display: swap;
font-weight: 900;
font-style: normal
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
html {
scroll-behavior: smooth
}
body {
font-family: Geologica;
font-style: normal;
font-weight: 300;
line-height: normal
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600
}
.container {
position: relative;
z-index: 1;
width: 100%;
max-width: 1755px;
padding-left: 16px;
padding-right: 16px;
margin-left: auto;
margin-right: auto
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main {
background-color: #167953;
background-image: url("../img/bg-radials.webp"), url("../img/bg-ton.webp");
background-repeat: no-repeat no-repeat;
background-size: cover;
position: relative
}
.main section {
margin-top: 140px;
margin-bottom: 140px
}
.main .callback-widjet {
position: fixed;
right: 50px;
bottom: 50px;
z-index: 3
}
.main .callback-widjet .links-widjet {
border-radius: 90px;
background: #fff;
-webkit-box-shadow: 0px 17px 90px 0px #063f25;
box-shadow: 0px 17px 90px 0px #063f25;
padding-top: 64px;
padding-bottom: 64px;
padding-left: 100px;
padding-right: 100px;
position: fixed;
right: 120px;
bottom: 100px;
display: none
}
.main .callback-widjet .links-widjet .links-widjet-item a {
color: #2d2828;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
display: block;
margin-bottom: 24px
}
.main .callback-widjet .links-widjet .links-widjet-item a svg {
position: relative;
top: 5px
}
.main .callback-widjet .links-widjet .links-widjet-item a:hover {
color: #04633e
}
.main .callback-widjet .links-widjet .links-widjet-item a:hover svg path {
fill: #04633e
}
.main .callback-widjet .links-widjet .links-widjet-item:last-child a {
margin-bottom: 0px
}
.main .callback-widjet .btn-widjet {
width: 128px;
height: 128px;
background: #ffca79 url("../img/phone-bnt.svg") no-repeat;
background-position: center;
border-radius: 100%;
cursor: pointer;
position: fixed;
bottom: 320px;
right: 50px;
z-index: 4
}
.main .callback-widjet.open-widjet .links-widjet {
display: block
}
.main .callback-widjet.open-widjet .btn-widjet {
background: #04633e url("../img/close.svg") no-repeat;
background-position: center;
-webkit-box-shadow: 0px 17px 90px 0px #063f25;
box-shadow: 0px 17px 90px 0px #063f25
}
.main a {
color: #fff
}
.main .section-title {
color: #fff;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 50px;
margin-top: 0px
}
.main .owl-nav {
width: 100%
}
.main .owl-nav button .slider-nav {
width: 45px;
height: 45px;
border-radius: 100%
}
.main .owl-nav button .slider-nav-prev {
background: #fff url("../img/slider-arrow-left.svg") no-repeat;
background-position: center center;
-webkit-box-shadow: 0px 0px 50px 3px #3daf76;
box-shadow: 0px 0px 50px 3px #3daf76
}
.main .owl-nav button .slider-nav-next {
background: #fff url("../img/slider-arrow-right.svg") no-repeat;
background-position: center center;
-webkit-box-shadow: 0px 0px 50px 3px #3daf76;
box-shadow: 0px 0px 50px 3px #3daf76
}
.main .owl-nav button .slider-nav-prev:hover {
background: #43ba7e url("../img/slider-arrow-left-hover.svg") no-repeat;
background-position: center center;
-webkit-box-shadow: 0px 0px 90px 3px #3daf76;
box-shadow: 0px 0px 90px 3px #3daf76
}
.main .owl-nav button .slider-nav-next:hover {
background: #43ba7e url("../img/slider-arrow-right-hover.svg") no-repeat;
background-position: center center;
-webkit-box-shadow: 0px 0px 90px 3px #3daf76;
box-shadow: 0px 0px 90px 3px #3daf76
}
.main__header {
position: relative;
padding-top: 25px
}
.main__header .brand__logo img {
width: 130px;
height: 63px
}
.main__header .work-time {
color: #a1d0b8;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 25px;
padding-left: 34px;
background: url("../img/calendar-header.svg") no-repeat
}
.main__header .work-time .work-time__weekdays {
margin-right: 15px
}
.main__header .callback {
margin-left: auto
}
.main__header .callback a {
text-decoration: none;
color: #262626;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
border-radius: 108px;
background: #ffca79;
padding: 20px;
display: block
}
.main__header .header__before>.row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.main__header .header__before-menu {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px
}
.main__header .header__before-menu .menu-item {
margin-right: 50px;
list-style: none
}
.main__header .header__before-menu .menu-item a {
color: #a1d0b8;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 25px;
text-decoration-line: underline
}
.main__header .header {
margin-top: 20px
}
.main__header .header .header__menu {
margin-left: auto
}
.main__header .header .header__menu ul {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px
}
.main__header .header .header__menu .menu-item {
list-style: none;
/* margin-right: 50px */
margin-right: 25px;
}
.main__header .header .header__menu .menu-item a {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 25px;
text-decoration: none
}
.main__header .header .header__lang {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 25px;
background: none;
position: relative;
cursor: pointer;
min-width: 65px
}
.main__header .header .header__lang .switcher-list {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 25px;
background-color: rgba(0, 0, 0, 0);
border: 0px;
cursor: pointer;
padding-right: 28px;
background: url("../img/lang-switch-arrow.svg") no-repeat;
background-position: right 2px;
padding-left: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
list-style: none;
position: absolute;
top: -32px
}
.main__header .header .header__lang .switcher-list li {
display: none
}
.main__header .header .header__lang .switcher-list li a {
color: #fff;
text-decoration: none
}
.main__header .header .header__lang .switcher-list li.active {
display: block
}
.main__header .header .header__lang .switcher-list li.active span {
color: #fff
}
.main__header .header>.row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.section__slider {
margin-top: 80px
}
.section__slider {
position: relative;
margin-top: 80px
}
.section__slider .learn-more {
position: absolute;
bottom: 160px;
left: -50px;
width: 190px;
z-index: 2;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
text-align: right;
cursor: pointer
}
.section__slider .learn-more div {
text-decoration: none;
color: #4e7d6b;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
display: block
}
.section__slider .learn-more div svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
top: -15px;
left: 15px
}
.section__slider .slider .owl-nav {
position: absolute;
top: calc(50% - 45px);
width: 100%
}
.section__slider .slider .owl-nav button .slider-nav {
width: 45px;
height: 45px;
border-radius: 100%
}
.section__slider .slider .owl-nav button .slider-nav-prev {
background: #fff url("../img/slider-arrow-left.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
position: absolute;
left: -22.5px
}
.section__slider .slider .owl-nav button .slider-nav-next {
background: #fff url("../img/slider-arrow-right.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
position: absolute;
right: -22.5px
}
.section__slider .slider .owl-nav button .slider-nav-prev:hover {
background: #43ba7e url("../img/slider-arrow-left-hover.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76)
}
.section__slider .slider .owl-nav button .slider-nav-next:hover {
background: #43ba7e url("../img/slider-arrow-right-hover.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76)
}
.section__slider .slider .slider-item {
position: relative;
border-radius: 90px
}
.section__slider .slider .slide-wrapp {
align-items: center;
display: flex;
width: 100%;
position: relative;
height: 735px;
border-radius: 94px;
background-size: cover !important;
background-repeat: no-repeat !important;
color: #fff;
font-style: normal
}
.section__slider .slider .slide-wrapp .slide-content {
width: 100%;
height: auto;
display: block;
z-index: 2;
top: 0px;
margin-left: 120px;
width: 100%;
max-width: 630px
}
.section__slider .slider .slide-wrapp .slide-title {
font-size: 173px;
font-weight: 900;
line-height: 151px;
margin-top: 0px;
margin-bottom: 30px
}
.section__slider .slider .slide-wrapp .slide-text {
font-size: 24px;
font-weight: 300;
line-height: 38px
}
.section__slider .slider .slide-wrapp .slide-readmore {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-decoration: none;
border-radius: 108px;
background: #ffca79;
color: #262626;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
padding: 30px;
margin-top: 30px
}
.section__dscarousel {
margin-top: 140px
}
.section__dscarousel .search-title {
color: #fff;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal
}
.section__dscarousel .search-input {
color: #004c2e;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 90px;
padding: 38px 59px;
width: 100%;
border: 0px;
outline: 0px;
background-image: url("../img/search-input-icon.svg");
background-repeat: no-repeat;
background-position: 25px 36px;
margin-top: 15px
}
.section__dscarousel .search-input:focus-visible {
border: 0px;
outline: 0px
}
.section__dscarousel .services-popular {
margin-bottom: 140px
}
.section__dscarousel .services-popular .services-sub-title {
color: #7aad99;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase
}
.section__dscarousel .services-popular .services-slider {
width: 100%;
max-width: 410px;
height: 100%;
position: relative;
color: #fff;
line-height: normal;
font-style: normal
}
.section__dscarousel .services-popular .services-slider .service-slide-wrapp {
background-color: rgba(4, 99, 63, .4235294118);
padding: 50px 40px;
border-radius: 90px;
min-height: 660px;
background-image: url("../img/servise-slide-el-1.png"), url("../img/servise-slide-el-2.png");
background-repeat: no-repeat;
background-position: bottom right
}
.section__dscarousel .services-popular .services-slider .services-slide-bg-img {
position: absolute;
bottom: 0px;
right: 0px;
border-radius: 0px 0px 90px 0px;
display: block;
overflow: hidden
}
.section__dscarousel .services-popular .services-slider .service-slide-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 15px
}
.section__dscarousel .services-popular .services-slider .service-slide-text {
font-size: 18px;
font-weight: 300;
line-height: 24px;
margin-bottom: 25px
}
.section__dscarousel .services-popular .services-slider .service-slide-readmore a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #262626;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 25px;
padding: 30px;
border-radius: 108px;
background: #ffca79;
text-decoration: none
}
.section__dscarousel .services-popular .services-slider .service-slide-readmore a svg {
position: relative;
top: 2px;
margin-left: 10px
}
.section__dscarousel .services-popular .services-slider .owl-nav {
position: absolute;
bottom: 100px;
width: 100%
}
.section__dscarousel .services-popular .services-slider .owl-nav button .slider-nav {
width: 45px;
height: 45px;
border-radius: 100%
}
.section__dscarousel .services-popular .services-slider .owl-nav button .slider-nav-prev {
background: #fff url("../img/slider-arrow-left.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
position: absolute;
left: 40px
}
.section__dscarousel .services-popular .services-slider .owl-nav button .slider-nav-next {
background: #fff url("../img/slider-arrow-right.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
position: absolute;
left: 100px
}
.section__dscarousel .services-popular .services-slider .owl-nav button .slider-nav-prev:hover {
background: #43ba7e url("../img/slider-arrow-left-hover.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76)
}
.section__dscarousel .services-popular .services-slider .owl-nav button .slider-nav-next:hover {
background: #43ba7e url("../img/slider-arrow-right-hover.svg") no-repeat;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76)
}
.section__dscarousel .services-popular .services-items {
width: 100%;
max-width: calc(100% - 428px);
margin-left: auto;
color: #fff;
font-style: normal;
margin-top: -15px
}
.section__dscarousel .services-popular .services-items .services-item {
width: 33.33333333%;
max-width: 33.33333333%;
padding: 15px
}
.section__dscarousel .services-popular .services-items .services-item .services-item-wrapp {
text-decoration: none;
padding: 46px 46px;
border-radius: 90px;
border: 1px solid #0f8f5d;
height: 100%;
position: relative
}
.section__dscarousel .services-popular .services-items .services-item .services-item-wrapp .service-readmore-arrow {
-webkit-transition: all 1.3s ease;
transition: all 1.3s ease;
-webkit-transition-property: right;
transition-property: right
}
.section__dscarousel .services-popular .services-items .services-item:hover .services-item-wrapp {
border: 1px solid #ffca79
}
.section__dscarousel .services-popular .services-items .services-item:hover .services-item-wrapp .service-readmore-arrow {
right: 50px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.section__dscarousel .services-popular .services-items .service-title {
font-size: 24px;
font-weight: 500;
margin-top: 0px;
margin-bottom: 15px
}
.section__dscarousel .services-popular .services-items .service-text {
font-size: 18px;
font-weight: 300;
line-height: 24px
}
.section__dscarousel .services-popular .services-items .service-readmore-arrow {
position: absolute;
bottom: 46px;
transition: 1s ease-in-out;
}
services-popular .services-items .services-item .service-readmore-arrow {
position: absolute;
bottom: 46px;
}
.section__dscarousel .services-popular .services-items .services-show-all {
width: 33.33333333%;
max-width: 33.33333333%;
padding: 15px
}
.section__dscarousel .services-popular .services-items .services-show-all .services-show-all-wrapp {
padding: 46px 46px;
border-radius: 90px;
height: 100%;
position: relative;
background: #ffca79;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
background-image: url("../img/show-all-services-bg.webp")
}
.section__dscarousel .services-popular .services-items .services-show-all .services-show-all-wrapp a {
height: 100%;
align-items: center;
color: #262626;
text-decoration: none;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
margin-left: auto;
margin-right: auto
}
.section__dscarousel .services-popular .services-items .services-show-all .services-show-all-wrapp a svg {
position: relative;
top: 5px;
margin-left: 10px
}
.main__choose-us {
position: relative;
margin-bottom: 140px
}
.main__choose-us .accordion-items {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start
}
.main__choose-us .accordion-item {
height: 565px;
position: relative;
min-height: 120px
}
.main__choose-us .accordion-item div.accordion-btn {
width: 120px;
border-radius: 173px;
background: #2db982;
height: 100%;
padding: 60px 50px;
text-decoration: none;
position: absolute;
color: #fff;
cursor: pointer
}
.main__choose-us .accordion-item div.accordion-btn .accordion-btn-num {
font-size: 16px;
font-weight: 250;
margin-bottom: 20px;
height: 20px
}
.main__choose-us .accordion-item div.accordion-btn .accordion-btn-arrow {
height: 20px;
position: absolute;
top: 90px;
left: 47px
}
.main__choose-us .accordion-item div.accordion-btn .accordion-btn-title {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 24px;
font-weight: 500;
width: 100%;
margin-top: auto
}
.main__choose-us .accordion-item .accordion-content {
width: 0px;
display: none;
background-color: #04633e;
background-image: url(../img/el-accord-bg-1.webp), url(../img/el-accord-bg-2.webp), url(../img/accord-bg.webp);
background-repeat: no-repeat;
background-position: right bottom;
padding-top: 150px;
color: #fff;
font-style: normal;
line-height: normal
}
.main__choose-us .accordion-item .accordion-content .accordion-title {
font-size: 48px;
font-weight: 500;
margin-bottom: 26px
}
.main__choose-us .accordion-item .accordion-content .accordion-text ul {
width: 100%;
max-width: 655px;
margin-top: 0px;
margin-bottom: 0px
}
.main__choose-us .accordion-item .accordion-content .accordion-text ul li {
font-size: 20px;
font-weight: 300;
line-height: 25px;
margin-bottom: 10px
}
.main__choose-us .accordion-item {
margin-left: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.main__choose-us .accordion-item.accordion-open {
margin-right: 30px;
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10;
-webkit-transition: all 1.3s ease;
transition: all 1.3s ease
}
.main__choose-us .accordion-item.accordion-open .accordion-content {
display: block;
padding-left: 195px;
border-radius: 90px;
width: 100%
}
.section__doctors {
position: relative
}
.section__doctors .doctors-slider {
color: #fff;
font-style: normal;
line-height: normal;
margin-bottom: 140px
}
.section__doctors .doctors-slider .doctor-slide-img {
display: block;
border-radius: 90px 90px 90px 20px;
overflow: hidden
}
.section__doctors .doctors-slider .doctor-slide-name {
margin-top: 25px;
font-size: 24px;
font-weight: 600;
margin-bottom: 9px
}
.section__doctors .doctors-slider .doctor-slide-profession {
font-size: 20px;
font-weight: 400
}
.section__doctors .doctors-slider .doctor-slide-experience {
margin-top: 15px;
font-size: 16px;
font-weight: 250
}
.section__doctors .doctors-slider .owl-nav {
margin-top: 50px
}
.section__doctors .doctors-slider .owl-nav .slider-nav-next {
margin-left: 15px
}
.clients-slider {
margin-bottom: 140px
}
.clients-slider .owl-nav {
margin-top: 50px
}
.clients-slider .owl-nav .slider-nav-next {
margin-left: 15px
}
.main__footer {
border-top: 1px solid rgba(255, 255, 255, .1);
padding-top: 50px;
color: #fff;
font-style: normal;
line-height: normal
}
.main__footer .footer-col {
margin-left: auto;
margin-right: auto
}
.main__footer .footer-col ul {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px
}
.main__footer .footer-col .footer-navigation-label {
font-size: 16px;
font-weight: 500;
margin-bottom: 16.5px;
list-style: none
}
.main__footer .footer-col .menu-item {
margin-bottom: 15px;
list-style: none
}
.main__footer .footer-col a {
font-weight: 400;
text-decoration: none;
font-size: 14px
}
.main__footer .footer-brand {
width: 100%;
max-width: 95px;
margin-left: 0px
}
.main__footer .footer-brand .brand__logo {
margin-bottom: 36px
}
.main__footer .footer-brand .footer-social {
justify-items: center
}
.main__footer .footer-brand .footer-social a {
text-decoration: none;
display: block;
margin-left: auto
}
.main__footer .footer-brand .footer-social a:first-child {
margin-left: 0px
}
.main__footer .footer-contacts {
font-weight: 400;
font-size: 14px
}
.main__footer .footer-contacts a {
text-decoration: none
}
.main__footer .footer-contacts .contacts-adress {
background: url("../img/map.svg") no-repeat
}
.main__footer .footer-contacts .contacts-phones {
background: url("../img/phone.svg") no-repeat
}
.main__footer .footer-contacts .contacts-email {
background: url("../img/mail.svg") no-repeat
}
.main__footer .footer-contacts .contacts-work-time {
background: url("../img/calendar.svg") no-repeat
}
.main__footer .footer-contacts .contacts-work-time span:first-child {
margin-right: 15px
}
.main__footer .footer-contacts .contacts-in-map {
background: url("../img/point.svg") no-repeat
}
.main__footer .footer-contacts>div {
min-height: 24px;
padding-left: 45px;
margin-bottom: 17px
}
.main__footer .footer-copyright {
margin-top: 30px;
padding-bottom: 70px
}
.main__footer .footer-copyright .copyright {
width: 100%;
max-width: 450px;
font-size: 12px;
font-weight: 250
}
.main__footer .footer-copyright .privacy-policy {
margin-left: auto;
width: 475px
}
.main__footer .footer-copyright .privacy-policy a {
text-decoration: none;
}
.services-item-wrapp a {
text-decoration: none;
}
.service-readmore-arrow {
transition: transform 0.3s ease;
}
.service-readmore-arrow:hover {
/* На сколько пикселей сдвигать элемент вправо при наведении */
transform: translateX(10px);
}
/* --- NEWS --- */
.news-items {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 32px;
}
.news-card {
display: block;
border-radius: 40px;
padding: 0;
transition: 1s ease-in-out;
border: 1px solid #0f8f5d;
text-decoration: none;
}
.news-card[href]:hover {
border-color: #ffca79;
}
.news-card__img img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
border-radius: inherit;
}
.news-card__img {
padding-top: 66.6666%;
position: relative;
border-radius: 40px 40px 0 0;
display: block;
}
.news-card__body {
padding: 20px 20px 30px;
color: #fff;
}
.news-card__date {
opacity: 0.5;
font-size: 0.8em;
margin-bottom: 10px;
}
.news-card__name {
font-size: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.news-card__txt {
font-size: 18px;
font-weight: 300;
}
.news-card__footer {
margin-top: 15px;
}