@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.woff2) format("woff2"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.woff) format("woff"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.woff2) format("woff2"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.woff) format("woff"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.woff2) format("woff2"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.woff) format("woff"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.woff2) format("woff2"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.woff) format("woff"), url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.ttf) format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
:root {
--color-primary: #005DFF;
--color-accent: #fd3c76;
--color-white: #FFFFFF;
--color-dark: #252525;
--color-gray-light: #F5F7FA;
--color-gray-border: #E8ECF0;
--font-family-base: 'Museo Sans Cyrl', sans-serif;
--font-size-micro: 16px;   
--font-size-normal: 16px;   
--font-size-base: 18px;       
--font-size-button: 18px;  
--font-size-text: 20px;
--font-size-h3: 22px;         
--font-size-h2: 28px;         
--font-size-h1: 32px; 
--line-height-micro: 22px;
--line-height-base: 30px;
--line-height-button: 30px;
--line-height-h3: 30px;
--line-height-h2: 34px;
--line-height-h1: 36px;
--space-2: 2px;
--space-4: 4px;
--space-6: 6px;
--space-8: 8px;
--space-10: 10px;
--space-12: 12px;
--space-14: 14px;
--space-16: 16px;
--space-18: 18px;
--space-20: 20px;
--space-24: 24px;
--space-28: 28px;
--space-32: 32px;
--space-36: 36px;
--space-40: 40px;
--space-48: 48px;
--space-56: 56px;
--space-64: 64px;
--radius-small: 12px;
--radius-medium: 20px;
--radius-large: 20px;
--radius-xl: 20px;
--radius-round: 50%;
--shadow-base: 0 4px 12px rgba(37, 37, 37, 0.08);
--shadow-dropdown: 0 4px 12px rgba(37, 37, 37, 0.08);
--shadow-sticky: 0 4px 12px rgba(37, 37, 37, 0.08);
}
* {
padding: 0px;
margin: 0;
border: 0;
box-sizing: border-box;
color: #252525;
}
*:before,
*:after {
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
nav,
footer,
header,
aside {
display: block;
}
html,
body {
width: 100%;
height: 100%;
font-size: 16px;
font-family: "Museo Sans Cyrl", sans-serif;
font-weight: 400;
line-height: 18px;
color: #252525;
}
input,
button,
textarea {
font-family: inherit;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a {
text-decoration: none;
}
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;
}
sup {
color: inherit;
}
.container {
max-width: 1300px;
padding: 0 20px;
width: 100%;
margin: 0 auto;
}
.hide {
display: none;
}
.noclick {
pointer-events: none;
}
.fancybox-button svg * {
color: #fff;
}
.fancybox-infobar {
color: #fff;
}
.fancybox-infobar span {
color: #fff;
}
.blueColor {
color: #005DFF;
}
.title {
font-weight: 700;
font-size: 35px;
line-height: 42px;
margin-bottom: 40px;
}
.title-big {
line-height: 45px;
font-size: 40px;
}
.title-small {
font-size: 28px;
line-height: normal;
margin-bottom: 20px;
}
.title-gradient {
padding: 20px;
text-align: center;
color: #fff;
border-radius: 15px;
background: rgb(0, 93, 255);
}
.whiteColor {
color: #fff;
}
.pinkColor {
color: #fd3c76;
margin-top: 40px;
}
.blueColor {
color: #005DFF;
}
.btn {
cursor: pointer;
display: inline-block;
position: relative;
padding: 14px 22px;
font-size: 16px;
line-height: 19px;
font-weight: 700;
color: #fff;
outline: 0;
background-color: #252525;
border-radius: 5px;
border: 0;
transition: all 0.1s linear;
border: 1px solid #252525;
}
.btn:hover {
color: #252525;
background-color: #fff;
border: 1px solid #252525;
}
.btn:hover span {
color: #fff;
}
.btn--border {
color: #252525;
background-color: inherit;
border-radius: 15px;
border: 1px solid #252525;
}
.btn--border:hover {
border: 1px solid #fff;
color: #fff;
background-color: #252525;
}
.btn--border:hover span {
color: #fff;
}
.btn--border:hover .icon-eye {
fill: #fff;
}
.btn--requirements {
cursor: pointer;
text-decoration: underline;
}
.btn--blue {
background-color: #005DFF;
border-radius: 32px;
border: 1px solid #005DFF;
font-size: 18px;
}
.btn--pink {
background-color: #FD3C76;
border-radius: 32px;
border: 1px solid #FD3C76;
font-size: 18px;
}
.nav__link {
padding: 5px 10px;
border-radius: 15px;
border: 1px solid rgba(38, 38, 38, 0);
transition: all 0.1s linear;
}
.icon-check {
width: 17px;
height: 12px;
}
.icon-deg-arrow {
width: 10px;
height: 10px;
}
.icon-useful {
width: 60px;
height: 60px;
}
.icon-important {
width: 60px;
height: 60px;
}
.icon-deg-arrow-card {
width: 19px;
height: 19px;
}
.icon-search {
width: 19px;
height: 19px;
}
.icon-star {
height: 14px;
width: 14px;
}
.icon-logo-gray {
width: 53px;
height: 40px;
}
.icon-deg-arrow-catalog {
width: 53px;
height: 20px;
}
.icon-sveden {
width: 92px;
height: 103px;
margin-right: 10px;
}
.icon-link {
width: 40px;
height: 40px;
margin-right: 20px;
}
.icon-oneCoin {
width: 22px;
height: 16px;
}
.icon-twoCoin {
width: 46px;
height: 20px;
}
.icon-threeCoin {
width: 70px;
height: 24px;
}
.icon-poss {
width: 24px;
height: 21px;
}
.icon-play {
width: 40px;
height: 40px;
}
.icon-briefcase {
width: 30px;
height: 25px;
}
.icon-medal {
width: 30px;
height: 35px;
}
.icon-triangle {
width: 12px;
height: 13px;
}
.arrow-right-icon {
width: 16px;
height: 16px;
margin-right: 8px;
transition: 0.2s linear;
}
.blackColor {
color: #252525;
font-weight: 700;
}
.input {
width: 100%;
display: block;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.input::placeholder {
color: #999;
font-weight: 400;
}
.input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.input:focus::placeholder {
opacity: 0.5;
}
.white__bg {
display: inline-block;
margin-top: 10px;
border-radius: 15px;
padding: 0 14px;
background-color: #fff;
}
#pagination {
color: #fff;
}
.pagination {
color: #fff;
}
.swiper-button-next {
top: auto;
right: 30px;
left: auto;
bottom: 20px;
width: 40px;
height: 40px;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15);
box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15);
}
.swiper-button-prev {
top: auto;
left: auto;
right: 85px;
bottom: 20px;
width: 40px;
height: 40px;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15);
box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15);
}
.swiper-button-next:after {
position: absolute;
top: 14px;
left: 12px;
width: 10px;
height: 10px;
content: "";
border-top: 2px solid black;
border-right: 2px solid black;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.swiper-button-prev:after {
position: absolute;
top: 14px;
left: 16px;
width: 10px;
height: 10px;
content: "";
border-top: 2px solid black;
border-right: 2px solid black;
transform: rotate(225deg);
}
.hidden-date::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.95;
content: "Сначала выберите врача";
font-size: 18px;
font-weight: 700;
color: #005DFF;
background-color: #fff;
overflow: hidden;
z-index: 5;
border-radius: 15px;
}
.hidden-time::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.95;
content: "Сначала выберите дату посещения";
font-size: 18px;
font-weight: 700;
color: #005DFF;
background-color: #fff;
overflow: hidden;
z-index: 5;
border-radius: 15px;
}
.hidden-form::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.95;
content: "Выберите дату и время посещения";
font-size: 18px;
font-weight: 700;
color: #005DFF;
background-color: #fff;
overflow: hidden;
z-index: 5;
border-radius: 15px;
}
.select2-dropdown {
border: 0px;
margin-bottom: 10px;
width: 100%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 16px;
border: 1px solid #666666;
border-radius: 5px;
-moz-box-shadow: 0px 6px 8px 0px rgba(32, 32, 32, 0.2);
padding: 13px 48px 13px 16px;
transition: padding, color 0.3s ease;
font-family: "Museo Sans Cyrl", sans-serif;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
border-radius: 5px;
font-size: 16px !important;
margin-bottom: 10px;
}
.select2-dropdown .select2-results__option--highlighted {
background-color: #005DFF !important;
border-radius: 2px;
}
.icon-logo {
height: 51px;
}
.icon-eye {
width: 25px;
height: 18px;
}
.header {
background-color: #fff;
position: sticky;
top: -70px;
z-index: 1000;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15)
}
.header__top {
padding: 10px 0;
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
}
.header__top-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header__top-flex .nav-catalog-mobile {
margin-left: 0
}
.header__top-phone__link {
display: none
}
.header__top-sveden {
text-align: center
}
.header__top-sveden.sveden--clinica.active {
border-radius: 15px;
border: 1px solid #252525
}
.header__top-sveden.sveden--clinica.active .nav__link .icon-triangle {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
right: 8px;
top: 9px
}
.header__top-sveden__wrapper {
position: relative
}
.header__top-sveden__list {
display: none;
width: 100%;
position: absolute;
top: 7px;
left: 0;
z-index: 10;
padding: 10px 20px 10px 30px;
border-radius: 15px;
-webkit-box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .2);
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .2);
background-color: #fff
}
.header__top-sveden__list.open {
display: block
}
.header__top-sveden__list .has-sub {
display: none;
margin-left: 30px
}
.header__top-sveden__list .has-sub.open {
display: block
}
.header__top-sveden__list li {
padding: 4px 0;
margin: 7px 0
}
.header__top-sveden__list li a {
text-align: left;
font-size: 16px;
display: block;
border-radius: 15px 15px 0 0;
border-bottom: 2px solid #f2f2f2;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear
}
.header__top-sveden__list li a:hover {
text-decoration: underline;
color: #005dff
}
.header__top-sveden__list li span {
position: relative;
text-align: left;
font-size: 16px;
display: block;
cursor: pointer;
border-radius: 15px 15px 0 0;
border-bottom: 2px solid #f2f2f2;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear
}
.header__top-sveden__list li span:hover {
text-decoration: underline;
color: #005dff
}
.header__top-sveden__list li span .icon-triangle {
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1
}
.header__top-sveden .nav__link {
position: relative;
padding-right: 30px;
cursor: pointer
}
.header__top-sveden .nav__link .icon-triangle {
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1
}
.header__top-impaired {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
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
}
.header__bottom {
padding: 20px 0;
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;
white-space: nowrap
}
.header__bottom-phone__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 20px;
padding: 14px 28px;
color: #fff
}
.header__bottom-phone__link span {
font-size: 22px;
font-weight: 700;
line-height: 26px
}
.header__bottom-phone__link--pink {
border: 1px solid #fd3c76;
background-color: #fd3c76;
font-weight: 700;
}
.header__bottom-phone__link--pink:hover {
color: #fd3c76;
border: 1px solid #fd3c76;
background-color: #fff
}
.header__bottom-phone__link--blue {
border: 1px solid #005dff;
background-color: #005dff
}
.header__bottom-phone__link--blue:hover {
color: #005dff;
border: 1px solid #005dff;
background-color: #fff
}
.header__block-nav_catalog {
position: absolute;
z-index: 90
}
.header__block-nav_catalog-container {
position: relative
}
.header__block-nav_catalog .container {
display: none;
position: absolute;
top: 15px;
left: 1%;
right: 1%;
z-index: 100;
padding: 40px 40px;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
border-radius: 15px;
width: 98%;
background-color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
overflow: auto;
max-height: 550px;
}
.header__block-nav_catalog .container::-webkit-scrollbar {
width: 10px;
}
.header__block-nav_catalog .container::-webkit-scrollbar-thumb {
border-radius: 15px;
background-color: #CCCCCC;
}
.header__block-nav_catalog .container::-webkit-scrollbar-track {
border-radius: 15px;
}
.header__block-nav_catalog-wrapper {
list-style: none;
padding: 0;
margin: 0
}
.header__block-nav_catalog-spec {
font-size: 20px;
font-weight: 500;
padding: 10px;
}
.header__block-nav_catalog-spec {
font-size: 20px;
}
.header__block-nav_catalog-link {
position: relative;
display: inline-block;
margin-bottom: 15px;
margin-left: 18px;
padding: 10px 18px;
border-radius: 15px;
border: 1px solid #252525;
font-weight: 400;
font-size: 17px;
line-height: 20px;
color: #000;
text-decoration: none;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear
}
.header__block-nav_catalog-link:hover {
color: #fff;
background-color: #252525;
border: 1px solid #252525
}
.header__block-nav_catalog.open {
height: 100vh;
width: 100%;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: rgba(243, 243, 243, .1)
}
.header__block-nav_catalog.open .container {
display: block
}
.header__block-nav_catalog-mobile {
position: absolute;
z-index: 90
}
.header__block-nav_catalog-mobile .container {
padding: 50px 30px;
display: none;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
border-radius: 15px;
height: 100%;
background-color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.header__block-nav_catalog-mobile.open {
width: 100%;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: rgba(243, 243, 243, .1)
}
.header__block-nav_catalog-mobile.open .container {
display: block
}
.header__block-nav_catalog-mobile .nav__list {
-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: flex-start
}
.header__block-nav_catalog-mobile .nav__list .nav__link {
font-size: 21px;
line-height: 23px;
margin-left: 0;
padding: 0px;
cursor: pointer
}
.header__block-nav_catalog-mobile .nav__list li:not(:last-of-type) {
margin-bottom: 15px;
}
.header-btn-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.catalog-nav__mobile-wrapper {
display: none;
padding-top: 15px;
}
.catalog-nav__mobile-wrapper.open {
display: block;
}
.catalog-nav__mobile-wrapper .catalog-nav__mobile-item a {
display: inline-block;
margin-bottom: 10px;
padding: 7px 11px;
border-radius: 15px;
border: 1px solid #252525;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
text-decoration: none;
transition: all 0.1s linear;
}
.catalog-nav__mobile-wrapper_sveden {
display: none;
padding-top: 15px;
}
.catalog-nav__mobile-wrapper_sveden.open {
display: block;
}
.catalog-nav__mobile-wrapper_sveden .catalog-nav__mobile-item a {
display: inline-block;
margin-bottom: 10px;
padding: 7px 11px;
border-radius: 15px;
border: 1px solid #252525;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
text-decoration: none;
transition: all 0.1s linear;
}
.nav-catalog {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
}
.nav-catalog:hover .nav-icon span {
background-color: #252525;
}
.nav-icon {
margin-left: 15px;
margin-right: 5px;
width: 20px;
height: 22px;
position: relative;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
}
.nav-icon span {
display: block;
position: absolute;
height: 2px;
width: 16px;
background-color: #fff;
opacity: 1;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.nav-icon span:nth-child(even) {
left: 10px;
border-radius: 0 9px 9px 0;
}
.nav-icon span:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
.nav-icon span:nth-child(1),
.nav-icon span:nth-child(2) {
top: 0px;
}
.nav-icon span:nth-child(3),
.nav-icon span:nth-child(4) {
top: 9px;
}
.nav-icon span:nth-child(5),
.nav-icon span:nth-child(6) {
top: 18px;
}
.nav-icon.open span:nth-child(1) {
left: -50%;
opacity: 0;
}
.nav-icon.open span:nth-child(2) {
left: 100%;
opacity: 0;
}
.nav-icon.open span:nth-child(3) {
transform: rotate(45deg);
}
.nav-icon.open span:nth-child(4) {
transform: rotate(-45deg);
}
.nav-icon.open span:nth-child(5) {
left: -50%;
opacity: 0;
}
.nav-icon.open span:nth-child(6) {
left: 100%;
opacity: 0;
}
.nav__list {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav__list .nav__link {
cursor: pointer;
margin-left: 20px;
}
.nav-catalog-mobile {
display: none;
background-color: inherit;
border: none;
padding: 0;
margin-right: 20px
}
.nav-catalog-mobile:hover {
background-color: inherit;
border: none;
}
.nav-icon-mobile {
margin-left: 0;
}
.nav-icon-mobile span {
background-color: #252525;
padding: 0;
}
.fancybox-close-small {
color: #000;
}
.fancybox-close-small svg path {
fill: #000;
}
.intro {
padding: 25px 0 60px;
background-color: #f7f7f7;
}
.intro__suptitle {
font-size: 14px;
line-height: 20px;
color: #005DFF;
text-transform: uppercase;
margin-bottom: 30px;
}
.intro__title {
font-weight: 900;
font-size: 45px;
line-height: 54px;
margin-bottom: 36px;
}
.intro__container {
padding: 30px 50px;
margin-bottom: 50px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
border-radius: 15px;
background-color: #fff;
}
.intro__wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 35px;
}
.intro__wrapper-content {
max-width: 500px;
}
.intro__wrapper-content .btn:nth-last-child(2) {
display: none;
color: #000 !important;
background-color: #fff !important;
}
.intro__wrapper-content .btn:nth-last-child(2):hover {
color: #fff !important;
background-color: #252525 !important;
}
.intro__wrapper img {
border-radius: 15px;
max-width: 100%;
}
.intro__wrapper-video {
max-width: 600px;
}
.intro__wrapper-video video {
border-radius: 15px;
width: 100%;
height: auto;
max-height: 100%;
}
.intro__list {
margin-bottom: 35px;
}
.intro__list .intro__item {
margin-bottom: 8px;
position: relative;
padding-left: 15px;
}
.intro__list .intro__item .icon-check {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.intro__list .intro__item-text {
margin-left: 10px;
color: #666666;
}
.intro__include {
border-radius: 15px;
display: flex;
justify-content: space-between;
padding: 25px 45px;
background-color: #f7f7f7;
}
.intro__include-icon {
width: 24px;
height: 24px;
margin-right: 8px;
}
.intro__include-item {
display: flex;
align-items: center;
}
.intro__include-title {
color: #666666;
margin-bottom: 10px;
}
.intro__include-list+.intro__include-list {
margin-left: 10px;
}
.intro__wrapper {
display: flex;
justify-content: space-between;
}
.intro__wrapper-nav {
display: flex;
justify-content: space-between;
}
.intro__container-nav {
width: 600px;
padding: 40px 50px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background-color: #fff;
border-radius: 15px;
}
.intro__container-nav__title {
display: flex;
justify-content: space-between;
}
.intro__container-nav+.intro__container-nav {
margin-left: 50px;
} .intro__nav-title {
font-weight: 700;
font-size: 26px;
line-height: 31px;
}
.intro__nav-item {
margin-bottom: 10px;
}
.intro__nav-item p {
display: flex;
align-items: center;
transition: all 0.1s linear;
position: relative;
padding-left: 24px;
}
.intro__nav-item .icon-deg-arrow {
position: absolute;
margin-top: 3px;
z-index: 1;
}
.card {
padding: 64px 0;
}
.card__inner {
display: flex;
justify-content: space-between;
}
.card__inner-bottom .card__item {
width: 100%;
max-width: 100%;
}
.card__item {
margin: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
max-width: 33.33333%;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
border-radius: 15px;
padding: 30px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 2;
}
.card__item-list {
max-width: 390px;
}
.card__item-title {
color: #fff;
font-size: 28px;
font-weight: 700;
line-height: 34px;
position: relative;
z-index: 2;
margin-bottom: 80px;
}
.card__item::after {
border-radius: 15px;
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 93, 255, 0.7);
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: all 0.1s linear;
}
.card__item:hover::after {
opacity: 0.7;
}
.card__item-bottom {
position: relative;
z-index: 2;
}
.card__item-bottom .icon-deg-arrow-card {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
}
.card__item-list_info {
max-width: 300px;
font-size: 14px;
line-height: 16px;
display: inline-block;
margin-top: 8px;
padding: 8px;
background-color: #fff;
border-radius: 15px;
}
.card__item-list_info:last-child {
margin-right: 30px;
}
.promising {
position: relative;
padding: 50px 0;
background-color: #252525;
}
.promising__img {
position: absolute;
top: 12%;
right: 16%;
z-index: 1;
}
.promising__container {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.promising__container blockquote {
color: #fff;
margin-bottom: 25px;
font-style: italic;
font-size: 36px;
line-height: 42px;
}
.promising__container .quote {
backdrop-filter: blur(3px);
background-color: rgba(37, 37, 37, 0.8);
position: relative;
z-index: 5;
padding: 25px;
border: 1px solid #fff;
border-radius: 15px;
max-width: 700px;
position: relative;
}
.promising__container .quote cite {
color: #fff;
margin-bottom: 20px;
}
.promising__container .quote span {
color: rgba(255, 255, 255, 0.8);
}
.promising__container .quote__link {
color: #666666;
margin-top: 10px;
}
.promising__container .quote .icon-quote {
width: 45px;
height: 32px;
position: absolute;
bottom: 25px;
right: 25px;
z-index: 1;
}
.promising__inner {
display: flex;
justify-content: space-between;
}
.promising__item+.promising__item {
margin-left: 30px;
}
.promising__item {
max-width: 33.33333%;
}
.promising__item-title {
font-size: 28px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
}
.promising__item-text {
font-size: 20px;
line-height: 26px;
color: #fff;
margin-bottom: 14px;
}
.promising__item-link {
color: #666666;
}
.search {
padding: 160px 0;
}
.search .chosen-drop {
display: none;
width: 100%;
position: absolute;
top: 53px;
}
.search .chosen-drop.show {
display: block;
}
.search .chosen-drop .chosen-results {
padding: 5px;
margin-top: 2px;
height: 180px;
background: #fff;
border: 1px solid #252525;
border-radius: 5px;
overflow: auto;
}
.search .chosen-drop em {
color: #005DFF;
}
.search .chosen-drop li {
background-color: #fff;
cursor: pointer;
padding: 5px 0 5px 0;
border-radius: 5px;
}
.search .chosen-drop li:hover {
background-color: #f7f7f7;
}
.search .chosen-container {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #000;
border-radius: 5px;
width: 100%;
height: 100%;
}
.search .chosen-container .chosen-search-input {
font-size: 16px;
padding: 0 20px;
border: 1px solid #000;
width: 100%;
height: 42px;
border-radius: 5px;
}
.search__container {
position: relative;
text-align: center;
padding: 60px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background: #005DFF;
display: flex;
justify-content: center;
flex-direction: column;
}
.search__container .title {
color: #fff;
}
.search__block {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
background-color: #fff;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
padding: 24px 37px;
width: 100%;
max-width: 780px;
margin: 0 auto;
}
.search__block-content {
position: relative;
width: 100%;
max-width: 500px;
}
.search__block-content .icon-search {
position: absolute;
top: 50%;
left: 30px;
transform: translate(-50%, -50%);
z-index: 1;
}
.search .btn {
margin-left: 17px;
width: 200px;
}
.search__input {
padding-left: 50px;
}
.search__img {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.description {
background-color: #252525;
padding: 60px 0;
}
.description__links {
position: relative;
display: inline-block;
}
.description__block {
display: none;
width: 100%;
position: absolute;
z-index: 10;
padding: 10px;
background-color: #fff;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.description__block-link {
display: block;
}
.description__block.open {
display: block;
}
.description__block-list li {
margin-bottom: 10px;
}
.description__block-list li a:hover {
color: #005DFF;
}
.description__block-list li:last-child {
margin-bottom: 0;
}
.description .btn {
text-align: left;
position: relative;
}
.description .btn--description {
padding-right: 30px;
}
.description .btn--description.active {
background-color: #252525;
}
.description .btn--description.active span {
color: #fff;
}
.description .btn--description.active .description__icon {
transform: scaleY(-1);
top: 43%;
right: 10px;
}
.description .btn--description.active .description__icon path {
fill: #fff;
}
.description .btn--description:hover .description__icon path {
fill: #fff;
}
.description__icon {
position: absolute;
top: 50%;
right: 5px;
transform: translate(-50%, -50%);
}
.description__title {
font-size: 21px;
line-height: 24px;
margin-bottom: 20px;
}
.description__wrapper {
padding: 30px;
border-radius: 15px;
background-color: #f7f7f7;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.description__inner {
padding: 20px;
border-radius: 15px;
background-color: #fff;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
margin-bottom: 40px;
}
.description .btn {
margin: 0 5px;
margin-bottom: 10px;
}
.advantages {
padding: 60px 0;
background-color: #252525;
}
.advantages__img {
margin-bottom: 20px;
}
.advantages__img img {
max-width: 100%;
}
.advantages__icon {
width: 55px;
height: 55px;
}
.advantages__inner {
display: flex;
justify-content: space-between;
}
.advantages__item {
max-width: 50%;
}
.advantages__item .title {
margin-bottom: 50px;
}
.advantages__list {
display: flex;
flex-wrap: wrap;
}
.advantages__list-item {
width: 38%;
margin-bottom: 40px;
margin-left: 40px;
}
.advantages__list-item p {
margin-top: 16px;
font-size: 20px;
line-height: 24px;
color: #fff;
}
.test {
padding: 160px 0;
}
.test__item {
position: relative;
z-index: 10;
}
.test__item .white__bg {
margin-top: 30px;
}
.test__item .title {
margin-bottom: 60px;
}
.test__container {
position: relative;
padding: 60px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background: #005DFF;
display: flex;
justify-content: space-between;
align-items: center;
}
.test__monoblock {
position: relative;
width: 371px;
height: 408px;
margin-right: 50px;
}
.test__monoblock-img {
position: absolute;
top: -100px;
left: 0;
}
.test .btn {
width: 300px;
}
.test__img {
position: absolute;
bottom: 4px;
right: 4px;
z-index: 1;
}
.logistics {
padding: 60px 0;
background-color: #252525;
}
.logistics .title {
text-align: center;
}
.logistics__slider-wrapper {
border-radius: 15px;
background-color: #f7f7f7;
}
.logistics__slider-item {
display: flex;
}
.logistics__slider-item_content {
width: 40%;
padding: 40px 20px 20px 20px;
}
.logistics__slider-item_content .link {
text-decoration: underline;
}
.logistics__slider-item_content .btn {
width: 100%;
max-width: 350px;
margin-bottom: 12px;
}
.logistics__slider-item_title {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-bottom: 40px;
text-align: center;
}
.logistics__slider-item_title sup {
font-size: 16px;
}
.logistics__slider-item_img {
height: 560px;
width: 60%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 15px 0 0 15px;
}
.logistics__input {
max-width: 350px;
}
.logistics__input-block {
margin: 30px 0;
}
.logistics__list {
display: flex;
justify-content: space-between;
flex-direction: column;
text-align: left;
}
.logistics__item {
font-size: 24px;
line-height: 26px;
position: relative;
margin-bottom: 10px;
}
.logistics__slider {
cursor: pointer;
}
.logistics__slider-left {
position: absolute;
bottom: -16%;
left: 44%;
transform: translate(-50%, -50%);
z-index: 1;
}
.logistics__slider-right {
position: absolute;
bottom: -16%;
right: 41%;
transform: translate(-50%, -50%);
z-index: 1;
}
.logistics .pagination {
padding-top: 40px;
text-align: center;
font-size: 20px;
}
.choosing {
padding: 160px 0;
}
.choosing__container {
overflow: hidden;
position: relative;
padding: 120px 60px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background: #005DFF;
display: flex;
justify-content: space-between;
}
.choosing__container .title {
color: #fff;
}
.choosing__squares-img--three {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.choosing__item {
position: relative;
max-width: 50%;
}
.choosing__item-text {
color: #fff;
font-size: 20px;
line-height: 28px;
max-width: 370px;
}
.choosing__squares-img {
position: absolute;
bottom: -110px;
left: -150px;
z-index: 1;
transform: rotate(270deg);
}
.choosing__form {
position: relative;
z-index: 2;
padding: 40px;
background-color: #fff;
border-radius: 15px;
}
.choosing .link {
text-decoration: underline;
}
.choosing__btns {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.choosing__btns .politican {
font-size: 12px;
line-height: 14px;
}
.choosing__btns .btn {
width: 100%;
text-align: center;
}
.choosing .input-name {
margin-bottom: 20px;
}
.choosing .input-tel {
width: 46%;
}
.choosing .input-email {
margin-left: 20px;
width: 47%;
}
.diplom {
padding: 60px 0;
background-color: #252525;
}
.diplom .title {
text-align: center;
}
.diplom__slider {
position: relative;
}
.diplom__slider-left {
cursor: pointer;
position: absolute;
top: 50%;
left: 15%;
transform: translate(-50%, -50%);
z-index: 1;
}
.diplom__slider-right {
cursor: pointer;
position: absolute;
top: 50%;
right: 16%;
transform: translate(-50%, -50%);
z-index: 1;
}
.diplom__slide img {
border-radius: 15px;
}
.news {
padding: 60px 0;
}
.news-details .responsive-iframe {
width: 100%; 
height: 0; 
padding-bottom: 56.25%;
position: relative; 
overflow: hidden; 
}
.news-details .responsive-iframe iframe {
position: absolute; 
top: 0;
left: 0;
width: 100%; 
height: 100%;
}
.news h2 {
display: flex;
justify-content: space-between;
}
.news .title .link {
font-size: 15px;
font-weight: normal;
text-decoration: underline;
margin-left: 20px;
}
.news .slick-list {
padding: 20px 0;
}
.news__slider {
position: relative;
padding: 40px 20px 0 20px;
}
.news__slider-content .link {
text-decoration: underline;
}
.news__slider-wrapper {
padding: 20px;
margin: 0 20px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background-color: #fff;
border-radius: 15px;
}
.news__slider-img {
position: relative;
margin-bottom: 20px;
}
.news__slider-img img {
max-width: 100%;
border-radius: 15px;
}
.news__slider-title {
font-size: 22px;
line-height: 24px;
}
.news__slider-text {
padding: 15px 0;
}
.news__slider-date {
border-radius: 5px;
padding: 7px 10px;
background-color: #fff;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
position: absolute;
top: 24px;
left: 24px;
z-index: 1;
}
.news__slider-left {
cursor: pointer;
position: absolute;
top: 0;
right: 7%;
z-index: 1;
}
.news__slider-right {
cursor: pointer;
position: absolute;
top: 0;
right: 3%;
z-index: 1;
}
.reviews {
padding: 60px 0;
background-color: #252525;
}
.reviews .title {
text-align: center;
}
.reviews__slider-wrapper {
margin: 0 20px;
padding: 32px;
background-color: #fff;
border-radius: 15px;
}
.reviews__slider-name {
margin-bottom: 10px;
}
.reviews__slider-course {
margin-bottom: 10px;
color: #666666;
}
.reviews__slider-course span {
color: #252525;
}
.reviews__slider-left {
cursor: pointer;
position: absolute;
bottom: -34%;
left: 44%;
transform: translate(-50%, -50%);
z-index: 1;
}
.reviews__slider-right {
cursor: pointer;
position: absolute;
bottom: -34%;
right: 42%;
transform: translate(-50%, -50%);
z-index: 1;
}
.reviews .pagination {
padding-top: 40px;
font-size: 20px;
text-align: center;
}
.reviews #pagination-reviews {
color: #fff;
}
.consultation {
padding-bottom: 160px;
}
.consultation__container {
overflow: hidden;
position: relative;
padding: 60px 60px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background: #005DFF;
display: flex;
justify-content: space-between;
}
.consultation__container .title {
color: #fff;
}
.consultation__container .title-big {
line-height: 40px;
margin-bottom: 35px;
}
.consultation__container .politican {
margin-right: 0;
width: 287px;
}
.consultation__container .btn {
width: 300px;
}
.consultation__squares-img--three {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.consultation__item {
position: relative;
max-width: 50%;
}
.consultation__item-text {
color: #fff;
font-size: 20px;
line-height: 28px;
max-width: 370px;
}
.consultation__squares-img {
position: absolute;
bottom: -110px;
left: -150px;
z-index: 1;
transform: rotate(270deg);
}
.consultation__form {
position: relative;
z-index: 2;
background-color: #fff;
border-radius: 15px;
}
.consultation .link {
text-decoration: underline;
}
.consultation__btns { text-align: center;
}
.consultation__btns .politican {
text-align: left; width: 100%;
font-size: 12px;
line-height: 14px;
}
.consultation__btns .btn {
width: 100%;
}
.consultation .input-name {
margin-bottom: 20px;
}
.consultation .metodist__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
padding: 5px;
max-width: 435px;
border-radius: 15px;
z-index: 2;
}
.consultation .metodist__wrapper .slick-arrow {
display: none;
}
.consultation .metodist__wrapper .metodist {
display: flex;
flex-direction: column;
width: 20%;
align-items: center;
justify-content: center;
}
.consultation .metodist__wrapper .metodist .metodist__name {
font-size: 14px;
line-height: 17px;
}
.consultation .metodist__wrapper .metodist .metodist__img {
margin-bottom: 5px;
}
.consultation .metodist__wrapper .metodist .metodist__img img {
border-radius: 15px;
}
.consultation .metodist__wrapper .metodist-slider {
max-width: 435px;
}
.speciality {
padding: 60px 0;
background-color: #252525;
}
.speciality .title {
text-align: center;
}
.speciality__slider {
width: 100%;
}
.speciality__slider-wrapper {
margin: 0 20px;
border-radius: 15px;
background-color: #fff;
}
.speciality__slider-left {
cursor: pointer;
position: absolute;
bottom: -40%;
left: 44%;
transform: translate(-50%, -50%);
z-index: 1;
}
.speciality__slider-right {
cursor: pointer;
position: absolute;
bottom: -40%;
right: 42%;
transform: translate(-50%, -50%);
z-index: 1;
}
.speciality__slide {
padding: 20px;
}
.speciality__slide-top {
height: 150px;
display: flex;
justify-content: space-between;
}
.speciality__slide-residency {
font-size: 14px;
line-height: 16px;
margin-bottom: 20px;
color: #000;
}
.speciality__slide-name {
font-size: 20px;
line-height: 22px;
font-weight: 900;
color: #000;
}
.speciality__slide-bottom {
padding-top: 40px;
}
.speciality .pagination {
padding-top: 40px;
font-size: 20px;
text-align: center;
}
.speciality .pagination span {
color: #fff;
}
.qrcode {
padding: 160px 0;
}
.qrcode .title {
line-height: 60px;
}
.qrcode__container {
overflow: hidden;
position: relative;
padding: 80px 120px 80px 60px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background: #005DFF;
display: flex;
justify-content: space-between;
}
.qrcode__item {
position: relative;
}
.qrcode__item-text {
color: #fff;
font-size: 20px;
line-height: 28px;
max-width: 370px;
margin-bottom: 40px;
}
.qrcode__item-img {
position: relative;
z-index: 10;
}
.qrcode__item-img img {
border-radius: 15px;
}
.qrcode__link {
position: relative;
z-index: 10;
}
.qrcode__link .link {
display: inline-block;
margin-right: 10px;
}
.qrcode__squares-img {
position: absolute;
bottom: -110px;
left: -150px;
z-index: 1;
transform: rotate(270deg);
}
.qrcode__squares-img--three {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.resources {
padding: 60px 0;
background-color: #252525;
}
.resources .title {
text-align: center;
}
.resources .pagination {
padding-top: 40px;
font-size: 20px;
text-align: center;
}
.resources .pagination span {
color: #fff;
}
.resources__slider {
max-width: 1560px;
width: 100%;
margin: 0 auto;
}
.resources__slider-left {
cursor: pointer;
position: absolute;
top: 50%;
left: -3%;
transform: translate(-50%, -50%);
z-index: 1;
}
.resources__slider-right {
cursor: pointer;
position: absolute;
top: 50%;
right: -7%;
transform: translate(-50%, -50%);
z-index: 1;
}
.resources__slide-wrapper {
margin: 0 20px;
}
.resources__slide img {
max-width: 360px;
border-radius: 15px;
}
#wrapMap {
position: relative;
cursor: pointer;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: rgb(204, 204, 204);
border-image: initial;
}
.mapTitle {
position: absolute;
z-index: 1000;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
display: none;
padding: 5px 20px;
border-radius: 10px;
background: rgb(255, 255, 255);
border-width: 1px;
border-style: solid;
border-color: rgb(204, 204, 204);
border-image: initial;
}
.location .container {
position: relative;
}
.location__wrapper {
position: absolute;
top: 40px;
left: 0;
z-index: 1;
padding: 40px;
background-color: #fff;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.location__name {
margin-bottom: 5px;
text-transform: uppercase;
}
.location__item {
margin-bottom: 20px;
}
.location__icon {
width: 12px;
height: 16px;
}
.location__info {
position: relative;
}
.location__icon {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
}
.location__mail {
padding-left: 20px;
}
.location__addres {
padding-left: 20px;
}
.location__phone {
padding-left: 20px;
}
.cookie-consent {
position: fixed;
bottom: 120px;
right: 20px;
background-color: #2c2c2c;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
max-width: 320px;
width: calc(100% - 40px);
text-align: left;
z-index: 9999;
display: none;
}
.cookie-consent p {
margin: 0 0 10px;
font-size: 14px;
line-height: 1.4;
color: white;
}
.cookie-consent a {
text-decoration:underline;
color: white;
}
.cookie-consent button {
background-color: #fd3c76;
color: white;
border: none;
padding: 10px 20px;
font-size: 14px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.cookie-consent button:hover {
background-color: #ffffff;
color: black;
}
.footer {
position: relative;
overflow: hidden;
padding: 30px 0 0;
background-color: #252525;
margin-top: 25px;
}
.footer__bottom-impaired {
display: flex;
justify-content: center;
align-items: center;
}
.footer__bottom-impaired .icon-eye {
margin-right: 10px;
}
.footer__bottom-wrapper {
padding: 30px 0;
border-top: 1px solid #ffffff;
}
.footer__bottom-wrapper span {
color: #A9A9A9;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
padding-top: 60px;
padding-bottom: 30px;
}
.footer__wrapper-other .btn {
border: 1px solid #A9A9A9;
}
.footer__wrapper-other .btn span {
color: #A9A9A9;
}
.footer__wrapper-other .btn:hover {
border: 1px solid #fff;
}
.footer__wrapper-other .btn:hover span {
color: #fff;
}
.footer__wrapper-contacts_left {
width: 200px;
}
.footer__wrapper-contacts_name {
font-size: 30px;
margin-bottom: 10px;
color: #ffffff;
line-height: 30px;
}
.footer__listing {
color: #ffffff;
font-size: 28px;
}
.footer__wrapper-contacts_link {
font-size: 14px;
color: #A9A9A9;
}
.footer__wrapper-contacts_addres {
margin-bottom: 35px;
}
.footer .nav-catalog:hover {
color: #fff;
background-color: inherit;
border: 1px solid #fff;
}
.footer .btn-footer {
border: 1px solid #A9A9A9;
color: #A9A9A9;
}
.footer .btn-footer .nav-icon span {
background-color: #A9A9A9;
}
.footer__top {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding-bottom: 35px;
}
.footer__top-tel {
margin-top: 20px;
display: grid;
max-width: 350px;
text-align: center;
grid-area: auto;
white-space: nowrap;
}
.footer__top-tel .nav__link {
cursor: pointer;
color: #ffffff;
}
.nav__tel {
color: #ffffff;
font-size: 28px;
padding: 5px 10px;
}
.nav__telp {
color: #ffffff;
font-size: 14px
}
.footer__top .nav {
margin-top: 20px;
}
.footer__top-wrapper {
border-bottom: 1px solid #ffffff;
}
.footer__top .nav__link:hover {
border: 1px solid #A9A9A9;
}
.footer__logo {
display: inline-block;
}
.footer__contacts-item {
margin-bottom: 30px;
}
.footer__contacts-info {
position: relative;
}
.footer__contacts-name {
color: #A9A9A9;
margin-bottom: 15px;
padding-left: 35px;
color: #ffffff;
font-size: 18px;
}
.footer__contacts-link {
padding-left: 20px;
color: #A9A9A9;
}
.footer__contacts-icon {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
}
.footer__social-title {
color: #FD3C76;
font-size: 20px;
font-weight: bolder;
}
.footer__wrapper-social {
margin-top: 35px;
display: flex;
flex-direction: column;
align-items: center;
}
.footer__social {
margin-top: 40px;
}
.footer__social-link .link {
border-radius: 5px;
padding: 12px 6px 6px 6px;
border: 1px solid #A9A9A9;
margin-right: 10px;
}
.footer__social-link .link:hover {
border: 1px solid #fff;
}
.footer__wrapper-other {
width: 331px;
height: 270px
}
.footer_block3 {
display: grid;
background-color: #ffffff;
border-radius: 15px;
width: 100%;
height: 100%;
}
.img_footer { }
.footer__wrappe-partners {
display: flex;
flex-direction: column;
align-items: center;
}
.img-footer {  }
.footer__social-title {
margin-bottom: 15px;
text-align: center;
padding-bottom: 10px;
}
.footer .partners__name {
margin-top: 30px;
color: #005DFF;
margin-bottom: 10px;
font-size: 20px;
text-align: center;
padding-bottom: 10px;
font-weight: bolder;
}
.footer__img {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.selectize-dropdown {
position: absolute;
z-index: 10;
background-color: #fff;
}      .sveden_bold{
font-weight: 600;
}
.sveden summary {
cursor: pointer;
margin-bottom: 10px;
}
.sveden a {
text-decoration: underline;
}
.sveden table {
width: 100%;
border-collapse: collapse;
}
.sveden tbody {
max-width: 100%;
}
.sveden td {
color: #252525;
vertical-align: top;
font-weight: 500;
padding: 12px;
border: 1px solid #dee2e6;
} .sveden__title {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
font-weight: 700;
}
.sveden__table {
width: 100%;
padding: 40px 20px;
background-color: #fff;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
border-radius: 10px;
overflow-x: scroll;
}
.comon__table{
margin-bottom: 20px;
}
.sveden__table-container {
margin-bottom: 60px;
}
.sveden__left-title th {
text-align: left;
}  .sveden-dropdown__content {
font-size: 20px;
line-height: 24px;
margin-bottom: 30px;
}
.sveden-dropdown__item {
color: #000;
cursor: pointer;
} .sveden-dropdown__item.active span::after {
display: none;
}
.sveden-dropdown__item.active .arrow-right-icon {
transform: rotate(90deg);
}
.sveden-dropdown__content-data {
display: none; }
.sveden-dropdown__content-data.open {
display: block;
}
.sveden__local {
padding-top: 20px;
}
.sveden__local-list {
padding-left: 20px;
}
.education__p {
font-size: 20px;
margin-bottom: 30px;
}
.modal {
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
max-width: 600px;
}
.modalzap {
overflow: hidden;
width: 500px;
height: 600px;
padding: 14px;
}
.modal__requirements {
max-width: 500px;
}
.modal__title {
font-weight: 700;
font-size: 28px;
line-height: 34px;
margin-bottom: 20px;
}
.modal__text {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.modal__list {
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}
.modal__list li {
font-weight: 700;
color: #000;
}
.salary {
padding: 50px 0 380px 0;
background-color: #f7f7f7;
}
.salary .title {
margin-bottom: 60px;
text-align: center;
}
.salary__inner {
display: flex;
justify-content: space-between;
}
.salary__item+.salary__item {
margin-left: 30px;
}
.salary__item {
position: relative;
width: 33.33333%;
background-color: #fff;
padding: 30px 30px 115px 30px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.salary__item.blueColorBg {
background-color: #005DFF;
}
.salary__item.blueColorBg .salary__item-sum {
color: #fff;
}
.salary__item.blueColorBg .salary__item-specialist {
color: #fff;
}
.salary__item.blueColorBg svg symbol path {
fill: red;
}
.salary__item-sum {
font-weight: 700;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
.salary__item-specialist {
color: #666666;
}
.salary__item .salary-icon {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 1;
}
.learing-profit__block {
position: relative;
}
.learing-profit__wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
padding: 40px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background-color: #fff;
width: 100%;
}
.learning-profit__title {
margin-bottom: 16px;
}
.learning-profit__desc {
font-size: 16px;
line-height: 24px;
color: #666666;
max-width: 486px;
margin-bottom: 24px;
}
.learning-profit__duration {
margin-bottom: 8px;
padding: 20px;
border-radius: 10px;
color: #fff;
background-color: #005DFF;
}
.learning-profit__duration-text {
margin-bottom: 33px;
color: #fff;
}
.learning-profit__duration-value {
color: #fff;
font-size: 20px;
margin-bottom: 0;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.learning-profit__calc {
position: relative;
padding: 20px 20px 24px;
border-radius: 10px;
background-color: var(--bg-secondary-accent-color);
}
.learning-profit__subtitle {
margin-bottom: 8px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.learning-profit__info-by {
display: block;
margin-bottom: 86px;
color: var(--text-secondary-color);
}
.learning-profit__slider {
position: relative;
z-index: 1;
}
.learning-profit__slider::after,
.learning-profit__slider::before {
position: absolute;
width: 2px;
height: 16px;
border-radius: 2px;
content: "";
}
.learning-profit__slider::before {
top: -8px;
left: -2px;
background-color: #8ca9ff;
}
.learning-profit__slider::after {
top: -8px;
left: calc(50% + 1px);
background-color: #8ca9ff;
}
.learning-profit__slider--middle::after {
background-color: #8ca9ff;
}
.learning-profit__values {
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 36px 0 0;
}
.learning-profit__grade-name {
color: #fff;
}
.learning-profit__value {
color: var(--text-secondary-color);
text-align: center;
}
.learning-profit__value:first-child {
text-align: left;
}
.learning-profit__value:not(.learning-profit__value--alone):last-child {
text-align: right;
}
.learning-profit__value b {
display: block;
margin-bottom: 2px;
color: var(--text-main-color);
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.noUi-target,
.noUi-target * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.noUi-target {
position: relative;
height: 2px;
border: 1px solid #8ca9ff;
background-color: #8ca9ff;
}
.noUi-base,
.noUi-connects {
position: relative;
width: 100%;
height: 2px;
}
.noUi-connects {
top: -1px;
border-radius: 3px;
overflow: hidden;
}
.noUi-base::before {
position: absolute;
top: -12px;
bottom: -12px;
width: 100%;
content: "";
}
.noUi-base::after {
position: absolute;
top: -8px;
right: -2px;
width: 2px;
height: 16px;
border-radius: 2px;
background-color: #8ca9ff;
content: "";
}
.noUi-connect,
.noUi-origin {
position: absolute;
top: 0;
right: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform-style: flat;
transform-style: flat;
will-change: transform;
}
.noUi-connect {
width: 100%;
height: 2px;
background-color: #8ca9ff;
}
.noUi-origin {
width: 10%;
}
.noUi-handle {
position: absolute;
top: -19px;
right: -3px;
width: 32px;
height: 32px;
border-radius: 50%;
outline: 0;
-webkit-transform: translateX(60%);
transform: translateX(60%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: default;
-webkit-transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
}
.noUi-handle::after,
.noUi-handle::before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: initial;
-webkit-transition: all 0.125s;
transition: all 0.125s;
content: "";
}
.noUi-handle::before {
opacity: var(--glasses-opacity);
}
.noUi-handle:active {
cursor: -webkit-grab;
cursor: grab;
}
.noUi-handle:focus-visible .noUi-touch-area,
.noUi-handle:focus-visible::after,
.noUi-handle:focus-visible::before {
-webkit-transform: scale(1.125);
transform: scale(1.125);
}
.learning-profit__slider .noUi-handle::before {
background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0%29%27%3E%3Cpath d=%27M22.1886 14.9168C24.6438 14.9168 26.636 13.5916 26.636 11.9583C26.636 11.1412 26.9131 10.3241 26.1082 9.78878C25.3032 9.25343 23.4162 8.99986 22.1885 8.99986C20.7284 8.99986 19.0022 9.06626 18.1914 9.78878C17.6379 10.282 17.7411 11.2953 17.7411 11.9583C17.7412 13.5916 19.7317 14.9168 22.1886 14.9168Z%27 fill=%27black%27/%3E%3Cpath d=%27M10.0498 14.916C12.505 14.916 14.4972 13.5908 14.4972 11.9575C14.4972 11.1404 14.7743 10.3233 13.9694 9.78795C13.1645 9.2526 11.2774 8.99902 10.0497 8.99902C8.5896 8.99902 6.86341 9.06543 6.05264 9.78795C5.49917 10.2812 5.60233 11.2945 5.60233 11.9575C5.6024 13.5908 7.59289 14.916 10.0498 14.916Z%27 fill=%27black%27/%3E%3Cpath d=%27M26.7823 11.1651C26.7823 11.1651 27.3728 15.1247 22.5316 14.8319C20.9085 14.7337 17.6888 14.5306 17.6574 10.9687C17.6546 10.6455 17.6622 10.2283 18.1598 9.7509C18.8194 9.11793 20.3726 8.83815 24.3212 9.09242C24.3212 9.09247 26.4564 9.04658 26.7823 11.1651Z%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5.80389 11.1651C5.80389 11.1651 5.21344 15.1247 10.0547 14.8319C11.6777 14.7337 14.8975 14.5306 14.9288 10.9687C14.9317 10.6455 14.924 10.2283 14.4265 9.7509C13.7668 9.11793 12.2136 8.83815 8.26508 9.09242C8.26514 9.09247 6.12991 9.04658 5.80389 11.1651Z%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5.84744 10.9184L5.5791 9.35725L7.95386 9.11288%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M13.6338 9.46323C13.6338 9.46323 16.2902 11.547 19.2099 9.46323%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M14.8818 11.5607C14.8818 11.5607 16.2461 9.82374 17.6923 11.5607%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M26.7343 10.9213L27.0027 9.36016L24.6279 9.1158%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M14.8721 10.8518C14.8721 10.8518 16.3758 9.80988 17.9699 10.8518%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0%27%3E%3Cpath d=%27M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.learning-profit__slider--min .noUi-handle::after {
background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0%29%27%3E%3Ccircle cx=%2710.999%27 cy=%2713.3935%27 r=%270.75%27 fill=%27black%27 stroke=%27black%27 stroke-width=%271.46667%27/%3E%3Ccircle cx=%2720.999%27 cy=%2713.3935%27 r=%270.75%27 fill=%27black%27 stroke=%27black%27 stroke-width=%271.46673%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0%27%3E%3Cpath d=%27M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.learning-profit__slider--middle .noUi-handle {
right: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.learning-profit__slider--middle .noUi-handle::after {
background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.66016 12.5117C8.19048 11.7814 9.08279 11.3021 10.0942 11.3021C11.1055 11.3021 11.9978 11.7814 12.5282 12.5117%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M19.7539 12.5117C20.2842 11.7814 21.1765 11.3021 22.1879 11.3021C23.1993 11.3021 24.0916 11.7814 24.6219 12.5117%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}
.learning-profit__slider--max .noUi-handle {
right: 3px;
-webkit-transform: translateX(40%);
transform: translateX(40%);
}
.is-safari .noUi-handle:focus .noUi-touch-area {
-webkit-transform: scale(1.125);
transform: scale(1.125);
}
.noUi-touch-area {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0%29%27%3E%3Cpath d=%27M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z%27 fill=%27url%28%23paint0_linear%29%27/%3E%3Cpath d=%27M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z%27 fill=%27url%28%23paint1_radial%29%27 style=%27mix-blend-mode:lighten%27/%3E%3Cpath d=%27M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z%27 fill=%27url%28%23paint2_linear%29%27 fill-opacity=%270.2%27/%3E%3Cpath d=%27M10.2173 19.7314C11.5081 21.509 13.6801 22.6758 16.1418 22.6758C18.6036 22.6758 20.7756 21.509 22.0664 19.7314%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear%27 x1=%2716%27 y1=%2712.5%27 x2=%2716%27 y2=%2732%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23FFD978%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FFA945%27/%3E%3C/linearGradient%3E%3CradialGradient id=%27paint1_radial%27 cx=%270%27 cy=%270%27 r=%271%27 gradientUnits=%27userSpaceOnUse%27 gradientTransform=%27translate%2817.5 -4.5%29 rotate%2890%29 scale%2815.5%29%27%3E%3Cstop stop-color=%27white%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FFEBA6%27 stop-opacity=%270%27/%3E%3C/radialGradient%3E%3ClinearGradient id=%27paint2_linear%27 x1=%2716%27 y1=%270%27 x2=%2716%27 y2=%2732%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3CclipPath id=%27clip0%27%3E%3Cpath d=%27M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 32px 32px;
-webkit-transition: all 0.125s;
transition: all 0.125s;
}
.noUi-tooltip {
position: absolute;
bottom: 150%;
left: 0;
display: block;
padding: 8px 16px;
border-radius: 10px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
text-align: center;
background-color: #005DFF;
-webkit-transition: all 200ms;
transition: all 200ms;
font-variant-numeric: tabular-nums;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
}
.noUi-tooltip::after {
position: absolute;
bottom: -9px;
border-top: 10px solid #005DFF;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
-webkit-transition: left 200ms;
transition: left 200ms;
content: "";
}
.author-card {
background: white;
border-radius: 15px;
padding: 30px;
max-width: 800px;
margin: 0 auto;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
display: flex;
gap: 30px;
align-items: center; }
.author-avatar {
flex-shrink: 0;
width: 160px;
height: 160px;
}
.author-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
border: 3px solid #f3f6ff;
}
.author {
color: #666;
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
.author-info {
flex: 1;
}
.author-name {
font-size: 24px;
font-weight: bold;
color: black;
margin-bottom: 5px;
}
.author-position {
font-size: 18px;
color: #005dff;
font-weight: 600;
margin-bottom: 15px;
}
.author-description {
color: #666;
font-size: 16px;
line-height: 1.5;
}
.news-details .course-card {
background: #CCCCCC;
border-radius: 15px;
padding: 30px;
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 10px;
}
.news-details .course-title a{
color: white !important;
background-color: #fd3c76;
line-height: 32px;
font-size: 28px;
font-weight: 500;
margin-bottom: 5px;
transition: 0.2s ease;
}
.news-details .bottom-section{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 10px;
}
.news-details .bottom-section-info{
display: flex;
flex-direction: column;
gap: 7px;
}
.news-details .bottom-section-info-list{
display: flex;
flex-direction: row;
align-items: center;
gap: 5px;
}
.news-details .bottom-section-info .fav-svg{
background-color: #fe9dbb;
border-radius: 100%;
width:35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px !important;
line-height: 24px !important;
}
.news-details .bottom-section-info svg {
width: 18px;
height: 18px;
}
.news-details .course-actions .btn{
display: flex;
justify-content: center;
align-items: center;
transition: 0.2s ease;
}
.news-details .course-actions .btn:hover{
background-color:black;
color: white;
}
.news-details .course-actions{
display: flex;
flex-direction: column;
gap: 10px;
align-items:center;
}
.news-details .course-actions a {
text-decoration: underline;
}
.news-details .course-actions a:hover{
text-decoration: none;
}
.news-details .course-card .btn{
background-color: #fd3c76;  }
@media (min-width: 768px) {
.learning-profit__wrapper {
padding: 40px 44px;
border-radius: 20px;
}
.learning-profit__desc {
margin-bottom: 36px;
}
.learning-profit__calc {
padding: 40px;
}
.learning-profit__subtitle {
width: 500px;
}
.learning-profit__info-by {
margin-bottom: 84px;
}
.learning-profit__values {
margin-top: 32px;
}
.noUi-tooltip {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.noUi-tooltip::after {
left: calc(50% - 10px);
}
}
@media (min-width: 768px) and (max-width: 1023.9px) {
.learning-profit__title {
width: 542px;
margin-bottom: 20px;
}
.learning-profit__duration {
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: 24px 40px 27px;
}
.learning-profit__duration-text {
width: 314px;
margin-right: 26px;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.learning-profit__wrapper {
position: relative;
z-index: 1;
display: grid;
grid-gap: 42px 31px;
grid-template-rows: auto;
grid-template-columns: 517px 1fr;
padding: 40px 32px 38px;
}
.learning-profit__desc,
.learning-profit__title {
grid-row: 1/2;
grid-column: 1/2;
margin-bottom: 0;
}
.learning-profit__desc {
grid-column: 2/-1;
}
.learning-profit__duration {
background-color: #005DFF;
position: absolute;
z-index: 1;
left: 40px;
grid-row: 2/-1;
grid-column: 1/2;
align-self: center;
width: 268px;
min-height: 234px;
margin-top: 40px;
margin-bottom: 40px;
padding: 36px;
border-radius: 20px;
}
.learning-profit__duration-text {
margin-bottom: 64px;
color: #fff;
}
.learning-profit__calc {
grid-row: 2/-1;
grid-column: 1/-1;
padding: 42px 42px 38px 360px;
border-radius: 20px;
}
.learning-profit__info-by {
margin-bottom: 112px;
}
.learning-profit__value b {
margin-bottom: 8px;
}
.noUi-handle:hover {
cursor: pointer;
}
.noUi-handle:hover .noUi-touch-area,
.noUi-handle:hover::after,
.noUi-handle:hover::before {
-webkit-transform: scale(1.125);
transform: scale(1.125);
}
}
@media (min-width: 1024px) and (max-width: 1279.9px) {
.learning-profit__values {
margin-top: 24px;
}
}
@media (min-width: 1280px) {
.learning-profit__wrapper {
grid-row-gap: 48px;
grid-template-columns: 502px 1fr;
padding: 56px 68px;
}
.learning-profit__desc {
max-width: 498px;
}
.learning-profit__calc {
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.learning-profit__info-by {
margin-bottom: 104px;
}
}
@media (max-width: 767px) {
.learning-profit__wrapper {
width: calc(100% - 12px);
margin-right: auto;
margin-left: auto;
padding-right: 14px;
padding-left: 14px;
}
.learning-profit__calc,
.learning-profit__duration {
margin-right: -10px;
margin-left: -10px;
}
.learning-profit__slider--min .noUi-tooltip::after {
left: 6px;
}
.learning-profit__slider--middle .noUi-tooltip {
-webkit-transform: translateX(calc(-100% + 32px));
transform: translateX(calc(-100% + 32px));
}
.learning-profit__slider--middle .noUi-tooltip::after {
left: calc(100% - 26px);
}
.reviews__item{
display: flex;
justify-content: center;
gap: 20px;
flex-direction: column !important;
align-items: center;
}
}
@media (max-width: 460px) {
* {
padding: 3px;
margin: 0;
border: 0;
box-sizing: border-box;
color: #252525; } .callback-bt .text-call:after {
background-position: right 75% bottom 85% !important;
} .location__info {
display: flex;
}
.location__icon {
width: 30px;
height: 30px;
}
.location__mail {
padding-left: 43px;
}
.location__addres {
padding-left: 40px;
}
.location__phone {
padding-left: 43px;
} .specialist__billet-day {
display: flex;
flex-wrap: wrap;
} .footer__wrapper-social {
margin-top: 0px;
}
.intro__list .intro__item .icon-check {
top: 8px;
}
.intro__nav-item .icon-deg-arrow {
margin-top: 8px;
}
}
.poss {
padding: 380px 0 60px 0;
}
.poss .title {
margin-bottom: 60px;
}
.poss__inner {
display: flex;
justify-content: space-between;
}
.poss__inner-item {
width: 33.33333%;
position: relative;
border-radius: 15px;
padding: 74px 20px 20px 20px;
}
.poss__inner-item_list li {
color: #fff;
margin-bottom: 10px;
}
.poss__inner-item__title {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 20px;
}
.poss__inner-item-grayLightColor {
background-color: #f7f7f7;
}
.poss__inner-item-blueColor {
background-color: #005DFF;
}
.poss__inner-item-blueColor .poss__inner-item__text {
color: #fff;
}
.poss__inner-item-blueColor .poss__inner-item__title {
color: #fff;
}
.poss__inner-item-pinkColor {
background-color: #FD3C76;
}
.poss__inner-item-pinkColor .poss__inner-item__text {
color: #fff;
}
.poss__inner-item-pinkColor .poss__inner-item__title {
color: #fff;
}
.poss__inner-item+.poss__inner-item {
margin-left: 30px;
}
.poss__icon {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
.help {
padding: 60px 0;
}
.help__wrapper {
border-radius: 10px 10px 0 0;
padding: 60px 60px 30px 60px;
background-color: #f7f7f7;
}
.help__step {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 85px;
}
.help__step::after {
position: absolute;
top: 22px;
left: 0;
z-index: 1;
content: "";
display: block;
height: 1px;
width: 100%;
background-image: url(/wp-content/themes/med-skills/assets/images/line.svg);
background-repeat: no-repeat;
}
.help__step-item {
position: relative;
padding-top: 70px;
max-width: 33.33333%;
}
.help__step-item__num {
position: absolute;
top: 0;
left: 0;
z-index: 2;
font-size: 18px;
line-height: 23px;
color: #005DFF;
padding: 10px 16px;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #005DFF;
border-radius: 50%;
background-color: #f7f7f7;
}
.help__step-item__num-blue {
color: #fff;
background-color: #005DFF;
}
.help__step-item__title {
font-weight: 700;
font-size: 20px;
line-height: 26px;
margin-bottom: 25px;
}
.help__step-item+.help__step-item {
margin-left: 70px;
}
.platform {
padding: 60px 0;
}
.platform__img img {
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
border-radius: 10px;
}
.platform__subtitle {
font-size: 16px;
line-height: 24px;
color: #666666;
}
.platform__wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.platform__content {
max-width: 50%;
}
.platform__subtitle {
font-size: 16px;
line-height: 24px;
color: #666666;
}
.accordion {
width: 100%;
}
.accordion__list {
margin-top: 10px;
padding-left: 60px;
}
.accordion__list li {
color: #fff;
margin-bottom: 5px;
}
.accordion-item {
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px;
}
.accordion-item .platform__accordion-icon path {
fill: #005DFF;
}
.accordion-item.show .accordion-titel {
background-color: #005DFF;
border-radius: 0;
padding-bottom: 0;
}
.accordion-item.show .accordion-titel span {
color: #fff;
}
.accordion-item.show .platform__accordion-icon path {
fill: #fff;
}
.accordion-titel {
font-size: 20px;
line-height: 26px;
font-weight: 700;
border-radius: 15px;
background-color: #f7f7f7;
padding: 30px;
cursor: pointer;
}
.accordion-titel span {
margin-left: 22px;
}
.accordion-contant {
padding: 15px;
background-color: #005DFF;
display: none;
}
.accordion-contant p {
padding-left: 60px;
color: #fff;
}
.skills {
background-color: #252525;
padding: 60px 0 120px;
}
.skills .title {
margin-bottom: 60px;
}
.marquee__one {
overflow: hidden;
}
.marquee__two {
overflow: hidden;
margin-bottom: 20px;
}
.marquee__three {
overflow: hidden;
} .services .services-search {
position: relative;
margin-bottom: 1.5rem;
}
.services .icon-search {
position: absolute;
top: 1rem;
left: 1rem;
z-index: 1;
}
.services .search-input {
background-position: 10px 12px;
background-repeat: no-repeat;
width: 100%;
font-size: 16px;
padding: 1rem 2rem 1rem 3rem;
border: 1px solid #ddd;
border-radius: 10px;
background-color: #f7f7f7;
}
.services .search-input::-webkit-input-placeholder {
font-size: 16px;
}
.services .search-input::-moz-placeholder {
font-size: 16px;
}
.services .search-input:-ms-input-placeholder {
font-size: 16px;
}
.services .search-input::-ms-input-placeholder {
font-size: 16px;
}
.services .search-input::placeholder {
font-size: 16px;
}
.services .search-input:focus {
background-color: inherit;
}
.services .no-found {
color: #fd3c76;
}
.services__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 15px;
background-color: #fff;
}
.services__lists {
overflow: scroll;
overflow-x: hidden;
height: 740px;
padding-right: 2rem;
}
.services__lists__doctors {
height: 380px;
}
.services__lists li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 1px solid #f2f2f2;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.services__lists li a:hover span {
color: #fd3c76;
}
.services__lists li span {
font-size: 18px;
line-height: 125%;
}
.services__lists li span.services__name {
max-width: calc(100% - 120px);
}
.services__column-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 15px;
padding: 2rem 1rem 2rem 2rem;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15);
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15);
}
.services__item {
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; }
.services__column-container .services__column-left .services__title {
font-size: clamp(16px, 2.67px + 1.11vw, 24px);
}
.services__item:hover .services__title {
color: #fd3c76;
}
.services__item:hover .services__button {
border: none;
}
.services__item:hover .services__button span {
color: #fd3c76;
}
.services__item:hover .services__button svg {
-webkit-transition: ease all 0.24s;
-o-transition: ease all 0.24s;
transition: ease all 0.24s;
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.services__item:hover .services__button svg path {
stroke: #fd3c76;
}
.services__title {
font-weight: 700;
font-size: 20px;
margin-left: 12px;
line-height: normal;
color: #252525;
}
.services__button {
padding: 0;
-webkit-transition: ease all 0.24s;
-o-transition: ease all 0.24s;
transition: ease all 0.24s;
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;
border: none;
border-radius: 32px;
background-color: #F5F7FA;
}
.services__button svg {
-webkit-transition: ease all 0.24s;
-o-transition: ease all 0.24s;
transition: ease all 0.24s;
margin-left: 10px;
}
.services__button span {
color: #666;
}
.services {
padding: 60px 0;
}
.services__top {
text-align: center;
}
.services__top .title {
margin-bottom: 60px;
}
.services__suptitle {
font-size: 18px;
color: #666;
margin-bottom: 20px;
}
.services__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.services__inner-item+.services__inner-item {
margin-left: 30px;
}
.services__inner-item {
max-width: 33.33333%;
padding: 30px;
border-radius: 15px;
background-color: #f7f7f7;
}
.services__inner-item__title {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 25px;
}
.services__inner-item__blue {
background-color: #005dff;
}
.services__inner-item__blue .services__inner-item__title {
color: #fff;
}
.services__inner-item__blue .services__list p {
color: #fff;
}
.services__list {
padding-left: 24px;
position: relative;
margin-bottom: 16px;
}
.services__list .icon-check {
position: absolute;
top: 5px;
left: 0;
z-index: 1;
}
.services__list p {
font-size: 16px;
line-height: 24px;
color: #666;
}
.popupserv{
display: block;
text-align: left;
max-height: 100%;
max-width: 100%;
z-index: 100000002;
left: 20px;
top: 50%;
transform: translate(0px, -50%);
margin-right: 0px;
position: fixed;
}
.popupserv-main {
max-width: 260px;
}
.popupserv-image {
position: relative;
z-index: 1;
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
object-fit: cover;
filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.25));
width: 120px;
margin-bottom: -78px;
margin-left: auto;
margin-right: auto;
}
.popupserv-container{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
border: 0 solid #000;
border-radius: 30px;
background-color: rgba(253, 60, 118, 1);
}
.popupserv-content {
padding: 20px 15px;
padding-top: 88px;
}
.popupserv-close {
top: 20px;
right: 20px;
width: 22px;
height: 22px;
background-color: rgba(255, 255, 255, 0);
}
.popupserv-close::before,.popupserv-close::after {
background-color: #fff;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 2px;
border-radius: 2px;
transform: translate(-50%, -50%) rotate(45deg);
}
.popupserv-close::after {
transform: translate(-50%, -50%) rotate(135deg);
}
.popupserv-close {
position: absolute;
z-index: 40;
cursor: pointer;
}
.popupserv-title {
margin-bottom: 10px;
font-size: 24px;
text-align: center;
color:#fff;
}
.popupserv-subtitle {
font-size: 16px;
text-align: center;
color: #fff;
font-weight: 400;
line-height: 1.4;
}
.popupserv-subtitle span{
color: #fff;
}
@media (max-width: 768px) {
.popupserv-js-wrapper {
display: none !important;
}
.author-card {
padding: 15px;
gap: 15px;
}
.author-avatar {
width: 80px;
height: 80px;
}
.author-name {
font-size: 18px;
}
.author-position,
.author,
.author-description{
font-size: 14px;
line-height: 20px;
}
}
.equipment {
padding: 120px 0 120px;
}
.equipment title {
margin-bottom: 60px;
}
.equipment__inner {
display: flex;
justify-content: space-between;
}
.equipment__inner-item {
max-width: 25%;
}
.equipment__inner-item__img {
padding: 0 10px;
margin-bottom: 25px;
width: 100%;
max-width: 295px;
height: 100%;
max-height: 225px;
}
.equipment__inner-item__img video {
border: 1px solid #666666;
max-width: 100%;
border-radius: 15px;
}
.equipment__inner-item__img img {
border: 1px solid #666666;
width: 100%;
max-width: 295px;
height: 100%;
max-height: 225px;
border-radius: 15px;
background-position: center;
background-size: 295px 225px;
}
.equipment__inner-item__title {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 25px;
}
.equipment__inner-item__text {
padding: 0 20px 0 0;
color: #666666;
}
.equipment__inner-item__text li {
color: #666666;
}
.comfortable {
padding: 120px 0;
background-color: #f7f7f7;
}
.comfortable__wrapper {
display: flex;
justify-content: space-between;
}
.comfortable__wrapper-item {
max-width: 50%;
}
.comfortable .accordion-titel {
background-color: #fff;
}
.comfortable .title {
margin-right: 20px;
}
.frdo {
padding: 60px 0;
}
.frdo__wrapper {
display: flex;
justify-content: space-between;
}
.frdo__wrapper-item+.frdo__wrapper-item {
margin-left: 30px;
}
.frdo__wrapper-item {
max-width: 50%;
}
.frdo__wrapper-item__img {
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.frdo__wrapper-item__img img {
max-width: 100%;
border-radius: 15px;
}
.frdo__subtitle {
font-size: 16px;
line-height: 24px;
color: #666666;
margin-bottom: 40px;
}
.frdo__buttons {
display: flex;
align-items: center;
}
.frdo__buttons .btn--border {
margin-left: 20px;
}
.frdo .icon-record {
margin-right: 10px;
}
.ultrasound {
display: flex;
flex-wrap: wrap;
margin: 0 0 160px 0;
}
.ultrasound__wrapper {
padding: 60px 0;
}
.ultrasound__item {
width: 50%;
padding: 0 15px;
}
.ultrasound__img {
display: block;
max-width: 100%;
height: auto;
border-radius: 15px;
}
.ultrasound__list-item {
margin-bottom: 10px;
}
.accordion__item {
border-radius: 15px;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
}
.accordion__item.active .accordion__content {
display: block;
height: 100%;
}
.accordion__item.active .accordion__header {
border-bottom-color: #e5e5e5;
}
.accordion__item.active .accordion__header {
border-radius: 15px;
}
.accordion__item.active .accordion__header:after {
transform: translateY(-50%) rotate(-45deg);
margin-top: 5px;
}
.accordion__header {
padding: 15px 20px 15px 20px;
position: relative;
border-bottom: 1px solid transparent;
cursor: pointer;
}
.accordion__header:after {
content: "";
display: block;
width: 16px;
height: 16px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
position: absolute;
top: 50%;
right: 20px;
z-index: 1;
transform: translateY(-50%) rotate(135deg);
}
.accordion__icon {
position: absolute;
top: 50%;
left: 20px;
z-index: 1;
transform: translateY(-50%);
}
.accordion__content {
padding: 15px 20px;
display: none;
height: 0%;
font-size: 15px;
}
.accordion__title {
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
}
.director {
padding: 60px 0;
background-color: #252525;
}
.director__wrapper {
border-radius: 15px;
display: flex;
justify-content: space-between;
background-color: #fff;
padding: 40px;
}
.director__wrapper-item+.director__wrapper-item {
margin-left: 30px;
}
.director__wrapper-item__img {
position: relative;
margin-bottom: 20px;
}
.director__wrapper-item__img img {
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.director__wrapper-item__img .director__icon-play {
width: 37px;
height: 37px;
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
}
.director__wrapper-item__num {
font-size: 22px;
line-height: 33px;
font-weight: 700;
margin-bottom: 25px;
}
.director__wrapper-item__text {
margin-bottom: 40px;
}
.check-list {
padding: 120px 0 60px 0;
}
.check-list__text {
font-size: 20px;
line-height: 26px;
font-weight: 700;
}
.check-list__wrapper {
display: flex;
justify-content: space-between;
}
.check-list__wrapper-item__img img {
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.check-list__wrapper-item+.check-list__wrapper-item {
margin-left: 30px;
}
.check-list__wrapper-item__title {
padding: 20px 30px;
background-color: #FD3C76;
border-radius: 15px;
margin-bottom: 10px;
}
.check-list__wrapper-item__title h2 {
color: #fff;
margin: 0;
}
.check-list__wrapper-item__list-img {
position: absolute;
top: 25px;
left: 20px;
border-radius: 3px;
}
.check-list__wrapper-item__list-img img {
display: block;
}
.check-list__wrapper-item__list {
padding: 20px 20px 20px 54px;
position: relative;
background-color: #f7f7f7;
border-radius: 15px;
margin-bottom: 10px;
}
.check-list__wrapper-item__list-text {
font-size: 20px;
line-height: 26px;
font-weight: 700;
}
.check-list__wrapper-item__list-active .check-list__wrapper-item__list-img {
border: 2px solid #005DFF;
padding: 3px 2px;
}
.check-list__wrapper-item__list-blue {
cursor: pointer;
background-color: #005DFF;
}
.check-list__wrapper-item__list-blue .check-list__wrapper-item__list-text {
color: #fff;
}
.check-list__wrapper-item__list-blue .check-list__wrapper-item__list-text span {
color: #fff;
text-decoration: underline;
}
.check-list__wrapper-item__list-blue .check-list__wrapper-item__list-img {
padding: 0;
}
.pay {
background-color: #f7f7f7;
padding: 120px 0;
}
.pay__date {
font-weight: 700;
font-size: 28px;
line-height: 32px;
margin-bottom: 40px;
}
.pay__wrapper {
display: flex;
}
.pay__wrapper-prices {
position: relative;
}
.pay__wrapper-prices .pay__fit {
position: absolute;
top: -35px;
right: 0;
z-index: 1;
}
.pay__wrapper-inner {
width: 50%;
position: relative;
padding: 40px;
margin-right: 30px;
background-color: #fff;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.pay__wrapper-inner .pay__suptitle {
color: #005DFF;
text-transform: uppercase;
margin-bottom: 20px;
}
.pay__wrapper-inner .title {
font-size: 30px;
line-height: 36px;
font-weight: 700;
}
.pay__wrapper-inner .btn {
width: 100%;
}
.pay__wrapper-line {
height: 1px;
width: 100%;
opacity: 0.7;
background-color: #878787;
margin-bottom: 40px;
}
.pay__wrapper-prices {
display: flex;
}
.pay__wrapper-prices .pay__wrapper-inner__prices+.pay__wrapper-inner__prices {
margin-left: 40px;
}
.pay__wrapper-prices .pay__price-old__title {
opacity: 0.7;
margin-bottom: 5px;
}
.pay__wrapper-prices .pay__price-new {
font-size: 35px;
font-weight: 700;
line-height: 52px;
margin-bottom: 20px;
}
.pay__wrapper-prices .pay__price-new span {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.pay__wrapper-deduction {
margin-bottom: 40px;
}
.pay__wrapper-deduction__text {
padding-left: 10px;
}
.pay .politican {
color: #fff;
font-weight: 300;
font-size: 14px;
margin-left: 30px;
max-width: 300px;
}
.pay .link {
color: #fff;
text-decoration: underline;
}
.pay .pay__wrapper-form {
padding: 40px;
border-radius: 15px;
background-color: #005DFF;
}
.pay .pay__wrapper-form .title {
color: #fff;
margin-bottom: 20px;
}
.pay .pay__wrapper-form .pay__subtitle {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-bottom: 40px;
}
.pay .pay__wrapper-form .pay__form {
display: flex;
flex-direction: column;
}
.pay .pay__wrapper-form .pay__form .input {
margin-bottom: 10px;
}
.pay .pay__wrapper-form .pay__form .input-name {
width: 100%;
}
.pay .pay__wrapper-form .pay__form .input-tel {
width: 100%;
}
.pay .pay__wrapper-form .pay__form .input-mail {
width: 100%;
margin-left: 0;
}
.pay .pay__wrapper-form .pay__form .textarea {
border-radius: 5px;
padding: 16px 20px;
width: 100%;
font-size: 16px;
margin-bottom: 30px;
}
.pay .pay__wrapper-form .pay__form .pay__wrapper-bottom {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .checkbox__text {
color: #fff;
margin-left: 10px;
cursor: pointer;
}
.pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .checkbox__container {
display: inline-flex;
align-items: center;
user-select: none;
color: #fff;
}
.pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .custom-checkbox {
cursor: pointer;
border-radius: 5px;
width: 26px;
height: 26px;
background-size: 60% 60%;
margin-left: 30px;
}
.pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .btn {
color: #fff;
background-color: #FD3C76;
border: 0;
}
.pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .btn:hover {
color: #fff;
background-color: #252525;
} .contacts {
font-size: 18px;
line-height: 20px;
padding: 60px 0
}
.wsp-category-title,
.wsp-posts-list {
margin-top: 10px;
margin-bottom: 10px;
font-size: 20px;
}
li.page_item,
li.wsp-post {
margin-left: 20px;
font-size: 17px;
line-height: 28px;
}
.wsp-posts-title,
.wsp-pages-title,
.contacts .services-detail__doctors h2 {
font-weight: 700
}
.contacts__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.contacts__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
}
.contacts__item .btn {
border: 1px solid #005dff;
background-color: #005dff
}
.contacts__item .btn:hover {
color: #005dff;
background-color: inherit;
border: 1px solid #005dff
}
.contacts__item iframe {
border-radius: 15px
}
.contacts__item img {
border-radius: 15px;
width: 100%;
max-width: 536px
}
.contacts__text {
font-weight: 300;
padding-left: 20px
}
.contacts__title {
margin-bottom: 5px;
font-weight: 700
}
.contacts__icon {
margin-right: 5px;
width: 12px;
height: 16px
}
.contacts .services-detail__doctors {
max-width: 860px
}
.tidings {
padding: 60px 0;
}
.tidings__wrapper {
display: flex;
flex-wrap: wrap;
}
.tidings__item {
padding: 20px;   box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15);
background-color: #fff;
border-radius: 15px;
}
.tidings__item:hover {
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3);
}
.tidings__item-img { margin-bottom: 20px;
max-width: 100%;
height: 250px;
}
.tidings__item-img img {
width: 100%;
display: block;
border-radius: 15px;
height: 250px; object-fit: cover;
}
.regist {
font-size: 35px;
margin-bottom: 14px;
}
.tidings__item-date {
border-radius: 5px;
padding: 7px 10px;
background-color: #fff;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15);
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15);
position: absolute;
top: 24px;
left: 24px;
z-index: 1;
display: none;
}
.tidings__item-title { font-size: 22px;
line-height: 26px;
margin: 40px 0; }
.tidings__item .link {
text-decoration: underline;
}
.application__form {
padding: 0;
}
.modal .title {
margin-bottom: 20px;
}
.modal__subtitle {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
}
.modal .input {
margin-bottom: 10px;
}
.modal .politican {
font-size: 16px;
}
.modal .politican .link {
text-decoration: underline;
}
.news-detail-date-icon {
width: 12px;
height: 12px;
}
.news-detail-link-icon {
width: 11px;
height: 12px;
margin-left: 5px;
}
.news-detail-share-icon {
width: 19px;
height: 16px;
margin-left: 5px;
}
.news-detail__widget--btn:hover svg path {
stroke: #252525;
}
.news-detail__pinkColor {
font-weight: 700;
color: #FD3C76;
}
.news-detail__content {
padding: 60px 0;
display: flex;
flex-wrap: wrap;
}
.news-detail__content h2{
font-weight: 700;
font-size: 24px;
line-height: normal;
color: #262626;
padding: 0;
margin: 0;
margin-top: 25px;
margin-bottom: 15px;
}
.news-detail__leftcolumn {
position: relative;
flex: 0 0 65%;
max-width: 65%;
padding-right: 25px;
}
.news-detail__post {
margin-bottom: 80px;
border-bottom: 1px solid #E9ECEF;
}
.news-detail__rightcolumn {
flex: 0 0 35%;
max-width: 35%;
padding-left: 30px;
}
.news-detail__widget {
position: sticky !important;
top: 20px;
transition: top 0.2s ease;
will-change: top;
}
.news-detail__title {
font-weight: 900;
font-size: 34px;
line-height: normal;
color: #262626;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.news-detail__subtitle {
font-weight: 300;
font-size: 22px;
font-style: italic;
line-height: normal;
color: #666666;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.news-detail__date {
margin-bottom: 15px;
}
.news-detail__date span {
font-style: normal;
font-weight: 300;
line-height: normal;
color: #252525;
}
.news-detail__img {
border-radius: 15px;
display: block;
width: 100%;
margin-bottom: 40px;
}
.news-detail__link {
max-width: 100%;
padding: 30px;
border-radius: 15px;
margin-bottom: 40px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
transition: 0.3s all ease;
}
.news-detail__link:hover {
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3);
}
.news-detail__link p {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin: 0;
margin-bottom: 20px;
color: #0D1E50;
}
.news-detail__link-title {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.news-detail__link a span {
margin-right: 5px;
font-size: 18px;
line-height: normal;
}
.news-detail__heading {
font-weight: 700;
font-size: 24px;
line-height: normal;
color: #262626;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.news-detail__text {
font-size: 16px;
line-height: normal;
margin: 0;
margin-bottom: 20px;
}
.news-detail__text-wide {
font-size: 18px;
line-height: 28px;
margin: 0;
margin-bottom: 32px;
}
.news-detail__list-wide {
margin-bottom: 32px;
padding: 0;
}
.news-detail__text-wide .wp-video {
width: 100%;
max-width: 100%;
height: auto;
}
.news-detail__text-wide video {
max-width: 100%;
height: auto;
}
.news-detail__list-wide li {
font-size: 18px;
line-height: 32px;
margin-bottom: 10px;
padding-left: 35px;
position: relative;
list-style-type: none;
}
.news-detail__list-wide li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 22px;
height: 25px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010C0%204.477%204.477%200%2010%200C15.523%200%2020%204.477%2020%2010C20%2015.523%2015.523%2020%2010%2020ZM10%2018C12.1217%2018%2014.1566%2017.1571%2015.6569%2015.6569C17.1571%2014.1566%2018%2012.1217%2018%2010C18%207.87827%2017.1571%205.84344%2015.6569%204.34315C14.1566%202.84285%2012.1217%202%2010%202C7.87827%202%205.84344%202.84285%204.34315%204.34315C2.84285%205.84344%202%207.87827%202%2010C2%2012.1217%202.84285%2014.1566%204.34315%2015.6569C5.84344%2017.1571%207.87827%2018%2010%2018ZM9.003%2014L4.76%209.757L6.174%208.343L9.003%2011.172L14.659%205.515L16.074%206.929L9.003%2014Z%22%20fill%3D%22%238CA9FF%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
blockquote {
}
.news-detail__quote{
margin-bottom: 40px;
font-size: 18px;
line-height: 26px;
padding: 20px;
border-left: 4px solid #005dff;
background-color: rgba(0, 93, 255, 0.1);
}
.news-detail__quote blockquote {
margin: 0;
}
.doctorsfilter:hover{
cursor:pointer;
} .news-detail__nav-btn {
text-decoration: none;
width: 70%;
display: flex;
align-items: center;
padding: 20px;
border-radius: 15px;
transition: 0.3s all ease;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
margin-bottom: 40px;
}
.news-detail__nav-btn:hover {
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3);
}
.news-detail__nav-btn:hover .news-detail__nav-title {
transition: 0.3s all ease;
color: #005DFF;
}
.news-detail__nav-btn:hover svg path {
fill: #005DFF;
transition: 0.3s all ease;
}
.news-detail__nav-next {
margin: 0 0 0 auto;
}
.news-detail__nav-img {
display: block;
max-width: 170px;
height: 120px;
border-radius: 5px;
}
.news-detail__nav-label {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
margin-bottom: 12px;
}
.news-detail__nav-content {
padding-left: 20px;
}
.news-detail__nav-title {
color: #000;
font-size: 18px;
font-weight: 900;
margin-bottom: 20px;
}
.news-detail__widget {
padding: 20px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
}
.news-detail__widget-title {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin: 0;
padding: 0;
padding-bottom: 15px;
margin-bottom: 26px;
border-bottom: 1px solid #E9ECEF;
}
.news-detail__widget-item_title {
font-weight: 900;
font-size: 15px;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.news-detail__widget-item {
display: flex;
align-items: center;
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #E9ECEF;
}
.news-detail__widget-item:hover span {
transition: 0.3s all ease;
color: #005DFF;
}
.news-detail__widget-img {
display: block;
max-width: 115px;
height: 80px;
border-radius: 5px;
}
.news-detail__widget-content {
padding-left: 20px;
}
.news-detail__widget-date span {
font-style: normal;
font-size: 14px;
font-weight: 300;
line-height: normal;
color: #252525;
}
.news-detail__widget-share a span {
margin-right: 5px;
font-size: 18px;
line-height: normal;
}
.news-detail__blockquote-blue {
position: relative;
padding-left: 16px;
margin-bottom: 32px;
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
.news-detail__blockquote-blue::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 4px;
height: 100%;
background-color: #8CA9FF;
transition: 0.25s;
}
.news-detail__list-blue {
margin-bottom: 32px;
padding: 0;
}
.news-detail__list-blue li {
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
padding-left: 20px;
position: relative;
list-style-type: none;
}
.news-detail__list-blue li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #8CA9FF;
}
.news-detail__post-img img {
border-radius: 15px;
display: block;
width: 100%;
margin-bottom: 32px;
}
.news-detail__tricolor {
margin-bottom: 32px;
}
.news-detail__tricolor-gray {
position: relative;
z-index: 10;
margin-bottom: -10px;
color: #0D1E50;
padding: 20px;
font-size: 20px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0.2px;
border-radius: 15px;
transition: 0.3s all ease;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25);
background-color: #f7f7f7;
}
.news-detail__tricolor-gray:hover {
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5);
}
.news-detail__tricolor-blue {
position: relative;
z-index: 7;
margin-bottom: -10px;
display: block;
padding: 20px;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.2px;
border-radius: 15px;
transition: 0.3s all ease;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25);
background-color: #005DFF;
}
.news-detail__tricolor-blue span {
color: #fff;
text-decoration: underline;
}
.news-detail__tricolor-blue:hover {
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5);
}
.news-detail__tricolor-blue .news-detail-link-icon {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 20;
}
.news-detail__tricolor-pink {
position: relative;
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.2px;
border-radius: 15px;
transition: 0.3s all ease;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25);
background-color: #FD3C76;
}
.news-detail__tricolor-pink span {
color: #fff;
text-decoration: underline;
}
.news-detail__tricolor-pink:hover {
box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5);
}
.news-detail__tricolor-pink .news-detail-link-icon {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 20;
}
.tidings__item.swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
}
.getLink-block {
display: none;
margin: 10px 0;
padding: 10px;
background-color: #f7f7f7;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
border-radius: 5px;
box-shadow: 0 0 5px 0 #ccc;
}
.getLink-block p {
font-size: 19px;
line-height: 1.5;
color: #666666;
}
.getLink-block #getLink--title {
margin-bottom: 10px;
font-weight: 700;
}
.advantages-clinic {
padding: 120px 0 60px 0;
}
.advantages-clinic__wrapper {
display: flex;
justify-content: space-between;
}
.advantages-clinic__inner {
width: 100%;
margin-right: 32px;
}
.advantages-clinic__item {
margin-top: 24px;
background-color: #f7f7f7;
border-radius: 15px;
padding: 24px;
display: flex;
justify-content: space-between;
}
.advantages-clinic__item-title {
font-size: 24px;
font-weight: 700;
line-height: 26px;
margin-bottom: 16px;
}
.advantages-clinic__item-text {
font-size: 18px;
line-height: normal;
margin-right: 20px;
}
.advantages-clinic__sidebar {
position: relative;
padding: 24px;
border-radius: 15px;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
}
.advantages-clinic__sidebar-header {
font-size: 24px;
font-weight: 500;
margin-bottom: 16px;
}
.advantages-clinic__sidebar-container {
padding-top: 15px;
position: sticky;
top: 0;
}
.advantages-clinic__sidebar-title {
font-size: 32px;
font-weight: 700;
margin-bottom: 32px;
width: 400px;
}
.advantages-clinic__sidebar-subtitle {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
}
.advantages-clinic__sidebar-tabs {
border-radius: 15px;
background-color: #f7f7f7;
padding: 12px 12px 1px 12px;
margin-bottom: 24px;
}
.advantages-clinic__sidebar-tabs__item {
cursor: pointer;
text-align: center;
border-radius: 15px;
width: 100%;
background-color: #fff;
font-size: 20px;
font-weight: 700;
padding: 16px 24px;
margin-bottom: 14px;
}
.advantages-clinic__sidebar-tabs__item.active {
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
}
.advantages-clinic__sidebar-video {
padding-top: 24px;
border-top: 2px solid #F2F2F2;
margin-bottom: 24px;
}
.advantages-clinic__sidebar-video__wrapper {
cursor: pointer;
position: relative;
}
.advantages-clinic__sidebar-video img {
width: 100%;
border-radius: 15px;
}
.advantages-clinic__sidebar-video .icon-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.advantages-clinic__sidebar-form {
padding-top: 24px;
border-top: 2px solid #F2F2F2;
text-align: center;
}
.advantages-clinic__sidebar-form .input {
margin-bottom: 10px;
}
.advantages-clinic__sidebar-form .consultation__btns {
margin-top: 0;
}
.advantages-clinic__slider {
max-width: 280px;
margin: 0 auto;
}
.advantages-clinic__slider .swiper-slide {
border-radius: 15px;
}
.advantages-clinic__slider img {
border-radius: 15px;
max-width: 100%;
}
.specialist {
padding: 60px 0;
}
.specialist .title {
text-align: center;
}
.specialist__wrapper {
margin-bottom: 30px;
padding: 40px;
padding-bottom:85px;
border-radius: 15px;
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
background-color: #fff;
position: relative;
}
.specialist__medal {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.specialist__info {
display: flex;
margin-bottom: 10px;
}
.specialist__info-visual {
margin-right: 20px;
}
.specialist__info-name {
font-size: 28px;
line-height: normal;
margin-bottom: 24px;
font-weight: 700;
}
.specialist__info-prof {
display: flex;
justify-content: space-evenly;
align-items: center;
max-width: 400px;
border-radius: 0 0 15px 15px;
padding: 15px 20px 15px;
background-color: #f7f7f7;
}
.specialist__info-prof li+li {
margin-left: 20px;
}
.specialist__info-prof li {
display: flex;
align-items: center;
}
.specialist__info-prof li p {
margin-left: 10px;
} .specialist__info-header {
margin-left: 10px;
font-size: 24px;
line-height: normal;
font-weight: 700;
}
.specialist__info-list {
padding: 5px 0 30px 65px;
}
.specialist__info-list li {
font-size: 17px;
list-style: disc;
margin-bottom: 5px;
}
.specialist__info-inner {
position: relative;
}
.specialist__info-item::before {
position: absolute;
top: 0;
left: 16px;
z-index: 1;
content: "";
display: block;
width: 3px;
height: 84%;
background-color: #005DFF;
}
.specialist__info-item {
display: flex;
align-items: center;
}
.specialist__info-item .whiteCircle {
position: relative;
z-index: 5;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
padding: 10px;
background-color: #fff;
}
.specialist__info-item .blueCircle {
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #005DFF;
}
.specialist__billet {
padding-top: 24px;
margin-bottom: 32px;
border-top: 2px solid #f7f7f7;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
}
.specialist__billet-item {
display: flex;
align-items: center;
width: 50%;
justify-content: space-around;
}
.specialist__billet-item+.specialist__billet-item {
margin-left: 20px;
}
.specialist__billet-sun {
display: flex;
align-items: center;
margin-right: 5px;
}
.specialist__billet-sun p {
margin-left: 10px;
}
.specialist__billet-day {
display: flex;
align-items: center;
}
.specialist__billet-day__item {
border-radius: 5px;
padding: 10px;
color: #fff;
background-color: #005DFF;
margin-right: 5px;
}
.specialist__billet-day__item--weekend {
color: #252525;
background-color: #f7f7f7;
}
.specialist__achievements {
border-radius: 15px;
background-color: #f7f7f7;
padding: 5px;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.specialist__achievements-item {
width: 47%;
padding: 30px 20px;
background-color: #fff;
border-radius: 15px;
margin: 10px;
}
.specialist__achievements-header {
font-size: 28px;
font-weight: 700;
text-align: center;
}
.specialist__achievements .slick-slider .specialist__dipmlom-img {
border-radius: 15px;
width: 100%;
height: auto;
max-height: 100%;
cursor: pointer;
}
.specialist__achievements .slick-slider .specialist__achievements-slider__right {
cursor: pointer;
position: absolute;
bottom: -65px;
right: 27%;
transform: translate(-50%, -50%);
z-index: 1;
}
.specialist__achievements .slick-slider .specialist__achievements-slider__left {
cursor: pointer;
position: absolute;
bottom: -65px;
left: 35%;
transform: translate(-50%, -50%);
z-index: 1;
}
.specialist__achievements .pagination {
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
text-align: center;
color: #252525;
}
.show_specialist__services{
border: 1px solid #fd3c76;
background-color: #fd3c76;
cursor: pointer;
padding: 14px 22px;
font-size: 16px;
line-height: 19px;
font-weight: 700;
color: #fff;
border-radius: 5px;
display: block;
margin: 0 auto;
margin-bottom: 21px
}
.specialist__services {
padding: 40px 20px;
border-radius: 15px;
border: 1px solid #c2c2c2;
display: none;
height: 340px;
overflow: scroll;
}
.specialist__services-title {
font-size: 28px;
font-weight: 700;
line-height: normal;
text-align: center;
margin-bottom: 26px;
}
.specialist__services-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 20px;
text-align: center;
border-radius: 15px;
background-color: #005DFF;
background-image: url(/wp-content/themes/med-skills/assets/images/icon-hand.png);
background-repeat: no-repeat;
background-position: bottom 10px right;
margin-bottom: 0;
}
.specialist__services-nav__item {
font-size: 22px;
padding: 16px 24px;
margin: 5px;
cursor: pointer;
transition: all 0.1s linear;
font-weight: 700;
border-radius: 15px;
color: #fff;
border: 1px solid #fff;
background-color: #005DFF;
}
.specialist__services-nav__item:hover {
color: #252525;
background-color: #fff;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
}
.specialist__services-nav__item.active {
color: #252525;
background-color: #fff;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
}
.specialist__services-tab {
background-color: #fff;
padding: 20px;
border-radius: 15px;
}
.specialist__services-tab__title {
font-size: 23px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}
.specialist__services-tab .specialist__billet {
margin-bottom: 0;
}
.specialist__services-tab__wrapper {
display: flex;
}
.specialist__services-tab__img {
margin-top: 10px;
}
.specialist__services-tab__item ul li {
font-size: 18px;
line-height: normal;
color: #535353;
cursor: pointer;
list-style: none;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
}
.specialist__services-tab__item ul li .price {
width: 180px;
color: #878787;
text-align: right;
}
.specialist__services-tab__item ul li:hover {
text-decoration: underline;
}
.specialist__services-tab__item+.specialist__services-tab__item {
margin-left: 40px;
}
.info__accordion-header {
transition: all 0.2s ease-out;
border-radius: 15px;
text-align: left;
width: 100%;
padding: 16px 40px 16px 20px;
color: #252525;
cursor: pointer;
position: relative;
font-size: 18px;
border: 1px solid #fff;
}
.info__accordion-header:hover {
font-weight: 700;
}
.info__accordion-header .icon-triangle {
transition: all 0.2s ease-out;
position: absolute;
top: 50%;
right: 10px;
transform: translate(-50%, -50%);
z-index: 1;
}
.info__accordion-header.active {
border-bottom: 1px solid #c2c2c2;
font-weight: 700;
}
.info__accordion-header.active .icon-triangle {
transform: rotate(30deg);
transition: all 0.2s ease-out;
right: 15px;
top: 40%;
}
.info__accordion-item {
border-radius: 15px;
border: 1px solid #c2c2c2;
margin-top: 20px;
transition: all 0.2s ease-out;
}
.info__accordion-content {
overflow: scroll;
overflow-x: hidden;
overflow-y: hidden;
height: 0;
padding: 0;
padding: 0 20px;
}
.info__accordion-content.active {
height: max-content;
padding: 15px 20px 0 20px;
}
.info__accordion-content__list.active {
height: 400px;
}
.info__accordion-list {
padding-left: 15px;
}
.info__accordion-list li {
list-style: auto;
font-size: 14px;
margin-bottom: 10px;
}
.step {
padding: 60px 0;
}
.step__img-squares--one {
position: absolute;
left: 50%;
bottom: 10px;
z-index: 1;
}
.step__img-squares--two {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.step .title {
text-align: center;
}
.step__item {
position: relative;
}
.step__item-wrapper {
display: flex;
}
.step__item-main {
position: relative;
padding-left: 40px;
padding-bottom: 40px;
margin: 20px 0;
}
.step__item-main__wrapper {
border-radius: 15px;
padding: 20px;
background-color: #f7f7f7;
}
.step__item-main__wrapper ul {
padding-left: 40px;
}
.step__item-main__wrapper ul li {
list-style: disc;
}
.step__item-main__title {
width: fit-content;
font-size: 20px;
line-height: normal;
font-weight: 700;
padding: 15px 20px;
border-radius: 15px;
background-color: #fff;
margin-bottom: 12px;
} .step__item-main--bottom::before {
display: none;
}
.step__item-num {
position: absolute;
top: -10px;
left: -20px;
z-index: 5;
font-size: 24px;
font-weight: 700;
line-height: normal;
color: #fff;
padding: 11px 18px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #005DFF;
}
.step__item-title {
position: relative;
padding-left: 40px;
font-size: 28px;
line-height: normal;
}
.step .slots {
display: flex;
position: relative;
z-index: 5;
}
.step .slots__item-wrapper {
width: 100%;
}
.step .slots__wrapper {
position: relative;
padding: 30px 20px;
border-radius: 15px;
background-color: #005DFF;
}
.step .slots__stages {
color: #fff;
font-size: 18px;
}
.step .slots__stages span {
color: #fff;
}
.step .slots__doctor {
height: max-content;
margin: 15px 8px;
border-radius: 15px;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
width: 360px;
background-color: #fff;
}
.step .slots__doctor-info {
padding-left: 20px;
}
.step .slots__doctor-info li {
font-size: 17px;
list-style: disc;
margin-bottom: 5px;
}
.step .slots__doctor-item {
padding: 25px;
}
.step .slots__doctor-img {
margin-top: 10px;
padding: 0 20px 0 20px;
margin-bottom: 16px;
border-radius: 15px;
background: url(/wp-content/themes/med-skills/assets/images/slots-doctor-bg.png);
background-repeat: no-repeat;
}
.step .slots__doctor-img img {
margin-top: -20px;
width: 200px;
border-radius: 15px;
}
.step .slots__doctor .js-select2 {
width: 100%;
}
.step .slots__doctor .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid red;
}
.step .slots__doctor .select2-container--default .select2-selection--single {
box-shadow: 0px 2px 6px rgba(0, 71, 187, 0.15);
border: 0;
height: auto;
padding: 16px 20px;
border-radius: 15px;
}
.step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #252525;
}
.step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__rendered {
font-weight: 700;
font-size: 20px;
}
.step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
right: 10px;
z-index: 3;
transform: translate(-50%, -50%);
}
.step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #252525 transparent transparent transparent;
border-width: 12px 8px 0 8px;
border-radius: 5px;
}
.step .slots__days {
height: max-content;
margin: 15px 8px;
}
.step .slots__days .ui-widget.ui-widget-content {
border: none;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
border-radius: 15px;
padding: 24px;
}
.step .slots__days .ui-datepicker {
position: relative;
width: 360px;
}
.step .slots__days .ui-datepicker .ui-widget-header {
border: 1px solid #fff;
background: #fff;
}
.step .slots__days .ui-datepicker .ui-datepicker-prev {
cursor: pointer;
}
.step .slots__days .ui-datepicker .ui-datepicker-prev span {
background-image: url(/wp-content/themes/med-skills/assets/images/arrow-prev-days.svg);
background-position: center !important;
}
.step .slots__days .ui-datepicker .ui-datepicker-next {
cursor: pointer;
}
.step .slots__days .ui-datepicker .ui-datepicker-next span {
background-image: url(/wp-content/themes/med-skills/assets/images/arrow-next-days.svg);
background-position: center !important;
}
.step .slots__days .ui-datepicker .ui-datepicker-title {
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.step .slots__days .ui-datepicker th {
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.step .slots__days .ui-datepicker th.ui-datepicker-week-end span {
color: #FFBEBB;
}
.step .slots__days .ui-datepicker th span {
color: #CCDAF1;
}
.step .slots__days .ui-datepicker td {
padding-top: 5px;
padding-bottom: 5px;
}
.step .slots__days .ui-datepicker td a {
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
background: none;
padding-top: 2px;
font-size: 20px;
line-height: 28px;
font-weight: 300;
color: #2B3031;
}
.step .slots__days .ui-datepicker td span {
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
background: none;
padding-top: 2px;
font-size: 20px;
line-height: 28px;
font-weight: 300;
color: #2B3031;
}
.step .slots__days .ui-datepicker .ui-state-default {
border-radius: 50%;
width: 32px;
height: 32px;
background-color: #F2FAFF;
}
.step .slots__days .ui-datepicker .ui-state-active {
background: #005DFF;
color: #fff;
}
.step .slots__time {
position: relative;
background-color: #fff;
height: max-content;
margin: 15px 8px;
border-radius: 15px;
padding: 30px 10px;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
}
.step .slots__time-value {
transition: all 0.1s linear;
box-shadow: 0px 2px 6px rgba(0, 71, 187, 0.15);
font-weight: 600;
font-size: 16px;
line-height: 24px;
margin: 8px;
padding: 6px 14px;
padding-top: 8px;
cursor: pointer;
text-align: center;
border-radius: 8px;
color: #000;
height: fit-content;
}
.step .slots__time-value__selected {
color: #fff;
background: #005DFF;
}
.step .slots__time-value:hover {
color: #fff;
background-color: #005DFF;
}
.step .slots__form {
position: relative;
z-index: 5;
margin: 8px 8px 15px 8px;
padding: 30px 40px;
border-radius: 15px;
background-color: #fff;
box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2);
}
.step .slots__form-wrapper {
display: flex;
justify-content: space-between;
}
.step .slots__form-wrapper .input {
border-radius: 15px;
width: 33%;
}
.step .slots__form-wrapper .btn {
width: 30%;
}
.step .slots__form .politican {
margin-top: 10px;
width: 100%;
font-size: 12px;
line-height: 14px;
}
.breadcrumbs {
width: 100%;
line-height: 40px;
color: #ddd;
font-size: 13px;
}
.breadcrumbs a {
color: #666;
}
.services .title {
text-align: center;
}
.services .title-small {
text-align: left;
color: #252525;
padding: 20px;
margin-right: 24px;
border-bottom: 1px solid #f2f2f2;
}
.services__list_all,
.services__list {
margin-bottom: 30px;
}
.services__list-btn {
width: 100%;
border-radius: 15px;
display: flex;
justify-content: center;
font-size: 20px;
height: 50px;
font-weight: 700;
text-align: center;
align-items: center;
border: 1px solid #252525;
transition: all 0.1s linear;
}
.services__list-img img {
width: 90px;
border-radius: 15px;
}
.services__list-info {
padding: 7px 5px 7px 12px;
}    .services__list-wrapper {
display: flex;
flex-wrap: wrap;
}
.services__list-name {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
.services__list-price {
color: #878787;
}
.services-detail {
padding-bottom: 120px
}   .services-detail__top {
padding-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.services-detail__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}          .services-detail__doctors {
margin-top: 80px
}
.services-detail__doctors h2 {
font-size: 40px;
font-weight: 300;
margin-bottom: 30px;
line-height: 1
}
.services-detail__form { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15)
}
.services-detail__form h2 {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
text-align: center;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
margin-bottom: 20px;
padding: 0;
}
.services-detail__form .consultation__form {
background-color: #F5F7FA;
}
.services-detail__form .form-title {
font-size: 24px;
line-height: 1.4
}
.services-detail__slider {
position: relative;
}
.doctor-slider .swiper-pagination-bullet {
width: 10px;
height: 10px
}
.doctor-slider .swiper-pagination-bullet-active {
background: #fd3c76
}
.doctor-slide {
border-radius: 20px;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15)
} .doctor-slide .doctor-card__btn {
display: block;
opacity: 1
}
.doctor-slide:hover .doctor-card__btn {
-webkit-transition: display .3s ease;
-o-transition: display .3s ease;
transition: display .3s ease;
display: block;
opacity: 1
}
.doctor-card__main-info {
position: relative;
padding: 40px
}
.doctor-card__experience {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
right: 20px;
top: 0
}
.doctor-card__experience-title {
font-size: 16px;
font-weight: 300
}
.doctor-card__experience-value {
color: #fd3c76;
font-size: 20px;
font-weight: 300
}
.doctor-card__img img {
display: inline-block;
max-height: 200px;
height: auto;
max-width: 100%;
-o-object-fit: scale-down;
object-fit: scale-down
}
.doctor-card__name {
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 300;
margin-top: 30px;
text-decoration: none
}
.doctor-card__description {
color: #666;
font-size: 14px;
line-height: 16px;
font-weight: 300;
margin-top: 20px
}
.doctor-card__btn {
padding: 0 20px 40px;
display: none;
opacity: 0;
-webkit-transition: display .3s ease;
-o-transition: display .3s ease;
transition: display .3s ease
}
.doctor-card__btn .btn {
display: block;
margin: 0 auto
}
.reviews-banner {
padding: 40px 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/wp-content/themes/med-skills/assets/images/reviews-banner.png);
}
.reviews-banner__title {
font-size: 46px;
line-height: normal;
font-weight: 300
}
.reviews__wrapper {
margin: 80px auto 0 auto;
max-width: 860px
}
.reviews__item {
width: 100%;
position: relative
}
.reviews__item-title {
position: relative;
padding-left: 40px;
font-size: 28px;
line-height: normal
}
.reviews__item-num {
position: absolute;
top: -10px;
left: -20px;
z-index: 5;
font-size: 24px;
font-weight: 700;
line-height: normal;
color: #fff;
padding: 11px 18px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background-color: #005dff
}
.reviews__item-main {
position: relative;
padding-left: 40px;
padding-bottom: 40px;
margin: 20px 0
}
.reviews__item-main::before {
content: "";
display: block;
background-color: #005dff;
width: 3px;
height: 100%;
position: absolute;
left: 4px;
top: 0;
z-index: 1
}
.reviews-form {
border-radius: 15px;
padding: 20px
}
.reviews-form .btn {
position: relative;
background-color: #005dff;
border: 1px solid #005dff;
padding: 10px 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.reviews-form .btn span {
padding-top: 3px;
padding-right: 5px
}
.reviews-form .btn:hover {
color: #005dff;
background-color: #fff
}
.reviews-form .btn:hover svg path {
fill: #005dff
}
.reviews-form__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
margin-bottom: 20px
}
.reviews-form__input {
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 18px 16px;
-webkit-transition: padding, color .3s ease;
-o-transition: padding, color .3s ease;
transition: padding, color .3s ease;
width: 50%;
font-size: 16px
}
.reviews-form__input::-webkit-input-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__input::-moz-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__input:-ms-input-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__input::-ms-input-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__input::placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__select {
position: relative;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 18px 16px;
-webkit-transition: padding, color .3s ease;
-o-transition: padding, color .3s ease;
transition: padding, color .3s ease;
width: 100%;
font-size: 16px;
font-family: "Museo Sans Cyrl";
font-weight: 400;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url(/wp-content/themes/med-skills/assets/images/icon-pinkTriangle.svg) no-repeat;
background-position: center right 20px;
padding-right: 40px
}
.reviews-form__select-container {
border-radius: 15px;
background-color: #fff;
width: 50%
}
.reviews-form__select option {
font-family: "Museo Sans Cyrl";
font-weight: 400
}
.reviews-form__textarea {
font-size: 16px;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 18px 16px;
width: 100%;
min-height: 200px;
resize: vertical;
margin-bottom: 20px
}
.reviews-form__textarea::-webkit-input-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__textarea::-moz-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__textarea:-ms-input-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__textarea::-ms-input-placeholder {
font-size: 16px;
color: #252525
}
.reviews-form__textarea::placeholder {
font-size: 16px;
color: #252525
}
.reviews__list {
padding: 20px
}
.reviews__list-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.reviews__list-icon {
display: block;
width: 56px;
height: 56px;
padding-right: 76px;
background-image: url(/wp-content/themes/med-skills/assets/images/icon-chat.svg);
background-repeat: no-repeat
}
.reviews__list-label {
margin-bottom: 18px
}
.reviews__list-author {
font-size: 24px;
line-height: 28px;
margin-bottom: 16px
}
.reviews__list-doctor {
padding-top: 16px
}
.reviews__list-doctor a {
color: #005dff;
font-weight: 300;
text-decoration: underline
}
.reviews__list-grade {
border-radius: 5px;
padding: 5px 10px
}
.reviews__list-grade--great {
color: #1eb37c;
background-color: #e0f6ee
}
.reviews__list-grade--fine {
color: #b3ad1e;
background-color: #f3f6e0
}
.reviews__list-grade--terrible {
color: #b31e1e;
background-color: #f6e0e0
}
.reviews__list-item {
margin-top: 20px;
border-radius: 15px;
padding: 20px
}
.reviews__list-text {
padding-left: 76px
}
.photo-gallery {
padding: 60px 0
}
.photo-gallery__img {
max-width: 540px;
height: 400px;  }
.reviews__item{
display: flex;
justify-content: center;
gap: 20px;
flex-direction: row;
} .checkup {
padding: 60px 0
}
.checkup-intro {
padding: 60px 0;
background-color: #005dff
}
.checkup-intro__info {
width: 700px;
margin-left: 50px
}
.checkup-intro .btn {
margin-top: 20px;
font-size: 18px;
border-radius: 15px;
padding: 24px 78px;
background-color: inherit;
border: 2px solid #fff
}
.checkup-intro .btn:hover {
background-color: #fff
}
.checkup-intro .title {
font-size: 45px;
line-height: normal;
font-weight: 500;
color: #fff
}
.checkup-intro p {
font-size: 18px;
font-weight: 300;
line-height: 1.2;
color: #fff;
margin-bottom: 20px
}
.checkup-intro__box {
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
}
.checkup-intro__video {
width: 350px;
height: 350px;
border-radius: 15px;
margin-left: 60px;
position: relative
}
.no-webp .checkup-intro__video:after {
background-image: url(/wp-content/themes/med-skills/assets/images/icon-squares-two.png)
}
.checkup-intro__video:after {
position: absolute;
bottom: -25%;
left: -50%;
content: "";
width: 274px;
height: 168px;
display: block;
z-index: 2;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.checkup-intro__video video {
position: relative;
z-index: 5;
-webkit-box-shadow: 0 0 0 30px #0038ff;
box-shadow: 0 0 0 30px #0038ff;
border-radius: 15px
}
.checkup .title {
text-align: center
}
.checkup-discount {
position: absolute;
top: 13px;
right: 20px;
z-index: 1; height: 80px;
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 50%
}
.checkup-discount__num {
font-size: 20px; }  .checkup-slider__wrapper:hover .btn {
color: #fd3c76;
background-color: #fff;
border: 1px solid #fd3c76
}  .checkup__info {
margin-bottom: 40px
}
.checkup__info li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px
}
.checkup__info .num {
margin-left: 5px;
font-size: 14px;
position: relative;
color: #666
} .checkup-icon {
width: 20px;
height: 20px;
margin-right: 10px
}
.checkup .checkup-time {
color: #666
}
.checkup__list {   overflow: scroll;
overflow-x: hidden;
height: 160px; }
.checkup__list::-webkit-scrollbar {
width: 3px;
border-radius: 5px;
background-color: #f7f7f7
}
.checkup__list::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #dcdcdc
}
.checkup__list::-webkit-scrollbar-thumb:hover {
background-color: #000
} .checkup__list-title {
font-size: 17px;
margin-bottom: 8px
}
.checkup__list li {
font-size: 15px;
list-style: disc;
line-height: 20px;
margin-bottom: 5px
}
.checkup-advantages {
padding: 120px 0 60px 0
}
.checkup-advantages__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.checkup-advantages__item {
position: relative;
width: 29%;
margin: 15px;
border-radius: 10px;
padding: 20px
}
.checkup-advantages__item-img {
margin-bottom: 20px
}
.checkup-advantages__item-title {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 20px
}
.checkup-advantages__item-text {
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
.checkup-advantages__item-grayColor {
background-color: #f7f7f7
}
.checkup-advantages__item-blueColor {
background-color: #005dff
}
.checkup-advantages__item-blueColor .checkup-advantages__item-title {
color: #fff
}
.checkup-advantages__item-blueColor .checkup-advantages__item-text {
color: #fff
}
.checkup-services {
padding: 60px 0
}
.checkup-services__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
} .checkup-important {
padding: 60px 0
}
.checkup-important__main {
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px
}
.checkup-important__inner {
padding: 30px;
border-radius: 10px;
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
background-color: #fff
} .checkup-important__inner--left h3 {
color: #fff
} .checkup-important__inner h1 {
font-weight: 700;
font-size: 26px;
line-height: 31px;
margin-bottom: 10px;
text-align: center;
}
.checkup-important__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px
}
.checkup-important__list {
max-width: 570px;
padding-left: 20px
}
.checkup-important__list li {
color: #fff;
position: relative;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
margin-bottom: 10px;
list-style: disc
}
.new_wrapper .checkup-intro{
background-color: #FEFEFE;
}
.college_main .checkup-slider__wrapper {
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.college_main .checkup-discount{
background-color: #FD3C76;
}     .college_main .checkup__list-wrapper {
max-height: 300px;
height: 100%
} .college_main .checkup__list {
margin-bottom: 0px;
} .callback-bt {
background: #38a3fd;
border-radius: 50%;
box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
cursor: pointer;
border: 2px solid transparent;
display: block;
width: 65px;
height: 65px;
text-align: center;
position: fixed;
left: 80px;
bottom: 125px;
transform: translate(-50%, -50%);
z-index: 999;
transition: .3s ease-in-out;
-webkit-animation: hoverWave linear 1s infinite;
animation: hoverWave linear 1s infinite;
}
.callback-bt:hover {
background: #fff;
border: 2px solid #38a3fd;
}
.callback-bt .text-call {
height: 75px;
width: 75px;
border-radius: 50%;
position: relative;
}
.callback-bt .text-call:after {
content: "";
display: block;
background-repeat: no-repeat;
background-position: right 60% bottom 60%;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25 18.6389V23.55C25.0002 23.9016 24.8669 24.2402 24.6272 24.4975C24.3875 24.7547 24.0591 24.9115 23.7083 24.9361C23.1014 24.9778 22.6056 25 22.2222 25C9.94861 25 0 15.0514 0 2.77778C0 2.39444 0.0208333 1.89861 0.0638889 1.29167C0.0885033 0.940894 0.245252 0.612515 0.502505 0.37279C0.759758 0.133065 1.09837 -0.000158935 1.45 3.5636e-07H6.36111C6.53339 -0.000174076 6.69958 0.0636931 6.8274 0.179195C6.95522 0.294697 7.03555 0.453587 7.05278 0.625C7.08472 0.944445 7.11389 1.19861 7.14167 1.39167C7.41769 3.31795 7.98334 5.19143 8.81945 6.94861C8.95139 7.22639 8.86528 7.55833 8.61528 7.73611L5.61806 9.87778C7.45063 14.1479 10.8535 17.5508 15.1236 19.3833L17.2625 16.3917C17.3499 16.2694 17.4775 16.1818 17.6229 16.144C17.7683 16.1061 17.9224 16.1206 18.0583 16.1847C19.8153 17.0193 21.6883 17.5835 23.6139 17.8583C23.8069 17.8861 24.0611 17.9167 24.3778 17.9472C24.5489 17.9648 24.7075 18.0452 24.8227 18.173C24.9379 18.3008 25.0016 18.4668 25.0014 18.6389H25Z' fill='white'/%3e%3c/svg%3e ");
color: #fff;
font-size: 38px;
line-height: 75px;
height: 75px;
width: 75px;
opacity: 1;
transition: .3s ease-in-out;
animation: 1200ms ease 0s normal none 1 running shake;
animation-iteration-count: infinite;
}
.callback-bt .text-call:hover:after {
opacity: 0;
}
.callback-bt .text-call span {
color: #38a3fd;
display: block;
left: 40%;
top: 40%;
position: absolute;
transform: translate(-50%, -50%);
opacity: 0;
font-size: 11px;
line-height: 12px;
font-weight: 600;
text-transform: uppercase;
transition: .3s ease-in-out;
font-family: 'montserrat', Arial, Helvetica, sans-serif;
}
.callback-bt .text-call:hover span {
opacity: 1;
}
.s-article__expert {
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 1.5rem 0;
padding: 1.5rem 1rem;
border: 0.0625rem solid #D3D8E3;
border-radius: 12px;
flex-direction: row;
align-items: flex-start;
padding: 1.5rem 1.875rem;
margin-bottom:50px;
}
.s-article__expert-name {
margin: 0 0 0.5rem;
}
.s-article__address {
overflow: hidden;
margin: 1.5rem 0;
border: 0.0625rem solid #D3D8E3;
border-radius: 10px;
}
.s-article__expert-position {
margin: 0 0 0.5rem;
color: #9EA0B3;
}
.s-article__expert-info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.s-article__expert-photo {
margin: 0.5rem 2rem 0 0;
min-width: 120px;
}
.s-article__expert-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.s-article__expert-text {
margin: 0.5rem 0 0;
color: var(--a-color_text--grey);
}
.a-font_h4 {
font-size: 1.875rem;
letter-spacing: -0.01em;
}
.a-font_m-m {
font-size: 1.0625rem;
color:#9EA0B3;
}
.a-font_xl-m {
font-size: 15px;
font-weight: 400;
color:#252525;
line-height: 20px;
}
.a-font_m {
font-size: 14px;
font-weight: 300;
color:#252525;
}
.consultation__wrapper_second,
.consultation__wrapper{
border: 1px solid #D3D8E3;
border-radius: 20px;
flex-direction: row;
align-items: flex-start;
padding: 24px;
background: #F5F7FA;
margin-top:25px; }    .consultation__wrapper_second{
background:#005dff;
color:#fff;
}
.consultation__wrapper_second input::-webkit-input-placeholder,
.consultation__wrapper_second textarea::-webkit-input-placeholder {
color: #fff;
}
.consultation__wrapper_second .titler,
.consultation__wrapper .titler{
font-size: 32px;
line-height:34px; }
.consultation__wrapper_second .titler{
color:#fff;
}
.consultation__wrapper_second .subtitle,
.consultation__wrapper .subtitle{ font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-20);
}
.consultation__wrapper_second .subtitle{
color:#fff;
}
.leadformerror {
float: left;
width: 100%;
padding-top: 10px;
margin-bottom: 20px;
height: 30px;
color: #fd3c76;
}
.consultation__wrapper_second .input,
.consultation__wrapper .input { width: 100%;
display: block;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.consultation__wrapper_second .input {
color: #ffffff;
background: transparent;
}
.form__labels {
margin: 0 0.75rem 0 0;
}
.m-form__inner {
flex: none;
display: flex;
width: 100%;
flex-direction: row;
gap: 10px !important;
}
.course-card .btn,
.consultation__wrapper_second .btn,
.consultation__wrapper .btn {
cursor: pointer;
position: relative;
padding: 0;
padding-left: 25px;
padding-right: 25px;
font-size: 14px;
line-height: 14px;
color: #fff;
outline: 0;
background: #005dff;
border-radius: 0.5em;
border: 0;
height: 58px;
-webkit-transition: background 0.2s ease, color 0.35s;
-o-transition: background 0.2s ease, color 0.35s;
transition: background 0.2s ease, color 0.35s;
}
.consultation__wrapper_second .btn {
background: #fd3c76;
}
.consultation__wrapper_second .btn:hover {
background: #df3669;
color:#fff;
}
.course-card__content .btn {
padding: 13px 40px;
margin-top:10px;
}
.consultation__wrapper_second .consultation__btns,
.consultation__wrapper .consultation__btns {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.consultation__wrapper_second .input::placeholder,
.consultation__wrapper .input::placeholder {
color: #999;
font-weight: 400;
}
.consultation__wrapper_second .input:focus,
.consultation__wrapper .input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.consultation__wrapper_second label.checkbox__text,
.consultation__wrapper label.checkbox__text { font-size: 16px;
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: #888;
margin: 0 0 var(--space-8);
}
.consultation__wrapper_second label.checkbox__text {
color:#fff;
}
.consultation__wrapper_second .consultation__policy,
.consultation__wrapper .consultation__policy{
margin-top:10px;
}
.consultation__wrapper_second .consultation__policy-link,
.consultation__wrapper .consultation__policy-link{
color: #888;
text-decoration: underline;
transition: color 0.2s ease;
}
.consultation__wrapper .consultation__policy-link{
color: #888;
text-decoration: underline;
transition: color 0.2s ease;
}
.consultation__wrapper_second .consultation__policy-link{
color:#fff  !important;
}
.consultation__wrapper .custom-checkbox+label::before {
content: '';
display: inline-block;
width: 1.25em;
height: 1.25em;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #005dff;
background-color:#005dff;
border-radius: 0.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.consultation__wrapper_second .custom-checkbox+label::before {
content: '';
display: inline-block;
width: 1.25em;
height: 1.25em;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #fff;
background-color:#005dff;
border-radius: 0.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.consultation__wrapper_second .mark,
.consultation__wrapper .mark {
padding: 0 4px;
background-color: #005dff;
color:#fff;
}
.consultation__wrapper_second .mark{
background-color: #fd3c76;
}
.course-card {
display: flex;
align-items: flex-start;
justify-content: space-between;
border: 1px solid #D3D8E3;
border-radius: 12px;
background-color: #fff;
margin-top: 20px;
margin-bottom: 40px;
overflow: hidden;
}
.course-card__content {
max-width: 60%;
padding: 20px;
}
.course-button {
margin-top:30px;
}
.course-card__badge {
display: inline-block;
font-size: 12px;
font-weight: 300;
color: #555;
text-transform: uppercase;
}
.course-card__title {
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #000;
}
.course-card__description {
font-size: 14px;
color: #555;
margin: 0 0 20px;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 300;
margin-top: 10px;
}
.course-card__image {
flex-shrink: 0;
max-width: 40%;
text-align: center;
overflow: hidden;
position: relative;
}
.course-card__image img {
max-width: 100%;
height: auto;
display: block;
}
.image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
mix-blend-mode: lighten;
pointer-events: none;
}
.btn--all:hover{
cursor:pointer;
}
#form--zap-all {
overflow: visible !important;
}
.custom-select3 {
position: relative;
width: 100%;
cursor: pointer;
}  .docform-options {
display: none;
position: absolute;
width: 100%;
border: 1px solid #ccc;
background-color: #fff;
z-index: 1000;
border-radius: 4px;
max-height: 200px;
overflow-y: auto;
}
.docform-option {
display: flex;
align-items: center;
padding: 10px;
cursor: pointer;
}
.specno {
z-index: 9999 !important;
}
.docform-options {
z-index: 9998 !important;
}
.docform-option:hover {
background-color: #f0f0f0;
}
.docform-option img {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 10px;
object-fit: cover;
}
.selected-option img {
width: 60px; 
height: 60px; 
border-radius: 50%; 
margin-right: 10px; 
}
.docform-text {
display: flex;
flex-direction: column;
gap: 5px;
font-family: "Museo Sans Cyrl", sans-serif;
}
.docform-title {
font-weight: bold;
}
.docform-subtitle {
font-size: 16px;
color: #888;
}
.form_container{
display: flex;
align-items:center;
justify-content: center; }
.form_container .checkup-important__inner--right {
width: auto;
}
.form_container h3,
.form_container .modal__subtitle{
text-align: center;
}
.services-detail__middle a{
text-decoration: underline;
color: #005DFF;
}
.services-detail__price-container a{
text-decoration: none;
color: #000;
}
.services-detail__slider a{
text-decoration: none;
color: #000;
}
.services-detail__price--name a{
text-decoration: none;
color: #000;
}
.news-detail__text-wide a{
text-decoration: underline;
color: #005DFF;
}
.services__new-wrapper .services-search{
margin-bottom: 0px;
}
.services__new-wrapper .services__lists{
position: absolute;
background-color: white; 
border-radius:0px 0px 15px 15px; 
border: 1px solid #CCCCCC;
padding: 20px;
z-index: 10;
width: 100%;
max-height: 300px;
height: auto;
}
.services__new-wrapper .search-input:focus{
border-radius: 10px 10px 0px 0px; 
transition: border-radius 0.1s ease;
}
.services__new-wrapper .breadcrumbs{
margin-bottom: 15px;
}
.services__new-wrapper .services-search{
display: flex;
}
.services__new-wrapper .services__wrapper{
flex-direction: column;
}
.services__new-wrapper .search__section{
width: 100%;
}
.services__new-wrapper .services__column-container{
display: flex;
justify-content: center;
align-items: stretch;
width: 100%;
}
.services__new-wrapper .services__column-container .services__right .form_container {
padding: 0px;
}
.services__new-wrapper .services__right{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
}
.services__new-wrapper .intro_title{ }
.services__new-wrapper .intro_title h1{ }
.services__new-wrapper .form_container{ top: 110px;
margin: 0px;
}
.services__new-wrapper .services__column-left{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 100%;
max-width: 50%;
padding: 24px;
background-color: #F5F7FA; overflow: auto;
border: 1px solid #CCCCCC;
border-radius: 24px;
display: flex;
flex-direction: column;
gap: 10px;
}
.services__column-container .services__column-left .services__title {
font-size: clamp(16px, 2.67px + 1.11vw, 24px);
font-weight: 500;
margin-bottom: 0;
}
.services__column-container .services__column-left .services__title:last-child {
margin-bottom: 0px;
}
.services__column-left::-webkit-scrollbar {
width: 10px;
}
.services__column-left::-webkit-scrollbar-thumb {
border-radius: 15px;
background-color: #CCCCCC;
}
.services__column-left::-webkit-scrollbar-track { border-radius: 15px;
}     .services .doctors-wrapper{
border: 1px solid #CCCCCC;
border-radius: 15px;
padding: 20px;
}
.search_form_column-right .mark{
color: var(--color-white);
background-color: var(--color-accent);
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.search_form_column-right .btn{
flex-shrink: 0; font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-accent);
border: 2px solid var(--color-accent);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
text-align: center;
}
.search_form_column-right .btn:hover{
border: 2px solid #FD3C76;
color: #FD3C76;
background-color: #f7f9fd;
}
.search_form_column-right .titler { font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-20);
}
.search_form_column-right .subtitle { font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-20);
} .table-container {
overflow-x: auto;
margin: 25px 0;
-webkit-overflow-scrolling: touch;
border-radius: 15px;
}
.responsive-table {
width: 100%;
min-width: 600px;
border-collapse: collapse;
background: white;
} .responsive-table th {
background: #CCCCCC;
color: white;
padding: 15px 12px;
text-align: left;
border: none;
position: relative;
}
.table-container .responsive-table tr:first-child {
background-color: #CCCCCC !important;
color: #ffffff;
}
.responsive-table td {
padding: 12px 15px;
border-bottom: 1px solid #e9ecef;
border-right: 1px solid #f1f3f4;
}
.responsive-table tr:nth-child(odd) {
background-color: rgba(253, 60, 118, 0.1);
}
@media (max-width:1280px) {
.course-card .btn, 
.consultation__wrapper_second .btn, 
.consultation__wrapper .btn{
padding:0;
padding-left:15px;
padding-right:15px;
}
.news-detail__post table{
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 768px) {
.news-details .bottom-section {
flex-direction: column;
align-items: flex-start;
}
.news-details .course-actions {
align-items: flex-start;
}
.course-card {
flex-direction: column;
}
.course-card__content {
max-width: 100%;
padding: 20px;
}
.course-card__image {
order: 2;
max-width: 100%;
}
.course-button {
margin-bottom:10px;
}
.image-overlay {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.consultation__wrapper_second .titler, .consultation__wrapper .titler {
font-size: 24px;
line-height: 29px;
}
.leadformerror {
margin-bottom: 10px;
font-size: 14px;
}
.m-form__inner {
flex-direction: column;
}
.form__labels {
margin: 0;
margin-bottom: 10px;
}
.consultation__wrapper_second .custom-checkbox+label::before,
.consultation__wrapper .custom-checkbox+label::before{
width: 1.1em;
height: 1.1em;
}
.s-article__expert {
flex-wrap: wrap;
}
.s-article__expert-photo{
max-width: 130px;
margin-bottom:10px;
}
.news-detail__widget-title{
font-size:19px;
padding-bottom:5px;
line-height: 22px;
}
.services__new-wrapper .services__right{
}
.services__new-wrapper .services__column-left{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
height: 100%;
overflow: hidden;
}
.services__new-wrapper .services__right {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0px;
}
.services__column-container {
flex-direction: column;
gap: 20px;
}
}
@media (max-width:480px) {
.news-details .course-title a {
line-height: 26px;
font-size: 22px;
}
.news-details .course-card {
padding: 20px;
}
.news-details .course-card {
gap: 10px;
}
.author-card {
padding: 20px;
gap: 15px;
}
.author-name {
font-size: 20px;
}
.author-position {
font-size: 15px;
margin-bottom: 10px;
}
.author-description {
font-size: 14px;
}
.author-avatar{
order:2;
}
.author-info{
order:1;
}
.services__new-wrapper .breadcrumbs {
line-height: 20px;
font-size: 12px;
margin-top: 15px;
}
.cookie-consent {
left: 10px;
bottom: 10px;
padding: 15px;
font-size: 13px;
width: calc(100% - 20px);
}
.cookie-consent button {
width: 100%;
padding: 10px;
font-size: 14px;
}
.reviews__container .container{
padding: 0;
}
}
@media (max-width:415px) {
.services__new-wrapper .intro_title {
margin-bottom: 40px;
}
.services__new-wrapper .intro_title h1 {
font-size: 23px;
line-height: 28px;
}
}
@keyframes hoverWave {
0% {
box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
}
40% {
box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
}
80% {
box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
}
100% {
box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
}
} @keyframes shake {
0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
10% {
transform: rotateZ(-30deg);
-ms-transform: rotateZ(-30deg);
-webkit-transform: rotateZ(-30deg);
}
20% {
transform: rotateZ(15deg);
-ms-transform: rotateZ(15deg);
-webkit-transform: rotateZ(15deg);
}
30% {
transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
-webkit-transform: rotateZ(-10deg);
}
40% {
transform: rotateZ(7.5deg);
-ms-transform: rotateZ(7.5deg);
-webkit-transform: rotateZ(7.5deg);
}
50% {
transform: rotateZ(-6deg);
-ms-transform: rotateZ(-6deg);
-webkit-transform: rotateZ(-6deg);
}
60% {
transform: rotateZ(5deg);
-ms-transform: rotateZ(5deg);
-webkit-transform: rotateZ(5deg);
}
70% {
transform: rotateZ(-4.28571deg);
-ms-transform: rotateZ(-4.28571deg);
-webkit-transform: rotateZ(-4.28571deg);
}
80% {
transform: rotateZ(3.75deg);
-ms-transform: rotateZ(3.75deg);
-webkit-transform: rotateZ(3.75deg);
}
90% {
transform: rotateZ(-3.33333deg);
-ms-transform: rotateZ(-3.33333deg);
-webkit-transform: rotateZ(-3.33333deg);
}
100% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
}
@media (max-width: 1180px) {
.services-banner__title {
font-size: 40px
}
.services-detail__form .form-title {
font-size: 20px
}    .header__top-sveden {
display: flex;
}
.header__bottom .nav {
display: none;
}
.header .nav-catalog-mobile {
display: block;
}
.intro .btn:nth-last-child(2) {
display: inline-block;
margin-bottom: 5px;
color: #000 !important;
background-color: #fff !important;
}
.intro .btn:nth-last-child(2):hover {
color: #fff !important;
background-color: #252525 !important;
}
.intro__container {
padding: 20px;
}
.intro__title {
font-size: 36px;
line-height: 42px;
}
.intro__wrapper-content {
max-width: 400px;
}
.intro__include {
padding: 20px;
}
.card__inner {
flex-wrap: wrap;
}
.card__item {
max-width: 47%;
}
.promising__inner {
flex-wrap: wrap;
}
.promising__item {
max-width: 47%;
margin-bottom: 30px;
}
.promising__item+.promising__item {
margin-left: 0;
}
.search__container {
padding: 20px;
}
.search__block {
padding: 20px;
}
.test__container {
padding: 20px;
}
.test__monoblock {
width: 188px;
height: auto;
}
.test__monoblock-img img {
max-width: 100%;
}
.logistics__slider-item_title {
font-size: 26px;
line-height: 34px;
}
.logistics__slider-item_text {
font-size: 18px;
line-height: 24px;
}
.logistics__slider-item_content {
padding: 20px;
width: 50%;
}
.logistics__slider-item_img {
height: 350px;
}
.logistics__slider-right {
bottom: -23%;
right: 36%;
}
.logistics__slider-left {
bottom: -23%;
left: 40%;
}
.choosing__form {
padding: 20px;
}
.choosing__container {
padding: 20px;
}
.choosing .input-tel {
width: 100%;
}
.choosing .input-email {
margin-left: 0;
margin-top: 20px;
width: 100%;
}
.choosing__btns .btn {
padding: 14px 10px;
}
.diplom__slider img {
margin: 0 auto;
}
.reviews__slider-left {
bottom: -17%;
left: 37%;
}
.reviews__slider-right {
bottom: -17%;
right: 32%;
}
.consultation__container {
padding: 20px;
}
.speciality__slider-left {
bottom: -34%;
left: 32%;
}
.speciality__slider-right {
bottom: -34%;
right: 21%;
}
.consultation__container {
padding: 20px;
}
.qrcode__container {
padding: 20px;
}
.resources__slider img {
margin: 0 auto;
}
.location__wrapper {
margin: 40px 0;
position: static;
}
.description__title {
padding: 0 10px;
}
.description__wrapper {
padding: 20px;
}
.description__inner {
margin-bottom: 20px;
padding: 10px 5px;
}
.help__wrapper {
padding: 10px;
}
.equipment__inner {
flex-wrap: wrap;
}
.equipment__inner-item {
margin-bottom: 40px;
max-width: 50%;
}
.comfortable__wrapper {
flex-direction: column;
}
.comfortable__wrapper-item {
max-width: 100%;
}
.director__wrapper {
padding: 20px;
flex-direction: column;
}
.director__wrapper-item__img {
text-align: center;
}
.director__wrapper-item+.director__wrapper-item {
margin-left: 0;
}
.check-list__wrapper {
flex-direction: column;
}
.check-list__wrapper-item__img {
text-align: center;
margin-bottom: 20px;
}
.check-list__wrapper-item__img img {
max-width: 100%;
}
.check-list__wrapper-item+.check-list__wrapper-item {
margin-left: 0;
}
.pay__wrapper {
flex-direction: column;
}
.pay__wrapper-inner {
width: 100%;
margin-bottom: 20px;
} .tidings__item.swiper-slide {
margin: 0 0 40px 0;
padding: 0 0 20px 0;
} .contacts__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.contacts__item {
padding-right: 0
}
.news-detail__leftcolumn {
position: relative;
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
}
.news-detail__rightcolumn {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0px;
margin-top: 80px;
}
.advantages-clinic {
padding: 60px 0;
}
.advantages-clinic__sidebar {
display: none;
}
.advantages-clinic__inner {
margin-right: 0;
}
.specialist__wrapper {
padding: 20px;
padding-bottom: 85px;
}
.specialist__info-photo img {
width: 100%;
}
.specialist__services-tab {
padding: 0;
}
.specialist__achievements-header {
font-size: 22px;
line-height: normal;
}
.specialist__achievements .slick-slider .specialist__achievements-slider__left {
left: 22%;
}
.specialist__achievements .slick-slider .specialist__achievements-slider__right {
right: 14%;
}
.info__accordion-content__list.active {
height: 300px;
}
.step .slots {
display: flex;
flex-wrap: wrap;
}
.step .slots__days .ui-datepicker {
width: 100%;
max-width: 700px;
} }
@media (max-width: 870px) {
.specialist__services-tabs {
overflow: scroll;
overflow-x: hidden;
height: 350px;
border-radius: 0;
padding: 0 10px;
}
.specialist__services-tab__wrapper {
flex-direction: column;
}
.specialist__services-tab__item+.specialist__services-tab__item {
margin-left: 0;
}
.step__img-squares--one {
left: 0;
} .checkup-intro {
padding: 30px 0
}
.checkup-intro .title {
font-size: 32px
}
.checkup-intro__main {
margin-bottom: 60px
}
.checkup-intro__info {
width: 100%
}
.checkup-intro__video {
height: 250px
}
.checkup-important__main {
gap: 10px
} .footer__wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.reviews-banner__title {
font-size: 40px
}
.reviews__wrapper {
margin-top: 0px
}
.reviews__item-main {
padding-left: 20px;
padding-bottom: 20px
}
.reviews__item-title {
font-size: 24px
}
.reviews-form {
padding: 0
}
.reviews-form__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.reviews-form__input {
width: 100%
}
.reviews-form__select-container {
width: 100%
}
.reviews__list-text {
padding-left: 0
}
.services .services-search {
padding-right: 0.85rem;
}
.services__wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services__lists {
padding-right: 1rem;
}
.services__lists li a {
margin-bottom: 16px;
padding-bottom: 16px;
}
.services__lists li span {
font-size: 16px;
}
.services__lists li span.services__name {
max-width: calc(100% - 90px);
}
.services__column-left {
width: 100%;
}
.services__column-right {
padding: 1rem 0 1rem 0.85rem;
width: 100%;
}
.services-detail__middle {
margin: 40px auto 0 auto
}
.services-detail__middle .services-detail__price-container {
margin-top: 40px
}
.services-detail__middle .services-detail__doctors {
margin-top: 40px
}
.services-detail__form {
margin-top: 40px
}
.services-detail__top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}   .doctor-slide {
-webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15);
box-shadow: 0 5px 25px rgba(0, 93, 255, .15)
}
.doctor-card__btn {
display: block;
opacity: 1
}
.title-big {
font-size: 26px;
line-height: 34px;
}
.header {
top: 0
}
.header .container {
padding: 0 10px;
}
.header .nav-catalog-mobile {
display: block
}
.header .header__top-logo a img {
width: 150px
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.header__top .nav-catalog-mobile {
margin-right: 10px
}
.header__top-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.header__top-phone__link {
font-size: 15px;
display: block
}
.header__top-impaired {
display: none;
border: none;
padding: 0
}
.header__top-impaired:hover {
background-color: inherit;
border: none
}
.header__top-impaired span {
display: none
}
.header__top-impaired .icon-eye {
margin-right: 0
}
.header__top-sveden {
display: none
}
.header__bottom {
padding: 0
}
.header__bottom-wrapper .container {
padding: 0
}
.header__bottom .nav-catalog {
display: none
}
.header__bottom-phone__link--tel {
display: none
}
.header__bottom-phone__link--pink {
width: 100%;
text-align: center;
border-radius: 0;
font-size: 18px;
}
.intro__container {
margin-bottom: 20px;
}
.intro__container-nav {
padding: 20px;
width: 100%;
margin-left: 0;
}
.intro__container-nav+.intro__container-nav {
margin-left: 0;
margin-top: 20px;
}
.intro__wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.intro__wrapper-content {
margin-bottom: 35px;
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.intro__wrapper-content .btn:nth-last-child(2) {
display: inline-block !important;
margin-bottom: 5px;
color: #000 !important;
background-color: #fff !important;
}
.intro__wrapper-content .btn:nth-last-child(2):hover {
color: #fff !important;
background-color: #252525 !important;
}
.intro__wrapper-video {
max-width: 100%;
}
.intro__wrapper-nav {
display: flex;
flex-direction: column;
}
.intro__include {
flex-direction: column;
}
.intro__include-list {
margin-bottom: 25px;
}
.intro__include-list+.intro__include-list {
margin-left: 0;
}
.intro__include-title {
margin-bottom: 5px;
}
.card__item {
width: 100%;
max-width: 100%;
padding: 30px 20px;
}
.promising__container {
margin-bottom: 40px;
}
.promising__img {
position: absolute;
right: 0;
}
.search__block {
flex-direction: column;
justify-content: center;
}
.search__block-content {
max-width: 100%;
margin-bottom: 10px;
}
.search .btn {
margin: 0 auto;
}
.advantages__list {
justify-content: space-between;
}
.advantages__inner {
flex-direction: column;
}
.advantages__list-item {
margin: 0 10px 20px 10px;
}
.advantages__item {
max-width: 100%;
}
.test__item-mobile {
display: none;
}
.logistics__item {
line-height: 20px;
font-size: 16px;
margin-bottom: 10px;
}
.logistics__list {
width: auto;
}
.logistics__slider-item {
flex-direction: column;
}
.logistics__slider-item_content {
width: 100%;
height: 400px;
}
.logistics__slider-item_img {
width: 100%;
}
.logistics__slider-item_text {
width: 100%;
}
.logistics__slider-item_title {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
}
.logistics__slider-left {
bottom: -13%;
left: 28%;
}
.logistics__slider-right {
bottom: -13%;
right: 17%;
}
.choosing__container {
flex-direction: column;
}
.choosing__item {
max-width: 100%;
}
.choosing__item-text {
max-width: 100%;
margin-bottom: 30px;
}
.diplom__slider-right {
right: 0;
}
.news__slider-wrapper {
margin: 0 10px;
}
.news__slider-left {
top: auto;
bottom: 0;
left: 20%;
}
.news__slider-right {
top: auto;
bottom: 0;
right: 20%;
}
.consultation__container {
flex-direction: column;
}
.consultation__container .title-big {
line-height: 30px;
}
.consultation__item {
max-width: 100%;
}
.consultation__item-text {
max-width: 100%;
margin-bottom: 20px;
}
.qrcode__link {
margin-bottom: 20px;
}
.qrcode .title {
line-height: 30px;
}
.qrcode__item-text {
max-width: 100%;
}
.qrcode__container {
flex-direction: column;
}
.footer__wrapper {
flex-direction: column;
}
.footer__wrapper-other {
width: 100%;
}
.footer .nav__list {
flex-wrap: wrap;
}
.footer .nav__list li {
margin-bottom: 10px;
} .salary__inner {
flex-direction: column;
}
.salary__inner .salary__item {
width: 100%;
margin: 0 0 20px 0;
padding: 70px 20px 20px 20px;
}
.salary__inner .salary__item .salary-icon {
top: 20px;
left: 20px;
right: auto;
bottom: auto;
}
.poss__inner {
flex-direction: column;
}
.poss__inner-item {
width: 100%;
margin-bottom: 20px;
}
.poss__inner-item+.poss__inner-item {
margin-left: 0;
}
.help__step {
flex-direction: column;
}
.help__step-item {
max-width: 100%;
margin-bottom: 40px;
}
.help__step-item+.help__step-item {
margin-left: 0;
}
.platform__wrapper {
flex-direction: column;
}
.platform__content {
max-width: 100%;
margin-bottom: 40px;
}
.services__inner {
flex-direction: column;
}
.services__inner-item {
padding: 20px;
max-width: 100%;
margin-bottom: 20px;
}
.services__inner-item+.services__inner-item {
margin-left: 0;
}
.frdo__wrapper {
flex-direction: column;
}
.frdo__wrapper-item {
max-width: 100%;
}
.frdo__wrapper-item__img {
margin-top: 20px;
}
.frdo__wrapper-item+.frdo__wrapper-item {
margin-left: 0;
}
.ultrasound {
flex-direction: column;
margin-bottom: 40px;
}
.ultrasound__item {
padding: 0;
width: 100%;
}
.ultrasound__img {
margin-bottom: 20px;
}
.pay__wrapper-inner {
margin-right: 0;
padding: 20px;
}
.pay .pay__wrapper-form {
padding: 20px;
}
.tidings__item {
padding: 10px 10px 20px 10px;
width: 100%;
}
.tidings__item-date {
top: 14px;
left: 14px;
}
.tidings__item-title {
margin: 20px 0;
}
.tidings__item .link {
text-align: center;
}
.news-details__wrapper {
flex-direction: column;
}
.news-details__img {
width: 100%;
margin-bottom: 20px;
}
.news-details__item {
padding-left: 0;
width: 100%;
max-width: 100%;
}
.news-detail__nav-btn {
width: 100%;
}
.news-detail__nav-next {
margin: 0;
}
.advantages-clinic__item {
flex-direction: column;
}
.advantages-clinic__item-text {
margin-bottom: 20px;
}
.specialist__info {
flex-direction: column;
} .specialist__info-prof {
max-width: 300px;
}
.specialist__info-prof li+li {
margin-left: 5px;
}
.specialist__billet {
flex-direction: column;
}
.specialist__billet-item {
width: 100%;
}
.specialist__achievements {
flex-direction: column;
}
.specialist__achievements-item {
padding: 20px 0;
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.specialist__services-nav {
padding: 10px;
}
.info__accordion-content__list.active {
height: 300px;
}
.info__accordion-content.active {
padding: 15px 5px 5px;
}
.specialist__billet-item+.specialist__billet-item {
margin-left: 0;
margin-top: 20px;
}
.step .slots__form {
padding: 10px;
}
.step .slots__wrapper {
padding: 10px;
}
.step__item-main {
padding-left: 20px;
}
.step__item-main__wrapper {
padding: 10px;
}
.step__item-main__wrapper ul {
padding-left: 20px;
}
.step .slots__form-wrapper {
flex-direction: column;
}
.step .slots__form-wrapper .input {
width: 100%;
margin-bottom: 10px;
}
.step .slots__form-wrapper .btn {
margin: 0 auto;
width: 100%;
}  .checkup-intro__info {
margin: 0
}
.checkup-intro__box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.checkup-advantages__item {
margin: 5px;
width: 47%
} .checkup-important__main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.checkup-important__inner--left {
width: 100%
}
.checkup-important__inner--right {
width: 100%
}
.footer__top {
flex-direction: column;
align-items: flex-start;
}
.nav__telp {
margin-top: 5px;
}
.footer__wrapper {
padding-top: 30px;
}
.footer__wrapper-contacts_left {
width: 100%;
}
.footer__contacts-name {
padding-left: 0;
}
.footer__top-tel {
margin-bottom: 5px;
}
.nav__tel {
font-size: 26px;
padding: 0;
}
.footer__wrapper-contacts_name {
font-size: 20px;
}
.footer__contacts-name {
font-size: 20px;
}
.footer__wrapper-contacts_addres {
margin-bottom: 25px;
}
}
@media (max-width: 480px) {
.header__top-impaired {
display: none;
}
.header__bottom-phone-mobile {
display: block;
}
.header__bottom-phone__link-mobile {
display: flex;
flex-direction: column;
}
.header__bottom-phone__link-mobile span {
display: flex;
font-size: 14px;
letter-spacing: -1px;
flex-direction: column;
}
.reviews__list-item {
padding: 10px
}
.reviews__list-icon {
padding-right: 20px;
background-size: 36px 36px
}
.services__wrapper {
padding: 0;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
.services-detail {
padding-bottom: 40px;
}
.services-detail__form {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.services-detail__form .consultation__form {
padding: 20px 0 0 0
}
.services-banner {
padding: 20px 0
}
.services-banner__title {
font-size: 32px
}
.services-detail__middle .services-detail__price--name {
width: 80%
}
.services-detail__middle .services-detail__price--value {
width: 20%
}
.swiper-wrapper {
padding-bottom: 22px
}
.services-detail__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.fancybox-slide:before {
height: 0px;
}
.modalzap {
top: 50px;
width: 370px;
}
.fancybox-content {
padding: 20px;
} .metodist__wrapper {
margin-bottom: 20px;
}
.metodist__wrapper .metodist {
margin: 0px 5px;
}
.metodist__wrapper .metodist .metodist__img img {
max-width: 90px;
}
.title {
font-size: 28px;
line-height: 35px;
margin-bottom: 20px;
}
.title-gradient {
padding: 10px;
font-size: 24px;
line-height: normal;
}
.icon-logo {
height: 40px;
width: 220px;
}
.intro {
padding: 10px 0 25px 0;
}
.intro__title {
font-size: 26px;
line-height: 32px;
margin-bottom: 26px;
}
.promising__item {
max-width: 100%;
}
.promising__item-title {
font-size: 24px;
line-height: 28px;
margin-bottom: 10px;
}
.search {
padding: 80px 0;
}
.search__block-content .icon-search {
left: 18px;
}
.search__block-content .search__input {
font-size: 14px;
padding: 20px 20px 20px 30px;
}
.search__container {
padding: 20px 5px 5px 5px;
}
.search .btn {
width: 100%;
}
.search .title {
padding: 0 20px;
}
.test {
padding: 40px 0;
}
.test .btn {
width: 100%;
max-width: 100%;
}
.test .white__bg {
font-size: 20px;
line-height: 24px;
}
.logistics__slider-item_text {
font-size: 16px;
line-height: 18px;
}
.logistics__slider-item_img {
height: 225px;
}
.logistics__item {
font-size: 16px;
line-height: 18px;
}
.choosing {
padding: 40px 0;
}
.choosing__btns {
flex-direction: column-reverse;
}
.choosing__btns .politican {
margin-top: 20px;
}
.news {
padding: 40px 0;
}
.news .title {
margin-bottom: 0;
}
.news__slider {
padding: 0;
}
.reviews__slider-wrapper {
padding: 20px;
}
.reviews__slider-left {
bottom: -27%;
left: 19%;
}
.reviews__slider-right {
bottom: -27%;
right: 10%;
}
.consultation {
padding: 40px 0;
}
.qrcode {
padding: 40px 0;
}
.qrcode__link {
display: flex;
}
.qrcode__link img {
max-width: 100%;
}
.qrcode__item-img img {
max-width: 100%;
}
.resources__slider img {
max-width: 100%;
}
.description__title {
font-size: 16px;
line-height: 18px;
}
.description .btn {
padding: 7px 22px 7px 11px;
}
.salary {
padding-bottom: 460px;
}
.poss {
padding-top: 460px;
}
.accordion-titel {
padding: 20px;
}
.accordion-contant p {
padding-left: 0;
}
.equipment__inner-item {
max-width: 100%;
}
.frdo__subtitle {
margin-bottom: 20px;
}
.pay__wrapper-prices .pay__fit {
top: 0;
}
.pay__wrapper-prices .pay__fit img {
width: 150px;
}
.pay__wrapper-bottom {
flex-direction: column;
}
.pay__wrapper-bottom .btn {
width: 100%;
margin-bottom: 20px;
}
.pay .politican {
margin-left: 0;
}
.poss__inner-item__title {
font-size: 16px;
margin-bottom: 10px;
}
.poss__inner-item_list li {
margin-bottom: 5px;
}
.accordion__list {
padding-left: 0;
}
.application__form {
padding: 0;
}
.services {
padding: 60px 0 30px 0;
}
.platform__wrappen {
margin-bottom: 0;
}
.equipment {
padding: 30px 0;
}
.comfortable {
padding: 30px 0;
}
.frdo {
padding: 30px 0;
}
.ultrasound__wrapper {
padding: 30px 0;
}
.check-list {
padding: 60px 0 30px 0;
}
.pay {
padding: 30px 0;
}
.news-detail__rightcolumn {
margin-top: 40px;
}
.news-detail__nav-btn {
flex-direction: column;
padding: 10px;
}
.news-detail__nav-img {
margin-bottom: 20px;
max-width: 100%;
height: auto;
}
.news-detail__link {
padding: 15px;
}
.news-detail__quote {
padding: 15px;
}
.news-detail__post {
margin-bottom: 40px;
}
.advantages-clinic {
padding: 30px 0;
}
.advantages-clinic__slider {
max-width: 100%;
}
.advantages-clinic__item-text {
font-size: 16px;
margin-right: 0;
margin-bottom: 10px;
}
.specialist {
padding: 30px 0;
}
.specialist__wrapper {
padding: 10px;
padding-bottom: 75px;
}
.read-more-button{
bottom: 15px !important; 
}
.specialist__info-header {
font-size: 20px;
}
.specialist__services {
padding: 20px 0 0 0;
}
.specialist__services-nav {
margin-bottom: 18px;
}
.specialist__services-nav__item {
font-size: 18px;
padding: 12px 16px;
}
.specialist__services-tab {
padding: 0 10px;
padding-bottom: 10px;
}
.specialist__services-tab__item ul li {
font-size: 16px;
}
.specialist__billet-day__item {
padding: 5px;
font-size: 14px;
}
.specialist__billet .btn--blue {
font-size: 16px;
padding: 8px 12px;
}
.step .slots__doctor {
width: 100%;
margin: 15px 0;
}
.step .slots__doctor-item {
padding: 15px;
}
.step .slots__days {
width: 100%;
margin: 15px 0;
}
.step .slots__days .ui-widget.ui-widget-content {
padding: 15px;
}
.step .slots__time {
width: 100%;
margin: 15px 0;
padding: 15px 0;
justify-content: center;
}
.step .slots__form {
margin: 15px 0;
}
.step__item-title {
font-size: 24px;
}
.services {
padding: 0 0 30px 0;
}
.services .title-small {
font-size: 23px;
line-height: normal;
padding: 10px 20px;
margin-right: 0;
margin-bottom: 20px;
}
.services__list {
padding: 10px;
margin-bottom: 10px;
}
.services__list-name {
font-weight: 400;
}  .contacts {
padding: 30px 0
}
.contacts .services-detail__doctors {
margin-top: 40px
}
.photo-gallery {
padding: 30px 0
}
.photo-gallery__img {
height: 300px; } .checkup__slider .swiper-button-prev {
right: 60%;
bottom: 10px;
}
.checkup__slider .swiper-button-next {
right: 31%;
bottom: 10px;
}
.checkup__slider .swiper-pagination {
bottom: 0px;
}
.tidings-slider .swiper-pagination {
bottom: 20px;
}
.tidings-slider .swiper-button-prev {
right: 60%;
bottom: 30px;
}
.tidings-slider .swiper-button-next {
right: 29%;
bottom: 30px;
}
.advantages-clinic__swiper .swiper-button-prev {
right: 60%;
bottom: 0px;
}
.advantages-clinic__swiper .swiper-button-next {
right: 25%;
bottom: 0px;
}
.checkup {
padding: 30px 0
} line-height: 1.2;
}
.checkup__info {
margin-bottom: 20px
}
.checkup__list {
margin-bottom: 20px
}
.checkup__list li {
font-size: 14px
} .checkup-intro .btn {
width: 100%;
padding: 24px 0
}
.checkup-intro__main {
margin-bottom: 40px
}
.checkup-intro__video {
height: auto;
width: 100%;
margin-left: 0
}
.checkup-intro__video::after {
bottom: 0;
left: -40%;
bottom: 0
}
.checkup-intro__video video {
-webkit-box-shadow: none;
box-shadow: none
}
.checkup-advantages {
padding: 30px 0
}
.checkup-advantages__item {
width: 100%;
margin: 0;
margin-bottom: 10px
} }
@media (max-width: 420px) {
.intro__wrapper-video {
position: relative;
width: 247px;
height: 181px !important;
}
.intro__wrapper img {
position: absolute;
width: 247px;
height: 181px !important;
object-fit: cover;
}
}
@media (max-width: 420px) {
.checkup__slider .swiper-button-prev {
bottom: 12px;
}
.checkup__slider .swiper-button-next {
right: 27%;
bottom: 12px;
}
.tidings-slider .swiper-button-prev {
right: 60%;
bottom: 30px;
}
.tidings-slider .swiper-button-next {
right: 27%;
bottom: 30px;
}
.tidings-slider .swiper-pagination{
bottom: 20px;
}
.consultation__wrapper_second .titler{
font-size: 21px;
}
.header__top-phone__link {
font-size: 13px;
}
}
.wthsbutton:hover {
cursor: pointer;
}
.whatsapp-button {
position: fixed;
right: 13px;
bottom: 5px;
transform: translate(-50%, -50%);
background: #25D366;
border-radius: 50%;
width: 65px;
height: 65px;
color: #fff;
text-align: center;
line-height: 53px;
font-size: 35px;
z-index: 9999999999;
user-select: none;
}
.whatsapp-button a {
color: #fff;
}
.whatsapp-button img {
width: 39px;
margin-top: 13px;
}
.whatsapp-button::before,
.whatsapp-button::after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #25D366; left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}
.whatsapp-button::after {
animation-delay: 0.5s;
}
@keyframes animate {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.maxbutton:hover {
cursor: pointer;
}
.max-button {
position: fixed;
right: 13px;
bottom: 100px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #8343E4;
border-radius: 50%;
width: 65px;
height: 65px;
color: #fff;
text-align: center;
line-height: 53px;
font-size: 35px;
z-index: 9999999999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.max-button a {
color: #fff;
}
.max-button img {
width: 39px;
margin-top: 13px;
}
.max-button::before,
.max-button::after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #8343E4; left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
-webkit-animation: animate 1.5s linear infinite;
animation: animate 1.5s linear infinite;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.max-button::after {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes animate {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes animate {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
.webp .specialist__services-nav {
background-image: url(/wp-content/themes/med-skills/assets/images/icon-hand.webp)
}
.webp .step .slots__doctor-img {
background: url(/wp-content/themes/med-skills/assets/images/slots-doctor-bg.webp)
}.college_main .intro {
padding: 65px 0;
background-image: none;
background-color: #FEFEFE;
}
.intro_title{
border-radius: 24px;
padding: 40px;
margin-bottom: 40px;
background-color: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
text-align: center;
}
.intro_title h2{
font-size: 35px;
font-weight: 500;
}
.intro_title h3{
font-size: 35px;
font-weight: 500;
}
.intro_title h1{
font-size: 35px;
font-weight: 500;
}
.college_main .intro .swiper{  margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
padding: 0;
z-index: 1;
width: 100%;
}
.college_main .intro .swiper-wrapper {   position: relative;
width: 100%; height: auto; z-index: 1;
display: flex;
transition-property: transform;
box-sizing: border-box;
padding: 0px;
margin: 0px;
}
.college_main .intro .swiper-slide {
flex-shrink: 0;
width: 100%; height: auto; position: relative;
transition-property: transform;
display: flex; justify-content: center; align-items: center;
padding: 0px;
}
.college_main .intro .swiper-slide a{
padding: 0px;
}
.intro_banner{
margin-bottom: 40px;
}
.intro_banner img{
max-width:1260px;
width:100%;
} .main_programms{
padding: 65px 0;
background-color: #FEFEFE;
}
.college_main .title h2{
font-size: 35px;
font-weight: 700;
}
.college_main .title h3{
font-size: 35px;
font-weight: 700;
}
.programm_cards{
display: flex;
flex-direction: row;
gap: 40px;
}
.programm_cards .card{
max-width: 600px;
width: 100%;
max-height: 600px;
height: 100%;
border-radius: 15px;
padding: 55px 30px 55px 30px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 2;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.programm_cards .title h2{
color:#fff;
margin-bottom: 305px;
}
.programm_cards .title h3{
color:#fff;
margin-bottom: 305px;
}
.bottom_discription li{
font-size: 26px;
font-weight: 700;
display: inline-block;
padding: 17px;
background-color: #DBFF00;
border-radius: 30px;
}
.bottom_discription li:not(:first-child){
margin-top: 20px;
}
.ordinatura .bottom_discription li:not(:first-child){
margin-top: 10px;
} .question_form{
display:flex;
flex-direction: row;
background-color: #fff;
border-radius: 24px;
padding: 33px 60px;
justify-content: center;
align-items: center;
}
.question_form .title{
font-size: 27px;
font-weight: 700;
line-height: 32px;
margin-bottom: 0px;
}
.college_main .separation_vector{
width: 0px;
height: 90px;
border: 3px solid #CCCCCC;
margin: 0 55px 0 55px;
}
.question_form .subtitle{
font-weight: 400;
font-size: 18px;
line-height: 22px;
margin-bottom: 0;
align-content: center;
} .programms{
padding: 65px 0 100px 0;
background-color: #FEFEFE;
}
.programms .programm_cards {
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.programms .programm_cards .card-container{
display: flex;
flex-direction: column;
gap: 7px;
}    .programms .programm_cards .subtitle p{
font-weight: 500;
font-size: 33px;
line-height: 40px;
color: #FFFFFF;
background-color: #666666;
padding: 10px 15px;
display: inline-block;
border-radius: 15px;
text-align: center;
}
.programms .programm_cards .subtitle{
max-width: 350px;
width: 100%;
height: 80px;
margin-bottom: 30px;
text-align: center;
position: relative;
top: 190px;
}
.programms .bottom_discription li{
background-color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 25px;
}
.ordinatura .programm_cards {
flex-wrap: wrap;
}
.ordinatura .programm_cards .card{
max-width: 30%;
padding: 30px;
}
.ordinatura .programm_cards .title h2 {
margin-bottom: 105px;
font-size: 29px;
line-height: 32px;
}
.ordinatura .programm_cards .title h3 {
margin-bottom: 105px;
font-size: 29px;
line-height: 32px;
}
.ordinatura .programm_cards .title {
height: 160px;
}
.ordinatura .bottom_discription li {
font-size: 18px;
font-weight: 500;
display: inline-block;
padding: 13px;
background-color: #DBFF00;
border-radius: 30px;
line-height: 19px;
}
.college_main .form_admission{
padding: 65px 0;
background-color:#CCCCCC;
}
.form_admission_container{
background-color:#FEFEFE;
padding: 25px 60px;
border-radius: 24px;
}
.form_admission_container .title{
font-weight: 600;
font-size: 48px;
line-height: 58px;
margin-bottom: 20px;
}
.form_admission_container .subtitle{
font-weight: 400;
font-size: 32px;
line-height: 38px;
margin-bottom: 30px;
}
.form_admission_container .form{
display: flex;
flex-direction: row;
gap: 20px;
margin-bottom: 17px;
}
.form_admission_container .form .input{
border: 1px solid #CCCCCC;
}
.college_main .form_admission .btn{
background-color: #FD3C76;
border: 1px solid #FD3C76;
}
.college_main .form_admission .btn:hover {
background-color: #fff;
color: #FD3C76;
}
.college_main .form_admission .btn-blue{
background-color: #005DFF;
border: 1px solid #005DFF;
}
.college_main .form_admission .btn-blue:hover {
background-color: #fff;
color: #005DFF;
}
.teacher-admission{
padding: 65px 0;
background-color:#FEFEFE;
}
.teacher-card .swiper-wrapper{
margin-bottom: 60px;
}
.teacher__accordion-container{
display: flex;
flex-direction: column;
gap: 30px;
border-radius: 24px;
max-width: 400px;
width: 100% !important;
height: 730px;
padding: 30px;
}
.teacher-admission .info__visual{
display: flex;
justify-content: center;
align-items: center;
}
.teacher-admission .info__img{
width: 335px;
height: 260px;
display: flex;
justify-content: center;
}
.teacher-admission .info__img img{
height: 100%;
}
.teacher-admission .info__content{
height: 300px;
}
.teacher-admission .info__basic-list{ line-height: 22px;
list-style: disc !important;
list-style-position: inside !important;
margin-bottom: 5px;
}
.teacher-admission .btn{
text-align: center;
background-color: #fff;
color: #FD3C76;
border: 1px solid #FD3C76;
display:block;
}
.teacher-admission .btn:hover {
background-color: #FD3C76;
color: #fff;
}
.info_text{
padding: 65px 0;
}
.info_text title{
margin-bottom: 40px;
}
.info_text p{
font-size: 18px;
line-height: 26px;
margin-bottom: 16px;
}
.info_text .quote{
margin-bottom: 40px;
font-size: 18px;
line-height: 26px;
padding: 20px;
}
.info_text .pink{
border-left: 4px solid #fd3c76;
background-color: rgba(253, 60, 118, 0.1);
}
.info_text .blue{
border-left: 4px solid #005dff;
background-color: rgba(0, 93, 255, 0.1);
}
.info_text ul{
padding-left: 20px;
margin-bottom: 26px;
}
.info_text ul li{
list-style: disc !important;
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}
.info_text h3{
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
}
.info_video img{
margin: 0 0 40px 0;
}
.college_main .video-container {
display: flex;
justify-content: center;
margin-bottom: 40px; 
}
.college_main video {
border-radius: 15px; width: 100%;
}
.college_main .form_job{
padding: 65px 0;
background-color:#CCCCCC;
}
.form_job .subtitle{ 
font-weight: 400;
font-size: 20px;
line-height: 24px;
display: flex;
flex-direction: column;
gap: 20px;
}
.form_job .btn{
background-color: #FD3C76;
border: 1px solid #FD3C76;
}
.form_job .btn:hover {
background-color: #fff;
color: #FD3C76;
}
.photo_gallery{
padding: 65px 0 65px 0;
background-color:#FEFEFE;
}
.main__gallery-img{
width: 500px !important;
height: 460px;
}
.main__gallery-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main__gallery .swiper-wrapper{
margin-bottom: 60px;
}
.college-swiper{
width: 600px;
height: 500px;
}
.college-swiper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.close_banner{
padding: 65px 0;
background-color: #FEFEFE;
}
.close_banner img{
max-width:1260px;
width:100%;
}
.form_page{
background-color: #F3F6FF;
margin: 0;
padding:40px 20px;
overflow: auto;
}
.form_page .container {
max-width: 550px;
margin: 0 auto;
padding: 40px;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.content__contacts-form .popup-form{
display: flex;
flex-direction: column;
gap: 15px;
}
.content__contacts-form .politican{
margin-top: 20px;
}
.form_page h1{
text-align: center;
margin-bottom: 15px;
font-size: 26px;
line-height: 35px;
}
.form_page input {
border: 1px solid #cacace;
border-radius: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.11rem;
padding: 1rem 1.2rem;
width: 100%;
}
.specialist-page .specialist__wrapper{
display: flex;
justify-content: center;
align-items: center; flex-direction: column;
padding: 40px;
border-radius: 20px;
}
.specialist-page .specialist__info{
flex-direction: row;
}    border-radius: 15px;
}*/
.specialist-page .specialist__info-item .blueCircle{
background-color: #878787;
display: none;
}
.specialist-page .specialist__info-item::before {
background-color: #878787;
display: none;
}
.specialist-page .specialist__info-header {
margin-left: 10px;
}
.specialist-page .btn {
padding: 14px 28px;
border-radius: 0.5rem;  }     .specialist-page .specialist__info-photo{
max-height: 378px;
}
@media (max-width:1280px) {
.header__bottom-phone__link span {
font-size: 15px;
}
.programm_cards {
gap: 70px 40px;
}
}
@media (max-width:1200px) {
.form_page .container{
padding: 20px !important;
}
}
@media (max-width: 480px){
.form_page h1{
margin-bottom: 5px;
font-size: 20px;
line-height: 20px;
}
.form_page .popupcheckbox {
align-items: center;
display: flex;
flex-direction: column;
margin: 10px 0px;
}
.form_page .custom-checkbox+label{
font-size: 13px;
}
.form_page .popupbtn{
margin-top: 10px;
}
.form_page .checkbox{
margin-top: 0px;
}	
.form_page .custom-checkbox+label{
margin-bottom: 0px;
}
}
@media (max-width:1280px){
.programms .programm_cards .subtitle p {
font-size:18px;
}  }
@media (max-width: 1100px){
.intro_title h1{
font-size: 39px;
font-weight: 500;
line-height: 36px;
}
.intro_title h2{
font-size: 39px;
font-weight: 500;
line-height: 36px;
}
}
@media (max-width: 768px){
.main_programms .programm_cards .title{
height: 90px;
width: 230px;
}
.main_programms .bottom_discription li{
font-size: 18px;
}
.question_form{
padding: 20px 20px;
}
.separation_vector {
margin: 0 20px 0 20px;
}
.programms .programm_cards {
flex-direction: column;
align-items: center;
}   .ordinatura .programm_cards .card {
max-width: 100%;
}
.programms .bottom_discription li{
font-size: 18px;
}
.form_admission_container .title {
font-size: 42px;
line-height: 48px;
}
.form_admission_container .subtitle {
font-size: 22px;
line-height: 27px;
margin-bottom: 20px;
}
.form_admission_container .form {
flex-direction: column;
gap: 5px;
}
.ordinatura .programm_cards .title{
width: unset;
}
.specialist-page .specialist__info {
flex-direction: column;
margin-bottom: 20px;
}
.specialist-page .specialist__info-photo{
display: flex;
justify-content: center;
}
}
@media (max-width: 700px){
.main_programms .programm_cards{
flex-direction: column;
} .form_admission_container .title {
font-size: 35px;
line-height: 40px;
}
.college-swiper {
width: 400px !important;
height: 300px;
}
.header .container {
padding: 0px;
}
.header__block-nav_catalog-mobile .container{
padding: 20px
}
}
@media (max-width: 680px){
.intro_title {
padding: 20px;
}
.intro_title h1 {
font-size: 28px;
line-height: 30px;
}
.intro_title h2 {
font-size: 28px;
line-height: 30px;
}
.question_form{
padding: 30px 30px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.separation_vector{
display: none;
}
.question_btn {
margin-left: 0px;
}
.form_admission_container .subtitle {
font-size: 18px;
line-height: 22px;
}    
.photo_gallery {
padding: 65px 0 0 0;
}
.college_main .title h2{
font-size: 28px;
line-height: 35px;
}
.college_main .title h3{
font-size: 28px;
line-height: 35px;
}
}
@media (max-width: 480px) {
.college_main .intro {
padding: 40px 0;
}
.form_admission_container .title {
font-size: 28px;
line-height: 35px;
}
.teacher__accordion-container {
max-width: 405px !important; }
}
@media (max-width: 480px) {
.form_admission_container {
padding: 20px 20px;
}
.form_admission_container .title {
font-size: 26px;
}
.photo_gallery .swiper .swiper-wrapper {
height: unset;
}
.college-swiper{
margin-bottom: 50px;
}
.intro_banner .full{
display: none;
}
.close_banner .full{
display: none;
}
.close_banner .mob{
display: block !important;
}
.main_programms .programm_cards .title {
height: unset;
}
}
@media (max-width: 415px) {
.intro_title h1 {
font-size: 20px;
line-height: 24px;
}
.intro_title h2 {
font-size: 20px;
line-height: 24px;
}
.intro_title {
margin-bottom: 30px;
padding: 15px; }
.intro_banner {
margin-bottom: 0px;
}
.college_main .icon-deg-arrow {
width: 15px;
height: 15px;
}
.college_main .intro__nav-item .icon-deg-arrow {
margin-top: 3px;
}
.college_main .intro {
padding: 0px 0;
margin-top: 30px;
} .teacher__accordion-container {
height: 800px;
gap: 0;
}
.teacher-admission .info__content {
height: 450px;
}
.college_main .intro .swiper {  }      .college_main .intro .intro_banner img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
padding: 0px;
}
.teacher-admission .info__img{
height: 200px;
}
.checkup-services .container{
padding: 0px;
}
.tidings__wrapper {
margin-top: 30px;
}
.contacts__wrapper{
margin-top: 30px;
}
}
@media (max-width: 415px){
.teacher-admission .container{
padding: 0px;
}
.teacher-admission .info__content {
height: 290px;
}
.teacher__accordion-container {
height: 580px;
padding: 10px;
}
.main__gallery-img {
width: 300px !important;
height: 260px;
}
.close_banner {
padding: 0px 0;
}
.specialist-page .specialist__info-photo img {
width: 100%;
}
.specialist-page .specialist__wrapper {
padding: 20px;
margin-top: 20px;
}
.programms .programm_cards .subtitle p {
font-size: 16px;
}
.college_main .intro_banner {
margin-bottom: 0px;
}
.college_main .intro__wrapper-nav{
margin-top: 30px;
}
.intro__container-nav:last-child{
margin-top: 30px;
}
.college_main .programms{
padding: 30px 0 60px 0;
}
.programm_cards {
gap: 40px 40px;
}
.teacher-admission,
.info_text,
.photo_gallery{
padding: 30px 0;
}
.teacher-card .swiper-wrapper {
margin-bottom: 0px;
}
.teacher-card .swiper-button-prev,
.teacher-card .swiper-button-next{
display: none;
}
.main__gallery .swiper-wrapper {
margin-bottom: 0px;
}
.main__gallery .swiper-button-prev,
.main__gallery .swiper-button-next{
display: none;
}
.photo_gallery {
padding: 30px 0 0 0;
}
.close_banner img {
border-radius: 24px;
}
.photo_gallery .swiper {
padding: 0px 15px;
}
}html:not(.bvi-panel) {
font-size: 100%;
}
html:not(.bvi-panel) *,
html:not(.bvi-panel) ::after,
html:not(.bvi-panel) ::before {
box-sizing: border-box;
}
html body .bvi-panel {
font-family: Arial, serif !important;
font-size: 1rem !important;
padding: 0.5rem;
color: black;
top: 0;
left: 0;
right: 0;
letter-spacing: 0;
position: relative;
text-shadow: none;
line-height: normal;
border: 0;
margin-bottom: 0.3rem;
background-color: #f7f7f7;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
z-index: 999999 !important;
}
html body .bvi-panel * {
font-family: Arial, serif !important;
font-size: 1rem !important;
}
html body .bvi-panel.bvi-fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999999;
}
html body .bvi-panel.bvi-panel-hide {
display: none;
}
html body .bvi-panel a {
color: black !important;
outline: 0 !important;
background-color: transparent !important;
text-decoration: none !important;
}
html body .bvi-panel a:hover, html body .bvi-panel a:focus {
color: black !important;
outline: 0 !important;
background-color: transparent !important;
text-decoration: none !important;
}
html body .bvi-panel a.bvi-link {
display: inline-block;
line-height: 1.5;
font-size: 0.875rem !important;
color: #212529 !important;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #e0e0e0 !important;
border: 1px solid #c6c6c6 !important;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
position: relative;
font-weight: bold;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
html body .bvi-panel a.bvi-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
html body .bvi-panel a.bvi-link:hover, html body .bvi-panel a.bvi-link:focus {
background-color: #b6b6b6 !important;
}
html body .bvi-panel a.bvi-link.active {
color: #212529 !important;
background-color: #b6b6b6 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-white {
background-color: #ffffff !important;
color: #000000 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-black {
background-color: #000000 !important;
color: #ffffff !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-blue {
background-color: #9DD1FF !important;
color: #063462 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-brown {
background-color: #F7F3D6 !important;
color: #4D4B43 !important;
}
html body .bvi-panel a.bvi-link.bvi-theme-green {
background-color: #3B2716 !important;
color: #A9E44D !important;
}
html body .bvi-panel .bvi-blocks {
margin: 0 auto;
text-align: center;
display: flex;
flex-flow: row wrap;
}
html body .bvi-panel .bvi-blocks.bvi-block-start {
justify-content: flex-start;
}
html body .bvi-panel .bvi-blocks.bvi-block-center {
justify-content: center;
}
html body .bvi-panel .bvi-blocks.bvi-block-end {
justify-content: flex-end;
}
html body .bvi-panel .bvi-block {
padding: 0.688rem 0.938rem;
}
html body .bvi-panel .bvi-block .bvi-block-title {
text-align: center;
font-weight: 600 !important;
font-size: 1rem !important;
display: block;
margin-bottom: 0.8rem;
}
html body .bvi-panel .bvi-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
z-index: 1050;
outline: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
}
html body .bvi-panel .bvi-modal.show {
visibility: visible;
opacity: 1;
}
html body .bvi-panel .bvi-modal .bvi-modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
display: flex;
align-items: center;
height: calc(100% - 3.5rem);
pointer-events: none;
}
html body .bvi-panel .bvi-modal .bvi-modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
max-height: 100%;
overflow: hidden;
}
html body .bvi-panel .bvi-modal .bvi-modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 0.8rem 0.8rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
html body .bvi-panel .bvi-modal .bvi-modal-title {
margin-top: 0;
margin-bottom: 0;
line-height: 1.5;
font-size: 1.25rem;
font-weight: 600;
color: black;
}
html body .bvi-panel .bvi-modal .bvi-modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
overflow-y: auto;
}
html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar {
width: 0.5rem;
background-color: transparent;
opacity: 0;
}
html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar-thumb {
background-color: #dee2e6;
border-radius: 0.25rem;
}
html body .bvi-panel .bvi-modal .bvi-modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 0.8rem 0.8rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px);
}
html body .bvi-panel .bvi-modal .bvi-modal-close {
float: right;
font-size: 1.2rem !important;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
}
html body .bvi-panel .bvi-modal .bvi-modal-close:focus, html body .bvi-panel .bvi-modal .bvi-modal-close:hover {
cursor: pointer;
opacity: 0.75;
}
body.bvi-active {
margin: 0;
padding: 0;
top: 0;
left: 0;
}
body.bvi-active.bvi-noscroll {
overflow: hidden !important;
}
body .bvi-body {
padding: 0 0.5rem;
}
body .bvi-body[data-bvi-theme=white]:not(.bvi-no-styles) {
background-color: #ffffff !important;
color: #000000 !important;
fill: #000000 !important;
border-color: #000000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) {
background-color: #ffffff !important;
color: #000000 !important;
fill: #000000 !important;
border-color: #000000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-speech-text {
border-color: #000000;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) {
color: #000000 !important;
background-color: transparent !important;
text-underline: none !important;
outline: 0 !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled {
color: rgba(0, 0, 0, 0.5) !important;
border: 1px solid rgba(0, 0, 0, 0.5) !important;
pointer-events: none;
cursor: no-drop;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus {
color: rgba(0, 0, 0, 0.5) !important;
border: 1px solid rgba(0, 0, 0, 0.5) !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover {
color: #ffffff !important;
background-color: #000000 !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus {
color: #000000 !important;
background-color: #ffffff !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :default:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :link:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :required:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :root:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :target:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) {
background-color: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: #000000 !important;
color: #000000 !important;
fill: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #000000 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #000000 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) {
background-color: #000000 !important;
color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles) {
outline: 0 !important;
color: #000000 !important;
background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active {
color: #000000 !important;
background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) {
color: #ffffff !important;
background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after {
background-color: rgba(255, 255, 255, 0) !important;
color: #ffffff !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before {
background-color: rgba(255, 255, 255, 0) !important;
color: #ffffff !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) {
color: #ffffff !important;
background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active {
color: #ffffff !important;
background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover {
color: #ffffff !important;
background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=black]:not(.bvi-no-styles) {
background-color: #000000 !important;
color: #ffffff !important;
fill: #ffffff !important;
border-color: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) {
background-color: #000000 !important;
color: #ffffff !important;
fill: #ffffff !important;
border-color: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-speech-text {
border-color: #ffffff;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) {
color: #ffffff !important;
background-color: transparent !important;
text-underline: none !important;
outline: 0 !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled {
color: rgba(255, 255, 255, 0.5) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
pointer-events: none;
cursor: no-drop;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus {
color: rgba(255, 255, 255, 0.5) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover {
color: #000000 !important;
background-color: #ffffff !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus {
color: #ffffff !important;
background-color: #000000 !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :default:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :link:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :required:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :root:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :target:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) {
background-color: #000000 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: #ffffff !important;
color: #ffffff !important;
fill: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) {
background-color: #ffffff !important;
color: #000000 !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles) {
outline: 0 !important;
color: #ffffff !important;
background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active {
color: #ffffff !important;
background-color: #000000 !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) {
color: #000000 !important;
background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after {
background-color: rgba(255, 255, 255, 0) !important;
color: #000000 !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before {
background-color: rgba(255, 255, 255, 0) !important;
color: #000000 !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) {
color: #000000 !important;
background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active {
color: #000000 !important;
background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover {
color: #000000 !important;
background-color: #ffffff !important;
}
body .bvi-body[data-bvi-theme=blue]:not(.bvi-no-styles) {
background-color: #9DD1FF !important;
color: #063462 !important;
fill: #063462 !important;
border-color: #063462 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) {
background-color: #9DD1FF !important;
color: #063462 !important;
fill: #063462 !important;
border-color: #063462 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-speech-text {
border-color: #063462;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) {
color: #063462 !important;
background-color: transparent !important;
text-underline: none !important;
outline: 0 !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled {
color: rgba(6, 52, 98, 0.5) !important;
border: 1px solid rgba(6, 52, 98, 0.5) !important;
pointer-events: none;
cursor: no-drop;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus {
color: rgba(6, 52, 98, 0.5) !important;
border: 1px solid rgba(6, 52, 98, 0.5) !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover {
color: #9DD1FF !important;
background-color: #063462 !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus {
color: #063462 !important;
background-color: #9DD1FF !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :default:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :link:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :required:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :root:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :target:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) {
background-color: #9DD1FF !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: #063462 !important;
color: #063462 !important;
fill: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #063462 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #063462 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) {
background-color: #063462 !important;
color: #9DD1FF !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles) {
outline: 0 !important;
color: #063462 !important;
background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active {
color: #063462 !important;
background-color: #9DD1FF !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) {
color: #9DD1FF !important;
background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after {
background-color: rgba(255, 255, 255, 0) !important;
color: #9DD1FF !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before {
background-color: rgba(255, 255, 255, 0) !important;
color: #9DD1FF !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) {
color: #9DD1FF !important;
background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active {
color: #9DD1FF !important;
background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover {
color: #9DD1FF !important;
background-color: #063462 !important;
}
body .bvi-body[data-bvi-theme=brown]:not(.bvi-no-styles) {
background-color: #F7F3D6 !important;
color: #4D4B43 !important;
fill: #4D4B43 !important;
border-color: #4D4B43 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) {
background-color: #F7F3D6 !important;
color: #4D4B43 !important;
fill: #4D4B43 !important;
border-color: #4D4B43 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-speech-text {
border-color: #4D4B43;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) {
color: #4D4B43 !important;
background-color: transparent !important;
text-underline: none !important;
outline: 0 !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled {
color: rgba(77, 75, 67, 0.5) !important;
border: 1px solid rgba(77, 75, 67, 0.5) !important;
pointer-events: none;
cursor: no-drop;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus {
color: rgba(77, 75, 67, 0.5) !important;
border: 1px solid rgba(77, 75, 67, 0.5) !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover {
color: #F7F3D6 !important;
background-color: #4D4B43 !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus {
color: #4D4B43 !important;
background-color: #F7F3D6 !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :default:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :link:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :required:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :root:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :target:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) {
background-color: #F7F3D6 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: #4D4B43 !important;
color: #4D4B43 !important;
fill: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #4D4B43 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #4D4B43 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) {
background-color: #4D4B43 !important;
color: #F7F3D6 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles) {
outline: 0 !important;
color: #4D4B43 !important;
background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active {
color: #4D4B43 !important;
background-color: #F7F3D6 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) {
color: #F7F3D6 !important;
background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after {
background-color: rgba(255, 255, 255, 0) !important;
color: #F7F3D6 !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before {
background-color: rgba(255, 255, 255, 0) !important;
color: #F7F3D6 !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) {
color: #F7F3D6 !important;
background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active {
color: #F7F3D6 !important;
background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover {
color: #F7F3D6 !important;
background-color: #4D4B43 !important;
}
body .bvi-body[data-bvi-theme=green]:not(.bvi-no-styles) {
background-color: #3B2716 !important;
color: #A9E44D !important;
fill: #A9E44D !important;
border-color: #A9E44D !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) {
background-color: #3B2716 !important;
color: #A9E44D !important;
fill: #A9E44D !important;
border-color: #A9E44D !important;
box-shadow: none !important;
text-shadow: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-speech-link,
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-speech-text {
border-color: #A9E44D;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) {
color: #A9E44D !important;
background-color: transparent !important;
text-underline: none !important;
outline: 0 !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled {
color: rgba(169, 228, 77, 0.5) !important;
border: 1px solid rgba(169, 228, 77, 0.5) !important;
pointer-events: none;
cursor: no-drop;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus {
color: rgba(169, 228, 77, 0.5) !important;
border: 1px solid rgba(169, 228, 77, 0.5) !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover {
color: #3B2716 !important;
background-color: #A9E44D !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus {
color: #A9E44D !important;
background-color: #3B2716 !important;
text-underline: none !important;
text-decoration: none !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :default:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :link:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :required:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :root:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :target:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles),
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) {
background-color: #3B2716 !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: #A9E44D !important;
color: #A9E44D !important;
fill: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #A9E44D !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) {
background-color: rgba(255, 255, 255, 0) !important;
color: #A9E44D !important;
box-shadow: none !important;
text-shadow: none !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) {
background-color: #A9E44D !important;
color: #3B2716 !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles) {
outline: 0 !important;
color: #A9E44D !important;
background-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active {
color: #A9E44D !important;
background-color: #3B2716 !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) {
color: #3B2716 !important;
background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after {
background-color: rgba(255, 255, 255, 0) !important;
color: #3B2716 !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before {
background-color: rgba(255, 255, 255, 0) !important;
color: #3B2716 !important;
border-color: transparent !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) {
color: #3B2716 !important;
background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active {
color: #3B2716 !important;
background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover {
color: #3B2716 !important;
background-color: #A9E44D !important;
}
body .bvi-body[data-bvi-fontsize="40"] * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h1,
body .bvi-body[data-bvi-fontsize="40"] * h1 * {
font-size: 47px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h2,
body .bvi-body[data-bvi-fontsize="40"] * h2 * {
font-size: 46px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h3,
body .bvi-body[data-bvi-fontsize="40"] * h3 * {
font-size: 45px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h4,
body .bvi-body[data-bvi-fontsize="40"] * h4 * {
font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h5,
body .bvi-body[data-bvi-fontsize="40"] * h5 * {
font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="40"] * h6,
body .bvi-body[data-bvi-fontsize="40"] * h6 * {
font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h1,
body .bvi-body[data-bvi-fontsize="39"] * h1 * {
font-size: 46px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h2,
body .bvi-body[data-bvi-fontsize="39"] * h2 * {
font-size: 45px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h3,
body .bvi-body[data-bvi-fontsize="39"] * h3 * {
font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h4,
body .bvi-body[data-bvi-fontsize="39"] * h4 * {
font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h5,
body .bvi-body[data-bvi-fontsize="39"] * h5 * {
font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="39"] * h6,
body .bvi-body[data-bvi-fontsize="39"] * h6 * {
font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h1,
body .bvi-body[data-bvi-fontsize="38"] * h1 * {
font-size: 45px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h2,
body .bvi-body[data-bvi-fontsize="38"] * h2 * {
font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h3,
body .bvi-body[data-bvi-fontsize="38"] * h3 * {
font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h4,
body .bvi-body[data-bvi-fontsize="38"] * h4 * {
font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h5,
body .bvi-body[data-bvi-fontsize="38"] * h5 * {
font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="38"] * h6,
body .bvi-body[data-bvi-fontsize="38"] * h6 * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h1,
body .bvi-body[data-bvi-fontsize="37"] * h1 * {
font-size: 44px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h2,
body .bvi-body[data-bvi-fontsize="37"] * h2 * {
font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h3,
body .bvi-body[data-bvi-fontsize="37"] * h3 * {
font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h4,
body .bvi-body[data-bvi-fontsize="37"] * h4 * {
font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h5,
body .bvi-body[data-bvi-fontsize="37"] * h5 * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="37"] * h6,
body .bvi-body[data-bvi-fontsize="37"] * h6 * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h1,
body .bvi-body[data-bvi-fontsize="36"] * h1 * {
font-size: 43px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h2,
body .bvi-body[data-bvi-fontsize="36"] * h2 * {
font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h3,
body .bvi-body[data-bvi-fontsize="36"] * h3 * {
font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h4,
body .bvi-body[data-bvi-fontsize="36"] * h4 * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h5,
body .bvi-body[data-bvi-fontsize="36"] * h5 * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="36"] * h6,
body .bvi-body[data-bvi-fontsize="36"] * h6 * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h1,
body .bvi-body[data-bvi-fontsize="35"] * h1 * {
font-size: 42px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h2,
body .bvi-body[data-bvi-fontsize="35"] * h2 * {
font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h3,
body .bvi-body[data-bvi-fontsize="35"] * h3 * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h4,
body .bvi-body[data-bvi-fontsize="35"] * h4 * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h5,
body .bvi-body[data-bvi-fontsize="35"] * h5 * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="35"] * h6,
body .bvi-body[data-bvi-fontsize="35"] * h6 * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h1,
body .bvi-body[data-bvi-fontsize="34"] * h1 * {
font-size: 41px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h2,
body .bvi-body[data-bvi-fontsize="34"] * h2 * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h3,
body .bvi-body[data-bvi-fontsize="34"] * h3 * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h4,
body .bvi-body[data-bvi-fontsize="34"] * h4 * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h5,
body .bvi-body[data-bvi-fontsize="34"] * h5 * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="34"] * h6,
body .bvi-body[data-bvi-fontsize="34"] * h6 * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h1,
body .bvi-body[data-bvi-fontsize="33"] * h1 * {
font-size: 40px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h2,
body .bvi-body[data-bvi-fontsize="33"] * h2 * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h3,
body .bvi-body[data-bvi-fontsize="33"] * h3 * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h4,
body .bvi-body[data-bvi-fontsize="33"] * h4 * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h5,
body .bvi-body[data-bvi-fontsize="33"] * h5 * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="33"] * h6,
body .bvi-body[data-bvi-fontsize="33"] * h6 * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h1,
body .bvi-body[data-bvi-fontsize="32"] * h1 * {
font-size: 39px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h2,
body .bvi-body[data-bvi-fontsize="32"] * h2 * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h3,
body .bvi-body[data-bvi-fontsize="32"] * h3 * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h4,
body .bvi-body[data-bvi-fontsize="32"] * h4 * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h5,
body .bvi-body[data-bvi-fontsize="32"] * h5 * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="32"] * h6,
body .bvi-body[data-bvi-fontsize="32"] * h6 * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h1,
body .bvi-body[data-bvi-fontsize="31"] * h1 * {
font-size: 38px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h2,
body .bvi-body[data-bvi-fontsize="31"] * h2 * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h3,
body .bvi-body[data-bvi-fontsize="31"] * h3 * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h4,
body .bvi-body[data-bvi-fontsize="31"] * h4 * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h5,
body .bvi-body[data-bvi-fontsize="31"] * h5 * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="31"] * h6,
body .bvi-body[data-bvi-fontsize="31"] * h6 * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h1,
body .bvi-body[data-bvi-fontsize="30"] * h1 * {
font-size: 37px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h2,
body .bvi-body[data-bvi-fontsize="30"] * h2 * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h3,
body .bvi-body[data-bvi-fontsize="30"] * h3 * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h4,
body .bvi-body[data-bvi-fontsize="30"] * h4 * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h5,
body .bvi-body[data-bvi-fontsize="30"] * h5 * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="30"] * h6,
body .bvi-body[data-bvi-fontsize="30"] * h6 * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h1,
body .bvi-body[data-bvi-fontsize="29"] * h1 * {
font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h2,
body .bvi-body[data-bvi-fontsize="29"] * h2 * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h3,
body .bvi-body[data-bvi-fontsize="29"] * h3 * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h4,
body .bvi-body[data-bvi-fontsize="29"] * h4 * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h5,
body .bvi-body[data-bvi-fontsize="29"] * h5 * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="29"] * h6,
body .bvi-body[data-bvi-fontsize="29"] * h6 * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h1,
body .bvi-body[data-bvi-fontsize="28"] * h1 * {
font-size: 35px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h2,
body .bvi-body[data-bvi-fontsize="28"] * h2 * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h3,
body .bvi-body[data-bvi-fontsize="28"] * h3 * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h4,
body .bvi-body[data-bvi-fontsize="28"] * h4 * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h5,
body .bvi-body[data-bvi-fontsize="28"] * h5 * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="28"] * h6,
body .bvi-body[data-bvi-fontsize="28"] * h6 * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h1,
body .bvi-body[data-bvi-fontsize="27"] * h1 * {
font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h2,
body .bvi-body[data-bvi-fontsize="27"] * h2 * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h3,
body .bvi-body[data-bvi-fontsize="27"] * h3 * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h4,
body .bvi-body[data-bvi-fontsize="27"] * h4 * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h5,
body .bvi-body[data-bvi-fontsize="27"] * h5 * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="27"] * h6,
body .bvi-body[data-bvi-fontsize="27"] * h6 * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h1,
body .bvi-body[data-bvi-fontsize="26"] * h1 * {
font-size: 33px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h2,
body .bvi-body[data-bvi-fontsize="26"] * h2 * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h3,
body .bvi-body[data-bvi-fontsize="26"] * h3 * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h4,
body .bvi-body[data-bvi-fontsize="26"] * h4 * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h5,
body .bvi-body[data-bvi-fontsize="26"] * h5 * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="26"] * h6,
body .bvi-body[data-bvi-fontsize="26"] * h6 * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h1,
body .bvi-body[data-bvi-fontsize="25"] * h1 * {
font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h2,
body .bvi-body[data-bvi-fontsize="25"] * h2 * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h3,
body .bvi-body[data-bvi-fontsize="25"] * h3 * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h4,
body .bvi-body[data-bvi-fontsize="25"] * h4 * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h5,
body .bvi-body[data-bvi-fontsize="25"] * h5 * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="25"] * h6,
body .bvi-body[data-bvi-fontsize="25"] * h6 * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h1,
body .bvi-body[data-bvi-fontsize="24"] * h1 * {
font-size: 31px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h2,
body .bvi-body[data-bvi-fontsize="24"] * h2 * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h3,
body .bvi-body[data-bvi-fontsize="24"] * h3 * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h4,
body .bvi-body[data-bvi-fontsize="24"] * h4 * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h5,
body .bvi-body[data-bvi-fontsize="24"] * h5 * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="24"] * h6,
body .bvi-body[data-bvi-fontsize="24"] * h6 * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h1,
body .bvi-body[data-bvi-fontsize="23"] * h1 * {
font-size: 30px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h2,
body .bvi-body[data-bvi-fontsize="23"] * h2 * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h3,
body .bvi-body[data-bvi-fontsize="23"] * h3 * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h4,
body .bvi-body[data-bvi-fontsize="23"] * h4 * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h5,
body .bvi-body[data-bvi-fontsize="23"] * h5 * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="23"] * h6,
body .bvi-body[data-bvi-fontsize="23"] * h6 * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h1,
body .bvi-body[data-bvi-fontsize="22"] * h1 * {
font-size: 29px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h2,
body .bvi-body[data-bvi-fontsize="22"] * h2 * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h3,
body .bvi-body[data-bvi-fontsize="22"] * h3 * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h4,
body .bvi-body[data-bvi-fontsize="22"] * h4 * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h5,
body .bvi-body[data-bvi-fontsize="22"] * h5 * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="22"] * h6,
body .bvi-body[data-bvi-fontsize="22"] * h6 * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h1,
body .bvi-body[data-bvi-fontsize="21"] * h1 * {
font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h2,
body .bvi-body[data-bvi-fontsize="21"] * h2 * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h3,
body .bvi-body[data-bvi-fontsize="21"] * h3 * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h4,
body .bvi-body[data-bvi-fontsize="21"] * h4 * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h5,
body .bvi-body[data-bvi-fontsize="21"] * h5 * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="21"] * h6,
body .bvi-body[data-bvi-fontsize="21"] * h6 * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h1,
body .bvi-body[data-bvi-fontsize="20"] * h1 * {
font-size: 27px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h2,
body .bvi-body[data-bvi-fontsize="20"] * h2 * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h3,
body .bvi-body[data-bvi-fontsize="20"] * h3 * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h4,
body .bvi-body[data-bvi-fontsize="20"] * h4 * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h5,
body .bvi-body[data-bvi-fontsize="20"] * h5 * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="20"] * h6,
body .bvi-body[data-bvi-fontsize="20"] * h6 * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h1,
body .bvi-body[data-bvi-fontsize="19"] * h1 * {
font-size: 26px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h2,
body .bvi-body[data-bvi-fontsize="19"] * h2 * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h3,
body .bvi-body[data-bvi-fontsize="19"] * h3 * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h4,
body .bvi-body[data-bvi-fontsize="19"] * h4 * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h5,
body .bvi-body[data-bvi-fontsize="19"] * h5 * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="19"] * h6,
body .bvi-body[data-bvi-fontsize="19"] * h6 * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h1,
body .bvi-body[data-bvi-fontsize="18"] * h1 * {
font-size: 25px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h2,
body .bvi-body[data-bvi-fontsize="18"] * h2 * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h3,
body .bvi-body[data-bvi-fontsize="18"] * h3 * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h4,
body .bvi-body[data-bvi-fontsize="18"] * h4 * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h5,
body .bvi-body[data-bvi-fontsize="18"] * h5 * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="18"] * h6,
body .bvi-body[data-bvi-fontsize="18"] * h6 * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h1,
body .bvi-body[data-bvi-fontsize="17"] * h1 * {
font-size: 24px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h2,
body .bvi-body[data-bvi-fontsize="17"] * h2 * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h3,
body .bvi-body[data-bvi-fontsize="17"] * h3 * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h4,
body .bvi-body[data-bvi-fontsize="17"] * h4 * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h5,
body .bvi-body[data-bvi-fontsize="17"] * h5 * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="17"] * h6,
body .bvi-body[data-bvi-fontsize="17"] * h6 * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h1,
body .bvi-body[data-bvi-fontsize="16"] * h1 * {
font-size: 23px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h2,
body .bvi-body[data-bvi-fontsize="16"] * h2 * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h3,
body .bvi-body[data-bvi-fontsize="16"] * h3 * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h4,
body .bvi-body[data-bvi-fontsize="16"] * h4 * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h5,
body .bvi-body[data-bvi-fontsize="16"] * h5 * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="16"] * h6,
body .bvi-body[data-bvi-fontsize="16"] * h6 * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h1,
body .bvi-body[data-bvi-fontsize="15"] * h1 * {
font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h2,
body .bvi-body[data-bvi-fontsize="15"] * h2 * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h3,
body .bvi-body[data-bvi-fontsize="15"] * h3 * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h4,
body .bvi-body[data-bvi-fontsize="15"] * h4 * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h5,
body .bvi-body[data-bvi-fontsize="15"] * h5 * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="15"] * h6,
body .bvi-body[data-bvi-fontsize="15"] * h6 * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h1,
body .bvi-body[data-bvi-fontsize="14"] * h1 * {
font-size: 21px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h2,
body .bvi-body[data-bvi-fontsize="14"] * h2 * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h3,
body .bvi-body[data-bvi-fontsize="14"] * h3 * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h4,
body .bvi-body[data-bvi-fontsize="14"] * h4 * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h5,
body .bvi-body[data-bvi-fontsize="14"] * h5 * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="14"] * h6,
body .bvi-body[data-bvi-fontsize="14"] * h6 * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h1,
body .bvi-body[data-bvi-fontsize="13"] * h1 * {
font-size: 20px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h2,
body .bvi-body[data-bvi-fontsize="13"] * h2 * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h3,
body .bvi-body[data-bvi-fontsize="13"] * h3 * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h4,
body .bvi-body[data-bvi-fontsize="13"] * h4 * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h5,
body .bvi-body[data-bvi-fontsize="13"] * h5 * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="13"] * h6,
body .bvi-body[data-bvi-fontsize="13"] * h6 * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h1,
body .bvi-body[data-bvi-fontsize="12"] * h1 * {
font-size: 19px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h2,
body .bvi-body[data-bvi-fontsize="12"] * h2 * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h3,
body .bvi-body[data-bvi-fontsize="12"] * h3 * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h4,
body .bvi-body[data-bvi-fontsize="12"] * h4 * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h5,
body .bvi-body[data-bvi-fontsize="12"] * h5 * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="12"] * h6,
body .bvi-body[data-bvi-fontsize="12"] * h6 * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h1,
body .bvi-body[data-bvi-fontsize="11"] * h1 * {
font-size: 18px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h2,
body .bvi-body[data-bvi-fontsize="11"] * h2 * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h3,
body .bvi-body[data-bvi-fontsize="11"] * h3 * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h4,
body .bvi-body[data-bvi-fontsize="11"] * h4 * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h5,
body .bvi-body[data-bvi-fontsize="11"] * h5 * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="11"] * h6,
body .bvi-body[data-bvi-fontsize="11"] * h6 * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h1,
body .bvi-body[data-bvi-fontsize="10"] * h1 * {
font-size: 17px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h2,
body .bvi-body[data-bvi-fontsize="10"] * h2 * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h3,
body .bvi-body[data-bvi-fontsize="10"] * h3 * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h4,
body .bvi-body[data-bvi-fontsize="10"] * h4 * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h5,
body .bvi-body[data-bvi-fontsize="10"] * h5 * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="10"] * h6,
body .bvi-body[data-bvi-fontsize="10"] * h6 * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h1,
body .bvi-body[data-bvi-fontsize="9"] * h1 * {
font-size: 16px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h2,
body .bvi-body[data-bvi-fontsize="9"] * h2 * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h3,
body .bvi-body[data-bvi-fontsize="9"] * h3 * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h4,
body .bvi-body[data-bvi-fontsize="9"] * h4 * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h5,
body .bvi-body[data-bvi-fontsize="9"] * h5 * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="9"] * h6,
body .bvi-body[data-bvi-fontsize="9"] * h6 * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h1,
body .bvi-body[data-bvi-fontsize="8"] * h1 * {
font-size: 15px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h2,
body .bvi-body[data-bvi-fontsize="8"] * h2 * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h3,
body .bvi-body[data-bvi-fontsize="8"] * h3 * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h4,
body .bvi-body[data-bvi-fontsize="8"] * h4 * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h5,
body .bvi-body[data-bvi-fontsize="8"] * h5 * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="8"] * h6,
body .bvi-body[data-bvi-fontsize="8"] * h6 * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * {
font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h1,
body .bvi-body[data-bvi-fontsize="7"] * h1 * {
font-size: 14px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h2,
body .bvi-body[data-bvi-fontsize="7"] * h2 * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h3,
body .bvi-body[data-bvi-fontsize="7"] * h3 * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h4,
body .bvi-body[data-bvi-fontsize="7"] * h4 * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h5,
body .bvi-body[data-bvi-fontsize="7"] * h5 * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="7"] * h6,
body .bvi-body[data-bvi-fontsize="7"] * h6 * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * {
font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h1,
body .bvi-body[data-bvi-fontsize="6"] * h1 * {
font-size: 13px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h2,
body .bvi-body[data-bvi-fontsize="6"] * h2 * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h3,
body .bvi-body[data-bvi-fontsize="6"] * h3 * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h4,
body .bvi-body[data-bvi-fontsize="6"] * h4 * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h5,
body .bvi-body[data-bvi-fontsize="6"] * h5 * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="6"] * h6,
body .bvi-body[data-bvi-fontsize="6"] * h6 * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * {
font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h1,
body .bvi-body[data-bvi-fontsize="5"] * h1 * {
font-size: 12px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h2,
body .bvi-body[data-bvi-fontsize="5"] * h2 * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h3,
body .bvi-body[data-bvi-fontsize="5"] * h3 * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h4,
body .bvi-body[data-bvi-fontsize="5"] * h4 * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h5,
body .bvi-body[data-bvi-fontsize="5"] * h5 * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="5"] * h6,
body .bvi-body[data-bvi-fontsize="5"] * h6 * {
font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * {
font-size: 4px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h1,
body .bvi-body[data-bvi-fontsize="4"] * h1 * {
font-size: 11px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h2,
body .bvi-body[data-bvi-fontsize="4"] * h2 * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h3,
body .bvi-body[data-bvi-fontsize="4"] * h3 * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h4,
body .bvi-body[data-bvi-fontsize="4"] * h4 * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h5,
body .bvi-body[data-bvi-fontsize="4"] * h5 * {
font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="4"] * h6,
body .bvi-body[data-bvi-fontsize="4"] * h6 * {
font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * {
font-size: 3px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h1,
body .bvi-body[data-bvi-fontsize="3"] * h1 * {
font-size: 10px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h2,
body .bvi-body[data-bvi-fontsize="3"] * h2 * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h3,
body .bvi-body[data-bvi-fontsize="3"] * h3 * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h4,
body .bvi-body[data-bvi-fontsize="3"] * h4 * {
font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h5,
body .bvi-body[data-bvi-fontsize="3"] * h5 * {
font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="3"] * h6,
body .bvi-body[data-bvi-fontsize="3"] * h6 * {
font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * {
font-size: 2px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h1,
body .bvi-body[data-bvi-fontsize="2"] * h1 * {
font-size: 9px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h2,
body .bvi-body[data-bvi-fontsize="2"] * h2 * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h3,
body .bvi-body[data-bvi-fontsize="2"] * h3 * {
font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h4,
body .bvi-body[data-bvi-fontsize="2"] * h4 * {
font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h5,
body .bvi-body[data-bvi-fontsize="2"] * h5 * {
font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="2"] * h6,
body .bvi-body[data-bvi-fontsize="2"] * h6 * {
font-size: 4px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * {
font-size: 1px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h1,
body .bvi-body[data-bvi-fontsize="1"] * h1 * {
font-size: 8px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h2,
body .bvi-body[data-bvi-fontsize="1"] * h2 * {
font-size: 7px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h3,
body .bvi-body[data-bvi-fontsize="1"] * h3 * {
font-size: 6px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h4,
body .bvi-body[data-bvi-fontsize="1"] * h4 * {
font-size: 5px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h5,
body .bvi-body[data-bvi-fontsize="1"] * h5 * {
font-size: 4px !important;
}
body .bvi-body[data-bvi-fontsize="1"] * h6,
body .bvi-body[data-bvi-fontsize="1"] * h6 * {
font-size: 3px !important;
}
body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles),
body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles),
body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) {
-webkit-filter: grayscale(0);
filter: grayscale(0);
visibility: visible;
}
body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles),
body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles),
body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) {
display: none;
position: relative;
border: 1px dashed;
}
body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles),
body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles),
body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) {
-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(1);
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
filter: grayscale(1);
visibility: visible;
}
body .bvi-body[data-bvi-lineheight=normal]:not(.bvi-no-styles) {
line-height: 1.5 !important;
}
body .bvi-body[data-bvi-lineheight=average]:not(.bvi-no-styles) {
line-height: 2 !important;
}
body .bvi-body[data-bvi-lineheight=big]:not(.bvi-no-styles) {
line-height: 2.5 !important;
}
body .bvi-body[data-bvi-letterspacing=normal]:not(.bvi-no-styles) {
letter-spacing: 0 !important;
}
body .bvi-body[data-bvi-letterspacing=average]:not(.bvi-no-styles) {
letter-spacing: 2px !important;
}
body .bvi-body[data-bvi-letterspacing=big]:not(.bvi-no-styles) {
letter-spacing: 4px !important;
}
body .bvi-body[data-bvi-fontfamily=arial]:not(i):not(span):not(.bvi-no-styles) {
font-family: Arial, sans-serif !important;
}
body .bvi-body[data-bvi-fontfamily=times]:not(i):not(span):not(.bvi-no-styles) {
font-family: "Times New roman", serif !important;
}
body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) .wp-audio-shortcode,
body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) iframe,
body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) object,
body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) video,
body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) ymaps,
body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) figure {
display: block !important;
}
body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) .wp-audio-shortcode,
body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) iframe,
body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) object,
body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) video,
body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) ymaps,
body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) figure {
display: none !important;
}
body .bvi-body .bvi-speech {
margin-bottom: 1.5rem;
}
body .bvi-body .bvi-speech .bvi-speech-link {
display: inline-block;
border: 1px dashed transparent;
border-bottom: 0;
padding: 0.7rem;
}
body .bvi-body .bvi-speech .bvi-speech-text {
border: 1px dashed transparent;
padding: 0.7rem;
}
body .bvi-body .bvi-speech .bvi-highlighting mark {
font-weight: bold;
text-decoration: underline;
}
body .bvi-body a.bvi-link {
display: inline-block;
font-weight: 400;
line-height: 1.5;
font-size: 0.875rem !important;
color: #212529 !important;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #e0e0e0 !important;
border: 1px solid #c6c6c6 !important;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
position: relative;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .bvi-body a.bvi-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
body .bvi-body .bvi-link-fixed-top {
position: fixed !important;
top: 2.5rem !important;
right: 1.5rem !important;
z-index: 999999 !important;
}
body .bvi-body .bvi-hide {
display: none !important;
}
body .bvi-body .bvi-show {
display: block !important;
}
.bvi-images {
width: 18px;
height: 18px;
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
z-index: 1;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
}
.bvi-images.bvi-images-cog {
background-image: url(/wp-content/themes/med-skills/assets/img/cog.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-eye-slash {
background-image: url(/wp-content/themes/med-skills/assets/img/eye-slash.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-volume-up {
background-image: url(/wp-content/themes/med-skills/assets/img/volume-up.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-volume-off {
background-image: url(/wp-content/themes/med-skills/assets/img/volume-off.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-adjust {
background-image: url(/wp-content/themes/med-skills/assets/img/adjust.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-minus-circle {
background-image: url(/wp-content/themes/med-skills/assets/img/minus-circle.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-image {
background-image: url(/wp-content/themes/med-skills/assets/img/image.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-minus {
background-image: url(/wp-content/themes/med-skills/assets/img/minus.svg);
background-repeat: no-repeat;
}
.bvi-images.bvi-images-eye {
background-image: url(/wp-content/themes/med-skills/assets/img/eye.svg);
background-repeat: no-repeat;
fill: green;
}
.bvi-images.bvi-images-size-32 {
width: 32px !important;
height: 32px !important;
}.modalzap {
overflow-y: auto;
height: 100%;
max-height: 815px;
} .modalzap::-webkit-scrollbar {
width: 10px;
cursor: default;
} .modalzap::-webkit-scrollbar-track {
background: transparent;
margin: 10px;
margin-top: 20px;
margin-right: -5px;
right: -5px;
margin-bottom: 20px;
cursor: default;
} .modalzap::-webkit-scrollbar-thumb { border: 3px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 5px;
background-color: #888;
transition: background-color .3s ease-in-out;
cursor: default;
} .modalzap::-webkit-scrollbar-thumb:hover {
border: 3px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 5px;
background-color: #555;
cursor: default;
}
@media (max-width: 480px) {
.modalzap {
overflow-y: scroll !important;
height: 100% !important;
max-height: 815px !important;
}
}.news-detail__text-wide h3{
font-weight: 700;
font-size: 24px;
line-height: normal;
color: #262626;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.news-detail__text-wide h2{
font-weight: 700;
font-size: 24px;
line-height: normal;
color: #262626;
padding: 0;
margin: 0;
margin-top: 25px;
margin-bottom: 15px;
}
.news-detail__text-wide ul li {
font-size: 18px;
line-height: 32px;
margin-bottom: 10px;
padding-left: 35px;
position: relative;
list-style-type: none;
}
.news-detail__text-wide ul li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 22px;
height: 25px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010C0%204.477%204.477%200%2010%200C15.523%200%2020%204.477%2020%2010C20%2015.523%2015.523%2020%2010%2020ZM10%2018C12.1217%2018%2014.1566%2017.1571%2015.6569%2015.6569C17.1571%2014.1566%2018%2012.1217%2018%2010C18%207.87827%2017.1571%205.84344%2015.6569%204.34315C14.1566%202.84285%2012.1217%202%2010%202C7.87827%202%205.84344%202.84285%204.34315%204.34315C2.84285%205.84344%202%207.87827%202%2010C2%2012.1217%202.84285%2014.1566%204.34315%2015.6569C5.84344%2017.1571%207.87827%2018%2010%2018ZM9.003%2014L4.76%209.757L6.174%208.343L9.003%2011.172L14.659%205.515L16.074%206.929L9.003%2014Z%22%20fill%3D%22%238CA9FF%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.news-detail__text-wide blockquote{
background: #F3F6FF;
padding: 40px;
border-radius: 15px;
margin-bottom: 32px;
}
.news-detail__text-wide blockquote p:first-child{
padding: 0px;
box-shadow: none;
margin-bottom: 0px;
font-weight: 700;
font-style: italic;
}
.news-detail__text-wide blockquote p:first-child::before{
content: '❝';
margin-right: 10px;
}
.news-detail__text-wide blockquote p:first-child::after{
content: ' ❞';
margin-left: 3px;
}@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.woff2) format("woff2"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.woff) format("woff"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.woff2) format("woff2"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.woff) format("woff"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.woff2) format("woff2"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.woff) format("woff"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Museo Sans Cyrl";
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.eot);
src: url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.woff2) format("woff2"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.woff) format("woff"),
url(/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.ttf) format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
:root {
--color-primary: #005DFF;
--color-accent: #fd3c76;
--color-white: #FFFFFF;
--color-dark: #252525;
--color-gray-light: #F5F7FA;
--color-gray-border: #E8ECF0;
--font-family-base: 'Museo Sans Cyrl', sans-serif;
--font-size-micro: 16px;   
--font-size-normal: 16px;   
--font-size-base: 18px;       
--font-size-button: 18px;  
--font-size-text: 20px;
--font-size-h3: 22px;         
--font-size-h2: 28px;         
--font-size-h1: 32px; 
--line-height-micro: 22px;
--line-height-base: 30px;
--line-height-button: 30px;
--line-height-h3: 30px;
--line-height-h2: 34px;
--line-height-h1: 36px;
--space-2: 2px;
--space-4: 4px;
--space-6: 6px;
--space-8: 8px;
--space-10: 10px;
--space-12: 12px;
--space-14: 14px;
--space-16: 16px;
--space-18: 18px;
--space-20: 20px;
--space-24: 24px;
--space-28: 28px;
--space-32: 32px;
--space-36: 36px;
--space-40: 40px;
--space-48: 48px;
--space-56: 56px;
--space-64: 64px;
--radius-small: 12px;
--radius-medium: 20px;
--radius-large: 20px;
--radius-xl: 20px;
--radius-round: 50%;
--shadow-base: 0 4px 12px rgba(37, 37, 37, 0.08);
--shadow-dropdown: 0 4px 12px rgba(37, 37, 37, 0.08);
--shadow-sticky: 0 4px 12px rgba(37, 37, 37, 0.08);
}
* {
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
color: var(--color-dark);
}
*:before,
*:after {
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
font-size: var(--font-size-base);
font-family: var(--font-family-base);
font-weight: 400;
line-height: var(--line-height-base);
color: var(--color-dark);
}
a {
text-decoration: none;
color: var(--color-dark);
}
a:hover {
color: var(--color-primary);
}
ul,
li {
list-style: none;
} .header {
background-color: var(--color-white);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: var(--shadow-sticky);
}
.header__top {
padding: var(--space-8) 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-10);
border-bottom: 1px solid var(--color-gray-border);
}
.header__top-flex {
display: flex;
}
.header__top-flex .nav-catalog-mobile {
margin-left: 0 !important;
}
.header__top-phone__link {
display: none;
font-size: var(--font-size-base);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-dark);
}
.header__top-sveden {
text-align: center;
}
.header__top-sveden .nav__link {
position: relative;
padding-right: var(--space-28);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: var(--space-4);
font-weight: 700;
color: var(--color-dark);
line-height: var(--line-height-micro);
}
.header__top-sveden .nav__link .icon-triangle {
transition: transform 0.3s ease;
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
z-index: 1;
}
.header__top-sveden.active .nav__link .icon-triangle {
transform: translateY(-50%) rotate(180deg);
}
.header__top-sveden.sveden--clinica.active {
border-radius: var(--radius-medium);
border: 1px solid var(--color-dark);
}
.header__top-sveden__wrapper {
position: relative;
}
.header__top-sveden__list {
display: none;
min-width: 280px;
position: absolute;
top: calc(100% + var(--space-4));
left: 0;
z-index: 10;
padding: var(--space-12) var(--space-20);
border-radius: var(--radius-medium);
box-shadow: var(--shadow-dropdown);
background-color: var(--color-white);
}
.header__top-sveden__list.open {
display: block;
}
.header__top-sveden__list .has-sub {
display: none;
margin-left: var(--space-28);
}
.header__top-sveden__list .has-sub.open {
display: block;
}
.header__top-sveden__list li {
padding: var(--space-4) 0;
}
.header__top-sveden__list li a,
.header__top-sveden__list li span {
display: block;
padding: var(--space-8) var(--space-12);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
font-weight: 500;
color: var(--color-dark);
border-bottom: 1px solid var(--color-gray-border);
transition: all 0.2s ease;
}
.header__top-sveden__list li a:hover,
.header__top-sveden__list li span:hover {
color: var(--color-primary);
text-decoration: none;
}
.header__top-sveden__list li span .icon-triangle {
transition: transform 0.3s ease;
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
z-index: 1;
}
.header__top-impaired {
font-size: var(--font-size-base);
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
gap: var(--space-8);
padding: var(--space-4) var(--space-12);
border-radius: var(--radius-small);
border: 1px solid transparent;
transition: all 0.2s ease;
background: transparent;
color: var(--color-dark);
}
.header__top-impaired:hover {
border-color: var(--color-dark);
}
.header__top-impaired .icon-eye {
flex-shrink: 0;
}
.header__bottom {
padding: var(--space-16) 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-12);
}
.nav__list {
display: flex;
align-items: center;
gap: var(--space-12);
}
.nav__list .nav__link {
display: inline-block;
padding: var(--space-4) var(--space-8);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
font-weight: 700;
color: var(--color-dark);
border-radius: var(--radius-small);
border: 1px solid transparent;
transition: all 0.2s ease;
margin-left: 0;
}
.nav__list .nav__link:hover {
color: var(--color-primary);
border-color: var(--color-gray-border);
}
.header__bottom-phone__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: var(--space-12) var(--space-32);
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: 700;
color: var(--color-white);
border-radius: var(--radius-small);
border: 2px solid transparent;
transition: all 0.2s ease;
text-align: center;
min-width: auto;
}
.header__bottom-phone__link span {
font-size: var(--font-size-base);
font-weight: 700;
line-height: var(--line-height-base);
}
.header__bottom-phone__link--pink {
background-color: var(--color-accent);
border-color: var(--color-accent);
}
.header__bottom-phone__link--pink:hover {
background-color: var(--color-white);
color: var(--color-accent);
border-color: var(--color-accent);
}
.header__bottom-phone__link--blue {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.header__bottom-phone__link--blue:hover {
background-color: var(--color-white);
color: var(--color-primary);
border-color: var(--color-primary);
}
.header__bottom-phone__link--tel {
background: transparent;
border: none;
color: var(--color-dark);
min-width: auto;
padding: 0;
}
.header__bottom-phone__link--tel span {
color: var(--color-dark);
font-size: var(--font-size-base);
}
.header__bottom-phone__link--tel:hover {
color: var(--color-primary);
}
.header__bottom-phone__link--tel:hover span {
color: var(--color-primary);
}
.btn--all {
display: flex;
align-items: center;
justify-content: center;
padding: var(--space-4) var(--space-12);
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: 700;
color: var(--color-white);
background-color: var(--color-accent);
border: 1px solid var(--color-accent);
border-radius: var(--radius-small);
transition: all 0.2s ease;
cursor: pointer;
text-align: center;
}
.btn--all:hover {
background-color: var(--color-white);
color: var(--color-accent);
}
.header__block-nav_catalog {
position: absolute;
z-index: 90;
}
.header__block-nav_catalog-container {
position: relative;
}
.header__block-nav_catalog .container {
display: none;
position: absolute;
top: var(--space-16);
left: 1%;
right: 1%;
z-index: 100;
padding: var(--space-40);
box-shadow: var(--shadow-dropdown);
border-radius: var(--radius-medium);
width: 98%;
background-color: var(--color-white);
transition: all 0.3s ease;
overflow: auto;
max-height: 550px;
}
.header__block-nav_catalog .container::-webkit-scrollbar {
width: 6px;
}
.header__block-nav_catalog .container::-webkit-scrollbar-track {
background: transparent;
}
.header__block-nav_catalog .container::-webkit-scrollbar-thumb {
border-radius: var(--radius-small);
background-color: var(--color-gray-border);
}
.header__block-nav_catalog-wrapper {
list-style: none;
padding: 0;
margin: 0;
}
.header__block-nav_catalog-spec {
font-size: var(--font-size-button);
font-weight: 700;
padding: var(--space-8);
color: var(--color-dark);
}
.header__block-nav_catalog-link {
display: inline-block;
margin-bottom: var(--space-12);
margin-left: var(--space-16);
padding: var(--space-8) var(--space-16);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
font-weight: 500;
color: var(--color-dark);
border-radius: var(--radius-small);
border: 1px solid var(--color-dark);
transition: all 0.2s ease;
}
.header__block-nav_catalog-link:hover {
color: var(--color-white);
background-color: var(--color-dark);
border-color: var(--color-dark);
}
.header__block-nav_catalog.open {
height: 100vh;
width: 100%;
backdrop-filter: blur(3px);
background-color: rgba(243, 243, 243, 0.1);
}
.header__block-nav_catalog.open .container {
display: block;
}
.header__block-nav_catalog-mobile {
position: absolute;
z-index: 90;
}
.header__block-nav_catalog-mobile .container {
padding: var(--space-48) var(--space-28);
display: none;
box-shadow: var(--shadow-dropdown);
border-radius: 0;
height: 100%;
background-color: var(--color-white);
transition: all 0.3s ease;
}
.header__block-nav_catalog-mobile.open {
width: 100%;
backdrop-filter: blur(3px);
background-color: rgba(243, 243, 243, 0.1);
}
.header__block-nav_catalog-mobile.open .container {
display: block;
}
.header__block-nav_catalog-mobile .nav__list {
flex-direction: column;
align-items: flex-start;
gap: var(--space-16);
}
.header__block-nav_catalog-mobile .nav__list .nav__link {
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: 700;
color: var(--color-dark);
margin-left: 0;
padding: 0;
}
.header__block-nav_catalog-mobile .nav__list .nav__link:hover {
color: var(--color-primary);
}
.header__block-nav_catalog-mobile .nav__list li:not(:last-of-type) {
margin-bottom: var(--space-16);
}
.header-btn-mobile {
display: flex;
align-items: center;
gap: var(--space-12);
}
.nav-catalog {
display: flex;
align-items: center;
gap: var(--space-12);
font-size: var(--font-size-base);
font-weight: 700;
padding: var(--space-4) var(--space-8);
border-radius: var(--radius-small);
line-height: var(--line-height-base);
border: 1px solid transparent;
transition: all 0.2s ease;
background: transparent;
color: var(--color-dark);
}
.nav-catalog:hover {
border-color: var(--color-dark);
}
.nav-catalog:hover .nav-icon span {
background-color: var(--color-dark);
}
.nav-icon {
margin-left: var(--space-12);
margin-right: var(--space-4);
width: 20px;
height: 22px;
position: relative;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
flex-shrink: 0;
}
.nav-icon span {
display: block;
position: absolute;
height: 2px;
width: 16px;
background-color: var(--color-dark);
opacity: 1;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
border-radius: 2px;
}
.nav-icon span:nth-child(even) {
left: 10px;
}
.nav-icon span:nth-child(odd) {
left: 0px;
}
.nav-icon span:nth-child(1),
.nav-icon span:nth-child(2) {
top: 0px;
}
.nav-icon span:nth-child(3),
.nav-icon span:nth-child(4) {
top: 9px;
}
.nav-icon span:nth-child(5),
.nav-icon span:nth-child(6) {
top: 18px;
}
.nav-icon.open span:nth-child(1) {
left: -50%;
opacity: 0;
}
.nav-icon.open span:nth-child(2) {
left: 100%;
opacity: 0;
}
.nav-icon.open span:nth-child(3) {
transform: rotate(45deg);
}
.nav-icon.open span:nth-child(4) {
transform: rotate(-45deg);
}
.nav-icon.open span:nth-child(5) {
left: -50%;
opacity: 0;
}
.nav-icon.open span:nth-child(6) {
left: 100%;
opacity: 0;
}
.nav-catalog-mobile {
display: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.nav-catalog-mobile:hover {
background: none;
border: none;
}
.nav-icon-mobile {
margin-left: 0;
}
.nav-icon-mobile span {
background-color: var(--color-dark);
padding: 0;
}
.catalog-nav__mobile-wrapper {
display: none;
padding-top: var(--space-16);
}
.catalog-nav__mobile-wrapper.open {
display: block;
}
.catalog-nav__mobile-wrapper .catalog-nav__mobile-item a {
display: inline-block;
margin-bottom: var(--space-8);
padding: var(--space-6) var(--space-12);
font-size: var(--font-size-micro);
line-height: var(--line-height-micro);
font-weight: 500;
color: var(--color-dark);
border-radius: var(--radius-small);
border: 1px solid var(--color-dark);
transition: all 0.2s ease;
}
.catalog-nav__mobile-wrapper .catalog-nav__mobile-item a:hover {
color: var(--color-white);
background-color: var(--color-dark);
}
.catalog-nav__mobile-wrapper_sveden {
display: none;
padding-top: var(--space-16);
}
.catalog-nav__mobile-wrapper_sveden.open {
display: block;
}
.catalog-nav__mobile-wrapper_sveden .catalog-nav__mobile-item a {
display: inline-block;
margin-bottom: var(--space-8);
padding: var(--space-6) var(--space-12);
font-size: var(--font-size-micro);
line-height: var(--line-height-micro);
font-weight: 500;
color: var(--color-dark);
border-radius: var(--radius-small);
border: 1px solid var(--color-dark);
transition: all 0.2s ease;
}
.catalog-nav__mobile-wrapper_sveden .catalog-nav__mobile-item a:hover {
color: var(--color-white);
background-color: var(--color-dark);
}
.fancybox-close-small {
color: var(--color-dark);
}
.fancybox-close-small svg path {
fill: var(--color-dark);
}
.docform-subtitle {
font-size: var(--font-size-base) !important;
} @media (max-width: 1279px) and (min-width: 768px) {
.header__top {
padding: var(--space-4) 0;
}
.header__bottom {
padding: var(--space-12) 0;
}
.header__bottom-phone__link {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
width: auto;
}
.header__bottom-phone__link span {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.nav__list .nav__link {
padding: var(--space-4);
font-size: var(--font-size-base);
}
.header__block-nav_catalog .container {
padding: var(--space-24);
}
.header__block-nav_catalog-link {
font-size: var(--font-size-base);
padding: var(--space-6) var(--space-12);
}
}
@media (max-width: 767px) {
.header__top {
padding: var(--space-8);
}
.header__top-sveden {
display: none;
}
.header__top-impaired {
display: none;
}
.header__top-phone__link {
display: block;
font-size: var(--font-size-micro);
font-weight: 700;
}
.header__bottom {
padding: var(--space-8);
flex-wrap: wrap;
gap: var(--space-8);
}
.header__bottom .nav {
display: none;
}
.header__bottom-phone__link {
padding: var(--space-6) var(--space-16);
font-size: var(--font-size-micro);
line-height: var(--line-height-micro);
min-width: auto;
width: 100%;
}
.header__bottom-phone__link span {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.header__bottom-phone__link--tel {
display: none;
}
.btn--all {
padding: var(--space-8) var(--space-16);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.nav-catalog-mobile {
display: block;
}
.nav-catalog-specialties {
display: none;
}
.header__block-nav_catalog .container {
padding: var(--space-20);
max-height: 400px;
}
.header__block-nav_catalog-link {
font-size: var(--font-size-base);
padding: var(--space-4) var(--space-12);
margin-bottom: var(--space-8);
}
.header__block-nav_catalog-spec {
font-size: var(--font-size-base);
padding: var(--space-4);
}
.header__block-nav_catalog-mobile .nav__list .nav__link {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.header__block-nav_catalog-mobile .nav__list li:not(:last-of-type) {
margin-bottom: var(--space-12);
}
.nav__list .nav__link {
font-size: var(--font-size-base);
padding: var(--space-2) var(--space-8);
}
.nav-icon {
width: 18px;
height: 20px;
}
.nav-icon span {
width: 14px;
}
.nav-icon span:nth-child(3),
.nav-icon span:nth-child(4) {
top: 8px;
}
.nav-icon span:nth-child(5),
.nav-icon span:nth-child(6) {
top: 16px;
}
}
@media (max-width: 480px) {
.header__top-phone__link {
font-size: var(--font-size-micro);
}
.header__bottom-phone__link {
font-size: var(--font-size-micro);
padding: var(--space-4) var(--space-12);
}
.header__bottom-phone__link span {
font-size: var(--font-size-base);
}
.btn--all {
font-size: var(--font-size-micro);
padding: var(--space-6) var(--space-12);
}
.header__block-nav_catalog .container {
padding: var(--space-16);
}
.header__block-nav_catalog-link {
font-size: var(--font-size-micro);
padding: var(--space-4) var(--space-8);
}
.nav__list .nav__link {
font-size: var(--font-size-micro);
padding: var(--space-2) var(--space-6);
}
.header__block-nav_catalog-mobile .nav__list .nav__link {
font-size: var(--font-size-base);
}
}
.medflex-round-widget__button {
font-family: var(--font-family-base) !important;
}  .intro,
.programms,
.form_admission,
.teacher-admission,
.info_text,
.form_job,
.photo_gallery,
.close_banner {
padding-top: clamp(25px, 8vw, 65px) !important;
padding-bottom: clamp(25px, 8vw, 65px) !important;
background-color: var(--color-white) !important;
} .intro {
background-color: var(--color-white);
}
.intro_title {
margin-bottom: var(--space-32);
box-shadow: none;
padding: 0;
}
.intro_title h1 {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px) !important;
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.intro_banner {
position: relative;
overflow: hidden;
border-radius: var(--radius-medium);
margin-bottom: var(--space-40);
background-color: var(--color-gray-light);
}
.intro_banner .swiper-wrapper {
display: flex;
align-items: stretch;
}
.intro_banner .swiper-slide {
height: auto;
}
.intro_banner .swiper-slide a {
display: block;
text-decoration: none;
color: inherit;
border-radius: var(--radius-medium);
overflow: hidden;
transition: opacity 0.2s ease;
}
.intro_banner .swiper-slide a:hover {
opacity: 0.95;
}
.intro_banner .swiper-slide .full {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
.intro_banner .swiper-slide .mob {
display: none;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
.intro_banner .swiper-button-prev,
.intro_banner .swiper-button-next {
width: 48px;
height: 48px;
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-round);
top: 50%;
transform: translateY(-50%);
margin-top: 0;
transition: all 0.2s ease;
cursor: pointer;
}
.intro_banner .swiper-button-prev {
left: var(--space-16);
}
.intro_banner .swiper-button-next {
right: var(--space-16);
}
.intro_banner .swiper-button-prev:hover,
.intro_banner .swiper-button-next:hover {
border-color: var(--color-primary);
}
.intro_banner .swiper-button-prev::after,
.intro_banner .swiper-button-next::after {
display: none;
}
.intro_banner .swiper-button-prev::before,
.intro_banner .swiper-button-next::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid var(--color-dark);
border-bottom: 2px solid var(--color-dark);
position: absolute;
top: 50%;
}
.intro_banner .swiper-button-prev::before {
left: 50%;
transform: translate(-30%, -50%) rotate(135deg);
}
.intro_banner .swiper-button-next::before {
left: 50%;
transform: translate(-70%, -50%) rotate(-45deg);
}
.intro__wrapper-nav {
gap: var(--space-24);
}
.intro__container-nav {
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
padding: var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-24);
}
.intro__container-nav+.intro__container-nav {
margin-left: 0;
}
.intro__container-nav__title {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-16);
}
.intro__nav-title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px) !important;
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0;
padding: 0;
}
.intro__container-nav__title .icon-useful,
.intro__container-nav__title .icon-important {
flex-shrink: 0;
width: 32px;
height: 32px;
color: var(--color-primary);
margin-top: var(--space-4);
}
.intro__nav-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-16);
}
.intro__nav-item {
display: flex;
align-items: flex-start;
gap: var(--space-12);
padding: 0;
margin: 0;
}
.intro__nav-item .icon-deg-arrow {
flex-shrink: 0;
width: 16px;
height: 16px;
color: var(--color-primary);
margin-top: var(--space-4);
}
.intro__nav-item_text {
font-family: var(--font-family-base);
font-size: clamp(16px, 14.95px + 0.26vw, 20px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0;
padding: 0;
} @media (max-width: 1024px) {
.intro_title {
margin-bottom: var(--space-24);
}
.intro_banner {
margin-bottom: 0;
}
.intro__container-nav {
padding: var(--space-24);
}
}
@media (max-width: 767px) {
.intro .container {
padding: 0 var(--space-16);
}
.intro_title {
margin-bottom: var(--space-20);
}
.intro_banner .swiper-slide .full {
display: none;
}
.intro_banner .swiper-slide .mob {
display: block;
}
.intro__wrapper-nav {
grid-template-columns: 1fr;
gap: var(--space-16);
}
.intro__container-nav {
padding: var(--space-24);
gap: var(--space-20);
}
.intro__container-nav__title .icon-useful,
.intro__container-nav__title .icon-important {
width: 28px;
height: 28px;
}
.intro__nav-list {
gap: var(--space-12);
}
}
@media (max-width: 480px) {
.intro__container-nav {
padding: var(--space-20);
}
.intro__nav-item .icon-deg-arrow {
width: 14px;
height: 14px;
margin-top: var(--space-2);
}
.intro__nav-item_text {
line-height: var(--line-height-micro);
}
} .programms {
background-color: var(--color-white);
}
.programms > .container > .title {
margin-bottom: var(--space-40);
}
.programms > .container > .title h2 {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px) !important;
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.programm_cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-20);
}
.programm_cards > a {
text-decoration: none;
color: inherit;
display: block;
}
.card-container {
height: 100%;
}
.card-container .card {
position: relative;
width: 100%;
height: 100%;
min-height: 250px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: var(--radius-medium);
overflow: hidden;
padding: 0px !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
background-color: var(--color-gray-light);
} .card-container .card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, #005DFF 0%, rgba(255, 255, 255, 0) 100%);
opacity: 0.7;
z-index: 1;
border-radius: var(--radius-medium);
}
.card-container .card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-base);
}
.card-container .card .title {
position: absolute;
z-index: 2;
top: var(--space-24); right: auto;
bottom: auto;
transform: none;
height: auto;
margin: 0;
background: none;
border-radius: 0;
text-align: center;
width: 100% !important;
margin: 0 auto;
}
.card-container .card .title h2 {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.42px + 0.39vw, 32px) !important;
font-weight: 700;
line-height: 1.3;
color: var(--color-white);
margin: 0;
letter-spacing: -0.01em;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.card-container .card .subtitle {
position: relative;
z-index: 2;
}
.card-container .card .subtitle p {
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: rgba(255, 255, 255, 0.9);
margin: 0;
padding: 0;
text-transform: lowercase;
font-style: italic;
}
.card-container .card .subtitle p::first-letter {
text-transform: uppercase;
}
.programm_cards > a:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
border-radius: var(--radius-medium);
}
@media (max-width: 1024px) {
.programm_cards {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-16);
}
.programms > .container > .title {
margin-bottom: var(--space-32);
}
.card-container .card {
min-height: 230px;
padding: var(--space-20);
}
}
@media (max-width: 767px) {
.programms .container {
padding: 0 var(--space-16);
}
.programms > .container > .title {
margin-bottom: var(--space-24);
}
.programm_cards {
grid-template-columns: 1fr;
gap: var(--space-16);
}
.card-container .card {
min-height: 200px;
padding: var(--space-20);
}
.card-container .card .subtitle p {
font-size: var(--font-size-base);
}
.form_admission_container .form__label,
.form_admission_container .form .btn {
width: 100%;
}
}
@media (max-width: 480px) {
.card-container .card {
font-size: 20px !important;
min-height: 180px;
padding: var(--space-16);
}
.card-container .card .subtitle p {
font-size: var(--font-size-micro);
}
} .form_admission {
background-color: var(--color-primary) !important;
}
.form_admission--pink {
background-color: var(--color-accent) !important;
}
.form_admission:nth-child(even) {
background-color: var(--color-primary) !important;
}
.form_admission_container {
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
padding: clamp(32px, 5vw, 56px);
}
.form_admission_container > .title {
font-family: var(--font-family-base);
font-size: clamp(24px, 3.5vw, 40px) !important;
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-20);
}
.form_admission_container > .title span {
color: var(--color-white);
background-color: var(--color-accent);
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.form_admission_container > .subtitle {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-20);
}
.form_admission_container form {
max-width: 620px;
}
.form_admission_container .form {
display: flex;
align-items: flex-start;
gap: var(--space-12);
margin-bottom: var(--space-16);
}
.form_admission_container .form__label {
flex: 1;
display: block;
}
.form_admission_container .form__label .input {
width: 100%;
display: block;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.form_admission_container .form__label .input::placeholder {
color: #999;
font-weight: 400;
}
.form_admission_container .form__label .input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.form_admission_container .form__label .input:focus::placeholder {
opacity: 0.5;
}
.form_admission_container .form .btn {
flex-shrink: 0;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
border: 2px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
text-align: center;
}
.form_admission_container .form .btn:hover {
background-color: var(--color-white);
color: var(--color-primary);
}
.form_admission_container .form .btn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.form_admission_container .politican {
font-size: 16px;
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: #888;
margin: 0 0 var(--space-8);
}
.form_admission_container .politican .link {
color: #888;
text-decoration: underline;
transition: color 0.2s ease;
}
.form_admission_container .politican .link:hover {
color: var(--color-primary);
} .teacher-admission {
background-color: var(--color-white);
}
.teacher-admission > .container > .title {
font-family: var(--font-family-base);
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-40);
padding: 0;
}
.teacher-card {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
.teacher-card .swiper-wrapper {
display: flex;
align-items: stretch;
margin: 0;
}
.teacher__accordion-container {
height: auto;
display: flex;
flex-direction: column;
gap: var(--space-10);
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
overflow: hidden;
padding: 0;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.info__visual {
width: 100%;
background-color: #EAEEF4;
}
.info__img {
width: 100%;
aspect-ratio: 3 / 4;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.info__img img {
height: 100%;
object-fit: cover;
display: block;
}
.info__content {
padding: var(--space-24);
flex: 1;
display: flex;
flex-direction: column;
gap: var(--space-16);
}
.info__name {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px) !important;
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin-bottom: 0 !important;
}
.info__basic ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.info__basic-list {
font-family: var(--font-family-base);
font-size: clamp(16px, 2vw, 18px) !important;
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
padding: 0;
margin: 0;
position: relative;
padding-left: 0;
}
.info__basic-list:first-child {
font-weight: 700;
font-size: clamp(16px, 14.95px + 0.26vw, 20px) !important;
list-style: none !important;
line-height: var(--line-height-base);
}
.teacher__accordion-container > .btn {
margin: 0 var(--space-24) var(--space-24);
display: flex;
align-items: center;
justify-content: center;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-white);
background-color: var(--color-accent);
border: 2px solid var(--color-accent);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
text-decoration: none;
}
.teacher__accordion-container > .btn:hover {
background-color: var(--color-white);
color: var(--color-accent);
}
.teacher__accordion-container > .btn:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.swiper-button-prev,
.swiper-button-next {
width: 48px;
height: 48px;
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-round);
top: 50%;
transform: translateY(-50%);
margin-top: 0;
transition: all 0.2s ease;
cursor: pointer;
}
.swiper-button-prev {
left: var(--space-12);
}
.swiper-button-next {
right: var(--space-24);
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
border-color: var(--color-primary);
background-color: var(--color-white);
}
.swiper-button-prev::after,
.swiper-button-next::after {
display: none;
}
.swiper-button-prev::before,
.swiper-button-next::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid var(--color-dark);
border-bottom: 2px solid var(--color-dark);
position: absolute;
top: 50%;
}
.swiper-button-prev::before {
left: 50%;
transform: translate(-30%, -50%) rotate(135deg);
}
.swiper-button-next::before {
left: 50%;
transform: translate(-70%, -50%) rotate(-45deg);
}
.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
border-color: var(--color-primary);
}
@media (max-width: 1024px) {
.teacher-admission > .container > .title {
margin-bottom: var(--space-32);
}
.info__content {
padding: var(--space-20);
}
.teacher__accordion-container > .btn {
margin: 0 var(--space-20) var(--space-20);
}
.swiper-button-prev,
.swiper-button-next {
display: none;
}
}
@media (max-width: 767px) {
.teacher-admission .container {
padding: 0 var(--space-16);
}
.teacher-admission > .container > .title {
font-size: clamp(24px, 6vw, 32px);
margin-bottom: var(--space-24);
}
.info__img {
aspect-ratio: 1 / 1;
}
.info__content {
padding: var(--space-20);
gap: var(--space-12);
}
.teacher__accordion-container > .btn {
margin: 0 var(--space-20) var(--space-20);
padding: var(--space-12) var(--space-24);
font-size: var(--font-size-normal);
width: auto;
}
.form_admission_container > .subtitle {
line-height: var(--line-height-micro);
}
}
@media (max-width: 480px) {
.info__content {
padding: var(--space-16);
}
.info__basic-list {
line-height: var(--line-height-micro);
}
.info__basic-list:first-child {
line-height: var(--line-height-micro);
}
.teacher__accordion-container > .btn {
margin: 0 var(--space-16) var(--space-16);
padding: var(--space-10) var(--space-20);
}
} .info_text {
background-color: var(--color-white);
}
.info_text > .container > .title {
margin-bottom: var(--space-40);
}
.info_text > .container > .title h2 {
font-family: var(--font-family-base);
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.info_text > .container > p {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-24);
padding: 0;
}
.info_text > .container > h3 {
font-family: var(--font-family-base);
font-size: clamp(20px, 2.5vw, 32px) !important;
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: var(--space-32) 0 var(--space-16);
padding: 0;
}
.info_text > .container > h3:first-of-type {
margin-top: var(--space-40);
}
.info_text > .container > ul {
list-style: none;
padding: 0;
margin: 0 0 var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.info_text > .container > ul li {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none !important;
}
.info_text > .container > ul li::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - -2px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
border-radius: 0;
}
.info_text > .container > .quote {
margin: var(--space-32) 0;
padding: var(--space-24) var(--space-28);
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
line-height: var(--line-height-base);
color: var(--color-dark);
font-style: italic;
letter-spacing: -0.005em;
}
.info_text > .container > .quote.pink {
background-color: #FFF0F5;
border-left: 4px solid var(--color-accent);
color: var(--color-dark);
}
.info_text > .container > .quote.blue {
background-color: #F0F5FF;
border-left: 4px solid var(--color-primary);
color: var(--color-dark);
}
.info_text > .container > .video-container {
margin: var(--space-32) 0;
border-radius: var(--radius-small);
overflow: hidden;
}
.info_text > .container > .video-container video {
width: 100%;
display: block;
border-radius: var(--radius-medium);
}
@media (max-width: 1024px) {
.info_text > .container > .title {
margin-bottom: var(--space-32);
}
.info_text > .container > .quote {
margin: var(--space-24) 0;
padding: var(--space-20) var(--space-24);
}
.info_text > .container > h3 {
margin: var(--space-32) 0 var(--space-12);
}
}
@media (max-width: 767px) {
.info_text .container {
padding: 0 var(--space-16);
}
.info_text > .container > .title {
margin-bottom: var(--space-24);
}
.info_text > .container > .title h2 {
font-size: clamp(24px, 6vw, 32px);
}
.info_text > .container > p {
margin-bottom: var(--space-20);
}
.info_text > .container > h3 {
font-size: var(--font-size-button);
margin: var(--space-28) 0 var(--space-12);
}
.info_text > .container > ul li {
font-size: var(--font-size-normal);
padding-left: var(--space-20);
}
.info_text > .container > .quote {
margin: var(--space-20) 0;
padding: var(--space-16) var(--space-20);
}
.info_text > .container > .video-container {
margin: var(--space-24) 0;
}
}
@media (max-width: 480px) {
.info_text > .container > .quote {
padding: var(--space-16);
}
.info_text > .container > ul li {
line-height: var(--line-height-micro);
}
.info_text > .container > ul li::before {
top: calc(var(--line-height-micro) / 2 - -2px);
width: 4px;
height: 4px;
}
} .form_job {
background-color: var(--color-primary) !important;
} .photo_gallery {
background-color: var(--color-white);
}
.photo_gallery > .container > .title {
margin-bottom: var(--space-40);
}
.photo_gallery > .container > .title h2 {
font-family: var(--font-family-base);
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.main__gallery {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
max-height: 385px;
}
.main__gallery .swiper-wrapper {
display: flex;
align-items: stretch;
}
.main__gallery-img {
height: auto;
border-radius: var(--radius-medium);
overflow: hidden;
transition: transform 0.2s ease;
}
.main__gallery-img:hover {
transform: scale(1.02);
}
.main__gallery-img a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
}
.main__gallery-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4 / 3;
border-radius: var(--radius-medium);
background-color: var(--color-gray-light);
transition: opacity 0.2s ease;
}
.main__gallery-img:hover img {
opacity: 0.9;
}
.main__gallery .swiper-button-prev,
.main__gallery .swiper-button-next {
width: 48px;
height: 48px;
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-round);
top: 50%;
transform: translateY(-50%);
margin-top: 0;
transition: all 0.2s ease;
cursor: pointer;
}
.main__gallery .swiper-button-prev {
left: var(--space-12);
}
.main__gallery .swiper-button-next {
right: var(--space-12);
}
.main__gallery .swiper-button-prev:hover,
.main__gallery .swiper-button-next:hover {
border-color: var(--color-primary);
background-color: var(--color-white);
}
.main__gallery .swiper-button-prev::after,
.main__gallery .swiper-button-next::after {
display: none;
}
.main__gallery .swiper-button-prev::before,
.main__gallery .swiper-button-next::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid var(--color-dark);
border-bottom: 2px solid var(--color-dark);
position: absolute;
top: 50%;
}
.main__gallery .swiper-button-prev::before {
left: 50%;
transform: translate(-30%, -50%) rotate(135deg);
}
.main__gallery .swiper-button-next::before {
left: 50%;
transform: translate(-70%, -50%) rotate(-45deg);
}
.main__gallery .swiper-button-prev:hover::before,
.main__gallery .swiper-button-next:hover::before {
border-color: var(--color-primary);
}
@media (max-width: 1024px) {
.photo_gallery > .container > .title {
margin-bottom: var(--space-32);
}
.main__gallery {
max-height: 345px;
}
.main__gallery-img img {
aspect-ratio: 3 / 2;
}
.main__gallery .swiper-button-prev,
.main__gallery .swiper-button-next {
display: none;
}
}
@media (max-width: 767px) {
.photo_gallery .container {
padding: 0 var(--space-16);
}
.photo_gallery > .container > .title {
margin-bottom: var(--space-24);
}
} .close_banner {
background-color: var(--color-primary) !important;
}
.close_banner .container > a {
display: block;
text-decoration: none;
color: inherit;
border-radius: var(--radius-medium);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.close_banner .container > a:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-base);
}
.close_banner .container > a:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
border-radius: var(--radius-medium);
}
.close_banner .container > a .full {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
.close_banner .container > a .mob {
display: none;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
@media (max-width: 767px) {
.close_banner {
display: none;
}
.close_banner .container {
padding: 0 var(--space-16);
}
.close_banner .container > a .full {
display: none;
}
.close_banner .container > a .mob {
display: block;
}
}
@media (max-width: 480px) {
.close_banner .container {
padding: 0 var(--space-12);
}
} .footer {
background-color: var(--color-dark);
padding: 0;
margin: 0;
}
.footer__top-wrapper {
padding: var(--space-40) 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.footer__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-24);
padding-bottom: 0;
}
.footer__top-logo a {
display: flex;
align-items: center;
gap: var(--space-12);
text-decoration: none;
color: var(--color-white);
transition: opacity 0.2s ease;
}
.footer__top-logo a:hover {
opacity: 0.8;
}
.footer__top-logo .icon-logo-gray {
width: 50px;
height: 50px;
flex-shrink: 0;
}
.footer__top-logo .footer__logo {
height: 40px;
width: auto;
display: block;
}
.footer__top-tel {
margin-top: 0;
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.footer__top-tel .nav__tel {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
text-decoration: none;
transition: color 0.2s ease;
}
.footer__top-tel .nav__tel:hover {
color: var(--color-primary);
}
.footer__top-tel .nav__telp {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: rgba(255, 255, 255, 0.5);
margin: 0;
padding: 0;
}
.footer__center-wrapper {
padding: var(--space-48) 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.footer__wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--space-40);
padding: 0;
}
.footer__wrapper-social {
margin-top: 0;
}
.footer__wrapper-contacts_left,
.footer__wrapper-contacts_right,
.footer__wrapper-other {
display: flex;
flex-direction: column;
gap: var(--space-12);
height: auto;
}
.footer__wrapper-contacts_addres {
margin: 0;
padding: 0;
}
.footer__wrapper-contacts_name {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.2s ease;
}
.footer__wrapper-contacts_name:hover {
color: var(--color-white);
}
.footer__wrapper-contacts_block {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.footer__contacts-item {
margin: 0;
padding: 0;
}
.footer__contacts-name {
padding-left: 0;
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.2s ease;
}
.footer__contacts-name:hover {
color: var(--color-white);
}
.footer_block3 {
display: flex;
flex-direction: column;
gap: var(--space-12);
border-radius: var(--radius-medium);
padding: var(--space-24);
height: auto;
}
.footer__social-title,
.footer .partners__name {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700;
line-height: var(--line-height-micro);
color: var(--color-dark);
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 0 0 var(--space-12);
padding: 0;
}
.footer__social-link {
display: flex;
align-items: center;
gap: var(--space-16);
}
.footer__social-link a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: var(--radius-small);
background-color: rgba(255, 255, 255, 0.06);
transition: background-color 0.2s ease;
}
.footer__social-link a:hover {
background-color: rgba(255, 255, 255, 0.12);
}
.footer__social-link .img_footer {
width: 40px;
height: 40px;
display: block;
}
.footer__wrappe-partners .img-footer {
display: block;
max-width: 100%;
height: auto;
opacity: 0.6;
}
.footer__bottom-wrapper {
padding: var(--space-24) 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer__bottom-wrapper .container span {
font-family: var(--font-family-base);
font-size: var(--font-size-micro) !important;
font-weight: 400;
line-height: var(--line-height-micro);
color: rgba(255, 255, 255, 0.35);
text-align: center;
display: block;
margin: 0;
padding: 0;
}
.wow.fadeInRight.footer__wrapper-other {
justify-self: end;
}
@media (max-width: 1024px) {
.footer__top {
flex-wrap: wrap;
gap: var(--space-20);
}
.footer__wrapper {
grid-template-columns: 1fr 1fr;
gap: var(--space-32);
}
.footer__wrapper-other {
grid-column: 1 / -1;
}
.footer_block3 {
flex-direction: row;
gap: var(--space-32);
}
.wow.fadeInRight.footer__wrapper-other {
justify-self: start;
}
}
@media (max-width: 767px) {
.footer .container {
padding: 0 var(--space-16);
}
.footer__top-wrapper {
padding: var(--space-32) 0;
}
.footer__top {
flex-direction: column;
gap: var(--space-20);
}
.footer__top-logo .footer__logo {
height: 46px;
}
.footer__top-logo .icon-logo-gray {
width: 46px;
height: 46px;
}
.footer__top-tel .nav__tel {
line-height: var(--line-height-base);
}
.footer__center-wrapper {
padding: var(--space-32) 0;
}
.footer__wrapper {
grid-template-columns: 1fr;
gap: var(--space-28);
}
.footer__wrapper-other {
grid-column: auto;
}
.footer_block3 {
flex-direction: column;
gap: var(--space-20);
}
.footer__bottom-wrapper {
padding: var(--space-20) 0;
}
.footer__wrapper-contacts_name, .footer__contacts-name {
line-height: var(--line-height-micro);
}
.footer__social-title, .footer .partners__name {
line-height: var(--line-height-micro);
}
}
@media (max-width: 480px) {
.footer__top-wrapper {
padding: var(--space-24) 0;
}
.footer__center-wrapper {
padding: var(--space-24) 0;
}
} .specialist-page {
background-color: var(--color-white);
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
}
.specialist__info {
display: grid;
grid-template-columns: 360px 1fr;
gap: var(--space-40);
align-items: start;
margin: 0 !important;
}
.specialist__info-visual {
display: flex;
flex-direction: column;
gap: var(--space-20);
position: sticky;
top: calc(80px + var(--space-24));
}
.specialist__info-photo {
border-radius: var(--radius-small);
overflow: hidden;
background-color: #EAEEF4;
}
.specialist__info-photo picture,
.specialist__info-photo img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 3 / 4;
}
.specialist__info-visual .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-accent);
border: 2px solid var(--color-accent);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
text-decoration: none;
}
.specialist__info-visual .btn:hover {
background-color: var(--color-white);
color: var(--color-accent);
}
.specialist__info-visual .btn:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.specialist__info-main {
height: 455px;
overflow: auto;
min-width: 0;
border: 1px solid var(--color-gray-border);
border-radius: var(--radius-small) var(--space-8) var(--space-8) var(--radius-small);
padding: var(--space-12) var(--space-24);
}
.specialist-page .specialist__info-main::-webkit-scrollbar {
width: 5px;
}
.specialist-page .specialist__info-main::-webkit-scrollbar-thumb {
border-radius: var(--radius-medium);
background-color: var(--color-gray-border);
}
.specialist__info-inner {
font-family: var(--font-family-base);
color: var(--color-dark);
}
.specialist__info-inner h2 {
font-family: var(--font-family-base);
font-size: clamp(22px, 2.5vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0 0 var(--space-16);
padding: 0;
}
.specialist__info-inner h2:not(:first-child) {
margin-top: var(--space-40);
}
.specialist__info-inner h3 {
font-family: var(--font-family-base);
font-size: var(--font-size-h3);
font-weight: 900;
line-height: var(--line-height-h3);
color: var(--color-dark);
letter-spacing: -0.01em;
margin: var(--space-32) 0 var(--space-12);
padding: 0;
}
.specialist__info-inner p {
font-family: var(--font-family-base);
font-size: clamp(20px, 18.95px + 0.26vw, 24px) !important;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-20) !important;
padding: 0;
}
.specialist__info-inner ul {
list-style: none;
padding: 0;
margin: 0 0 var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.specialist__info-inner ul li {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none;
}
.specialist__info-inner ul li::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - 0px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
}
.specialist__info-inner ol {
list-style: none;
padding: 0;
margin: 0 0 var(--space-24);
counter-reset: specialist-counter;
}
.specialist__info-inner ol li {
font-family: var(--font-family-base);
font-size: var(--font-size-text);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-28);
position: relative;
margin: 0 0 var(--space-8);
counter-increment: specialist-counter;
}
.specialist__info-inner ol li::before {
content: counter(specialist-counter);
position: absolute;
left: 0;
top: 0;
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-primary);
}
.specialist__info-inner blockquote {
margin: var(--space-32) 0;
padding: var(--space-24) var(--space-28);
background-color: #F0F5FF;
border-left: 4px solid var(--color-primary);
font-family: var(--font-family-base);
font-size: var(--font-size-text);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
font-style: italic;
letter-spacing: -0.005em;
}
.specialist__info-inner blockquote p {
margin: 0;
font-size: inherit;
}
.specialist__info-inner a {
color: var(--color-primary);
text-decoration: underline;
transition: opacity 0.2s ease;
}
.specialist__info-inner a:hover {
opacity: 0.8;
color: var(--color-primary);
}
.specialist__info-inner strong,
.specialist__info-inner b {
font-weight: 700;
}
.specialist__info-inner em,
.specialist__info-inner i {
font-style: italic;
}
.specialist__info-inner table {
width: 100%;
border-collapse: collapse;
margin: var(--space-24) 0;
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
}
.specialist__info-inner table th {
text-align: left;
padding: var(--space-12) var(--space-16);
background-color: var(--color-gray-light);
font-weight: 700;
border-bottom: 2px solid var(--color-gray-border);
}
.specialist__info-inner table td {
padding: var(--space-12) var(--space-16);
border-bottom: 1px solid var(--color-gray-border);
}
.specialist__info-inner table tr:last-child td {
border-bottom: none;
}
@media (max-width: 1024px) {
.specialist-page .intro_title {
margin-bottom: var(--space-32);
}
.specialist__info {
grid-template-columns: 300px 1fr;
gap: var(--space-32);
}
.specialist__info-visual {
position: static;
}
.specialist__info-photo {
aspect-ratio: 3 / 4;
}
.specialist__wrapper {
margin-bottom: 0px !important;
}
}
@media (max-width: 767px) {
.specialist-page .container {
padding: 0 var(--space-16);
}
.specialist-page .intro_title {
margin-bottom: var(--space-24);
}
.specialist-page .intro_title h1 {
font-size: clamp(28px, 6vw, 32px);
}
.specialist__info {
grid-template-columns: 1fr;
gap: var(--space-20);
}
.specialist__info-visual {
position: static;
margin: 0 auto;
width: 100%;
}
.specialist__info-photo {
aspect-ratio: 1;
}
.specialist__info-inner h2 {
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
}
.specialist__info-inner h3 {
font-size: var(--font-size-button);
}
.specialist__info-inner blockquote {
padding: var(--space-16) var(--space-20);
font-size: var(--font-size-base);
}
}
@media (max-width: 480px) {
.specialist__info-visual {
max-width: 100%;
}
.specialist__info-inner h2 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
}
.specialist__info-inner p,
.specialist__info-inner ul li,
.specialist__info-inner ol li {
line-height: var(--line-height-micro);
}
.specialist__info-inner ul li {
padding-left: var(--space-20);
}
.specialist__info-inner ul li::before {
top: calc(var(--line-height-micro) / 2 - 0px);
width: 4px;
height: 4px;
}
.specialist__info-inner ol li {
padding-left: var(--space-24);
}
.specialist__info-inner blockquote {
padding: var(--space-16);
font-size: var(--font-size-micro);
}
} .tidings {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
}
.tidings .intro_title {
margin-bottom: var(--space-32);
box-shadow: none;
padding: 0;
}
.tidings .intro_title h1 {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.tidings__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-24);
}
.tidings__item {
display: flex;
flex-direction: column;
gap: var(--space-28);
border-radius: var(--radius-medium);
overflow: hidden;
text-decoration: none;
color: inherit;
padding: var(--space-24) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tidings__item:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
border-radius: var(--radius-medium);
}
.tidings__item-img {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
margin-bottom: 0 !important;
}
.tidings__item-img picture,
.tidings__item-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--space-12) !important;
}
.tidings__item-date {
position: absolute;
top: var(--space-12);
left: var(--space-12);
z-index: 2;
}
.tidings__item-date span {
display: inline-block;
padding: var(--space-6) var(--space-12);
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-white);
background-color: var(--color-primary);
border-radius: var(--radius-small);
}
.tidings__item-content {
flex: 1;
display: flex;
flex-direction: column;
gap: var(--space-20);
}
.tidings__item-title {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.84px + 0.79vw, 22px);
font-weight: 500;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0;
text-align: center;
}
.tidings__item-content .link {
margin-top: auto;
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-primary);
text-decoration: none !important;
transition: opacity 0.2s ease;
}
@media (max-width: 1024px) {
.tidings .intro_title {
margin-bottom: var(--space-32);
}
.tidings__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-20);
}
.tidings__item {
gap: var(--space-10);
}
.tidings__item-content {
gap: var(--space-10);
}
}
@media (max-width: 767px) {
.tidings .container {
padding: 0 var(--space-16);
}
.tidings .intro_title {
margin-bottom: var(--space-24);
}
.tidings__wrapper {
grid-template-columns: 1fr;
gap: var(--space-16);
}
.tidings__item-date {
top: var(--space-8);
left: var(--space-8);
}
.tidings__item-date span {
padding: var(--space-4) var(--space-10);
}
}
@media (max-width: 480px) {
.tidings__item-date span {
font-size: 12px;
line-height: 18px;
}
} .contacts {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
}
.contacts .intro_title h1 {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.contacts__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-24);
align-items: start;
}
.contacts__wrapper > .contacts__item:first-child {
display: flex;
flex-direction: column;
gap: var(--space-10);
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item {
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
padding: var(--space-20) var(--space-24);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.contacts__content {
display: flex;
align-items: flex-start;
gap: var(--space-16);
text-decoration: none;
color: inherit;
}
a.contacts__content:hover {
color: inherit;
}
a.contacts__content:hover .contacts__text {
color: var(--color-primary);
}
.contacts__content svg {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: var(--space-2);
}
.contacts__text {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0;
padding: 0;
transition: color 0.2s ease;
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item:last-child {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item:last-child:hover {
transform: none;
box-shadow: none;
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item:last-child .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--space-14) var(--space-32);
margin-top: 0px !important;
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-accent);
border: 2px solid var(--color-accent);
border-radius: var(--radius-medium);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item:last-child .btn:hover {
background-color: var(--color-white);
color: var(--color-accent);
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item:last-child .btn:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.contacts__wrapper > .contacts__item:last-child {
border-radius: var(--radius-medium);
overflow: hidden;
background-color: var(--color-gray-light);
min-height: 520px;
}
.contacts__wrapper > .contacts__item:last-child iframe {
display: block;
width: 100%;
height: 100%;
min-height: 520px;
border: none;
}
@media (max-width: 1024px) {
.contacts .intro_title {
margin-bottom: var(--space-32);
}
.contacts__wrapper {
gap: var(--space-20);
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item {
padding: var(--space-16) var(--space-20);
}
}
@media (max-width: 767px) {
.contacts .container {
padding: 0 var(--space-16);
}
.contacts .intro_title {
margin-bottom: var(--space-24);
}
.contacts__wrapper {
grid-template-columns: 1fr;
gap: var(--space-20);
}
.contacts__wrapper > .contacts__item:last-child {
min-height: 350px;
order: -1;
}
.contacts__wrapper > .contacts__item:last-child iframe {
min-height: 350px;
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item {
padding: var(--space-16);
}
}
@media (max-width: 480px) {
.contacts__wrapper > .contacts__item:first-child {
gap: var(--space-12);
}
.contacts__wrapper > .contacts__item:first-child > .contacts__item {
padding: var(--space-12) var(--space-16);
}
.contacts__content svg {
width: 22px;
height: 22px;
}
.contacts__text {
line-height: var(--line-height-micro);
}
.contacts__wrapper > .contacts__item:last-child {
min-height: 300px;
}
.contacts__wrapper > .contacts__item:last-child iframe {
min-height: 300px;
}
} .photo-gallery {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
.photo-gallery > .container > .title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-40);
padding: 0;
}
.photo__gallery .swiper {
padding: 0px !important;
} .photo__gallery .swiper-wrapper {
display: flex;
align-items: stretch;
margin: 0px !important;
gap: var(--space-20);
}
.photo-gallery__img {
height: auto;
min-height: 400px;
border-radius: var(--radius-medium);
overflow: hidden;
background-color: var(--color-gray-light);
transition: transform 0.2s ease;
}
.photo-gallery__img:hover {
transform: scale(1.01);
}
.photo__gallery .swiper-button-prev,
.photo__gallery .swiper-button-next {
width: 48px;
height: 48px;
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-round);
top: 50%;
transform: translateY(-50%);
margin-top: 0;
transition: all 0.2s ease;
cursor: pointer;
}
.photo__gallery .swiper-button-prev {
left: var(--space-16);
}
.photo__gallery .swiper-button-next {
right: var(--space-16);
}
.photo__gallery .swiper-button-prev:hover,
.photo__gallery .swiper-button-next:hover {
border-color: var(--color-primary);
background-color: var(--color-white);
}
.photo__gallery .swiper-button-prev::after,
.photo__gallery .swiper-button-next::after {
display: none;
}
.photo__gallery .swiper-button-prev::before,
.photo__gallery .swiper-button-next::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid var(--color-dark);
border-bottom: 2px solid var(--color-dark);
position: absolute;
top: 50%;
}
.photo__gallery .swiper-button-prev::before {
left: 50%;
transform: translate(-30%, -50%) rotate(135deg);
}
.photo__gallery .swiper-button-next::before {
left: 50%;
transform: translate(-70%, -50%) rotate(-45deg);
}
.photo__gallery .swiper-button-prev:hover::before,
.photo__gallery .swiper-button-next:hover::before {
border-color: var(--color-primary);
}
@media (max-width: 1024px) {
.photo-gallery > .container > .title {
margin-bottom: var(--space-32);
}
.photo-gallery__img {
min-height: 340px;
}
.photo__gallery .swiper-button-prev,
.photo__gallery .swiper-button-next {
display: none;
}
}
@media (max-width: 767px) {
.photo-gallery .container {
padding: 0 var(--space-16);
}
.photo-gallery > .container > .title {
margin-bottom: var(--space-24);
}
.photo-gallery__img {
min-height: 280px;
border-radius: var(--radius-small);
}
}
@media (max-width: 480px) {
.photo-gallery__img {
min-height: 240px;
}
} .checkup-important {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
}
.checkup-important > .container > .title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-40);
padding: 0;
}
.checkup-important__main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-24);
align-items: stretch;
}
.checkup-important__inner {
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
padding: var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.checkup-important__inner--left .checkup-important__img {
background-color: var(--color-primary);
border-radius: var(--radius-small);
padding: var(--space-24);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-16);
margin-bottom: 0px !important;
}
.checkup-important__title {
font-family: var(--font-family-base);
font-size: clamp(20px, 19.79px + 1.05vw, 32px);
font-weight: 900;
line-height: 1.2;
color: var(--color-white);
letter-spacing: -0.01em;
margin: 0;
padding: 0;
}
.checkup-important__img .icon-important {
flex-shrink: 0;
width: 60px;
height: 60px;
}
.checkup-important__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.checkup-important__list li {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none;
}
.checkup-important__list li::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - 2px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
}
.checkup-important__inner--right h3 {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0;
padding: 0;
}
.checkup-important__inner--right .modal__subtitle {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0;
padding: 0;
}
.checkup-important__inner--right .application__form {
display: flex;
flex-direction: column;
gap: var(--space-12);
background: none;
}
.checkup-important__inner--right .form__label {
display: block;
width: 100%;
}
.checkup-important__inner--right .form__label .input {
width: 100%;
display: block;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.checkup-important__inner--right .form__label .input::placeholder {
color: #999;
font-weight: 400;
}
.checkup-important__inner--right .form__label .input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.checkup-important__inner--right .form__label .input:focus::placeholder {
opacity: 0.5;
}
.checkup-important__inner--right .form__label br {
display: none;
}
.checkup-important__inner--right .consultation__btns {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.checkup-important__inner--right .consultation__btns .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.checkup-important__inner--right .consultation__btns .btn:hover {
background-color: var(--color-white);
color: var(--color-primary);
}
.checkup-important__inner--right .consultation__btns .btn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.checkup-important__inner--right .politican {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: #888;
margin: 0;
padding: 0;
}
.checkup-important__inner--right .leadformerror {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-accent);
min-height: var(--line-height-micro);
margin: 0;
display: none;
}
@media (max-width: 1024px) {
.checkup-important > .container > .title {
margin-bottom: var(--space-32);
}
.checkup-important__main {
gap: var(--space-20);
}
.checkup-important__inner {
padding: var(--space-24);
}
.checkup-important__inner--left .checkup-important__img {
padding: var(--space-24);
}
.checkup-important__img .icon-important {
width: 48px;
height: 48px;
}
}
@media (max-width: 767px) {
.checkup-important .container {
padding: 0 var(--space-16);
}
.checkup-important > .container > .title {
margin-bottom: var(--space-24);
}
.checkup-important__main {
grid-template-columns: 1fr;
gap: var(--space-20);
}
.checkup-important__inner {
padding: var(--space-24);
}
.checkup-important__img .icon-important {
width: 40px;
height: 40px;
}
.checkup-important__list li {
font-size: var(--font-size-base);
}
}
@media (max-width: 480px) {
.checkup-important__inner {
padding: var(--space-20);
}
.checkup-important__inner--left .checkup-important__img {
padding: var(--space-20);
}
.checkup-important__title {
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
}
.checkup-important__list li {
font-size: var(--font-size-micro);
line-height: var(--line-height-micro);
padding-left: var(--space-20);
}
.checkup-important__list li::before {
top: calc(var(--line-height-micro) / 2 - 2px);
width: 4px;
height: 4px;
}
.checkup-important__inner--right h3 {
font-size: var(--font-size-h3);
}
} .reviews {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
background-color: var(--color-white);
}
.reviews__header {
margin-bottom: var(--space-32);
}
.reviews__title {
font-family: var(--font-family-base);
text-align: center;
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.reviews__grid {
display: grid;
grid-template-columns: 480px 1fr;
gap: var(--space-20);
align-items: start;
}
.reviews__banner {
border-radius: var(--radius-medium);
overflow: hidden;
background-color: var(--color-gray-light);
transition: box-shadow 0.2s ease;
}
.reviews__banner:hover {
box-shadow: var(--shadow-base);
}
.reviews__banner-image {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
.reviews__widget-wrapper {
position: relative;
border-radius: var(--radius-medium);
overflow: hidden;
background-color: var(--color-white) !important;
min-height: 600px;
}
.reviews__widget {
position: relative;
width: 100%;
height: 100%;
min-height: 600px;
}
.reviews__iframe {
display: block;
width: 100%;
height: 100%;
min-height: 600px;
border: 1px solid var(--color-gray-border);
border-radius: var(--radius-medium);
box-sizing: border-box;
background-color: var(--color-white);
}
.reviews__widget-link {
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
display: block;
padding: 0 16px;
box-sizing: border-box;
font-family: 'YS Text', sans-serif;
font-size: 10px;
line-height: 14px;
color: #b3b3b3;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-height: 14px;
transition: color 0.2s ease;
}
.reviews__widget-link:hover {
color: var(--color-primary);
}
@media (max-width: 1150px) {
.reviews__grid {
grid-template-columns: 340px 1fr;
gap: var(--space-24);
}
}
@media (max-width: 1024px) {
.reviews__header {
margin-bottom: var(--space-24);
}
.reviews__banner {
max-width: 400px;
margin: 0 auto;
}
.reviews__widget-wrapper,
.reviews__widget,
.reviews__iframe {
min-height: 500px;
}
}
@media (max-width: 767px) {
.reviews .container {
padding: 0 var(--space-16);
}
.reviews__title {
font-size: clamp(24px, 6vw, 32px);
}
.reviews__grid {
grid-template-columns: 1fr;
gap: var(--space-20);
}
.reviews__banner {
max-width: 100%;
}
.reviews__banner-image {
max-height: 300px;
border-radius: var(--radius-small);
}
.reviews__widget-wrapper,
.reviews__widget,
.reviews__iframe {
min-height: 420px;
}
}
@media (max-width: 480px) {
.reviews__widget-wrapper,
.reviews__widget,
.reviews__iframe {
min-height: 380px;
}
.reviews__widget-link {
font-size: 8px;
padding: 0 12px;
}
}
.into {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
background-color: var(--color-white);
}
.into .intro_title {
margin-bottom: var(--space-32);
box-shadow: none;
padding: 0;
}
.into .intro_title h1 {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.reviews__container {
background-color: var(--color-white);
}
.reviews__wrapper {
padding: 0;
}
.reviews__item {
display: grid;
grid-template-columns: 300px 1fr;
gap: var(--space-24);
align-items: start;
}
.reviews__item > div:first-child {
border-radius: var(--radius-medium);
overflow: hidden;
background-color: var(--color-gray-light);
}
.reviews__item > div:first-child img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
object-fit: cover;
}
.reviews__item > div:last-child {
width: 100%;
height: 800px;
overflow: hidden;
position: relative;
border-radius: var(--radius-medium);
background-color: var(--color-gray-light);
}
.reviews__item > div:last-child iframe {
width: 100%;
height: 100%;
border: 1px solid var(--color-gray-border) !important;
border-radius: var(--radius-medium) !important;
box-sizing: border-box;
}
.reviews__item > div:last-child > a {
box-sizing: border-box;
text-decoration: none;
font-family: var(--font-family-base);
font-size: 10px;
padding: 0 var(--space-20);
position: absolute;
bottom: var(--space-8);
width: 100%;
text-align: center;
left: 0;
overflow: hidden;
text-overflow: ellipsis;
display: block;
max-height: 14px;
white-space: nowrap;
box-sizing: border-box;
color: #b3b3b3;
transition: color 0.2s ease;
}
.reviews__item > div:last-child > a:hover {
color: var(--color-primary);
}
@media (max-width: 1024px) {
.into .intro_title {
margin-bottom: var(--space-24);
}
.reviews__item {
grid-template-columns: 260px 1fr;
gap: var(--space-20);
}
.reviews__item > div:last-child {
height: 700px;
}
}
@media (max-width: 767px) {
.into .intro_title {
margin-bottom: var(--space-24);
}
.reviews__wrapper .container {
padding: 0 var(--space-16);
}
.reviews__item {
grid-template-columns: 1fr;
gap: var(--space-20);
}
.reviews__item > div:first-child {
max-width: 300px;
}
.reviews__item > div:last-child {
height: 600px;
}
}
@media (max-width: 480px) {
.reviews__item > div:first-child {
max-width: 100%;
}
.reviews__item > div:last-child {
height: 500px;
}
} .checkup-intro {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
background-color: var(--color-white) !important;
}
.checkup-intro .intro_title {
margin-bottom: var(--space-32);
box-shadow: none;
padding: 0;
}
.checkup-intro .intro_title h1 {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.checkup-intro .intro_banner {
position: relative;
overflow: hidden;
border-radius: var(--radius-medium);
background-color: var(--color-gray-light);
}
.checkup-intro .intro_banner .full {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
.checkup-intro .intro_banner .mob {
display: none;
width: 100%;
height: auto;
border-radius: var(--radius-medium);
}
@media (max-width: 1024px) {
.checkup-intro .intro_title {
margin-bottom: var(--space-24);
}
}
@media (max-width: 767px) {
.checkup-intro .container {
padding: 0 var(--space-16);
}
.checkup-intro .intro_title {
margin-bottom: 0;
}
.checkup-intro .intro_banner {
display: none;
}
} .question {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
background-color: var(--color-primary) !important;
}
.question_form {
background-color: var(--color-white);
border-radius: var(--radius-medium);
padding: clamp(32px, 5vw, 56px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: var(--space-20);
}
.question_form > .title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.question_form > .title span {
color: var(--color-accent);
}
.question_form > .subtitle {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px) !important;
font-weight: 500;
line-height: 1.2;
color: var(--color-dark);
margin: 0;
padding: 0;
}
.question_form > .subtitle span {
color: var(--color-accent);
}
.question_btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: var(--font-size-button);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
text-decoration: none;
align-self: flex-start;
}
.question_btn:hover {
background-color: var(--color-white) !important;
color: var(--color-primary) !important;
}
.question_btn:hover a {
color: var(--color-primary) !important;
}
.question_btn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.question_btn a {
font-family: var(--font-family-base);
font-size: var(--font-size-button);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
text-decoration: none;
transition: color 0.2s ease;
}
@media (max-width: 1024px) {
.question_form {
padding: var(--space-40);
gap: var(--space-20);
}
}
@media (max-width: 767px) {
.question .container {
padding: 0 var(--space-16);
}
.question_form {
padding: var(--space-28);
gap: var(--space-20);
}
.question_btn {
align-self: stretch;
width: 100%;
padding: var(--space-12) var(--space-32);
}
}
@media (max-width: 480px) {
.question_form {
padding: var(--space-24) var(--space-20);
}
.question_form .separation_vector {
width: 40px;
height: 4px;
}
.question_btn,
.question_btn a {
font-size: var(--font-size-base);
}
} .checkup-services {
padding-top: clamp(25px, 8vw, 65px) !important;
padding-bottom: clamp(25px, 8vw, 65px) !important;
background-color: var(--color-white) !important;
}
.checkup-services > .container > .title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-40);
padding: 0;
}
.checkup-services__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-24);
}
.checkup-services__item {
display: flex;
}
.checkup-services__item .checkup-slider__wrapper {
display: flex;
flex-direction: column;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: var(--radius-medium);
overflow: hidden;
text-decoration: none;
color: inherit;
position: relative;
isolation: isolate;
padding: var(--space-24);
gap: var(--space-20);
min-height: 380px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.checkup__title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.25;
color: var(--color-white);
background-color: var(--color-accent);
letter-spacing: -0.01em;
margin: 0;
padding: 0;
max-width: 70%;
}
.checkup-discount {
position: absolute;
top: var(--space-24);
right: var(--space-24);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--color-primary) !important;
border-radius: var(--radius-round);
width: 72px;
height: 72px;
gap: var(--space-2);
}
.checkup-discount span {
font-family: var(--font-family-base);
font-size: 12px;
font-weight: 700;
line-height: 1;
color: var(--color-white);
text-transform: uppercase;
}
.checkup-discount__num {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px) !important;
font-weight: 900 !important;
line-height: 1 !important;
color: var(--color-white);
}
.checkup__main {
display: flex;
flex-direction: column;
gap: var(--space-20);
margin-top: auto;
max-width: 450px;
}
.checkup__info {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.checkup__info li {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0;
padding: 0;
}
.checkup__info-price {
font-weight: 700;
color: var(--color-white);
}
.checkup__info li:first-child .checkup__info-price {
color: var(--color-accent);
}
.checkup__info li .num {
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
color: var(--color-white);
text-decoration: line-through;
margin-left: var(--space-8);
}
.checkup__list-title {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 700;
line-height: var(--line-height-micro);
color: var(--color-white);
margin: 0 0 var(--space-8);
padding: 0;
}
.checkup__list {
list-style: none;
border-radius: var(--space-4);
background-color: #ffffff4d;;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-4);
padding: var(--space-12);
}
.checkup__list li {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
margin: 0 0 var(--space-10) 0;
padding: 0 0 0 var(--space-16);
position: relative;
}
.checkup__list li::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-micro) / 2 - 1px);
transform: translateY(-50%);
width: 4px;
height: 4px;
background-color: var(--color-accent);
}
.checkup-button {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-family-base);
font-size: var(--font-size-button);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
cursor: pointer;
text-align: center;
align-self: flex-start;
padding: var(--space-12) var(--space-32);
border: 1px solid var(--color-dark);
background-color: var(--color-dark);
border-radius: var(--radius-small);
transition: 0.2s;
text-decoration: none;
}
.checkup-button:hover {
background-color: var(--color-white);
color: var(--color-dark);
}
@media (max-width: 1024px) {
.checkup-services > .container > .title {
margin-bottom: var(--space-32);
}
.checkup-services__wrapper {
gap: var(--space-20);
}
.checkup-services__item .checkup-slider__wrapper {
padding: var(--space-24);
min-height: 340px;
}
.checkup-discount {
width: 64px;
height: 64px;
}
}
@media (max-width: 767px) {
.checkup-services .container {
padding: 0 var(--space-16);
}
.checkup-services > .container > .title {
margin-bottom: var(--space-24);
}
.checkup-services__wrapper {
grid-template-columns: 1fr;
gap: var(--space-16);
}
.checkup-services__item .checkup-slider__wrapper {
padding: var(--space-24);
min-height: 320px;
}
.checkup-discount {
width: 60px;
height: 60px;
}
.checkup-discount span {
font-size: 10px;
}
.checkup-discount__num {
font-size: var(--font-size-h3) !important;
}
.checkup-button {
align-self: stretch;
width: 100%;
text-align: center;
}
.checkup__main {
max-width: 100%;
}
}
@media (max-width: 480px) {
.checkup-services__item .checkup-slider__wrapper {
padding: var(--space-20);
min-height: 300px;
gap: var(--space-16);
}
.checkup-discount {
width: 56px;
height: 56px;
}
.checkup__info li {
line-height: var(--line-height-micro);
}
} .services {
padding-top: clamp(25px, 8vw, 65px) !important;
padding-bottom: clamp(25px, 8vw, 65px) !important;
background-color: var(--color-white);
}
.services__title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-32);
padding: 0;
}
.services__subtitle {
font-family: var(--font-family-base);
font-size: clamp(20px, 2.5vw, 32px) !important;
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: var(--space-40) 0 var(--space-16);
padding: 0;
}
.services__subtitle:first-of-type {
margin-top: var(--space-32);
}
.services__text {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-24);
padding: 0;
}
.services__list {
list-style: none;
padding: 0;
margin: 0 0 var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.services__list-item {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none;
}
.services__list-item::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - -2px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
}
.services__blockquote {
margin: 0;
padding: 0;
}
.services__blockquote .quote {
margin: var(--space-32) 0;
padding: var(--space-24) var(--space-28);
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
line-height: var(--line-height-base);
color: var(--color-dark);
font-style: italic;
letter-spacing: -0.005em;
}
.services__blockquote .quote:last-child {
margin-bottom: 0px;
}
.services__blockquote .quote--pink {
background-color: #FFF0F5;
border-left: 4px solid var(--color-accent);
}
.services__blockquote .quote--blue {
background-color: #F0F5FF;
border-left: 4px solid var(--color-primary);
}
@media (max-width: 1024px) {
.services__title {
margin-bottom: var(--space-24);
}
.services__subtitle {
margin: var(--space-32) 0 var(--space-12);
}
.services__blockquote .quote {
margin: var(--space-24) 0;
padding: var(--space-20) var(--space-24);
}
}
@media (max-width: 767px) {
.services.container {
padding: 0 var(--space-16);
}
.services__text {
font-size: var(--font-size-base);
margin-bottom: var(--space-20);
}
.services__subtitle {
font-size: var(--font-size-h3);
margin: var(--space-28) 0 var(--space-12);
}
.services__list-item {
padding-left: var(--space-20);
}
.services__blockquote .quote {
margin: var(--space-20) 0;
padding: var(--space-16) var(--space-20);
font-size: var(--font-size-base);
}
}
@media (max-width: 480px) {
.services__blockquote .quote {
padding: var(--space-16);
font-size: var(--font-size-micro);
}
.services__list-item {
line-height: var(--line-height-micro);
}
.services__list-item::before {
top: calc(var(--line-height-micro) / 2 - -2px);
width: 4px;
height: 4px;
}
}
.services__container {
padding-top: clamp(25px, 14.47px + 2.63vw, 65px) !important;
padding-bottom: clamp(25px, 14.47px + 2.63vw, 65px) !important;
background-color: var(--color-white);
}
.services-banner__title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px) !important;
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.services-detail {
background-color: var(--color-white);
padding: 0 !important;
}
.services-detail__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-24);
padding: var(--space-24) 0;
border-bottom: 1px solid var(--color-gray-border);
margin-bottom: var(--space-32);
}
.services-detail__items {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: var(--space-12);
}
.services-detail__item {
margin: 0;
padding: 0;
}
.services-detail__item a {
display: block;
padding: var(--space-4) var(--space-8);
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-dark);
text-decoration: none;
border-radius: var(--radius-small);
transition: all 0.2s ease;
border: 1px solid transparent;
}
.services-detail__item a:hover {
color: var(--color-primary);
border-color: var(--color-gray-border);
}
.services-detail__btn-container .btn--all {
display: flex;
align-items: center;
justify-content: center;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: var(--font-size-button);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-accent);
border: 1px solid var(--color-accent);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.services-detail__btn-container .btn--all:hover {
background-color: var(--color-white);
color: var(--color-accent);
}
.services-detail__text {
margin: 0 0 var(--space-40);
}
.services-detail__text:last-child {
margin-bottom: 0;
}
.services-detail__title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0 0 var(--space-20);
padding: 0;
}
.services-detail__title:first-child {
margin-top: 0;
}
.services-detail__subtitle,
.policy__subsection-title {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: var(--space-32) 0 var(--space-16);
padding: 0;
}
.services-detail__subtitle:first-of-type,
.policy__subsection-title:first-of-type {
margin-top: 0;
}
.services-detail__paragraph {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-16);
padding: 0;
text-align: justify;
}
.services-detail__list {
list-style: none;
padding: 0;
margin: 0 0 var(--space-20);
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.services-detail__list-item {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none;
text-align: justify;
}
.services-detail__list-item::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - 2px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
}
.services-detail__image {
display: block;
max-width: 100%;
height: auto;
border-radius: var(--radius-medium);
margin: var(--space-32) auto;
}
.services-detail__price-title {
display: block;
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-24);
padding: 0;
}
.services-detail__price-table {
width: 100%;
border-collapse: collapse;
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
overflow: hidden;
}
.services-detail__price-name {
padding: var(--space-16) var(--space-20);
border-bottom: 1px solid var(--color-gray-border);
}
.services-detail__price-value {
padding: var(--space-16) var(--space-20);
border-bottom: 1px solid var(--color-gray-border);
text-align: right;
font-weight: 700;
white-space: nowrap;
}
.services-detail__price-table tr:last-child td {
border-bottom: none;
}
.services-detail__doctors-title {
display: block;
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: var(--space-40) 0 var(--space-24);
padding: 0;
}
@media (max-width: 1024px) {
.services-detail__text {
margin-bottom: var(--space-32);
}
.services-detail__subtitle,
.policy__subsection-title {
margin: var(--space-24) 0 var(--space-12);
}
.services-detail__image {
margin: var(--space-24) auto;
}
}
@media (max-width: 767px) {
.services-detail__subtitle,
.policy__subsection-title {
margin: var(--space-20) 0 var(--space-12);
}
.services-detail__paragraph {
margin-bottom: var(--space-12);
}
.services-detail__list-item {
padding-left: var(--space-20);
}
.services-detail__image {
margin: var(--space-20) auto;
}
.services-detail__btn-container .btn--all {
display: none;
}
.services-detail__top {
padding: var(--space-12) 0;
gap: 0px;
}
}
@media (max-width: 480px) {
.services-detail__paragraph {
line-height: var(--line-height-micro);
}
.services-detail__list-item {
line-height: var(--line-height-micro);
}
.services-detail__list-item::before {
top: calc(var(--line-height-micro) / 2 - 2px);
width: 4px;
height: 4px;
}
.services-detail__image {
margin: var(--space-16) auto;
}
}
.services-detail__price-container {
margin: var(--space-40) 0;
}
.services-detail__price-container .price {
display: block;
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-24);
padding: 0;
}
.services-detail__price-container table {
width: 100%;
border-collapse: collapse;
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
overflow: hidden;
}
.services-detail__price--name {
padding: var(--space-14) var(--space-20);
border-bottom: 1px solid var(--color-gray-border);
}
.services-detail__price--name a {
color: var(--color-dark);
text-decoration: none;
transition: color 0.2s ease;
}
.services-detail__price--name a:hover {
color: var(--color-primary);
}
.services-detail__price--value {
padding: var(--space-14) var(--space-20);
border-bottom: 1px solid var(--color-gray-border);
text-align: right;
font-weight: 700;
white-space: nowrap;
}
.services-detail__price-container table tr:last-child .services-detail__price--name,
.services-detail__price-container table tr:last-child .services-detail__price--value {
border-bottom: none;
}
.services-detail__form {
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
padding: clamp(28px, 5vw, 40px); margin: clamp(10px, 7.37px + 0.66vw, 20px);
}
.services-detail__form-title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0 0 var(--space-16);
padding: 0;
}
.services-detail__form-subtitle {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 500;
text-align: center;
line-height: 1.2;
color: var(--color-dark);
margin: 0;
margin-bottom: 20px;
padding: 0;
}
.services-detail__form-content {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.services-detail__form-content .form__label {
display: block;
width: 100%;
}
.services-detail__form-content .form__label .input {
width: 100%;
display: block;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.services-detail__form-content .form__label .input::placeholder {
color: #999;
font-weight: 400;
}
.services-detail__form-content .form__label .input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.services-detail__form-content .leadformerror {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-accent);
min-height: var(--line-height-micro);
margin: 0;
}
.services-detail__form-content .consultation__btns {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.services-detail__form-content .consultation__btns .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--space-14) var(--space-32);
font-family: var(--font-family-base);
font-size: var(--font-size-button);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.services-detail__form-content .consultation__btns .btn:hover {
background-color: var(--color-white);
color: var(--color-primary);
}
.services-detail__form-content .politican {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: #888;
margin: 0;
}
.services-detail__form-content .politican .link {
color: #888;
text-decoration: underline;
transition: color 0.2s ease;
}
.services-detail__form-content .politican .link:hover {
color: var(--color-primary);
}
.doctor-card__main-info {
position: relative;
padding: var(--space-24) var(--space-20) var(--space-16);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.doctor-card__experience {
position: absolute;
top: var(--space-24);
right: var(--space-24);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--color-accent) !important;
border-radius: var(--radius-round);
width: 72px;
height: 72px;
gap: var(--space-2);
}
.doctor-card__experience-title {
font-family: var(--font-family-base);
font-size: 12px;
font-weight: 700;
line-height: 1;
color: var(--color-white);
text-transform: uppercase;
}
.doctor-card__experience-value {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 900;
line-height: 1;
color: var(--color-white);
}
.doctor-card__img {
display: block;
width: 140px;
height: 140px;
border-radius: var(--radius-round);
overflow: hidden;
margin-bottom: var(--space-16);
background-color: #EAEEF4;
}
.doctor-card__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .doctor-card__name {
display: block;
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
text-decoration: none;
margin: 0 0 var(--space-8);
transition: color 0.2s ease;
}
.doctor-card__name:hover {
color: var(--color-primary);
}
.doctor-card__description {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: #888;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.doctor-card__main-info {
padding: var(--space-20) var(--space-16) var(--space-12);
}
.doctor-card__experience {
width: 56px;
height: 56px;
top: var(--space-12);
right: var(--space-12);
}
.doctor-card__img {
width: 120px;
height: 120px;
}
.doctor-card__name {
font-size: var(--font-size-h3);
}
}
@media (max-width: 480px) {
.doctor-card__experience {
width: 48px;
height: 48px;
}
.doctor-card__experience-title {
font-size: 8px;
}
.doctor-card__img {
width: 100px;
height: 100px;
}
.doctor-card__description {
font-size: 12px;
line-height: 18px;
}
}
@media (max-width: 767px) {
.services-detail__price-container {
margin: var(--space-28) 0;
}
.services-detail__price-container .price {
font-size: var(--font-size-h2);
margin-bottom: var(--space-20);
}
.services-detail__price--name,
.services-detail__price--value {
padding: var(--space-12) var(--space-16);
font-size: var(--font-size-micro);
line-height: var(--line-height-micro);
}
.services-detail__form {
max-width: 100%;
padding: var(--space-24) var(--space-20);
}
}
@media (max-width: 480px) {
.services-detail__price--name,
.services-detail__price--value {
padding: var(--space-10) var(--space-12);
line-height: 20px;
}
.services-detail__form {
padding: var(--space-20) var(--space-16);
}
.services-detail__form-content .form__label .input {
font-size: var(--font-size-micro);
}
} .form_container {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
background-color: var(--color-white);
}
.form_container .checkup-important__inner--right {
background-color: var(--color-gray-light);
border-radius: var(--radius-medium);
padding: clamp(32px, 5vw, 56px);
max-width: 620px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: var(--space-20);
}
.form_container .checkup-important__inner--right h1 {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px);
font-weight: 900;
line-height: 1.2;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.form_container .checkup-important__inner--right .modal__subtitle {
margin: 0;
padding: 0;
}
.form_container .checkup-important__inner--right .modal__subtitle h2 {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 500;
line-height: 1.2;
color: var(--color-dark);
margin: 0;
padding: 0;
}
.form_container .checkup-important__inner--right .application__form {
display: flex;
flex-direction: column;
gap: var(--space-12);
background: none;
padding: 0;
margin: 0;
}
.form_container .checkup-important__inner--right .form__label {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.form_container .checkup-important__inner--right .form__label .input {
width: 100%;
display: block;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.form_container .checkup-important__inner--right .form__label .input::placeholder {
color: #999;
font-weight: 400;
}
.form_container .checkup-important__inner--right .form__label .input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.form_container .checkup-important__inner--right .form__label .input:focus::placeholder {
opacity: 0.5;
}
.form_container .checkup-important__inner--right .form__label br {
display: none;
}
.form_container .checkup-important__inner--right .leadformerror {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-accent);
min-height: var(--line-height-micro);
margin: 0;
display: none;
}
.form_container .checkup-important__inner--right .consultation__btns {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.form_container .checkup-important__inner--right .consultation__btns .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.form_container .checkup-important__inner--right .consultation__btns .btn:hover {
background-color: var(--color-white);
color: var(--color-primary);
}
.form_container .checkup-important__inner--right .consultation__btns .btn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.form_container .checkup-important__inner--right .politican {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: #888;
margin: 0;
padding: 0;
} @media (max-width: 1024px) {
.form_container .checkup-important__inner--right {
padding: var(--space-40);
max-width: 560px;
}
}
@media (max-width: 767px) {
.form_container {
padding-left: var(--space-16);
padding-right: var(--space-16);
}
.form_container .checkup-important__inner--right {
padding: var(--space-28);
max-width: 100%;
gap: var(--space-16);
}
.form_container .checkup-important__inner--right h1 {
font-size: clamp(24px, 6vw, 32px);
}
.form_container .checkup-important__inner--right .modal__subtitle h2 {
font-size: var(--font-size-h3);
}
}
@media (max-width: 480px) {
.form_container .checkup-important__inner--right {
padding: var(--space-24) var(--space-20);
gap: var(--space-16);
}
.form_container .checkup-important__inner--right .application__form {
gap: var(--space-10);
}
.form_container .checkup-important__inner--right .form__label .input, .input-tel, .input-name, .modal__select, .modal__selected-option {
padding: var(--space-10) var(--space-14) !important;
font-size: var(--font-size-base) !important;
line-height: var(--line-height-micro) !important;
}
.form_container .checkup-important__inner--right .consultation__btns .btn {
padding: var(--space-10) var(--space-24);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.form_container .checkup-important__inner--right .leadformerror {
font-size: 14px;
line-height: 20px;
}
.form_container .checkup-important__inner--right .politican {
font-size: 14px;
line-height: 20px;
}
}
.404page {
padding-top: clamp(25px, 14.47px + 2.63vw, 65px) !important;
padding-bottom: clamp(25px, 14.47px + 2.63vw, 65px) !important;
background-color: var(--color-white) !important;
min-height: calc(100vh - 200px) !important;
display: flex !important;
align-items: center !important;
}
.container2 {
margin-top: 0 !important;
background-color: var(--color-white);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: 60vh;
height: auto !important;
padding: var(--space-40) var(--space-24);
}
.container2 h1 {
font-family: var(--font-family-base) !important;
font-size: clamp(56px, 28.63px + 6.84vw, 160px) !important;
font-weight: 900 !important;
line-height: 1 !important;
color: var(--color-accent) !important;
letter-spacing: -0.02em !important;
margin: 0 0 var(--space-16) !important;
padding: 0 !important;
}
.container2 h2 {
font-family: var(--font-family-base) !important;
font-size: clamp(24px, 19.79px + 1.05vw, 40px) !important;
font-weight: 900 !important;
line-height: 1.2 !important;
color: var(--color-dark) !important;
letter-spacing: -0.02em !important;
margin: 0 0 var(--space-16) !important;
padding: 0 !important;
}
.container2 p {
font-family: var(--font-family-base) !important;
font-size: clamp(18px, 17.47px + 0.13vw, 20px) !important;
font-weight: 500 !important;
line-height: var(--line-height-base) !important;
color: var(--color-dark) !important;
margin: 0 auto var(--space-32) !important;
padding: 0 !important;
max-width: 600px !important;
}
.container2 .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: var(--space-12) var(--space-40) !important;
font-family: var(--font-family-base) !important;
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700 !important;
line-height: var(--line-height-button) !important;
color: var(--color-white) !important;
background-color: var(--color-primary) !important;
border: 1px solid var(--color-primary) !important;
border-radius: var(--radius-small) !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
text-align: center !important;
text-decoration: none !important;
}
.container2 .button:hover {
background-color: var(--color-white) !important;
color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}
.container2 .button:focus-visible {
outline: 2px solid var(--color-primary) !important;
outline-offset: 2px !important;
}
@media (max-width: 767px) {
.404page {
min-height: calc(100vh - 160px) !important;
}
.container2 {
min-height: 40vh;
max-width: 100% !important;
}
.container2 h1 {
margin-bottom: var(--space-12) !important;
}
.container2 h2 {
margin-bottom: var(--space-12) !important;
}
.container2 p {
line-height: var(--line-height-micro) !important;
margin-bottom: var(--space-24) !important;
}
.container2 .button {
padding: var(--space-10) var(--space-32) !important;
width: 100% !important;
line-height: var(--line-height-base) !important;
}
}
@media (max-width: 480px) {
.container2 h1 {
margin-bottom: var(--space-8) !important;
}
.container2 h2 {
margin-bottom: var(--space-12) !important;
}
.container2 p {
line-height: var(--line-height-micro) !important;
margin-bottom: var(--space-20) !important;
}
.container2 .button {
padding: var(--space-10) var(--space-24) !important;
line-height: var(--line-height-micro) !important;
}
} .services__new-wrapper {
margin: 0;
padding: 0;
}
.services .breadcrumbs {
margin-bottom: var(--space-16);
}
.services .breadcrumbs p {
font-family: clamp(16px, 15.47px + 0.13vw, 18px);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
margin: 0;
padding: 0;
}
.services .breadcrumbs a {
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
color: var(--color-dark);
text-decoration: none;
transition: color 0.2s ease;
}
.services .breadcrumbs a:hover {
color: var(--color-primary);
}
.services .breadcrumbs .breadcrumb_last {
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
color: var(--color-dark);
}
.services .intro_title {
margin-bottom: var(--space-32);
box-shadow: none;
padding: 0;
}
.services .intro_title h1 {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0;
padding: 0;
}
.search__section {
margin-bottom: var(--space-24);
}
.services-search {
display: flex;
align-items: center;
gap: var(--space-12);
padding: var(--space-12) var(--space-16);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
cursor: text;
}
.services-search:focus-within {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.services-search .icon-search {
flex-shrink: 0;
width: 20px;
height: 20px;
color: #999;
}
.services-search .search-input {
flex: 1;
border: none;
outline: none;
background: transparent;
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 30px;
margin: 0;
}
.services-search .search-input::placeholder {
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
color: #999;
font-weight: 400;
} .services__lists {
list-style: none;
padding: var(--space-12) var(--space-20);
margin: var(--space-8) 0 0;
background-color: var(--color-white);
border-radius: var(--radius-medium);
box-shadow: var(--shadow-dropdown);
max-height: 400px;
overflow-y: auto;
}
.services__lists .no-found {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: #999;
padding: var(--space-12) 0;
text-align: center;
}
.programms.programms--page {
background-color: var(--color-white);
padding: 0 0 clamp(25px, 14.47px + 2.63vw, 65px) 0 !important;
}
.programms--page .programm_cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-24);
}
.programm_cards-link {
text-decoration: none;
color: inherit;
display: block;
}
.programms--page .card-container {
height: 100%;
}
.programms--page .card-container .card {
position: relative;
width: 100%;
height: 100%;
min-height: 240px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: var(--radius-medium);
overflow: hidden;
padding: 0px !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
background-color: var(--color-gray-light);
}
.programms--page .card-container .card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, #005DFF 0%, rgba(255, 255, 255, 0) 100%);
opacity: 0.7;
z-index: 1;
border-radius: var(--radius-medium);
}
.programms--page .card__title {
position: absolute;
z-index: 2;
top: var(--space-24);
right: auto;
bottom: auto;
transform: none;
height: auto;
margin: 0;
background: none;
border-radius: 0;
text-align: center;
width: 100% !important;
margin: 0 auto;
}
.programms--page .card__title h2,
.programms--page .card__title h3 {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.42px + 0.39vw, 32px) !important;
font-weight: 700;
line-height: 1.3;
color: var(--color-white);
margin: 0;
letter-spacing: -0.01em;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.programms--page .card__subtitle {
position: relative;
z-index: 2;
}
.programms--page .card__subtitle p {
font-family: var(--font-family-base);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--line-height-base);
color: rgba(255, 255, 255, 0.9);
margin: 0;
padding: 0;
text-transform: lowercase;
font-style: italic;
}
.programms--page .card__subtitle p::first-letter {
text-transform: uppercase;
}
.programm_cards-link:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
border-radius: var(--radius-medium);
}
@media (max-width: 1024px) {
.services .intro_title {
margin-bottom: var(--space-24);
}
.search__section {
margin-bottom: var(--space-20);
}
.programms--page .programm_cards {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-20);
}
.programms--page .card-container .card {
min-height: 220px;
padding: var(--space-20);
}
}
@media (max-width: 767px) {
.services .container,
.programms--page .container {
padding: 0 var(--space-16);
}
.services .intro_title {
margin-bottom: var(--space-20);
}
.services-search {
padding: var(--space-10) var(--space-12);
}
.programms--page .programm_cards {
grid-template-columns: 1fr;
gap: var(--space-16);
}
.programms--page .card-container .card {
min-height: 200px;
padding: var(--space-20);
}
.programms--page .card__title h2,
.programms--page .card__title h3 {
font-size: var(--font-size-h3);
}
.programms--page .card__subtitle p {
font-size: var(--font-size-base);
}
}
@media (max-width: 480px) {
.programms--page .card-container .card {
min-height: 180px;
padding: var(--space-16);
}
.programms--page .card__title h2,
.programms--page .card__title h3 {
font-size: var(--font-size-h2);
}
.programms--page .card__subtitle p {
font-size: var(--font-size-micro);
}
.services-search .search-input {
font-size: var(--font-size-micro);
}
} .sveden {
background-color: var(--color-white) !important;
display: grid;
grid-template-columns: 200px 1fr;
gap: var(--space-10);
align-items: start;
padding: clamp(20px, 14.74px + 1.32vw, 40px) clamp(10px, 7.37px + 0.66vw, 20px);
}
.sidebar {
position: sticky;
top: calc(80px + var(--space-24));
}
.sidebar__nav {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-2);
background-color: var(--color-white);
border-radius: var(--radius-medium);
padding: var(--space-12);
}
.sidebar__nav-link {
margin: 0;
padding: 0;
}
.sidebar__nav-link a {
display: block;
padding: var(--space-10) var(--space-16);
font-family: var(--font-family-base);
font-size: var(--font-size-micro) !important;
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
text-decoration: none;
border-radius: var(--radius-small);
transition: all 0.2s ease;
}
.sidebar__nav-link a:hover {
background-color: var(--color-white);
color: var(--color-primary);
}
.sidebar__nav-link--active a {
background-color: var(--color-primary);
color: var(--color-white);
font-weight: 700;
}
.sidebar__nav-link--active a:hover {
background-color: var(--color-primary);
color: var(--color-white);
opacity: 0.9;
}
.sveden__table {
min-width: 0;
width: 100%;
padding: clamp(20px, 14.74px + 1.32vw, 40px) clamp(10px, 7.37px + 0.66vw, 20px);
background-color: var(--color-white);
box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15);
border-radius: var(--radius-medium);
overflow-x: scroll;
}
.sveden__main-title {
font-family: var(--font-family-base);
font-size: clamp(24px, 19.79px + 1.05vw, 40px) !important;
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-40);
padding: 0;
}
.sveden__table-container {
margin-bottom: var(--space-40);
}
.sveden__table-container:last-child {
margin-bottom: 0;
}
.sveden__table-title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0 0 var(--space-20);
padding: 0;
}
.sveden__table-primary {
width: 100%;
border-collapse: collapse;
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
overflow: hidden;
border: 1px solid var(--color-gray-border);
}
.sveden__table-primary th {
text-align: left;
padding: var(--space-16) var(--space-20);
font-weight: 700;
color: var(--color-dark);
width: 25%;
vertical-align: top;
border: 1px solid var(--color-gray-border);
}
.sveden__table-primary td {
padding: var(--space-16) var(--space-20);
vertical-align: top;
border: 1px solid var(--color-gray-border);
}
.sveden__table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: var(--radius-small);
margin: 0 0 var(--space-20);
}
.sveden__table-wide {
width: 100%;
min-width: 900px;
border-collapse: collapse;
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
overflow: hidden;
}
.sveden__table-wide thead th {
text-align: left;
padding: var(--space-14) var(--space-16);
font-weight: 700;
color: var(--color-dark);
background-color: #EAEEF4;
border: 2px solid var(--color-gray-border); }
.sveden__table-wide tbody td {
padding: var(--space-12) var(--space-16);
vertical-align: top;
border: 1px solid var(--color-gray-border);
}
.sveden__table-wide tbody tr:hover {
background-color: rgba(0, 93, 255, 0.03);
}
.sveden__map {
border-radius: var(--radius-small);
overflow: hidden;
}
.sveden__map iframe {
display: block;
width: 100%;
height: 400px;
border: none;
}
.sveden__license-link {
margin-top: var(--space-12);
}
.sveden__license-link a {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px) !important;
font-weight: 700;
line-height: var(--line-height-micro);
color: var(--color-primary);
text-decoration: underline;
transition: opacity 0.2s ease;
}
.sveden__license-link a:hover {
opacity: 0.8;
}
.sveden__requisites-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.sveden__requisites-item {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
.sveden__main-title {
margin-bottom: var(--space-32);
}
.sveden__table-container {
margin-bottom: var(--space-32);
}
.sveden__table-primary th {
width: 40%;
}
}
@media (max-width: 767px) {
.sveden {
grid-template-columns: 1fr;
gap: var(--space-28);
}
.sidebar {
position: static;
order: 2;
}
.sidebar__nav {
padding: var(--space-12);
}
.sidebar__nav-link a {
padding: var(--space-8) var(--space-12);
}
.sveden__table {
order: 1;
}
.sveden__main-title {
margin-bottom: var(--space-24);
}
.sveden__table-container {
margin-bottom: var(--space-28);
}
.sveden__table-title {
margin-bottom: var(--space-16);
}
.sveden__table-primary th,
.sveden__table-primary td {
padding: var(--space-12) var(--space-16);
line-height: var(--line-height-micro);
}
.sveden__table-primary th {
width: 40%;
}
.sveden__map iframe {
height: 300px;
}
}
@media (max-width: 480px) {
.sveden__table-wide thead th,
.sveden__table-wide tbody td {
padding: var(--space-8);
line-height: 18px;
}
.sveden__table-primary th {
width: 40%;
padding: var(--space-8);
line-height: 18px;
}
.sveden__table-primary td {
width: 100%;
padding: var(--space-8);
line-height: var(--line-height-micro);
}
.sveden__requisites-item {
line-height: var(--line-height-micro);
}
.sveden__map iframe {
height: 250px;
}
}
.sveden__text {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-20);
padding: 0;
}
.sveden__text:last-child {
margin-bottom: 0;
}
.sveden__text--bold {
font-weight: 700;
}
.sveden__list {
list-style: none;
padding: 0;
margin: 0 0 var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.sveden__list:last-child {
margin: 0px;
}
.sveden__list-item {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none;
}
.sveden__list-item::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - 0px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
}
.sveden__list--ordered {
counter-reset: sveden-counter;
}
.sveden__list--ordered .sveden__list-item {
padding-left: var(--space-24);
}
.sveden__list--ordered .sveden__list-item::before {
content: counter(sveden-counter);
counter-increment: sveden-counter;
width: auto;
height: auto;
background-color: transparent;
font-weight: 700;
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
color: var(--color-primary);
top: 0;
transform: none;
}
.sveden__table-doctor {
width: 100%;
border-collapse: collapse;
font-family: var(--font-family-base);
color: var(--color-dark);
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
overflow: hidden;
}
.sveden__table-doctor tbody {
display: flex;
}
.sveden__table-doctor tr {
display: flex;
width: 100%;
}
.sveden__doctor-photo {
flex-shrink: 0;
width: 160px;
padding: 0;
vertical-align: top;
background-color: #EAEEF4;
}
.sveden__doctor-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 3 / 4;
}
.sveden__doctor-info {
flex: 1;
padding: var(--space-24);
vertical-align: top;
}
.sveden__doctor-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.sveden__doctor-name {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0 0 var(--space-4);
padding: 0;
}
.sveden__doctor-item {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
margin: 0;
padding: 0;
}
.sveden-dropdown {
margin: 0;
padding: 0;
}
.sveden-dropdown__content {
margin: 0 !important;
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
padding: var(--space-20) var(--space-24);
display: flex;
flex-direction: column;
gap: var(--space-16);
}
.sveden-dropdown__item {
display: flex;
align-items: center;
gap: var(--space-12);
}
.sveden-dropdown__icon-arrow {
flex-shrink: 0;
width: 16px;
height: 16px;
color: var(--color-primary);
}
.sveden-dropdown__label {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-dark);
}
.sveden-dropdown__icon-pdf {
flex-shrink: 0;
width: 50px;
height: 50px;
color: var(--color-accent);
}
.sveden-dropdown__content-link {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 700;
line-height: var(--line-height-micro);
color: var(--color-primary);
text-decoration: none !important;
transition: opacity 0.2s ease;
}
.sveden-dropdown__content-link:hover {
opacity: 0.8;
}
@media (max-width: 1024px) {
.sveden__table-doctor tbody,
.sveden__table-doctor tr {
display: block;
}
.sveden__doctor-photo {
width: 30%;
height: 100%
}
.sveden__doctor-photo img {
aspect-ratio: 3 / 3;
}
.sveden__doctor-info {
padding: var(--space-20);
}
}
@media (max-width: 767px) {
.sveden__text {
margin-bottom: var(--space-16);
}
.sveden__list-item {
padding-left: var(--space-20);
}
.sveden__doctor-info {
padding: var(--space-16);
}
.sveden-dropdown__content {
padding: var(--space-16) var(--space-20);
}
.sveden__doctor-photo img {
aspect-ratio: 3 / 4;
}
.sveden-dropdown__label {
line-height: 1.2;
}
}
@media (max-width: 480px) {
.sveden__text {
line-height: var(--line-height-micro);
}
.sveden__list-item {
line-height: var(--line-height-micro);
}
.sveden__list-item::before {
top: calc(var(--line-height-micro) / 2 - 0px);
width: 4px;
height: 4px;
}
.sveden__list--ordered .sveden__list-item {
padding-left: var(--space-24);
}
.sveden__doctor-photo {
max-height: 220px;
}
.sveden__doctor-info {
padding: var(--space-12);
}
.sveden__doctor-item {
line-height: 20px;
}
.sveden-dropdown__content {
padding: var(--space-16);
}
.sveden__doctor-photo img {
aspect-ratio: 3 / 6;
}
}
.sveden__list--nested {
margin-bottom: var(--space-16);
}
.sveden__table-subtitle {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: var(--space-32) 0 var(--space-16);
padding: 0;
text-transform: uppercase;
}
.sveden__table-subtitle:first-of-type {
margin-top: 0;
}
.sveden__table-simple {
width: 100%;
border-collapse: collapse;
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
overflow: hidden;
margin-bottom: var(--space-8);
}
.sveden__table-simple td {
padding: var(--space-10) var(--space-16);
border-bottom: 1px solid var(--color-gray-border);
}
.sveden__table-simple tr:last-child td {
border-bottom: none;
}
.sveden__table-simple td strong {
font-weight: 700;
}
.sveden__table-simple--prices td:first-child {
width: 80%;
}
.sveden__table-simple--prices td:last-child {
width: 20%;
text-align: right;
font-weight: 700;
white-space: nowrap;
}
.sveden__ordered-list {
list-style: none;
padding: 0;
margin: 0 0 var(--space-24);
counter-reset: sveden-ordered;
}
.sveden__ordered-item {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-32);
position: relative;
margin: 0 0 var(--space-20);
counter-increment: sveden-ordered;
}
.sveden__ordered-item::before {
content: counter(sveden-ordered) ".";
position: absolute;
left: 0;
top: 0;
font-weight: 700;
color: var(--color-primary);
}
.sveden__ordered-item:last-child {
margin-bottom: 0;
}
.sveden__ordered-title {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-8);
padding: 0;
}
.sveden__ordered-list--nested {
margin-bottom: 0;
counter-reset: sveden-ordered-nested;
}
.sveden__ordered-list--nested .sveden__ordered-item {
counter-increment: sveden-ordered-nested;
font-size: var(--font-size-base);
}
.sveden__ordered-list--nested .sveden__ordered-item::before {
content: counter(sveden-ordered-nested) ")";
}
.sveden__doctor-card {
background-color: var(--color-gray-light);
border-radius: var(--radius-small);
padding: var(--space-24);
margin-bottom: var(--space-24);
}
.sveden__doctor-card:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.sveden__ordered-item {
padding-left: var(--space-28);
}
.sveden__doctor-card {
padding: var(--space-20);
}
.sveden__table-subtitle {
margin: var(--space-24) 0 var(--space-12);
}
}
@media (max-width: 480px) {
.sveden__ordered-item {
line-height: var(--line-height-micro);
padding-left: var(--space-24);
}
.sveden__ordered-title {
line-height: var(--line-height-micro);
}
.sveden__table-simple td {
line-height: 20px;
padding: var(--space-8) var(--space-12);
}
.sveden__doctor-card {
padding: var(--space-16);
}
}
.sveden__link {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-primary);
text-decoration: underline;
transition: opacity 0.2s ease;
word-break: break-all;
}
.sveden__link:hover {
opacity: 0.8;
} .modal { inset: 0;
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.modal__container {
width: 100%;
max-width: 520px;
background-color: var(--color-white);
border-radius: var(--radius-medium);
padding: clamp(28px, 5vw, 40px);
}
.modal__title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: 0 0 var(--space-24);
padding: 0;
}
.modal__form {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.modal__form-row {
display: flex;
gap: var(--space-12);
}
.modal__form-row .modal__input,
.modal__form-row .modal__select {
flex: 1;
}
.modal__input {
width: 100%;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.modal__input::placeholder {
color: #999;
font-weight: 400;
}
.modal__input:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.modal__input:focus::placeholder {
opacity: 0.5;
}
.modal__select {
width: 100%;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.modal__select:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 4px rgba(0, 93, 255, 0.08);
}
.modal__custom-select {
position: relative;
width: 100%;
}
.modal__selected-option {
width: 100%;
padding: var(--space-12) var(--space-16);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
background-color: var(--color-white);
border: 2px solid var(--color-gray-border);
border-radius: var(--radius-small);
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.modal__selected-option:hover {
border-color: var(--color-primary);
}
.modal__options {
position: absolute;
top: calc(100% + var(--space-4));
left: 0;
right: 0;
z-index: 10;
background-color: var(--color-white);
border-radius: var(--radius-small);
box-shadow: var(--shadow-dropdown);
max-height: 240px;
overflow-y: auto;
display: none;
}
.modal__error {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-accent);
min-height: var(--line-height-micro);
margin: 0;
}
.modal__btns {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
.modal__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--space-14) var(--space-32);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 700;
line-height: var(--line-height-button);
color: var(--color-white);
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.modal__btn:hover {
border-color: var(--color-primary); 
background-color: var(--color-white);
color: var(--color-primary);
}
.modal__btn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.modal__policy {
font-family: var(--font-family-base);
font-size: var(--font-size-micro);
font-weight: 400;
line-height: var(--line-height-micro);
color: #888;
margin: 0;
}
.modal__policy-link {
color: #888;
text-decoration: underline;
transition: color 0.2s ease;
}
.modal__policy-link:hover {
color: var(--color-primary);
}
@media (max-width: 767px) {
.modal {
padding: var(--space-16);
align-items: flex-end;
}
.modal .input,
.select2-dropdown {
margin-bottom: 0px !important;
}
.modal__container {
padding: var(--space-24) var(--space-20);
border-radius: var(--radius-medium) var(--radius-medium) 0 0;
}
.modal__form-row {
flex-direction: column;
gap: var(--space-12);
}
} .document-policy {
padding-top: clamp(25px, 8vw, 65px);
padding-bottom: clamp(25px, 8vw, 65px);
background-color: var(--color-white);
}
.policy__title {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
text-align: center;
margin: 0 0 var(--space-32);
padding: 0;
}
.policy__header {
margin-bottom: var(--space-32);
}
.policy__header-title {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
text-align: center;
margin: 0;
padding: 0;
}
.policy__approval {
text-align: right;
margin-bottom: var(--space-40);
padding-bottom: var(--space-24);
border-bottom: 1px solid var(--color-gray-border);
}
.policy__approval-text {
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 500;
line-height: var(--line-height-micro);
color: var(--color-dark);
margin: 0 0 var(--space-4);
padding: 0;
}
.policy__approval-text:last-child {
margin-bottom: 0;
}
.policy__subtitle,
.policy__section-title {
font-family: var(--font-family-base);
font-size: clamp(20px, 16.84px + 0.79vw, 32px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
text-align: center;
margin: var(--space-40) 0 var(--space-20);
padding: 0;
}
.policy__subtitle:first-of-type,
.policy__section-title:first-of-type {
margin-top: 0;
}
.policy__subsection-title {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 900;
line-height: 1.3;
color: var(--color-dark);
letter-spacing: -0.01em;
margin: var(--space-32) 0 var(--space-16);
padding: 0;
}
.policy__text {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-16);
padding: 0;
text-align: justify;
}
.policy__text strong {
font-weight: 700;
}
.policy__list {
list-style: none;
padding: 0;
margin: 0 0 var(--space-20);
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.policy__list-item {
font-family: var(--font-family-base);
font-size: clamp(18px, 17.47px + 0.13vw, 20px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
padding: 0 0 0 var(--space-24);
position: relative;
margin: 0;
list-style: none;
text-align: justify;
}
.policy__list-item::before {
content: "";
position: absolute;
left: 0;
top: calc(var(--line-height-base) / 2 - 0px);
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--color-primary);
}
.policy__link {
color: var(--color-primary);
text-decoration: underline;
transition: opacity 0.2s ease;
}
.policy__link:hover {
opacity: 0.8;
}
@media (max-width: 1024px) {
.policy__title {
margin-bottom: var(--space-24);
}
.policy__header {
margin-bottom: var(--space-24);
}
.policy__approval {
margin-bottom: var(--space-32);
}
.policy__subtitle,
.policy__section-title {
margin: var(--space-32) 0 var(--space-16);
}
}
@media (max-width: 767px) {
.policy__text {
margin-bottom: var(--space-12);
}
.policy__list-item {
padding-left: var(--space-20);
}
.policy__subtitle,
.policy__section-title {
margin: var(--space-28) 0 var(--space-12);
}
}
@media (max-width: 480px) {
.policy__text {
line-height: var(--line-height-micro);
}
.policy__list-item {
line-height: var(--line-height-micro);
}
.policy__list-item::before {
top: calc(var(--line-height-micro) / 2 - 0px);
width: 4px;
height: 4px;
}
.policy__approval {
margin-bottom: var(--space-24);
padding-bottom: var(--space-16);
}
} .form-success {
background-color: var(--color-white);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 60vh;
padding: var(--space-40) var(--space-24);
}
.form-success__title {
font-family: var(--font-family-base);
font-size: clamp(28px, 21.68px + 1.58vw, 52px);
font-weight: 900;
line-height: 1.1;
color: var(--color-dark);
letter-spacing: -0.02em;
margin: 0 0 var(--space-20);
padding: 0;
}
.form-success__subtitle {
font-family: var(--font-family-base);
font-size: clamp(18px, 16.42px + 0.39vw, 24px);
font-weight: 500;
line-height: var(--line-height-base);
color: var(--color-dark);
margin: 0 0 var(--space-32);
padding: 0;
}
.form-success__back {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--space-12) var(--space-32);
font-family: var(--font-family-base);
font-size: clamp(16px, 15.47px + 0.13vw, 18px);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-primary);
text-decoration: none;
border: 1px solid var(--color-primary);
border-radius: var(--radius-small);
cursor: pointer;
transition: all 0.2s ease;
}
.form-success__back:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.form-success__back:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
@media (max-width: 767px) {
.form-success {
min-height: 40vh;
padding: var(--space-32) var(--space-16);
}
.form-success__back {
width: 100%;
}
}