/* Start:/local/templates/.default/ajax/ajax.css?1661406320449*/
iframe.waitwindowlocal {position:absolute; border:0px; z-index:9999;}
div.waitwindowlocal {position:absolute; width:25px; height: 25px; padding:0px; z-index:10000; background-color:#FCF7D1; border:1px solid #E1B52D; background-image:url(/local/templates/.default/ajax/images/wait.gif); background-position:center center; background-repeat:no-repeat;}
div.waitwindowlocalshadow {position:absolute; z-index:9998; background-image:url(/local/templates/.default/ajax/images/shadow.gif); border:1px solid #808080;}
/* End */
/* Start:/v8/css/b-about-section.css?1734069842938655*/
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.b-btn,
.fancybox-infobar,
.fancybox-thumbs>
ul>
li>
img {
-webkit-touch-callout: none
}
.page-clinics__form-select,
select {
-webkit-appearance: none;
-moz-appearance: none
}
.fancybox-container,
.fancybox-infobar,
.fancybox-thumbs,
.fancybox-thumbs>
ul>
li,
.nice-select,
.slick-slider {
-webkit-tap-highlight-color: transparent
}
.clearfix:after,
.slick-track:after {
clear: both
}
img,
legend {
border: 0
}
.order-first,
body [class$='_order-1'],
body [class*='_order-1 '] {
order: -1
}
.b-btn,
sub,
sup {
position: relative
}
.b-btn,
.nice-select {
text-decoration: none;
white-space: nowrap
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a.nice-select.open,
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
optgroup,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box
}
pre,
textarea {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
.b-row--pad0>
.b-col,
.b-row--pad0>
[class*=b-col-],
legend,
td,
th {
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
.b-row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.b-row--pad0 {
margin: 0
}
.b-row--pad5 {
margin: 0 -5px
}
.b-row--pad5>
.b-col,
.b-row--pad5>
[class*=b-col-] {
padding: 0 5px
}
.b-row--pad10 {
margin: 0 -10px
}
.b-row--pad10>
.b-col,
.b-row--pad10>
[class*=b-col-] {
padding: 0 10px
}
.b-row--pad20 {
margin: 0 -20px
}
.b-row--pad20>
.b-col,
.b-row--pad20>
[class*=b-col-] {
padding: 0 20px
}
.b-row--pad25 {
margin: 0 -25px
}
.b-row--pad25>
.b-col,
.b-row--pad25>
[class*=b-col-] {
padding: 0 25px
}
.b-row--pad30 {
margin: 0 -30px
}
.b-row--pad30>
.b-col,
.b-row--pad30>
[class*=b-col-] {
padding: 0 30px
}
.b-row--pad35 {
margin: 0 -35px
}
.b-row--pad35>
.b-col,
.b-row--pad35>
[class*=b-col-] {
padding: 0 35px
}
.b-row--pad40 {
margin: 0 -40px
}
.b-row--pad40>
.b-col,
.b-row--pad40>
[class*=b-col-] {
padding: 0 40px
}
.b-row--pad50 {
margin: 0 -50px
}
.b-row--pad50>
.b-col,
.b-row--pad50>
[class*=b-col-] {
padding: 0 50px
}
.b-row--nowrap {
flex-wrap: nowrap
}
.b-row--stretch {
align-content: stretch;
align-items: stretch
}
.b-row--between {
justify-content: space-between
}
.b-row--middle {
align-items: center
}
.b-doc-block__links,
.b-row--center {
justify-content: center
}
.b-row--top {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.b-btn-dotted,
.b-btn_icon.b-btn_block {
align-content: center;
flex-direction: row
}
.b-col,
.b-col-1,
.b-col-10,
.b-col-11,
.b-col-12,
.b-col-2,
.b-col-3,
.b-col-4,
.b-col-5,
.b-col-6,
.b-col-7,
.b-col-8,
.b-col-9,
.b-col-auto,
.b-col-lg,
.b-col-lg-1,
.b-col-lg-10,
.b-col-lg-11,
.b-col-lg-12,
.b-col-lg-2,
.b-col-lg-3,
.b-col-lg-4,
.b-col-lg-5,
.b-col-lg-6,
.b-col-lg-7,
.b-col-lg-8,
.b-col-lg-9,
.b-col-lg-auto,
.b-col-md,
.b-col-md-1,
.b-col-md-10,
.b-col-md-11,
.b-col-md-12,
.b-col-md-2,
.b-col-md-3,
.b-col-md-4,
.b-col-md-5,
.b-col-md-6,
.b-col-md-7,
.b-col-md-8,
.b-col-md-9,
.b-col-md-auto,
.b-col-sm,
.b-col-sm-1,
.b-col-sm-10,
.b-col-sm-11,
.b-col-sm-12,
.b-col-sm-2,
.b-col-sm-3,
.b-col-sm-4,
.b-col-sm-5,
.b-col-sm-6,
.b-col-sm-7,
.b-col-sm-8,
.b-col-sm-9,
.b-col-sm-auto,
.b-col-xl,
.b-col-xl-1,
.b-col-xl-10,
.b-col-xl-11,
.b-col-xl-12,
.b-col-xl-2,
.b-col-xl-3,
.b-col-xl-4,
.b-col-xl-5,
.b-col-xl-6,
.b-col-xl-7,
.b-col-xl-8,
.b-col-xl-9,
.b-col-xl-auto,
.b-col-xs,
.b-col-xs-1,
.b-col-xs-10,
.b-col-xs-11,
.b-col-xs-12,
.b-col-xs-2,
.b-col-xs-3,
.b-col-xs-4,
.b-col-xs-5,
.b-col-xs-6,
.b-col-xs-7,
.b-col-xs-8,
.b-col-xs-9,
.b-col-xs-auto,
.b-col-xxs,
.b-col-xxs-1,
.b-col-xxs-10,
.b-col-xxs-11,
.b-col-xxs-12,
.b-col-xxs-2,
.b-col-xxs-3,
.b-col-xxs-4,
.b-col-xxs-5,
.b-col-xxs-6,
.b-col-xxs-7,
.b-col-xxs-8,
.b-col-xxs-9,
.b-col-xxs-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.b-col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-last {
order: 13
}
.order-0,
body [class$='_order0'],
body [class*='_order0 '] {
order: 0
}
.order-1,
body [class$='_order1'],
body [class*='_order1 '] {
order: 1
}
.order-2,
body [class$='_order2'],
body [class*='_order2 '] {
order: 2
}
.order-3,
body [class$='_order3'],
body [class*='_order3 '] {
order: 3
}
.order-4,
body [class$='_order4'],
body [class*='_order4 '] {
order: 4
}
.order-5,
body [class$='_order5'],
body [class*='_order5 '] {
order: 5
}
.order-6 {
order: 6
}
.order-7 {
order: 7
}
.order-8 {
order: 8
}
.order-9 {
order: 9
}
.order-10 {
order: 10
}
.order-11 {
order: 11
}
.order-12 {
order: 12
}
.offset-1 {
margin-left: 8.33333%
}
.offset-2 {
margin-left: 16.66667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333%
}
.offset-5 {
margin-left: 41.66667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333%
}
.offset-8 {
margin-left: 66.66667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333%
}
.offset-11 {
margin-left: 91.66667%
}
@media (max-width:1600px) {
.b-col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-xl-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-xl-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-xl-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-xl-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
order: -1
}
.order-xl-last {
order: 13
}
.order-xl-0 {
order: 0
}
.order-xl-1 {
order: 1
}
.order-xl-2 {
order: 2
}
.order-xl-3 {
order: 3
}
.order-xl-4 {
order: 4
}
.order-xl-5 {
order: 5
}
.order-xl-6 {
order: 6
}
.order-xl-7 {
order: 7
}
.order-xl-8 {
order: 8
}
.order-xl-9 {
order: 9
}
.order-xl-10 {
order: 10
}
.order-xl-11 {
order: 11
}
.order-xl-12 {
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333%
}
.offset-xl-2 {
margin-left: 16.66667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333%
}
.offset-xl-5 {
margin-left: 41.66667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333%
}
.offset-xl-8 {
margin-left: 66.66667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333%
}
.offset-xl-11 {
margin-left: 91.66667%
}
}
@media (max-width:1400px) {
.b-col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-lg-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-lg-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-lg-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
order: -1
}
.order-lg-last {
order: 13
}
.order-lg-0 {
order: 0
}
.order-lg-1 {
order: 1
}
.order-lg-2 {
order: 2
}
.order-lg-3 {
order: 3
}
.order-lg-4 {
order: 4
}
.order-lg-5 {
order: 5
}
.order-lg-6 {
order: 6
}
.order-lg-7 {
order: 7
}
.order-lg-8 {
order: 8
}
.order-lg-9 {
order: 9
}
.order-lg-10 {
order: 10
}
.order-lg-11 {
order: 11
}
.order-lg-12 {
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333%
}
.offset-lg-2 {
margin-left: 16.66667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333%
}
.offset-lg-5 {
margin-left: 41.66667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333%
}
.offset-lg-8 {
margin-left: 66.66667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333%
}
.offset-lg-11 {
margin-left: 91.66667%
}
}
@media (max-width:1200px) {
.b-col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-md-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-md-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-md-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
order: -1
}
.order-md-last {
order: 13
}
.order-md-0 {
order: 0
}
.order-md-1 {
order: 1
}
.order-md-2 {
order: 2
}
.order-md-3 {
order: 3
}
.order-md-4 {
order: 4
}
.order-md-5 {
order: 5
}
.order-md-6 {
order: 6
}
.order-md-7 {
order: 7
}
.order-md-8 {
order: 8
}
.order-md-9 {
order: 9
}
.order-md-10 {
order: 10
}
.order-md-11 {
order: 11
}
.order-md-12 {
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333%
}
.offset-md-2 {
margin-left: 16.66667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333%
}
.offset-md-5 {
margin-left: 41.66667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333%
}
.offset-md-8 {
margin-left: 66.66667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333%
}
.offset-md-11 {
margin-left: 91.66667%
}
}
@media (max-width:992px) {
.b-col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-sm-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-sm-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-sm-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
order: -1
}
.order-sm-last {
order: 13
}
.order-sm-0 {
order: 0
}
.order-sm-1 {
order: 1
}
.order-sm-2 {
order: 2
}
.order-sm-3 {
order: 3
}
.order-sm-4 {
order: 4
}
.order-sm-5 {
order: 5
}
.order-sm-6 {
order: 6
}
.order-sm-7 {
order: 7
}
.order-sm-8 {
order: 8
}
.order-sm-9 {
order: 9
}
.order-sm-10 {
order: 10
}
.order-sm-11 {
order: 11
}
.order-sm-12 {
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333%
}
.offset-sm-2 {
margin-left: 16.66667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333%
}
.offset-sm-5 {
margin-left: 41.66667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333%
}
.offset-sm-8 {
margin-left: 66.66667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333%
}
.offset-sm-11 {
margin-left: 91.66667%
}
}
@media (max-width:640px) {
.b-col-xs {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-xs-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-xs-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-xs-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-xs-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-xs-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-xs-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-xs-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-xs-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-xs-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-xs-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-xs-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-xs-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-xs-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-xs-first {
order: -1
}
.order-xs-last {
order: 13
}
.order-xs-0 {
order: 0
}
.order-xs-1 {
order: 1
}
.order-xs-2 {
order: 2
}
.order-xs-3 {
order: 3
}
.order-xs-4 {
order: 4
}
.order-xs-5 {
order: 5
}
.order-xs-6 {
order: 6
}
.order-xs-7 {
order: 7
}
.order-xs-8 {
order: 8
}
.order-xs-9 {
order: 9
}
.order-xs-10 {
order: 10
}
.order-xs-11 {
order: 11
}
.order-xs-12 {
order: 12
}
.offset-xs-0 {
margin-left: 0
}
.offset-xs-1 {
margin-left: 8.33333%
}
.offset-xs-2 {
margin-left: 16.66667%
}
.offset-xs-3 {
margin-left: 25%
}
.offset-xs-4 {
margin-left: 33.33333%
}
.offset-xs-5 {
margin-left: 41.66667%
}
.offset-xs-6 {
margin-left: 50%
}
.offset-xs-7 {
margin-left: 58.33333%
}
.offset-xs-8 {
margin-left: 66.66667%
}
.offset-xs-9 {
margin-left: 75%
}
.offset-xs-10 {
margin-left: 83.33333%
}
.offset-xs-11 {
margin-left: 91.66667%
}
}
@media (max-width:480px) {
.b-col-xxs {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.b-col-xxs-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.b-col-xxs-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.b-col-xxs-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.b-col-xxs-3 {
flex: 0 0 25%;
max-width: 25%
}
.b-col-xxs-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.b-col-xxs-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.b-col-xxs-6 {
flex: 0 0 50%;
max-width: 50%
}
.b-col-xxs-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.b-col-xxs-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.b-col-xxs-9 {
flex: 0 0 75%;
max-width: 75%
}
.b-col-xxs-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.b-col-xxs-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.b-col-xxs-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-xxs-first {
order: -1
}
.order-xxs-last {
order: 13
}
.order-xxs-0 {
order: 0
}
.order-xxs-1 {
order: 1
}
.order-xxs-2 {
order: 2
}
.order-xxs-3 {
order: 3
}
.order-xxs-4 {
order: 4
}
.order-xxs-5 {
order: 5
}
.order-xxs-6 {
order: 6
}
.order-xxs-7 {
order: 7
}
.order-xxs-8 {
order: 8
}
.order-xxs-9 {
order: 9
}
.order-xxs-10 {
order: 10
}
.order-xxs-11 {
order: 11
}
.order-xxs-12 {
order: 12
}
.offset-xxs-0 {
margin-left: 0
}
.offset-xxs-1 {
margin-left: 8.33333%
}
.offset-xxs-2 {
margin-left: 16.66667%
}
.offset-xxs-3 {
margin-left: 25%
}
.offset-xxs-4 {
margin-left: 33.33333%
}
.offset-xxs-5 {
margin-left: 41.66667%
}
.offset-xxs-6 {
margin-left: 50%
}
.offset-xxs-7 {
margin-left: 58.33333%
}
.offset-xxs-8 {
margin-left: 66.66667%
}
.offset-xxs-9 {
margin-left: 75%
}
.offset-xxs-10 {
margin-left: 83.33333%
}
.offset-xxs-11 {
margin-left: 91.66667%
}
}
.b-btn:first-letter {
text-transform: uppercase;
}
.b-btn {
border-radius: 21px;
border: none;
background: 0 0;
padding: 11px 58px;
display: inline-block;
font-weight: 500;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0 !important;
z-index: 3;
color: #FFF;
letter-spacing: .1em;
font-size: 14px;
line-height: 20px;
transition: all .3s ease 0s
}
.b-btn__icon svg,
.b-btn__icon-left svg,
.b-btn__icon-right svg {
display: block
}
.fancybox-infobar,
.nice-select {
-moz-user-select: none;
-ms-user-select: none
}
.b-btn:after,
.b-btn:before {
content: '';
z-index: -1;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden
}
.b-btn:before {
border-radius: inherit;
transition: transform .3s, opacity .3s;
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
border: 1px solid #F56CA8;
opacity: 0;
transform: scale3d(1, 1, 1)
}
@media only screen and (min-width:992px) {
.b-btn:before {
transform: scale3d(1.2, 1.2, 1)
}
}
.b-btn:after {
border-radius: inherit;
transition: transform .3s, opacity .3s;
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
background: linear-gradient(100.39deg, #F56CA8, #F08BB7)
}
.b-btn.nice-select.open,
.b-btn:active,
.b-btn:focus,
.b-btn:hover {
color: #F56CA8
}
.b-btn.nice-select.open:after,
.b-btn:active:after,
.b-btn:focus:after,
.b-btn:hover:after {
opacity: 0;
transform: scale3d(.8, .8, 1)
}
.b-btn.nice-select.open:before,
.b-btn:active:before,
.b-btn:focus:before,
.b-btn:hover:before {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.b-btn__icon,
.b-btn__icon-left {
flex: 0 0 auto;
margin-right: 10px
}
.b-btn__icon-right {
margin-left: 10px;
flex: 0 0 auto
}
.b-btn_icon,
.b-btn_shared .b-btn__soc {
flex-direction: row;
align-content: center
}
.b-btn__icon-right.icon_arrow-right {
margin-left: 10px;
transform: translateY(-1px)
}
.b-btn_gray:after {
background: #DFDFDF
}
.b-btn_md {
padding-left: 30px;
padding-right: 30px
}
.b-btn_shared {
padding-left: 15px;
padding-right: 15px
}
.b-btn_shared.nice-select.open,
.b-btn_shared:active,
.b-btn_shared:focus,
.b-btn_shared:hover {
color: #FFF
}
.b-btn_shared.nice-select.open:after,
.b-btn_shared:active:after,
.b-btn_shared:focus:after,
.b-btn_shared:hover:after {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.b-btn_shared.nice-select.open:before,
.b-btn_shared:active:before,
.b-btn_shared:focus:before,
.b-btn_shared:hover:before {
opacity: 0
}
.b-btn_shared.active>
span {
display: none
}
.b-btn_shared.active .b-btn__soc {
display: flex
}
.b-btn_shared .b-btn__soc {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
display: none
}
.b-btn_shared .b-btn__soc svg {
fill: #FFF;
display: block
}
.b-btn_shared .b-btn__soc-close {
width: 15px;
height: 15px;
margin-right: 15px
}
.b-btn_shared .b-btn__soc-close svg {
width: 100%;
height: 100%
}
.b-btn_shared .b-btn__soc-item {
max-width: 26px;
max-height: 17px;
flex: 0 0 auto;
margin-right: 15px
}
.b-btn_shared .b-btn__soc-item:last-child {
margin-right: 0
}
@media (max-width:1200px) {
.b-btn_md {
padding-left: 20px;
padding-right: 20px
}
}
.b-btn_border {
color: #F56CA8
}
.b-btn_border:before {
border: 1px solid #F56CA8;
background: linear-gradient(100.39deg, #F56CA8, #F08BB7)
}
.b-btn_border:after {
border: 1px solid #F56CA8;
background: 0 0
}
.b-btn_border.nice-select.open,
.b-btn_border:active,
.b-btn_border:focus,
.b-btn_border:hover {
color: #FFF
}
.b-btn_block {
display: block;
padding-left: 20px;
padding-right: 20px;
width: 100%
}
.b-btn_icon {
flex-wrap: nowrap;
align-items: center;
display: inline-flex;
padding-left: 30px;
padding-right: 30px
}
.b-btn_icon.b-btn_block {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center
}
@media (max-width:640px) {
.b-btn {
padding-left: 20px;
padding-right: 20px
}
}
.b-btn-round {
display: block;
height: 57px;
width: 57px;
position: relative;
background: #FFCAE1;
border: 1px solid #FFF2F8;
box-shadow: 0 0 20px rgba(255, 94, 164, .3);
padding: 0;
border-radius: 100%;
color: #FFF;
cursor: pointer;
transition: all .3s ease 0s
}
.b-btn-round:hover {
background: #FDAACE;
border: 1px solid #FFD3E6;
box-shadow: 0 0 20px rgba(245, 108, 168, .7)
}
.b-btn-round_white,
.b-btn-round_white:hover {
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.b-btn-round svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
transform: translate(-50%, -50%);
fill: currentColor
}
.b-btn-round .icon_angle-down,
.b-btn-round .icon_angle-top {
width: 23px;
height: 12px
}
.b-btn-round_white {
border: 1px solid #FFF2F8;
color: #2E2E2E
}
.b-btn-round_white:hover {
color: #F56CA8;
border-color: #FFF2F8
}
.b-btn-round_transparent {
background: rgba(255, 255, 255, .3);
border: 0;
color: #F56CA8;
transition: all .35s ease;
box-shadow: none;
width: 100px;
height: 100px
}
.b-btn-round_transparent:hover {
background: #FFF;
box-shadow: none
}
@media (max-width:1400px) {
.b-btn-round_transparent {
width: 70px;
height: 70px
}
}
@media (max-width:1200px) {
.b-btn-round_transparent {
width: 50px;
height: 50px
}
}
.b-btn-dotted {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
color: #2E2E2E;
font: 500 16px/28px Roboto, Arial, sans-serif;
text-decoration: none;
transition: all .35s ease
}
.b-form__checkbox-label,
.b-form__control,
.b-form__error,
.b-form__icon {
transition: all .3s ease 0s
}
.b-btn-dotted:before {
content: "";
display: block;
width: 30px;
height: 30px;
border: 6px solid #f3f3f3;
border-radius: 50%;
background: #90CA87;
margin-right: 14px
}
.title-h1,
.title-h2,
.title-h3,
h1,
h2,
h3 {
margin: 0 0 10px;
color: #2E2E2E
}
.b-btn-dotted.nice-select.open:before,
.b-btn-dotted:active:before,
.b-btn-dotted:hover:before,
.b-btn-dotted_gray:before {
background: #DFDFDF
}
.b-btn-dotted_gray.nice-select.open:before,
.b-btn-dotted_gray:active:before,
.b-btn-dotted_gray:hover:before {
background: #90CA87
}
.title-h1,
h1 {
font: 48px/1.3 Roboto, Arial, sans-serif
}
@media (max-width:1200px) {
.title-h1,
h1 {
font: 40px/1.3 Roboto, Arial, sans-serif
}
}
@media (max-width:992px) {
.title-h1,
h1 {
font: 30px/1.3 Roboto, Arial, sans-serif
}
}
.title-h2,
h2 {
font: 500 40px/1.3 Roboto, Arial, sans-serif
}
@media (max-width:1200px) {
.title-h2,
h2 {
font: 500 30px/1.3 Roboto, Arial, sans-serif
}
}
@media (max-width:992px) {
.title-h2,
h2 {
font: 500 24px/1.3 Roboto, Arial, sans-serif
}
}
.title-h3,
h3 {
font: 500 34px/1.3 Roboto, Arial, sans-serif
}
.title-h4,
h4 {
font: 500 24px/1.6 Roboto, Arial, sans-serif;
color: #2E2E2E;
margin: 0 0 35px
}
@media (max-width:992px) {
.title-h4,
h4 {
font: 500 18px/1.6 Roboto, Arial, sans-serif;
margin-bottom: 30px
}
}
.title-h5,
h5 {
font: 500 18px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin: 0 0 40px
}
.b-form__group {
position: relative;
margin: 0 0 30px
}
.b-form__group.is-error .b-form__icon-wrap {
color: #E3267A !important
}
.b-form__group.is-error .b-form__control {
border-color: #E3267A !important;
color: #F56CA8 !important;
background: #FFECED
}
.b-form__group.is-error .b-form__control::-webkit-input-placeholder {
color: #F56CA8 !important
}
.b-form__group.is-error .b-form__control::-moz-placeholder {
color: #F56CA8 !important
}
.b-form__group.is-error .b-form__control:-moz-placeholder {
color: #F56CA8 !important
}
.b-form__group.is-error .b-form__control:-ms-input-placeholder {
color: #F56CA8 !important
}
.b-form__group.is-error .b-form__error {
opacity: 1;
visibility: visible;
position: static;
z-index: 1
}
.b-form__group.is-error .b-form__checkbox-label {
color: #F56CA8 !important
}
.b-form__group.is-error .b-form__checkbox-label .b-form__checkbox__icon {
border-color: #E3267A !important
}
.b-form__group.is-validate .b-form__icon-wrap {
color: #79BB6E !important
}
.b-form__group.is-validate .b-form__control {
border-color: #B1E4A8 !important;
color: #79BB6E !important;
background: #EEFEE0
}
.b-form__group.is-validate .b-form__control::-webkit-input-placeholder {
color: #79BB6E !important
}
.b-form__group.is-validate .b-form__control::-moz-placeholder {
color: #79BB6E !important
}
.b-form__group.is-validate .b-form__control:-moz-placeholder {
color: #79BB6E !important
}
.b-form__group.is-validate .b-form__control:-ms-input-placeholder {
color: #79BB6E !important
}
.b-form__icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
cursor: text
}
.b-form__checkbox,
.b-form__error {
z-index: -1000;
opacity: 0;
visibility: hidden
}
.b-form__icon-wrap svg {
width: 19px;
height: 19px;
-o-object-fit: contain;
object-fit: contain
}
.b-form .nice-select {
padding-left: 58px
}
.b-form__control {
position: relative;
width: 100%;
display: block;
font-size: 16px;
line-height: 20px;
border: 1px solid #9A9A9A;
color: #2E2E2E;
background: #FFF;
font-family: Roboto, Arial, sans-serif;
outline: 0 !important;
box-shadow: none !important;
padding: 10px 58px;
border-radius: 21px;
resize: none
}
.b-form__checkbox,
.b-form__error {
position: absolute
}
.fancybox-close-small:focus,
.fancybox-slide,
.mCustomScrollBox,
.nice-select,
input.nice-select-search:focus,
select:focus {
outline: 0
}
.b-form__control::-webkit-input-placeholder {
color: #9A9A9A
}
.b-form__control::-moz-placeholder {
color: #9A9A9A
}
.b-form__control:-moz-placeholder {
color: #9A9A9A
}
.b-form__control:-ms-input-placeholder {
color: #9A9A9A
}
.b-form__control_normal {
padding: 10px 25px
}
.b-form__control_sms {
padding: 0 20px;
text-align: center;
color: #2E2E2E;
font: 20px Roboto, Arial, sans-serif;
line-height: normal;
border-radius: 30px;
height: 60px
}
.b-form__control_sms:focus {
font-size: 30px
}
.b-form__control_sms::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 20px;
line-height: normal;
vertical-align: middle
}
.b-form__control_sms::-moz-placeholder {
color: #9A9A9A;
font-size: 20px;
line-height: normal;
vertical-align: middle
}
.b-form__control_sms:-moz-placeholder {
color: #9A9A9A;
font-size: 20px;
line-height: normal;
vertical-align: middle
}
.b-form__control_sms:-ms-input-placeholder {
color: #9A9A9A;
font-size: 20px;
line-height: normal;
vertical-align: middle
}
@media (max-width:640px) {
.b-form__control_sms {
height: 42px;
font: 16px Roboto, Arial, sans-serif
}
.b-form__control_sms:focus {
font-size: 16px
}
.b-form__control_sms::-webkit-input-placeholder {
font-size: 16px
}
.b-form__control_sms::-moz-placeholder {
font-size: 16px
}
.b-form__control_sms:-moz-placeholder {
font-size: 16px
}
.b-form__control_sms:-ms-input-placeholder {
font-size: 16px
}
}
@media only screen and (max-width:767px) {
.b-form__group {
margin-bottom: 25px
}
.b-form__control {
font-size: 14px
}
}
.b-form__error {
top: 100%;
left: 0;
font: 12px Roboto, Arial, sans-serif;
padding: 5px 0 0 13px
}
@media only screen and (max-width:767px) {
.b-form__error {
font-size: 12px;
padding-top: 3px
}
}
.nice-select,
select {
font: 16px/40px Roboto, Arial, sans-serif
}
.b-form__checkbox-label {
position: relative;
display: inline-block;
cursor: pointer;
vertical-align: top;
padding: 0 0 0 33px
}
.b-form__checkbox-label a {
color: inherit
}
.b-form__checkbox__icon {
position: absolute;
background: #FFF;
border: .5px solid #9A9A9A;
width: 18px;
height: 18px;
top: 0;
left: 0
}
.b-form__checkbox__icon:after,
.b-form__checkbox__icon:before {
position: absolute;
width: 0;
height: 2px;
background: #70B458;
content: ""
}
.b-form__checkbox__icon:before {
transform: translate(-3px, 3px) rotate(45deg);
transform-origin: left;
transition: all 150ms;
transition-delay: 150ms
}
.b-form__checkbox__icon:after {
transform: translate(3px, 10px) rotate(-50deg);
transform-origin: left;
transition: all 150ms;
transition-delay: 0s
}
.b-form input[type=checkbox].is-error~.b-form__checkbox-label {
color: #F56CA8 !important
}
.b-form input[type=checkbox].is-error~.b-form__checkbox-label .b-form__checkbox__icon {
border-color: #E3267A !important
}
.b-form input[type=checkbox]:checked~.b-form__checkbox-label .b-form__checkbox__icon:before {
width: 10px;
transition-delay: 0s
}
.b-form input[type=checkbox]:checked~.b-form__checkbox-label .b-form__checkbox__icon:after {
width: 20px;
transition-delay: 150ms
}
select {
width: 100%;
height: 42px;
padding: 0 45px 0 25px;
border: 1px solid #9A9A9A;
border-radius: 21px;
color: #9A9A9A;
background: url(/v8/css/../images/select-bg.svg) calc(100% - 15px) 50% no-repeat #FFF;
text-overflow: '';
appearance: none !important
}
select.select--min,
select.select--small {
padding: 0 25px 0 5px
}
select::-ms-expand {
display: none
}
select.select--small {
height: 30px
}
select.select--normal {
height: 40px
}
select.inblock {
width: auto
}
.nice-select {
background-color: #fff;
border-radius: 21px;
border: 1px solid #9A9A9A;
box-sizing: border-box;
clear: both;
color: #2E2E2E;
cursor: pointer;
display: block;
height: 42px;
line-height: 40px;
padding-left: 25px;
padding-right: 40px;
position: relative;
text-align: left !important;
transition: all .2s ease-in-out;
-webkit-user-select: none;
user-select: none;
width: auto
}
.fancybox-caption a,
.radiobox label a {
text-decoration: underline
}
.nice-select.noselect {
color: #9A9A9A
}
.nice-select__arrow {
display: block;
height: 7px;
width: 13px;
transform: translateY(-50%) rotate(0);
position: absolute;
right: 15px;
top: 50%;
z-index: 2;
fill: #9A9A9A;
transition: all .35s ease
}
.nice-select .current {
display: block;
max-width: 100%;
overflow: hidden
}
.nice-select.open {
background-color: #FFF;
color: #2E2E2E;
border-color: #9A9A9A;
border-radius: 21px 21px 0 0
}
.nice-select.open .current {
opacity: 1
}
.nice-select.open .nice-select__arrow {
transform: translateY(-50%) rotate(180deg)
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0)
}
.nice-select.disabled {
border-color: #9A9A9A;
background-color: #F5F6F7;
color: rgba(17, 17, 17, .54);
pointer-events: none
}
.nice-select.wide {
width: 100%
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important
}
.nice-select.right {
float: right
}
.nice-select.right .list {
left: auto;
right: 0
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px
}
.nice-select.small:after {
height: 4px;
width: 4px
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px
}
.nice-select .list {
background-color: #FFF;
border-radius: 0 0 21px 21px;
border: 1px solid #9A9A9A;
border-top-color: #FFF;
box-sizing: border-box;
margin-top: 0;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: -1px;
max-height: 248px;
overflow-y: auto;
overflow-x: visible;
min-width: calc(100% + 2px);
transform-origin: 50% 0;
transform: scale(.75) translateY(-21px);
transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
z-index: 9
}
.nice-select .option {
cursor: pointer;
white-space: normal;
font: 16px/25px Roboto, Arial, sans-serif;
list-style: none;
outline: 0;
padding: 10px 25px;
text-align: left;
transition: all .2s;
color: #2E2E2E
}
.nice-select .option.selected.disabled {
display: none !important
}
.nice-select .option.focus,
.nice-select .option.selected,
.nice-select .option.selected.focus,
.nice-select .option:hover {
background-color: #ECF2FE;
color: #2E2E2E
}
.nice-select .option.disabled {
color: #9A9A9A;
cursor: default
}
.nice-select_search .current {
opacity: 1
}
.nice-select_search.open .nice-select-search-box,
.nice-select_search.open input.nice-select-search {
display: block
}
.nice-select_auto {
width: auto;
display: inline-block
}
.nice-select_icon,
.nice-select_icon input.nice-select-search {
padding-left: 58px
}
.nice-select_time {
background: url(/v8/css/../images/clock.svg) 20px 50%/17px auto no-repeat #FFF;
padding-left: 55px
}
.nice-select_time .current {
display: block
}
.nice-select_time .option {
padding-left: 55px;
font-size: 14px
}
.nice-select_right-arrow.open .nice-select__arrow {
transform: translateY(-50%) rotate(0)
}
.nice-select_right-arrow .nice-select__arrow {
transform: translateY(-50%) rotate(-90deg)
}
.nice-select_fs-14 .option {
font-size: 14px
}
@media (max-width:640px) {
.nice-select,
.nice-select .current,
.nice-select .option {
font-size: 14px
}
}
.no-csspointerevents .nice-select .list {
display: none
}
.no-csspointerevents .nice-select.open .list {
display: block
}
.nice-select-search-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
display: none
}
input.nice-select-search {
width: 100%;
display: none;
height: 100%;
padding: 10px 34px;
font: 16px/20px Roboto, Arial, sans-serif;
color: #2E2E2E;
border: 0;
background: #fff;
border-radius: 21px 21px 0 0
}
input.nice-select-search::-webkit-input-placeholder {
opacity: 1;
color: #9A9A9A
}
input.nice-select-search::-moz-placeholder {
opacity: 1;
color: #9A9A9A
}
.radiobox {
display: block;
line-height: 20px
}
.radiobox label {
background: 0 0;
position: relative;
color: #2E2E2E;
padding-left: 25px;
display: inline-block;
cursor: pointer;
font: 16px/20px Roboto, Arial, sans-serif
}
.radiobox label:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
background: #DFDFDF;
border: 5px solid #F3F3F3;
border-radius: 50%
}
.radiobox input[type=checkbox],
.radiobox input[type=radio] {
display: none
}
.radiobox input[type=radio]:checked+label:before {
background: #90CA87
}
.radiobox_white label {
color: #FFF
}
.radiobox_gray label {
color: #9A9A9A
}
.radiobox_xs label {
font-size: 12px
}
.radiobox.error label:before {
border-color: #F56CA8
}
.checkbox-list .checkbox,
.checkbox-list .radiobox,
.radiobox-list .checkbox,
.radiobox-list .radiobox {
margin-bottom: 24px
}
.checkbox-list .checkbox:last-child,
.checkbox-list .radiobox:last-child,
.radiobox-list .checkbox:last-child,
.radiobox-list .radiobox:last-child {
margin-bottom: 0
}
.checkbox-list--lg .checkbox,
.checkbox-list--lg .radiobox,
.radiobox-list--lg .checkbox,
.radiobox-list--lg .radiobox {
margin-bottom: 34px
}
.checkbox-list--lg .checkbox:last-child,
.checkbox-list--lg .radiobox:last-child,
.radiobox-list--lg .checkbox:last-child,
.radiobox-list--lg .radiobox:last-child {
margin-bottom: 0
}
@media (max-width:640px) {
.checkbox-list--lg .checkbox,
.checkbox-list--lg .radiobox,
.radiobox-list--lg .checkbox,
.radiobox-list--lg .radiobox {
margin-bottom: 16px
}
.checkbox-list--lg .checkbox:last-child,
.checkbox-list--lg .radiobox:last-child,
.radiobox-list--lg .checkbox:last-child,
.radiobox-list--lg .radiobox:last-child {
margin-bottom: 0
}
}
.checkbox-inline,
.radiobox-inline {
margin-bottom: -10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.checkbox-inline .checkbox,
.checkbox-inline .radiobox,
.radiobox-inline .checkbox,
.radiobox-inline .radiobox {
margin-right: 34px;
margin-bottom: 10px
}
.checkbox-inline .checkbox:last-child,
.checkbox-inline .radiobox:last-child,
.radiobox-inline .checkbox:last-child,
.radiobox-inline .radiobox:last-child {
margin-right: 0
}
.checkbox-inline_center,
.radiobox-inline_center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.checkbox-inline_center .checkbox,
.checkbox-inline_center .radiobox,
.radiobox-inline_center .checkbox,
.radiobox-inline_center .radiobox {
margin: 0 15px 10px
}
.checkbox-inline_center .checkbox:last-child,
.checkbox-inline_center .radiobox:last-child,
.radiobox-inline_center .checkbox:last-child,
.radiobox-inline_center .radiobox:last-child {
margin-right: 15px
}
.checkbox-inline_xs .checkbox,
.checkbox-inline_xs .radiobox,
.radiobox-inline_xs .checkbox,
.radiobox-inline_xs .radiobox {
margin-right: 10px
}
@media (max-width:1400px) {
.checkbox-inline .checkbox,
.checkbox-inline .radiobox,
.radiobox-inline .checkbox,
.radiobox-inline .radiobox {
margin-right: 10px
}
.checkbox-inline .checkbox:last-child,
.checkbox-inline .radiobox:last-child,
.radiobox-inline .checkbox:last-child,
.radiobox-inline .radiobox:last-child {
margin-right: 0
}
.checkbox-inline_center,
.radiobox-inline_center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.checkbox-inline_center .checkbox,
.checkbox-inline_center .radiobox,
.radiobox-inline_center .checkbox,
.radiobox-inline_center .radiobox {
margin: 0 15px 10px
}
.checkbox-inline_center .checkbox:first-child,
.checkbox-inline_center .radiobox:first-child,
.radiobox-inline_center .checkbox:first-child,
.radiobox-inline_center .radiobox:first-child {
margin-left: 0
}
.checkbox-inline_center .checkbox:last-child,
.checkbox-inline_center .radiobox:last-child,
.radiobox-inline_center .checkbox:last-child,
.radiobox-inline_center .radiobox:last-child {
margin-right: 0
}
}
.mCustomScrollbar {
touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_inside>
.mCSB_container {
margin-right: 20px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>
.mCSB_inside>
.mCSB_container {
margin-right: 0;
margin-left: 20px
}
.mCS-dir-rtl>
.mCSB_inside>
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
width: 10px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>
.mCSB_inside>
.mCSB_scrollTools,
.mCS-dir-rtl>
.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>
.mCSB_outside+.mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 5px;
left: 0;
bottom: 5px;
right: 0;
height: auto;
border-radius: 6px;
background: #F6F6F6
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 21px;
position: absolute;
top: 0;
left: 1px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_horizontal.mCSB_inside>
.mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>
.mCSB_container {
min-height: 100%
}
.mCSB_horizontal>
.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>
.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
box-sizing: border-box
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>
.mCSB_container,
body [class$='_pr-0'],
body [class*='_pr-0 '] {
padding-right: 0
}
.mCSB_vertical_horizontal>
.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCS-dir-rtl>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>
.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl>
.mCSB_inside>
.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>
.mCSB_container {
padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCS-autoHide>
.mCustomScrollBox>
.mCSB_scrollTools,
.mCS-autoHide>
.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>
.mCustomScrollBox>
.mCSB_scrollTools,
.mCS-autoHide:hover>
.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>
.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>
.mCustomScrollBox>
.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>
.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #D6D6D6;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
background-image: url(/v8/css/mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown.nice-select.open,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft.nice-select.open,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight.nice-select.open,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp.nice-select.open,
.mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.b-headline>
* {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
font-style: inherit
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor
}
.icon_arrow-left,
.icon_arrow-right {
font-size: 2.4rem;
width: .5em
}
.icon_btn-arrow {
font-size: .6rem;
width: 2em
}
.icon_calendar {
font-size: 1.9rem;
width: 1.05263em
}
.icon_call {
font-size: 1.8rem;
width: 1em
}
.icon_checked {
font-size: 1.9rem;
width: 1.26316em
}
.icon_clock {
font-size: 1.7rem;
width: 1em
}
.icon_close {
font-size: 1.8rem;
width: 1em
}
.icon_direction {
font-size: 1.9rem;
width: .94737em
}
.icon_doctor {
font-size: 2.2rem;
width: .86364em
}
.icon_email {
font-size: 1.4rem;
width: 1.42857em
}
.icon_feedback {
font-size: 1.6rem;
width: 1.125em
}
.icon_icon-login {
font-size: 2rem;
width: .9em
}
.icon_icon-reload {
font-size: 5.2rem;
width: .98077em
}
.icon_icon-search {
font-size: 2rem;
width: 1em
}
.icon_icon-search-2 {
font-size: 1.7rem;
width: .94118em
}
.icon_lock {
font-size: 1.9rem;
width: .68421em
}
.icon_marker {
font-size: 2.2rem;
width: .72727em
}
.icon_marker-border {
font-size: 1.9rem;
width: .78947em
}
.icon_phone {
font-size: 1.7rem;
width: .76471em
}
.icon_select-bg {
font-size: .7rem;
width: 1.85714em
}
.icon_star {
font-size: 1.2rem;
width: 1.08333em
}
.icon_user {
font-size: 1.9rem;
width: .68421em
}
.fancybox-container,
.fancybox-slide {
width: 100%;
-webkit-backface-visibility: hidden
}
body.fancybox-active {
overflow: hidden
}
body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 1199992;
backface-visibility: hidden;
transform: translateZ(0);
font-family: Roboto, Arial, sans-serif
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.fancybox-bg {
background: rgba(0, 0, 0, .68);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: 1;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 1;
visibility: hidden;
transition: opacity .25s, visibility 0s linear .25s;
box-sizing: border-box
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s
}
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion
}
.fancybox-toolbar {
top: -30px;
right: -30px;
margin: 0;
padding: 0;
visibility: visible
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
@media (max-width:640px) {
.fancybox-bg {
background: #2e2e2e
}
.fancybox-toolbar {
top: 15px;
right: 15px;
position: fixed
}
}
.fancybox-stage {
position: relative;
direction: ltr;
z-index: 99994;
height: 100vh;
max-height: calc(100vh - 250px)
}
@media (max-width:640px) {
.fancybox-stage {
min-height: 350px;
max-height: 85vh;
height: auto;
-webkit-transform: none
}
}
.fancybox-is-closing .fancybox-stage {
overflow: visible
}
.fancybox-slide {
position: absolute;
top: auto;
bottom: 0;
left: 0;
height: 100%;
margin: 0;
padding: 0 !important;
overflow: auto;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
backface-visibility: hidden;
transition: all .3s ease 0s;
opacity: 0
}
.fancybox-slide--current {
opacity: 1
}
.fancybox-content {
transform: translate(0, 0) !important
}
.fancybox-content img {
display: block
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.fancybox-show-thumbs .fancybox-slide,
.fancybox-show-thumbs .fancybox-slide--current,
.fancybox-show-thumbs .fancybox-slide--next,
.fancybox-show-thumbs .fancybox-slide--previous {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
align-content: flex-end
}
.fancybox-slide--image::before,
.fancybox-slide>
base,
.fancybox-slide>
link,
.fancybox-slide>
meta,
.fancybox-slide>
script,
.fancybox-slide>
style,
.fancybox-slide>
title {
display: none
}
.fancybox-slide--image {
overflow: visible
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000;
margin: 0 auto;
width: 100%
}
.fancybox-slide .fancybox-image-wrap,
.fancybox-spaceball {
top: 0;
margin: 0;
padding: 0;
border: 0;
left: 0;
position: absolute
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #E5E3DF
}
.fancybox-slide--next {
z-index: 99995
}
.fancybox-slide .fancybox-image-wrap {
z-index: 99995;
background: no-repeat;
cursor: default;
overflow: visible;
transform-origin: top left;
background-size: 100% 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-property: transform, opacity
}
.fancybox-share__button,
.fancybox-spaceball,
.fancybox-thumbs>
ul>
li>
img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-spaceball {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
user-select: none;
z-index: 1
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff
}
.fancybox-error,
.fancybox-iframe {
width: 100%;
background: #fff;
margin: 0
}
.fancybox-iframe {
display: block;
padding: 0;
border: 0;
height: 100%
}
.fancybox-error {
padding: 40px;
max-width: 380px;
cursor: default
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px
}
.fancybox-button[disabled] {
opacity: 0
}
.fancybox-button {
color: #F56CA8;
border-color: #FFB0D2
}
.fancybox-button:hover {
border-color: #FFF;
color: #F56CA8;
box-shadow: 0 0 20px rgba(246, 108, 168, .3)
}
.fancybox-button--share svg path {
stroke-width: 1
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
display: none
}
.fancybox-button--zoom svg path {
fill: transparent
}
.fancybox-button--thumbs {
display: none !important
}
.fancybox-button--close {
width: 25px;
height: 25px;
background: 0 0;
border: 0;
padding: 0;
cursor: pointer
}
.fancybox-button--close svg {
fill: #FFF;
width: 25px;
height: 25px
}
@media (max-width:640px) {
.fancybox-button--close,
.fancybox-button--close svg {
width: 20px;
height: 20px
}
}
.fancybox-navigation {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 99995;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start
}
@media (max-width:992px) {
.fancybox-navigation {
display: none
}
}
.fancybox-navigation .fancybox-button--arrow_left {
left: -27px
}
.fancybox-navigation .fancybox-button--arrow_right {
right: -27px
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
z-index: 10;
cursor: pointer
}
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 22px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
transition: background-color .25s;
box-sizing: border-box;
z-index: 2
}
.b-gal-card__pict:after,
.b-history-info__lines-item:before,
.clearfix:after {
content: ''
}
.fancybox-close-small:focus:after {
outline: #888 dotted 1px
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
top: 0;
right: -40px
}
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
font-size: 35px;
color: #aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
color: #fff;
background: 0 0
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none
}
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0;
background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
pointer-events: none
}
.fancybox-caption {
padding: 20px 20px 0;
font-size: 16px;
color: #FFF;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
-webkit-text-size-adjust: none
}
.fancybox-caption .b-gal-card__event,
.fancybox-caption .b-gal-card__location {
color: #FFF;
margin: 0
}
.fancybox-caption p {
margin-bottom: 15px
}
.fancybox-caption p:last-child {
margin-bottom: 0
}
@media (max-width:640px) {
.fancybox-caption {
display: block;
text-align: center;
font-size: 14px;
line-height: 1.3
}
.fancybox-caption .b-gal-card__event,
.fancybox-caption .b-gal-card__location {
text-align: left
}
}
.align-center,
.fancybox-share {
text-align: center
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all;
position: relative
}
.fancybox-caption a {
color: #fff
}
.fancybox-slide>
.fancybox-loading {
border: 6px solid rgba(100, 100, 100, .4);
border-top: 6px solid rgba(255, 255, 255, .6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: 0 0;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999
}
@-webkit-keyframes fancybox-rotate {
from {
transform: rotate(0)
}
to {
transform: rotate(359deg)
}
}
@keyframes fancybox-rotate {
from {
transform: rotate(0)
}
to {
transform: rotate(359deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
transform: translate3d(100%, 0, 0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
transform: translate3d(0, 0, 0);
opacity: 1
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
transform: scale3d(.5, .5, .5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
transform: scale3d(1, 1, 1);
opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
transform: rotate(-360deg);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
transform: rotate(360deg);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
transform: rotate(0);
opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1)
}
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 35px;
font-weight: 700
}
.fancybox-share p {
margin: 0;
padding: 0
}
p.fancybox-share__links {
margin-right: -10px
}
.fancybox-share__button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 0 15px;
min-width: 130px;
border: 0;
border-radius: 3px;
background: #fff;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 40px;
user-select: none;
color: #fff;
transition: all .2s
}
.fancybox-thumbs>
ul>
li,
.fancybox-thumbs__list a,
.page__slider .slick-slide,
button,
input[type=submit] {
transition: all .3s ease 0s
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 0;
padding: 10px 15px;
background: 0 0;
color: #5d5b5b;
font-size: 14px;
outline: 0;
border: 0;
border-bottom: 2px solid #d7d7d7
}
.fancybox-thumbs {
display: none;
position: relative;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 199993
}
.fancybox-thumbs__list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
min-width: 100%
}
.fancybox-thumbs__list a {
display: block;
flex: 0 0 auto;
width: 165px;
height: 110px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover
}
.fancybox-thumbs__list a.fancybox-thumbs-active,
.fancybox-thumbs__list a:hover {
margin-top: -20px;
height: 130px
}
@media (max-width:640px) {
.fancybox-thumbs {
padding: 20px 0 0
}
.fancybox-thumbs__list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
width: 100% !important
}
.fancybox-thumbs__list a {
width: 5px;
height: 5px;
border-radius: 50%;
background: #9A9A9A !important;
margin: 0 5px
}
.fancybox-thumbs__list a.fancybox-thumbs-active,
.fancybox-thumbs__list a:hover {
margin-top: 0;
height: 5px;
background: #F56CA8 !important
}
}
.fancybox-thumbs-x {
padding-top: 18px;
margin-top: -20px;
overflow-y: hidden;
overflow-x: auto
}
.fancybox-thumbs-x::-webkit-scrollbar {
width: 0;
height: 0
}
.fancybox-thumbs-x::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 transparent;
background: 0 0
}
.fancybox-thumbs-x::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 0 transparent;
background: 0 0
}
@media (max-width:640px) {
.fancybox-thumbs-x {
padding: 20px 0 0;
margin: 0
}
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 50px 20px;
overflow-x: hidden;
overflow-y: auto;
height: 100vh
}
.slick-list,
body.overflow,
body.popup-show {
overflow: hidden
}
.fancybox-inner__body {
position: relative;
z-index: 99993;
max-width: 1170px;
width: 85vw;
margin: auto;
pointer-events: auto
}
.b-header__overflow,
.slick-slide.dragging img {
pointer-events: none
}
@media (max-width:640px) {
.fancybox-inner {
padding: 50px 0
}
.fancybox-inner__body {
width: 100vw
}
}
.fancybox-thumbs>
ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
font-size: 0;
white-space: nowrap
}
.fancybox-thumbs>
ul>
li {
margin: 0 10px;
position: relative;
height: 8px;
width: 8px;
flex: 0 0 8px;
border: 0;
background: #fff;
border-radius: 50%;
cursor: pointer;
outline: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box
}
@media (max-width:1600px) {
.fancybox-thumbs>
ul>
li {
height: 6px;
width: 6px;
flex: 0 0 6px
}
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, .1)
}
.fancybox-thumbs>
ul>
li>
img {
display: none !important;
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
user-select: none
}
.button,
.slick-slider {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none
}
.full-block-img,
body {
position: relative
}
.fancybox-thumbs>
ul>
li.fancybox-thumbs-active {
background: rgba(255, 255, 255, .5)
}
html {
height: 100%
}
body {
font-family: Roboto, Arial, sans-serif;
color: #2E2E2E;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
font-style: normal;
min-height: 100%;
background: #FFF
}
a,
a:hover {
color: inherit
}
p {
margin: 0 0 20px
}
img {
max-width: 100%
}
a {
text-decoration: underline
}
.b-header__links__item>
a,
.b-info-drop__change a,
.b-info-drop__current,
a:hover {
text-decoration: none
}
a.nice-select.open,
a:active,
a:focus {
outline: 0;
color: inherit
}
.slick-slider *,
a:focus,
a:hover,
button,
input {
outline: 0 !important
}
*,
:after,
:before {
box-sizing: border-box
}
.container {
max-width: 1210px;
margin: 0 auto;
padding: 0 20px
}
@media (max-width:640px) {
.container {
padding: 0 15px
}
}
.clearfix:after {
width: 100%
}
.full-block-img img,
.item-page img {
display: block;
width: 100%
}
.icon_btn-video {
fill: transparent
}
.icon_btn-video circle {
stroke: currentColor
}
.icon_btn-video path {
fill: currentColor
}
.full-block-img img {
position: absolute;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media (max-width:992px) {
.full-block-img img {
position: static
}
}
.item-page {
font: 18px/1.8 Roboto, Arial, sans-serif
}
.item-page ol,
.item-page p,
.item-page ul {
margin-bottom: 25px
}
.item-page ol:last-child,
.item-page p:last-child,
.item-page ul:last-child {
margin-bottom: 0
}
.item-page ul {
list-style: none;
margin-left: 0;
padding: 0
}
.item-page ul li {
margin-bottom: 20px;
position: relative;
padding-left: 17px
}
.item-page ul li:last-child {
margin-bottom: 0
}
.item-page ul li:before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 7px;
left: 0;
background: #F56CA8
}
.item-page ol {
list-style: decimal inside;
margin: 0;
padding: 0
}
.b-breadcrumb__ul,
.b-tabs__nav,
.slick-dots,
ul.bxslider {
list-style: none
}
.item-page ol li {
margin-bottom: 25px
}
.item-page ol li:last-child {
margin-bottom: 0
}
@media (max-width:1400px) {
.item-page {
font-size: 16px
}
}
.align-right {
text-align: right
}
.b-pagedesc {
line-height: 1.8
}
.text-content {
display: flex;
flex-wrap: wrap
}
.text-content_with-banner .text-content__left {
width: calc(100% - 300px);
padding-right: 70px
}
.text-content_with-banner .text-content__right {
width: 300px
}
.text-content_with-banner .text-content__right .b-doc-title {
text-align: left
}
@media only screen and (max-width:767px) {
.header_background {
z-index: 1000000
}
}
.b-doc-title {
font-weight: 500;
font-size: 24px;
color: #2E2E2E
}
@media (max-width:768px) {
.text-content_with-banner .text-content__left {
margin-bottom: 30px
}
.text-content_with-banner .text-content__left,
.text-content_with-banner .text-content__right {
width: 100%;
padding-right: 0
}
.b-doc-title {
font-size: 18px
}
}
.b-docs-list {
display: flex
}
@media (max-width:1000px) {
.b-docs-list {
margin: 0
}
}
.b-docs-list .slick-next,
.b-docs-list .slick-prev {
position: absolute;
top: calc(50% - 28px);
width: 57px;
min-width: 57px;
height: 57px;
margin: 0 auto;
font-size: 0;
z-index: 5;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.b-docs-list .slick-slide {
opacity: 0
}
.b-docs-list .slick-slide.slick-active,
.b-docs-list .slick-slide.slick-current {
opacity: 1
}
.b-docs-list .slick-next {
right: -25px;
background: url(/v8/css/../images/icon_circle-arrow.svg) center no-repeat #fff;
background-size: 23px;
border-radius: 100px;
border: 1px solid #FFF2F8;
transform: rotate(-90deg)
}
.b-docs-list .slick-prev {
left: -10px;
background: url(/v8/css/../images/icon_circle-arrow.svg) center no-repeat #fff;
background-size: 23px;
border-radius: 100px;
border: 1px solid #FFF2F8;
transform: rotate(90deg)
}
.b-popover,
.slick-list,
.slick-slider,
.slick-track {
position: relative
}
.b-popover__title,
.b-popover_bottom .b-popover__title {
font: 700 16px Roboto, Arial, sans-serif;
color: #F56CA8;
text-transform: uppercase
}
.b-docs-list .slick-list {
width: 100%
}
.b-docs-list .slick-track {
margin: 0
}
@media (max-width:1200px) {
.b-docs-list .slick-prev {
left: 10px
}
.b-docs-list .slick-next {
right: -5px
}
}
@media (max-width:640px) {
.b-docs-list .slick-prev {
left: -5px
}
}
.slick-slider {
display: block;
box-sizing: border-box;
-ms-user-select: none;
user-select: none;
touch-action: pan-y
}
.slick-list {
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
left: 0;
top: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: nowrap;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-slide {
flex: 0 0 auto;
min-height: 1px;
display: none
}
.slick-dots,
.slick-dots_white li {
flex-direction: row;
align-content: center
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto
}
.slick-dots {
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 100%
}
.slick-dots li {
height: 10px
}
.slick-dots li button {
width: 10px;
display: block;
height: 10px;
border: none;
background: #9A9A9A;
outline: 0;
border-radius: 50%;
margin: 0 10px;
padding: 0;
text-indent: -999px;
overflow: hidden
}
.slick-dots li.slick-active button {
background: #F56CA8
}
@media (max-width:640px) {
.slick-dots li {
height: 5px
}
.slick-dots li button {
width: 5px;
height: 5px;
margin: 0 5px
}
}
.slick-dots_white li {
height: 9px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.b-popover:after,
.b-popover__title:after {
display: block;
content: ""
}
.slick-dots_white li button {
width: 5px;
height: 5px;
background: rgba(255, 255, 255, .3)
}
.slick-dots_white li.slick-active button {
background: #FFF;
width: 9px;
height: 9px
}
.b-popover {
background: #FFF;
border: .25px solid #F56CA8;
border-radius: 10px;
width: 275px
}
.b-popover:after {
width: 2px;
height: 41px;
background: #FFF;
position: absolute;
left: -1px;
top: 48px
}
.b-popover p {
margin-bottom: 5px
}
.b-popover p:last-child {
margin-bottom: 0
}
.b-popover__close {
position: absolute;
top: 14px;
right: 14px;
width: 14px;
height: 14px;
background: url(/v8/css/../images/icon_close-grey.svg) 50% 50%/contain no-repeat;
z-index: 5
}
.b-popover__arrow {
position: absolute;
left: 5px;
top: 40px;
width: 40px;
height: 40px;
background: #FFF;
border-radius: 4px;
transform: rotate(-45deg) translate(-50%, -20%);
border: .5px solid #F56CA8;
z-index: -1
}
.b-popover__inner {
padding: 0
}
.b-popover__inner>
ymaps {
overflow: visible !important
}
.b-popover__title {
text-align: center;
padding: 30px 20px 18px;
margin-bottom: 20px;
position: relative
}
.b-popover__title:after {
width: 66px;
height: 1px;
background: #F56CA8;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -33px
}
.b-popover_bottom .b-popover__title:after,
.b-popover_bottom:after {
display: none
}
.b-popover__button {
margin-top: 25px;
padding: 0 13px 30px
}
.b-popover__body {
padding: 0 40px
}
.b-popover__body .b-contact-icon-block {
margin-bottom: 15px
}
.b-popover__body .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-popover__body .b-contact-icon-block__icon img,
.b-popover__body .b-contact-icon-block__icon svg {
width: 20px;
height: 20px;
-o-object-fit: contain;
object-fit: contain
}
.b-popover_bottom {
max-width: none;
width: 100%;
border: 0;
border-radius: 0;
padding: 40px 0 0
}
.b-popover_bottom p {
margin: 0
}
.b-popover_bottom .b-popover__head {
margin-bottom: 35px
}
.b-popover_bottom .b-popover__title {
padding: 0;
margin-bottom: 8px;
max-width: none;
text-align: left
}
.b-popover_bottom .b-popover__more {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
color: #9A9A9A;
font: 14px Roboto, Arial, sans-serif;
text-decoration: none
}
.b-popover_bottom .b-popover__more svg {
flex: 0 0 11px;
display: block;
fill: #9A9A9A;
margin-left: 10px;
height: 11px
}
.b-popover_bottom .b-popover__button {
margin-top: 0;
margin-bottom: 35px;
padding: 0;
max-width: none
}
.b-popover_bottom .b-popover__button .b-btn {
font-size: 14px;
font-weight: 500
}
.b-popover_bottom .b-popover__body {
max-width: none;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between
}
.b-popover_bottom .b-popover__body__left {
flex: 0 1 45%;
max-width: 45%
}
.b-popover_bottom .b-popover__body__right {
flex: 0 1 55%;
max-width: 55%
}
.b-popover_bottom .b-popover__body p {
margin: 0
}
.b-popover_bottom .b-popover__body .b-contact-icon-block {
margin-bottom: 10px
}
.b-popover_bottom .b-popover__body .b-contact-icon-block:last-child {
margin-bottom: 0
}
@media (max-width:640px) {
.b-popover {
max-width: none
}
.b-popover p {
margin: 0
}
.b-popover__title {
padding: 30px 25px 0;
margin-bottom: 25px;
max-width: none;
text-align: left;
font-size: 18px
}
.b-popover__title:after {
display: none
}
.b-popover__button {
margin-top: 25px;
padding: 0 10px 20px;
max-width: none
}
.b-popover__button .b-btn {
font-size: 14px;
font-weight: 500;
max-width: 260px;
margin: 0 auto
}
.b-popover__body {
max-width: none;
padding: 0 25px
}
.b-popover__body p {
margin: 0
}
.b-popover__body .b-contact-icon-block {
margin-bottom: 10px
}
.b-popover__body .b-contact-icon-block:last-child {
margin-bottom: 0
}
.ymaps-2-1-77-balloon__close {
margin-right: 10px
}
.ymaps-2-1-77-balloon__close+.ymaps-2-1-77-balloon__content {
margin-right: 0 !important;
padding: 0 !important
}
.ymaps-2-1-77-balloon__close+.ymaps-2-1-77-balloon__content>
ymaps {
height: auto !important
}
}
.b-header__container,
.b-header__links {
display: flex;
flex-direction: row;
align-content: center
}
.page__title {
margin-bottom: 40px
}
.page__title h1,
.page__title h2,
.page__title h3 {
margin-bottom: 0
}
.page__desc {
margin-bottom: 60px;
font: 18px/1.8 Roboto, Arial, sans-serif
}
.page__content_overflow {
overflow: hidden;
min-height: 100vh
}
.page__row:not(.slick-initialized) {
margin-bottom: -60px
}
.page__col,
.page__item {
margin-bottom: 60px
}
.page__group,
.page__slider {
margin-bottom: 60px;
position: relative;
overflow: hidden
}
.page__group.initialized,
.page__group.noinitialized,
.page__slider.initialized,
.page__slider.noinitialized {
overflow: visible
}
.page__group.noinitialized .slick-track,
.page__slider.noinitialized .slick-track {
width: 100% !important
}
.page__group.noinitialized .slick-slide,
.page__slider.noinitialized .slick-slide {
width: auto !important
}
.page__slider {
position: relative
}
.page__slider__next,
.page__slider__prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3
}
.page__slider__prev {
left: -20px
}
.page__slider__next {
right: -20px
}
.page__slider .slick-initialized .page__item {
margin-bottom: 0
}
.page__slider .slick-list {
overflow: visible;
max-width: 100%;
width: 100%
}
.page__slider .slick-dots {
margin-top: 40px
}
.page__slider .slick-slide {
opacity: .3
}
.page__slider .slick-slide.slick-active,
.page__slider .slick-slide.slick-current {
opacity: 1
}
@media (max-width:1200px) {
.page__slider__prev {
left: 0
}
.page__slider__next {
right: 0
}
}
@media (max-width:992px) {
.page__title {
margin-bottom: 20px
}
.page__desc {
font-size: 16px;
margin-bottom: 30px
}
.page__row:not(.slick-initialized) {
margin-bottom: -40px
}
.page__col,
.page__group,
.page__item,
.page__slider {
margin-bottom: 40px
}
}
@media (max-width:640px) {
.page__slider .slick-dots {
margin-top: 0;
position: absolute;
left: 0;
width: 100%;
transition: all .35s ease
}
.page__slider .b-license-card__img {
margin-bottom: 70px
}
.page__slider .b-article-block__img {
margin-bottom: 55px
}
.page__slider__prev {
left: 10px;
transition: all .35s ease
}
.page__slider__next {
right: 10px;
transition: all .35s ease
}
}
.b-header {
position: relative;
z-index: 10
}
.b-header__top {
background: #F6F6F6;
position: relative;
z-index: 12
}
.b-header__container {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
position: relative
}
.b-header__slogan {
color: #9A9A9A;
text-align: center;
flex: 1 1 auto;
text-transform: uppercase;
font: 16px/30px Roboto, Arial, sans-serif;
padding: 10px 0
}
.b-header__links__item>
a,
.b-header__links__sub .b-header__links__item {
font: 15px/1 Roboto, Arial, sans-serif
}
.b-header__body {
padding: 40px 0;
background: #FFF;
transition: all .7s ease;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.b-header__links {
flex-wrap: nowrap;
align-items: center;
align-self: stretch
}
.b-header__links__overflow {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100
}
.b-header__links__item,
.b-header__links__item>
a,
.b-header__links__item_login {
display: flex;
align-content: center;
position: relative
}
.b-header__links__item {
z-index: 1;
align-self: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0 30px;
margin: 0 -30px 0 0
}
.b-header__links__item:first-child {
margin-left: 0
}
.b-header__links__item_login {
align-self: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0 50px 0 14px;
margin: 0 -50px 0 -14px;
z-index: 4
}
.b-header__links__item>
a {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
color: #7B7B7B
}
.b-header__links__item svg {
width: 20px;
height: 20px;
display: block;
margin-right: 10px;
fill: #2E2E2E;
transition: all .35s ease
}
.b-header__links__item.active {
background: #FFF;
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}
.b-header__links__item.active>
a {
color: #F56CA8;
z-index: 1001
}
.b-header__links__item.active svg {
fill: #F56CA8
}
.b-header__links__item.active svg.b-header__links__arrow {
fill: #7B7B7B;
transform: rotate(-90deg)
}
.b-header__links__item.active .b-header__links__sub {
max-height: 1000px !important;
padding: 0 33px 29px 44px;
box-shadow: 0 30px 30px rgba(0, 0, 0, .15)
}
.b-header__links__item.active .b-header__links__overflow {
display: block
}
.b-header__links__sub {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0 33px 0 44px;
background: #FFF;
z-index: 1000;
max-height: 0;
overflow: hidden;
transition: all .35s ease
}
.b-header__mobile-block,
.b-header__overflow {
position: fixed;
top: 0;
transition: all .35s ease;
bottom: 0
}
.b-header__links__sub .b-header__links__item {
margin: 0 0 20px;
padding: 0;
display: block
}
.b-header__links__sub .b-header__links__item>
a {
color: #000;
display: block
}
.b-header__links__sub .b-header__links__item_gray>
a {
color: #9A9A9A
}
.b-header__links__sub .b-header__links__item:last-child {
margin-bottom: 0
}
.b-header__links__sub .b-header__links__item:hover {
background: 0 0;
box-shadow: none
}
.b-header__links__arrow {
width: 8px !important;
height: 16px !important;
transform: rotate(90deg);
margin-left: 12px
}
.b-header__search {
margin-left: 30px
}
.b-header__buttons {
margin-left: 35px
}
.b-header__buttons .b-btn {
padding-left: 20px;
padding-right: 20px
}
.b-header__logo {
flex: 0 0 20%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-header__logo img {
display: block
}
.b-header__menu {
flex: 0 0 40%
}
.b-header__group-right {
flex: 0 0 40%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
align-content: center
}
.b-header__icons {
display: none
}
.b-header__icons__item {
margin-left: 20px
}
.b-header__icons__item:first-child {
margin-left: 0
}
.b-header__icons__item svg {
width: 20px;
height: 20px;
display: block;
fill: #2E2E2E
}
.b-header__icons__item.nice-select.open svg,
.b-header__icons__item:active svg,
.b-header__icons__item:hover svg {
fill: #F56CA8
}
.b-info-drop_phones .b-info-drop__icon,
.b-info-drop_phones .b-info-drop__phone svg {
fill: #5C5C5C
}
.b-header__mob-left {
display: none;
flex: 0 0 40%
}
.b-header__mobile-block {
left: -120%;
width: 100%;
z-index: 9990;
display: none;
opacity: 0;
overflow: auto
}
.b-header__mobile-block.active {
left: 0;
opacity: 1
}
.b-header__overflow {
left: 0;
right: 0;
background: rgba(46, 46, 46, .6);
z-index: -1111;
visibility: hidden;
opacity: 0
}
.b-header__overflow.active {
display: block;
visibility: visible;
pointer-events: auto;
opacity: 1;
z-index: 4
}
.b-header.fixed .b-main-menu__item>
a {
padding-bottom: 26px;
margin-bottom: -26px
}
.b-header.fixed .b-main-menu__sub {
top: calc(100% + 15px)
}
.b-header.fixed .b-header__body {
position: fixed !important;
padding: 15px 0;
z-index: 500;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: header;
animation-name: header
}
.b-header.fixed .b-header__logo {
display: none
}
.b-header.fixed .b-header__icons {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-header.finish .b-header__body {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 10
}
.b-header.removefixed .b-header__body {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: reheader;
animation-name: reheader
}
@media (max-width:1200px) {
.b-header__logo img {
width: 120px
}
.b-header__slogan {
font-size: 14px
}
.b-header__search {
margin-left: 20px
}
.b-header__buttons {
margin-left: 25px
}
.b-header__links__item {
margin-left: 20px
}
.b-header__links__item:first-child {
margin-left: 0
}
.b-header__links__item a {
font: 14px Roboto, Arial, sans-serif
}
.b-header__mobile-block {
display: block
}
}
@media (max-width:992px) {
.b-header {
min-height: 65px !important
}
.b-header__group-right,
.b-header__menu,
.b-header__slogan,
.b-header__top {
display: none
}
.b-header__mob-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-header__mob-search {
display: block
}
.b-header__icons {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
align-content: center;
flex: 0 0 40%
}
.b-header__logo {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-header__logo img {
width: 92px
}
.b-header__burger {
margin-right: 30px
}
.b-header__body {
padding: 15px 0 12px;
position: absolute !important;
width: 100%;
z-index: 9999 !important;
box-shadow: none;
border-bottom: 1px #F56CA8 solid
}
.b-header.fixed .b-header__body {
-webkit-animation-name: none;
animation-name: none
}
.b-header.fixed .b-header__logo {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-header.removefixed .b-header__body {
-webkit-animation-name: none;
animation-name: none
}
}
@media (max-width:640px) {
.b-header__logo {
flex: 0 0 92px
}
.b-header__icons,
.b-header__mob-left {
flex: 1 1 auto
}
.b-header__icons__item {
margin-left: 15px
}
.b-header__icons__item:first-child {
margin-left: 0
}
.b-header__icons__item svg {
width: 16px;
height: 16px
}
}
@-webkit-keyframes header {
0% {
top: -100%
}
100% {
top: 0
}
}
@keyframes header {
0% {
top: -100%
}
100% {
top: 0
}
}
@-webkit-keyframes reheader {
0% {
position: fixed;
top: 0;
padding: 15px 0
}
95% {
position: fixed;
top: -100%;
padding: 40px 0
}
100% {
position: relative;
top: 0;
padding: 40px 0
}
}
@keyframes reheader {
0% {
position: fixed;
top: 0;
padding: 15px 0
}
95% {
position: fixed;
top: -100%;
padding: 40px 0
}
100% {
position: relative;
top: 0;
padding: 40px 0
}
}
.b-info-drop {
position: relative;
margin-left: -30px;
margin-right: -30px;
z-index: inherit
}
.b-info-drop__overflow {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100
}
.b-info-drop__current {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
display: inline-flex;
color: #2E2E2E;
font: 16px/20px Roboto, Arial, sans-serif;
padding: 10px 25px;
transition: all .35s ease
}
.b-info-drop__icon {
margin-right: 10px;
width: 20px;
height: 20px;
display: block;
color: #5C5C5C;
flex: 0 0 auto
}
.b-info-drop__arrow {
width: 15px;
height: 15px;
display: block;
color: #7B7B7B;
flex: 0 0 auto;
transform: rotate(90deg);
margin-left: 10px;
transition: all .35s ease
}
.b-info-drop__wrapper {
position: absolute;
top: 100%;
left: 0;
z-index: 101;
width: 100%;
max-height: 0;
padding: 0 25px;
overflow: hidden;
opacity: 0;
transition: all .35s ease;
background: #FFF
}
.b-info-drop__title {
color: #F56CA8;
margin-bottom: 15px;
font: 16px Roboto, Arial, sans-serif
}
.b-info-drop__title.noselect {
color: #9A9A9A
}
.b-info-drop__change {
color: #9A9A9A;
font: 14px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-info-drop__change.noselect {
color: #2E2E2E;
font-size: 16px
}
.b-info-drop__change a span {
text-decoration: underline
}
.b-info-drop__change a:hover,
.b-info-drop__change a:hover span {
text-decoration: none
}
.b-info-drop__adres {
margin-bottom: 20px;
color: #2E2E2E;
font: 14px Roboto, Arial, sans-serif
}
.b-info-drop_clinic .b-contact-icon-block_xs,
.b-info-drop_phones .b-contact-icon-block_xs {
font-size: 14px
}
.b-info-drop__item {
margin-bottom: 20px
}
.b-info-drop__item:last-child {
margin-bottom: 0
}
.b-info-drop_clinic .b-info-drop__current {
padding: 15px 25px
}
.b-info-drop_clinic .b-info-drop__adres,
.b-info-drop_clinic .b-info-drop__change,
.b-info-drop_clinic .b-info-drop__title {
padding-left: 30px
}
.b-info-drop_phones .b-info-drop__current {
padding: 15px 25px;
font-size: 18px;
font-weight: 500
}
.b-info-drop_phones .b-info-drop__phone {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px
}
.b-info-drop_phones .b-info-drop__phone .b-contact-icon-block__text {
font-size: 18px;
font-weight: 500
}
.b-info-drop.active {
background: #FFF;
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}
.b-info-drop.active .b-info-drop__overflow {
display: block
}
.b-info-drop.active .b-info-drop__arrow {
transform: rotate(-90deg)
}
.b-info-drop.active .b-info-drop__current {
z-index: 102;
background: #FFF;
position: relative
}
.b-info-drop.active .b-info-drop__wrapper {
max-height: 1000px;
padding: 5px 25px 30px;
opacity: 1;
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}
@media (max-width:1200px) {
.b-info-drop {
margin-left: -20px;
margin-right: -20px
}
.b-info-drop__current {
font: 14px/20px Roboto, Arial, sans-serif;
padding: 10px 15px
}
.b-info-drop__wrapper {
padding: 0 15px
}
.b-info-drop__title {
font: 14px Roboto, Arial, sans-serif
}
.b-info-drop__change.noselect {
font-size: 14px
}
.b-info-drop_clinic .b-info-drop__current {
padding: 15px
}
.b-info-drop_clinic .b-info-drop__adres,
.b-info-drop_clinic .b-info-drop__change,
.b-info-drop_clinic .b-info-drop__title {
padding-left: 20px
}
.b-info-drop_phones .b-info-drop__current {
padding: 15px;
font-size: 16px
}
.b-info-drop_phones .b-info-drop__phone,
.b-info-drop_phones .b-info-drop__phone .b-contact-icon-block__text {
font-size: 16px
}
.b-info-drop_mobile .b-info-drop__wrapper {
position: relative;
top: 0;
background: #F8F8F8
}
.b-info-drop_mobile .b-info-drop__current {
background: #F8F8F8;
font-size: 16px;
padding: 30px 15px
}
.b-info-drop_mobile .b-info-drop__current span {
padding-right: 40px
}
.b-info-drop.active .b-info-drop__wrapper {
padding: 5px 15px 20px
}
}
@media (max-width:992px) {
.b-info-drop.active {
box-shadow: none;
background: #F8F8F8
}
.b-info-drop.active .b-info-drop__current {
background: #F8F8F8
}
.b-info-drop.active .b-info-drop__wrapper {
box-shadow: none
}
.b-info-drop_clinic .b-info-drop__title {
font-size: 16px;
font-weight: 500
}
.b-info-drop_clinic .b-info-drop__title.noselect {
font-weight: 400
}
.b-info-drop_clinic .b-info-drop__change {
font-size: 14px
}
.b-info-drop_clinic .b-info-drop__change.noselect {
font-size: 16px
}
.b-info-drop_clinic .b-info-drop__adres {
font-size: 14px
}
}
.b-main-menu__sub,
.b-patient-story-block:before,
.b-service-block {
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}
.b-search-block {
position: relative
}
.b-search-block__link {
width: 50px;
height: 50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
background: #E1E1E1
}
.b-search-block__link svg {
width: 20px;
height: 20px;
fill: #2E2E2E;
display: block;
stroke: #E1E1E1;
stroke-width: .3
}
.b-search-block__wrapper {
max-width: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
z-index: 5;
background: #FFF;
min-height: 100%;
transition: all .7s ease
}
.b-search-block__wrapper__back {
display: none !important;
margin: 0 3px 0 20px;
width: 10px;
height: 18px;
stroke: #2E2E2E;
flex: 0 0 auto
}
.b-search-block__wrapper__icon {
margin: 0 20px 0 15px;
fill: #2E2E2E;
stroke: #FFF;
stroke-width: .3;
width: 20px;
height: 20px;
display: block;
flex: 0 0 auto
}
.b-search-block__wrapper.show-result {
border-radius: 0 0 21px 21px
}
.b-search-block__wrapper.show-result .b-search-block__result-search {
display: block
}
.b-search-block__input-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
min-height: 50px
}
.b-search-block__input {
width: 100%;
height: 100%;
border: 0;
background: 0 0;
padding: 10px 0;
font: 300 16px/30px Roboto, Arial, sans-serif;
color: #2E2E2E;
flex: 1 1 auto
}
.b-search-block__close {
margin: 0 20px
}
.b-search-block__close svg {
width: 14px;
height: 14px;
fill: #9A9A9A;
display: block
}
.b-search-block__result-search {
display: none;
padding: 20px 0 0;
border-radius: 0 0 21px 21px
}
.b-search-block__result-search .mCSB_inside>
.mCSB_container {
margin-right: 0
}
.b-search-block__result-search__scroll {
max-height: 490px;
overflow: hidden
}
.b-search-block__result-search__list {
padding: 0 30px
}
.b-search-block__result-search__list+.b-search-block__result-search__title {
margin-top: 20px
}
.b-search-block__result-search__title {
text-align: center;
font: 700 14px/33px Roboto, Arial, sans-serif;
text-transform: uppercase;
color: #548FB9;
border-bottom: .5px #C7E2F5 solid;
margin: 0 30px
}
.b-search-block__result-search__title_gray {
color: #9A9A9A;
text-transform: none
}
.b-search-block__result-search__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
border-bottom: .5px #eee solid;
padding: 10px 0;
position: relative
}
.b-search-block__result-search__item:last-child {
border-bottom: 0
}
.b-search-block__result-search__item:hover {
margin: 0 -30px;
padding: 10px 30px;
background: #eee
}
.b-search-block__result-search__button {
margin: 20px 0 0;
border-radius: 0 0 21px 21px
}
.b-search-block__result-search__button a {
border-radius: 0 0 20px 20px;
color: #FFF;
background-image: linear-gradient(180deg, #F56CA8 0, #F08BB7 100%);
text-transform: uppercase;
text-align: center;
display: block;
font: 500 14px/23px Roboto, Arial, sans-serif;
padding: 10px;
text-decoration: none
}
.b-search-block__search-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3
}
.b-search-block__name {
font: 14px/20px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-right: 10px;
flex: 1 1 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.b-search-block__prices {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
align-content: center;
flex: 1 1 30%
}
.b-search-block__price {
font: 500 16px/20px Roboto, Arial, sans-serif;
color: #F56CA8;
white-space: nowrap
}
.b-search-block__old-price {
font: 12px/20px Roboto, Arial, sans-serif;
color: #A0A0A0;
flex: 0 0 70px;
white-space: nowrap;
margin-right: 10px;
text-decoration: line-through
}
.b-search-block.active .b-search-block__wrapper {
max-width: 700px;
width: 700px;
opacity: 1;
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}
.b-search-block_only-icon {
position: static
}
.b-search-block_only-icon .b-search-block__link {
width: auto;
height: 20px;
background: 0 0
}
.b-search-block_normal .b-search-block__input-wrap {
border: 1px solid #9A9A9A;
background: #F8F8F8;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
min-height: 42px;
border-radius: 21px
}
.b-search-block_normal .b-search-block__input-wrap.show-result {
border-radius: 21px 21px 0 0
}
.b-search-block_normal .b-search-block__input-wrap.show-result+.b-search-block__result-search {
display: block
}
.b-search-block_normal .b-search-block__wrapper__icon {
fill: #2E2E2E;
stroke: none;
width: 16px;
height: 17px
}
.b-search-block_normal .b-search-block__result-search {
padding: 0 0 15px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 500;
background: #FFF;
border: 1px solid #9A9A9A;
border-top: 0;
border-radius: 0 0 21px 21px
}
.b-search-block_normal .b-search-block__result-search__item {
border-bottom: 0;
padding: 10px 20px
}
.b-search-block_normal .b-search-block__result-search__item:hover {
margin: 0;
padding: 10px 20px;
background: #ECF2FE
}
@media (max-width:992px) {
.b-search-block__wrapper {
min-height: 65px;
top: -15px
}
.b-search-block__input-wrap {
min-height: 65px
}
.b-search-block.active .b-search-block__wrapper {
max-width: 10000px;
width: 100%;
opacity: 1;
z-index: 9998
}
}
@media (max-width:640px) {
.b-search-block__result-search {
padding: 0;
border-radius: 0;
border-top: 1px #F56CA8 solid
}
.b-search-block__result-search__scroll {
max-height: calc(100vh - 150px)
}
.b-search-block__result-search__title {
font: 700 12px/33px Roboto, Arial, sans-serif;
margin: 0 20px
}
.b-search-block__result-search__list {
padding: 0 20px
}
.b-search-block__result-search__list+.b-search-block__result-search__title {
margin-top: 10px
}
.b-search-block__result-search__item {
padding: 5px 0;
min-height: 50px
}
.b-search-block__result-search__item:last-child {
border-bottom: 0
}
.b-search-block__result-search__item:hover {
margin: 0 -20px;
padding: 5px 20px
}
.b-search-block__result-search__button {
margin: 20px -20px 0
}
.b-search-block__result-search__button .b-btn {
border-radius: 0
}
.b-search-block__prices {
display: block;
text-align: right
}
.b-search-block__old-price {
margin-right: 0
}
.b-search-block__name {
max-height: 40px;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.b-search-block__wrapper__back {
display: block !important
}
.b-search-block__wrapper.show-result {
border-radius: 0 0 20px 20px
}
}
.b-main-menu,
.b-main-menu__item>
a {
display: flex;
flex-direction: row;
align-content: center
}
.b-main-menu {
flex-wrap: nowrap;
align-items: center
}
.b-main-menu__item {
color: #2E2E2E;
margin-right: 17px
}
.b-main-menu__item:last-child {
margin-right: 0
}
.b-main-menu__item>
a {
text-decoration: none;
font: 16px/25px Roboto, Arial, sans-serif;
padding-bottom: 62px;
margin-bottom: -62px;
flex-wrap: nowrap;
align-items: center;
position: relative
}
.b-main-menu__item>
a:after {
content: "";
display: block;
width: 0;
height: 2px;
background: #F56CA8;
position: absolute;
bottom: 0;
left: 0;
transition: all .35s ease
}
.b-main-menu__item.active>
a,
.b-main-menu__item.hover>
a,
.b-main-menu__item:hover>
a {
color: #000;
font-weight: 500
}
.b-main-menu__item_sale.active>
a,
.b-main-menu__item_sale.hover>
a,
.b-main-menu__item_sale:hover>
a,
.b-main-menu__item_sale>
a {
color: #F56CA8
}
.b-main-menu__item.hover>
a {
position: relative
}
.b-main-menu__item.hover>
a:after {
width: 100%
}
.b-main-menu__item.hover .b-main-menu__sub {
max-height: 1000px;
padding: 40px 25px 50px;
pointer-events: auto
}
.b-main-menu__sub,
.b-mobile-block {
pointer-events: none
}
.b-main-menu__item_sale>
a>
svg {
margin-right: 10px
}
.b-main-menu__sub {
max-height: 0;
overflow: hidden;
position: absolute;
top: calc(100% + 40px);
left: 15px;
right: 15px;
background: #FFF;
z-index: 100;
padding: 0 25px;
transition: all .35s ease
}
.b-main-menu__sub-title {
font: 700 15px Roboto, Arial, sans-serif;
coor: #2E2E2E;
text-transform: uppercase;
padding-bottom: 13px;
margin-bottom: 20px;
position: relative
}
.b-main-menu__sub-title:after {
content: "";
display: block;
width: 105px;
height: 1px;
background-color: #000;
position: absolute;
bottom: 0;
left: 0
}
.b-main-menu__sub-title_desc span {
display: block;
color: #9A9A9A;
font: 12px Roboto, Arial, sans-serif;
text-transform: none;
margin-top: 5px
}
.b-main-menu__sub-menu__item,
.b-main-menu__sub-sub__item {
font: 15px/20px Roboto, Arial, sans-serif
}
.b-expert-block__info,
.b-expert-block__name,
.b-mobile-block__slogan,
.b-product-block__lnk,
.ic__close a,
.ic__days td {
text-transform: uppercase
}
.b-main-menu__sub-title_more {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
text-decoration: none;
margin: 20px 0 0
}
.b-main-menu__sub-title_more:after {
width: 100%
}
.b-main-menu__sub-menu__item {
color: #2E2E2E
}
.b-main-menu__sub-menu__item>
a {
display: block;
text-decoration: none;
padding: 10px 15px;
margin: 0 -15px
}
.b-main-menu__sub-menu__item:hover>
a {
text-decoration: underline
}
.b-main-menu__sub-menu__item.active>
a {
background: #E1E1E1
}
.b-main-menu__sub-menu_marker .b-main-menu__sub-menu__item>
a {
padding: 5px 0;
margin: 0
}
.b-main-menu__sub-menu_marker .b-main-menu__sub-menu__item.active>
a {
padding-left: 30px;
background: url(/v8/css/../images/marker.svg) 0 50%/17px auto no-repeat;
color: #F56CA8
}
.b-main-menu__sub-sub {
padding-left: 15px
}
.b-main-menu__sub-sub__item {
color: #2E2E2E
}
.b-main-menu__sub-sub__item>
a {
display: block;
text-decoration: none;
padding: 10px 15px;
margin: 0 -15px
}
.b-main-menu__sub-sub__item:hover>
a {
text-decoration: underline
}
.b-main-menu__find-doctors__link,
.b-main-menu__sale-more a {
flex-direction: row;
text-decoration: none;
align-content: center
}
.b-main-menu__sub-sub__item.active>
a {
background: #E1E1E1
}
.b-main-menu__sub_sale .b-main-menu__sub-title {
font: 700 20px Roboto, Arial, sans-serif;
margin-bottom: 30px;
padding: 0
}
.b-main-menu__sub_sale .b-main-menu__sub-title:after {
display: none
}
.b-main-menu__row {
margin-left: -40px;
margin-right: -40px
}
.b-main-menu__col {
border-right: 1px #DCDCDC solid;
padding: 0 40px
}
.b-main-menu__col:last-child {
border-right: 0
}
.b-main-menu__subscribe {
margin-top: 20px;
max-width: 540px
}
.b-main-menu__sale-more {
font: 18px/22px Roboto, Arial, sans-serif;
color: #9A9A9A;
padding-bottom: 8px;
margin-bottom: 20px;
border-bottom: 1px #E0E0E0 solid;
text-align: right
}
.b-main-menu__sale-more a {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center
}
.b-main-menu__sale-more a svg {
fill: #9A9A9A;
width: 10px;
height: 10px;
display: block;
margin-left: 10px
}
.b-main-menu__sale-list {
margin-bottom: -25px
}
.b-main-menu__sale-item {
margin-bottom: 25px
}
.b-main-menu__map {
padding: 0 40px
}
.b-main-menu__map>
div {
width: 100%;
height: 100%
}
.b-main-menu__map .ymaps-2-1-77-balloon {
box-shadow: none !important;
padding: 0 !important
}
.b-main-menu__map .ymaps-2-1-77-balloon__close {
margin-right: 0;
position: absolute;
top: 0;
right: 0
}
.b-main-menu__map .ymaps-2-1-77-balloon__close+.ymaps-2-1-77-balloon__content {
margin-right: 0 !important;
padding: 0 !important
}
.b-main-menu__map .ymaps-2-1-77-balloon__close+.ymaps-2-1-77-balloon__content>
ymaps {
height: auto !important;
max-width: 100% !important;
overflow-x: hidden !important
}
.b-main-menu__map .ymaps-2-1-77-balloon-content__header {
margin: 0 !important
}
.b-main-menu__find-doctors {
padding: 60px 40px 0
}
.b-main-menu__find-doctors__input {
margin-bottom: 60px
}
.b-main-menu__find-doctors__icon {
width: 46px;
height: 46px;
display: block;
margin: 0 auto 25px
}
.b-main-menu__find-doctors__title {
text-align: center;
font: 500 16px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 10px
}
.b-main-menu__find-doctors__link {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font: 300 16px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-main-menu__find-doctors__link:hover {
text-decoration: underline
}
.b-burger,
.b-burger a,
.b-sale-block__title a,
.b-select-clinic__item a {
text-decoration: none
}
.b-main-menu__find-doctors__link svg {
margin-left: 10px;
width: 10px;
height: 10px;
display: block;
fill: #2E2E2E
}
@media (max-width:1200px) {
.b-main-menu__item {
margin-right: 15px
}
.b-main-menu__item>
a {
font: 14px/25px Roboto, Arial, sans-serif
}
.b-main-menu__row {
margin-left: -20px;
margin-right: -20px
}
.b-main-menu__col,
.b-main-menu__map {
padding: 0 20px
}
.b-main-menu__find-doctors {
padding: 40px 20px 0
}
.b-main-menu__find-doctors__input {
margin-bottom: 40px
}
.b-main-menu__find-doctors__title {
font: 500 14px Roboto, Arial, sans-serif
}
.b-main-menu__find-doctors__link {
font: 300 14px Roboto, Arial, sans-serif
}
}
.b-select-clinic {
border: 1px solid #9A9A9A;
border-radius: 20px;
position: relative;
transition: all .35s ease
}
.b-select-clinic__current {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
color: #2E2E2E;
font: 16px/22px Roboto, Arial, sans-serif;
background: #FFF;
padding: 10px 10px 10px 20px;
border-radius: 20px;
transition: all .35s ease;
cursor: pointer
}
.b-select-clinic__current__icon {
width: 20px;
height: 20px;
fill: #5C5C5C;
display: block;
margin-right: 15px;
flex: 0 0 20px;
max-width: 20px
}
.b-select-clinic__current span {
flex: 1 1 auto;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.b-select-clinic__current__arrow {
display: block;
width: 0;
height: 0;
border-top: 7px #9A9A9A solid;
border-left: 7px transparent solid;
border-right: 7px transparent solid;
transform: rotate(-90deg);
transition: all .35s ease
}
.b-select-clinic__list {
max-height: 0;
overflow: hidden;
position: absolute;
top: 100%;
left: -1px;
right: -1px;
z-index: 15;
border-radius: 0 0 20px 20px;
background: #FFF;
transition: all .35s ease
}
.b-burger,
.b-burger span,
.b-mobile-block__menu {
position: relative
}
.b-select-clinic__item {
color: #2E2E2E;
font: 16px/20px Roboto, Arial, sans-serif;
border-bottom: .5px #eee solid;
margin-left: 20px
}
.b-select-clinic__item:last-child {
border-bottom: 0
}
.b-select-clinic__item a {
padding: 15px 0;
display: block
}
.b-select-clinic__item_auto {
color: #F56CA8
}
.b-select-clinic__item_auto a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-select-clinic__item_auto a svg {
width: 16px;
height: 16px;
fill: #F56CA8;
margin-right: 15px;
display: block
}
.b-select-clinic__item:hover a {
background: #ECF2FE;
margin: 0 -20px;
padding: 15px 20px
}
.b-select-clinic_fs-14 .b-select-clinic__current,
.b-select-clinic_fs-14 .b-select-clinic__item {
font-size: 14px
}
.b-select-clinic_normal.focus .b-select-clinic__current__arrow {
transform: rotate(-180deg) !important
}
.b-select-clinic_normal .b-select-clinic__current {
padding-right: 16px
}
.b-select-clinic_normal .b-select-clinic__current__arrow {
transform: none
}
.b-select-clinic.noselect .b-select-clinic__current span {
color: #9A9A9A
}
.b-select-clinic.focus,
.b-select-clinic.focus .b-select-clinic__current {
border-radius: 20px 20px 0 0
}
.b-select-clinic.focus .b-select-clinic__current__arrow {
transform: rotate(0)
}
.b-select-clinic.focus .b-select-clinic__list {
height: 200px;
max-height: 200px;
overflow-y: auto;
border: 1px solid #9A9A9A;
border-top: 0
}
.b-sale-block {
color: #2E2E2E;
transition: all .35s ease
}
.b-sale-block__img {
margin-bottom: 15px
}
.b-sale-block__img img {
display: block;
width: 100%;
max-height: 200px
}
.b-sale-block__title {
font: 16px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 5px
}
.b-sale-block__date {
font: 300 16px/1.3 Roboto, Arial, sans-serif
}
.b-sale-block:hover {
color: #F56CA8
}
.b-sale-block_horisontal {
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.b-sale-block_horisontal .b-sale-block__img {
margin: 0 20px 0 0;
flex: 0 0 38%;
max-width: 38%
}
.b-sale-block_xs .b-sale-block__date,
.b-sale-block_xs .b-sale-block__title {
font-size: 14px
}
.b-sale-block_mobile .b-sale-block__img {
display: none
}
.b-subscribe-block__title {
color: #9A9A9A;
font: 16px/29px Roboto, Arial, sans-serif;
margin-bottom: 10px
}
.b-subscribe-block__form {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: nowrap
}
.b-subscribe-block__input {
flex: 1 1 auto;
margin: 0
}
.b-subscribe-block__btn {
margin-left: 10px;
flex: 0 0 auto
}
.b-subscribe-block__desc {
font: 10px Roboto, Arial, sans-serif;
color: #707070;
margin-top: 10px
}
.b-subscribe-block__desc a {
color: #9A9A9A
}
.b-burger {
cursor: pointer;
z-index: 9998;
transition: all .35s ease
}
.b-burger span {
display: block;
width: 20px;
height: 2px;
margin: 0 0 5px;
background: #2E2E2E;
transition: all .35s ease
}
.b-burger span:last-child {
margin-bottom: 0
}
.b-burger:hover span:after {
width: 100%
}
.b-burger--normal span {
background: #000
}
.b-burger.active {
display: block
}
.b-burger.active span:nth-of-type(2) {
opacity: 0
}
.b-burger.active span:first-child {
bottom: -7px;
transform: rotate(45deg)
}
.b-burger.active span:last-child {
top: -7px;
transform: rotate(-45deg)
}
.b-mobile-block__wrapper {
overflow: auto;
background: #FFF;
padding: 65px 20px 30px;
display: block;
width: 280px;
height: 100vh;
pointer-events: auto
}
.b-mobile-block__slogan {
text-align: center;
color: #9A9A9A;
font: 14px/22px Roboto, Arial, sans-serif;
padding: 30px 0
}
.b-mobile-block__select-clinic {
margin-bottom: 30px;
margin-top: -1px
}
.b-mobile-block__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 30px
}
.b-mobile-block__menu__search {
padding: 20px 0
}
.b-mobile-block__menu__search .b-form__group {
margin: 0
}
.b-mobile-block__menu__search svg.b-form__icon {
fill: #2E2E2E
}
.b-mobile-block__menu__search .b-form__control {
padding-right: 20px
}
.b-mobile-block__menu__item {
border-bottom: .5px #eee solid;
font: 16px/20px Roboto, Arial, sans-serif;
color: #2E2E2E;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
transition: all .35s ease
}
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item {
font-size: 14px
}
.b-mobile-block__menu__item:last-child {
border-bottom: 0
}
.b-mobile-block__menu__item>
a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
padding: 0;
height: 50px;
text-decoration: none;
transition: all .35s ease
}
.b-mobile-block__menu__item.active>
a {
font-weight: 500
}
.b-mobile-block__menu__item.hover {
background: #F0F1F6;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
border-color: #FFF
}
.b-mobile-block__menu__item.hover>
a {
text-decoration: underline;
font-weight: 500
}
.b-mobile-block__menu__item.hover>
.b-mobile-block__menu__arrow svg {
transform: rotate(90deg)
}
.b-mobile-block__menu__item.hover>
.b-mobile-block__menu {
max-height: 10000px;
transition: all .35s ease
}
.b-mobile-block__menu__item.hover>
.b-mobile-block__menu:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 20px;
right: 20px;
height: 1px;
background: #eee
}
.b-mobile-block__menu__item.hover>
.b-mobile-block__menu:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
height: 1px;
background: #eee
}
.b-mobile-block__menu__item.hover>
.b-mobile-block__menu_sale {
padding-top: 20px;
padding-bottom: 30px
}
.b-mobile-block__menu__item.parent>
a {
flex: 0 0 calc(100% - 50px)
}
.b-mobile-block__menu__item_sale>
a {
color: #F56CA8;
font-weight: 700
}
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item.active>
a,
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item.nice-select.open>
a,
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item:active>
a,
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item:hover>
a,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item.active>
a,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item.nice-select.open>
a,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item:active>
a,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item:hover>
a {
font-weight: 400
}
.b-mobile-block__menu__item_sale>
a>
svg {
margin-right: 10px
}
.b-mobile-block__menu__item_sale.active>
a,
.b-mobile-block__menu__item_sale.hover>
a {
text-decoration: underline
}
.b-mobile-block__menu__arrow {
width: 50px;
height: 50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center
}
.b-mobile-block__menu_sub,
.b-mobile-block__menu_sub-2 {
flex: 1 0 100%;
margin: 0 -20px;
overflow: hidden;
transition: all .35s ease;
max-height: 0
}
.b-mobile-block__menu__arrow svg {
fill: #000;
width: 12px;
height: 12px;
display: block;
transition: all .35s ease
}
.b-mobile-block__menu_sub {
background: #FFF;
padding: 0 20px
}
.b-mobile-block__menu_sub .b-mobile-block__menu__item>
a {
padding-left: 20px
}
.b-mobile-block__menu_sub .b-mobile-block__menu__item.hover {
background: #F6F6F6
}
.b-mobile-block__menu_sub-2 {
background: #FFF;
padding: 0 20px
}
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item>
a {
padding-left: 40px
}
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item.active,
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item.nice-select.open,
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item:active,
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item:hover {
color: #2E2E2E;
background: #EDE8F8;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px
}
.b-mobile-block__menu_sub-2 .b-mobile-block__menu__item.active {
background: #F6F6F6
}
.b-mobile-block__menu_sub-3 {
flex: 1 0 100%;
max-height: 0;
overflow: hidden;
transition: all .35s ease;
background: #FFF;
margin: 0 -20px;
padding: 0 20px
}
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item>
a {
padding-left: 60px
}
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item.active,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item.nice-select.open,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item:active,
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item:hover {
color: #2E2E2E;
background: #EDE8F8;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px
}
.b-mobile-block__menu_sub-3 .b-mobile-block__menu__item.active {
background: #F6F6F6
}
.b-mobile-block__sale-item {
margin-bottom: 20px
}
.b-mobile-block__sale-item:last-child {
margin-bottom: 0
}
.b-mobile-block_login,
.b-mobile-block_phones {
position: absolute;
top: -300%;
left: 0;
width: 100%;
background: #FFF;
z-index: 500;
padding-bottom: 30px;
opacity: 0;
pointer-events: none;
transition: all .35s ease
}
.b-mobile-block_login.active,
.b-mobile-block_phones.active {
pointer-events: auto;
top: 100%;
opacity: 1
}
.b-gal-card__pict:after,
.b-popup,
.b-tabs__body,
.ic__days .disabled,
.ic__month select {
pointer-events: none
}
.b-mobile-block_login .b-mobile-block__head,
.b-mobile-block_phones .b-mobile-block__head {
background-color: #F2F2F2;
border-top: 1px #F56CA8 solid;
border-bottom: 1px #C4C4C4 solid;
position: relative;
text-align: center;
font: 500 16px/42px Roboto, Arial, sans-serif;
color: #2E2E2E;
padding: 9px 0
}
.b-mobile-block_login .b-mobile-block__close,
.b-mobile-block_phones .b-mobile-block__close {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%)
}
.b-mobile-block_login .b-mobile-block__close svg,
.b-mobile-block_phones .b-mobile-block__close svg {
width: 20px;
height: 20px;
display: block;
fill: #2E2E2E
}
.b-mobile-block_login .b-mobile-block__phone,
.b-mobile-block_phones .b-mobile-block__phone {
border-bottom: 1px #C4C4C4 solid;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 10px;
font: 500 20px/40px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-mobile-block_login .b-mobile-block__phone a,
.b-mobile-block_phones .b-mobile-block__phone a {
text-decoration: none
}
.b-mobile-block_login .b-mobile-block__phone svg,
.b-mobile-block_phones .b-mobile-block__phone svg {
width: 14px;
height: 14px;
fill: #5C5C5C;
margin-right: 10px;
display: block
}
.b-mobile-block_login .b-mobile-block__whatsapp,
.b-mobile-block_phones .b-mobile-block__whatsapp {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 20px;
font: 14px/20px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-mobile-block_login .b-mobile-block__whatsapp svg,
.b-mobile-block_phones .b-mobile-block__whatsapp svg {
width: 20px;
height: 20px;
margin-right: 10px;
display: block
}
.b-mobile-block_login .b-mobile-block__whatsapp a,
.b-mobile-block_phones .b-mobile-block__whatsapp a {
text-decoration: underline
}
.b-mobile-block_login .b-mobile-block__whatsapp a:hover,
.b-mobile-block_phones .b-mobile-block__whatsapp a:hover,
.ic__close a {
text-decoration: none
}
.b-mobile-block_login .b-mobile-block__buttons,
.b-mobile-block_phones .b-mobile-block__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin: 0
}
.b-mobile-block_login {
padding: 0
}
.b-mobile-block_login .b-mobile-block__head {
color: #F56CA8
}
.b-mobile-block_login .b-mobile-block__menu__item,
.b-mobile-block_login .b-mobile-block__menu__item>
a {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
height: 62px
}
.b-mobile-block_login .b-mobile-block__menu__item>
a.color-gray {
color: #9A9A9A
}
.b-soc-list__label {
font: 16px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-soc-list__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin-bottom: -20px
}
.b-soc-list__item {
margin-right: 20px;
margin-bottom: 20px
}
.b-soc-list__item:last-child {
margin-right: 0
}
.b-soc-list__item img,
.b-soc-list__item svg {
display: block
}
.b-soc-list_center .b-soc-list__label {
text-align: center
}
.b-soc-list_center .b-soc-list__list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: -10px
}
.b-soc-list_center .b-soc-list__item {
margin: 0 5px 10px
}
.b-soc-list_center .b-soc-list__item:first-child {
margin-left: 0
}
.b-soc-list_center .b-soc-list__item:last-child {
margin-right: 0
}
.ic__container,
.ic__datepicker,
.ic__days,
.ic__days td,
.ic__header,
.ic__next,
.ic__prev,
.ic__week-head,
.ic__week-head td {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1;
cursor: default;
text-shadow: none !important
}
.ic__header,
.ic__header-2 {
position: relative;
margin: 0 -20px;
flex-direction: row;
align-content: center;
display: flex
}
.ic__container {
position: relative;
background: #fff
}
.ic__container table {
width: 100%;
border: 0;
border-collapse: collapse !important;
border-spacing: 0 !important
}
.ic__header {
background: #F08BB7;
height: 100px;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.ic__header-2 {
background: #FFF;
padding: 15px 30px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
.ic__next,
.ic__prev {
width: 45px;
height: 26px;
background-color: #FFF;
border-radius: 10px;
cursor: pointer;
transition: all .35s ease;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.ic__next svg,
.ic__prev svg {
fill: #F56CA8;
width: 16px;
height: 10px
}
.ic__next:hover,
.ic__prev:hover {
background-color: #FFEAF3
}
.ic__prev svg {
transform: rotate(180deg)
}
.ic__month {
flex: 1 1 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-popup.active,
.b-popup__steps {
flex-direction: row;
align-content: center
}
.ic__month select {
padding: 0;
background: 0 0;
border: 0;
color: #2E2E2E;
text-align: center;
display: inline-block;
width: auto;
-moz-text-align-last: center;
text-align-last: center
}
.ic__days td,
.ic__week-head td {
width: 14%;
vertical-align: top;
border: 0;
text-align: center
}
.details-table__col,
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
.ic__year {
margin: 0;
max-width: 125px !important
}
.ic__year select {
padding-left: 50px;
padding-right: 30px;
background: url(/v8/css/../images/calendar.svg) 15px 50%/18px auto no-repeat #FFF
}
.ic__header select:focus {
outline: 0
}
.ic__week-head td {
padding: 0 0 5px;
color: #F56CA8;
font-size: 16px;
line-height: 1.333
}
.ic__days {
margin-top: -1px
}
.ic__days td {
padding: 0;
color: #000;
font: 300 14px/38px Roboto, Arial, sans-serif
}
.ic__days td span {
display: block;
text-align: center;
width: 36px;
height: 36px;
border-radius: 36px;
transition: all .35s ease
}
.ic__days .ic__day {
cursor: pointer
}
.ic__days .ic__day:hover span {
background: #F08BB7;
color: #FFF
}
.ic__days .ic__day_state_current span,
.ic__days .ic__day_state_selected span {
background: #F56CA8;
color: #FFF
}
.ic__days .disabled span {
pointer-events: none;
background: 0 0;
color: #9A9A9A
}
.ic__close {
text-align: center
}
.ic__close a {
color: #9A9A9A;
font: 14px/20px Roboto, Arial, sans-serif;
padding: 20px;
display: inline-block
}
.ic__datepicker {
position: absolute;
top: -9999px;
left: -9999px;
width: 310px;
padding: 0 20px 20px;
border-radius: 0;
background: #FFF;
z-index: 9999;
box-shadow: 0 4px 30px rgba(0, 0, 0, .1)
}
.ic__datepicker.active {
top: 0;
left: calc(100% + 10px)
}
.ic__datepicker_right-min {
top: calc(100% + 10px);
left: auto;
right: 0
}
.ic__datepicker_right-min .ic__header {
display: none
}
@media (max-width:640px) {
.ic__datepicker.active {
position: fixed;
top: 65px;
left: 0;
width: auto;
right: 0;
bottom: 0
}
}
.b-popup,
.b-popup__overflow {
position: fixed;
top: 0;
height: 100%;
display: block
}
.b-popup {
left: -10000px;
width: 100%;
z-index: 9999;
visibility: hidden;
opacity: 0;
padding: 70px 30px;
overflow-y: auto;
transition: opacity .4s ease
}
.b-popup__overflow {
left: 0;
width: 100%;
z-index: -1;
background: rgba(0, 0, 0, .68)
}
.b-popup__wrapper {
position: relative;
width: 100%;
padding: 80px 100px;
max-width: 715px;
margin: auto;
z-index: 1;
background: #EFE7F1;
border-radius: 10px
}
.b-popup__close {
width: 25px;
height: 25px;
cursor: pointer;
position: absolute;
top: -30px;
right: -30px;
margin: 0;
padding: 0;
visibility: visible
}
.b-popup__close svg {
fill: #FFF;
width: 100%;
height: 100%
}
.b-popup__close-text {
position: absolute;
bottom: 50px;
right: 25px;
font: 12px Roboto, Arial, sans-serif;
text-decoration: underline;
cursor: pointer
}
.b-popup__title {
color: #F56CA8;
text-align: center;
margin-bottom: 25px;
font: 500 40px Roboto, Arial, sans-serif
}
.b-popup__map-zoom {
position: absolute;
bottom: -24px;
right: 20px;
width: 49px;
height: 49px;
border: 1px solid #F56CA8;
border-radius: 50%;
background: #F56CA8;
display: none;
transition: all .35s ease
}
.b-popup__map-zoom svg {
display: block;
width: 24px;
height: 24px;
fill: #FFF
}
.b-popup__map-zoom.active {
bottom: 20px;
z-index: 9501;
position: fixed;
border: 1px solid #C59AAD;
background: #FFF
}
.b-popup_recording .b-popup__form .b-form__group.is-error .b-form__error,
.b-popup_recording-steps .b-popup__form .b-form__group.is-error .b-form__error {
position: absolute
}
.b-popup__map-zoom.active svg {
fill: #F56CA8
}
.b-popup_normal .b-popup__close svg,
.b-popup_question .b-popup__close svg,
.b-popup_recording-register .b-popup__close svg,
.b-popup_recording-schedule .b-popup__close svg,
.b-popup_recording-steps .b-popup__close svg,
.b-popup_select-clinic .b-popup__close svg {
fill: #2E2E2E
}
.b-popup__steps {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-bottom: 34px
}
.b-popup__steps-item {
display: block;
width: 32px;
height: 2px;
border-radius: 21px;
background: #E6E6E6;
margin: 0 1px
}
.b-popup__steps-item.active {
background: #F56CA8
}
.b-popup.active {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
opacity: 1;
visibility: visible;
left: 0;
pointer-events: auto
}
.b-popup_ask-question .b-popup__wrapper {
max-width: 1170px
}
.b-popup_question .b-popup__close {
width: 23px;
height: 23px;
top: 15px;
right: 15px
}
.b-popup_question .b-popup__wrapper {
background: #FFF;
max-width: 560px;
padding: 60px
}
.b-popup_question .b-popup__title {
text-align: center;
color: #2E2E2E;
font: 500 24px/40px Roboto, Arial, sans-serif;
margin: 0
}
.b-popup_question .b-popup__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin-top: 40px
}
.b-popup_question .b-popup__buttons .b-btn-dotted {
margin: 0 20px
}
.b-popup_popup-success .b-popup__icon {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 60px
}
.b-popup_popup-success .b-popup__icon img {
display: block;
margin: 0 auto
}
.b-popup_popup-success .b-popup__close {
display: none
}
.b-popup_popup-success .b-popup__title {
text-align: center;
color: #4D4D4D;
font: 700 24px/1.5 Roboto, Arial, sans-serif;
margin: 0
}
.b-popup_popup-success .b-popup__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin-top: 60px
}
.b-popup_popup-success .b-popup__buttons .b-btn {
margin: 0 10px
}
.b-popup_popup-success-2 .b-popup__wrap {
padding-top: 110px;
padding-bottom: 100px
}
.b-popup_popup-success-2 .b-popup__icon {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 30px
}
.b-popup_popup-success-2 .b-popup__icon img {
display: block;
margin: 0 auto
}
.b-popup_popup-success-2 .b-popup__title {
text-align: center;
color: #2E2E2E;
font: 700 40px/1 Roboto, Arial, sans-serif;
margin: 0 0 40px
}
.b-popup_popup-success-2 .b-popup__text {
text-align: center;
color: #2E2E2E;
font: 500 24px/1 Roboto, Arial, sans-serif;
margin: 0 0 40px
}
.b-popup_popup-success-2 .b-popup__text-2 {
text-align: center;
color: #2E2E2E;
font: 18px/28px Roboto, Arial, sans-serif;
margin: 0
}
.b-popup_popup-success-2 .b-popup__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin: 0
}
.b-popup_popup-success-2 .b-popup__buttons .b-btn {
margin: 0 10px;
font-size: 14px
}
.b-popup_contacts .b-popup__desc {
text-align: center;
margin-bottom: 50px;
font: 24px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__wrapper {
max-width: 1170px;
background: #FFF;
padding: 50px 70px 100px
}
.b-popup_contacts .b-popup__title {
margin-bottom: 30px;
color: #2E2E2E
}
.b-popup_contacts .b-popup__params .b-contact-icon-block {
margin-bottom: 30px
}
.b-popup_contacts .b-popup__params .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-popup_contacts .b-popup__params .b-contact-icon-block .b-contact-icon-block__text {
font: 20px/30px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__params .b-contact-icon-block_phone .b-contact-icon-block__text {
font: 500 20px/25px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__params .b-contact-icon-block_time .b-contact-icon-block__text {
font: 20px/25px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__params .b-contact-icon-block_time .b-contact-icon-block__text span {
margin-right: 10px
}
.b-popup_contacts .b-popup__buttons {
margin-top: 35px;
max-width: 280px
}
.b-popup_contacts .b-popup__buttons .b-btn {
margin-bottom: 20px;
width: 100%
}
.b-popup_contacts .b-popup__buttons .b-btn:last-child {
margin-bottom: 0
}
.b-popup_contacts .b-popup__info {
margin-top: 50px;
font-size: 18px
}
.b-popup_normal .b-popup__title,
.b-popup_select-clinic .b-popup__title {
font: 700 40px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-popup_contacts .b-popup__info__title {
text-align: center;
margin-bottom: 25px
}
.b-popup_contacts .b-popup__map {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-start
}
.b-popup_contacts .b-popup__map-block {
max-width: 600px;
width: 100%;
height: 100%
}
.b-popup_normal .b-popup__close,
.b-popup_recording-register .b-popup__close,
.b-popup_recording-schedule .b-popup__close,
.b-popup_recording-steps .b-popup__close,
.b-popup_select-clinic .b-popup__close {
width: 23px;
height: 23px;
top: 15px;
right: 15px
}
.b-popup_select-clinic .b-popup__wrapper {
padding: 200px 100px;
max-width: 630px;
background: #FFF
}
.b-popup_select-clinic .b-popup__title {
margin-bottom: 40px
}
.b-popup_select-clinic .b-popup__select {
max-width: 300px;
margin: 0 auto 30px
}
.b-popup_select-clinic .b-popup__buttons {
max-width: 300px;
margin: 0 auto
}
.b-popup_normal .b-popup__wrapper {
padding: 70px 100px;
max-width: 630px;
background: #FFF
}
.b-popup_normal .b-popup__title {
margin-bottom: 40px
}
.b-popup_call .b-popup__form {
max-width: 300px;
margin: 0 auto
}
.b-popup_call .b-popup__buttons {
max-width: 300px;
margin: 0 auto;
text-align: center
}
.b-popup_call .b-popup__buttons p {
font-size: 12px;
margin-bottom: 15px
}
.b-popup_call .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_call .b-popup__times {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin: 0 -4px
}
.b-popup_call .b-popup__times__title {
flex: 0 0 100%;
text-align: center;
margin-bottom: 15px;
font: 500 12px Roboto, Arial, sans-serif
}
.b-popup_call .b-popup__times .b-popup__input {
flex: 0 0 50%;
max-width: 50%;
padding: 0 4px
}
.b-popup_call .b-popup__times .b-form__control {
padding-left: 40px;
padding-right: 20px;
text-align: center
}
.b-popup_recording .b-popup__wrapper {
max-width: 840px
}
.b-popup_recording .b-popup__title {
font-weight: 500;
line-height: normal;
margin-bottom: 40px
}
.b-popup_recording .b-popup__form {
max-width: none;
margin: 0 auto
}
.b-popup_recording .b-popup__form .b-form__group {
margin-bottom: 25px
}
.b-popup_recording .b-popup__buttons {
max-width: none;
margin: 0 auto;
text-align: center
}
.b-popup_recording .b-popup__buttons p {
font-size: 12px;
margin-bottom: 15px
}
.b-popup_recording .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_recording .b-popup__police {
max-width: 270px;
margin: 10px auto 20px
}
.b-popup_recording-steps .b-popup__wrapper {
max-width: 554px;
background: #FFF;
padding: 24px 60px 60px
}
.b-popup_recording-steps .b-popup__title {
font: 700 30px/1 Roboto, Arial, sans-serif;
margin-bottom: 30px;
color: #2E2E2E
}
.b-popup_recording-steps .b-popup__desc {
text-align: center;
margin-bottom: 30px
}
.b-popup_recording-steps .b-popup__form {
max-width: 300px;
margin: 0 auto
}
.b-popup_recording-steps .b-popup__form .b-form__group {
margin-bottom: 25px
}
.b-popup_recording-steps .b-popup__form_step2 {
max-width: 352px
}
.b-popup_recording-steps .b-popup__form_step4 {
max-width: none
}
.b-popup_recording-steps .b-popup__radioboxs {
max-width: 335px;
margin: 0 auto 30px
}
.b-popup_recording-steps .b-popup__radioboxs .radiobox label {
font-weight: 500
}
.b-popup_recording-steps .b-popup__buttons {
max-width: none;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-popup_recording-steps .b-popup__buttons p {
font-size: 12px;
margin-bottom: 15px
}
.b-popup_recording-steps .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_recording-steps .b-popup__buttons .b-btn {
min-width: 200px;
margin: 0 15px
}
.b-popup_recording-steps .b-popup__buttons .b-btn:first-child {
margin-left: 0
}
.b-popup_recording-steps .b-popup__buttons .b-btn:last-child {
margin-right: 0
}
.b-popup_recording-steps .b-popup__police {
max-width: 270px;
margin: 10px auto 20px
}
.b-popup_recording-steps .b-popup__sms-link,
.b-popup_recording-steps .b-popup__timer {
font: 16px Roboto, Arial, sans-serif;
text-align: center;
text-decoration: underline;
margin-bottom: 30px
}
.b-popup_recording-steps .b-popup__timer {
color: #2E2E2E
}
.b-popup_recording-steps .b-popup__sms-link {
color: #F56CA8
}
.b-about-nav__next a,
.b-about-nav__prev a,
.b-contact-icon-block a,
.b-tabs__nav__item a {
text-decoration: none
}
.b-popup_recording-steps4 .b-popup__wrapper {
max-width: 634px
}
.b-popup_recording-schedule .b-popup__wrapper {
max-width: 952px;
background: #FFF;
padding: 0
}
.b-popup_recording-schedule .b-popup__head {
padding: 24px 60px 30px
}
.b-popup_recording-schedule .b-popup__head .radiobox-inline {
margin-bottom: 0
}
.b-popup_recording-schedule .b-popup__title {
font: 700 30px/1 Roboto, Arial, sans-serif;
margin-bottom: 20px;
color: #2E2E2E;
text-align: left
}
.b-popup_recording-schedule .b-popup__label {
margin-bottom: 10px;
line-height: 20px
}
.b-popup_recording-schedule .b-popup__body {
padding: 0;
position: relative
}
.b-popup_recording-schedule .b-popup__preinfo {
display: none;
background: url(/v8/css/../images/popup_recording-schedule-bg.jpg) 0 50% no-repeat #FDA5BD;
color: #FFF;
text-align: right;
padding: 72px 60px;
overflow: hidden;
border-radius: 0 0 10px 10px
}
.b-popup_recording-schedule .b-popup__preinfo-title {
font: 700 20px/1 Roboto, Arial, sans-serif;
margin-bottom: 30px;
max-width: 400px;
float: right;
clear: right
}
.b-popup_recording-schedule .b-popup__preinfo-text {
max-width: 400px;
float: right;
clear: right
}
.b-popup_recording-schedule .b-popup__result {
display: none
}
.b-popup_recording-schedule .b-popup__result-list {
max-height: 550px
}
.b-popup_recording-schedule .b-popup__result-list .mCSB_container {
margin-right: 0
}
.b-popup_recording-schedule .b-popup__result-list .mCustomScrollBox {
border-radius: 0 0 10px 10px
}
.b-popup_recording-schedule .b-popup__result.show,
.b-popup_recording-schedule .b-popup__result:empty+.b-popup__preinfo,
.b-popup_recording-schedule .b-popup__result:not(.show)+.b-popup__preinfo {
display: block
}
.b-popup_recording-register .b-popup__wrapper {
max-width: 952px;
background: #FFF;
padding: 24px 30px 60px
}
.b-popup_recording-register .b-popup__title {
font: 700 30px/1 Roboto, Arial, sans-serif;
margin-bottom: 20px;
color: #2E2E2E;
text-align: center
}
.b-popup_recording-register .b-popup__desc,
.b-popup_recording-register .b-popup__label {
margin-bottom: 30px;
text-align: center
}
.b-popup_recording-register .b-popup__name {
font-weight: 500;
margin-bottom: 30px;
text-align: center
}
.b-popup_recording-register .b-popup__doctor {
margin-bottom: 50px
}
.b-popup_recording-register .b-popup__buttons {
max-width: none;
margin: 30px auto 0;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-popup_recording-register .b-popup__buttons p {
font-size: 12px;
margin-bottom: 30px;
flex: 0 0 100%;
text-align: center
}
.b-popup_recording-register .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_recording-register .b-popup__buttons .b-btn {
min-width: 200px;
margin: 0 15px
}
.b-popup_recording-register .b-popup__buttons .b-btn:first-child {
margin-left: 0
}
.b-popup_recording-register .b-popup__buttons .b-btn:last-child {
margin-right: 0
}
.b-popup_recording-register .b-popup__input {
margin: 0 auto 25px;
max-width: 300px
}
.b-popup_recording-register .b-popup__input:last-child {
margin-bottom: 0
}
.b-popup_recording-register .b-popup__input_inline {
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.b-popup_recording-register .b-popup__input_inline .b-popup__input-label {
font: 14px/42px Roboto, Arial, sans-serif;
color: #434343;
margin-right: 10px;
white-space: nowrap
}
.b-popup_recording-register .b-popup__input_inline .b-form__group {
margin: 0
}
.b-popup_recording-register .b-popup__input_inline input {
flex: 0 1 auto;
padding: 10px 5px 10px 50px
}
.b-popup_recording-register .b-popup__input .ic__datepicker.active .ic__close a {
padding-bottom: 0
}
.b-popup_recording-register .b-popup__other-params {
margin-top: 30px;
display: none
}
.b-popup_recording-register .b-popup__other-params.active {
display: block
}
.b-popup_recording-steps53 .b-popup__row {
max-width: 630px;
margin: 0 auto
}
.b-popup_recording-steps53 .b-popup__input {
margin: 0 0 25px;
max-width: none
}
.b-popup_recording-steps53 .b-popup__input:last-child {
margin-bottom: 0
}
.b-popup_recording-steps53 .b-popup__input .b-form__group {
margin: 0
}
.b-popup_recording-steps53 .b-popup__other-params {
margin: 30px auto 0;
display: none;
max-width: 630px
}
.b-popup_recording-steps53 .b-popup__other-params.active {
display: block
}
@media (max-width:1200px) {
.b-popup__wrapper {
padding: 60px 40px
}
.b-popup__close {
width: 20px;
height: 20px;
top: 15px;
right: 15px
}
.b-popup__close svg {
fill: #F56CA8
}
.b-popup__close-text {
bottom: 40px;
right: 15px
}
.b-popup_popup-success .b-popup__icon {
margin-bottom: 40px
}
.b-popup_popup-success .b-popup__title {
font: 700 20px/1.5 Roboto, Arial, sans-serif
}
.b-popup_popup-success .b-popup__buttons {
margin-top: 40px
}
.b-popup_contacts .b-popup__desc {
margin-bottom: 40px;
font: 20px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__params .b-contact-icon-block,
.b-popup_contacts .b-popup__title {
margin-bottom: 20px
}
.b-popup_contacts .b-popup__params .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-popup_contacts .b-popup__map>
div {
max-width: 100%
}
.b-popup_contacts .b-popup__buttons {
margin-top: 25px
}
.b-popup_contacts .b-popup__info {
margin-top: 40px;
font-size: 16px
}
.b-popup_contacts .b-popup__info__title {
margin-bottom: 20px
}
}
@media (max-width:992px) {
.b-popup {
padding: 65px 20px 40px
}
.b-popup__wrapper,
.b-popup_contacts .b-popup__wrapper {
padding: 40px 20px
}
.b-popup__close-text {
bottom: 30px
}
.b-popup__map-block {
width: 100%;
height: 320px;
transition: all .35s ease
}
.b-popup__map-block.fixed {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9;
margin: 0
}
.b-popup__map-block.fixed .ymaps-2-1-77-map {
height: 100% !important;
width: 100% !important
}
.b-popup_popup-success .b-popup__icon {
margin-bottom: 30px
}
.b-popup_popup-success .b-popup__title {
font: 700 18px/1.5 Roboto, Arial, sans-serif
}
.b-popup_popup-success-2 .b-popup__wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch
}
.b-popup_popup-success-2 .b-popup__title {
font: 700 30px/1 Roboto, Arial, sans-serif;
margin: 0 0 25px
}
.b-popup_popup-success-2 .b-popup__text {
font: 500 18px/1 Roboto, Arial, sans-serif;
margin: 0 0 25px
}
.b-popup_contacts .b-popup__row {
margin-left: -20px;
margin-right: -20px
}
.b-popup_contacts .b-popup__map {
min-height: 320px;
margin: 0 0 35px;
padding: 0
}
.b-popup_contacts .b-popup__desc {
margin-bottom: 25px;
font: 18px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__title {
margin-bottom: 10px
}
.b-popup_contacts .b-popup__info {
margin-top: 30px
}
.b-popup_contacts .b-popup__info__title {
margin-bottom: 15px
}
.b-popup_recording-schedule .b-popup__head {
padding: 24px 30px 30px
}
.b-popup_recording-schedule .b-popup__title {
font: 700 24px/1 Roboto, Arial, sans-serif;
margin-bottom: 24px;
text-align: left
}
}
@media (max-width:640px) {
.b-popup_contacts .b-popup__title,
.b-popup_normal .b-popup__title {
font: 700 24px Roboto, Arial, sans-serif
}
.b-popup_contacts .b-popup__overflow,
.b-popup_normal .b-popup__overflow,
.b-popup_select-clinic .b-popup__overflow {
background: 0 0
}
.b-popup_normal .b-popup__close,
.b-popup_select-clinic .b-popup__close {
width: 20px;
height: 20px;
top: 12px;
right: 12px
}
.b-popup {
padding: 65px 0 0
}
.b-popup_contacts .b-popup__wrapper,
.b-popup_normal .b-popup__wrapper {
padding: 35px 20px;
border-top: 1px #F56CA8 solid
}
.b-popup__close-text {
position: static;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 15px
}
.b-popup__wrapper {
border-radius: 0;
min-height: 100%
}
.b-popup__map-zoom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-popup__steps {
margin-bottom: 18px
}
.b-popup_contacts .b-popup__buttons {
max-width: 100%
}
.b-popup_contacts .b-popup__buttons .b-btn_icon {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-popup_contacts .b-popup__close-text {
margin-top: 30px;
text-decoration: none
}
.b-popup_contacts .b-popup__close-text .b-btn {
text-decoration: none;
min-width: 200px;
text-align: center
}
.b-popup.active {
display: block
}
.b-popup_normal .b-popup__title {
margin-bottom: 20px
}
.b-popup_popup-success .b-popup__wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch
}
.b-popup_popup-success .b-popup__title {
font: 700 24px/1.5 Roboto, Arial, sans-serif
}
.b-popup_question .b-popup__wrapper {
max-width: 300px;
padding: 70px 20px;
border-radius: 10px;
min-height: 0
}
.b-popup_question .b-popup__close svg {
fill: #2E2E2E
}
.b-popup_question .b-popup__title br {
display: none
}
.b-popup_popup-success-2 .b-popup__title {
font: 700 30px/1 Roboto, Arial, sans-serif
}
.b-popup_popup-success-2 .b-popup__text-2 {
font: 16px/24px Roboto, Arial, sans-serif
}
.b-popup_select-clinic .b-popup__wrapper {
padding: 60px 20px;
border-top: 1px #F56CA8 solid
}
.b-popup_recording,
.b-popup_recording-steps {
padding: 0
}
.b-popup_select-clinic .b-popup__title {
margin-bottom: 20px;
font: 700 24px Roboto, Arial, sans-serif
}
.b-popup_select-clinic .b-popup__select {
margin: 0 auto 20px
}
.b-popup_recording .b-popup__title {
font-weight: 500;
margin-bottom: 20px
}
.b-popup_recording .b-popup__buttons p {
margin-bottom: 20px
}
.b-popup_recording .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_recording .b-popup__police {
margin: 5px auto 20px
}
.b-popup_recording-steps .b-popup__buttons p,
.b-popup_recording-steps .b-popup__desc {
margin-bottom: 25px
}
.b-popup_recording-steps .b-popup__wrapper {
padding: 10px 20px 20px
}
.b-popup_recording-steps .b-popup__title {
font: 700 24px/30px Roboto, Arial, sans-serif;
margin-bottom: 25px
}
.b-popup_recording-steps .b-popup__form_step2 {
max-width: 300px
}
.b-popup_recording-steps .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_recording-steps .b-popup__police {
margin: 0 auto 20px
}
.b-popup_recording-steps .b-popup__sms-link,
.b-popup_recording-steps .b-popup__timer {
font: 16px Roboto, Arial, sans-serif
}
.b-popup_recording-schedule {
padding: 0
}
.b-popup_recording-schedule .b-popup__wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-popup_recording-schedule .b-popup__head {
padding: 10px 20px 25px;
flex: 0 0 auto;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
background: #fff
}
.b-popup_recording-schedule .b-popup__body {
flex: 1 1 auto;
max-height: 100%;
overflow: auto
}
.b-popup_recording-schedule .b-popup__title {
text-align: center
}
.b-popup_recording-schedule .b-popup__label {
margin-bottom: 25px;
text-align: center
}
.b-popup_recording-schedule .b-popup__preinfo {
background: #FDA5BD;
text-align: center;
padding: 24px 20px 30px;
border-radius: 0
}
.b-popup_recording-register,
.b-popup_recording-steps4 {
padding: 0
}
.b-popup_recording-schedule .b-popup__preinfo-title {
margin-bottom: 24px;
text-align: center;
float: none
}
.b-popup_recording-schedule .b-popup__preinfo-text {
float: none
}
.b-popup_recording-schedule .b-popup__result-list {
max-height: none
}
.b-popup_recording-steps4 .b-popup__radioboxs {
margin-bottom: 40px
}
.b-popup_recording-steps4 .b-popup__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-popup_recording-steps4 .b-popup__buttons .b-btn {
min-width: 200px;
margin: 0 auto 20px !important
}
.b-popup_recording-steps4 .b-popup__buttons .b-btn.b-btn_gray {
order: 3;
margin-bottom: 0 !important
}
.b-popup_recording-register .b-popup__desc,
.b-popup_recording-register .b-popup__label,
.b-popup_recording-register .b-popup__name {
margin-bottom: 25px
}
.b-popup_recording-register .b-popup__wrapper {
padding: 10px 20px 30px
}
.b-popup_recording-register .b-popup__title {
font: 700 24px/30px Roboto, Arial, sans-serif;
margin-bottom: 25px
}
.b-popup_recording-register .b-popup__label br {
display: none
}
.b-popup_recording-register .b-popup__doctor {
margin: 0 -20px 30px
}
.b-popup_recording-register .b-popup__buttons {
margin: 25px auto 0
}
.b-popup_recording-register .b-popup__buttons p {
margin-bottom: 25px
}
.b-popup_recording-register .b-popup__buttons p:last-child {
margin-bottom: 0
}
.b-popup_recording-register .b-popup__buttons .b-btn {
margin: 0 0 20px
}
.b-popup_recording-register .b-popup__buttons .b-btn.b-btn_gray {
order: 3;
margin-bottom: 0 !important
}
.b-popup_recording-register .b-popup__col,
.b-popup_recording-register .b-popup__col-1,
.b-popup_recording-register .b-popup__col-2 {
margin-bottom: 25px
}
.b-popup_recording-register .b-popup__col-1:last-child,
.b-popup_recording-register .b-popup__col-2:last-child,
.b-popup_recording-register .b-popup__col:last-child {
margin-bottom: 0
}
.b-popup_recording-register .b-popup__input {
margin: 0 auto 25px
}
.b-popup_recording-register .b-popup__input:last-child {
margin-bottom: 0
}
.b-popup_recording-register .b-popup__input .ic__datepicker.active {
left: auto;
right: 0;
bottom: auto;
position: absolute
}
.b-popup_recording-register .b-popup__other-params {
margin-top: 25px
}
.b-popup_recording-steps53 .b-popup__row {
margin: 0 -15px
}
.b-popup_recording-steps53 .b-popup__other-params {
margin: 25px auto 0
}
.b-popup_doctor .b-popup__education {
margin-bottom: 15px
}
}
.b-ask-question {
max-width: 644px;
margin-left: auto;
margin-right: auto
}
.b-ask-question__title {
text-align: center;
font-weight: 500;
font-size: 40px;
line-height: 47px;
margin: 0 0 25px
}
@media only screen and (max-width:767px) {
.b-ask-question__title {
font-size: 24px;
line-height: 28px;
margin: 0 0 15px
}
}
.b-ask-question__desc {
text-align: center;
font-size: 14px;
line-height: 21px
}
.b-ask-question__column textarea {
height: 100px
}
@media only screen and (min-width:768px) {
.b-ask-question__form {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-flow: row wrap
}
.b-ask-question__column {
width: 50%;
padding-left: 15px;
padding-right: 15px
}
.b-ask-question__column textarea {
height: 186px
}
}
.b-ask-question__footnote {
font-size: 12px;
line-height: 18px
}
.b-video-banner {
position: relative;
background-size: cover;
background-position: center 0;
background-repeat: no-repeat;
min-height: 655px
}
.b-video-banner__btn-video {
width: 150px;
height: 150px;
position: absolute;
margin: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #F08BB7;
transition: all .35s ease
}
.b-gal-events__more.is-active .icon,
.b-gal-events__more.opened,
.b-interier__more.is-active .icon,
.b-interier__more.opened {
transform: rotate(180deg)
}
.b-video-banner__btn-video:hover {
color: #E3267A
}
.b-video-banner__btn-video svg {
display: block;
width: 100%;
height: 100%
}
@media (max-width:1200px) {
.b-video-banner {
min-height: 500px
}
.b-video-banner__btn-video {
width: 100px;
height: 100px
}
}
@media (max-width:992px) {
.b-video-banner {
min-height: 400px
}
.b-video-banner__btn-video {
width: 80px;
height: 80px
}
}
.b-gal-card,
.b-gal-card__pict {
position: relative
}
.b-gal-card__pict .icon,
.b-gal-card__pict:after {
position: absolute;
opacity: 0;
transition: opacity .3s ease;
top: 0;
left: 0
}
.b-gal-card__pict a {
display: block
}
.b-gal-card__pict:after {
background: rgba(0, 0, 0, .3);
width: 100%;
height: 100%;
z-index: 1
}
.b-gal-events__more,
.b-interier__more {
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.b-gal-card__pict img {
width: 100%;
display: block
}
.b-gal-card__pict .icon {
right: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
z-index: 2
}
.b-gal-card__pict .icon path {
fill: #fff
}
.b-gal-card:hover .b-gal-card__pict .icon,
.b-gal-card:hover .b-gal-card__pict:after {
opacity: 1
}
.b-gal-card__name {
padding: 12px 0 15px;
font-size: 16px
}
@media (max-width:768px) {
.b-gal-card__name {
padding-left: 20px;
padding-right: 20px
}
.b-gal-card__event,
.b-gal-card__location {
margin: 0 20px
}
}
.b-gal-card__location {
padding-left: 32px;
color: #9A9A9A;
position: relative;
font-size: 16px
}
.b-gal-card__location svg {
fill: #F56CA8;
width: 15px;
height: 21px;
position: absolute;
left: 0
}
.b-gal-card__event {
padding-top: 15px;
padding-left: 32px;
color: #2E2E2E;
position: relative;
font-size: 16px
}
.b-gal-card__event svg {
width: 18px;
height: 17px;
position: absolute;
left: 0
}
.b-gal-card__event svg path {
fill: #F56CA8
}
.b-interier__list {
display: flex;
flex-wrap: wrap;
margin: 50px -15px -40px
}
@media (max-width:768px) {
.b-interier__list {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px
}
}
.b-interier__item {
width: 25%;
padding: 0 15px 40px
}
@media (min-width:769px) {
.b-interier__item {
display: block !important
}
}
@media (max-width:992px) {
.b-interier__item {
width: 50%
}
}
@media (max-width:640px) {
.b-video-banner {
min-height: 200px
}
.b-interier__list {
margin-bottom: -30px
}
.b-interier__item {
width: 100%;
padding: 0 0 30px
}
}
.b-interier__more {
display: none;
width: 57px;
height: 57px;
border-radius: 100px;
border: 1px solid #FFF2F8;
position: relative;
margin: 30px auto 0
}
.b-interier__more .icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 23px;
height: 23px
}
@media (max-width:768px) {
.b-interier__more {
display: block
}
}
.b-gal-events__list {
display: flex;
flex-wrap: wrap;
margin: 50px -15px -40px
}
@media (max-width:768px) {
.b-gal-events__list {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
margin-bottom: -30px
}
}
.b-gal-events__item {
width: 25%;
padding: 0 15px 40px
}
@media (min-width:769px) {
.b-gal-events__item {
display: block !important
}
}
@media (max-width:992px) {
.b-gal-events__item {
width: 50%
}
}
@media (max-width:768px) {
.b-gal-events__item {
width: 100%;
padding: 0 0 30px
}
}
.b-gal-events__more {
display: none;
width: 57px;
height: 57px;
border-radius: 100px;
border: 1px solid #FFF2F8;
position: relative;
margin: 30px auto 0
}
.b-photo-card,
.b-product-block {
box-shadow: 0 0 20px rgba(0, 0, 0, .08)
}
.b-gal-events__more .icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 23px;
height: 23px
}
@media (max-width:768px) {
.b-gal-events__more {
display: block
}
}
.details-table {
display: table;
width: 100%
}
@media (max-width:768px) {
.details-table {
display: block
}
}
.details-table__row {
display: table-row
}
.details-table__row:last-child .details-table__col {
border-bottom: 0
}
.details-table__row:hover .details-table__col {
background: #F7F9FF;
border-bottom: 1px solid #F7F9FF
}
@media (max-width:768px) {
.details-table__row {
display: block;
padding: 0;
border: none
}
}
.details-table__col {
display: table-cell;
font-size: 18px;
height: 55px;
color: #2E2E2E;
padding: 5px 15px;
border-bottom: 1px solid #f0f0f0;
background: #fff;
transition: all .3s ease
}
.details-table__col:nth-child(1) {
width: 40%;
padding-left: 30px
}
@media (max-width:768px) {
.details-table__col:nth-child(1),
.details-table__col:nth-child(2) {
padding: 2px 20px;
border-bottom: 1px solid #e1e1e1;
display: flex;
font-size: 14px
}
.details-table__col {
min-height: 55px;
height: auto
}
.details-table__col:nth-child(1) {
min-height: 55px;
height: auto;
background: #FBFBFB;
width: 100%;
color: #A0A0A0;
align-items: center
}
.details-table__col:nth-child(2) {
align-self: center;
align-items: center
}
}
.details-table a {
color: #2E2E2E
}
.b-vert-banner {
height: 670px;
position: relative;
background-color: #fedfe9;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
padding: 45px 20px 0;
margin-bottom: 14px;
overflow: hidden
}
.b-vert-banner__lnk-abs {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
display: block
}
.b-vert-banner__title {
font-weight: 700;
font-size: 24px;
color: #F56CA8;
text-align: center;
padding-bottom: 10px
}
.b-vert-banner__text {
font-size: 19px;
line-height: 1.6;
color: #2E2E2E;
text-align: center
}
.b-vert-banner__price {
position: absolute;
width: 260px;
height: 260px;
background: #F08BB7;
border: 1px solid #FFF;
bottom: -80px;
left: 0;
right: 0;
border-radius: 100%;
margin: 0 auto;
padding-top: 55px
}
.b-vert-banner__old-price {
font-size: 24px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
text-align: center;
color: #F1EEEF
}
.b-vert-banner__full-price {
font-weight: 500;
font-size: 50px;
color: #FFF;
text-align: center
}
.b-vert-banner_img {
padding: 0;
height: auto
}
.b-vert-banner_img img {
display: block
}
.b-product-block {
background: #FFF;
border-radius: 10px;
padding: 30px;
text-align: left
}
.b-product-block__title {
font-weight: 400;
font-size: 18px;
color: #000;
line-height: 1.2
}
.b-product-block__text {
font-size: 16px;
line-height: 1.3;
color: #9A9A9A;
padding: 30px 0 20px
}
.b-product-block__price {
display: flex
}
.b-product-block__price-info-old {
font-size: 18px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #A0A0A0
}
.b-product-block__price-info-full {
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #F56CA8
}
.b-product-block__full-price {
margin-left: auto;
font-weight: 300;
font-size: 12px;
text-align: right;
color: #2E2E2E
}
.b-product-block__full-price-label {
background: #90CA87;
border-radius: 10px;
font-weight: 500;
font-size: 18px;
color: #FFF;
padding: 0 8px;
margin-top: 4px
}
.b-product-block__lnk {
margin-top: 32px;
background: #FFF;
border-radius: 21px;
font-weight: 500;
font-size: 14px;
text-align: center;
text-decoration: none;
color: #F571AA;
display: block;
border: 1px solid #F571AA;
padding: 12px 0;
transition: all .35s ease
}
.b-product-block__lnk:focus,
.b-product-block__lnk:hover {
color: #FFF;
background: #F571AA
}
.b-expert-block {
position: relative;
border-radius: 10px;
padding: 38px 16px;
text-align: center;
height: 100%
}
.b-expert-block__color-1 {
background: #EFF8FF
}
.b-expert-block__color-2 {
background: #EDE8F8
}
.b-expert-block__color-3 {
background: #FFF3FA
}
.b-expert-block__pict {
width: 184px;
height: 184px;
background: #fff;
border-radius: 100%;
margin: auto;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center
}
.b-expert-block__pict .icon {
width: 110px;
height: 110px
}
.b-expert-block__name {
margin-top: 25px;
font-size: 16px;
font-weight: 700;
color: #2E2E2E
}
@media (max-width:768px) {
.b-vert-banner__price {
bottom: -100px
}
.b-expert-block__pict {
width: 150px;
height: 150px
}
.b-expert-block__pict .icon {
width: 85px;
height: 85px
}
.b-expert-block__name {
font-size: 14px;
margin-top: 20px
}
}
.b-expert-block__info {
font-size: 16px;
line-height: 1.8;
color: #2E2E2E;
font-weight: 400;
margin-top: 10px
}
@media (max-width:768px) {
.b-expert-block__info {
font-size: 14px;
margin-top: 0
}
.b-expert-block__info br {
display: none
}
}
@media (min-width:993px) {
.b-expert-block.b-expert--2-col {
display: flex;
padding-left: 60px;
padding-right: 60px
}
.b-expert-block.b-expert--2-col .b-expert-block__pict {
width: 250px;
height: 250px
}
.b-expert-block.b-expert--2-col .b-expert-block__pict .icon {
width: 136px;
height: 136px
}
.b-expert-block.b-expert--2-col .b-expert-block__name {
width: calc(100% - 250px);
text-align: left;
align-self: center;
margin-top: 0;
padding-left: 90px
}
.b-expert-block.b-expert--4-col .b-expert-block__pict {
width: 134px;
height: 134px
}
.b-expert-block.b-expert--4-col .b-expert-block__pict .icon {
width: 80px;
height: 80px
}
}
.b-doc-block__size,
.b-doc-block__title,
.b-license-block h2,
.b-sert-doctor h2 {
text-align: center
}
@media (min-width:993px) and (max-width:1140px) {
.b-expert-block.b-expert--2-col .b-expert-block__name {
padding-left: 45px
}
}
@media (max-width:640px) {
.b-expert-block {
max-width: 300px;
min-height: 300px;
margin-left: auto;
margin-right: auto;
padding: 30px 15px;
background: #EFF8FF;
border-radius: 0
}
.b-expert-block__color-1,
.b-expert-block__color-2,
.b-expert-block__color-3 {
background: inherit
}
}
.b-experts__list {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
.b-experts__item {
width: calc(100% / 3);
padding: 15px
}
@media (max-width:992px) {
.b-experts__item {
width: 50%
}
}
@media (max-width:450px) {
.b-experts__item {
width: 100%;
padding: 10px 15px
}
.b-experts__item .b-expert-block,
.b-experts__item:nth-of-type(1) .b-expert-block,
.b-experts__item:nth-of-type(10) .b-expert-block,
.b-experts__item:nth-of-type(13) .b-expert-block,
.b-experts__item:nth-of-type(16) .b-expert-block,
.b-experts__item:nth-of-type(4) .b-expert-block,
.b-experts__item:nth-of-type(7) .b-expert-block {
background: #EFF8FF
}
.b-experts__item:nth-of-type(11) .b-expert-block,
.b-experts__item:nth-of-type(14) .b-expert-block,
.b-experts__item:nth-of-type(17) .b-expert-block,
.b-experts__item:nth-of-type(2) .b-expert-block,
.b-experts__item:nth-of-type(5) .b-expert-block,
.b-experts__item:nth-of-type(8) .b-expert-block {
background: #EDE8F8
}
.b-experts__item:nth-of-type(12) .b-expert-block,
.b-experts__item:nth-of-type(15) .b-expert-block,
.b-experts__item:nth-of-type(18) .b-expert-block,
.b-experts__item:nth-of-type(3) .b-expert-block,
.b-experts__item:nth-of-type(6) .b-expert-block,
.b-experts__item:nth-of-type(9) .b-expert-block {
background: #FFF3FA
}
}
.b-experts__item.b-expert--2-col {
width: calc(100% - (100% / 3))
}
@media (max-width:992px) {
.b-experts__item.b-expert--2-col {
width: 50%
}
}
@media (max-width:450px) {
.b-experts__item.b-expert--2-col {
width: 100%
}
}
.b-experts__item.b-expert--4-col {
width: calc(100% / 4)
}
@media (max-width:992px) {
.b-experts__item.b-expert--4-col {
width: 50%
}
}
@media (max-width:450px) {
.b-experts__item.b-expert--4-col {
width: 100%
}
}
.b-photo-card {
background: #FFF;
border-radius: 10px;
display: flex;
flex-wrap: nowrap;
position: relative
}
@media (max-width:768px) {
.b-photo-card {
flex-wrap: wrap
}
}
.b-photo-card__pict {
flex: 0 0 270px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden
}
.b-photo-card__pict img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover
}
@media (max-width:1100px) {
.b-photo-card__pict {
flex: 0 0 230px
}
}
@media (max-width:768px) {
.b-photo-card__pict {
height: 210px;
width: 100%;
flex: 0 0 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0
}
}
.b-photo-card__info {
flex: 1 1 auto;
padding: 45px 30px 30px
}
.b-photo-card__name {
font-style: normal;
font-weight: 400;
font-size: 24px;
color: #2E2E2E;
padding-bottom: 30px
}
.b-doc-block__title,
.b-photo-card__text {
font-style: normal;
font-size: 16px;
font-weight: 400
}
.b-photo-card__text {
line-height: 1.5;
color: #2E2E2E
}
.b-photo-card__link {
margin-top: 32px
}
.b-photo-gallery__list {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
.b-photo-gallery__item {
flex: 0 0 50%;
max-width: 50%;
padding: 15px
}
@media (max-width:768px) {
.b-photo-card__link {
margin-top: 64px
}
.b-photo-gallery__item {
flex: 0 0 100%;
max-width: 100%
}
}
.b-doc-block__wrap {
width: 210px;
height: 270px;
position: relative;
z-index: 1;
margin: 26px auto 40px;
padding: 65px 30px 0
}
.b-high-class,
.b-sert-doctor {
padding: 50px 0
}
.b-doc-block__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1
}
.b-doc-block__bg .doc-bg {
width: 100%
}
.b-doc-block__title {
line-height: 1.4;
color: #000
}
.b-doc-block__links {
margin-top: 20px;
display: flex
}
.b-doc-block__link .icon {
width: auto;
height: 50px;
margin: 0 10px;
opacity: .5;
transition: all .3s ease
}
.b-doc-block__link:hover .icon,
.b-doc-block_pdf .b-doc-block__link:hover .icon {
opacity: 1
}
.b-doc-block__size {
font-weight: 400;
font-size: 14px;
color: #2E2E2E;
margin-top: 15px
}
.b-doc-block_pdf .b-doc-block__title {
font: 500 14px/18px Roboto, Arial, sans-serif;
height: auto
}
.b-doc-block_pdf .b-doc-block__links {
margin-top: 15px
}
.b-doc-block_pdf .b-doc-block__link {
color: #7B7B7B;
font: 14px/16px Roboto, Arial, sans-serif;
text-align: center
}
.b-doc-block_pdf .b-doc-block__link .icon {
width: auto;
height: 50px;
margin: 0 10px;
opacity: 1
}
.b-doc-block_pdf .b-doc-block__link span {
display: block;
color: #7B7B7B;
margin-top: 10px
}
@media (max-width:640px) {
.b-doc-block__wrap {
margin: 10px auto 20px
}
}
.b-high-class h2,
.b-license-block h2,
.b-sert-doctor h2 {
font-weight: 400;
font-size: 40px;
color: #2E2E2E;
margin: 0
}
.b-license-block {
background: #F7EDF3;
padding: 50px 0
}
.b-sert-doctor .b-license-card__name {
text-align: left
}
.b-high-class h2,
.b-license-card {
text-align: center
}
.b-sert-doctor .b-license-card__url {
display: none
}
.b-high-class {
background: #F5F8FD
}
.b-license__list .slick-next,
.b-license__list .slick-prev {
position: absolute;
top: calc(50% - 60px);
width: 57px;
min-width: 57px;
height: 57px;
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
margin: 0 auto;
transition: none;
font-size: 0
}
.b-license__list {
padding: 40px 0
}
.b-license__list .slick-next {
right: 50px;
background: url(/v8/css/../images/icon_circle-arrow.svg) center no-repeat #fff;
background-size: 23px;
border-radius: 100px;
border: 1px solid #FFF2F8;
transform: rotate(-90deg)
}
.b-license__list .slick-next:hover {
background-image: url(/v8/css/../images/icon_circle-arrow-pink.svg)
}
.b-license__list .slick-prev {
left: 50px;
background: url(/v8/css/../images/icon_circle-arrow.svg) center no-repeat #fff;
background-size: 23px;
border-radius: 100px;
border: 1px solid #FFF2F8;
transform: rotate(90deg)
}
.b-history-info__lines-item,
.b-license-card {
position: relative
}
.b-license__list .slick-prev:hover {
background-image: url(/v8/css/../images/icon_circle-arrow-pink.svg)
}
.b-license__list .slick-dots {
margin: 50px 0 0;
padding: 0;
display: flex;
justify-content: center;
list-style: none
}
.b-license__list .slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
border: none;
background: #CDCDCD;
outline: 0;
border-radius: 100px;
margin: 0 9px;
padding: 0
}
.b-license-card__img img,
.b-license-card_sertificat .b-license-card__img img {
display: block;
width: auto;
-o-object-fit: contain;
box-shadow: 0 0 20px rgba(0, 0, 0, .08)
}
.b-license__list .slick-dots li.slick-active button {
background: #F56CA8
}
@media (min-width:1171px) {
.b-license__list .slick-next {
right: calc((100vw - 1170px)/ 2)
}
.b-license__list .slick-prev {
left: calc((100vw - 1170px)/ 2)
}
.b-license__list .slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active,
.b-license__list .slick-current {
opacity: .5
}
}
.b-license-card__img {
height: 400px;
margin-bottom: 25px
}
.b-license-card__img img {
height: 400px;
margin: 0 auto;
object-fit: contain;
transition: all .35s ease
}
.b-license-card__img:hover img {
transform: scale(1.03, 1.03)
}
.b-license-card__name {
font: 16px/1.5 Roboto, Arial, sans-serif;
color: #000;
margin: 0 0 20px
}
.b-license-card__desc {
font: 16px/1.3 Roboto, Arial, sans-serif;
color: #9A9A9A
}
.b-license-card__url {
margin-top: 20px
}
.b-license-card__url a {
white-space: nowrap;
font-size: 12px;
color: #000;
opacity: .5
}
.b-license-card_sertificat {
text-align: left
}
.b-license-card_sertificat .b-license-card__img {
height: 300px;
margin-bottom: 25px
}
.b-license-card_sertificat .b-license-card__img img {
height: 300px;
margin: 0 auto;
object-fit: contain
}
.b-license-card_sertificat .b-license-card__url {
display: none
}
@media (max-width:1200px) {
.b-license-card__img,
.b-license-card__img img {
height: 300px
}
}
@media (max-width:640px) {
.b-license-card__img,
.b-license-card__img img,
.b-license-card_sertificat .b-license-card__img img {
height: auto;
max-height: 200px
}
.b-license-card__img {
margin-bottom: 20px
}
.b-license-card_sertificat {
text-align: center;
margin: 0 auto;
max-width: none !important
}
.b-license-card_sertificat .b-license-card__img {
height: auto;
max-height: 200px;
margin-bottom: 20px
}
.b-license-card_sertificat .b-license-card__desc,
.b-license-card_sertificat .b-license-card__url {
display: none
}
.b-license-card_sertificat .b-license-card__name {
margin-bottom: 0
}
}
.b-history-info__item {
opacity: 0;
transition: all .3s ease
}
.b-history-info__item.slick-current {
opacity: 1
}
.b-history-info__wrap {
display: flex;
align-items: flex-start;
padding: 0 0 30px
}
.b-history-info__card {
margin: 0 15px 0 0;
flex: 0 0 50%;
max-width: 50%;
background: 0 0;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
border-radius: 10px
}
.b-history-info__card-img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden
}
.b-history-info__card-img img {
width: 100%;
display: block
}
.b-history-info__card-title {
padding: 28px;
font-weight: 700;
font-size: 24px;
color: #2E2E2E;
line-height: 1
}
.b-history-info__card-text {
padding: 0 28px 56px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #2E2E2E
}
.b-history-info__lines {
margin-left: auto;
padding-left: 200px;
margin-top: 20px
}
.b-history-info__lines-item:before {
width: 100px;
height: 0;
border-bottom: 1px dashed #c4c4c4;
position: absolute;
top: 10px;
left: -175px
}
.b-history-info__lines-name {
font-weight: 700;
font-size: 18px;
color: #2E2E2E;
padding-bottom: 30px;
position: relative
}
.b-history-info__lines-name:after,
.b-history-info__lines-name:before {
position: absolute;
display: block;
border-radius: 100px;
content: ''
}
.b-history-info__lines-name:before {
top: 0;
left: -40px;
width: 20px;
height: 20px;
background: #FFEBED;
z-index: 2
}
.b-history-info__lines-name:after {
top: -8px;
left: -48px;
width: 36px;
height: 36px;
border: 1px dashed #C4C4C4;
z-index: 1
}
.b-card-article,
.b-card-article__pict,
.b-photogallery {
position: relative
}
.b-history-info__b-btn-round,
.b-history-info__b-btn-round:hover {
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
border-color: #FFF
}
.b-history-info__lines-text {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #2E2E2E;
padding-bottom: 60px
}
.b-history-info__more {
display: none;
margin: 0 0 15px
}
.b-history-info__b-btn-round {
transition: all .3s ease 0s;
color: #2E2E2E
}
.b-history-info__b-btn-round.active {
transform: rotate(180deg)
}
@media only screen and (max-width:991px) {
.b-history-info__lines {
padding-left: 120px
}
.b-history-info__lines-item:before {
width: 50px;
left: -110px
}
}
@media only screen and (max-width:767px) {
.b-history-info {
margin: 0 -20px
}
.b-history-info__wrap {
display: block;
padding: 0
}
.b-history-info__card {
margin: 0;
max-width: none;
box-shadow: none
}
.b-history-info__card-img {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.b-history-info__card-title {
padding: 28px 20px 20px;
font-weight: 500;
font-size: 18px
}
.b-history-info__card-text {
padding: 0 20px 30px
}
.b-history-info__lines {
padding: 0 20px;
margin-top: 0
}
.b-history-info__lines-item:before {
display: none
}
.b-history-info__lines-name {
padding-bottom: 20px;
padding-left: 60px
}
.b-history-info__lines-name:before {
top: 0;
left: 8px
}
.b-history-info__lines-name:after {
top: -8px;
left: 0
}
.b-history-info__lines-text {
padding-left: 60px;
padding-bottom: 30px
}
.b-history-info__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
}
.b-history-years {
overflow: hidden
}
.b-history-years .slick-track {
align-items: flex-end;
display: flex;
flex-wrap: nowrap
}
.b-history-years .slick-list {
overflow: visible
}
.b-history-years__list {
width: 100%;
height: 75px;
display: flex
}
.b-history-years__item {
width: 170px;
flex: 0 0 auto;
padding: 10px 0 0;
font-style: normal;
font-weight: 400;
font-size: 46px;
text-align: center;
color: #C4C4C4;
transition: all .3s ease;
cursor: pointer;
opacity: 1
}
.b-history-years__item:hover {
color: #F08BB7
}
.b-history-years__item.slick-current {
font-size: 66px;
color: #F56CA8;
margin-top: -15px;
transition: all .3s ease;
opacity: 1
}
.b-history-years__item.slick-current~.slick-slide {
opacity: 1
}
@media only screen and (max-width:767px) {
.b-history-years__list {
display: block;
height: auto
}
.b-history-years__item {
width: 100px;
font-size: 26px
}
.b-history-years__item.slick-active,
.b-history-years__item.slick-current {
opacity: 1
}
.b-history-years__item.slick-current {
font-size: 40px;
margin-top: 0;
line-height: 1
}
.b-history-years .slick-dots {
list-style: none;
padding: 0;
margin: 14px 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center
}
.b-history-years .slick-dots li {
height: 1px;
margin: 0 1px;
flex: 1 1 auto
}
.b-history-years .slick-dots li button {
border: 0;
line-height: 100px;
overflow: hidden;
width: 100%;
background: #E5E5E5;
height: 1px;
border-radius: 1px
}
.b-history-years .slick-dots li.slick-active button {
background: #F56CA8
}
}
.b-history-arrows {
display: flex
}
.b-history-arrows .icon {
width: 12px;
margin: 20px
}
@media only screen and (max-width:767px) {
.b-history-arrows {
display: none
}
}
.b-about-nav {
border-bottom: .5px solid #2E2E2E;
padding: 150px 0 30px;
margin-bottom: 100px;
display: flex;
justify-content: space-between;
align-items: center
}
@media (max-width:1200px) {
.b-about-nav {
padding-top: 100px
}
}
@media (max-width:992px) {
.b-about-nav {
padding-top: 70px
}
}
@media (max-width:640px) {
.b-about-nav {
padding: 50px 0 10px;
margin-bottom: 50px
}
}
.b-about-nav__prev a {
color: #2E2E2E;
font-size: 16px;
transition: all .3s ease 0s
}
.b-about-nav__prev a:hover {
color: #F56CA8
}
@media (max-width:768px) {
.b-about-nav__prev a {
font-size: 0
}
}
.b-about-nav__prev .icon {
width: 30px;
margin-right: 28px;
font-size: 16px
}
.b-about-nav__current {
color: #2E2E2E;
font-weight: 500;
font-size: 24px;
text-align: center
}
.b-about-nav__next a {
color: #2E2E2E;
font-size: 16px;
transition: all .3s ease 0s
}
.b-about-nav__next a:hover {
color: #F56CA8
}
@media (max-width:768px) {
.b-about-nav__current {
font-size: 16px
}
.b-about-nav__next a {
font-size: 0
}
}
.b-about-nav__next .icon {
width: 30px;
margin-left: 28px;
font-size: 16px
}
.b-page-desc {
padding: 50px 0;
font-size: 18px;
line-height: 32px;
overflow: hidden
}
.b-page-desc :last-child {
margin-bottom: 0 !important
}
.b-page-desc :first-child {
margin-top: 0
}
.b-page-desc p {
margin: 60px 0
}
@media only screen and (max-width:767px) {
.b-page-desc {
line-height: 29px;
font-size: 16px;
padding: 20px 0
}
.b-page-desc p {
margin: 30px 0
}
}
.b-page-desc__right {
margin: 30px 0;
display: block
}
@media only screen and (min-width:992px) {
.b-page-desc__right {
float: right;
margin: 0 0 60px 70px
}
.b-page-desc__row-pict img {
max-width: none
}
}
.b-page-desc__rows {
display: flex;
align-items: center;
margin: 60px -35px
}
.b-page-desc__row-pict {
padding-left: 35px;
padding-right: 35px
}
@media only screen and (max-width:991px) {
.b-page-desc__row-pict,
.b-page-desc__rows {
margin: 30px 0;
display: block
}
.b-page-desc__right {
width: 100%
}
.b-page-desc__row-pict {
padding: 0
}
}
.b-page-desc__row-pict img {
margin: 0 auto;
display: block
}
.b-page-desc__row-desc {
padding-left: 35px;
padding-right: 35px
}
@media only screen and (max-width:991px) {
.b-page-desc__row-desc {
padding: 0;
margin: 30px 0
}
.b-photogallery__carousel:after,
.b-photogallery__carousel:before {
display: block
}
}
.b-card-article {
max-width: 570px;
margin: 0 auto
}
.b-card-article__pict img {
display: block
}
.b-card-article__itm-ttl {
padding-top: 30px;
font-size: 18px;
line-height: 23px;
overflow: hidden
}
.b-card-article__itm-desc {
margin-top: 10px;
font-size: 16px;
line-height: 21px
}
.b-photogallery {
padding: 50px 0;
overflow: hidden
}
.b-photogallery__carousel {
position: relative;
z-index: 1
}
.b-photogallery__carousel:after,
.b-photogallery__carousel:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 50;
background: rgba(255, 255, 255, .7)
}
.b-about-section__info:after,
.b-about-section__text:before,
.b-counter-section__item:before,
.b-patient-story-block:before {
content: ""
}
.b-photogallery__carousel:before {
right: 100%;
margin-right: 15px
}
.b-photogallery__carousel:after {
left: 100%;
margin-right: 15px
}
.b-photogallery__carousel-wrap-desc,
.b-photogallery__carousel-wrap-picts {
margin-left: -15px;
margin-right: -15px
}
.b-photogallery__carousel-wrap-picts {
position: relative
}
@media only screen and (max-width:767px) {
.b-photogallery {
padding: 20px 0
}
.b-photogallery__carousel-wrap-desc,
.b-photogallery__carousel-wrap-picts {
margin-left: -20px;
margin-right: -20px
}
.b-photogallery__carousel-wrap-picts .b-photogallery__item {
padding-top: 15px;
padding-left: 0;
padding-right: 0
}
}
.b-photogallery__carousel-wrap-picts .slick-dots {
z-index: 100;
position: absolute;
width: 100%;
left: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 0;
line-height: 0;
top: 100%;
margin: 22.5px 0 0;
transform: translateY(-50%)
}
.b-photogallery__carousel-wrap-picts .slick-dots li {
display: inline-block;
vertical-align: top
}
.b-photogallery__carousel-wrap-picts .slick-dots li button {
width: 7px;
height: 7px;
margin: 0 5px;
text-indent: -999px;
padding: 0;
border: none;
border-radius: 100%
}
.b-photogallery__carousel-wrap-picts .slick-dots li.slick-active button {
background: #F56CA8
}
.b-photogallery__carousel-wrap-picts .js-next,
.b-photogallery__carousel-wrap-picts .js-prev {
position: absolute;
top: 50%;
left: 15px;
z-index: 50;
transform: translate(-50%, -50%)
}
@media only screen and (max-width:767px) {
.b-photogallery__carousel-wrap-picts .js-next,
.b-photogallery__carousel-wrap-picts .js-prev {
transform: translate(0, -50%);
box-shadow: none;
left: 20px;
border: transparent;
background: 0 0
}
}
.b-photogallery__carousel-wrap-picts .js-next {
left: auto;
right: 15px;
transform: translate(50%, -50%)
}
.b-photogallery__item {
padding-left: 15px;
padding-right: 15px
}
@media only screen and (max-width:767px) {
.b-photogallery__carousel-wrap-picts .js-next {
right: 20px;
transform: translate(0, -50%)
}
.b-photogallery__item {
padding-left: 20px;
padding-right: 20px
}
}
.b-photogallery .slick-list {
overflow: visible
}
.b-photogallery-slider__slider-wrap {
position: relative;
max-width: 1170px
}
.b-photogallery-slider__slider {
opacity: 0;
visibility: hidden
}
.b-photogallery-slider__slider.slick-initialized {
opacity: 1;
visibility: visible
}
.b-photogallery-slider__slider img {
display: block;
max-height: 85vh;
margin: 0 auto
}
.b-photogallery-slider__caption {
color: #FFF;
text-align: center;
margin-top: 20px;
font-size: 16px
}
.b-photogallery-slider__thumb {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-photogallery-slider .js-next,
.b-photogallery-slider .js-prev {
position: absolute;
top: 50%;
left: 15px;
z-index: 50;
transform: translate(-50%, -50%)
}
@media only screen and (max-width:767px) {
.b-photogallery-slider .js-next,
.b-photogallery-slider .js-prev {
display: none
}
}
.b-photogallery-slider .js-next {
left: auto;
right: 15px;
transform: translate(50%, -50%)
}
.b-photogallery-slider .slick-dots {
position: absolute;
width: 100%;
padding: 0;
left: 0;
margin: 20px 0 0;
list-style-type: none;
text-align: center;
font-size: 0;
line-height: 0
}
.b-photogallery-slider .slick-dots li {
display: inline-block;
vertical-align: top
}
.b-photogallery-slider .slick-dots li button {
width: 7px;
height: 7px;
margin: 0 5px;
text-indent: -999px;
padding: 0;
border: none;
border-radius: 100%
}
.b-photogallery-slider .slick-dots li.slick-active button {
background: #F56CA8
}
.b-about-section {
padding: 0 0 100px;
background: #F0F4F6;
position: relative;
z-index: 1;
overflow: hidden
}
.b-about-section__row {
margin-left: -50px;
margin-right: -50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.b-about-section__info {
padding: 150px 50px;
position: relative;
z-index: 1;
flex: 0 0 50%;
max-width: 50%
}
.b-about-section__info:after {
display: block;
position: absolute;
top: 0;
left: calc(-50vw + 50%);
right: -150px;
bottom: 0;
background: #FFF;
border-radius: 0 0 80px;
z-index: -1
}
.b-about-section__title {
margin-bottom: 15px;
color: #9A9A9A;
font: 30px/1 Roboto, Arial, sans-serif
}
.b-about-section__subtitle {
margin-bottom: 80px;
color: #2E2E2E;
font: 500 22px Roboto, Arial, sans-serif
}
.b-about-section__text {
color: #2E2E2E;
font: 18px/1.8 Roboto, Arial, sans-serif;
position: relative;
z-index: 2
}
.b-about-section__text:before {
display: block;
width: 86px;
height: 71px;
background: url(/v8/css/../images/b-about-section-text-bg.png) 0 0/contain no-repeat;
position: absolute;
top: -40px;
left: -30px;
z-index: -1
}
.b-about-section__buttons {
margin-top: 50px
}
.b-about-section__img {
padding: 150px 50px;
flex: 0 0 50%;
max-width: 50%
}
.b-about-section__img img {
display: block
}
.b-about-section_index .b-about-section__mob-title,
.b-about-section_index .b-about-section__wrap.show .b-about-section__text:before {
display: none
}
.b-about-section__img-wrap {
margin-right: calc(-50vw + 100% + 60px);
position: relative;
z-index: 1;
border-radius: 50px 50px 0;
overflow: hidden
}
.b-about-section__img-wrap img {
float: right
}
.b-about-section__img-label {
position: absolute;
top: 90px;
left: 75px;
z-index: 2;
color: #FFF;
font: 500 40px/1.2 Roboto, Arial, sans-serif;
max-width: 300px
}
.b-about-section_index {
padding: 75px 0
}
.b-about-section_index .b-about-section__video {
float: right;
max-width: 66%;
margin-left: 30px;
margin-bottom: 60px;
margin-top: 40px
}
.b-about-section_index .b-about-section__row {
margin-left: -15px;
margin-right: -15px
}
.b-about-section_index .b-about-section__title {
margin-bottom: 40px;
color: #2E2E2E;
font: 500 40px Roboto, Arial, sans-serif
}
.b-about-section_index .b-about-section__wrap {
overflow: hidden
}
.b-about-section_index .b-about-section__wrap.show {
overflow: visible
}
.b-about-section_index .b-about-section__wrap.show .b-about-section__text {
max-height: 10000px;
overflow: visible
}
.b-about-section_index .b-about-section__wrap.show+.b-about-section__buttons {
margin-top: 50px
}
.b-about-section_index .b-about-section__text {
max-height: 440px;
overflow: hidden;
transition: all .35s ease
}
.b-about-section_index .b-about-section__text:before {
content: "";
display: block;
width: 100%;
height: 80px;
background-image: linear-gradient(180deg, transparent 0, #F0F4F6 100%);
position: absolute;
top: auto;
bottom: 0;
left: 0;
z-index: 2
}
.b-about-section_index .b-about-section__more-text {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 30px
}
.b-about-section_index .b-about-section__more-text a {
transition: all .35s ease
}
.b-about-section_index .b-about-section__more-text a.none {
transform: rotate(-180deg)
}
.b-about-section_index .b-about-section__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 0
}
@media (max-width:1400px) {
.b-about-section {
padding: 0 0 70px
}
.b-about-section__img,
.b-about-section__info {
padding: 100px 40px
}
.b-about-section__row {
margin-left: -40px;
margin-right: -40px
}
.b-about-section__title {
font: 26px/1 Roboto, Arial, sans-serif
}
.b-about-section__subtitle {
margin-bottom: 60px;
font: 500 20px Roboto, Arial, sans-serif
}
.b-about-section__text {
font: 16px/1.6 Roboto, Arial, sans-serif
}
.b-about-section__buttons {
margin-top: 40px
}
.b-about-section__img-wrap {
margin-right: calc(-50vw + 100% + 40px)
}
.b-about-section__img-label {
top: 50px;
left: 50px;
font: 500 30px/1.2 Roboto, Arial, sans-serif
}
.b-about-section_index {
padding: 75px 0
}
}
@media (max-width:1200px) {
.b-about-section {
padding: 0 0 50px
}
.b-about-section__img,
.b-about-section__info {
padding: 70px 30px
}
.b-about-section__row {
margin-left: -30px;
margin-right: -30px
}
.b-about-section__title {
font: 24px/1 Roboto, Arial, sans-serif
}
.b-about-section__subtitle {
margin-bottom: 50px;
font: 500 18px Roboto, Arial, sans-serif
}
.b-about-section__img-wrap {
margin-right: calc(-50vw + 100% + 30px)
}
.b-about-section__img-label {
top: 40px;
left: 40px;
font: 500 20px/1.2 Roboto, Arial, sans-serif
}
.b-about-section_index {
padding: 50px 0
}
}
@media (max-width:992px) {
.b-about-section__img,
.b-about-section__info {
padding: 40px 15px
}
.b-about-section__row {
margin-left: -15px;
margin-right: -15px
}
.b-about-section__title {
margin-bottom: 20px
}
.b-about-section__subtitle {
margin-bottom: 40px
}
.b-about-section__text:before {
width: 60px;
height: 60px;
top: -25px;
left: 0
}
.b-about-section__buttons {
margin-top: 30px
}
.b-about-section__img-wrap {
margin-right: calc(-50vw + 100% + 15px);
border-radius: 10px
}
.b-about-section__img-label {
top: 20px;
left: 20px;
font: 500 18px/1.2 Roboto, Arial, sans-serif
}
.b-about-section_index .b-about-section__video {
float: none;
margin: 0 -20px 30px;
max-width: none
}
.b-about-section_index .b-about-section__title {
display: none
}
.b-about-section_index .b-about-section__mob-title {
display: block;
text-align: center;
margin-bottom: 30px;
font: 500 40px Roboto, Arial, sans-serif
}
.b-about-section_index .b-about-section__text {
max-height: 200px;
margin-left: -20px;
margin-right: -20px;
padding: 0 20px
}
.b-about-section_index .b-about-section__buttons,
.b-about-section_index .b-about-section__wrap.show+.b-about-section__buttons {
margin-top: 30px
}
}
@media (max-width:640px) {
.b-about-section {
padding: 20px 0 40px;
background: #FFF
}
.b-about-section__info {
padding: 0 15px;
order: 2;
flex: 0 0 100%;
max-width: 100%
}
.b-about-section__info:after {
display: none
}
.b-about-section__img {
padding: 0 15px;
order: 1;
margin-bottom: 20px;
flex: 0 0 100%;
max-width: 100%
}
.b-about-section__img-wrap {
margin-right: 0
}
.b-about-section__buttons .b-btn {
width: 100%;
max-width: 230px;
margin: 0 auto;
display: block
}
.b-about-section_index {
padding: 30px 0;
background: #FFF
}
.b-about-section_index .b-about-section__video {
float: none;
margin: 0 -15px 30px
}
.b-about-section_index .b-about-section__text {
max-height: 200px;
margin-left: -15px;
margin-right: -15px;
padding: 0 15px
}
.b-about-section_index .b-about-section__text:before {
background-image: linear-gradient(180deg, transparent 0, #fff 100%)
}
}
.b-counter-section {
padding: 100px 0
}
.b-counter-section__wrap {
position: relative;
z-index: 1;
margin: 0 auto;
max-width: 620px
}
.b-counter-section__img img {
display: block;
margin: 0 auto
}
.b-counter-section__item {
position: absolute;
z-index: 2
}
.b-counter-section__item:before {
display: block;
width: 160px;
height: 160px;
position: absolute;
z-index: -1;
border-radius: 50%
}
.b-counter-section__item.item-1 {
top: 90px;
left: -120px
}
.b-counter-section__item.item-1:before {
background: #F8F3FF;
top: -40px;
left: -30px
}
.b-counter-section__item.item-2 {
top: 270px;
left: -235px
}
.b-counter-section__item.item-2:before {
background: #FFECFD;
top: -30px;
left: -60px
}
.b-counter-section__item.item-3 {
top: 440px;
left: -185px
}
.b-counter-section__item.item-3:before {
background: #FFF3F7;
top: -10px;
left: 25px
}
.b-counter-section__item.item-4 {
top: 90px;
right: -185px
}
.b-counter-section__item.item-4:before {
background: #FFF3F7;
top: -35px;
left: -35px
}
.b-counter-section__item.item-5 {
top: 270px;
right: -255px
}
.b-counter-section__item.item-5:before {
background: #FFECFD;
top: -15px;
left: 45px
}
.b-counter-section__item.item-6 {
top: 440px;
right: -230px
}
.b-counter-section__item.item-6:before {
background: #F8F3FF;
top: -20px;
left: -50px
}
.b-counter-section__desc {
font: 18px/1.5 Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-counter-section__count {
color: #F56CA8;
font: 700 60px Roboto, Arial, sans-serif
}
.b-counter-section__count span {
color: #F08BB7;
font: 500 30px Roboto, Arial, sans-serif
}
@media (max-width:1400px) {
.b-counter-section {
padding: 70px 0
}
.b-counter-section__wrap {
max-width: 520px
}
.b-counter-section__item:before {
width: 140px;
height: 140px
}
.b-counter-section__item.item-1 {
top: 50px;
left: -100px
}
.b-counter-section__item.item-2 {
top: 240px;
left: -215px
}
.b-counter-section__item.item-3 {
top: 400px;
left: -165px
}
.b-counter-section__item.item-4 {
top: 50px;
right: -155px
}
.b-counter-section__item.item-5 {
top: 240px;
right: -225px
}
.b-counter-section__item.item-6 {
top: 400px;
right: -200px
}
.b-counter-section__desc {
font: 16px/1.4 Roboto, Arial, sans-serif
}
.b-counter-section__count {
font: 700 50px Roboto, Arial, sans-serif
}
.b-counter-section__count span {
font: 500 25px Roboto, Arial, sans-serif
}
}
@media (max-width:992px) {
.b-counter-section {
padding: 50px 0
}
.b-counter-section__wrap {
max-width: 320px
}
.b-counter-section__item:before {
width: 120px;
height: 120px
}
.b-counter-section__item.item-1 {
top: 0;
left: -100px
}
.b-counter-section__item.item-2 {
top: 130px;
left: -185px
}
.b-counter-section__item.item-3 {
top: 250px;
left: -165px
}
.b-counter-section__item.item-4 {
top: 0;
right: -155px
}
.b-counter-section__item.item-5 {
top: 130px;
right: -195px
}
.b-counter-section__item.item-6 {
top: 250px;
right: -170px
}
.b-counter-section__desc {
font: 16px/1.4 Roboto, Arial, sans-serif
}
.b-counter-section__count span {
font: 500 24px Roboto, Arial, sans-serif
}
}
@media (max-width:640px) {
.b-counter-section {
padding: 20px 0
}
.b-counter-section__wrap {
max-width: 300px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-counter-section__img img {
position: relative;
z-index: 3
}
.b-counter-section__item {
position: relative;
margin-bottom: 30px;
clear: both;
z-index: auto
}
.b-counter-section__item:before {
width: 160px;
height: 160px
}
.b-counter-section__item.item-1 {
top: 0;
left: 60px;
float: right;
order: 0;
z-index: 1
}
.b-counter-section__item.item-1:before {
top: -5px;
left: -60px
}
.b-counter-section__item.item-2 {
top: 0;
left: 60px;
order: 2;
z-index: -1
}
.b-counter-section__item.item-2:before {
top: -60px;
left: 10px
}
.b-counter-section__item.item-3 {
top: 0;
left: 40px;
margin-bottom: 10px;
order: 4;
z-index: -3
}
.b-counter-section__item.item-3:before {
top: -75px;
left: 30px
}
.b-counter-section__item.item-4 {
top: 0;
right: auto;
left: -10px;
order: 1;
z-index: 0
}
.b-counter-section__item.item-4 .b-counter-section__count {
font-size: 60px
}
.b-counter-section__item.item-5 {
top: -10px;
right: 0;
order: 3;
z-index: -2
}
.b-counter-section__item.item-5:before {
top: -70px;
left: -40px;
background: #F8F3FF
}
.b-counter-section__item.item-6 {
top: 10px;
right: 0;
left: -40px;
order: 5;
z-index: -4
}
.b-counter-section__count,
.b-counter-section__desc {
position: relative;
z-index: 3
}
.b-counter-section__item.item-6:before {
top: -75px;
left: 5px
}
.b-counter-section__count {
font: 700 40px Roboto, Arial, sans-serif
}
}
.b-advantage-section {
padding: 20px 0 100px
}
.b-advantage-section__title {
text-align: center;
margin-bottom: 10px
}
.b-advantage-section__subtitle {
font: 500 20px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 30px;
color: #2E2E2E
}
.b-advantage-section__item {
text-align: center
}
.b-advantage-section__img {
margin-bottom: 30px
}
.b-advantage-section__img img {
display: block;
margin: 0 auto
}
.b-advantage-section__text {
font: 18px/1.5 Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-advantage-section__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 50px
}
.b-advantage-section_index {
padding: 100px 0
}
.b-advantage-section_index .b-advantage-section__list {
margin-bottom: -30px
}
.b-advantage-section_index .b-advantage-section__item {
margin-bottom: 30px;
text-align: left
}
@media (max-width:1200px) {
.b-advantage-section {
padding: 50px 0 70px
}
.b-advantage-section_index {
padding: 70px 0
}
.b-advantage-section_index .b-advantage-section__list {
margin-bottom: -20px
}
.b-advantage-section_index .b-advantage-section__item {
margin-bottom: 20px
}
}
@media (max-width:992px) {
.b-advantage-section,
.b-advantage-section_index {
padding: 70px 0
}
.b-advantage-section__title {
margin-bottom: 30px
}
.b-advantage-section__img {
margin-bottom: 20px
}
.b-advantage-section__text {
font: 16px/1.5 Roboto, Arial, sans-serif
}
.b-advantage-section__more {
margin-top: 40px
}
.b-advantage-section_index .b-advantage-section__list {
margin: 0 -10px -20px
}
.b-advantage-section_index .b-advantage-section__item {
margin-bottom: 20px;
padding: 0 10px
}
.b-advantage-section_index .b-advantage-section__item:last-child {
margin-bottom: 20px
}
}
@media (max-width:640px) {
.b-advantage-section,
.b-advantage-section_index {
padding: 40px 0
}
.b-advantage-section__item {
margin-bottom: 40px
}
.b-advantage-section__item:last-child {
margin-bottom: 0
}
.b-advantage-section_index .b-advantage-section__item.item-1 {
order: 1
}
.b-advantage-section_index .b-advantage-section__item.item-2 {
order: 2
}
.b-advantage-section_index .b-advantage-section__item.item-3 {
order: 4
}
.b-advantage-section_index .b-advantage-section__item.item-4 {
order: 3
}
.b-advantage-section_index .b-advantage-section__item.item-5 {
order: 5
}
.b-advantage-section_index .b-advantage-section__item.item-6 {
order: 6
}
}
.b-patient-stories-section {
padding: 50px 0;
background: #EFE7F1;
overflow: hidden;
position: relative;
z-index: 1
}
.b-patient-stories-section__title {
text-align: center;
margin-bottom: 50px
}
.b-patient-stories-section__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 50px
}
.b-patient-stories-section__slider {
position: relative;
z-index: 1;
padding: 0 40px
}
.b-patient-stories-section__slider .slick-list {
overflow: visible;
max-width: 100%
}
.b-patient-stories-section__slider .slick-track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-patient-stories-section__slider__item {
opacity: .3;
transition: all .3s ease 0s
}
.b-patient-stories-section__slider__item.slick-active {
opacity: 1
}
.b-patient-stories-section__slider .slick-arrow {
flex: 0 0 auto
}
.b-patient-stories-section__next {
position: absolute;
top: 50%;
right: -40px;
transform: translateY(-50%)
}
.b-patient-stories-section__prev {
position: absolute;
top: 50%;
left: -40px;
transform: translateY(-50%)
}
@media (max-width:1400px) {
.b-patient-stories-section__slider {
padding: 0 20px
}
.b-patient-stories-section__next {
right: 0
}
.b-patient-stories-section__prev {
left: 0
}
}
@media (max-width:1200px) {
.b-patient-stories-section__slider__item {
padding: 0 10px
}
}
@media (max-width:480px) {
.b-patient-stories-section {
padding: 30px 0
}
.b-patient-stories-section__title {
margin-bottom: 30px
}
.b-patient-stories-section__slider {
padding: 0;
margin: 0
}
.b-patient-stories-section__slider__item {
padding: 0;
opacity: 0
}
.b-patient-stories-section__next {
right: -10px;
top: 145px;
transform: none
}
.b-patient-stories-section__prev {
left: -10px;
top: 145px;
transform: none
}
.b-patient-stories-section__more {
margin-top: 30px;
padding: 0 10px
}
.b-patient-stories-section__more .b-btn {
width: 100%;
text-align: center
}
}
.b-patient-story-block {
position: relative;
z-index: 1;
font: 16px Roboto, Arial, sans-serif;
color: #2E2E2E;
max-width: 400px;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-patient-story-block:before {
display: block;
position: absolute;
top: 65px;
left: 0;
right: 0;
bottom: 0;
background: #FFF;
border-radius: 10px;
z-index: -1
}
.b-patient-story-block__img {
margin: 0 auto 35px
}
.b-patient-story-block__img img {
border: 1px solid #FFF;
border-radius: 50%;
display: block;
margin: 0 auto
}
.b-patient-story-block__wrap {
padding: 0 50px
}
.b-patient-story-block__name {
text-align: center;
margin-bottom: 35px;
font: 700 16px Roboto, Arial, sans-serif
}
.b-patient-story-block__text {
margin-bottom: 35px;
flex: 1 1 auto;
height: 76px;
overflow: hidden
}
.b-patient-story-block__text:after {
content: ">>";
color: #F56CA8
}
.b-patient-story-block__param {
margin-bottom: 25px
}
.b-patient-story-block__param__label {
color: #9A9A9A;
margin-bottom: 10px
}
.b-patient-story-block__param__value {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-patient-story-block__param__value svg {
fill: #F56CA8;
margin-right: 10px
}
.b-patient-story-block__param__value a {
color: #2E2E2E;
text-decoration: underline
}
.b-patient-story-block__button {
min-height: 48px
}
.b-patient-story-block__button .b-btn {
border-radius: 0 0 10px 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
padding-top: 8px;
padding-bottom: 9px
}
.b-patient-story-block__button .b-btn__icon {
color: #F04C95
}
.b-patient-story-block__button .b-btn svg {
display: block
}
.b-patient-story-block_big {
padding: 50px 30px;
height: auto;
box-shadow: 0 0 13px rgba(0, 0, 0, .08);
border-radius: 10px;
max-width: none
}
.b-patient-story-block_big:before {
display: none
}
.b-patient-story-block_big .b-patient-story-block__img {
margin: 0 25px 0 0;
flex: 0 0 100px;
max-width: 100px
}
.b-patient-story-block_big .b-patient-story-block__img img {
border: 0;
width: 100px;
height: 100px
}
.b-patient-story-block_big .b-patient-story-block__wrap {
padding: 0
}
.b-patient-story-block_big .b-patient-story-block__head {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
margin-bottom: 30px
}
.b-patient-story-block_big .b-patient-story-block__name {
text-align: left;
margin-bottom: 0;
font: 16px Roboto, Arial, sans-serif;
color: #9A9A9A
}
.b-patient-story-block_big .b-patient-story-block__title {
margin-bottom: 30px;
font: 500 22px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-patient-story-block_big .b-patient-story-block__text {
margin-bottom: 30px;
height: auto;
padding: 0 0 0 25px;
position: relative;
color: #626262;
max-height: 152px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical
}
.b-patient-story-block_big .b-patient-story-block__text:after {
content: "";
border: 0;
display: block;
width: 13px;
height: 11px;
background: url(/v8/css/../images/text-“.svg) 0 0/contain no-repeat;
position: absolute;
top: 0;
left: 0
}
.b-patient-story-block_big .b-patient-story-block__param {
margin-bottom: 25px
}
.b-patient-story-block_big .b-patient-story-block__param:last-child {
margin-bottom: 0
}
.b-patient-story-block_big .b-patient-story-block__param__label {
color: #9A9A9A;
margin-bottom: 10px
}
.b-patient-story-block_big .b-patient-story-block__param__value {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-patient-story-block_big .b-patient-story-block__param__value svg {
fill: #F56CA8;
margin-right: 10px
}
.b-patient-story-block_big .b-patient-story-block__param__value a {
color: #2E2E2E;
text-decoration: underline
}
.b-patient-story-block_big .b-patient-story-block__more {
text-align: center;
color: #F56CA8;
margin-top: 40px
}
.b-patient-story-block_big .b-patient-story-block__video {
min-height: 0;
position: absolute;
top: 0;
right: 0;
border-radius: 0 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 9px 15px 8px
}
.b-main-doctor-section__slider .slick-track,
.b-patient-story-block_big .b-patient-story-block__video .b-btn svg {
display: block
}
.b-patient-story-block_big .b-patient-story-block__video .b-btn__icon {
color: #F04C95
}
@media (max-width:1200px) {
.b-patient-story-block__wrap {
padding: 0 20px
}
}
@media (max-width:640px) {
.b-patient-story-block_big {
padding: 20px 20px 15px
}
.b-patient-story-block_big .b-patient-story-block__img {
margin: 0 0 20px;
flex: 0 0 100%;
max-width: 100%
}
.b-patient-story-block_big .b-patient-story-block__img img {
border: 0;
width: 100px;
height: 100px;
margin: 0 auto
}
.b-patient-story-block_big .b-patient-story-block__head {
display: block;
margin-bottom: 15px
}
.b-patient-story-block_big .b-patient-story-block__name,
.b-patient-story-block_big .b-patient-story-block__title {
text-align: center
}
.b-patient-story-block_big .b-patient-story-block__param {
margin-bottom: 10px
}
.b-patient-story-block_big .b-patient-story-block__param:last-child {
margin-bottom: 0
}
.b-patient-story-block_big .b-patient-story-block__param__value,
.b-patient-story-block_big .b-patient-story-block__param__value a {
color: #9A9A9A
}
.b-patient-story-block_big .b-patient-story-block__more {
text-align: right;
margin-top: 35px
}
.b-patient-story-block_big .b-patient-story-block__video {
top: auto;
right: auto;
bottom: 0;
left: 0;
padding: 8px 10px 7px;
text-transform: none;
font-size: 14px
}
}
.b-main-doctor-section__position,
.b-main-doctor-section__text {
font: 18px/1.8 Roboto, Arial, sans-serif
}
.b-main-doctor-section {
position: relative;
padding: 100px 0 80px
}
.b-main-doctor-section__title {
text-align: center;
margin-bottom: 85px
}
.b-main-doctor-section__slider-wrap {
position: relative;
z-index: 1
}
.b-main-doctor-section__slider-wrap:after {
content: "";
display: block;
width: 750px;
height: 630px;
max-width: 120%;
max-height: 120%;
position: absolute;
top: 120px;
left: -100px;
z-index: -1;
background: url(/v8/css/../images/b-main-doctor-section-bg.png) 50% 50%/contain no-repeat
}
.b-main-doctor-section__slider {
max-width: 510px;
margin: 0 auto
}
.b-main-doctor-section__img,
.b-main-doctor-section__info-title {
margin-bottom: 40px
}
.b-main-doctor-section__slider .slick-list {
padding: 20px 0 !important
}
.b-main-doctor-section__slider .slick-slide {
border: 0
}
.b-main-doctor-section__slider .slick-slide>
div:not(.b-advantage-block) {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch;
padding-bottom: 30px;
transform: translateY(-40px)
}
.b-main-doctor-section__slider .mCSB_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
padding: 15px 0
}
.b-main-doctor-section__slider .mCSB_scrollTools {
opacity: 0 !important
}
.b-main-doctor-section__slider__item {
flex: 0 0 50%;
padding: 0 15px;
transition: all .3s ease 0s
}
.b-main-doctor-section__slider__item:nth-of-type(2n) {
padding-top: 30px
}
.b-main-doctor-section__img img {
max-width: 200px
}
.b-main-doctor-section__text {
margin-bottom: 25px;
color: #9A9A9A
}
.b-main-doctor-section__position {
margin-bottom: 35px;
color: #000
}
.b-main-doctor-section__param {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
margin-bottom: 60px
}
.b-main-doctor-section__param__label {
margin-right: 20px;
fill: #F56CA8;
width: 20px;
height: 20px;
display: block
}
.b-main-doctor-section__param__value {
color: #F56CA8;
font: 700 20px Roboto, Arial, sans-serif
}
.b-main-doctor-section__param__value span {
font: 16px Roboto, Arial, sans-serif;
color: #2E2E2E
}
@media (max-width:1200px) {
.b-main-doctor-section {
padding: 70px 0 50px
}
.b-main-doctor-section__title {
margin-bottom: 50px
}
}
@media (max-width:992px) {
.b-main-doctor-section {
padding: 50px 0 30px
}
.b-main-doctor-section__title {
margin-bottom: 40px
}
.b-main-doctor-section__slider-wrap:after {
top: 0
}
.b-main-doctor-section__slider .slick-track {
display: flex
}
.b-main-doctor-section__slider .slick-slide>
div:not(.b-advantage-block) {
padding-bottom: 20px;
transform: translateY(0)
}
.b-main-doctor-section__slider__item {
padding: 0 10px;
flex: 0 0 auto;
margin-bottom: 20px
}
.b-main-doctor-section__slider__item:nth-of-type(2n) {
padding-top: 0
}
.b-main-doctor-section__img {
margin-bottom: 30px
}
.b-main-doctor-section__info-title {
margin-bottom: 20px
}
.b-main-doctor-section__position,
.b-main-doctor-section__text {
margin-bottom: 20px;
font: 16px/1.5 Roboto, Arial, sans-serif
}
.b-main-doctor-section__param {
margin-bottom: 30px
}
}
@media (max-width:640px) {
.b-main-doctor-section {
padding: 40px 0 20px
}
.b-main-doctor-section__title {
margin-bottom: 30px
}
.b-main-doctor-section__img img {
margin: 0 auto;
display: block
}
.b-main-doctor-section__info {
margin-bottom: 20px
}
.b-main-doctor-section__slider-wrap {
padding: 0 0 40px;
background-size: auto 100%
}
.b-main-doctor-section__slider-wrap:after {
top: -50px;
left: -50px
}
.b-main-doctor-section__slider {
height: auto
}
.b-main-doctor-section__slider:not(.slick-initialized) {
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-main-doctor-section__slider .slick-track {
display: flex
}
.b-main-doctor-section__slider__item {
margin-bottom: 0
}
.b-main-doctor-section__slider__item:nth-of-type(2n) {
padding-top: 0
}
.b-main-doctor-section__row {
margin: 0 -20px
}
.b-main-doctor-section__prev {
left: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.b-main-doctor-section__next {
right: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.b-main-doctor-section__button {
padding: 0 10px
}
.b-main-doctor-section__button .b-btn {
width: 100%;
text-align: center
}
}
.b-advantage-block {
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
padding: 20px 30px;
text-align: center;
max-width: 225px;
height: 345px;
overflow: hidden;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin: 0 auto;
border-radius: 10px
}
.b-advantage-block__img {
margin-bottom: 15px
}
.b-advantage-block__img img {
display: block;
margin: 0 auto;
max-width: 100px
}
.b-advantage-block__text {
font: 18px/1.5 Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-advantage-block_friend {
padding: 5px 10px 15px;
height: 100%;
max-width: none;
display: block
}
.b-advantage-block_friend .b-advantage-block__img {
margin-bottom: 10px;
height: 105px
}
.b-advantage-block_friend .b-advantage-block__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
max-width: none
}
.b-advantage-block_friend .b-advantage-block__text {
font: 16px/1.2 Roboto, Arial, sans-serif
}
.b-advantage-block_color {
padding: 30px 10px;
height: 100%;
box-shadow: none;
text-align: left;
max-width: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
border-radius: 18px;
background: #E3F3FF
}
.b-advantage-block_color.color-2 {
background: #FFEAF6
}
.b-advantage-block_color.color-3 {
background: #EDE8F8
}
.b-advantage-block_color.color-4 {
background: #FFEAF6
}
.b-advantage-block_color.color-5 {
background: #EDE8F8
}
.b-advantage-block_color .b-advantage-block__img {
margin: 0 10px 0 0
}
.b-advantage-block_minimal {
background: 0 0;
box-shadow: none;
padding: 0;
max-width: none;
height: auto;
display: block;
border-radius: 0;
color: #2E2E2E
}
.b-advantage-block_minimal .b-advantage-block__img {
margin-bottom: 20px
}
.b-advantage-block_minimal .b-advantage-block__text {
font: 16px/1.5 Roboto, Arial, sans-serif
}
@media (max-width:992px) {
.b-advantage-block_color {
padding: 15px 5px 5px;
text-align: center;
display: block;
min-height: 190px
}
.b-advantage-block_color.color-2 {
background: #FFEAF6
}
.b-advantage-block_color.color-3 {
background: #EDE8F8
}
.b-advantage-block_color.color-4 {
background: #FFEAF6
}
.b-advantage-block_color.color-5 {
background: #EDE8F8
}
.b-advantage-block_color.color-6 {
background: #E3F3FF
}
.b-advantage-block_color .b-advantage-block__img {
margin: 0 0 10px
}
.b-advantage-block_color .b-advantage-block__img img {
width: 70px;
height: 70px;
-o-object-fit: contain;
object-fit: contain
}
.b-advantage-block_color .b-advantage-block__text {
font: 13px/1.5 Roboto, Arial, sans-serif
}
}
@media (max-width:640px) {
.b-advantage-block_friend {
max-width: 230px;
margin: 0 auto;
padding: 15px 10px
}
.b-advantage-block_friend .b-advantage-block__img {
margin-bottom: 15px;
height: 140px
}
}
.b-instagram-section {
padding: 70px 0 50px;
background: #EFE7F1
}
.b-instagram-section__title {
text-align: center;
margin-bottom: 30px
}
.b-instagram-section__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 30px
}
.b-instagram-section__slider:not(.slick-initialized) {
flex-wrap: nowrap
}
.b-instagram-section__slider {
position: relative
}
.b-friends-section__next,
.b-friends-section__prev,
.b-instagram-section__next,
.b-instagram-section__prev {
position: absolute;
transform: translateY(-50%);
top: 50%
}
.b-instagram-section__slider .slick-list {
padding: 20px !important
}
.b-instagram-section__item img {
display: block;
box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
.b-instagram-section__item.slick-slide {
opacity: 0;
transition: all .3s ease 0s
}
.b-instagram-section__item.slick-active {
opacity: 1
}
.b-instagram-section__next {
right: 0
}
.b-instagram-section__prev {
left: 0
}
@media (max-width:992px) {
.b-instagram-section {
padding: 50px 0
}
.b-instagram-section__title {
margin-bottom: 20px
}
}
@media (max-width:480px) {
.b-instagram-section__next,
.b-instagram-section__prev {
border-color: #FFF;
color: #2E2E2E;
box-shadow: none;
background-color: #FFF
}
.b-instagram-section__next svg,
.b-instagram-section__prev svg {
fill: #2E2E2E
}
.b-instagram-section {
padding: 30px 0
}
.b-instagram-section__title {
margin-bottom: 10px
}
.b-instagram-section__more .b-btn {
width: 100%;
text-align: center;
max-width: 250px
}
.b-instagram-section__slider {
margin: 0
}
.b-instagram-section__slider .slick-list {
padding: 20px 0 !important;
overflow: visible
}
.b-instagram-section__item {
padding: 0;
opacity: 0
}
.b-instagram-section__item.slick-active {
opacity: 1
}
.b-instagram-section__prev {
left: -10px
}
.b-instagram-section__next {
right: -10px
}
}
.b-friends-section {
padding: 100px 0;
overflow: hidden
}
.b-friends-section__title {
text-align: center;
margin-bottom: 70px
}
.b-friends-section__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 50px
}
.b-friends-section__next {
right: 0
}
.b-friends-section__prev {
left: 0
}
.b-friends-section__info {
position: relative;
z-index: 2
}
.b-friends-section__info__item {
position: relative;
z-index: auto;
margin-bottom: 75px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end;
font: 18px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-friends-section__info__item:last-child {
margin-bottom: 0
}
.b-friends-section__info__item:after {
content: "";
display: block;
width: 147px;
height: 147px;
border-radius: 50%;
position: absolute;
z-index: -1
}
.b-friends-section__info__item.item-1:after {
top: -25px;
left: -70px;
background: #EFF8FF
}
.b-friends-section__info__item.item-2:after {
top: -55px;
left: -50px;
background: #FFF3FA
}
.b-friends-section__info__item.item-3:after {
top: -55px;
left: -75px;
background: #EDE8F8
}
.b-friends-section__info__icon {
margin: 0 20px 25px 0
}
.b-friends-section__info__icon svg {
width: 50px;
height: 50px;
fill: #2E2E2E
}
.b-friends-section__info__title {
text-transform: uppercase;
font: 700 18px Roboto, Arial, sans-serif;
margin-bottom: 25px
}
.b-friends-section__friends {
position: relative;
z-index: auto
}
.b-friends-section__friends:before {
content: "";
background: url(/v8/css/../images/friends-section-bg.jpg) 50% 50%/contain no-repeat;
display: block;
position: absolute;
top: -180px;
left: -90px;
right: -40px;
bottom: -75px;
z-index: -1
}
.b-friends-section_list .b-friends-section__title {
text-align: left;
margin-bottom: 20px;
font: 500 20px Roboto, Arial, sans-serif
}
.b-friends-section_list .b-friends-section__more {
margin-top: 30px
}
@media (max-width:1400px) {
.b-friends-section {
padding: 70px 0
}
.b-friends-section__title {
margin-bottom: 50px
}
.b-friends-section__more {
margin-top: 40px
}
.b-friends-section__info__item {
margin-bottom: 50px;
font: 16px Roboto, Arial, sans-serif
}
.b-friends-section__info__item:after {
width: 100px;
height: 100px
}
.b-friends-section__info__icon {
margin: 0 20px 20px 0
}
.b-friends-section__info__title {
font: 700 16px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-friends-section_list .b-friends-section__title {
margin-bottom: 20px
}
}
@media (max-width:992px) {
.b-friends-section {
padding: 50px 0
}
.b-friends-section__title {
margin-bottom: 40px
}
.b-friends-section__info {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.b-friends-section__info__item {
flex: 0 0 33.33%;
font-size: 14px;
margin-bottom: 40px
}
.b-friends-section__info__icon {
margin: 0 10px 20px 0
}
.b-friends-section_list .b-friends-section__title {
margin-bottom: 20px
}
}
@media (max-width:640px) {
.b-friends-section__next svg,
.b-friends-section__prev svg {
fill: #2E2E2E
}
.b-friends-section {
padding: 40px 0 65px
}
.b-friends-section__title {
margin-bottom: 50px
}
.b-friends-section__more {
margin-top: 20px
}
.b-friends-section__more .b-btn {
width: 100%;
text-align: center;
max-width: 250px
}
.b-friends-section__info {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 90px
}
.b-friends-section__info__item {
flex: 0 0 100%;
font-size: 16px;
max-width: 260px;
margin: 0 auto 50px
}
.b-friends-section__info__item:last-child {
margin-bottom: 0
}
.b-friends-section__info__item:after {
width: 140px;
height: 140px
}
.b-friends-section__info__item.item-1:after {
top: -30px;
left: -40px
}
.b-friends-section__info__item.item-2:after {
top: -40px;
left: -20px
}
.b-friends-section__info__item.item-3:after {
top: -20px;
left: -40px
}
.b-friends-section__info__icon {
margin: 0 10px 20px 0
}
.b-friends-section__friends .slick-dots,
.b-friends-section__slider .slick-dots,
.b-friends-section_list .b-friends-section__more {
margin-top: 20px
}
.b-friends-section__info__title {
font-size: 18px
}
.b-friends-section__friends:before {
background-size: cover;
top: -120px;
bottom: -45px
}
.b-friends-section__slider {
position: relative
}
.b-friends-section__slider:before {
content: "";
background: url(/v8/css/../images/friends-section-bg.jpg) 50% 50%/contain no-repeat;
display: block;
position: absolute;
top: -180px;
left: -90px;
right: -40px;
bottom: -75px;
z-index: -1
}
.b-friends-section__next,
.b-friends-section__prev {
border-color: #FFF;
color: #2E2E2E;
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
background-color: #FFF;
z-index: 10
}
.b-friends-section__slider .slick-track {
display: flex;
flex-wrap: nowrap
}
.b-friends-section__item {
max-width: 100vw
}
.b-friends-section__slider:not(.slick-initialized) {
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.b-friends-section__next {
right: 0
}
.b-friends-section__prev {
left: 0
}
.b-friends-section_list {
padding: 30px 0;
background: url(/v8/css/../images/friend-section-index-bg-xs.png) 50% 50%/100% auto no-repeat
}
.b-friends-section_list .b-friends-section__title {
margin-bottom: 60px;
font: 500 16px Roboto, Arial, sans-serif;
text-align: center
}
.b-friends-section_list .b-friends-section__slider {
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-friends-section_list .b-friends-section__slider .slick-list {
overflow: visible;
max-width: 100%
}
.b-friends-section_list .b-friends-section__item {
padding: 0 7px;
max-width: 250px
}
}
.b-sertificats-section {
padding: 100px 0;
background: #F7EDF3;
overflow: hidden;
position: relative;
z-index: 1
}
.b-sertificats-section__title {
text-align: center;
margin-bottom: 50px
}
.b-sertificats-section__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 50px
}
.b-sertificats-section__slider:not(.slick-initialized) {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-sertificats-section__slider {
position: relative;
z-index: 1;
padding: 0;
margin: 0 -15px
}
.b-sertificats-section__next,
.b-sertificats-section__prev {
position: absolute;
top: 125px;
transform: translateY(0);
z-index: 5
}
.b-sertificats-section__slider .slick-list {
overflow: visible;
max-width: 100%
}
.b-sertificats-section__slider__item {
padding: 0 15px;
opacity: .3;
transition: all .3s ease 0s;
flex: 0 0 auto;
max-width: none
}
.b-sertificats-section__slider__item.slick-active,
.b-sertificats-section__slider__item.slick-current {
opacity: 1
}
.b-sertificats-section__slider .slick-arrow {
flex: 0 0 auto
}
.b-sertificats-section__slider .slick-dots {
margin-top: 50px
}
.b-sertificats-section__next {
right: -15px
}
.b-sertificats-section__prev {
left: -15px
}
.b-sertificats-section_white-bg {
background: #FFF
}
.b-sertificats-section_blue-bg {
background: #F5F8FD
}
.b-sertificats-section_pink-arrows .b-btn-round {
background: #FFCAE1;
border: 1px solid #FFF2F8;
box-shadow: 0 0 20px rgba(255, 94, 164, .3);
color: #FFF
}
.b-sertificats-section_pink-arrows .b-btn-round:hover {
background: #FDAACE;
border: 1px solid #FFD3E6;
box-shadow: 0 0 20px rgba(245, 108, 168, .7);
color: #FFF
}
@media (max-width:1400px) {
.b-sertificats-section {
padding: 70px 0
}
.b-sertificats-section__slider {
padding: 0 10px
}
.b-sertificats-section__next {
right: 0
}
.b-sertificats-section__prev {
left: 0
}
}
@media (max-width:1200px) {
.b-sertificats-section {
padding: 50px 0
}
.b-sertificats-section__slider__item {
padding: 0 10px
}
}
@media (max-width:640px) {
.b-sertificats-section {
padding: 40px 0;
background: #F7EDF3
}
.b-sertificats-section_white-bg {
background: #FFF
}
.b-sertificats-section_blue-bg,
.b-sertificats-section_pink-arrows {
background: #F5F8FD
}
.b-sertificats-section__title {
margin-bottom: 40px
}
.b-sertificats-section__slider {
padding: 0
}
.b-sertificats-section__slider__item {
padding: 0 5px;
opacity: 0;
max-width: 270px;
flex: 0 0 270px
}
.b-sertificats-section__slider__item .b-article-block__img,
.b-sertificats-section__slider__item .b-license-card__img {
margin-bottom: 70px
}
.b-sertificats-section__slider .slick-dots {
position: absolute;
left: 0;
width: 100%;
margin: 0;
transition: all .35s ease
}
.b-sertificats-section__next {
right: 15px;
top: 155px;
transform: none;
transition: all .35s ease
}
.b-sertificats-section__prev {
left: 15px;
top: 155px;
transform: none;
transition: all .35s ease
}
.b-sertificats-section__more {
margin-top: 30px
}
.b-sertificats-section__more .b-btn {
white-space: normal;
padding-top: 6px;
padding-bottom: 4px;
border-radius: 50px
}
.b-sertificats-section_pink-arrows .b-btn-round {
background: #FFF;
border: 1px solid #FFF2F8;
color: #2E2E2E;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.b-sertificats-section_pink-arrows .b-btn-round:hover {
color: #F56CA8;
background: #FFF;
border-color: #FFF2F8;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
}
.b-contacts-section {
padding: 100px 0 0
}
.b-contacts-section__title {
text-align: center;
margin-bottom: 35px
}
.b-contacts-section__subtitle {
text-align: center;
margin-bottom: 25px;
color: #2E2E2E;
font: 20px/1.5 Roboto, Arial, sans-serif
}
.b-contacts-section__desc {
text-align: center;
color: #9A9A9A;
font: 18px/1.5 Roboto, Arial, sans-serif;
max-width: 970px;
margin: 0 auto 40px
}
.b-contacts-section__contacts {
margin-bottom: 55px
}
.b-contacts-section__find-btn {
padding: 0 30px
}
.b-contacts-section__map {
margin: 60px calc(-50vw + 50%) 0;
position: relative
}
.b-contacts-section__map-block {
width: 100%;
height: 725px
}
.b-contacts-section__map-zoom {
position: absolute;
bottom: -24px;
right: 20px;
width: 49px;
height: 49px;
border: 1px solid #F56CA8;
border-radius: 50%;
background: #F56CA8;
display: none;
transition: all .35s ease
}
.b-contacts-section__map-zoom svg {
display: block;
width: 24px;
height: 24px;
fill: #FFF
}
.b-contacts-section__map-zoom.active {
bottom: 20px;
z-index: 9501;
position: fixed;
border: 1px solid #C59AAD;
background: #FFF
}
.b-contacts-section__map-zoom.active svg {
fill: #F56CA8
}
.b-contacts-section__adres-list {
margin-top: 60px
}
.b-contacts-section__adres-list__row {
margin-left: -50px;
margin-right: -50px
}
.b-contacts-section__adres-list__col {
border-right: 1px #DCDCDC solid;
padding: 0 50px
}
.b-contacts-section__adres-list__col:last-child {
border: 0
}
.b-contacts-section__adres-list__title {
text-transform: uppercase;
color: #2E2E2E;
font: 700 20px Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-contacts-section__adres-list__title span {
display: inline-block;
padding: 0 0 15px;
border-bottom: 1px #2E2E2E solid
}
@media (max-width:1200px) {
.b-contacts-section {
padding: 70px 0 0
}
.b-contacts-section__contacts {
margin-bottom: 40px
}
.b-contacts-section__adres-list {
margin-top: 40px
}
.b-contacts-section__adres-list__row {
margin-left: -15px;
margin-right: -15px
}
.b-contacts-section__adres-list__col {
padding: 0 15px
}
.b-contacts-section__adres-list__title {
font: 700 18px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-contacts-section__adres-list__title span {
padding: 0 0 10px
}
}
@media (max-width:992px) {
.b-contacts-section {
padding: 50px 0 0
}
.b-contacts-section__subtitle {
margin-bottom: 20px;
font: 18px Roboto, Arial, sans-serif
}
.b-contacts-section__desc {
font: 16px Roboto, Arial, sans-serif
}
.b-contacts-section__adres-list__col {
margin-bottom: 40px
}
.b-contacts-section__adres-list__col:last-child {
margin-bottom: 0
}
.b-contacts-section__map {
margin: 40px -20px 0
}
.b-contacts-section__map-block {
width: 100%;
height: 425px;
transition: all .35s ease
}
.b-contacts-section__map-block.fixed {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9;
margin: 0
}
.b-contacts-section__map-block.fixed .ymaps-2-1-77-map {
height: 100% !important;
width: 100% !important
}
}
@media (max-width:640px) {
.b-contacts-section {
padding: 40px 0
}
.b-contacts-section__title {
margin-bottom: 25px;
font: 500 40px Roboto, Arial, sans-serif
}
.b-contacts-section__subtitle {
margin-bottom: 20px;
font: 18px Roboto, Arial, sans-serif;
display: none
}
.b-contacts-section__desc {
font: 16px Roboto, Arial, sans-serif;
display: none
}
.b-contacts-section__tabs {
box-shadow: 0 4px 4px rgba(0, 0, 0, .08)
}
.b-contacts-section__contacts {
margin-bottom: 15px
}
.b-contacts-section__contacts__item {
margin-bottom: 20px
}
.b-contacts-section__contacts__item:last-child {
margin-bottom: 0
}
.b-contacts-section__contacts__item .b-btn {
min-width: 240px
}
.b-contacts-section__find-btn {
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px
}
.b-contacts-section__find-btn .b-btn {
background: 0 0;
color: #000;
text-transform: none
}
.b-contacts-section__find-btn .b-btn .b-btn__icon-right,
.b-contacts-section__find-btn .b-btn svg,
.b-contacts-section__find-btn .b-btn:after,
.b-contacts-section__find-btn .b-btn:before {
display: none
}
.b-contacts-section__adres-list {
margin-top: 0
}
.b-contacts-section__adres-list__row {
margin-left: -20px;
margin-right: -20px
}
.b-contacts-section__adres-list__col {
border-right: 0;
padding: 0 20px;
margin-bottom: 0
}
.b-contacts-section__adres-list__title {
background: #FBFBFB;
font: 700 14px/20px Roboto, Arial, sans-serif;
margin: 0 -20px;
padding: 23px 20px;
position: relative;
z-index: 1;
cursor: pointer;
box-shadow: inset 0 6px 6px rgba(0, 0, 0, .08)
}
.b-contacts-section__adres-list__title:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px #9A9A9A solid;
border-bottom: 2px #9A9A9A solid;
transform: rotate(-45deg) translate(50%, -50%);
position: absolute;
top: 50%;
right: 20px
}
.b-contacts-section__adres-list__title span {
padding: 0;
border-bottom: 0
}
.b-contacts-section__adres-list__title.active:after {
transform: rotate(45deg) translate(-25%, -50%)
}
.b-contacts-section__adres-list__title.active+.b-adres-list {
display: block
}
.b-contacts-section__adres-list__title+.b-adres-list {
display: none
}
.b-contacts-section__tabs {
margin-left: -20px;
margin-right: -20px;
position: relative;
z-index: 3
}
.b-contacts-section__map-zoom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
}
.b-tabs__nav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.b-tabs__nav__item {
display: inline-block;
font: 500 14px Roboto, Arial, sans-serif;
position: relative;
text-align: center;
margin-right: 4rem
}
.b-tabs__nav__item:last-child {
margin-left: 0
}
.b-tabs__nav__item:after {
content: "";
display: block;
width: 0%;
height: 2px;
background: #2376E3;
background-image: linear-gradient(90deg, #2376E3 0, #7D61B2 100%);
position: absolute;
bottom: -3px;
left: 50%;
transition: all .3s ease 0s
}
.b-tabs__nav__item a {
display: block;
padding: 0 0 8px;
text-transform: uppercase;
transition: all .3s ease 0s
}
.b-tabs__nav__item.active,
.b-tabs__nav__item:hover {
color: #2376E3;
background: linear-gradient(90deg, #2376E3 0, #7D61B1 100%, #7D61B1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.b-tabs__nav__item.active:after,
.b-tabs__nav__item:hover:after {
width: 100%;
left: 0
}
.b-tabs__nav_center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-tabs__nav_center .b-tabs__nav__item {
margin: 0 2rem
}
.b-tabs__body {
visibility: hidden;
opacity: 0;
transition: opacity 0s ease;
position: absolute;
left: -8888px;
top: 0
}
.b-tabs__body.active {
display: block;
visibility: visible;
opacity: 1;
pointer-events: auto;
position: relative;
left: 0
}
.tab-nav-select {
display: none
}
.b-contact-icon-block {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font: 16px/25px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-contact-icon-block__call,
.b-contact-icon-block__call a {
text-decoration: underline !important
}
.b-contact-icon-block__icon {
margin: 0 15px 0 0
}
.b-contact-icon-block__icon svg {
display: block;
-o-object-fit: contain;
object-fit: contain;
fill: #F56CA8
}
.b-contact-icon-block__icon img {
display: block
}
.b-contact-icon-block__phone {
font: 500 17px Roboto, Arial, sans-serif
}
.b-contact-icon-block__call {
font: 12px Roboto, Arial, sans-serif;
color: #F56CA8
}
.b-contact-icon-block__call:hover,
.b-contact-icon-block__call:hover a {
text-decoration: none !important
}
.b-contact-icon-block_gray .b-contact-icon-block__icon svg {
fill: #D5D5D5
}
.b-contact-icon-block_blue {
color: #6272FF
}
.b-contact-icon-block_underline a,
.b-contact-icon-block_whatsapp a {
text-decoration: underline
}
.b-contact-icon-block_underline a:hover,
.b-contact-icon-block_whatsapp a:hover {
text-decoration: none
}
.b-contact-icon-block_adres {
color: #9A9A9A
}
.b-contact-icon-block_adres a {
color: #2E2E2E;
text-decoration: underline
}
.b-adres-list__title a,
.b-article-block__title a {
text-decoration: none
}
.b-contact-icon-block_adres span {
color: #2E2E2E
}
.b-contact-icon-block_middle {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-contact-icon-block_lg {
font: 20px/30px Roboto, Arial, sans-serif
}
.b-contact-icon-block_lg .b-contact-icon-block__icon svg {
width: 30px;
height: 30px
}
.b-contact-icon-block_sm {
font: 14px/20px Roboto, Arial, sans-serif
}
.b-contact-icon-block_xs {
font: 12px/20px Roboto, Arial, sans-serif
}
.b-contact-icon-block_xs .b-contact-icon-block__icon {
margin: 0 10px 0 0
}
.b-contact-icon-block_xs .b-contact-icon-block__icon svg {
width: 20px;
height: 20px
}
.b-contact-icon-block_date,
.b-contact-icon-block_phone {
font-weight: 500
}
.b-articles-section {
padding: 100px 0
}
.b-articles-section_pad-bottom-0,
body [class$='_pb-0'],
body [class*='_pb-0 '] {
padding-bottom: 0
}
.b-articles-section__title {
text-align: center;
margin-bottom: 30px
}
.b-articles-section__subtitle {
text-align: center;
margin: 0 auto 25px;
max-width: 970px;
font: 20px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-articles-section__desc {
text-align: center;
margin: 0 auto 40px;
max-width: 970px;
color: #9A9A9A;
font: 18px Roboto, Arial, sans-serif
}
.b-articles-section__slider {
position: relative;
z-index: 1
}
.b-articles-section__slider .slick-track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-articles-section__slider .slick-slide {
height: auto
}
.b-articles-section__slider.slick-initialized .b-articles-section__item {
flex: 0 0 auto
}
.b-articles-section__slider .slick-dots {
margin-top: 40px
}
.b-articles-section__prev {
position: absolute;
top: 65px;
left: -25px;
z-index: 3
}
.b-articles-section__next {
position: absolute;
top: 65px;
right: -25px;
z-index: 3
}
@media (max-width:1200px) {
.b-articles-section {
padding: 70px 0
}
.b-articles-section__prev {
left: 10px
}
.b-articles-section__next {
right: 10px
}
}
@media (max-width:992px) {
.b-articles-section__desc,
.b-articles-section__subtitle {
font: 16px Roboto, Arial, sans-serif
}
.b-articles-section {
padding: 50px 0
}
.b-articles-section__prev {
left: 0
}
.b-articles-section__next {
right: 0
}
.b-articles-section__title {
margin-bottom: 15px
}
.b-articles-section__subtitle {
margin: 0 auto 10px
}
.b-articles-section__desc {
margin: 0 auto 25px
}
}
@media (max-width:640px) {
.b-articles-section {
padding: 40px 0
}
.b-articles-section__prev {
left: 10px;
transition: all .35s ease
}
.b-articles-section__next {
right: 10px;
transition: all .35s ease
}
.b-articles-section .slick-dots {
position: absolute;
left: 0;
width: 100%;
margin: 0;
transition: all .35s ease
}
.b-articles-section__slider .b-article-block__img,
.b-articles-section__slider .b-license-card__img {
margin-bottom: 55px
}
.b-articles-section__slider .slick-dots {
position: absolute;
left: 0;
width: 100%;
margin: 0;
transition: all .35s ease
}
.b-article-block__img {
margin-left: -15px;
margin-right: -15px
}
}
.b-article-block {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
height: 100%
}
.b-article-block__img {
height: 190px;
margin-bottom: 30px;
transition: all .35s ease
}
.b-article-block__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: all .35s ease
}
.b-article-block_photo .b-article-block__img a:after,
.b-article-block_video .b-article-block__img a:after {
display: block;
width: 100%;
top: 0;
left: 0;
transition: all .3s ease 0s;
z-index: 1;
pointer-events: none;
content: ""
}
.b-article-block__img:hover {
transform: scale(1.03, 1.03)
}
.b-article-block__title {
margin-bottom: 20px;
font: 18px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-article-block__desc {
font: 16px Roboto, Arial, sans-serif;
color: #9A9A9A;
flex: 1 1 auto
}
.b-article-block__more {
margin-top: 20px
}
.b-article-block__more .b-btn {
padding-left: 40px;
padding-right: 40px
}
.b-article-block_photo .b-article-block__img {
height: auto
}
.b-article-block_photo .b-article-block__img a {
display: block;
position: relative;
z-index: 1
}
.b-article-block_photo .b-article-block__img a:after {
height: 100%;
position: absolute;
background: url(/v8/css/../images/icon-zoom.svg) 50% 50%/50px 50px no-repeat rgba(0, 0, 0, .3);
opacity: 0
}
.b-article-block_photo .b-article-block__img a:hover:after {
opacity: 1
}
.b-article-block_video .b-article-block__img {
height: auto
}
.b-article-block_video .b-article-block__img a {
display: block;
position: relative;
z-index: 1
}
.b-article-block_video .b-article-block__img a:after {
height: 100%;
position: absolute;
background: url(/v8/css/../images/video-play.svg) 50% 50%/58px 58px no-repeat
}
.b-adres-list__more,
.b-article-block_video .b-article-block__more {
display: none
}
@media (max-width:992px) {
.b-article-block__img {
margin-bottom: 20px
}
.b-article-block__title {
margin-bottom: 15px
}
.b-article-block__desc {
margin-bottom: 0
}
.b-article-block__more {
display: none
}
}
.b-adres-list__title {
font: 14px Roboto, Arial, sans-serif;
flex: 0 0 30%;
max-width: 30%
}
.b-adres-list__row:hover .b-adres-list__buttons .b-contact-icon-block a:hover,
.b-adres-list__row:hover .b-adres-list__title a {
text-decoration: underline
}
.b-adres-list__adres {
flex: 0 0 40%;
max-width: 40%;
padding: 0 10px
}
.b-adres-list__adres .b-contact-icon-block svg {
fill: #F56CA8
}
.b-adres-list__buttons {
flex: 0 0 40%;
max-width: 40%
}
.b-adres-list__buttons .b-contact-icon-block {
margin-bottom: 10px;
color: #A0A0A0
}
.b-adres-list__buttons .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-adres-list__buttons .b-contact-icon-block svg {
opacity: .7
}
.b-adres-list__row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 10px
}
.b-adres-list__row:nth-of-type(2n) {
background: #FBFBFB
}
.b-adres-list__row:hover {
background: #F6F9FF
}
.b-adres-list__row:hover .b-adres-list__buttons .b-contact-icon-block {
color: #2E2E2E
}
.b-adres-list__row:hover .b-adres-list__buttons .b-contact-icon-block svg {
opacity: 1
}
.b-adres-list__row.active {
background: #FCF1F4
}
.b-adres-list__row.active .b-adres-list__title a {
color: #F56CA8;
text-decoration: none;
font-weight: 700
}
@media (max-width:640px) {
.b-adres-list__row {
display: block;
margin: 0 -20px;
padding: 0
}
.b-adres-list__row:hover .b-adres-list__title a {
text-decoration: none
}
.b-adres-list__row.active {
background: url(/v8/css/../images/marker.svg) 20px 6px/17px auto no-repeat
}
.b-adres-list__row.active:nth-of-type(2n) {
background-color: #FBFBFB
}
.b-adres-list__row.active .b-adres-list__title a {
color: #F56CA8;
text-decoration: none;
font-weight: 700;
padding-left: 50px
}
.b-adres-list__title {
max-width: 100%;
position: relative;
z-index: 1;
font: 16px/20px Roboto, Arial, sans-serif
}
.b-adres-list__title a {
display: block;
padding: 10px 20px;
text-decoration: none
}
.b-adres-list__title:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px #F56CA8 solid;
border-bottom: 2px #F56CA8 solid;
transform: rotate(-45deg) translate(50%, -50%);
position: absolute;
top: 50%;
right: 20px;
transition: all .35s ease
}
.b-adres-list__title.active {
text-decoration: none !important
}
.b-adres-list__title.active a,
.b-adres-list__title.active~.b-adres-list__title a {
text-decoration: none
}
.b-adres-list__title.active:after {
transform: rotate(45deg) translate(-25%, -50%)
}
.b-adres-list__title.active~.b-adres-list__adres {
display: block
}
.b-adres-list__title.active~.b-adres-list__more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-adres-list__adres {
max-width: 100%;
padding: 10px 20px;
margin-bottom: 10px;
display: none
}
.b-adres-list__adres .b-contact-icon-block svg {
fill: #DEDEDE
}
.b-adres-list__adres .b-contact-icon-block_xs {
font-size: 14px
}
.b-adres-list__buttons {
display: none
}
.b-adres-list__more {
display: none;
padding: 0 60px 30px
}
.b-adres-list__more .b-btn {
width: 100%;
text-align: center
}
}
.b-contacts-page__row {
margin-bottom: -30px
}
.b-contacts-page__banner,
.b-contacts-page__times {
margin-bottom: 30px
}
.b-contacts-page__call-btn {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 50px;
padding: 0 20px
}
.b-contacts-page__clinic-list {
margin-top: 100px
}
.b-contacts-page__clinic-list__title {
text-align: center;
margin-bottom: 50px
}
.b-contacts-page__map {
margin: 100px calc(-50vw + 50%) 0
}
.b-contacts-page__map__title {
text-align: center;
margin-bottom: 50px
}
.b-contacts-page__map__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 50px
}
.b-contacts-page__map #map {
width: 100%;
height: 725px
}
@media (max-width:1200px) {
.b-contacts-page__clinic-list {
margin-top: 70px
}
.b-contacts-page__clinic-list__title {
margin-bottom: 40px
}
.b-contacts-page__map {
margin: 70px calc(-50vw + 50%) 0
}
.b-contacts-page__map__buttons,
.b-contacts-page__map__title {
margin-bottom: 40px
}
.b-contacts-page__map #map {
height: 625px
}
}
@media (max-width:992px) {
.b-contacts-page__clinic-list {
margin-top: 50px
}
.b-contacts-page__clinic-list__title {
margin-bottom: 30px
}
.b-contacts-page__map {
margin: 50px -20px 0
}
.b-contacts-page__map__buttons,
.b-contacts-page__map__title {
margin-bottom: 30px
}
.b-contacts-page__map #map {
height: 425px
}
.b-contacts-page__call-btn {
margin-top: 40px
}
}
@media (max-width:640px) {
.b-contacts-page__clinic-list {
margin-top: 80px
}
.b-contacts-page__map {
margin: 20px -20px 0
}
.b-contacts-page__map__title {
margin-bottom: 20px
}
.b-contacts-page__map__buttons {
margin-bottom: 30px;
padding-bottom: 20px;
box-shadow: 0 4px 4px rgba(0, 0, 0, .08)
}
.b-contacts-page__map__buttons .b-btn {
background: 0 0;
color: #000;
text-transform: none;
font-weight: 400;
padding: 0
}
.b-contacts-page__map__buttons .b-btn .b-btn__icon-right,
.b-contacts-page__map__buttons .b-btn svg,
.b-contacts-page__map__buttons .b-btn:after,
.b-contacts-page__map__buttons .b-btn:before {
display: none
}
.b-contacts-page__call-btn {
margin-top: 30px
}
.b-contacts-page__call-btn .b-btn {
width: 100%;
text-align: center
}
}
.b-footer__slogan,
.b-footer__warning,
.button,
.video_caption {
text-transform: uppercase
}
.b-banner-block {
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
border-radius: 10px;
padding: 50px
}
.b-banner-block_call-banner {
background: url(/v8/css/../images/banner-block-bg-call.png) 100% 50%/auto 100% no-repeat #F7F7F9;
height: 100%;
padding: 50px 60px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
box-shadow: none
}
.b-banner-block_call-banner .b-banner-block__title {
font: 500 24px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-banner-block_call-banner .b-banner-block__phone {
font: 700 50px/1.3 Roboto, Arial, sans-serif
}
.b-banner-block_times {
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch
}
.b-banner-block_times p {
margin-bottom: 15px;
font: 24px Roboto, Arial, sans-serif
}
.b-banner-block_times p:last-child {
margin-bottom: 0
}
.b-banner-block_times p span {
font: 18px Roboto, Arial, sans-serif;
margin-right: 20px
}
.b-banner-block_times .b-banner-block__title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin-bottom: 25px;
font: 500 24px Roboto, Arial, sans-serif
}
.b-banner-block_times .b-banner-block__title svg {
margin-right: 25px;
width: 34px;
height: 30px;
-o-object-fit: contain;
object-fit: contain
}
.b-banner-block_times .b-banner-block__subtitle {
text-align: center;
font: 18px Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-banner-block_doctor {
background: url(/v8/css/../images/banner-doctor-bg.jpg) 100% 50%/auto 100% no-repeat #FAFAFA;
padding: 105px 70px 240px
}
.b-banner-block_doctor .b-banner-block__text {
position: relative;
z-index: 1;
max-width: 330px;
font: 20px/1.5 Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 30px
}
.b-banner-block_doctor .b-banner-block__text:before {
content: "";
display: block;
width: 86px;
height: 71px;
background: url(/v8/css/../images/b-about-section-text-bg.png) 0 0/contain no-repeat;
top: -45px;
left: -35px;
position: absolute;
z-index: -1
}
.b-banner-block_doctor .b-banner-block__position {
font: 500 16px/1.5 Roboto, Arial, sans-serif;
color: #2E2E2E;
max-width: 330px
}
.b-banner-block_bonus {
background: url(/v8/css/../images/banner-bonus-bg.png) 100% 100%/cover no-repeat;
box-shadow: 0 8.51px 17.03px rgba(245, 108, 168, .3);
border-radius: 8.51px;
padding: 30px 50px;
min-width: 370px;
height: 100%
}
.b-banner-block_bonus .b-banner-block__label {
color: #FFF;
font: 500 20px/22px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-banner-block_bonus .b-banner-block__count {
color: #FFF;
font: 700 80px/88px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-banner-block_bonus .b-banner-block__sub-count {
color: #FFF;
font: 700 31px/34px Roboto, Arial, sans-serif;
text-transform: uppercase
}
.b-banner-block_promocod {
padding: 33px 50px 24px;
height: 100%
}
.b-banner-block_promocod .b-banner-block__title {
font: 500 20px/30px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 30px
}
.b-banner-block_promocod .b-banner-block__text {
font: 500 12px/18px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-banner-block_promocod .b-banner-block__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 16px
}
.b-banner-block_promocod .b-banner-block__img img {
display: block
}
@media (max-width:1200px) {
.b-banner-block {
padding: 40px 0
}
.b-banner-block_call-banner {
padding: 40px 50px
}
.b-banner-block_call-banner .b-banner-block__title {
font: 500 20px/1.3 Roboto, Arial, sans-serif
}
.b-banner-block_call-banner .b-banner-block__phone {
font: 700 40px/1.3 Roboto, Arial, sans-serif
}
.b-banner-block_times p {
font: 20px Roboto, Arial, sans-serif
}
.b-banner-block_times p:last-child {
margin-bottom: 0
}
.b-banner-block_times p span {
font: 16px Roboto, Arial, sans-serif
}
.b-banner-block_times .b-banner-block__title {
font: 500 20px Roboto, Arial, sans-serif
}
.b-banner-block_times .b-banner-block__title svg {
margin-right: 20px;
width: 30px
}
.b-banner-block_times .b-banner-block__subtitle {
font: 16px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-banner-block_doctor {
padding: 105px 70px 240px
}
.b-banner-block_doctor p {
font: 16px/1.5 Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-banner-block_doctor p:last-child {
margin-bottom: 0
}
.b-banner-block_bonus {
padding: 30px 50px
}
.b-banner-block_promocod {
padding: 33px 50px 24px
}
}
@media (max-width:992px) {
.b-banner-block {
padding: 40px 20px
}
.b-banner-block_call-banner {
padding: 40px 20px;
background-position: calc(100% + 40px) 50%
}
.b-banner-block_call-banner .b-banner-block__title {
font: 500 18px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-banner-block_call-banner .b-banner-block__phone {
font: 700 30px/1.3 Roboto, Arial, sans-serif;
white-space: nowrap
}
.b-banner-block_doctor {
padding: 50px 50px 100px
}
.b-banner-block_bonus {
padding: 24px 40px;
min-width: 290px
}
.b-banner-block_bonus .b-banner-block__label {
font: 500 16px/18px Roboto, Arial, sans-serif;
margin-bottom: 16px
}
.b-banner-block_bonus .b-banner-block__count {
font: 700 64px/70px Roboto, Arial, sans-serif;
margin-bottom: 16px
}
.b-banner-block_bonus .b-banner-block__sub-count {
font: 700 24px/26px Roboto, Arial, sans-serif
}
.b-banner-block_promocod {
padding: 24px 40px
}
.b-banner-block_promocod .b-banner-block__title {
font: 500 16px/24px Roboto, Arial, sans-serif
}
.b-banner-block_promocod .b-banner-block__text {
word-break: break-all
}
}
@media (max-width:640px) {
.b-banner-block_call-banner .b-banner-block__title br,
.b-banner-block_promocod .b-banner-block__title br {
display: none
}
.b-banner-block_call-banner {
min-height: 200px
}
.b-banner-block_call-banner .b-banner-block__phone {
font: 700 24px/1.3 Roboto, Arial, sans-serif
}
.b-banner-block_call-banner .b-banner-block__title {
padding-right: 70px
}
.b-banner-block_times p {
font: 24px Roboto, Arial, sans-serif
}
.b-banner-block_times p span {
font: 18px Roboto, Arial, sans-serif
}
.b-banner-block_times .b-banner-block__title {
font: 500 24px Roboto, Arial, sans-serif
}
.b-banner-block_times .b-banner-block__title svg {
margin-right: 20px;
width: 30px
}
.b-banner-block_times .b-banner-block__subtitle {
font: 18px/1.5 Roboto, Arial, sans-serif;
margin: 0 -10px 30px
}
.b-banner-block_doctor {
background: url(/v8/css/../images/banner-doctor-bg-xs.jpg) 50% 0/auto 500px no-repeat;
padding: 530px 20px 0;
box-shadow: none;
margin-left: -15px;
margin-right: -15px;
border-radius: 0
}
.b-banner-block_doctor .b-banner-block__title {
position: absolute;
top: 335px;
left: 20px;
right: 20px;
text-align: center;
margin: 0;
color: #2E2E2E
}
.b-banner-block_doctor .b-banner-block__text {
max-width: 100%;
padding-left: 40px;
font: 16px/1.5 Roboto, Arial, sans-serif;
margin-bottom: 20px
}
.b-banner-block_doctor .b-banner-block__text:before {
width: 20px;
height: 20px;
top: 0;
left: 0;
background-image: url(/v8/css/../images/text-“.svg)
}
.b-banner-block_doctor .b-banner-block__position {
font: 500 14px/1.5 Roboto, Arial, sans-serif;
padding-left: 40px
}
.b-banner-block_promocod {
padding: 30px 10px;
text-align: center;
box-shadow: none;
background: 0 0
}
.b-banner-block_promocod .b-banner-block__title {
text-align: center;
margin: 0 0 30px
}
.b-banner-block_promocod .b-banner-block__img {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 20px
}
.b-banner-block_promocod .b-banner-block__text {
word-break: break-all;
font: 500 14px/20px Roboto, Arial, sans-serif;
text-align: center
}
}
.b-slider-section {
position: relative
}
.b-slider-section__slider .slick-track,
.b-slider-section__slider:not(.slick-initialized) {
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.b-slider-section__slider .slick-dots {
position: absolute;
bottom: 15px;
left: 0;
width: 100%
}
.b-slider-section__item {
width: 100vw;
max-width: 100vw;
flex: 0 0 100vw;
position: relative;
z-index: 1
}
.b-slider-section__item img {
display: block;
width: 100%
}
.b-slider-section__item_video:after {
content: "";
display: block;
width: 98px;
height: 98px;
background: url(/v8/css/../images/icon_btn-video.svg) 50% 50%/contain no-repeat rgba(255, 255, 255, .3);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
pointer-events: none;
transition: all .35s ease
}
.b-slider-section__next,
.b-slider-section__prev {
top: 50%;
transform: translateY(-50%);
z-index: 6;
position: absolute
}
.b-slider-section__item_video:hover:after {
background-color: #FFF
}
.b-slider-section__prev {
left: 40px
}
.b-slider-section__next {
right: 40px
}
.b-slider-section__video-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 0;
overflow: hidden;
transition: all .35s ease;
z-index: 4
}
.b-slider-section__video-block.active {
max-height: 10000px
}
.b-slider-section__bread {
position: absolute;
top: 18px;
left: 0;
width: 100%;
z-index: 3;
padding: 0 !important;
margin: 0
}
.b-slider-section__info {
color: #FFF;
position: relative
}
.b-slider-section__info-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3
}
.b-slider-section__info-body {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
height: 100%;
position: relative;
z-index: 4;
pointer-events: none
}
.b-slider-section__info-title {
margin-bottom: 50px;
color: #FFF;
font-weight: 900;
max-width: 670px;
pointer-events: auto
}
.b-slider-section__info-prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
align-content: baseline;
margin-bottom: 50px
}
.b-slider-section__info-old-price {
font: 20px Roboto, Arial, sans-serif;
margin-right: 10px
}
.b-slider-section__info-price {
font: 500 40px/46px Roboto, Arial, sans-serif
}
.b-slider-section__info-buttons {
pointer-events: auto
}
.b-slider-section_stocks .b-slider-section__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.b-slider-section_stocks .b-slider-section__info {
position: relative
}
.b-slider-section_stocks .b-slider-section__info-body {
min-height: 600px
}
@media (max-width:1400px) {
.b-slider-section__prev {
left: 20px
}
.b-slider-section__next {
right: 20px
}
.b-slider-section__slider .slick-dots {
bottom: 40px
}
}
@media (max-width:992px) {
.b-slider-section__info-title {
max-width: 400px
}
}
@media (max-width:640px) {
.b-slider-section__next,
.b-slider-section__prev {
display: none
}
.b-slider-section__slider .slick-dots {
position: static;
margin-top: 20px
}
.b-slider-section__slider .slick-dots li button {
background: rgba(46, 46, 46, .3)
}
.b-slider-section__slider .slick-dots li.slick-active button {
background: #2E2E2E
}
.b-slider-section__bread {
position: static;
width: 100%;
padding: 23px 5px !important;
background: 0 0;
margin: 0;
color: #F56CA8
}
.b-slider-section__info-body {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
align-content: stretch;
height: auto;
padding: 220px 20px 44px
}
.b-slider-section__info-title {
margin-bottom: 30px;
max-width: 300px
}
.b-slider-section__info-prices {
margin-bottom: 30px
}
.b-slider-section__info-old-price {
font: 18px/21px Roboto, Arial, sans-serif
}
.b-slider-section__info-price {
font: 500 28px/32px Roboto, Arial, sans-serif
}
.b-slider-section_stocks .b-slider-section__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.b-slider-section_stocks .b-slider-section__info {
position: relative
}
.b-slider-section_stocks .b-slider-section__info-body {
min-height: 500px
}
}
.b-begin-section {
padding: 0 0 100px;
background: url(/v8/css/../images/begin-section-bg.jpg) 50% 0 no-repeat
}
.b-begin-section__title {
text-align: center;
margin-bottom: 50px
}
.b-begin-section__subtitle {
font: 500 20px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 20px;
color: #2E2E2E
}
.b-begin-section__slider .slick-slide {
opacity: 0
}
.b-begin-section__row {
margin-bottom: -30px
}
.b-begin-section__col {
margin-bottom: 30px
}
.b-begin-section__col .b-patient-story-block_big {
min-height: calc(100% - 95px)
}
.b-begin-section__item {
margin-bottom: 25px
}
.b-begin-section__item:last-child {
margin-bottom: 0
}
.b-begin-section__more {
text-align: center;
margin-top: 50px
}
.b-begin-section__more-text {
text-align: center;
margin-top: 25px;
font: 20px Roboto, Arial, sans-serif;
color: #878787
}
.b-begin-section_history {
background: 0 0
}
.b-begin-section_events {
background: 0 0;
padding: 0
}
@media (max-width:992px) {
.b-begin-section {
padding: 0 0 60px
}
.b-begin-section__title {
margin-bottom: 30px
}
.b-begin-section__subtitle {
font: 500 18px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 30px;
text-align: center
}
.b-begin-section__row {
margin-bottom: -60px
}
.b-begin-section__col {
margin-bottom: 60px
}
.b-begin-section__more {
margin-top: 20px
}
.b-begin-section__more .b-btn {
width: 100%;
max-width: 230px;
margin: 0 auto
}
.b-begin-section_events .b-begin-section__more .b-btn {
max-width: 270px
}
}
@media (max-width:640px) {
.b-begin-section__item {
margin-bottom: 20px
}
.b-begin-section__item:last-child {
margin-bottom: 0
}
.b-begin-section_events .b-begin-section__more {
margin-top: 30px
}
}
.b-service-block {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
background: #FFF;
border-radius: 10px;
overflow: hidden
}
.b-service-block__img {
flex: 0 0 243px;
max-width: 243px;
align-self: stretch
}
.b-service-block__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover
}
.b-service-block__wrap {
padding: 25px
}
.b-service-block__title {
font: 18px/1.3 Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 30px
}
.b-service-block__text {
font: 16px/1.3 Roboto, Arial, sans-serif;
color: #9A9A9A;
margin-bottom: 50px
}
.b-service-block__prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end;
margin-bottom: 50px
}
.b-service-block__old-price {
color: #A0A0A0;
text-decoration: line-through;
margin-right: 20px;
font: 24px Roboto, Arial, sans-serif
}
.b-service-block__price {
color: #F56CA8;
font: 500 40px Roboto, Arial, sans-serif
}
.b-service-block__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center
}
.b-service-block__buttons a:not(.b-btn) {
color: #979797;
text-decoration: none
}
.b-service-block__buttons a:not(.b-btn) span {
text-decoration: underline
}
.b-service-block_vertical {
display: block
}
.b-service-block_vertical .b-service-block__img {
max-width: 100%
}
.b-service-block_vertical .b-service-block__img img {
height: 245px
}
.b-service-block_program {
position: relative;
z-index: 1;
background: #EFD9ED;
border-radius: 6px
}
.b-service-block_program .b-service-block__img {
flex: 1 1 auto;
max-width: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.b-service-block_program .b-service-block__wrap {
padding: 50px 25px 50px 300px
}
.b-service-block_program .b-service-block__title {
font: 700 30px Roboto, Arial, sans-serif;
margin-bottom: 20px;
color: #2E2E2E
}
.b-service-block_program .b-service-block__text {
font-size: 18px;
margin-bottom: 20px;
color: #2E2E2E
}
.b-service-block_program .b-service-block__prices {
margin-bottom: 20px
}
.b-service-block_program .b-service-block__old-price {
color: #2E2E2E;
font: 20px Roboto, Arial, sans-serif
}
.b-service-block_program .b-service-block__price {
color: #E3267A;
font: 40px Roboto, Arial, sans-serif
}
.b-service-block_program .b-service-block__buttons .b-btn {
background-color: #FFF
}
.b-service-block_program-right {
position: relative;
z-index: 1;
background: #E7D9EF;
border-radius: 6px
}
.b-service-block_program-right .b-service-block__img {
flex: 1 1 auto;
max-width: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.b-service-block_program-right .b-service-block__wrap {
padding: 50px 250px 50px 70px
}
.b-service-block_program-right .b-service-block__title {
font: 700 30px Roboto, Arial, sans-serif;
margin-bottom: 20px;
color: #2E2E2E
}
.b-service-block_program-right .b-service-block__text {
font-size: 18px;
margin-bottom: 20px;
color: #2E2E2E
}
.b-service-block_program-right .b-service-block__prices {
margin-bottom: 20px
}
.b-service-block_program-right .b-service-block__old-price {
color: #2E2E2E;
font: 20px Roboto, Arial, sans-serif
}
.b-service-block_program-right .b-service-block__price {
color: #E3267A;
font: 40px Roboto, Arial, sans-serif
}
.b-service-block_program-right .b-service-block__buttons .b-btn {
background-color: #FFF
}
@media (max-width:640px) {
.b-service-block_program .b-service-block__buttons .b-btn_border,
.b-service-block_program-right .b-service-block__buttons .b-btn_border {
background: #FFF
}
.b-service-block {
box-shadow: none;
margin-left: -15px;
margin-right: -15px;
display: block;
border-radius: 0
}
.b-service-block__wrap {
padding: 20px 15px 0
}
.b-service-block_program .b-service-block__wrap,
.b-service-block_program-right .b-service-block__wrap {
padding: 50px 20px
}
.b-service-block__title {
margin-bottom: 20px
}
.b-service-block__prices,
.b-service-block__text {
margin-bottom: 30px
}
.b-service-block__img {
max-width: 100%
}
.b-service-block__img img {
box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}
.b-service-block__old-price {
font: 18px Roboto, Arial, sans-serif
}
.b-service-block__price {
font: 28px Roboto, Arial, sans-serif
}
.b-service-block__buttons .b-btn {
width: 100%;
max-width: 230px;
margin: 0 auto
}
.b-service-block_program,
.b-service-block_program-right {
border-radius: 10px;
margin-left: 0;
margin-right: 0
}
.b-service-block__link-about {
color: #979797;
text-align: right;
flex: 1 1 auto;
text-decoration: none
}
.b-service-block__link-about span {
text-decoration: underline
}
.b-service-block_vertical .b-service-block__img {
max-width: 100%
}
.b-service-block_vertical .b-service-block__img img {
height: 210px
}
.b-service-block_program .b-service-block__title {
text-align: right;
font: 700 24px Roboto, Arial, sans-serif;
margin-bottom: 25px
}
.b-service-block_program .b-service-block__text {
text-align: right;
font-size: 16px;
margin-bottom: 30px
}
.b-service-block_program .b-service-block__prices {
margin-bottom: 150px;
display: block;
text-align: right
}
.b-service-block_program .b-service-block__old-price {
color: #2E2E2E;
font: 20px Roboto, Arial, sans-serif
}
.b-service-block_program .b-service-block__price {
color: #E3267A;
font: 40px Roboto, Arial, sans-serif
}
.b-service-block_program-right .b-service-block__title {
font: 700 24px Roboto, Arial, sans-serif;
margin-bottom: 25px
}
.b-service-block_program-right .b-service-block__text {
font-size: 16px;
margin-bottom: 30px
}
.b-service-block_program-right .b-service-block__prices {
margin-bottom: 150px;
display: block
}
.b-service-block_program-right .b-service-block__old-price {
color: #2E2E2E;
font: 20px Roboto, Arial, sans-serif
}
.b-service-block_program-right .b-service-block__price {
color: #E3267A;
font: 40px Roboto, Arial, sans-serif
}
}
.b-about-doctors-section {
padding: 0;
margin-bottom: 100px
}
.b-about-doctors-section__title {
text-align: center;
margin-bottom: 50px
}
.b-about-doctors-section__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 40px
}
.b-about-doctors-section__item {
margin-bottom: 50px
}
.b-about-doctors-section__more {
text-align: center;
margin-bottom: 10px
}
.b-about-doctors-section__more a {
color: #F56CA8
}
.b-about-doctors-section__col-items {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
align-content: stretch
}
@media (max-width:992px) {
.b-about-doctors-section {
margin-bottom: 60px
}
.b-about-doctors-section__col-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin: 0 -10px
}
.b-about-doctors-section__item {
padding: 0 10px;
flex: 0 0 33.33%
}
.b-about-doctors-section__more {
flex: 0 0 100%;
margin-bottom: 0
}
.b-about-doctors-section__buttons {
margin-bottom: 60px
}
}
@media (max-width:640px) {
.b-about-doctors-section__col-items {
margin: 0
}
.b-about-doctors-section__item {
padding: 0;
flex: 0 0 100%
}
.b-about-doctors-section__buttons {
margin: 30px 0 60px
}
}
.b-event-block {
background: #FFF;
border-radius: 10px;
box-shadow: 0 0 30px rgba(0, 0, 0, .15);
overflow: hidden
}
.b-event-block__img {
box-shadow: 0 4px 15px rgba(0, 0, 0, .2)
}
.b-event-block__img img {
display: block;
width: 100%
}
.b-event-block__wrap {
padding: 40px 30px 30px
}
.b-event-block__title {
font: 500 17px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.b-event-block__text {
font: 15px Roboto, Arial, sans-serif;
color: #7B7B7B;
margin-bottom: 15px;
max-height: 36px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.b-event-block__date,
.b-event-block__position {
font: 13px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-event-block__position {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-event-block__position svg {
margin-right: 10px;
fill: #2E2E2E;
width: 12px;
height: 17px
}
.b-event-block__bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
margin-top: 15px
}
.b-event-block__more {
color: #F08BB7;
font: 500 16px Roboto, Arial, sans-serif
}
@media (max-width:992px) {
.b-event-block__wrap {
padding: 30px 20px
}
}
@media (max-width:640px) {
.b-event-block {
box-shadow: none;
border-radius: 0;
overflow: visible;
min-height: 0 !important
}
.b-event-block__img {
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
border-radius: 10px
}
.b-event-block__img img {
border-radius: 10px;
overflow: hidden
}
.b-event-block__wrap {
padding: 20px 0 0
}
.b-event-block__title {
font: 500 20px Roboto, Arial, sans-serif;
margin-bottom: 20px;
white-space: normal
}
.b-event-block__text {
font: 18px Roboto, Arial, sans-serif;
margin-bottom: 20px;
max-height: none
}
.b-event-block__date,
.b-event-block__position {
font: 14px Roboto, Arial, sans-serif
}
.b-event-block__bottom {
margin-top: 20px
}
}
.b-video-block {
position: relative;
z-index: 1
}
.b-video-block__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5
}
.b-video-block__img {
position: relative;
z-index: 1
}
.b-video-block__img:after {
content: "";
display: block;
width: 62px;
height: 62px;
background: url(/v8/css/../images/video-play.svg) 50% 50%/cover no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
.b-breadcrumb__back svg,
.b-recording-block__services.active .b-recording-block__services-head:after {
transform: rotate(180deg)
}
.b-video-block__img img {
width: 100%;
display: block
}
.b-video-block__time {
position: absolute;
bottom: 6px;
right: 6px;
font: 16px/36px Roboto, Arial, sans-serif;
color: #FFF;
background: #16110D;
text-align: center;
padding: 0 20px;
z-index: 2
}
.b-video-block__online {
background: #7FD2AA;
color: #FFF;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 9px 20px;
font: 700 16px Roboto, Arial, sans-serif
}
.b-video-block__online svg {
color: #1BB58F;
width: 30px;
height: 30px;
margin-right: 10px
}
.b-video-block_pink .b-video-block__img:after {
width: 98px;
height: 98px;
background: url(/v8/css/../images/icon_btn-video.svg) 50% 50%/contain no-repeat
}
@media (max-width:640px) {
.b-video-block_pink .b-video-block__img:after {
width: 80px;
height: 80px
}
}
.b-webinar-block {
background: #FFF;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}
.b-webinar-block__row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
align-content: stretch
}
.b-webinar-block__left-col {
flex: 0 0 55%;
max-width: 55%
}
.b-webinar-block__right-col {
flex: 0 0 45%;
max-width: 45%;
padding: 45px 35px 25px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-webinar-block__title {
font: 700 18px Roboto, Arial, sans-serif;
margin-bottom: 30px;
color: #2E2E2E
}
.b-webinar-block__text {
flex: 1 1 auto
}
.b-webinar-block__more {
margin-top: 30px;
color: #F08BB7;
text-align: right
}
.b-webinar-block__wrap {
padding: 35px 10px 60px 45px
}
.b-webinar-block__param {
margin-bottom: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-webinar-block__param:last-child {
margin-bottom: 0
}
.b-webinar-block__param svg {
fill: #F56CA8;
width: 20px;
height: 20px;
margin-right: 10px
}
@media (max-width:1200px) {
.b-webinar-block__wrap {
padding: 30px 10px 30px 20px
}
.b-webinar-block__title {
margin-bottom: 25px
}
.b-webinar-block__right-col {
padding: 30px 20px
}
.b-webinar-block__more {
margin-top: 25px
}
}
@media (max-width:640px) {
.b-webinar-block {
min-height: 0 !important
}
.b-webinar-block__left-col {
flex: 0 0 100%;
max-width: 100%
}
.b-webinar-block__right-col {
flex: 0 0 100%;
max-width: 100%;
padding: 30px 20px;
display: block
}
.b-webinar-block__title {
margin-bottom: 25px
}
.b-webinar-block__text {
font-size: 16px
}
.b-webinar-block__more {
margin-top: 25px;
text-align: center
}
.b-webinar-block__wrap {
padding: 30px 0 0
}
}
.b-footer {
background: rgba(237, 232, 248, .75);
padding: 50px 0 40px
}
.b-footer__logo {
margin-bottom: 30px
}
.b-footer__slogan {
color: #9A9A9A;
font: 14px/22px Roboto, Arial, sans-serif;
text-align: center;
display: inline-block
}
.b-footer__subtitle {
font: 500 18px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 20px
}
.b-footer__menu {
margin-bottom: 20px
}
.b-footer__menu:last-child {
margin-bottom: 0
}
.b-footer__menu__item {
font: 16px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 20px
}
.b-footer__menu__item:last-child {
margin-bottom: 0
}
.b-footer__menu__item a {
text-decoration: none
}
.b-footer__menu__item a:hover {
text-decoration: underline
}
.b-footer__group {
margin-bottom: 50px
}
.b-footer__group:last-child {
margin-bottom: 0
}
.b-footer__contact-item p {
font: 14px Roboto, Arial, sans-serif
}
.b-footer__contact-item p a {
color: #F08BB7
}
.b-footer__contact-item .b-contact-icon-block {
margin-left: -25px;
line-height: 15px;
margin-bottom: 10px
}
.b-footer__apps,
.b-footer__row-2,
.b-footer__soc {
margin-bottom: 30px
}
.b-footer__contact-item .b-contact-icon-block__icon {
margin-right: 10px
}
.b-footer__contact-item .b-contact-icon-block__icon svg {
width: 15px;
height: 15px;
fill: #5C5C5C
}
.b-footer__more {
font: 500 16px Roboto, Arial, sans-serif;
color: #F08BB7
}
.b-footer__bottom {
border-top: .5px #9A9A9A solid;
padding: 30px 0 0;
color: #9A9A9A;
margin-top: 80px
}
.b-footer__copyright {
font: 10px Roboto, Arial, sans-serif
}
.b-footer__bottom-text {
margin: 0 0 30px;
text-align: center;
font: 14px/22px Roboto, Arial, sans-serif;
color: #9A9A9A
}
.b-footer__links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-start;
font: 10px Roboto, Arial, sans-serif
}
.b-footer__links a {
margin-right: 10px
}
.b-footer__links a:last-child {
margin-right: 0
}
.b-footer__links-2 {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
font: 12px Roboto, Arial, sans-serif;
display: none
}
.b-footer__links-2 p:after {
content: "/";
margin: 0 5px
}
.b-footer__links-2 p:last-child:after {
display: none
}
.b-footer__warning {
text-align: center;
margin-bottom: 30px;
font: 18px Roboto, Arial, sans-serif
}
@media (max-width:992px) {
.b-footer__row {
margin-bottom: -40px
}
.b-footer__col {
margin-bottom: 40px
}
.b-footer__col-menu {
margin-bottom: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.b-footer__col-menu .b-footer__group {
flex: 0 0 50%;
padding-right: 20px
}
.b-footer__col-menu .b-footer__group:last-child {
padding-right: 0
}
.b-footer__group {
margin-bottom: 0
}
.b-footer__col-contacts,
.b-footer__col-soc {
margin-bottom: 40px
}
.b-footer__contact-item .b-contact-icon-block {
margin-left: 0
}
}
@media (max-width:640px) {
.b-footer__bottom,
.b-footer__col-soc,
.b-footer__contact-item,
.b-footer__menu,
.b-footer__more,
.b-footer__subtitle {
text-align: center
}
.b-footer__logo {
margin-bottom: 20px
}
.b-footer__logo img {
display: block;
margin: 0 auto
}
.b-footer__col-menu,
.b-footer__slogan {
display: block
}
.b-footer__col-menu .b-footer__group {
flex: 0 0 100%;
padding-right: 0
}
.b-footer__group {
margin-bottom: 40px
}
.b-footer__group:last-child {
margin-bottom: 0
}
.b-footer__contact-item .b-contact-icon-block {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-footer .b-soc-list__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-footer__col-soc .b-btn {
display: block;
width: 100%
}
.b-footer__links,
.b-footer__links-2 {
display: flex;
align-content: flex-start
}
.b-footer__bottom {
border-top: 0;
padding: 0;
margin-top: 40px
}
.b-footer__copyright {
font: 10px Roboto, Arial, sans-serif;
margin-bottom: 12px
}
.b-footer__row-2 {
margin-bottom: 12px
}
.b-footer__bottom-text {
margin: 0 0 12px;
font-size: 10px
}
.b-footer__links {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start
}
.b-footer__links a {
margin: 0 0 12px
}
.b-footer__links a:last-child {
margin-bottom: 0
}
.b-footer__links-2 {
font: 10px Roboto, Arial, sans-serif;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start
}
.b-footer__links-2 p {
margin: 0
}
.b-footer__warning {
margin-bottom: 12px;
font: 12px Roboto, Arial, sans-serif
}
}
.b-breadcrumb {
padding: 35px 0 60px
}
.b-breadcrumb__ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin: 0;
padding: 0
}
.b-breadcrumb__back,
.b-breadcrumb__li:last-child:after {
display: none
}
.b-breadcrumb__li {
margin-right: 10px;
font: 14px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-breadcrumb__li:after {
content: ">";
margin: 0 0 0 10px
}
.b-breadcrumb__li a {
color: #9A9A9A;
text-decoration: none
}
.b-breadcrumb__li:last-child a {
color: #2E2E2E
}
.b-breadcrumb__back svg {
height: 17px;
width: 17px;
display: block;
fill: #F56CA8
}
@media (max-width:640px) {
.b-breadcrumb {
padding: 25px 0 40px
}
.b-breadcrumb__back {
display: block;
margin-right: 23px
}
.b-breadcrumb__ul {
flex-wrap: nowrap;
overflow: auto
}
.b-breadcrumb__li {
white-space: nowrap;
display: none;
color: #F56CA8
}
.b-breadcrumb__li--prelast {
display: block
}
.b-breadcrumb__li--prelast:after {
display: none
}
.b-breadcrumb__li a,
.b-breadcrumb__li--prelast a {
color: #F56CA8
}
}
.b-profile-page {
padding: 0 0 150px
}
.b-profile-page__title {
font: 500 24px/31px Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-profile-page__subtitle {
color: #9A9A9A;
font: 18px/32px Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-profile-page__body_no-result {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch
}
.b-profile-page__message {
text-align: center;
font: 24px/31px Roboto, Arial, sans-serif;
color: #000;
flex: 1 1 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center
}
.b-profile-page__message a {
font-weight: 500
}
.b-profile-page__menu-item {
margin-bottom: 20px
}
.b-profile-page__menu-item:last-child {
margin-bottom: 0
}
.b-profile-page__menu-item a:not(.b-btn) {
border-radius: 10px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
background: #FFF;
font: 16px Roboto, Arial, sans-serif;
color: #2E2E2E;
text-decoration: none;
text-align: center;
min-height: 50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
transition: all .35s ease
}
.b-profile-page__menu-item a:not(.b-btn):hover,
.b-profile-page__menu-item.active a {
background: #F4E6F8
}
.b-profile-page__buttons-mob {
display: none;
margin-bottom: 30px
}
.b-profile-page__list {
margin-bottom: 50px
}
.b-profile-page__list:last-child {
margin-bottom: 0
}
.b-profile-page__list-item {
margin-bottom: 20px
}
.b-profile-page__list-item:last-child {
margin-bottom: 0
}
.b-profile-page__pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-profile-page__back {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
color: #F56CA8;
font: 14px/16px Roboto, Arial, sans-serif;
text-decoration: none;
margin-bottom: 30px
}
.b-profile-page__back svg {
fill: #F56CA8;
margin-right: 23px;
transform: rotate(180deg)
}
.b-profile-page__bonus {
background: #F6F6F6;
border-radius: 10px;
padding: 30px
}
.b-profile-page__bonus-item,
.b-recording-block {
background: #FFF;
flex-direction: row;
border-radius: 10px
}
.b-profile-page__bonus-title {
color: #000;
font: 500 24px/31px Roboto, Arial, sans-serif;
margin-bottom: 0
}
.b-profile-page__bonus-list {
margin-top: 30px
}
.b-profile-page__bonus-item {
padding: 35px 70px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
margin-bottom: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, .08)
}
.b-profile-page__bonus-item:last-child {
margin-bottom: 0
}
.b-profile-page__bonus-label {
color: #9A9A9A;
font: 16px/21px Roboto, Arial, sans-serif;
margin-right: 10px
}
.b-profile-page__bonus-name {
font: 500 24px/31px Roboto, Arial, sans-serif;
color: #000
}
.b-profile-page__bonus-date {
font: 18px/24px Roboto, Arial, sans-serif;
color: #000
}
.b-profile-page_bonuses .b-profile-page__col {
margin-bottom: 30px
}
@media (max-width:1200px) {
.b-profile-page {
padding: 0 0 100px
}
.b-profile-page__left {
display: none
}
.b-profile-page__title {
text-align: center;
line-height: 28px
}
.b-profile-page__subtitle {
font: 18px/24px Roboto, Arial, sans-serif;
text-align: center
}
.b-profile-page__buttons-mob {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-profile-page__buttons-mob .b-btn {
max-width: 270px
}
.b-profile-page.show .b-profile-page__left {
display: block
}
.b-profile-page.show .b-profile-page__back,
.b-profile-page.show .b-profile-page__body {
display: none
}
}
@media (max-width:640px) {
.b-profile-page__bread,
.b-profile-page__message br {
display: none
}
.b-profile-page {
padding: 25px 0 70px
}
.b-profile-page__message {
font: 18px/24px Roboto, Arial, sans-serif
}
.b-profile-page__bonus {
padding: 30px 20px
}
.b-profile-page__bonus-title {
text-align: center;
font: 500 20px/26px Roboto, Arial, sans-serif;
margin-bottom: 0
}
.b-profile-page__bonus-list {
margin-top: 20px
}
.b-profile-page__bonus-item {
padding: 25px 20px;
display: block;
margin-bottom: 10px
}
.b-profile-page__bonus-item:last-child {
margin-bottom: 0
}
.b-profile-page__bonus-label {
font: 14px/18px Roboto, Arial, sans-serif
}
.b-profile-page__bonus-name {
font: 500 18px/23px Roboto, Arial, sans-serif;
margin-bottom: 20px
}
}
.b-recording-block {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
padding: 30px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-recording-block__row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-recording-block__col-1 {
flex: 0 0 180px;
margin-right: 30px
}
.b-recording-block__col-2 {
flex: 0 0 230px;
margin-right: 30px;
padding-top: 23px
}
.b-recording-block__col-2 .b-contact-icon-block {
margin-bottom: 20px
}
.b-recording-block__col-2 .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-recording-block__col-3 {
flex: 1 1 auto
}
.b-recording-block__dates {
background: #F4ABCB;
color: #FFF;
padding: 20px 10px;
border-radius: 10px;
text-align: center;
font: 24px/22px Roboto, Arial, sans-serif
}
.b-recording-block__dates span {
font-weight: 500;
margin-top: 12px;
display: block
}
.b-recording-block__dates svg {
fill: #FFF;
margin: 0 auto 12px;
display: block
}
.b-recording-block__dates p {
margin: 0
}
.b-recording-block__date {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
font: 12px/14px Roboto, Arial, sans-serif;
color: #7B7B7B;
margin-bottom: 20px
}
.b-recording-block__date svg {
fill: #F56CA8;
width: 20px;
height: 20px;
margin-right: 13px;
flex: 0 0 auto;
display: block
}
.b-recording-block__date p {
margin: 0
}
.b-recording-block__links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 30px
}
.b-recording-block__links a {
margin: 0 7px;
color: #7B7B7B;
font: 14px/16px Roboto, Arial, sans-serif
}
.b-recording-block__links a:first-child {
margin-left: 0
}
.b-recording-block__links a:last-child {
margin-right: 0
}
.b-recording-block__links__disabled {
display: none
}
.b-recording-block__avatar {
position: relative;
z-index: 1;
margin-right: 20px;
flex: 0 0 auto
}
.b-recording-block__avatar img {
display: block;
width: 74px;
height: 74px;
border-radius: 50%;
border: 1px solid #FFF;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08)
}
.b-recording-block__avatar-star {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
background: #BAA4F3;
border-radius: 50%;
width: 23px;
height: 23px
}
.b-recording-block__avatar-star svg {
fill: #FFF;
width: 12px;
height: 12px
}
.b-recording-block__about {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 20px
}
.b-recording-block__about-wrap {
padding-top: 20px
}
.b-recording-block__name {
font: 500 16px/24px Roboto, Arial, sans-serif;
text-decoration: none;
margin-bottom: 14px
}
.b-recording-block__education,
.b-recording-block__position {
font: 14px/18px Roboto, Arial, sans-serif;
color: #2E2E2E
}
.b-recording-block__name a {
text-decoration: none
}
.b-recording-block__name svg {
display: inline;
margin-left: 10px
}
.b-recording-block__education {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
align-content: flex-start;
padding-left: 94px
}
.b-recording-block__services-head,
.b-recording-block__services-item {
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
display: flex;
align-content: center;
padding: 0 20px 0 30px;
min-height: 50px;
border-radius: 10px;
text-decoration: none
}
.b-recording-block__education svg {
width: 18px;
height: 18px;
fill: #F56CA8;
margin-right: 12px;
flex: 0 0 18px
}
.b-recording-block__services {
margin-top: 30px
}
.b-recording-block__services-head {
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
font: 500 14px/18px Roboto, Arial, sans-serif
}
.b-recording-block__services-head span {
flex: 1 1 auto
}
.b-recording-block__services-head:after {
content: "";
width: 0;
height: 0;
border-top: 7px #9A9A9A solid;
border-left: 8px transparent solid;
border-right: 8px transparent solid;
transition: all .35s ease
}
.b-recording-block__services-list {
width: 100%;
position: relative;
z-index: 2;
max-height: 0;
overflow: hidden;
transition: all .35s ease
}
.b-recording-block__services-item {
margin-bottom: 10px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
font: 14px/18px Roboto, Arial, sans-serif;
transition: all .35s ease
}
.b-recording-block__services-item span:first-child {
flex: 1 1 auto;
padding-right: 20px;
display: block
}
.b-recording-block__services-item svg {
width: 16px;
height: 16px;
fill: #F56CA8
}
.b-recording-block__services-item:last-child {
margin-bottom: 0
}
.b-recording-block__services-item:hover {
background: #F6F9FF;
box-shadow: 0 0 14.54px rgba(46, 46, 46, .07)
}
.b-recording-block__services-price {
color: #9A9A9A;
font: 500 18px/20px Roboto, Arial, sans-serif;
white-space: nowrap;
flex: 0 0 120px
}
.b-recording-block__services.active .b-recording-block__services-list {
max-height: 1000px;
margin-top: 10px;
overflow: visible
}
.b-recording-block__edit {
display: none;
flex: 0 0 100%;
margin: 30px 0 0
}
.b-recording-block__edit-days {
max-width: 41.66667%;
padding: 0 25px 0 0
}
.b-recording-block__edit-row {
margin-left: -25px;
margin-right: -25px
}
.b-recording-block__edit-row .b-recording-block__times {
padding: 0 25px
}
.b-recording-block__edit-buttons {
margin-top: 15px
}
.b-recording-block__days {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch;
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
border-radius: 10px;
margin-bottom: 15px
}
.b-recording-block__days-item {
flex: 1 1 auto;
padding: 8px 5px;
position: relative;
z-index: 1
}
.b-recording-block__days-item:after {
content: "";
display: block;
width: 1px;
height: 32px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #E4E4E4
}
.b-recording-block__days-item>
a {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 100%;
width: 100%;
text-decoration: none;
color: #2E2E2E;
font: 12px/12px Roboto, Arial, sans-serif
}
.b-recording-block__days-item:first-child>
a,
.b-recording-block__days-item:last-child>
a {
color: #9A9A9A
}
.b-recording-block__days-item>
a>
span {
margin-bottom: 4px
}
.b-recording-block__days-item>
a>
span:last-child {
margin-bottom: 0;
font-size: 10px
}
.b-recording-block__days-item>
a>
input {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0
}
.b-recording-block__days-item .ic__datepicker.active .ic__close,
.b-recording-block__days-item .ic__datepicker.active .ic__header,
.b-recording-block__days-item.active:after,
.b-recording-block__days-item:hover:after,
.b-recording-block__days-item:last-child:after {
display: none
}
.b-recording-block__days-item:first-child {
border-radius: 10px 0 0 10px
}
.b-recording-block__days-item:last-child {
border-radius: 0 10px 10px 0
}
.b-recording-block__days-item .ic__datepicker.active {
top: calc(100% + 10px);
left: auto;
right: 0
}
.b-recording-block__days-item.active,
.b-recording-block__days-item:hover {
background: #F08BB7;
color: #FFF;
z-index: 4
}
.b-recording-block__days-item.active>
a,
.b-recording-block__days-item:hover>
a {
color: #FFF
}
.b-recording-block__times {
margin-bottom: 15px
}
.b-recording-block__times:last-child {
margin-bottom: 0
}
.b-recording-block__times-adres {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
margin-bottom: 15px;
font: 12px/22px Roboto, Arial, sans-serif
}
.b-recording-block__times-adres svg {
width: 22px;
height: 22px;
margin-right: 10px;
fill: #F56CA8
}
.b-recording-block__times-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin: 0 -3px -6px
}
.b-recording-block__times-list.show .b-recording-block__times-item._d-none {
display: block
}
.b-recording-block__times-item {
padding: 0 3px;
margin-bottom: 6px;
flex: 0 0 25%
}
.b-recording-block__times-item a {
border: 1px solid #E4E4E4;
color: #9A9A9A;
font: 16px/1 Roboto, Arial, sans-serif;
background: #FFF;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
border-radius: 15px;
text-align: center;
height: 42px;
text-decoration: none
}
.b-recording-block__times-item svg {
fill: #9A9A9A;
width: 16px;
height: 16px;
transform: rotate(90deg)
}
.b-recording-block__times-item_more a {
background: #F9D2E3;
border-color: #F9D2E3
}
.b-recording-block__times-item.none {
order: 9999;
transform: rotate(180deg)
}
.b-recording-block__times-item.active a,
.b-recording-block__times-item:hover a {
background: #F08BB7;
border-color: #E4E4E4;
color: #FFF
}
.b-recording-block__times-item.active svg,
.b-recording-block__times-item:hover svg {
fill: #FFF
}
.b-recording-block.is-edit .b-recording-block__edit {
display: block
}
.b-recording-block_disabled {
opacity: .5
}
.b-recording-block_disabled .b-recording-block__links a {
display: none
}
.b-recording-block_disabled .b-recording-block__links__disabled {
display: block !important
}
.b-recording-block_wrap {
flex-wrap: wrap
}
.b-recording-block_history .b-recording-block__col-2 {
padding-top: 40px
}
.b-recording-block_history-2 .b-recording-block__file {
margin-bottom: -60px
}
.b-recording-block_history-2 .b-recording-block__file .b-doc-block {
margin: -20px
}
.b-recording-block_history-2 .b-recording-block__col-2 {
padding-top: 40px;
margin: 0;
flex: 0 0 40%
}
.b-recording-block_history-2 .b-recording-block__col-3 {
margin: 0;
flex: 0 0 60%
}
.b-recording-block_history-2 .b-recording-block__row {
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
align-items: flex-start
}
.b-recording-block_schedule {
background: #F6F6F6;
border-radius: 0 0 10px 10px;
margin-bottom: 10px;
box-shadow: none;
padding: 30px 60px 60px
}
.b-recording-block_schedule .b-recording-block__education,
body [class$='_pl-0'],
body [class*='_pl-0 '] {
padding-left: 0
}
.b-recording-block_schedule:last-child {
margin-bottom: 0
}
.b-recording-block_schedule .b-recording-block__col-1,
.b-recording-block_schedule .b-recording-block__col-2,
.b-recording-block_schedule .b-recording-block__col-3 {
margin: 0
}
.b-recording-block_schedule .b-recording-block__col-info .b-contact-icon-block {
margin-bottom: 20px
}
.b-recording-block_schedule .b-recording-block__col-info .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-recording-block_schedule .b-recording-block__avatar {
margin-right: 0
}
.b-recording-block_schedule .b-recording-block__avatar img {
width: 100px;
height: 100px;
margin: 0 auto
}
.b-recording-block_schedule .b-recording-block__avatar-star {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
background: #BAA4F3;
border-radius: 50%;
width: 23px;
height: 23px
}
.b-recording-block_schedule .b-recording-block__avatar-star svg {
fill: #FFF;
width: 12px;
height: 12px
}
.b-recording-block_schedule .b-recording-block__name {
font: 500 20px/24px Roboto, Arial, sans-serif
}
.b-recording-block_schedule .b-recording-block__education,
.b-recording-block_schedule .b-recording-block__position {
font: 12px/18px Roboto, Arial, sans-serif;
margin-bottom: 15px
}
.b-recording-block_schedule .b-recording-block__education svg {
margin-right: 15px
}
.b-recording-block_schedule .b-recording-block__education p {
margin: 0
}
.b-recording-block_schedule .b-recording-block__education_middle {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-recording-block_schedule .b-recording-block__education_middle span {
color: #F56CA8;
font-weight: 700
}
.b-recording-block_schedule .b-recording-block__price {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end;
margin-bottom: 25px
}
.b-recording-block_schedule .b-recording-block__price-label {
font: 500 14px/29px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-right: 10px
}
.b-recording-block_schedule .b-recording-block__price-value {
font: 500 15px/29px Roboto, Arial, sans-serif;
color: #F56CA8
}
.b-recording-block_schedule .b-recording-block__price-value span {
font-size: 29px
}
.b-recording-block_schedule .b-recording-block__buttons {
display: none
}
.b-recording-block_schedule .b-recording-block__buttons.show:not(._d-none) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start
}
.b-recording-block_schedule .b-recording-block__days {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch;
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
border-radius: 10px;
margin-bottom: 15px
}
.b-recording-block_schedule .b-recording-block__days-item {
flex: 1 1 auto;
padding: 8px 5px;
position: relative;
z-index: 1
}
.b-recording-block_schedule .b-recording-block__days-item:after {
content: "";
display: block;
width: 1px;
height: 32px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #E4E4E4
}
.b-recording-block_schedule .b-recording-block__days-item>
a {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 100%;
width: 100%;
text-decoration: none;
color: #2E2E2E;
font: 12px/12px Roboto, Arial, sans-serif
}
.b-recording-block_schedule .b-recording-block__days-item:first-child>
a,
.b-recording-block_schedule .b-recording-block__days-item:last-child>
a {
color: #9A9A9A
}
.b-recording-block_schedule .b-recording-block__days-item>
a>
span {
margin-bottom: 4px
}
.b-recording-block_schedule .b-recording-block__days-item>
a>
span:last-child {
margin-bottom: 0;
font-size: 10px
}
.b-recording-block_schedule .b-recording-block__days-item>
a>
input {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0
}
.b-recording-block_schedule .b-recording-block__days-item .ic__datepicker.active .ic__close,
.b-recording-block_schedule .b-recording-block__days-item .ic__datepicker.active .ic__header,
.b-recording-block_schedule .b-recording-block__days-item.active:after,
.b-recording-block_schedule .b-recording-block__days-item:hover:after {
display: none
}
.b-recording-block_schedule .b-recording-block__days-item:first-child {
border-radius: 10px 0 0 10px
}
.b-recording-block_schedule .b-recording-block__days-item:last-child {
border-radius: 0 10px 10px 0
}
.b-recording-block_schedule .b-recording-block__days-item .ic__datepicker.active {
top: calc(100% + 10px);
left: auto;
right: 0
}
.b-recording-block_schedule .b-recording-block__days-item.active,
.b-recording-block_schedule .b-recording-block__days-item:hover {
background: #F08BB7;
color: #FFF;
z-index: 4
}
.b-recording-block_schedule .b-recording-block__days-item.active>
a,
.b-recording-block_schedule .b-recording-block__days-item:hover>
a {
color: #FFF
}
.b-recording-block_schedule .b-recording-block__times {
margin-bottom: 15px
}
.b-recording-block_schedule .b-recording-block__times:last-child {
margin-bottom: 0
}
.b-recording-block_schedule .b-recording-block__times-adres {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
margin-bottom: 15px;
font: 12px/22px Roboto, Arial, sans-serif
}
.b-recording-block_schedule .b-recording-block__times-adres svg {
width: 22px;
height: 22px;
margin-right: 10px;
fill: #F56CA8
}
.b-recording-block_schedule .b-recording-block__times-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin: 0 -3px -6px
}
.b-recording-block_schedule .b-recording-block__times-list.show .b-recording-block__times-item._d-none {
display: block
}
.b-recording-block_schedule .b-recording-block__times-item {
padding: 0 3px;
margin-bottom: 6px;
flex: 0 0 25%
}
.b-recording-block_schedule .b-recording-block__times-item a {
border: 1px solid #E4E4E4;
color: #9A9A9A;
font: 16px/1 Roboto, Arial, sans-serif;
background: #FFF;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
border-radius: 15px;
text-align: center;
height: 42px;
text-decoration: none
}
.b-recording-block_schedule .b-recording-block__times-item svg {
fill: #9A9A9A;
width: 16px;
height: 16px;
transform: rotate(90deg)
}
.b-recording-block_schedule .b-recording-block__times-item_more a {
background: #F9D2E3;
border-color: #F9D2E3
}
.b-recording-block_schedule .b-recording-block__times-item.none {
order: 9999;
transform: rotate(180deg)
}
.b-recording-block_schedule .b-recording-block__times-item.active a,
.b-recording-block_schedule .b-recording-block__times-item:hover a {
background: #F08BB7;
border-color: #E4E4E4;
color: #FFF
}
.b-recording-block_schedule .b-recording-block__times-item.active svg,
.b-recording-block_schedule .b-recording-block__times-item:hover svg {
fill: #FFF
}
.b-recording-block_doctor {
padding: 30px;
border-radius: 0
}
.b-recording-block_doctor .b-recording-block__education {
margin-bottom: 0
}
@media (max-width:992px) {
.b-recording-block {
padding: 20px 20px 30px;
flex-wrap: wrap
}
.b-recording-block__row {
flex-wrap: wrap
}
.b-recording-block__col-1 {
flex: 1 0 100%;
margin: -20px -20px 30px
}
.b-recording-block__col-2 {
flex: 0 0 40%;
margin: 0;
padding-right: 30px
}
.b-recording-block__col-3 {
flex: 0 0 60%;
margin: 0
}
.b-recording-block__dates {
padding: 24px 20px;
border-radius: 10px 10px 0 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center
}
.b-recording-block__dates span {
margin: 0;
display: inline-block
}
.b-recording-block__dates br {
display: none
}
.b-recording-block__dates svg {
margin: 0 15px 0 0
}
.b-recording-block__dates p {
flex: 1 1 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center
}
.b-recording-block__edit-days {
max-width: 50%;
padding: 0 15px 0 0
}
.b-recording-block__edit-row {
margin-left: -15px;
margin-right: -15px
}
.b-recording-block__edit-row .b-recording-block__times {
padding: 0 15px
}
.b-recording-block_wrap .b-recording-block__row {
flex-wrap: wrap
}
.b-recording-block_history .b-recording-block__col-2 {
padding-top: 23px
}
.b-recording-block_history-2 .b-recording-block__date {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin: 24px 0 20px
}
.b-recording-block_schedule .b-recording-block__col-1,
.b-recording-block_schedule .b-recording-block__col-2,
.b-recording-block_schedule .b-recording-block__col-3 {
margin: 0
}
.b-recording-block_schedule .b-recording-block__col-info .b-contact-icon-block {
margin-bottom: 15px
}
.b-recording-block_schedule .b-recording-block__col-info .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-recording-block_schedule .b-recording-block__avatar {
float: left;
margin-right: 20px;
margin-bottom: 24px
}
.b-recording-block_schedule .b-recording-block__avatar img {
width: 80px;
height: 80px
}
.b-recording-block_schedule .b-recording-block__name {
font: 500 16px/19px Roboto, Arial, sans-serif
}
.b-recording-block_schedule .b-recording-block__position {
margin-bottom: 24px
}
.b-recording-block_schedule .b-recording-block__price {
margin-bottom: 20px
}
.b-recording-block_schedule .b-recording-block__price-value span {
font-size: 18px
}
.b-recording-block_schedule .b-recording-block__education {
clear: both
}
}
@media (max-width:640px) {
.b-recording-block__education,
.b-recording-block__position {
font: 12px/16px Roboto, Arial, sans-serif
}
.b-recording-block {
padding: 24px 20px
}
.b-recording-block__col-1 {
flex: 1 0 100%;
margin: -24px -20px 30px
}
.b-recording-block__col-2 {
flex: 0 0 100%;
margin: 0 0 30px;
padding-right: 0;
padding-top: 0
}
.b-recording-block__col-2 .b-contact-icon-block {
margin-bottom: 15px
}
.b-recording-block__col-2 .b-contact-icon-block:last-child {
margin-bottom: 0
}
.b-recording-block__col-3 {
flex: 0 0 100%;
margin: 0
}
.b-recording-block__education {
padding-left: 0
}
.b-recording-block__about {
margin-bottom: 24px
}
.b-recording-block__about-wrap {
padding-top: 0
}
.b-recording-block__avatar img {
display: block;
width: 80px;
height: 80px
}
.b-recording-block__avatar-star {
width: 20px;
height: 20px
}
.b-recording-block__services {
margin: 30px -20px -24px;
flex: 1 0 100%;
max-width: none
}
.b-recording-block__services-head {
border-radius: 0 0 10px 10px;
position: relative;
z-index: 6
}
.b-recording-block__services-list:after {
content: "";
display: block;
position: absolute;
top: -74px;
left: -30px;
right: -30px;
bottom: 0;
background: #FFF;
z-index: -1
}
.b-recording-block__services-item {
margin-bottom: 19px;
padding: 0 0 19px;
border-bottom: .25px #f0f0f0 solid;
background: 0 0;
box-shadow: none;
border-radius: 0;
display: block;
min-height: 0;
font: 16px/20px Roboto, Arial, sans-serif
}
.b-recording-block__services-item span:first-child {
padding-right: 0;
display: block
}
.b-recording-block__services-item svg {
display: none
}
.b-recording-block__services-item:last-child {
margin-bottom: 0
}
.b-recording-block__services-item:hover {
background: #F6F9FF;
box-shadow: 0 0 14.54px rgba(46, 46, 46, .07)
}
.b-recording-block__services-price {
color: #9A9A9A;
font: 500 28px/20px Roboto, Arial, sans-serif;
white-space: nowrap;
margin-top: 34px;
display: block
}
.b-recording-block__services.active .b-recording-block__services-list {
max-height: 1000px;
margin-top: 34px;
overflow: visible
}
.b-recording-block__services.active .b-recording-block__services-head:after {
transform: rotate(180deg)
}
.b-recording-block__edit-days {
max-width: 100%;
padding: 0
}
.b-recording-block_default {
background: 0 0;
box-shadow: none;
padding: 0
}
.b-recording-block_default .b-recording-block__row {
padding: 24px 20px;
background: #FFF;
border-radius: 10px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
position: relative;
z-index: 1
}
.b-recording-block_default .b-recording-block__edit {
background: #F6F6F6;
padding: 80px 20px 30px;
margin: -50px -20px 0;
max-width: none;
position: relative;
z-index: 0;
flex: 1 0 100%
}
.b-recording-block_default .b-recording-block__edit-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
margin-top: 30px
}
.b-recording-block_history .b-recording-block__about {
margin-bottom: 0
}
.b-recording-block_history .b-recording-block__col-2 {
padding-top: 0
}
.b-recording-block_history-2 .b-recording-block__file {
margin-bottom: -40px
}
.b-recording-block_history-2 .b-recording-block__file .b-doc-block {
margin: -20px
}
.b-recording-block_history-2 .b-recording-block__col-2 {
padding-top: 0;
flex: 0 0 100%;
margin-bottom: 30px
}
.b-recording-block_history-2 .b-recording-block__col-3 {
margin: 0;
flex: 0 0 100%
}
.b-recording-block_schedule .b-recording-block__buttons {
display: none;
margin-top: 30px
}
.b-recording-block_schedule .b-recording-block__buttons.show._d-none_xs {
display: none
}
.b-recording-block_schedule .b-recording-block__buttons.show:not(._d-none_xs) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-recording-block_schedule .b-recording-block__buttons .b-btn {
min-width: 200px
}
.b-recording-block_schedule .b-recording-block__days-item {
text-align: center
}
.b-recording-block_schedule .b-recording-block__days-item .ic__datepicker.active {
left: auto;
right: 0;
bottom: auto;
position: absolute
}
.b-recording-block_doctor .b-recording-block__education {
margin-bottom: 15px
}
}
.b-stock-block {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
z-index: 1
}
.b-stock-block__img {
position: relative;
flex: 0 0 calc(66.66% - 10px);
max-width: calc(66.66% - 10px);
margin-right: 30px
}
.b-stock-block__img img {
border-radius: 10px;
width: 100%;
display: block
}
.b-stock-block__date {
position: absolute;
top: 0;
right: 0;
padding: 10px 30px;
font: 500 14px/20px Roboto, Arial, sans-serif;
color: #FFF;
background: #F08BB7;
border-radius: 0 10px
}
.b-stock-block__title {
margin-bottom: 50px;
font: 500 30px/38px Roboto, Arial, sans-serif;
color: #000
}
.b-stock-block__title a {
text-decoration: none
}
.b-stock-block__prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
align-content: baseline
}
.b-stock-block__old-price {
margin-right: 10px;
color: #A0A0A0;
font: 20px/28px Roboto, Arial, sans-serif;
text-decoration: line-through;
white-space: nowrap
}
.b-stock-block__price {
margin-right: 10px;
color: #F56CA8;
font: 500 40px/46px Roboto, Arial, sans-serif;
white-space: nowrap
}
.b-stock-block__buttons {
flex: 0 0 100%;
margin-top: 30px
}
.b-stock-block__buttons .b-btn {
padding-left: 40px;
padding-right: 20px
}
.b-stock-block_normal {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch;
height: 100%
}
.b-stock-block_normal .b-stock-block__img {
max-width: none;
margin: 0;
flex: 0 0 240px
}
.b-stock-block_normal .b-stock-block__img img {
border-radius: 10px 10px 0 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.b-stock-block_normal .b-stock-block__wrap {
padding: 30px 30px 43px;
background: #FAFAFA;
border-radius: 0 0 10px 10px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-stock-block_normal .b-stock-block__title {
font: 500 18px/27px Roboto, Arial, sans-serif;
margin-bottom: 30px;
flex: 1 1 auto
}
.b-stock-block_normal .b-stock-block__prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
align-content: baseline
}
.b-stock-block_normal .b-stock-block__old-price {
font: 18px/28px Roboto, Arial, sans-serif
}
.b-stock-block_normal .b-stock-block__price {
font: 500 28px/32px Roboto, Arial, sans-serif
}
.b-stock-block_normal .b-stock-block__buttons {
flex: 1 1 auto;
margin: 0;
text-align: right
}
.b-stock-block_normal .b-stock-block__buttons .b-btn {
padding: 0;
background: 0 0;
color: #F08BB7;
font: 16px/18px Roboto, Arial, sans-serif;
text-decoration: none;
text-transform: none;
letter-spacing: 0
}
.b-stock-block_normal .b-stock-block__buttons .b-btn span {
text-decoration: underline
}
.b-stock-block_normal .b-stock-block__buttons .b-btn svg,
.b-stock-block_normal .b-stock-block__buttons .b-btn:before {
display: none
}
.b-stock-block_normal .b-stock-block__buttons .b-btn:after {
content: ">";
width: auto;
height: auto;
position: static;
background: 0 0;
color: #F08BB7;
padding-left: 5px;
text-decoration: none;
display: inline-block
}
.b-stock-block_normal .b-stock-block__buttons .b-btn:hover {
text-decoration: none;
color: #F56CA8
}
.b-stock-block_normal .b-stock-block__buttons .b-btn:hover:after {
background: 0 0;
color: #F56CA8;
opacity: 1;
transform: none
}
.b-stock-block_normal-big .b-stock-block__wrap {
padding: 30px 50px 50px
}
.b-stock-block_normal-big .b-stock-block__img {
flex: 0 0 370px
}
.b-stock-block_banner {
display: block;
position: relative;
z-index: 1;
height: 100%;
min-height: 442px;
background: #FFEAF6
}
.b-stock-block_banner.is-fiolet {
background: #EDE8F8
}
.b-stock-block_banner.is-blue {
background: #E3F3FF
}
.b-stock-block_banner.is-gray {
background: #F8F8F8
}
.b-stock-block_banner .b-stock-block__img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: -1
}
.b-stock-block_banner .b-stock-block__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0
}
.b-stock-block_banner .b-stock-block__wrap {
padding: 40px 20px;
max-width: 500px;
margin: 0 auto;
border-radius: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 100%
}
.b-stock-block_banner .b-stock-block__title {
font: 700 30px/1.28 Roboto, Arial, sans-serif;
margin-bottom: 25px;
text-align: center
}
.b-stock-block_banner .b-stock-block__date {
font: 500 16px/30px Roboto, Arial, sans-serif;
margin-bottom: 30px;
position: static;
padding: 0 30px;
background: #EEBCD9;
border-radius: 16px;
text-align: center
}
.b-stock-block_banner .b-stock-block__date.is-blue {
background: #C9BDE3
}
.b-stock-block_banner .b-stock-block__date.is-blue-2 {
background: #B6D5ED
}
.b-stock-block_banner .b-stock-block__text {
text-align: center;
margin-bottom: 25px;
color: #7B7B7B;
font: 16px/1.5 Roboto, Arial, sans-serif
}
.b-stock-block_banner .b-stock-block__buttons {
flex: 0 1 auto;
margin: 0 0 30px
}
.b-stock-block_banner .b-stock-block__buttons .b-btn {
padding: 0;
background: 0 0;
color: #2376E3;
font: 20px/20px Roboto, Arial, sans-serif;
text-decoration: none;
text-transform: none;
letter-spacing: 0
}
.b-stock-block_banner .b-stock-block__buttons .b-btn svg,
.b-stock-block_banner .b-stock-block__buttons .b-btn:before {
display: none
}
.b-stock-block_banner .b-stock-block__buttons .b-btn:after {
content: ">";
width: auto;
height: auto;
position: static;
background: 0 0;
color: #2376E3;
margin-left: 5px;
text-decoration: none;
display: inline-block
}
.b-stock-block_banner .b-stock-block__buttons .b-btn:hover {
text-decoration: none;
color: #F56CA8
}
.b-stock-block_banner .b-stock-block__buttons .b-btn:hover:after {
background: 0 0;
color: #F56CA8;
opacity: 1;
transform: none
}
.b-stock-block_banner .b-stock-block__old-price {
font: 24px/28px Roboto, Arial, sans-serif;
color: #7B7B7B
}
.b-stock-block_banner .b-stock-block__price {
font: 500 40px/46px Roboto, Arial, sans-serif;
color: #F56CA8
}
.b-stock-block_img-bg {
border-radius: 10px;
height: 100%
}
.b-stock-block_img-bg .b-stock-block__img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: -1
}
.b-stock-block_img-bg .b-stock-block__img:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, transparent 0, #000 100%);
opacity: .1;
z-index: 0;
position: absolute;
top: 0;
left: 0;
border-radius: 10px
}
.b-stock-block_img-bg .b-stock-block__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
object-postion: 50% 100%;
border-radius: 10px
}
.b-stock-block_img-bg .b-stock-block__wrap {
padding: 36px 30px 35px;
max-width: none;
margin: 0;
border-radius: 10px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
align-content: stretch;
height: 100%;
min-height: 525px
}
.b-stock-block_img-bg .b-stock-block__title {
font: 700 24px/31px Roboto, Arial, sans-serif;
margin-bottom: 30px;
text-align: left;
color: #FFF
}
.b-stock-block_img-bg .b-stock-block__prices {
margin-bottom: 0
}
.b-stock-block_img-bg .b-stock-block__buttons {
margin: 30px 0 0
}
.b-stock-block_img-bg .b-stock-block__old-price {
font: 20px/24px Roboto, Arial, sans-serif;
color: #FFF
}
.b-stock-block_img-bg .b-stock-block__price {
font: 500 40px/46px Roboto, Arial, sans-serif;
color: #FFF
}
.b-stock-block_img-bg-lg .b-stock-block__img:after {
display: none
}
.b-stock-block_img-bg-lg .b-stock-block__img img {
-o-object-position: 0 50%;
object-position: 0 50%
}
.b-stock-block_img-bg-lg .b-stock-block__wrap {
padding: 40px 100px 40px 66.66%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
height: 100%;
min-height: 400px
}
.b-stock-block_img-bg-lg .b-stock-block__title {
font: 700 30px/38px Roboto, Arial, sans-serif
}
.b-stock-block_img-bg-lg .b-stock-block__prices {
margin-bottom: 20px
}
.b-stock-block_img-bg-lg .b-stock-block__old-price {
font: 20px/28px Roboto, Arial, sans-serif
}
.b-stock-block_img-bg-md .b-stock-block__img:after {
display: none
}
.b-stock-block_img-bg-md .b-stock-block__img img {
-o-object-position: 100% 50%;
object-position: 100% 50%
}
.b-stock-block_img-bg-md .b-stock-block__wrap {
padding: 53px 50px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
height: 100%;
min-height: 400px;
max-width: 368px
}
.b-stock-block_img-bg-md .b-stock-block__title {
font: 700 24px/31px Roboto, Arial, sans-serif;
flex: 1 1 auto;
margin-bottom: 30px
}
.b-stock-block_img-bg-md .b-stock-block__prices {
margin: 0
}
.b-stock-block_img-bg-md .b-stock-block__old-price {
font: 20px/28px Roboto, Arial, sans-serif
}
.b-stock-block_img-bg-md .b-stock-block__buttons {
margin-top: 20px;
flex: 0 0 100%
}
@media (max-width:992px) {
.b-stock-block__buttons .b-btn:after,
.b-stock-block_normal .b-stock-block__buttons .b-btn:after {
content: '';
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden
}
.b-stock-block__buttons .b-btn:hover:after,
.b-stock-block_normal .b-stock-block__buttons .b-btn:hover:after {
opacity: 0;
transform: scale3d(.8, .8, 1)
}
.b-stock-block {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
align-content: stretch;
height: 100%
}
.b-stock-block__img {
max-width: none;
margin: 0;
flex: 0 0 194px
}
.b-stock-block__img img {
border-radius: 10px 10px 0 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.b-stock-block__wrap {
padding: 30px 20px 50px;
background: #FAFAFA;
border-radius: 0 0 10px 10px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-stock-block__title {
font: 700 24px/36px Roboto, Arial, sans-serif;
margin-bottom: 30px;
flex: 0 0 auto
}
.b-stock-block__date {
top: auto;
bottom: 0;
border-radius: 10px 0 0
}
.b-stock-block__prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: baseline
}
.b-stock-block__old-price {
font: 18px/28px Roboto, Arial, sans-serif
}
.b-stock-block__price {
font: 500 28px/32px Roboto, Arial, sans-serif
}
.b-stock-block__buttons {
flex: 0 0 100%;
margin: 30px 0 0;
text-align: left
}
.b-stock-block__buttons .b-btn {
padding: 11px 20px 11px 40px;
color: #FFF;
font-size: 14px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .1em
}
.b-stock-block__buttons .b-btn svg,
.b-stock-block__buttons .b-btn:before {
display: block
}
.b-stock-block__buttons .b-btn:after {
border-radius: inherit;
top: 0;
transition: transform .3s, opacity .3s;
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
background: linear-gradient(100.39deg, #F56CA8, #F08BB7)
}
.b-stock-block__buttons .b-btn:hover {
text-decoration: none;
color: #F56CA8
}
.b-stock-block_normal .b-stock-block__img {
max-width: none;
margin: 0;
flex: 0 0 194px
}
.b-stock-block_normal .b-stock-block__img img {
border-radius: 10px 10px 0 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.b-stock-block_normal .b-stock-block__wrap {
padding: 30px 20px 50px;
background: #FAFAFA;
border-radius: 0 0 10px 10px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch
}
.b-stock-block_normal .b-stock-block__title {
font: 700 24px/36px Roboto, Arial, sans-serif;
margin-bottom: 30px;
flex: 0 0 auto
}
.b-stock-block_normal .b-stock-block__date {
top: auto;
bottom: 0;
border-radius: 10px 0 0
}
.b-stock-block_normal .b-stock-block__prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: baseline
}
.b-stock-block_normal .b-stock-block__old-price {
font: 18px/28px Roboto, Arial, sans-serif
}
.b-stock-block_normal .b-stock-block__price {
font: 500 28px/32px Roboto, Arial, sans-serif
}
.b-stock-block_normal .b-stock-block__buttons {
flex: 0 0 100%;
margin: 30px 0 0;
text-align: left
}
.b-stock-block_normal .b-stock-block__buttons .b-btn {
padding: 11px 20px 11px 40px;
color: #FFF;
font-size: 14px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .1em
}
.b-stock-block_normal .b-stock-block__buttons .b-btn svg,
.b-stock-block_normal .b-stock-block__buttons .b-btn:before {
display: block
}
.b-stock-block_normal .b-stock-block__buttons .b-btn:after {
border-radius: inherit;
top: 0;
transition: transform .3s, opacity .3s;
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
background: linear-gradient(100.39deg, #F56CA8, #F08BB7)
}
.b-stock-block_normal .b-stock-block__buttons .b-btn:hover {
text-decoration: none;
color: #F56CA8
}
.b-stock-block_banner .b-stock-block__img img {
-o-object-position: 50% 100%;
object-position: 50% 100%
}
.b-stock-block_banner .b-stock-block__wrap {
padding: 63px 20px;
background: 0 0;
min-height: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
max-width: none;
height: 600px
}
.b-stock-block_banner .b-stock-block__title {
font: 700 24px/31px Roboto, Arial, sans-serif
}
.b-stock-block_banner .b-stock-block__date {
font: 500 14px/30px Roboto, Arial, sans-serif
}
.b-stock-block_banner .b-stock-block__buttons .b-btn,
.b-stock-block_banner .b-stock-block__text {
font: 16px/24px Roboto, Arial, sans-serif
}
.b-stock-block_banner .b-stock-block__buttons .b-btn {
padding: 0;
background: 0 0;
color: #2376E3;
text-decoration: none;
text-transform: none;
letter-spacing: 0
}
.b-stock-block_banner .b-stock-block__buttons .b-btn svg,
.b-stock-block_banner .b-stock-block__buttons .b-btn:before {
display: none
}
.b-stock-block_banner .b-stock-block__buttons .b-btn:after {
content: " >";
width: auto;
height: auto;
position: static;
background: 0 0;
color: #2376E3;
text-decoration: none;
display: inline-block
}
.b-stock-block_banner .b-stock-block__buttons .b-btn:hover {
text-decoration: none;
color: #F56CA8
}
.b-stock-block_banner .b-stock-block__buttons .b-btn:hover:after {
background: 0 0;
color: #F56CA8;
opacity: 1;
transform: none
}
.b-stock-block_banner .b-stock-block__price {
font: 500 28px/32px Roboto, Arial, sans-serif
}
.b-stock-block_img-bg .b-stock-block__wrap {
padding: 40px 20px;
max-width: none;
margin: 0;
border-radius: 10px;
background: 0 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
align-content: stretch;
height: 500px;
min-height: 500px
}
.b-stock-block_img-bg .b-stock-block__title {
font: 700 24px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 30px;
text-align: left;
color: #FFF
}
.b-stock-block_img-bg .b-stock-block__prices {
margin-bottom: 0
}
.b-stock-block_img-bg .b-stock-block__buttons {
margin: 30px 0 0
}
.b-stock-block_img-bg .b-stock-block__old-price {
font: 18px Roboto, Arial, sans-serif;
color: #FFF
}
.b-stock-block_img-bg .b-stock-block__price {
font: 500 28px Roboto, Arial, sans-serif;
color: #FFF
}
.b-stock-block_img-bg .b-stock-block__date {
position: absolute;
top: 0;
right: 0;
bottom: auto;
border-radius: 0 10px
}
.b-stock-block_img-bg-lg .b-stock-block__wrap,
.b-stock-block_img-bg-md .b-stock-block__wrap {
padding: 268px 20px 40px;
max-width: none;
margin: 0;
border-radius: 10px;
background: 0 0;
align-content: stretch;
height: 500px;
min-height: 500px
}
.b-stock-block_img-bg-lg .b-stock-block__wrap {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch
}
.b-stock-block_img-bg-md .b-stock-block__img:after {
display: block
}
.b-stock-block_img-bg-md .b-stock-block__wrap {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch
}
.b-stock-block_img-bg-md .b-stock-block__title {
font: 700 24px/31px Roboto, Arial, sans-serif;
flex: 1 1 auto;
margin-bottom: 30px
}
}
.b-stocks-section {
overflow: hidden;
padding: 100px 0
}
.b-stocks-section_banner,
body [class$='_p-0'],
body [class*='_p-0 '] {
padding: 0
}
.b-stocks-section__title {
text-align: center;
margin-bottom: 50px
}
.b-stocks-section__row {
margin-bottom: -50px
}
.b-stocks-section__col {
margin-bottom: 50px
}
.b-stocks-section_banner .b-stocks-section__row {
margin-bottom: -30px
}
.b-stocks-section_banner .b-stocks-section__col {
margin-bottom: 30px
}
@media (max-width:1200px) {
.b-stocks-section {
padding: 70px 0
}
}
@media (max-width:992px) {
.b-stocks-section {
padding: 60px 0
}
.b-stocks-section__title {
margin-bottom: 32px
}
.b-stocks-section__row {
margin-bottom: -30px
}
.b-stocks-section__col {
margin-bottom: 30px
}
.b-stocks-section_banner {
padding: 0
}
.b-stocks-section_banner .b-stocks-section__row {
margin-bottom: -20px
}
.b-stocks-section_banner .b-stocks-section__col {
margin-bottom: 20px
}
}
.b-well-block {
padding: 50px 40px;
background: #ECF6FD
}
.b-well-block__head {
margin-bottom: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-well-block__icon {
flex: 0 0 30px;
width: 30px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin-right: 30px;
fill: #9BC3DF
}
.b-well-block__title {
margin: 0;
font: 500 24px/1.6 Roboto, Arial, sans-serif
}
.b-well-block__text {
font: 18px/32px Roboto, Arial, sans-serif;
padding: 0 60px
}
@media (max-width:1200px) {
.b-well-block {
padding: 40px 20px
}
.b-well-block__text {
font-size: 16px;
padding-right: 40px
}
}
@media (max-width:640px) {
.b-well-block {
padding: 50px 15px
}
.b-well-block__head {
margin-bottom: 20px
}
.b-well-block__title {
font: 500 20px Roboto, Arial, sans-serif
}
.b-well-block__icon {
margin-right: 10px
}
.b-well-block__text {
padding: 0
}
}
.b-stock-page__img,
.b-stock-page__info {
margin-bottom: 50px
}
.b-stock-page__bread {
padding: 18px 0 30px
}
.b-stock-page__img {
padding-right: 45px
}
.b-stock-page__img img {
display: block;
width: 100%;
border-radius: 10px
}
.b-stock-page__info_no-price {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
padding-bottom: 80px
}
.b-stock-page__info_no-price .b-stock-page__title {
flex: 1 1 auto
}
.b-stock-page__date {
margin-bottom: 30px;
color: #F56CA8;
font: 500 16px/18px Roboto, Arial, sans-serif;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center
}
.b-stock-page__date-icon {
width: 30px;
height: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
border-radius: 50%;
background: #F56CA8;
margin-right: 10px
}
.b-stock-page__date-icon svg {
font-size: 15px;
fill: #FFF;
display: block
}
.b-stock-page__title {
font: 500 30px/38px Roboto, Arial, sans-serif;
color: #2E2E2E;
margin-bottom: 50px
}
.b-stock-page__prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
align-content: baseline;
margin-bottom: 30px
}
.b-stock-page__old-price {
color: #A0A0A0;
font: 20px/24px Roboto, Arial, sans-serif;
margin-right: 10px;
text-decoration: line-through
}
.b-stock-page__price {
color: #F56CA8;
font: 500 40px/46px Roboto, Arial, sans-serif
}
.b-stock-page__services,
.b-stock-page__text {
margin-bottom: 100px
}
.b-stock-page__services-title {
text-align: center;
margin-bottom: 50px
}
.b-stock-page__services-list {
margin-bottom: 30px
}
.b-stock-page__services-item {
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 10px 30px 10px 70px;
min-height: 80px;
font: 18px/24px Roboto, Arial, sans-serif;
color: #2E2E2E;
border-bottom: .5px solid #F0F0F0;
transition: all .35s ease
}
.b-stock-page__services-item svg {
flex: 0 0 auto;
font-size: 23px;
fill: #F56CA8;
display: block;
margin-left: 60px;
transition: all .35s ease
}
.b-stock-page__steps-item:hover .b-stock-page__steps-img svg,
.button.lightBlue svg {
fill: #FFF
}
.b-stock-page__services-item:hover {
background: #F7F9FF
}
.b-stock-page__services-item:last-child {
border: 0
}
.b-stock-page__services-prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
align-content: baseline;
margin-bottom: 30px
}
.b-stock-page__services-label {
margin-right: 20px;
color: #2E2E2E;
font: 30px/38px Roboto, Arial, sans-serif
}
.b-stock-page__services-old-price {
color: #7B7B7B;
font: 24px/28px Roboto, Arial, sans-serif;
margin-right: 10px;
text-decoration: line-through
}
.b-stock-page__services-price {
color: #F56CA8;
font: 500 40px/46px Roboto, Arial, sans-serif
}
.b-stock-page__services-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start
}
.b-stock-page__group,
.b-stock-page__well {
margin-bottom: 100px
}
.b-stock-page__group-title {
margin-bottom: 50px;
text-align: center
}
.b-stock-page__group_info-stock ol {
max-width: 770px;
margin: 0 auto
}
.b-stock-page__steps {
margin-bottom: 100px
}
.b-stock-page__steps-title {
color: #2E2E2E;
margin-bottom: 20px;
font: 500 18px/1.5 Roboto, Arial, sans-serif
}
.b-stock-page__steps-title:last-child {
margin-bottom: 0
}
.b-stock-page__steps-text {
color: #2E2E2E;
font: 16px/1.8 Roboto, Arial, sans-serif
}
.b-stock-page__steps-item {
position: relative;
flex: 0 0 250px;
text-align: left
}
.b-stock-page__steps-item:last-child .b-stock-page__steps-img:after {
display: none
}
.b-stock-page__steps-item:hover .b-stock-page__steps-img {
background: linear-gradient(118.83deg, #F56CA8 -5.53%, #F37BAF -5.53%, #F08BB7 115.93%);
box-shadow: 0 10px 20px rgba(240, 139, 183, .5)
}
.b-stock-page__steps-img {
background: #F3F3F3;
border-radius: 50%;
width: 137px;
height: 137px;
margin: 0 auto 44px;
transition: all .35s ease;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
position: relative
}
.b-stock-page__steps-img:after {
content: "";
display: block;
width: 90px;
height: 3px;
background: url(/v8/css/../images/stock-steps-bg.png);
position: absolute;
top: 50%;
right: -50%;
transform: translate(calc(50% - 15px))
}
.b-stock-page__steps-img svg {
fill: #F56CA8;
font-size: 73px;
display: block;
transition: all .35s ease
}
@media (max-width:1200px) {
.b-stock-page__date {
font: 500 16px/18px Roboto, Arial, sans-serif
}
.b-stock-page__info_no-price {
padding-bottom: 40px
}
.b-stock-page__title {
font: 500 24px/32px Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-stock-page__old-price {
font-size: 18px
}
.b-stock-page__price {
font-size: 28px
}
.b-stock-page__services,
.b-stock-page__text {
margin-bottom: 70px
}
.b-stock-page__services-title {
text-align: center;
margin-bottom: 40px
}
.b-stock-page__services-item {
padding: 10px 20px 10px 50px;
font: 16px/1.3 Roboto, Arial, sans-serif
}
.b-stock-page__services-item svg {
margin-left: 40px
}
.b-stock-page__services-label {
font: 26px/34px Roboto, Arial, sans-serif
}
.b-stock-page__services-old-price {
font: 20px/28px Roboto, Arial, sans-serif
}
.b-stock-page__services-price {
font: 500 24px/40px Roboto, Arial, sans-serif
}
.b-stock-page__group,
.b-stock-page__well {
margin-bottom: 70px
}
.b-stock-page__group-title {
margin-bottom: 40px
}
.b-stock-page__steps {
margin-bottom: 70px
}
}
@media (max-width:992px) {
.b-stock-page__img {
padding-right: 15px
}
.b-stock-page__prices,
.b-stock-page__title {
margin-bottom: 20px
}
.b-stock-page__info_no-price {
padding-bottom: 0
}
.b-stock-page__services,
.b-stock-page__text {
margin-bottom: 60px
}
.b-stock-page__services-title {
text-align: center;
margin-bottom: 30px
}
.b-stock-page__services-item {
padding: 10px 20px
}
.b-stock-page__services-item svg {
margin-left: 40px
}
.b-stock-page__services-label {
font: 26px/34px Roboto, Arial, sans-serif
}
.b-stock-page__services-old-price {
font: 20px/28px Roboto, Arial, sans-serif
}
.b-stock-page__services-price {
font: 500 34px Roboto, Arial, sans-serif
}
.b-stock-page__group,
.b-stock-page__well {
margin-bottom: 60px
}
.b-stock-page__group-title {
margin-bottom: 30px
}
.b-stock-page__group-item.d-none_sm {
display: none
}
.b-stock-page__steps {
margin-bottom: 60px
}
.b-stock-page__steps-item {
flex: 0 0 25%
}
}
@media (max-width:640px) {
.b-stock-page__bread {
padding: 24px 0
}
.b-stock-page__img {
padding: 0;
margin-bottom: 20px
}
.b-stock-page__img img {
border-radius: 0
}
.b-stock-page__info {
margin-bottom: 60px
}
.b-stock-page__date {
margin-bottom: 20px
}
.b-stock-page__title {
font: 500 18px/1.3 Roboto, Arial, sans-serif;
margin-bottom: 30px
}
.b-stock-page__prices {
margin-bottom: 30px
}
.b-stock-page__old-price {
font: 18px Roboto, Arial, sans-serif
}
.b-stock-page__price {
font: 500 28px Roboto, Arial, sans-serif
}
.b-stock-page__services-title {
font: 24px/1.3 Roboto, Arial, sans-serif
}
.b-stock-page__services-item {
padding: 10px 15px;
margin-left: -15px;
margin-right: -15px;
min-height: 130px;
font: 16px/1.3 Roboto, Arial, sans-serif
}
.b-stock-page__services-item svg {
margin-left: 20px
}
.b-stock-page__services-label {
margin: 0 0 30px;
font: 24px/1.3 Roboto, Arial, sans-serif;
text-align: center;
flex: 0 0 100%
}
.b-stock-page__services-old-price {
font: 18px Roboto, Arial, sans-serif
}
.b-stock-page__services-price {
font: 500 28px Roboto, Arial, sans-serif
}
.b-stock-page__group-title {
font: 24px/1.3 Roboto, Arial, sans-serif
}
.b-stock-page__group-item.d-none_sm {
display: block
}
.b-stock-page__group_other .b-stock-page__group-title {
color: #F56CA8
}
.b-stock-page__group_other .b-stock-page__group-row {
margin-bottom: -30px
}
.b-stock-page__group_other .b-stock-page__group-item {
margin-bottom: 30px
}
.b-stock-page__well {
margin: 0 -15px 60px
}
.b-stock-page__steps-title {
max-width: 300px;
margin: 0 auto 20px
}
.b-stock-page__steps-text {
max-width: 300px;
margin: 0 auto
}
.b-stock-page__steps-item {
flex: 0 0 100%;
text-align: center;
margin-bottom: 84px;
position: relative
}
.b-stock-page__steps-item:after {
content: "";
display: block;
width: 3px;
height: 43px;
background: url(/v8/css/../images/stock-steps-bg-v.png);
position: absolute;
top: calc(100% + 30px);
left: 50%;
transform: translate(-50%, 0)
}
.b-stock-page__steps-img:after,
.b-stock-page__steps-item:last-child:after {
display: none
}
.b-stock-page__steps-item:last-child {
margin-bottom: 0
}
.b-stock-page__steps-img {
margin: 0 auto 30px
}
}
.desc-block__desc h2,
.land-section_h1-block h1,
body [class$='_bold'],
body [class*='_bold '] {
font-weight: 700
}
#booking_form_main_container,
.b-slider-section.custom-b-slider-section .slick-dots,
.slick-dots button[aria-label="1 of 1"] {
display: none
}
.b-slider-section.custom-b-slider-section .none-preview-c {
min-height: 396px
}
.b-slider-section.custom-b-slider-section .b-slider-section__item_video:after {
width: 80px;
height: 80px
}
.b-patient-story-block__img img {
width: 150px
}
.b-patient-story-block__param__value {
height: 40px;
overflow: hidden
}
.b-doc-block__title {
height: 45px;
overflow: hidden
}
.overflow-custom {
overflow: hidden
}
.b-begin-section__subtitle-custom {
height: 26px
}
.b-begin-section__item {
box-shadow: none
}
.b-service-block__text-custom {
height: 63px
}
.b-service-block__title-custom {
height: 48px
}
.b-service-block a {
text-decoration: none
}
.b-service-block a:hover {
color: #F56CA8
}
.b-service-block a.b-btn_border:hover {
color: #fff;
}
.top_header-c {
position: relative;
z-index: 99
}
.top_header-c .container {
padding: 25px 0
}
.top_header-c p {
margin: 0
}
.b-about-doctors-section .b-banner-block {
box-shadow: none;
border-radius: 0
}
.b-advantage-section-c .b-advantage-section__subtitle {
color: #7B7B7B
}
#get_coupon .span_block span {
display: block;
margin-bottom: 15px
}
#get_coupon .b-popup__title {
color: #F56CA8;
font-weight: 700;
font-size: 50px
}
.slick-slide .hidden {
display: none !important
}
.slick-arrow {
z-index: 90 !important
}
.b-slider-section__item-с {
position: relative;
height: 600px
}
.b-slider-section__item-с img {
width: auto;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
@media (max-width:1169px) and (min-width:768px) {
.b-slider-section__item-с {
height: 50vw
}
}
@media (max-width:427px) {
.b-slider-section__item-с {
height: 133vw
}
.b-slider-section__item-с img {
width: 100%
}
}
.b-patient-story-block__param__value-c.b-patient-story-block__param__value a {
color: #9A9A9A
}
.page_content .custom_select {
z-index: 9
}
.b-header-alert__close {
width: 15px;
height: 15px;
cursor: pointer;
position: absolute;
top: 3px;
right: 15px;
margin: 0;
padding: 0;
visibility: visible
}
.invisible,
.slider__wrap {
visibility: hidden
}
.b-header-alert__close svg {
fill: #000;
width: 100%;
height: 100%
}
.service-description__mobh__inner h2 {
font-size: 28px
}
.service-description__mobh__inner h3 {
font-size: 24px
}
.our-program__dop p,
.service-description__mobh__inner p {
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em
}
.input_file-c {
margin: auto
}
.desc-block__desc h2 {
font-size: 1.5em
}
.become-partner__file span {
display: inline-block;
font-size: 16px;
line-height: 28px;
color: #9A9A9A;
position: relative
}
.become-partner__file span span {
-webkit-text-decoration-line: underline;
text-decoration-line: underline
}
.become-partner__file span svg {
fill: currentColor
}
.become-partner__file span input {
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
@media (min-width:640px) {
.land-section .hidden_mobile {
display: block
}
.all-services__itm__head.hidden_mobile {
display: flex
}
}
@media (max-width:640px) {
.b-slider-section.custom-b-slider-section picture img {
min-height: 200px
}
.b-about-section__text-c:before {
background-image: none !important
}
.landing-breadcrumbs .breadcrumb__li:after {
display: none
}
.service-description__mobh__inner h2 {
font-size: 20px
}
.service-description__mobh__inner h3 {
font-size: 16px
}
}
body [class$='_d-none'],
body [class*='_d-none '] {
display: none
}
body [class$='_d-block'],
body [class*='_d-block '] {
display: block
}
body [class$='_d-flex'],
body [class*='_d-flex '] {
display: flex
}
body [class$='_d-inline-flex'],
body [class*='_d-inline-flex '] {
display: inline-flex
}
body [class$='_d-inline-block'],
body [class*='_d-inline-block '] {
display: inline-block
}
@media only screen and (max-width:767px) {
html body [class$='_d-none_xs'],
html body [class*='_d-none_xs '] {
display: none
}
html body [class$='_d-block_xs'],
html body [class*='_d-block_xs '] {
display: block
}
html body [class$='_d-flex_xs'],
html body [class*='_d-flex_xs '] {
display: flex
}
html body [class$='_d-inline-flex_xs'],
html body [class*='_d-inline-flex_xs '] {
display: inline-flex
}
html body [class$='_d-inline-block_xs'],
html body [class*='_d-inline-block_xs '] {
display: inline-block
}
html body [class$='_bold_xs'],
html body [class*='_bold_xs '] {
font-weight: 700
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_d-none_sm'],
html body [class*='_d-none_sm '] {
display: none
}
html body [class$='_d-block_sm'],
html body [class*='_d-block_sm '] {
display: block
}
html body [class$='_d-flex_sm'],
html body [class*='_d-flex_sm '] {
display: flex
}
html body [class$='_d-inline-flex_sm'],
html body [class*='_d-inline-flex_sm '] {
display: inline-flex
}
html body [class$='_d-inline-block_sm'],
html body [class*='_d-inline-block_sm '] {
display: inline-block
}
html body [class$='_bold_sm'],
html body [class*='_bold_sm '] {
font-weight: 700
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_d-none_md'],
html body [class*='_d-none_md '] {
display: none
}
html body [class$='_d-block_md'],
html body [class*='_d-block_md '] {
display: block
}
html body [class$='_d-flex_md'],
html body [class*='_d-flex_md '] {
display: flex
}
html body [class$='_d-inline-flex_md'],
html body [class*='_d-inline-flex_md '] {
display: inline-flex
}
html body [class$='_d-inline-block_md'],
html body [class*='_d-inline-block_md '] {
display: inline-block
}
html body [class$='_bold_md'],
html body [class*='_bold_md '] {
font-weight: 700
}
}
@media only screen and (min-width:1200px) {
html body [class$='_d-none_lg'],
html body [class*='_d-none_lg '] {
display: none
}
html body [class$='_d-block_lg'],
html body [class*='_d-block_lg '] {
display: block
}
html body [class$='_d-flex_lg'],
html body [class*='_d-flex_lg '] {
display: flex
}
html body [class$='_d-inline-flex_lg'],
html body [class*='_d-inline-flex_lg '] {
display: inline-flex
}
html body [class$='_d-inline-block_lg'],
html body [class*='_d-inline-block_lg '] {
display: inline-block
}
html body [class$='_bold_lg'],
html body [class*='_bold_lg '] {
font-weight: 700
}
html body [class$='_normal_lg'],
html body [class*='_normal_lg '] {
font-weight: 400
}
}
body [class$='_normal'],
body [class*='_normal '] {
font-weight: 400
}
@media only screen and (max-width:767px) {
html body [class$='_normal_xs'],
html body [class*='_normal_xs '] {
font-weight: 400
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_normal_sm'],
html body [class*='_normal_sm '] {
font-weight: 400
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_normal_md'],
html body [class*='_normal_md '] {
font-weight: 400
}
html body [class$='_medium_md'],
html body [class*='_medium_md '] {
font-weight: 500
}
}
body [class$='_medium'],
body [class*='_medium '] {
font-weight: 500
}
@media only screen and (max-width:767px) {
html body [class$='_medium_xs'],
html body [class*='_medium_xs '] {
font-weight: 500
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_medium_sm'],
html body [class*='_medium_sm '] {
font-weight: 500
}
}
@media only screen and (min-width:1200px) {
html body [class$='_medium_lg'],
html body [class*='_medium_lg '] {
font-weight: 500
}
html body [class$='_light_lg'],
html body [class*='_light_lg '] {
font-weight: 300
}
}
body [class$='_light'],
body [class*='_light '] {
font-weight: 300
}
body [class$='_text-center'],
body [class*='_text-center '] {
text-align: center
}
body [class$='_text-left'],
body [class*='_text-left '] {
text-align: left
}
body [class$='_text-right'],
body [class*='_text-right '] {
text-align: right
}
body [class$='_txt-pinkdark'],
body [class*='_txt-pinkdark '] {
color: #E3267A
}
body [class$='_txt-gray'],
body [class*='_txt-gray '] {
color: #DEDEDE
}
body [class$='_bg-gray'],
body [class*='_bg-gray '] {
background: #DEDEDE
}
body [class$='_bg-pinkdark'],
body [class*='_bg-pinkdark '] {
background: #E3267A
}
body [class$='_txt-pink'],
body [class*='_txt-pink '] {
color: #F56CA8
}
body [class$='_bg-pink'],
body [class*='_bg-pink '] {
background: #F56CA8
}
body [class$='_bg-pinklight'],
body [class*='_bg-pinklight '] {
background: #EFE7F1
}
body [class$='_txt-pinklight'],
body [class*='_txt-pinklight '] {
color: #EFE7F1
}
body [class$='_lnk-abs'],
body [class*='_lnk-abs '] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: 9
}
body [class$='_m-auto'],
body [class*='_m-auto '] {
margin: autopx
}
body [class$='_mt-auto'],
body [class*='_mt-auto '] {
margin-top: autopx
}
body [class$='_mb-auto'],
body [class*='_mb-auto '] {
margin-bottom: autopx
}
body [class$='_ml-auto'],
body [class*='_ml-auto '] {
margin-left: autopx
}
body [class$='_mr-auto'],
body [class*='_mr-auto '] {
margin-right: autopx
}
body [class$='_m-0'],
body [class*='_m-0 '] {
margin: 0
}
body [class$='_mt-0'],
body [class*='_mt-0 '] {
margin-top: 0
}
body [class$='_mb-0'],
body [class*='_mb-0 '] {
margin-bottom: 0
}
body [class$='_ml-0'],
body [class*='_ml-0 '] {
margin-left: 0
}
body [class$='_mr-0'],
body [class*='_mr-0 '] {
margin-right: 0
}
body [class$='_m-5'],
body [class*='_m-5 '] {
margin: 5px
}
body [class$='_mt-5'],
body [class*='_mt-5 '] {
margin-top: 5px
}
body [class$='_mb-5'],
body [class*='_mb-5 '] {
margin-bottom: 5px
}
body [class$='_ml-5'],
body [class*='_ml-5 '] {
margin-left: 5px
}
body [class$='_mr-5'],
body [class*='_mr-5 '] {
margin-right: 5px
}
body [class$='_m-10'],
body [class*='_m-10 '] {
margin: 10px
}
body [class$='_mt-10'],
body [class*='_mt-10 '] {
margin-top: 10px
}
body [class$='_mb-10'],
body [class*='_mb-10 '] {
margin-bottom: 10px
}
body [class$='_ml-10'],
body [class*='_ml-10 '] {
margin-left: 10px
}
body [class$='_mr-10'],
body [class*='_mr-10 '] {
margin-right: 10px
}
body [class$='_m-15'],
body [class*='_m-15 '] {
margin: 15px
}
body [class$='_mt-15'],
body [class*='_mt-15 '] {
margin-top: 15px
}
body [class$='_mb-15'],
body [class*='_mb-15 '] {
margin-bottom: 15px
}
body [class$='_ml-15'],
body [class*='_ml-15 '] {
margin-left: 15px
}
body [class$='_mr-15'],
body [class*='_mr-15 '] {
margin-right: 15px
}
body [class$='_m-20'],
body [class*='_m-20 '] {
margin: 20px
}
body [class$='_mt-20'],
body [class*='_mt-20 '] {
margin-top: 20px
}
body [class$='_mb-20'],
body [class*='_mb-20 '] {
margin-bottom: 20px
}
body [class$='_ml-20'],
body [class*='_ml-20 '] {
margin-left: 20px
}
body [class$='_mr-20'],
body [class*='_mr-20 '] {
margin-right: 20px
}
body [class$='_m-25'],
body [class*='_m-25 '] {
margin: 25px
}
body [class$='_mt-25'],
body [class*='_mt-25 '] {
margin-top: 25px
}
body [class$='_mb-25'],
body [class*='_mb-25 '] {
margin-bottom: 25px
}
body [class$='_ml-25'],
body [class*='_ml-25 '] {
margin-left: 25px
}
body [class$='_mr-25'],
body [class*='_mr-25 '] {
margin-right: 25px
}
body [class$='_m-30'],
body [class*='_m-30 '] {
margin: 30px
}
body [class$='_mt-30'],
body [class*='_mt-30 '] {
margin-top: 30px
}
body [class$='_mb-30'],
body [class*='_mb-30 '] {
margin-bottom: 30px
}
body [class$='_ml-30'],
body [class*='_ml-30 '] {
margin-left: 30px
}
body [class$='_mr-30'],
body [class*='_mr-30 '] {
margin-right: 30px
}
body [class$='_m-35'],
body [class*='_m-35 '] {
margin: 35px
}
body [class$='_mt-35'],
body [class*='_mt-35 '] {
margin-top: 35px
}
body [class$='_mb-35'],
body [class*='_mb-35 '] {
margin-bottom: 35px
}
body [class$='_ml-35'],
body [class*='_ml-35 '] {
margin-left: 35px
}
body [class$='_mr-35'],
body [class*='_mr-35 '] {
margin-right: 35px
}
body [class$='_m-40'],
body [class*='_m-40 '] {
margin: 40px
}
body [class$='_mt-40'],
body [class*='_mt-40 '] {
margin-top: 40px
}
body [class$='_mb-40'],
body [class*='_mb-40 '] {
margin-bottom: 40px
}
body [class$='_ml-40'],
body [class*='_ml-40 '] {
margin-left: 40px
}
body [class$='_mr-40'],
body [class*='_mr-40 '] {
margin-right: 40px
}
body [class$='_m-45'],
body [class*='_m-45 '] {
margin: 45px
}
body [class$='_mt-45'],
body [class*='_mt-45 '] {
margin-top: 45px
}
body [class$='_mb-45'],
body [class*='_mb-45 '] {
margin-bottom: 45px
}
body [class$='_ml-45'],
body [class*='_ml-45 '] {
margin-left: 45px
}
body [class$='_mr-45'],
body [class*='_mr-45 '] {
margin-right: 45px
}
body [class$='_m-50'],
body [class*='_m-50 '] {
margin: 50px
}
body [class$='_mt-50'],
body [class*='_mt-50 '] {
margin-top: 50px
}
body [class$='_mb-50'],
body [class*='_mb-50 '] {
margin-bottom: 50px
}
body [class$='_ml-50'],
body [class*='_ml-50 '] {
margin-left: 50px
}
body [class$='_mr-50'],
body [class*='_mr-50 '] {
margin-right: 50px
}
body [class$='_m-55'],
body [class*='_m-55 '] {
margin: 55px
}
body [class$='_mt-55'],
body [class*='_mt-55 '] {
margin-top: 55px
}
body [class$='_mb-55'],
body [class*='_mb-55 '] {
margin-bottom: 55px
}
body [class$='_ml-55'],
body [class*='_ml-55 '] {
margin-left: 55px
}
body [class$='_mr-55'],
body [class*='_mr-55 '] {
margin-right: 55px
}
body [class$='_m-60'],
body [class*='_m-60 '] {
margin: 60px
}
body [class$='_mt-60'],
body [class*='_mt-60 '] {
margin-top: 60px
}
body [class$='_mb-60'],
body [class*='_mb-60 '] {
margin-bottom: 60px
}
body [class$='_ml-60'],
body [class*='_ml-60 '] {
margin-left: 60px
}
body [class$='_mr-60'],
body [class*='_mr-60 '] {
margin-right: 60px
}
body [class$='_m-80'],
body [class*='_m-80 '] {
margin: 80px
}
body [class$='_mt-80'],
body [class*='_mt-80 '] {
margin-top: 80px
}
body [class$='_mb-80'],
body [class*='_mb-80 '] {
margin-bottom: 80px
}
body [class$='_ml-80'],
body [class*='_ml-80 '] {
margin-left: 80px
}
body [class$='_mr-80'],
body [class*='_mr-80 '] {
margin-right: 80px
}
body [class$='_m-90'],
body [class*='_m-90 '] {
margin: 90px
}
body [class$='_mt-90'],
body [class*='_mt-90 '] {
margin-top: 90px
}
body [class$='_mb-90'],
body [class*='_mb-90 '] {
margin-bottom: 90px
}
body [class$='_ml-90'],
body [class*='_ml-90 '] {
margin-left: 90px
}
body [class$='_mr-90'],
body [class*='_mr-90 '] {
margin-right: 90px
}
body [class$='_m-70'],
body [class*='_m-70 '] {
margin: 70px
}
body [class$='_mt-70'],
body [class*='_mt-70 '] {
margin-top: 70px
}
body [class$='_mb-70'],
body [class*='_mb-70 '] {
margin-bottom: 70px
}
body [class$='_ml-70'],
body [class*='_ml-70 '] {
margin-left: 70px
}
body [class$='_mr-70'],
body [class*='_mr-70 '] {
margin-right: 70px
}
body [class$='_m-100'],
body [class*='_m-100 '] {
margin: 100px
}
body [class$='_mt-100'],
body [class*='_mt-100 '] {
margin-top: 100px
}
body [class$='_mb-100'],
body [class*='_mb-100 '] {
margin-bottom: 100px
}
body [class$='_ml-100'],
body [class*='_ml-100 '] {
margin-left: 100px
}
body [class$='_mr-100'],
body [class*='_mr-100 '] {
margin-right: 100px
}
body [class$='_pt-0'],
body [class*='_pt-0 '] {
padding-top: 0
}
body [class$='_p-1'],
body [class*='_p-1 '] {
padding: 1px
}
body [class$='_pt-1'],
body [class*='_pt-1 '] {
padding-top: 1px
}
body [class$='_pb-1'],
body [class*='_pb-1 '] {
padding-bottom: 1px
}
body [class$='_pl-1'],
body [class*='_pl-1 '] {
padding-left: 1px
}
body [class$='_pr-1'],
body [class*='_pr-1 '] {
padding-right: 1px
}
body [class$='_p-2'],
body [class*='_p-2 '] {
padding: 2px
}
body [class$='_pt-2'],
body [class*='_pt-2 '] {
padding-top: 2px
}
body [class$='_pb-2'],
body [class*='_pb-2 '] {
padding-bottom: 2px
}
body [class$='_pl-2'],
body [class*='_pl-2 '] {
padding-left: 2px
}
body [class$='_pr-2'],
body [class*='_pr-2 '] {
padding-right: 2px
}
body [class$='_p-3'],
body [class*='_p-3 '] {
padding: 3px
}
body [class$='_pt-3'],
body [class*='_pt-3 '] {
padding-top: 3px
}
body [class$='_pb-3'],
body [class*='_pb-3 '] {
padding-bottom: 3px
}
body [class$='_pl-3'],
body [class*='_pl-3 '] {
padding-left: 3px
}
body [class$='_pr-3'],
body [class*='_pr-3 '] {
padding-right: 3px
}
body [class$='_p-4'],
body [class*='_p-4 '] {
padding: 4px
}
body [class$='_pt-4'],
body [class*='_pt-4 '] {
padding-top: 4px
}
body [class$='_pb-4'],
body [class*='_pb-4 '] {
padding-bottom: 4px
}
body [class$='_pl-4'],
body [class*='_pl-4 '] {
padding-left: 4px
}
body [class$='_pr-4'],
body [class*='_pr-4 '] {
padding-right: 4px
}
body [class$='_p-5'],
body [class*='_p-5 '] {
padding: 5px
}
body [class$='_pt-5'],
body [class*='_pt-5 '] {
padding-top: 5px
}
body [class$='_pb-5'],
body [class*='_pb-5 '] {
padding-bottom: 5px
}
body [class$='_pl-5'],
body [class*='_pl-5 '] {
padding-left: 5px
}
body [class$='_pr-5'],
body [class*='_pr-5 '] {
padding-right: 5px
}
body [class$='_p-10'],
body [class*='_p-10 '] {
padding: 10px
}
body [class$='_pt-10'],
body [class*='_pt-10 '] {
padding-top: 10px
}
body [class$='_pb-10'],
body [class*='_pb-10 '] {
padding-bottom: 10px
}
body [class$='_pl-10'],
body [class*='_pl-10 '] {
padding-left: 10px
}
body [class$='_pr-10'],
body [class*='_pr-10 '] {
padding-right: 10px
}
body [class$='_p-15'],
body [class*='_p-15 '] {
padding: 15px
}
body [class$='_pt-15'],
body [class*='_pt-15 '] {
padding-top: 15px
}
body [class$='_pb-15'],
body [class*='_pb-15 '] {
padding-bottom: 15px
}
body [class$='_pl-15'],
body [class*='_pl-15 '] {
padding-left: 15px
}
body [class$='_pr-15'],
body [class*='_pr-15 '] {
padding-right: 15px
}
body [class$='_p-20'],
body [class*='_p-20 '] {
padding: 20px
}
body [class$='_pt-20'],
body [class*='_pt-20 '] {
padding-top: 20px
}
body [class$='_pb-20'],
body [class*='_pb-20 '] {
padding-bottom: 20px
}
body [class$='_pl-20'],
body [class*='_pl-20 '] {
padding-left: 20px
}
body [class$='_pr-20'],
body [class*='_pr-20 '] {
padding-right: 20px
}
body [class$='_p-25'],
body [class*='_p-25 '] {
padding: 25px
}
body [class$='_pt-25'],
body [class*='_pt-25 '] {
padding-top: 25px
}
body [class$='_pb-25'],
body [class*='_pb-25 '] {
padding-bottom: 25px
}
body [class$='_pl-25'],
body [class*='_pl-25 '] {
padding-left: 25px
}
body [class$='_pr-25'],
body [class*='_pr-25 '] {
padding-right: 25px
}
body [class$='_p-30'],
body [class*='_p-30 '] {
padding: 30px
}
body [class$='_pt-30'],
body [class*='_pt-30 '] {
padding-top: 30px
}
body [class$='_pb-30'],
body [class*='_pb-30 '] {
padding-bottom: 30px
}
body [class$='_pl-30'],
body [class*='_pl-30 '] {
padding-left: 30px
}
body [class$='_pr-30'],
body [class*='_pr-30 '] {
padding-right: 30px
}
body [class$='_p-35'],
body [class*='_p-35 '] {
padding: 35px
}
body [class$='_pt-35'],
body [class*='_pt-35 '] {
padding-top: 35px
}
body [class$='_pb-35'],
body [class*='_pb-35 '] {
padding-bottom: 35px
}
body [class$='_pl-35'],
body [class*='_pl-35 '] {
padding-left: 35px
}
body [class$='_pr-35'],
body [class*='_pr-35 '] {
padding-right: 35px
}
body [class$='_p-40'],
body [class*='_p-40 '] {
padding: 40px
}
body [class$='_pt-40'],
body [class*='_pt-40 '] {
padding-top: 40px
}
body [class$='_pb-40'],
body [class*='_pb-40 '] {
padding-bottom: 40px
}
body [class$='_pl-40'],
body [class*='_pl-40 '] {
padding-left: 40px
}
body [class$='_pr-40'],
body [class*='_pr-40 '] {
padding-right: 40px
}
body [class$='_p-45'],
body [class*='_p-45 '] {
padding: 45px
}
body [class$='_pt-45'],
body [class*='_pt-45 '] {
padding-top: 45px
}
body [class$='_pb-45'],
body [class*='_pb-45 '] {
padding-bottom: 45px
}
body [class$='_pl-45'],
body [class*='_pl-45 '] {
padding-left: 45px
}
body [class$='_pr-45'],
body [class*='_pr-45 '] {
padding-right: 45px
}
body [class$='_p-50'],
body [class*='_p-50 '] {
padding: 50px
}
body [class$='_pt-50'],
body [class*='_pt-50 '] {
padding-top: 50px
}
body [class$='_pb-50'],
body [class*='_pb-50 '] {
padding-bottom: 50px
}
body [class$='_pl-50'],
body [class*='_pl-50 '] {
padding-left: 50px
}
body [class$='_pr-50'],
body [class*='_pr-50 '] {
padding-right: 50px
}
body [class$='_p-55'],
body [class*='_p-55 '] {
padding: 55px
}
body [class$='_pt-55'],
body [class*='_pt-55 '] {
padding-top: 55px
}
body [class$='_pb-55'],
body [class*='_pb-55 '] {
padding-bottom: 55px
}
body [class$='_pl-55'],
body [class*='_pl-55 '] {
padding-left: 55px
}
body [class$='_pr-55'],
body [class*='_pr-55 '] {
padding-right: 55px
}
body [class$='_p-60'],
body [class*='_p-60 '] {
padding: 60px
}
body [class$='_pt-60'],
body [class*='_pt-60 '] {
padding-top: 60px
}
body [class$='_pb-60'],
body [class*='_pb-60 '] {
padding-bottom: 60px
}
body [class$='_pl-60'],
body [class*='_pl-60 '] {
padding-left: 60px
}
body [class$='_pr-60'],
body [class*='_pr-60 '] {
padding-right: 60px
}
body [class$='_p-80'],
body [class*='_p-80 '] {
padding: 80px
}
body [class$='_pt-80'],
body [class*='_pt-80 '] {
padding-top: 80px
}
body [class$='_pb-80'],
body [class*='_pb-80 '] {
padding-bottom: 80px
}
body [class$='_pl-80'],
body [class*='_pl-80 '] {
padding-left: 80px
}
body [class$='_pr-80'],
body [class*='_pr-80 '] {
padding-right: 80px
}
body [class$='_p-90'],
body [class*='_p-90 '] {
padding: 90px
}
body [class$='_pt-90'],
body [class*='_pt-90 '] {
padding-top: 90px
}
body [class$='_pb-90'],
body [class*='_pb-90 '] {
padding-bottom: 90px
}
body [class$='_pl-90'],
body [class*='_pl-90 '] {
padding-left: 90px
}
body [class$='_pr-90'],
body [class*='_pr-90 '] {
padding-right: 90px
}
body [class$='_p-70'],
body [class*='_p-70 '] {
padding: 70px
}
body [class$='_pt-70'],
body [class*='_pt-70 '] {
padding-top: 70px
}
body [class$='_pb-70'],
body [class*='_pb-70 '] {
padding-bottom: 70px
}
body [class$='_pl-70'],
body [class*='_pl-70 '] {
padding-left: 70px
}
body [class$='_pr-70'],
body [class*='_pr-70 '] {
padding-right: 70px
}
body [class$='_p-100'],
body [class*='_p-100 '] {
padding: 100px
}
body [class$='_pt-100'],
body [class*='_pt-100 '] {
padding-top: 100px
}
body [class$='_pb-100'],
body [class*='_pb-100 '] {
padding-bottom: 100px
}
body [class$='_pl-100'],
body [class*='_pl-100 '] {
padding-left: 100px
}
body [class$='_pr-100'],
body [class*='_pr-100 '] {
padding-right: 100px
}
body [class$='_fs-10'],
body [class*='_fs-10 '] {
font-size: 10px
}
@media only screen and (max-width:767px) {
html body [class$='_light_xs'],
html body [class*='_light_xs '] {
font-weight: 300
}
html body [class$='_text-center_xs'],
html body [class*='_text-center_xs '] {
text-align: center
}
html body [class$='_text-left_xs'],
html body [class*='_text-left_xs '] {
text-align: left
}
html body [class$='_text-right_xs'],
html body [class*='_text-right_xs '] {
text-align: right
}
html body [class$='_txt-pinkdark_xs'],
html body [class*='_txt-pinkdark_xs '] {
color: #E3267A
}
html body [class$='_txt-gray_xs'],
html body [class*='_txt-gray_xs '] {
color: #DEDEDE
}
html body [class$='_bg-gray_xs'],
html body [class*='_bg-gray_xs '] {
background: #DEDEDE
}
html body [class$='_bg-pinkdark_xs'],
html body [class*='_bg-pinkdark_xs '] {
background: #E3267A
}
html body [class$='_txt-pink_xs'],
html body [class*='_txt-pink_xs '] {
color: #F56CA8
}
html body [class$='_bg-pink_xs'],
html body [class*='_bg-pink_xs '] {
background: #F56CA8
}
html body [class$='_bg-pinklight_xs'],
html body [class*='_bg-pinklight_xs '] {
background: #EFE7F1
}
html body [class$='_txt-pinklight_xs'],
html body [class*='_txt-pinklight_xs '] {
color: #EFE7F1
}
html body [class$='_m-auto_xs'],
html body [class*='_m-auto_xs '] {
margin: autopx
}
html body [class$='_mt-auto_xs'],
html body [class*='_mt-auto_xs '] {
margin-top: autopx
}
html body [class$='_mb-auto_xs'],
html body [class*='_mb-auto_xs '] {
margin-bottom: autopx
}
html body [class$='_ml-auto_xs'],
html body [class*='_ml-auto_xs '] {
margin-left: autopx
}
html body [class$='_mr-auto_xs'],
html body [class*='_mr-auto_xs '] {
margin-right: autopx
}
html body [class$='_m-0_xs'],
html body [class*='_m-0_xs '] {
margin: 0
}
html body [class$='_mt-0_xs'],
html body [class*='_mt-0_xs '] {
margin-top: 0
}
html body [class$='_mb-0_xs'],
html body [class*='_mb-0_xs '] {
margin-bottom: 0
}
html body [class$='_ml-0_xs'],
html body [class*='_ml-0_xs '] {
margin-left: 0
}
html body [class$='_mr-0_xs'],
html body [class*='_mr-0_xs '] {
margin-right: 0
}
html body [class$='_m-5_xs'],
html body [class*='_m-5_xs '] {
margin: 5px
}
html body [class$='_mt-5_xs'],
html body [class*='_mt-5_xs '] {
margin-top: 5px
}
html body [class$='_mb-5_xs'],
html body [class*='_mb-5_xs '] {
margin-bottom: 5px
}
html body [class$='_ml-5_xs'],
html body [class*='_ml-5_xs '] {
margin-left: 5px
}
html body [class$='_mr-5_xs'],
html body [class*='_mr-5_xs '] {
margin-right: 5px
}
html body [class$='_m-10_xs'],
html body [class*='_m-10_xs '] {
margin: 10px
}
html body [class$='_mt-10_xs'],
html body [class*='_mt-10_xs '] {
margin-top: 10px
}
html body [class$='_mb-10_xs'],
html body [class*='_mb-10_xs '] {
margin-bottom: 10px
}
html body [class$='_ml-10_xs'],
html body [class*='_ml-10_xs '] {
margin-left: 10px
}
html body [class$='_mr-10_xs'],
html body [class*='_mr-10_xs '] {
margin-right: 10px
}
html body [class$='_m-15_xs'],
html body [class*='_m-15_xs '] {
margin: 15px
}
html body [class$='_mt-15_xs'],
html body [class*='_mt-15_xs '] {
margin-top: 15px
}
html body [class$='_mb-15_xs'],
html body [class*='_mb-15_xs '] {
margin-bottom: 15px
}
html body [class$='_ml-15_xs'],
html body [class*='_ml-15_xs '] {
margin-left: 15px
}
html body [class$='_mr-15_xs'],
html body [class*='_mr-15_xs '] {
margin-right: 15px
}
html body [class$='_m-20_xs'],
html body [class*='_m-20_xs '] {
margin: 20px
}
html body [class$='_mt-20_xs'],
html body [class*='_mt-20_xs '] {
margin-top: 20px
}
html body [class$='_mb-20_xs'],
html body [class*='_mb-20_xs '] {
margin-bottom: 20px
}
html body [class$='_ml-20_xs'],
html body [class*='_ml-20_xs '] {
margin-left: 20px
}
html body [class$='_mr-20_xs'],
html body [class*='_mr-20_xs '] {
margin-right: 20px
}
html body [class$='_m-25_xs'],
html body [class*='_m-25_xs '] {
margin: 25px
}
html body [class$='_mt-25_xs'],
html body [class*='_mt-25_xs '] {
margin-top: 25px
}
html body [class$='_mb-25_xs'],
html body [class*='_mb-25_xs '] {
margin-bottom: 25px
}
html body [class$='_ml-25_xs'],
html body [class*='_ml-25_xs '] {
margin-left: 25px
}
html body [class$='_mr-25_xs'],
html body [class*='_mr-25_xs '] {
margin-right: 25px
}
html body [class$='_m-30_xs'],
html body [class*='_m-30_xs '] {
margin: 30px
}
html body [class$='_mt-30_xs'],
html body [class*='_mt-30_xs '] {
margin-top: 30px
}
html body [class$='_mb-30_xs'],
html body [class*='_mb-30_xs '] {
margin-bottom: 30px
}
html body [class$='_ml-30_xs'],
html body [class*='_ml-30_xs '] {
margin-left: 30px
}
html body [class$='_mr-30_xs'],
html body [class*='_mr-30_xs '] {
margin-right: 30px
}
html body [class$='_m-35_xs'],
html body [class*='_m-35_xs '] {
margin: 35px
}
html body [class$='_mt-35_xs'],
html body [class*='_mt-35_xs '] {
margin-top: 35px
}
html body [class$='_mb-35_xs'],
html body [class*='_mb-35_xs '] {
margin-bottom: 35px
}
html body [class$='_ml-35_xs'],
html body [class*='_ml-35_xs '] {
margin-left: 35px
}
html body [class$='_mr-35_xs'],
html body [class*='_mr-35_xs '] {
margin-right: 35px
}
html body [class$='_m-40_xs'],
html body [class*='_m-40_xs '] {
margin: 40px
}
html body [class$='_mt-40_xs'],
html body [class*='_mt-40_xs '] {
margin-top: 40px
}
html body [class$='_mb-40_xs'],
html body [class*='_mb-40_xs '] {
margin-bottom: 40px
}
html body [class$='_ml-40_xs'],
html body [class*='_ml-40_xs '] {
margin-left: 40px
}
html body [class$='_mr-40_xs'],
html body [class*='_mr-40_xs '] {
margin-right: 40px
}
html body [class$='_m-45_xs'],
html body [class*='_m-45_xs '] {
margin: 45px
}
html body [class$='_mt-45_xs'],
html body [class*='_mt-45_xs '] {
margin-top: 45px
}
html body [class$='_mb-45_xs'],
html body [class*='_mb-45_xs '] {
margin-bottom: 45px
}
html body [class$='_ml-45_xs'],
html body [class*='_ml-45_xs '] {
margin-left: 45px
}
html body [class$='_mr-45_xs'],
html body [class*='_mr-45_xs '] {
margin-right: 45px
}
html body [class$='_m-50_xs'],
html body [class*='_m-50_xs '] {
margin: 50px
}
html body [class$='_mt-50_xs'],
html body [class*='_mt-50_xs '] {
margin-top: 50px
}
html body [class$='_mb-50_xs'],
html body [class*='_mb-50_xs '] {
margin-bottom: 50px
}
html body [class$='_ml-50_xs'],
html body [class*='_ml-50_xs '] {
margin-left: 50px
}
html body [class$='_mr-50_xs'],
html body [class*='_mr-50_xs '] {
margin-right: 50px
}
html body [class$='_m-55_xs'],
html body [class*='_m-55_xs '] {
margin: 55px
}
html body [class$='_mt-55_xs'],
html body [class*='_mt-55_xs '] {
margin-top: 55px
}
html body [class$='_mb-55_xs'],
html body [class*='_mb-55_xs '] {
margin-bottom: 55px
}
html body [class$='_ml-55_xs'],
html body [class*='_ml-55_xs '] {
margin-left: 55px
}
html body [class$='_mr-55_xs'],
html body [class*='_mr-55_xs '] {
margin-right: 55px
}
html body [class$='_m-60_xs'],
html body [class*='_m-60_xs '] {
margin: 60px
}
html body [class$='_mt-60_xs'],
html body [class*='_mt-60_xs '] {
margin-top: 60px
}
html body [class$='_mb-60_xs'],
html body [class*='_mb-60_xs '] {
margin-bottom: 60px
}
html body [class$='_ml-60_xs'],
html body [class*='_ml-60_xs '] {
margin-left: 60px
}
html body [class$='_mr-60_xs'],
html body [class*='_mr-60_xs '] {
margin-right: 60px
}
html body [class$='_m-80_xs'],
html body [class*='_m-80_xs '] {
margin: 80px
}
html body [class$='_mt-80_xs'],
html body [class*='_mt-80_xs '] {
margin-top: 80px
}
html body [class$='_mb-80_xs'],
html body [class*='_mb-80_xs '] {
margin-bottom: 80px
}
html body [class$='_ml-80_xs'],
html body [class*='_ml-80_xs '] {
margin-left: 80px
}
html body [class$='_mr-80_xs'],
html body [class*='_mr-80_xs '] {
margin-right: 80px
}
html body [class$='_m-90_xs'],
html body [class*='_m-90_xs '] {
margin: 90px
}
html body [class$='_mt-90_xs'],
html body [class*='_mt-90_xs '] {
margin-top: 90px
}
html body [class$='_mb-90_xs'],
html body [class*='_mb-90_xs '] {
margin-bottom: 90px
}
html body [class$='_ml-90_xs'],
html body [class*='_ml-90_xs '] {
margin-left: 90px
}
html body [class$='_mr-90_xs'],
html body [class*='_mr-90_xs '] {
margin-right: 90px
}
html body [class$='_m-70_xs'],
html body [class*='_m-70_xs '] {
margin: 70px
}
html body [class$='_mt-70_xs'],
html body [class*='_mt-70_xs '] {
margin-top: 70px
}
html body [class$='_mb-70_xs'],
html body [class*='_mb-70_xs '] {
margin-bottom: 70px
}
html body [class$='_ml-70_xs'],
html body [class*='_ml-70_xs '] {
margin-left: 70px
}
html body [class$='_mr-70_xs'],
html body [class*='_mr-70_xs '] {
margin-right: 70px
}
html body [class$='_m-100_xs'],
html body [class*='_m-100_xs '] {
margin: 100px
}
html body [class$='_mt-100_xs'],
html body [class*='_mt-100_xs '] {
margin-top: 100px
}
html body [class$='_mb-100_xs'],
html body [class*='_mb-100_xs '] {
margin-bottom: 100px
}
html body [class$='_ml-100_xs'],
html body [class*='_ml-100_xs '] {
margin-left: 100px
}
html body [class$='_mr-100_xs'],
html body [class*='_mr-100_xs '] {
margin-right: 100px
}
html body [class$='_p-0_xs'],
html body [class*='_p-0_xs '] {
padding: 0
}
html body [class$='_pt-0_xs'],
html body [class*='_pt-0_xs '] {
padding-top: 0
}
html body [class$='_pb-0_xs'],
html body [class*='_pb-0_xs '] {
padding-bottom: 0
}
html body [class$='_pl-0_xs'],
html body [class*='_pl-0_xs '] {
padding-left: 0
}
html body [class$='_pr-0_xs'],
html body [class*='_pr-0_xs '] {
padding-right: 0
}
html body [class$='_p-1_xs'],
html body [class*='_p-1_xs '] {
padding: 1px
}
html body [class$='_pt-1_xs'],
html body [class*='_pt-1_xs '] {
padding-top: 1px
}
html body [class$='_pb-1_xs'],
html body [class*='_pb-1_xs '] {
padding-bottom: 1px
}
html body [class$='_pl-1_xs'],
html body [class*='_pl-1_xs '] {
padding-left: 1px
}
html body [class$='_pr-1_xs'],
html body [class*='_pr-1_xs '] {
padding-right: 1px
}
html body [class$='_p-2_xs'],
html body [class*='_p-2_xs '] {
padding: 2px
}
html body [class$='_pt-2_xs'],
html body [class*='_pt-2_xs '] {
padding-top: 2px
}
html body [class$='_pb-2_xs'],
html body [class*='_pb-2_xs '] {
padding-bottom: 2px
}
html body [class$='_pl-2_xs'],
html body [class*='_pl-2_xs '] {
padding-left: 2px
}
html body [class$='_pr-2_xs'],
html body [class*='_pr-2_xs '] {
padding-right: 2px
}
html body [class$='_p-3_xs'],
html body [class*='_p-3_xs '] {
padding: 3px
}
html body [class$='_pt-3_xs'],
html body [class*='_pt-3_xs '] {
padding-top: 3px
}
html body [class$='_pb-3_xs'],
html body [class*='_pb-3_xs '] {
padding-bottom: 3px
}
html body [class$='_pl-3_xs'],
html body [class*='_pl-3_xs '] {
padding-left: 3px
}
html body [class$='_pr-3_xs'],
html body [class*='_pr-3_xs '] {
padding-right: 3px
}
html body [class$='_p-4_xs'],
html body [class*='_p-4_xs '] {
padding: 4px
}
html body [class$='_pt-4_xs'],
html body [class*='_pt-4_xs '] {
padding-top: 4px
}
html body [class$='_pb-4_xs'],
html body [class*='_pb-4_xs '] {
padding-bottom: 4px
}
html body [class$='_pl-4_xs'],
html body [class*='_pl-4_xs '] {
padding-left: 4px
}
html body [class$='_pr-4_xs'],
html body [class*='_pr-4_xs '] {
padding-right: 4px
}
html body [class$='_p-5_xs'],
html body [class*='_p-5_xs '] {
padding: 5px
}
html body [class$='_pt-5_xs'],
html body [class*='_pt-5_xs '] {
padding-top: 5px
}
html body [class$='_pb-5_xs'],
html body [class*='_pb-5_xs '] {
padding-bottom: 5px
}
html body [class$='_pl-5_xs'],
html body [class*='_pl-5_xs '] {
padding-left: 5px
}
html body [class$='_pr-5_xs'],
html body [class*='_pr-5_xs '] {
padding-right: 5px
}
html body [class$='_p-10_xs'],
html body [class*='_p-10_xs '] {
padding: 10px
}
html body [class$='_pt-10_xs'],
html body [class*='_pt-10_xs '] {
padding-top: 10px
}
html body [class$='_pb-10_xs'],
html body [class*='_pb-10_xs '] {
padding-bottom: 10px
}
html body [class$='_pl-10_xs'],
html body [class*='_pl-10_xs '] {
padding-left: 10px
}
html body [class$='_pr-10_xs'],
html body [class*='_pr-10_xs '] {
padding-right: 10px
}
html body [class$='_p-15_xs'],
html body [class*='_p-15_xs '] {
padding: 15px
}
html body [class$='_pt-15_xs'],
html body [class*='_pt-15_xs '] {
padding-top: 15px
}
html body [class$='_pb-15_xs'],
html body [class*='_pb-15_xs '] {
padding-bottom: 15px
}
html body [class$='_pl-15_xs'],
html body [class*='_pl-15_xs '] {
padding-left: 15px
}
html body [class$='_pr-15_xs'],
html body [class*='_pr-15_xs '] {
padding-right: 15px
}
html body [class$='_p-20_xs'],
html body [class*='_p-20_xs '] {
padding: 20px
}
html body [class$='_pt-20_xs'],
html body [class*='_pt-20_xs '] {
padding-top: 20px
}
html body [class$='_pb-20_xs'],
html body [class*='_pb-20_xs '] {
padding-bottom: 20px
}
html body [class$='_pl-20_xs'],
html body [class*='_pl-20_xs '] {
padding-left: 20px
}
html body [class$='_pr-20_xs'],
html body [class*='_pr-20_xs '] {
padding-right: 20px
}
html body [class$='_p-25_xs'],
html body [class*='_p-25_xs '] {
padding: 25px
}
html body [class$='_pt-25_xs'],
html body [class*='_pt-25_xs '] {
padding-top: 25px
}
html body [class$='_pb-25_xs'],
html body [class*='_pb-25_xs '] {
padding-bottom: 25px
}
html body [class$='_pl-25_xs'],
html body [class*='_pl-25_xs '] {
padding-left: 25px
}
html body [class$='_pr-25_xs'],
html body [class*='_pr-25_xs '] {
padding-right: 25px
}
html body [class$='_p-30_xs'],
html body [class*='_p-30_xs '] {
padding: 30px
}
html body [class$='_pt-30_xs'],
html body [class*='_pt-30_xs '] {
padding-top: 30px
}
html body [class$='_pb-30_xs'],
html body [class*='_pb-30_xs '] {
padding-bottom: 30px
}
html body [class$='_pl-30_xs'],
html body [class*='_pl-30_xs '] {
padding-left: 30px
}
html body [class$='_pr-30_xs'],
html body [class*='_pr-30_xs '] {
padding-right: 30px
}
html body [class$='_p-35_xs'],
html body [class*='_p-35_xs '] {
padding: 35px
}
html body [class$='_pt-35_xs'],
html body [class*='_pt-35_xs '] {
padding-top: 35px
}
html body [class$='_pb-35_xs'],
html body [class*='_pb-35_xs '] {
padding-bottom: 35px
}
html body [class$='_pl-35_xs'],
html body [class*='_pl-35_xs '] {
padding-left: 35px
}
html body [class$='_pr-35_xs'],
html body [class*='_pr-35_xs '] {
padding-right: 35px
}
html body [class$='_p-40_xs'],
html body [class*='_p-40_xs '] {
padding: 40px
}
html body [class$='_pt-40_xs'],
html body [class*='_pt-40_xs '] {
padding-top: 40px
}
html body [class$='_pb-40_xs'],
html body [class*='_pb-40_xs '] {
padding-bottom: 40px
}
html body [class$='_pl-40_xs'],
html body [class*='_pl-40_xs '] {
padding-left: 40px
}
html body [class$='_pr-40_xs'],
html body [class*='_pr-40_xs '] {
padding-right: 40px
}
html body [class$='_p-45_xs'],
html body [class*='_p-45_xs '] {
padding: 45px
}
html body [class$='_pt-45_xs'],
html body [class*='_pt-45_xs '] {
padding-top: 45px
}
html body [class$='_pb-45_xs'],
html body [class*='_pb-45_xs '] {
padding-bottom: 45px
}
html body [class$='_pl-45_xs'],
html body [class*='_pl-45_xs '] {
padding-left: 45px
}
html body [class$='_pr-45_xs'],
html body [class*='_pr-45_xs '] {
padding-right: 45px
}
html body [class$='_p-50_xs'],
html body [class*='_p-50_xs '] {
padding: 50px
}
html body [class$='_pt-50_xs'],
html body [class*='_pt-50_xs '] {
padding-top: 50px
}
html body [class$='_pb-50_xs'],
html body [class*='_pb-50_xs '] {
padding-bottom: 50px
}
html body [class$='_pl-50_xs'],
html body [class*='_pl-50_xs '] {
padding-left: 50px
}
html body [class$='_pr-50_xs'],
html body [class*='_pr-50_xs '] {
padding-right: 50px
}
html body [class$='_p-55_xs'],
html body [class*='_p-55_xs '] {
padding: 55px
}
html body [class$='_pt-55_xs'],
html body [class*='_pt-55_xs '] {
padding-top: 55px
}
html body [class$='_pb-55_xs'],
html body [class*='_pb-55_xs '] {
padding-bottom: 55px
}
html body [class$='_pl-55_xs'],
html body [class*='_pl-55_xs '] {
padding-left: 55px
}
html body [class$='_pr-55_xs'],
html body [class*='_pr-55_xs '] {
padding-right: 55px
}
html body [class$='_p-60_xs'],
html body [class*='_p-60_xs '] {
padding: 60px
}
html body [class$='_pt-60_xs'],
html body [class*='_pt-60_xs '] {
padding-top: 60px
}
html body [class$='_pb-60_xs'],
html body [class*='_pb-60_xs '] {
padding-bottom: 60px
}
html body [class$='_pl-60_xs'],
html body [class*='_pl-60_xs '] {
padding-left: 60px
}
html body [class$='_pr-60_xs'],
html body [class*='_pr-60_xs '] {
padding-right: 60px
}
html body [class$='_p-80_xs'],
html body [class*='_p-80_xs '] {
padding: 80px
}
html body [class$='_pt-80_xs'],
html body [class*='_pt-80_xs '] {
padding-top: 80px
}
html body [class$='_pb-80_xs'],
html body [class*='_pb-80_xs '] {
padding-bottom: 80px
}
html body [class$='_pl-80_xs'],
html body [class*='_pl-80_xs '] {
padding-left: 80px
}
html body [class$='_pr-80_xs'],
html body [class*='_pr-80_xs '] {
padding-right: 80px
}
html body [class$='_p-90_xs'],
html body [class*='_p-90_xs '] {
padding: 90px
}
html body [class$='_pt-90_xs'],
html body [class*='_pt-90_xs '] {
padding-top: 90px
}
html body [class$='_pb-90_xs'],
html body [class*='_pb-90_xs '] {
padding-bottom: 90px
}
html body [class$='_pl-90_xs'],
html body [class*='_pl-90_xs '] {
padding-left: 90px
}
html body [class$='_pr-90_xs'],
html body [class*='_pr-90_xs '] {
padding-right: 90px
}
html body [class$='_p-70_xs'],
html body [class*='_p-70_xs '] {
padding: 70px
}
html body [class$='_pt-70_xs'],
html body [class*='_pt-70_xs '] {
padding-top: 70px
}
html body [class$='_pb-70_xs'],
html body [class*='_pb-70_xs '] {
padding-bottom: 70px
}
html body [class$='_pl-70_xs'],
html body [class*='_pl-70_xs '] {
padding-left: 70px
}
html body [class$='_pr-70_xs'],
html body [class*='_pr-70_xs '] {
padding-right: 70px
}
html body [class$='_p-100_xs'],
html body [class*='_p-100_xs '] {
padding: 100px
}
html body [class$='_pt-100_xs'],
html body [class*='_pt-100_xs '] {
padding-top: 100px
}
html body [class$='_pb-100_xs'],
html body [class*='_pb-100_xs '] {
padding-bottom: 100px
}
html body [class$='_pl-100_xs'],
html body [class*='_pl-100_xs '] {
padding-left: 100px
}
html body [class$='_pr-100_xs'],
html body [class*='_pr-100_xs '] {
padding-right: 100px
}
html body [class$='_fs-10_xs'],
html body [class*='_fs-10_xs '] {
font-size: 10px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_light_sm'],
html body [class*='_light_sm '] {
font-weight: 300
}
html body [class$='_text-center_sm'],
html body [class*='_text-center_sm '] {
text-align: center
}
html body [class$='_text-left_sm'],
html body [class*='_text-left_sm '] {
text-align: left
}
html body [class$='_text-right_sm'],
html body [class*='_text-right_sm '] {
text-align: right
}
html body [class$='_txt-pinkdark_sm'],
html body [class*='_txt-pinkdark_sm '] {
color: #E3267A
}
html body [class$='_txt-gray_sm'],
html body [class*='_txt-gray_sm '] {
color: #DEDEDE
}
html body [class$='_bg-gray_sm'],
html body [class*='_bg-gray_sm '] {
background: #DEDEDE
}
html body [class$='_bg-pinkdark_sm'],
html body [class*='_bg-pinkdark_sm '] {
background: #E3267A
}
html body [class$='_txt-pink_sm'],
html body [class*='_txt-pink_sm '] {
color: #F56CA8
}
html body [class$='_bg-pink_sm'],
html body [class*='_bg-pink_sm '] {
background: #F56CA8
}
html body [class$='_bg-pinklight_sm'],
html body [class*='_bg-pinklight_sm '] {
background: #EFE7F1
}
html body [class$='_txt-pinklight_sm'],
html body [class*='_txt-pinklight_sm '] {
color: #EFE7F1
}
html body [class$='_m-auto_sm'],
html body [class*='_m-auto_sm '] {
margin: autopx
}
html body [class$='_mt-auto_sm'],
html body [class*='_mt-auto_sm '] {
margin-top: autopx
}
html body [class$='_mb-auto_sm'],
html body [class*='_mb-auto_sm '] {
margin-bottom: autopx
}
html body [class$='_ml-auto_sm'],
html body [class*='_ml-auto_sm '] {
margin-left: autopx
}
html body [class$='_mr-auto_sm'],
html body [class*='_mr-auto_sm '] {
margin-right: autopx
}
html body [class$='_m-0_sm'],
html body [class*='_m-0_sm '] {
margin: 0
}
html body [class$='_mt-0_sm'],
html body [class*='_mt-0_sm '] {
margin-top: 0
}
html body [class$='_mb-0_sm'],
html body [class*='_mb-0_sm '] {
margin-bottom: 0
}
html body [class$='_ml-0_sm'],
html body [class*='_ml-0_sm '] {
margin-left: 0
}
html body [class$='_mr-0_sm'],
html body [class*='_mr-0_sm '] {
margin-right: 0
}
html body [class$='_m-5_sm'],
html body [class*='_m-5_sm '] {
margin: 5px
}
html body [class$='_mt-5_sm'],
html body [class*='_mt-5_sm '] {
margin-top: 5px
}
html body [class$='_mb-5_sm'],
html body [class*='_mb-5_sm '] {
margin-bottom: 5px
}
html body [class$='_ml-5_sm'],
html body [class*='_ml-5_sm '] {
margin-left: 5px
}
html body [class$='_mr-5_sm'],
html body [class*='_mr-5_sm '] {
margin-right: 5px
}
html body [class$='_m-10_sm'],
html body [class*='_m-10_sm '] {
margin: 10px
}
html body [class$='_mt-10_sm'],
html body [class*='_mt-10_sm '] {
margin-top: 10px
}
html body [class$='_mb-10_sm'],
html body [class*='_mb-10_sm '] {
margin-bottom: 10px
}
html body [class$='_ml-10_sm'],
html body [class*='_ml-10_sm '] {
margin-left: 10px
}
html body [class$='_mr-10_sm'],
html body [class*='_mr-10_sm '] {
margin-right: 10px
}
html body [class$='_m-15_sm'],
html body [class*='_m-15_sm '] {
margin: 15px
}
html body [class$='_mt-15_sm'],
html body [class*='_mt-15_sm '] {
margin-top: 15px
}
html body [class$='_mb-15_sm'],
html body [class*='_mb-15_sm '] {
margin-bottom: 15px
}
html body [class$='_ml-15_sm'],
html body [class*='_ml-15_sm '] {
margin-left: 15px
}
html body [class$='_mr-15_sm'],
html body [class*='_mr-15_sm '] {
margin-right: 15px
}
html body [class$='_m-20_sm'],
html body [class*='_m-20_sm '] {
margin: 20px
}
html body [class$='_mt-20_sm'],
html body [class*='_mt-20_sm '] {
margin-top: 20px
}
html body [class$='_mb-20_sm'],
html body [class*='_mb-20_sm '] {
margin-bottom: 20px
}
html body [class$='_ml-20_sm'],
html body [class*='_ml-20_sm '] {
margin-left: 20px
}
html body [class$='_mr-20_sm'],
html body [class*='_mr-20_sm '] {
margin-right: 20px
}
html body [class$='_m-25_sm'],
html body [class*='_m-25_sm '] {
margin: 25px
}
html body [class$='_mt-25_sm'],
html body [class*='_mt-25_sm '] {
margin-top: 25px
}
html body [class$='_mb-25_sm'],
html body [class*='_mb-25_sm '] {
margin-bottom: 25px
}
html body [class$='_ml-25_sm'],
html body [class*='_ml-25_sm '] {
margin-left: 25px
}
html body [class$='_mr-25_sm'],
html body [class*='_mr-25_sm '] {
margin-right: 25px
}
html body [class$='_m-30_sm'],
html body [class*='_m-30_sm '] {
margin: 30px
}
html body [class$='_mt-30_sm'],
html body [class*='_mt-30_sm '] {
margin-top: 30px
}
html body [class$='_mb-30_sm'],
html body [class*='_mb-30_sm '] {
margin-bottom: 30px
}
html body [class$='_ml-30_sm'],
html body [class*='_ml-30_sm '] {
margin-left: 30px
}
html body [class$='_mr-30_sm'],
html body [class*='_mr-30_sm '] {
margin-right: 30px
}
html body [class$='_m-35_sm'],
html body [class*='_m-35_sm '] {
margin: 35px
}
html body [class$='_mt-35_sm'],
html body [class*='_mt-35_sm '] {
margin-top: 35px
}
html body [class$='_mb-35_sm'],
html body [class*='_mb-35_sm '] {
margin-bottom: 35px
}
html body [class$='_ml-35_sm'],
html body [class*='_ml-35_sm '] {
margin-left: 35px
}
html body [class$='_mr-35_sm'],
html body [class*='_mr-35_sm '] {
margin-right: 35px
}
html body [class$='_m-40_sm'],
html body [class*='_m-40_sm '] {
margin: 40px
}
html body [class$='_mt-40_sm'],
html body [class*='_mt-40_sm '] {
margin-top: 40px
}
html body [class$='_mb-40_sm'],
html body [class*='_mb-40_sm '] {
margin-bottom: 40px
}
html body [class$='_ml-40_sm'],
html body [class*='_ml-40_sm '] {
margin-left: 40px
}
html body [class$='_mr-40_sm'],
html body [class*='_mr-40_sm '] {
margin-right: 40px
}
html body [class$='_m-45_sm'],
html body [class*='_m-45_sm '] {
margin: 45px
}
html body [class$='_mt-45_sm'],
html body [class*='_mt-45_sm '] {
margin-top: 45px
}
html body [class$='_mb-45_sm'],
html body [class*='_mb-45_sm '] {
margin-bottom: 45px
}
html body [class$='_ml-45_sm'],
html body [class*='_ml-45_sm '] {
margin-left: 45px
}
html body [class$='_mr-45_sm'],
html body [class*='_mr-45_sm '] {
margin-right: 45px
}
html body [class$='_m-50_sm'],
html body [class*='_m-50_sm '] {
margin: 50px
}
html body [class$='_mt-50_sm'],
html body [class*='_mt-50_sm '] {
margin-top: 50px
}
html body [class$='_mb-50_sm'],
html body [class*='_mb-50_sm '] {
margin-bottom: 50px
}
html body [class$='_ml-50_sm'],
html body [class*='_ml-50_sm '] {
margin-left: 50px
}
html body [class$='_mr-50_sm'],
html body [class*='_mr-50_sm '] {
margin-right: 50px
}
html body [class$='_m-55_sm'],
html body [class*='_m-55_sm '] {
margin: 55px
}
html body [class$='_mt-55_sm'],
html body [class*='_mt-55_sm '] {
margin-top: 55px
}
html body [class$='_mb-55_sm'],
html body [class*='_mb-55_sm '] {
margin-bottom: 55px
}
html body [class$='_ml-55_sm'],
html body [class*='_ml-55_sm '] {
margin-left: 55px
}
html body [class$='_mr-55_sm'],
html body [class*='_mr-55_sm '] {
margin-right: 55px
}
html body [class$='_m-60_sm'],
html body [class*='_m-60_sm '] {
margin: 60px
}
html body [class$='_mt-60_sm'],
html body [class*='_mt-60_sm '] {
margin-top: 60px
}
html body [class$='_mb-60_sm'],
html body [class*='_mb-60_sm '] {
margin-bottom: 60px
}
html body [class$='_ml-60_sm'],
html body [class*='_ml-60_sm '] {
margin-left: 60px
}
html body [class$='_mr-60_sm'],
html body [class*='_mr-60_sm '] {
margin-right: 60px
}
html body [class$='_m-80_sm'],
html body [class*='_m-80_sm '] {
margin: 80px
}
html body [class$='_mt-80_sm'],
html body [class*='_mt-80_sm '] {
margin-top: 80px
}
html body [class$='_mb-80_sm'],
html body [class*='_mb-80_sm '] {
margin-bottom: 80px
}
html body [class$='_ml-80_sm'],
html body [class*='_ml-80_sm '] {
margin-left: 80px
}
html body [class$='_mr-80_sm'],
html body [class*='_mr-80_sm '] {
margin-right: 80px
}
html body [class$='_m-90_sm'],
html body [class*='_m-90_sm '] {
margin: 90px
}
html body [class$='_mt-90_sm'],
html body [class*='_mt-90_sm '] {
margin-top: 90px
}
html body [class$='_mb-90_sm'],
html body [class*='_mb-90_sm '] {
margin-bottom: 90px
}
html body [class$='_ml-90_sm'],
html body [class*='_ml-90_sm '] {
margin-left: 90px
}
html body [class$='_mr-90_sm'],
html body [class*='_mr-90_sm '] {
margin-right: 90px
}
html body [class$='_m-70_sm'],
html body [class*='_m-70_sm '] {
margin: 70px
}
html body [class$='_mt-70_sm'],
html body [class*='_mt-70_sm '] {
margin-top: 70px
}
html body [class$='_mb-70_sm'],
html body [class*='_mb-70_sm '] {
margin-bottom: 70px
}
html body [class$='_ml-70_sm'],
html body [class*='_ml-70_sm '] {
margin-left: 70px
}
html body [class$='_mr-70_sm'],
html body [class*='_mr-70_sm '] {
margin-right: 70px
}
html body [class$='_m-100_sm'],
html body [class*='_m-100_sm '] {
margin: 100px
}
html body [class$='_mt-100_sm'],
html body [class*='_mt-100_sm '] {
margin-top: 100px
}
html body [class$='_mb-100_sm'],
html body [class*='_mb-100_sm '] {
margin-bottom: 100px
}
html body [class$='_ml-100_sm'],
html body [class*='_ml-100_sm '] {
margin-left: 100px
}
html body [class$='_mr-100_sm'],
html body [class*='_mr-100_sm '] {
margin-right: 100px
}
html body [class$='_p-0_sm'],
html body [class*='_p-0_sm '] {
padding: 0
}
html body [class$='_pt-0_sm'],
html body [class*='_pt-0_sm '] {
padding-top: 0
}
html body [class$='_pb-0_sm'],
html body [class*='_pb-0_sm '] {
padding-bottom: 0
}
html body [class$='_pl-0_sm'],
html body [class*='_pl-0_sm '] {
padding-left: 0
}
html body [class$='_pr-0_sm'],
html body [class*='_pr-0_sm '] {
padding-right: 0
}
html body [class$='_p-1_sm'],
html body [class*='_p-1_sm '] {
padding: 1px
}
html body [class$='_pt-1_sm'],
html body [class*='_pt-1_sm '] {
padding-top: 1px
}
html body [class$='_pb-1_sm'],
html body [class*='_pb-1_sm '] {
padding-bottom: 1px
}
html body [class$='_pl-1_sm'],
html body [class*='_pl-1_sm '] {
padding-left: 1px
}
html body [class$='_pr-1_sm'],
html body [class*='_pr-1_sm '] {
padding-right: 1px
}
html body [class$='_p-2_sm'],
html body [class*='_p-2_sm '] {
padding: 2px
}
html body [class$='_pt-2_sm'],
html body [class*='_pt-2_sm '] {
padding-top: 2px
}
html body [class$='_pb-2_sm'],
html body [class*='_pb-2_sm '] {
padding-bottom: 2px
}
html body [class$='_pl-2_sm'],
html body [class*='_pl-2_sm '] {
padding-left: 2px
}
html body [class$='_pr-2_sm'],
html body [class*='_pr-2_sm '] {
padding-right: 2px
}
html body [class$='_p-3_sm'],
html body [class*='_p-3_sm '] {
padding: 3px
}
html body [class$='_pt-3_sm'],
html body [class*='_pt-3_sm '] {
padding-top: 3px
}
html body [class$='_pb-3_sm'],
html body [class*='_pb-3_sm '] {
padding-bottom: 3px
}
html body [class$='_pl-3_sm'],
html body [class*='_pl-3_sm '] {
padding-left: 3px
}
html body [class$='_pr-3_sm'],
html body [class*='_pr-3_sm '] {
padding-right: 3px
}
html body [class$='_p-4_sm'],
html body [class*='_p-4_sm '] {
padding: 4px
}
html body [class$='_pt-4_sm'],
html body [class*='_pt-4_sm '] {
padding-top: 4px
}
html body [class$='_pb-4_sm'],
html body [class*='_pb-4_sm '] {
padding-bottom: 4px
}
html body [class$='_pl-4_sm'],
html body [class*='_pl-4_sm '] {
padding-left: 4px
}
html body [class$='_pr-4_sm'],
html body [class*='_pr-4_sm '] {
padding-right: 4px
}
html body [class$='_p-5_sm'],
html body [class*='_p-5_sm '] {
padding: 5px
}
html body [class$='_pt-5_sm'],
html body [class*='_pt-5_sm '] {
padding-top: 5px
}
html body [class$='_pb-5_sm'],
html body [class*='_pb-5_sm '] {
padding-bottom: 5px
}
html body [class$='_pl-5_sm'],
html body [class*='_pl-5_sm '] {
padding-left: 5px
}
html body [class$='_pr-5_sm'],
html body [class*='_pr-5_sm '] {
padding-right: 5px
}
html body [class$='_p-10_sm'],
html body [class*='_p-10_sm '] {
padding: 10px
}
html body [class$='_pt-10_sm'],
html body [class*='_pt-10_sm '] {
padding-top: 10px
}
html body [class$='_pb-10_sm'],
html body [class*='_pb-10_sm '] {
padding-bottom: 10px
}
html body [class$='_pl-10_sm'],
html body [class*='_pl-10_sm '] {
padding-left: 10px
}
html body [class$='_pr-10_sm'],
html body [class*='_pr-10_sm '] {
padding-right: 10px
}
html body [class$='_p-15_sm'],
html body [class*='_p-15_sm '] {
padding: 15px
}
html body [class$='_pt-15_sm'],
html body [class*='_pt-15_sm '] {
padding-top: 15px
}
html body [class$='_pb-15_sm'],
html body [class*='_pb-15_sm '] {
padding-bottom: 15px
}
html body [class$='_pl-15_sm'],
html body [class*='_pl-15_sm '] {
padding-left: 15px
}
html body [class$='_pr-15_sm'],
html body [class*='_pr-15_sm '] {
padding-right: 15px
}
html body [class$='_p-20_sm'],
html body [class*='_p-20_sm '] {
padding: 20px
}
html body [class$='_pt-20_sm'],
html body [class*='_pt-20_sm '] {
padding-top: 20px
}
html body [class$='_pb-20_sm'],
html body [class*='_pb-20_sm '] {
padding-bottom: 20px
}
html body [class$='_pl-20_sm'],
html body [class*='_pl-20_sm '] {
padding-left: 20px
}
html body [class$='_pr-20_sm'],
html body [class*='_pr-20_sm '] {
padding-right: 20px
}
html body [class$='_p-25_sm'],
html body [class*='_p-25_sm '] {
padding: 25px
}
html body [class$='_pt-25_sm'],
html body [class*='_pt-25_sm '] {
padding-top: 25px
}
html body [class$='_pb-25_sm'],
html body [class*='_pb-25_sm '] {
padding-bottom: 25px
}
html body [class$='_pl-25_sm'],
html body [class*='_pl-25_sm '] {
padding-left: 25px
}
html body [class$='_pr-25_sm'],
html body [class*='_pr-25_sm '] {
padding-right: 25px
}
html body [class$='_p-30_sm'],
html body [class*='_p-30_sm '] {
padding: 30px
}
html body [class$='_pt-30_sm'],
html body [class*='_pt-30_sm '] {
padding-top: 30px
}
html body [class$='_pb-30_sm'],
html body [class*='_pb-30_sm '] {
padding-bottom: 30px
}
html body [class$='_pl-30_sm'],
html body [class*='_pl-30_sm '] {
padding-left: 30px
}
html body [class$='_pr-30_sm'],
html body [class*='_pr-30_sm '] {
padding-right: 30px
}
html body [class$='_p-35_sm'],
html body [class*='_p-35_sm '] {
padding: 35px
}
html body [class$='_pt-35_sm'],
html body [class*='_pt-35_sm '] {
padding-top: 35px
}
html body [class$='_pb-35_sm'],
html body [class*='_pb-35_sm '] {
padding-bottom: 35px
}
html body [class$='_pl-35_sm'],
html body [class*='_pl-35_sm '] {
padding-left: 35px
}
html body [class$='_pr-35_sm'],
html body [class*='_pr-35_sm '] {
padding-right: 35px
}
html body [class$='_p-40_sm'],
html body [class*='_p-40_sm '] {
padding: 40px
}
html body [class$='_pt-40_sm'],
html body [class*='_pt-40_sm '] {
padding-top: 40px
}
html body [class$='_pb-40_sm'],
html body [class*='_pb-40_sm '] {
padding-bottom: 40px
}
html body [class$='_pl-40_sm'],
html body [class*='_pl-40_sm '] {
padding-left: 40px
}
html body [class$='_pr-40_sm'],
html body [class*='_pr-40_sm '] {
padding-right: 40px
}
html body [class$='_p-45_sm'],
html body [class*='_p-45_sm '] {
padding: 45px
}
html body [class$='_pt-45_sm'],
html body [class*='_pt-45_sm '] {
padding-top: 45px
}
html body [class$='_pb-45_sm'],
html body [class*='_pb-45_sm '] {
padding-bottom: 45px
}
html body [class$='_pl-45_sm'],
html body [class*='_pl-45_sm '] {
padding-left: 45px
}
html body [class$='_pr-45_sm'],
html body [class*='_pr-45_sm '] {
padding-right: 45px
}
html body [class$='_p-50_sm'],
html body [class*='_p-50_sm '] {
padding: 50px
}
html body [class$='_pt-50_sm'],
html body [class*='_pt-50_sm '] {
padding-top: 50px
}
html body [class$='_pb-50_sm'],
html body [class*='_pb-50_sm '] {
padding-bottom: 50px
}
html body [class$='_pl-50_sm'],
html body [class*='_pl-50_sm '] {
padding-left: 50px
}
html body [class$='_pr-50_sm'],
html body [class*='_pr-50_sm '] {
padding-right: 50px
}
html body [class$='_p-55_sm'],
html body [class*='_p-55_sm '] {
padding: 55px
}
html body [class$='_pt-55_sm'],
html body [class*='_pt-55_sm '] {
padding-top: 55px
}
html body [class$='_pb-55_sm'],
html body [class*='_pb-55_sm '] {
padding-bottom: 55px
}
html body [class$='_pl-55_sm'],
html body [class*='_pl-55_sm '] {
padding-left: 55px
}
html body [class$='_pr-55_sm'],
html body [class*='_pr-55_sm '] {
padding-right: 55px
}
html body [class$='_p-60_sm'],
html body [class*='_p-60_sm '] {
padding: 60px
}
html body [class$='_pt-60_sm'],
html body [class*='_pt-60_sm '] {
padding-top: 60px
}
html body [class$='_pb-60_sm'],
html body [class*='_pb-60_sm '] {
padding-bottom: 60px
}
html body [class$='_pl-60_sm'],
html body [class*='_pl-60_sm '] {
padding-left: 60px
}
html body [class$='_pr-60_sm'],
html body [class*='_pr-60_sm '] {
padding-right: 60px
}
html body [class$='_p-80_sm'],
html body [class*='_p-80_sm '] {
padding: 80px
}
html body [class$='_pt-80_sm'],
html body [class*='_pt-80_sm '] {
padding-top: 80px
}
html body [class$='_pb-80_sm'],
html body [class*='_pb-80_sm '] {
padding-bottom: 80px
}
html body [class$='_pl-80_sm'],
html body [class*='_pl-80_sm '] {
padding-left: 80px
}
html body [class$='_pr-80_sm'],
html body [class*='_pr-80_sm '] {
padding-right: 80px
}
html body [class$='_p-90_sm'],
html body [class*='_p-90_sm '] {
padding: 90px
}
html body [class$='_pt-90_sm'],
html body [class*='_pt-90_sm '] {
padding-top: 90px
}
html body [class$='_pb-90_sm'],
html body [class*='_pb-90_sm '] {
padding-bottom: 90px
}
html body [class$='_pl-90_sm'],
html body [class*='_pl-90_sm '] {
padding-left: 90px
}
html body [class$='_pr-90_sm'],
html body [class*='_pr-90_sm '] {
padding-right: 90px
}
html body [class$='_p-70_sm'],
html body [class*='_p-70_sm '] {
padding: 70px
}
html body [class$='_pt-70_sm'],
html body [class*='_pt-70_sm '] {
padding-top: 70px
}
html body [class$='_pb-70_sm'],
html body [class*='_pb-70_sm '] {
padding-bottom: 70px
}
html body [class$='_pl-70_sm'],
html body [class*='_pl-70_sm '] {
padding-left: 70px
}
html body [class$='_pr-70_sm'],
html body [class*='_pr-70_sm '] {
padding-right: 70px
}
html body [class$='_p-100_sm'],
html body [class*='_p-100_sm '] {
padding: 100px
}
html body [class$='_pt-100_sm'],
html body [class*='_pt-100_sm '] {
padding-top: 100px
}
html body [class$='_pb-100_sm'],
html body [class*='_pb-100_sm '] {
padding-bottom: 100px
}
html body [class$='_pl-100_sm'],
html body [class*='_pl-100_sm '] {
padding-left: 100px
}
html body [class$='_pr-100_sm'],
html body [class*='_pr-100_sm '] {
padding-right: 100px
}
html body [class$='_fs-10_sm'],
html body [class*='_fs-10_sm '] {
font-size: 10px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_light_md'],
html body [class*='_light_md '] {
font-weight: 300
}
html body [class$='_text-center_md'],
html body [class*='_text-center_md '] {
text-align: center
}
html body [class$='_text-left_md'],
html body [class*='_text-left_md '] {
text-align: left
}
html body [class$='_text-right_md'],
html body [class*='_text-right_md '] {
text-align: right
}
html body [class$='_txt-pinkdark_md'],
html body [class*='_txt-pinkdark_md '] {
color: #E3267A
}
html body [class$='_txt-gray_md'],
html body [class*='_txt-gray_md '] {
color: #DEDEDE
}
html body [class$='_bg-gray_md'],
html body [class*='_bg-gray_md '] {
background: #DEDEDE
}
html body [class$='_bg-pinkdark_md'],
html body [class*='_bg-pinkdark_md '] {
background: #E3267A
}
html body [class$='_txt-pink_md'],
html body [class*='_txt-pink_md '] {
color: #F56CA8
}
html body [class$='_bg-pink_md'],
html body [class*='_bg-pink_md '] {
background: #F56CA8
}
html body [class$='_bg-pinklight_md'],
html body [class*='_bg-pinklight_md '] {
background: #EFE7F1
}
html body [class$='_txt-pinklight_md'],
html body [class*='_txt-pinklight_md '] {
color: #EFE7F1
}
html body [class$='_m-auto_md'],
html body [class*='_m-auto_md '] {
margin: autopx
}
html body [class$='_mt-auto_md'],
html body [class*='_mt-auto_md '] {
margin-top: autopx
}
html body [class$='_mb-auto_md'],
html body [class*='_mb-auto_md '] {
margin-bottom: autopx
}
html body [class$='_ml-auto_md'],
html body [class*='_ml-auto_md '] {
margin-left: autopx
}
html body [class$='_mr-auto_md'],
html body [class*='_mr-auto_md '] {
margin-right: autopx
}
html body [class$='_m-0_md'],
html body [class*='_m-0_md '] {
margin: 0
}
html body [class$='_mt-0_md'],
html body [class*='_mt-0_md '] {
margin-top: 0
}
html body [class$='_mb-0_md'],
html body [class*='_mb-0_md '] {
margin-bottom: 0
}
html body [class$='_ml-0_md'],
html body [class*='_ml-0_md '] {
margin-left: 0
}
html body [class$='_mr-0_md'],
html body [class*='_mr-0_md '] {
margin-right: 0
}
html body [class$='_m-5_md'],
html body [class*='_m-5_md '] {
margin: 5px
}
html body [class$='_mt-5_md'],
html body [class*='_mt-5_md '] {
margin-top: 5px
}
html body [class$='_mb-5_md'],
html body [class*='_mb-5_md '] {
margin-bottom: 5px
}
html body [class$='_ml-5_md'],
html body [class*='_ml-5_md '] {
margin-left: 5px
}
html body [class$='_mr-5_md'],
html body [class*='_mr-5_md '] {
margin-right: 5px
}
html body [class$='_m-10_md'],
html body [class*='_m-10_md '] {
margin: 10px
}
html body [class$='_mt-10_md'],
html body [class*='_mt-10_md '] {
margin-top: 10px
}
html body [class$='_mb-10_md'],
html body [class*='_mb-10_md '] {
margin-bottom: 10px
}
html body [class$='_ml-10_md'],
html body [class*='_ml-10_md '] {
margin-left: 10px
}
html body [class$='_mr-10_md'],
html body [class*='_mr-10_md '] {
margin-right: 10px
}
html body [class$='_m-15_md'],
html body [class*='_m-15_md '] {
margin: 15px
}
html body [class$='_mt-15_md'],
html body [class*='_mt-15_md '] {
margin-top: 15px
}
html body [class$='_mb-15_md'],
html body [class*='_mb-15_md '] {
margin-bottom: 15px
}
html body [class$='_ml-15_md'],
html body [class*='_ml-15_md '] {
margin-left: 15px
}
html body [class$='_mr-15_md'],
html body [class*='_mr-15_md '] {
margin-right: 15px
}
html body [class$='_m-20_md'],
html body [class*='_m-20_md '] {
margin: 20px
}
html body [class$='_mt-20_md'],
html body [class*='_mt-20_md '] {
margin-top: 20px
}
html body [class$='_mb-20_md'],
html body [class*='_mb-20_md '] {
margin-bottom: 20px
}
html body [class$='_ml-20_md'],
html body [class*='_ml-20_md '] {
margin-left: 20px
}
html body [class$='_mr-20_md'],
html body [class*='_mr-20_md '] {
margin-right: 20px
}
html body [class$='_m-25_md'],
html body [class*='_m-25_md '] {
margin: 25px
}
html body [class$='_mt-25_md'],
html body [class*='_mt-25_md '] {
margin-top: 25px
}
html body [class$='_mb-25_md'],
html body [class*='_mb-25_md '] {
margin-bottom: 25px
}
html body [class$='_ml-25_md'],
html body [class*='_ml-25_md '] {
margin-left: 25px
}
html body [class$='_mr-25_md'],
html body [class*='_mr-25_md '] {
margin-right: 25px
}
html body [class$='_m-30_md'],
html body [class*='_m-30_md '] {
margin: 30px
}
html body [class$='_mt-30_md'],
html body [class*='_mt-30_md '] {
margin-top: 30px
}
html body [class$='_mb-30_md'],
html body [class*='_mb-30_md '] {
margin-bottom: 30px
}
html body [class$='_ml-30_md'],
html body [class*='_ml-30_md '] {
margin-left: 30px
}
html body [class$='_mr-30_md'],
html body [class*='_mr-30_md '] {
margin-right: 30px
}
html body [class$='_m-35_md'],
html body [class*='_m-35_md '] {
margin: 35px
}
html body [class$='_mt-35_md'],
html body [class*='_mt-35_md '] {
margin-top: 35px
}
html body [class$='_mb-35_md'],
html body [class*='_mb-35_md '] {
margin-bottom: 35px
}
html body [class$='_ml-35_md'],
html body [class*='_ml-35_md '] {
margin-left: 35px
}
html body [class$='_mr-35_md'],
html body [class*='_mr-35_md '] {
margin-right: 35px
}
html body [class$='_m-40_md'],
html body [class*='_m-40_md '] {
margin: 40px
}
html body [class$='_mt-40_md'],
html body [class*='_mt-40_md '] {
margin-top: 40px
}
html body [class$='_mb-40_md'],
html body [class*='_mb-40_md '] {
margin-bottom: 40px
}
html body [class$='_ml-40_md'],
html body [class*='_ml-40_md '] {
margin-left: 40px
}
html body [class$='_mr-40_md'],
html body [class*='_mr-40_md '] {
margin-right: 40px
}
html body [class$='_m-45_md'],
html body [class*='_m-45_md '] {
margin: 45px
}
html body [class$='_mt-45_md'],
html body [class*='_mt-45_md '] {
margin-top: 45px
}
html body [class$='_mb-45_md'],
html body [class*='_mb-45_md '] {
margin-bottom: 45px
}
html body [class$='_ml-45_md'],
html body [class*='_ml-45_md '] {
margin-left: 45px
}
html body [class$='_mr-45_md'],
html body [class*='_mr-45_md '] {
margin-right: 45px
}
html body [class$='_m-50_md'],
html body [class*='_m-50_md '] {
margin: 50px
}
html body [class$='_mt-50_md'],
html body [class*='_mt-50_md '] {
margin-top: 50px
}
html body [class$='_mb-50_md'],
html body [class*='_mb-50_md '] {
margin-bottom: 50px
}
html body [class$='_ml-50_md'],
html body [class*='_ml-50_md '] {
margin-left: 50px
}
html body [class$='_mr-50_md'],
html body [class*='_mr-50_md '] {
margin-right: 50px
}
html body [class$='_m-55_md'],
html body [class*='_m-55_md '] {
margin: 55px
}
html body [class$='_mt-55_md'],
html body [class*='_mt-55_md '] {
margin-top: 55px
}
html body [class$='_mb-55_md'],
html body [class*='_mb-55_md '] {
margin-bottom: 55px
}
html body [class$='_ml-55_md'],
html body [class*='_ml-55_md '] {
margin-left: 55px
}
html body [class$='_mr-55_md'],
html body [class*='_mr-55_md '] {
margin-right: 55px
}
html body [class$='_m-60_md'],
html body [class*='_m-60_md '] {
margin: 60px
}
html body [class$='_mt-60_md'],
html body [class*='_mt-60_md '] {
margin-top: 60px
}
html body [class$='_mb-60_md'],
html body [class*='_mb-60_md '] {
margin-bottom: 60px
}
html body [class$='_ml-60_md'],
html body [class*='_ml-60_md '] {
margin-left: 60px
}
html body [class$='_mr-60_md'],
html body [class*='_mr-60_md '] {
margin-right: 60px
}
html body [class$='_m-80_md'],
html body [class*='_m-80_md '] {
margin: 80px
}
html body [class$='_mt-80_md'],
html body [class*='_mt-80_md '] {
margin-top: 80px
}
html body [class$='_mb-80_md'],
html body [class*='_mb-80_md '] {
margin-bottom: 80px
}
html body [class$='_ml-80_md'],
html body [class*='_ml-80_md '] {
margin-left: 80px
}
html body [class$='_mr-80_md'],
html body [class*='_mr-80_md '] {
margin-right: 80px
}
html body [class$='_m-90_md'],
html body [class*='_m-90_md '] {
margin: 90px
}
html body [class$='_mt-90_md'],
html body [class*='_mt-90_md '] {
margin-top: 90px
}
html body [class$='_mb-90_md'],
html body [class*='_mb-90_md '] {
margin-bottom: 90px
}
html body [class$='_ml-90_md'],
html body [class*='_ml-90_md '] {
margin-left: 90px
}
html body [class$='_mr-90_md'],
html body [class*='_mr-90_md '] {
margin-right: 90px
}
html body [class$='_m-70_md'],
html body [class*='_m-70_md '] {
margin: 70px
}
html body [class$='_mt-70_md'],
html body [class*='_mt-70_md '] {
margin-top: 70px
}
html body [class$='_mb-70_md'],
html body [class*='_mb-70_md '] {
margin-bottom: 70px
}
html body [class$='_ml-70_md'],
html body [class*='_ml-70_md '] {
margin-left: 70px
}
html body [class$='_mr-70_md'],
html body [class*='_mr-70_md '] {
margin-right: 70px
}
html body [class$='_m-100_md'],
html body [class*='_m-100_md '] {
margin: 100px
}
html body [class$='_mt-100_md'],
html body [class*='_mt-100_md '] {
margin-top: 100px
}
html body [class$='_mb-100_md'],
html body [class*='_mb-100_md '] {
margin-bottom: 100px
}
html body [class$='_ml-100_md'],
html body [class*='_ml-100_md '] {
margin-left: 100px
}
html body [class$='_mr-100_md'],
html body [class*='_mr-100_md '] {
margin-right: 100px
}
html body [class$='_p-0_md'],
html body [class*='_p-0_md '] {
padding: 0
}
html body [class$='_pt-0_md'],
html body [class*='_pt-0_md '] {
padding-top: 0
}
html body [class$='_pb-0_md'],
html body [class*='_pb-0_md '] {
padding-bottom: 0
}
html body [class$='_pl-0_md'],
html body [class*='_pl-0_md '] {
padding-left: 0
}
html body [class$='_pr-0_md'],
html body [class*='_pr-0_md '] {
padding-right: 0
}
html body [class$='_p-1_md'],
html body [class*='_p-1_md '] {
padding: 1px
}
html body [class$='_pt-1_md'],
html body [class*='_pt-1_md '] {
padding-top: 1px
}
html body [class$='_pb-1_md'],
html body [class*='_pb-1_md '] {
padding-bottom: 1px
}
html body [class$='_pl-1_md'],
html body [class*='_pl-1_md '] {
padding-left: 1px
}
html body [class$='_pr-1_md'],
html body [class*='_pr-1_md '] {
padding-right: 1px
}
html body [class$='_p-2_md'],
html body [class*='_p-2_md '] {
padding: 2px
}
html body [class$='_pt-2_md'],
html body [class*='_pt-2_md '] {
padding-top: 2px
}
html body [class$='_pb-2_md'],
html body [class*='_pb-2_md '] {
padding-bottom: 2px
}
html body [class$='_pl-2_md'],
html body [class*='_pl-2_md '] {
padding-left: 2px
}
html body [class$='_pr-2_md'],
html body [class*='_pr-2_md '] {
padding-right: 2px
}
html body [class$='_p-3_md'],
html body [class*='_p-3_md '] {
padding: 3px
}
html body [class$='_pt-3_md'],
html body [class*='_pt-3_md '] {
padding-top: 3px
}
html body [class$='_pb-3_md'],
html body [class*='_pb-3_md '] {
padding-bottom: 3px
}
html body [class$='_pl-3_md'],
html body [class*='_pl-3_md '] {
padding-left: 3px
}
html body [class$='_pr-3_md'],
html body [class*='_pr-3_md '] {
padding-right: 3px
}
html body [class$='_p-4_md'],
html body [class*='_p-4_md '] {
padding: 4px
}
html body [class$='_pt-4_md'],
html body [class*='_pt-4_md '] {
padding-top: 4px
}
html body [class$='_pb-4_md'],
html body [class*='_pb-4_md '] {
padding-bottom: 4px
}
html body [class$='_pl-4_md'],
html body [class*='_pl-4_md '] {
padding-left: 4px
}
html body [class$='_pr-4_md'],
html body [class*='_pr-4_md '] {
padding-right: 4px
}
html body [class$='_p-5_md'],
html body [class*='_p-5_md '] {
padding: 5px
}
html body [class$='_pt-5_md'],
html body [class*='_pt-5_md '] {
padding-top: 5px
}
html body [class$='_pb-5_md'],
html body [class*='_pb-5_md '] {
padding-bottom: 5px
}
html body [class$='_pl-5_md'],
html body [class*='_pl-5_md '] {
padding-left: 5px
}
html body [class$='_pr-5_md'],
html body [class*='_pr-5_md '] {
padding-right: 5px
}
html body [class$='_p-10_md'],
html body [class*='_p-10_md '] {
padding: 10px
}
html body [class$='_pt-10_md'],
html body [class*='_pt-10_md '] {
padding-top: 10px
}
html body [class$='_pb-10_md'],
html body [class*='_pb-10_md '] {
padding-bottom: 10px
}
html body [class$='_pl-10_md'],
html body [class*='_pl-10_md '] {
padding-left: 10px
}
html body [class$='_pr-10_md'],
html body [class*='_pr-10_md '] {
padding-right: 10px
}
html body [class$='_p-15_md'],
html body [class*='_p-15_md '] {
padding: 15px
}
html body [class$='_pt-15_md'],
html body [class*='_pt-15_md '] {
padding-top: 15px
}
html body [class$='_pb-15_md'],
html body [class*='_pb-15_md '] {
padding-bottom: 15px
}
html body [class$='_pl-15_md'],
html body [class*='_pl-15_md '] {
padding-left: 15px
}
html body [class$='_pr-15_md'],
html body [class*='_pr-15_md '] {
padding-right: 15px
}
html body [class$='_p-20_md'],
html body [class*='_p-20_md '] {
padding: 20px
}
html body [class$='_pt-20_md'],
html body [class*='_pt-20_md '] {
padding-top: 20px
}
html body [class$='_pb-20_md'],
html body [class*='_pb-20_md '] {
padding-bottom: 20px
}
html body [class$='_pl-20_md'],
html body [class*='_pl-20_md '] {
padding-left: 20px
}
html body [class$='_pr-20_md'],
html body [class*='_pr-20_md '] {
padding-right: 20px
}
html body [class$='_p-25_md'],
html body [class*='_p-25_md '] {
padding: 25px
}
html body [class$='_pt-25_md'],
html body [class*='_pt-25_md '] {
padding-top: 25px
}
html body [class$='_pb-25_md'],
html body [class*='_pb-25_md '] {
padding-bottom: 25px
}
html body [class$='_pl-25_md'],
html body [class*='_pl-25_md '] {
padding-left: 25px
}
html body [class$='_pr-25_md'],
html body [class*='_pr-25_md '] {
padding-right: 25px
}
html body [class$='_p-30_md'],
html body [class*='_p-30_md '] {
padding: 30px
}
html body [class$='_pt-30_md'],
html body [class*='_pt-30_md '] {
padding-top: 30px
}
html body [class$='_pb-30_md'],
html body [class*='_pb-30_md '] {
padding-bottom: 30px
}
html body [class$='_pl-30_md'],
html body [class*='_pl-30_md '] {
padding-left: 30px
}
html body [class$='_pr-30_md'],
html body [class*='_pr-30_md '] {
padding-right: 30px
}
html body [class$='_p-35_md'],
html body [class*='_p-35_md '] {
padding: 35px
}
html body [class$='_pt-35_md'],
html body [class*='_pt-35_md '] {
padding-top: 35px
}
html body [class$='_pb-35_md'],
html body [class*='_pb-35_md '] {
padding-bottom: 35px
}
html body [class$='_pl-35_md'],
html body [class*='_pl-35_md '] {
padding-left: 35px
}
html body [class$='_pr-35_md'],
html body [class*='_pr-35_md '] {
padding-right: 35px
}
html body [class$='_p-40_md'],
html body [class*='_p-40_md '] {
padding: 40px
}
html body [class$='_pt-40_md'],
html body [class*='_pt-40_md '] {
padding-top: 40px
}
html body [class$='_pb-40_md'],
html body [class*='_pb-40_md '] {
padding-bottom: 40px
}
html body [class$='_pl-40_md'],
html body [class*='_pl-40_md '] {
padding-left: 40px
}
html body [class$='_pr-40_md'],
html body [class*='_pr-40_md '] {
padding-right: 40px
}
html body [class$='_p-45_md'],
html body [class*='_p-45_md '] {
padding: 45px
}
html body [class$='_pt-45_md'],
html body [class*='_pt-45_md '] {
padding-top: 45px
}
html body [class$='_pb-45_md'],
html body [class*='_pb-45_md '] {
padding-bottom: 45px
}
html body [class$='_pl-45_md'],
html body [class*='_pl-45_md '] {
padding-left: 45px
}
html body [class$='_pr-45_md'],
html body [class*='_pr-45_md '] {
padding-right: 45px
}
html body [class$='_p-50_md'],
html body [class*='_p-50_md '] {
padding: 50px
}
html body [class$='_pt-50_md'],
html body [class*='_pt-50_md '] {
padding-top: 50px
}
html body [class$='_pb-50_md'],
html body [class*='_pb-50_md '] {
padding-bottom: 50px
}
html body [class$='_pl-50_md'],
html body [class*='_pl-50_md '] {
padding-left: 50px
}
html body [class$='_pr-50_md'],
html body [class*='_pr-50_md '] {
padding-right: 50px
}
html body [class$='_p-55_md'],
html body [class*='_p-55_md '] {
padding: 55px
}
html body [class$='_pt-55_md'],
html body [class*='_pt-55_md '] {
padding-top: 55px
}
html body [class$='_pb-55_md'],
html body [class*='_pb-55_md '] {
padding-bottom: 55px
}
html body [class$='_pl-55_md'],
html body [class*='_pl-55_md '] {
padding-left: 55px
}
html body [class$='_pr-55_md'],
html body [class*='_pr-55_md '] {
padding-right: 55px
}
html body [class$='_p-60_md'],
html body [class*='_p-60_md '] {
padding: 60px
}
html body [class$='_pt-60_md'],
html body [class*='_pt-60_md '] {
padding-top: 60px
}
html body [class$='_pb-60_md'],
html body [class*='_pb-60_md '] {
padding-bottom: 60px
}
html body [class$='_pl-60_md'],
html body [class*='_pl-60_md '] {
padding-left: 60px
}
html body [class$='_pr-60_md'],
html body [class*='_pr-60_md '] {
padding-right: 60px
}
html body [class$='_p-80_md'],
html body [class*='_p-80_md '] {
padding: 80px
}
html body [class$='_pt-80_md'],
html body [class*='_pt-80_md '] {
padding-top: 80px
}
html body [class$='_pb-80_md'],
html body [class*='_pb-80_md '] {
padding-bottom: 80px
}
html body [class$='_pl-80_md'],
html body [class*='_pl-80_md '] {
padding-left: 80px
}
html body [class$='_pr-80_md'],
html body [class*='_pr-80_md '] {
padding-right: 80px
}
html body [class$='_p-90_md'],
html body [class*='_p-90_md '] {
padding: 90px
}
html body [class$='_pt-90_md'],
html body [class*='_pt-90_md '] {
padding-top: 90px
}
html body [class$='_pb-90_md'],
html body [class*='_pb-90_md '] {
padding-bottom: 90px
}
html body [class$='_pl-90_md'],
html body [class*='_pl-90_md '] {
padding-left: 90px
}
html body [class$='_pr-90_md'],
html body [class*='_pr-90_md '] {
padding-right: 90px
}
html body [class$='_p-70_md'],
html body [class*='_p-70_md '] {
padding: 70px
}
html body [class$='_pt-70_md'],
html body [class*='_pt-70_md '] {
padding-top: 70px
}
html body [class$='_pb-70_md'],
html body [class*='_pb-70_md '] {
padding-bottom: 70px
}
html body [class$='_pl-70_md'],
html body [class*='_pl-70_md '] {
padding-left: 70px
}
html body [class$='_pr-70_md'],
html body [class*='_pr-70_md '] {
padding-right: 70px
}
html body [class$='_p-100_md'],
html body [class*='_p-100_md '] {
padding: 100px
}
html body [class$='_pt-100_md'],
html body [class*='_pt-100_md '] {
padding-top: 100px
}
html body [class$='_pb-100_md'],
html body [class*='_pb-100_md '] {
padding-bottom: 100px
}
html body [class$='_pl-100_md'],
html body [class*='_pl-100_md '] {
padding-left: 100px
}
html body [class$='_pr-100_md'],
html body [class*='_pr-100_md '] {
padding-right: 100px
}
html body [class$='_fs-10_md'],
html body [class*='_fs-10_md '] {
font-size: 10px
}
}
@media only screen and (min-width:1200px) {
html body [class$='_text-center_lg'],
html body [class*='_text-center_lg '] {
text-align: center
}
html body [class$='_text-left_lg'],
html body [class*='_text-left_lg '] {
text-align: left
}
html body [class$='_text-right_lg'],
html body [class*='_text-right_lg '] {
text-align: right
}
html body [class$='_txt-pinkdark_lg'],
html body [class*='_txt-pinkdark_lg '] {
color: #E3267A
}
html body [class$='_txt-gray_lg'],
html body [class*='_txt-gray_lg '] {
color: #DEDEDE
}
html body [class$='_bg-gray_lg'],
html body [class*='_bg-gray_lg '] {
background: #DEDEDE
}
html body [class$='_bg-pinkdark_lg'],
html body [class*='_bg-pinkdark_lg '] {
background: #E3267A
}
html body [class$='_txt-pink_lg'],
html body [class*='_txt-pink_lg '] {
color: #F56CA8
}
html body [class$='_bg-pink_lg'],
html body [class*='_bg-pink_lg '] {
background: #F56CA8
}
html body [class$='_bg-pinklight_lg'],
html body [class*='_bg-pinklight_lg '] {
background: #EFE7F1
}
html body [class$='_txt-pinklight_lg'],
html body [class*='_txt-pinklight_lg '] {
color: #EFE7F1
}
html body [class$='_m-auto_lg'],
html body [class*='_m-auto_lg '] {
margin: autopx
}
html body [class$='_mt-auto_lg'],
html body [class*='_mt-auto_lg '] {
margin-top: autopx
}
html body [class$='_mb-auto_lg'],
html body [class*='_mb-auto_lg '] {
margin-bottom: autopx
}
html body [class$='_ml-auto_lg'],
html body [class*='_ml-auto_lg '] {
margin-left: autopx
}
html body [class$='_mr-auto_lg'],
html body [class*='_mr-auto_lg '] {
margin-right: autopx
}
html body [class$='_m-0_lg'],
html body [class*='_m-0_lg '] {
margin: 0
}
html body [class$='_mt-0_lg'],
html body [class*='_mt-0_lg '] {
margin-top: 0
}
html body [class$='_mb-0_lg'],
html body [class*='_mb-0_lg '] {
margin-bottom: 0
}
html body [class$='_ml-0_lg'],
html body [class*='_ml-0_lg '] {
margin-left: 0
}
html body [class$='_mr-0_lg'],
html body [class*='_mr-0_lg '] {
margin-right: 0
}
html body [class$='_m-5_lg'],
html body [class*='_m-5_lg '] {
margin: 5px
}
html body [class$='_mt-5_lg'],
html body [class*='_mt-5_lg '] {
margin-top: 5px
}
html body [class$='_mb-5_lg'],
html body [class*='_mb-5_lg '] {
margin-bottom: 5px
}
html body [class$='_ml-5_lg'],
html body [class*='_ml-5_lg '] {
margin-left: 5px
}
html body [class$='_mr-5_lg'],
html body [class*='_mr-5_lg '] {
margin-right: 5px
}
html body [class$='_m-10_lg'],
html body [class*='_m-10_lg '] {
margin: 10px
}
html body [class$='_mt-10_lg'],
html body [class*='_mt-10_lg '] {
margin-top: 10px
}
html body [class$='_mb-10_lg'],
html body [class*='_mb-10_lg '] {
margin-bottom: 10px
}
html body [class$='_ml-10_lg'],
html body [class*='_ml-10_lg '] {
margin-left: 10px
}
html body [class$='_mr-10_lg'],
html body [class*='_mr-10_lg '] {
margin-right: 10px
}
html body [class$='_m-15_lg'],
html body [class*='_m-15_lg '] {
margin: 15px
}
html body [class$='_mt-15_lg'],
html body [class*='_mt-15_lg '] {
margin-top: 15px
}
html body [class$='_mb-15_lg'],
html body [class*='_mb-15_lg '] {
margin-bottom: 15px
}
html body [class$='_ml-15_lg'],
html body [class*='_ml-15_lg '] {
margin-left: 15px
}
html body [class$='_mr-15_lg'],
html body [class*='_mr-15_lg '] {
margin-right: 15px
}
html body [class$='_m-20_lg'],
html body [class*='_m-20_lg '] {
margin: 20px
}
html body [class$='_mt-20_lg'],
html body [class*='_mt-20_lg '] {
margin-top: 20px
}
html body [class$='_mb-20_lg'],
html body [class*='_mb-20_lg '] {
margin-bottom: 20px
}
html body [class$='_ml-20_lg'],
html body [class*='_ml-20_lg '] {
margin-left: 20px
}
html body [class$='_mr-20_lg'],
html body [class*='_mr-20_lg '] {
margin-right: 20px
}
html body [class$='_m-25_lg'],
html body [class*='_m-25_lg '] {
margin: 25px
}
html body [class$='_mt-25_lg'],
html body [class*='_mt-25_lg '] {
margin-top: 25px
}
html body [class$='_mb-25_lg'],
html body [class*='_mb-25_lg '] {
margin-bottom: 25px
}
html body [class$='_ml-25_lg'],
html body [class*='_ml-25_lg '] {
margin-left: 25px
}
html body [class$='_mr-25_lg'],
html body [class*='_mr-25_lg '] {
margin-right: 25px
}
html body [class$='_m-30_lg'],
html body [class*='_m-30_lg '] {
margin: 30px
}
html body [class$='_mt-30_lg'],
html body [class*='_mt-30_lg '] {
margin-top: 30px
}
html body [class$='_mb-30_lg'],
html body [class*='_mb-30_lg '] {
margin-bottom: 30px
}
html body [class$='_ml-30_lg'],
html body [class*='_ml-30_lg '] {
margin-left: 30px
}
html body [class$='_mr-30_lg'],
html body [class*='_mr-30_lg '] {
margin-right: 30px
}
html body [class$='_m-35_lg'],
html body [class*='_m-35_lg '] {
margin: 35px
}
html body [class$='_mt-35_lg'],
html body [class*='_mt-35_lg '] {
margin-top: 35px
}
html body [class$='_mb-35_lg'],
html body [class*='_mb-35_lg '] {
margin-bottom: 35px
}
html body [class$='_ml-35_lg'],
html body [class*='_ml-35_lg '] {
margin-left: 35px
}
html body [class$='_mr-35_lg'],
html body [class*='_mr-35_lg '] {
margin-right: 35px
}
html body [class$='_m-40_lg'],
html body [class*='_m-40_lg '] {
margin: 40px
}
html body [class$='_mt-40_lg'],
html body [class*='_mt-40_lg '] {
margin-top: 40px
}
html body [class$='_mb-40_lg'],
html body [class*='_mb-40_lg '] {
margin-bottom: 40px
}
html body [class$='_ml-40_lg'],
html body [class*='_ml-40_lg '] {
margin-left: 40px
}
html body [class$='_mr-40_lg'],
html body [class*='_mr-40_lg '] {
margin-right: 40px
}
html body [class$='_m-45_lg'],
html body [class*='_m-45_lg '] {
margin: 45px
}
html body [class$='_mt-45_lg'],
html body [class*='_mt-45_lg '] {
margin-top: 45px
}
html body [class$='_mb-45_lg'],
html body [class*='_mb-45_lg '] {
margin-bottom: 45px
}
html body [class$='_ml-45_lg'],
html body [class*='_ml-45_lg '] {
margin-left: 45px
}
html body [class$='_mr-45_lg'],
html body [class*='_mr-45_lg '] {
margin-right: 45px
}
html body [class$='_m-50_lg'],
html body [class*='_m-50_lg '] {
margin: 50px
}
html body [class$='_mt-50_lg'],
html body [class*='_mt-50_lg '] {
margin-top: 50px
}
html body [class$='_mb-50_lg'],
html body [class*='_mb-50_lg '] {
margin-bottom: 50px
}
html body [class$='_ml-50_lg'],
html body [class*='_ml-50_lg '] {
margin-left: 50px
}
html body [class$='_mr-50_lg'],
html body [class*='_mr-50_lg '] {
margin-right: 50px
}
html body [class$='_m-55_lg'],
html body [class*='_m-55_lg '] {
margin: 55px
}
html body [class$='_mt-55_lg'],
html body [class*='_mt-55_lg '] {
margin-top: 55px
}
html body [class$='_mb-55_lg'],
html body [class*='_mb-55_lg '] {
margin-bottom: 55px
}
html body [class$='_ml-55_lg'],
html body [class*='_ml-55_lg '] {
margin-left: 55px
}
html body [class$='_mr-55_lg'],
html body [class*='_mr-55_lg '] {
margin-right: 55px
}
html body [class$='_m-60_lg'],
html body [class*='_m-60_lg '] {
margin: 60px
}
html body [class$='_mt-60_lg'],
html body [class*='_mt-60_lg '] {
margin-top: 60px
}
html body [class$='_mb-60_lg'],
html body [class*='_mb-60_lg '] {
margin-bottom: 60px
}
html body [class$='_ml-60_lg'],
html body [class*='_ml-60_lg '] {
margin-left: 60px
}
html body [class$='_mr-60_lg'],
html body [class*='_mr-60_lg '] {
margin-right: 60px
}
html body [class$='_m-80_lg'],
html body [class*='_m-80_lg '] {
margin: 80px
}
html body [class$='_mt-80_lg'],
html body [class*='_mt-80_lg '] {
margin-top: 80px
}
html body [class$='_mb-80_lg'],
html body [class*='_mb-80_lg '] {
margin-bottom: 80px
}
html body [class$='_ml-80_lg'],
html body [class*='_ml-80_lg '] {
margin-left: 80px
}
html body [class$='_mr-80_lg'],
html body [class*='_mr-80_lg '] {
margin-right: 80px
}
html body [class$='_m-90_lg'],
html body [class*='_m-90_lg '] {
margin: 90px
}
html body [class$='_mt-90_lg'],
html body [class*='_mt-90_lg '] {
margin-top: 90px
}
html body [class$='_mb-90_lg'],
html body [class*='_mb-90_lg '] {
margin-bottom: 90px
}
html body [class$='_ml-90_lg'],
html body [class*='_ml-90_lg '] {
margin-left: 90px
}
html body [class$='_mr-90_lg'],
html body [class*='_mr-90_lg '] {
margin-right: 90px
}
html body [class$='_m-70_lg'],
html body [class*='_m-70_lg '] {
margin: 70px
}
html body [class$='_mt-70_lg'],
html body [class*='_mt-70_lg '] {
margin-top: 70px
}
html body [class$='_mb-70_lg'],
html body [class*='_mb-70_lg '] {
margin-bottom: 70px
}
html body [class$='_ml-70_lg'],
html body [class*='_ml-70_lg '] {
margin-left: 70px
}
html body [class$='_mr-70_lg'],
html body [class*='_mr-70_lg '] {
margin-right: 70px
}
html body [class$='_m-100_lg'],
html body [class*='_m-100_lg '] {
margin: 100px
}
html body [class$='_mt-100_lg'],
html body [class*='_mt-100_lg '] {
margin-top: 100px
}
html body [class$='_mb-100_lg'],
html body [class*='_mb-100_lg '] {
margin-bottom: 100px
}
html body [class$='_ml-100_lg'],
html body [class*='_ml-100_lg '] {
margin-left: 100px
}
html body [class$='_mr-100_lg'],
html body [class*='_mr-100_lg '] {
margin-right: 100px
}
html body [class$='_p-0_lg'],
html body [class*='_p-0_lg '] {
padding: 0
}
html body [class$='_pt-0_lg'],
html body [class*='_pt-0_lg '] {
padding-top: 0
}
html body [class$='_pb-0_lg'],
html body [class*='_pb-0_lg '] {
padding-bottom: 0
}
html body [class$='_pl-0_lg'],
html body [class*='_pl-0_lg '] {
padding-left: 0
}
html body [class$='_pr-0_lg'],
html body [class*='_pr-0_lg '] {
padding-right: 0
}
html body [class$='_p-1_lg'],
html body [class*='_p-1_lg '] {
padding: 1px
}
html body [class$='_pt-1_lg'],
html body [class*='_pt-1_lg '] {
padding-top: 1px
}
html body [class$='_pb-1_lg'],
html body [class*='_pb-1_lg '] {
padding-bottom: 1px
}
html body [class$='_pl-1_lg'],
html body [class*='_pl-1_lg '] {
padding-left: 1px
}
html body [class$='_pr-1_lg'],
html body [class*='_pr-1_lg '] {
padding-right: 1px
}
html body [class$='_p-2_lg'],
html body [class*='_p-2_lg '] {
padding: 2px
}
html body [class$='_pt-2_lg'],
html body [class*='_pt-2_lg '] {
padding-top: 2px
}
html body [class$='_pb-2_lg'],
html body [class*='_pb-2_lg '] {
padding-bottom: 2px
}
html body [class$='_pl-2_lg'],
html body [class*='_pl-2_lg '] {
padding-left: 2px
}
html body [class$='_pr-2_lg'],
html body [class*='_pr-2_lg '] {
padding-right: 2px
}
html body [class$='_p-3_lg'],
html body [class*='_p-3_lg '] {
padding: 3px
}
html body [class$='_pt-3_lg'],
html body [class*='_pt-3_lg '] {
padding-top: 3px
}
html body [class$='_pb-3_lg'],
html body [class*='_pb-3_lg '] {
padding-bottom: 3px
}
html body [class$='_pl-3_lg'],
html body [class*='_pl-3_lg '] {
padding-left: 3px
}
html body [class$='_pr-3_lg'],
html body [class*='_pr-3_lg '] {
padding-right: 3px
}
html body [class$='_p-4_lg'],
html body [class*='_p-4_lg '] {
padding: 4px
}
html body [class$='_pt-4_lg'],
html body [class*='_pt-4_lg '] {
padding-top: 4px
}
html body [class$='_pb-4_lg'],
html body [class*='_pb-4_lg '] {
padding-bottom: 4px
}
html body [class$='_pl-4_lg'],
html body [class*='_pl-4_lg '] {
padding-left: 4px
}
html body [class$='_pr-4_lg'],
html body [class*='_pr-4_lg '] {
padding-right: 4px
}
html body [class$='_p-5_lg'],
html body [class*='_p-5_lg '] {
padding: 5px
}
html body [class$='_pt-5_lg'],
html body [class*='_pt-5_lg '] {
padding-top: 5px
}
html body [class$='_pb-5_lg'],
html body [class*='_pb-5_lg '] {
padding-bottom: 5px
}
html body [class$='_pl-5_lg'],
html body [class*='_pl-5_lg '] {
padding-left: 5px
}
html body [class$='_pr-5_lg'],
html body [class*='_pr-5_lg '] {
padding-right: 5px
}
html body [class$='_p-10_lg'],
html body [class*='_p-10_lg '] {
padding: 10px
}
html body [class$='_pt-10_lg'],
html body [class*='_pt-10_lg '] {
padding-top: 10px
}
html body [class$='_pb-10_lg'],
html body [class*='_pb-10_lg '] {
padding-bottom: 10px
}
html body [class$='_pl-10_lg'],
html body [class*='_pl-10_lg '] {
padding-left: 10px
}
html body [class$='_pr-10_lg'],
html body [class*='_pr-10_lg '] {
padding-right: 10px
}
html body [class$='_p-15_lg'],
html body [class*='_p-15_lg '] {
padding: 15px
}
html body [class$='_pt-15_lg'],
html body [class*='_pt-15_lg '] {
padding-top: 15px
}
html body [class$='_pb-15_lg'],
html body [class*='_pb-15_lg '] {
padding-bottom: 15px
}
html body [class$='_pl-15_lg'],
html body [class*='_pl-15_lg '] {
padding-left: 15px
}
html body [class$='_pr-15_lg'],
html body [class*='_pr-15_lg '] {
padding-right: 15px
}
html body [class$='_p-20_lg'],
html body [class*='_p-20_lg '] {
padding: 20px
}
html body [class$='_pt-20_lg'],
html body [class*='_pt-20_lg '] {
padding-top: 20px
}
html body [class$='_pb-20_lg'],
html body [class*='_pb-20_lg '] {
padding-bottom: 20px
}
html body [class$='_pl-20_lg'],
html body [class*='_pl-20_lg '] {
padding-left: 20px
}
html body [class$='_pr-20_lg'],
html body [class*='_pr-20_lg '] {
padding-right: 20px
}
html body [class$='_p-25_lg'],
html body [class*='_p-25_lg '] {
padding: 25px
}
html body [class$='_pt-25_lg'],
html body [class*='_pt-25_lg '] {
padding-top: 25px
}
html body [class$='_pb-25_lg'],
html body [class*='_pb-25_lg '] {
padding-bottom: 25px
}
html body [class$='_pl-25_lg'],
html body [class*='_pl-25_lg '] {
padding-left: 25px
}
html body [class$='_pr-25_lg'],
html body [class*='_pr-25_lg '] {
padding-right: 25px
}
html body [class$='_p-30_lg'],
html body [class*='_p-30_lg '] {
padding: 30px
}
html body [class$='_pt-30_lg'],
html body [class*='_pt-30_lg '] {
padding-top: 30px
}
html body [class$='_pb-30_lg'],
html body [class*='_pb-30_lg '] {
padding-bottom: 30px
}
html body [class$='_pl-30_lg'],
html body [class*='_pl-30_lg '] {
padding-left: 30px
}
html body [class$='_pr-30_lg'],
html body [class*='_pr-30_lg '] {
padding-right: 30px
}
html body [class$='_p-35_lg'],
html body [class*='_p-35_lg '] {
padding: 35px
}
html body [class$='_pt-35_lg'],
html body [class*='_pt-35_lg '] {
padding-top: 35px
}
html body [class$='_pb-35_lg'],
html body [class*='_pb-35_lg '] {
padding-bottom: 35px
}
html body [class$='_pl-35_lg'],
html body [class*='_pl-35_lg '] {
padding-left: 35px
}
html body [class$='_pr-35_lg'],
html body [class*='_pr-35_lg '] {
padding-right: 35px
}
html body [class$='_p-40_lg'],
html body [class*='_p-40_lg '] {
padding: 40px
}
html body [class$='_pt-40_lg'],
html body [class*='_pt-40_lg '] {
padding-top: 40px
}
html body [class$='_pb-40_lg'],
html body [class*='_pb-40_lg '] {
padding-bottom: 40px
}
html body [class$='_pl-40_lg'],
html body [class*='_pl-40_lg '] {
padding-left: 40px
}
html body [class$='_pr-40_lg'],
html body [class*='_pr-40_lg '] {
padding-right: 40px
}
html body [class$='_p-45_lg'],
html body [class*='_p-45_lg '] {
padding: 45px
}
html body [class$='_pt-45_lg'],
html body [class*='_pt-45_lg '] {
padding-top: 45px
}
html body [class$='_pb-45_lg'],
html body [class*='_pb-45_lg '] {
padding-bottom: 45px
}
html body [class$='_pl-45_lg'],
html body [class*='_pl-45_lg '] {
padding-left: 45px
}
html body [class$='_pr-45_lg'],
html body [class*='_pr-45_lg '] {
padding-right: 45px
}
html body [class$='_p-50_lg'],
html body [class*='_p-50_lg '] {
padding: 50px
}
html body [class$='_pt-50_lg'],
html body [class*='_pt-50_lg '] {
padding-top: 50px
}
html body [class$='_pb-50_lg'],
html body [class*='_pb-50_lg '] {
padding-bottom: 50px
}
html body [class$='_pl-50_lg'],
html body [class*='_pl-50_lg '] {
padding-left: 50px
}
html body [class$='_pr-50_lg'],
html body [class*='_pr-50_lg '] {
padding-right: 50px
}
html body [class$='_p-55_lg'],
html body [class*='_p-55_lg '] {
padding: 55px
}
html body [class$='_pt-55_lg'],
html body [class*='_pt-55_lg '] {
padding-top: 55px
}
html body [class$='_pb-55_lg'],
html body [class*='_pb-55_lg '] {
padding-bottom: 55px
}
html body [class$='_pl-55_lg'],
html body [class*='_pl-55_lg '] {
padding-left: 55px
}
html body [class$='_pr-55_lg'],
html body [class*='_pr-55_lg '] {
padding-right: 55px
}
html body [class$='_p-60_lg'],
html body [class*='_p-60_lg '] {
padding: 60px
}
html body [class$='_pt-60_lg'],
html body [class*='_pt-60_lg '] {
padding-top: 60px
}
html body [class$='_pb-60_lg'],
html body [class*='_pb-60_lg '] {
padding-bottom: 60px
}
html body [class$='_pl-60_lg'],
html body [class*='_pl-60_lg '] {
padding-left: 60px
}
html body [class$='_pr-60_lg'],
html body [class*='_pr-60_lg '] {
padding-right: 60px
}
html body [class$='_p-80_lg'],
html body [class*='_p-80_lg '] {
padding: 80px
}
html body [class$='_pt-80_lg'],
html body [class*='_pt-80_lg '] {
padding-top: 80px
}
html body [class$='_pb-80_lg'],
html body [class*='_pb-80_lg '] {
padding-bottom: 80px
}
html body [class$='_pl-80_lg'],
html body [class*='_pl-80_lg '] {
padding-left: 80px
}
html body [class$='_pr-80_lg'],
html body [class*='_pr-80_lg '] {
padding-right: 80px
}
html body [class$='_p-90_lg'],
html body [class*='_p-90_lg '] {
padding: 90px
}
html body [class$='_pt-90_lg'],
html body [class*='_pt-90_lg '] {
padding-top: 90px
}
html body [class$='_pb-90_lg'],
html body [class*='_pb-90_lg '] {
padding-bottom: 90px
}
html body [class$='_pl-90_lg'],
html body [class*='_pl-90_lg '] {
padding-left: 90px
}
html body [class$='_pr-90_lg'],
html body [class*='_pr-90_lg '] {
padding-right: 90px
}
html body [class$='_p-70_lg'],
html body [class*='_p-70_lg '] {
padding: 70px
}
html body [class$='_pt-70_lg'],
html body [class*='_pt-70_lg '] {
padding-top: 70px
}
html body [class$='_pb-70_lg'],
html body [class*='_pb-70_lg '] {
padding-bottom: 70px
}
html body [class$='_pl-70_lg'],
html body [class*='_pl-70_lg '] {
padding-left: 70px
}
html body [class$='_pr-70_lg'],
html body [class*='_pr-70_lg '] {
padding-right: 70px
}
html body [class$='_p-100_lg'],
html body [class*='_p-100_lg '] {
padding: 100px
}
html body [class$='_pt-100_lg'],
html body [class*='_pt-100_lg '] {
padding-top: 100px
}
html body [class$='_pb-100_lg'],
html body [class*='_pb-100_lg '] {
padding-bottom: 100px
}
html body [class$='_pl-100_lg'],
html body [class*='_pl-100_lg '] {
padding-left: 100px
}
html body [class$='_pr-100_lg'],
html body [class*='_pr-100_lg '] {
padding-right: 100px
}
html body [class$='_fs-10_lg'],
html body [class*='_fs-10_lg '] {
font-size: 10px
}
html body [class$='_fs-12_lg'],
html body [class*='_fs-12_lg '] {
font-size: 12px
}
}
body [class$='_fs-12'],
body [class*='_fs-12 '] {
font-size: 12px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-12_xs'],
html body [class*='_fs-12_xs '] {
font-size: 12px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-12_sm'],
html body [class*='_fs-12_sm '] {
font-size: 12px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_fs-12_md'],
html body [class*='_fs-12_md '] {
font-size: 12px
}
html body [class$='_fs-13_md'],
html body [class*='_fs-13_md '] {
font-size: 13px
}
}
body [class$='_fs-13'],
body [class*='_fs-13 '] {
font-size: 13px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-13_xs'],
html body [class*='_fs-13_xs '] {
font-size: 13px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-13_sm'],
html body [class*='_fs-13_sm '] {
font-size: 13px
}
}
@media only screen and (min-width:1200px) {
html body [class$='_fs-13_lg'],
html body [class*='_fs-13_lg '] {
font-size: 13px
}
html body [class$='_fs-14_lg'],
html body [class*='_fs-14_lg '] {
font-size: 14px
}
}
body [class$='_fs-14'],
body [class*='_fs-14 '] {
font-size: 14px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-14_xs'],
html body [class*='_fs-14_xs '] {
font-size: 14px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-14_sm'],
html body [class*='_fs-14_sm '] {
font-size: 14px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_fs-14_md'],
html body [class*='_fs-14_md '] {
font-size: 14px
}
html body [class$='_fs-16_md'],
html body [class*='_fs-16_md '] {
font-size: 16px
}
}
body [class$='_fs-16'],
body [class*='_fs-16 '] {
font-size: 16px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-16_xs'],
html body [class*='_fs-16_xs '] {
font-size: 16px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-16_sm'],
html body [class*='_fs-16_sm '] {
font-size: 16px
}
}
@media only screen and (min-width:1200px) {
html body [class$='_fs-16_lg'],
html body [class*='_fs-16_lg '] {
font-size: 16px
}
html body [class$='_fs-18_lg'],
html body [class*='_fs-18_lg '] {
font-size: 18px
}
}
body [class$='_fs-18'],
body [class*='_fs-18 '] {
font-size: 18px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-18_xs'],
html body [class*='_fs-18_xs '] {
font-size: 18px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-18_sm'],
html body [class*='_fs-18_sm '] {
font-size: 18px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_fs-18_md'],
html body [class*='_fs-18_md '] {
font-size: 18px
}
html body [class$='_fs-20_md'],
html body [class*='_fs-20_md '] {
font-size: 20px
}
}
body [class$='_fs-20'],
body [class*='_fs-20 '] {
font-size: 20px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-20_xs'],
html body [class*='_fs-20_xs '] {
font-size: 20px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-20_sm'],
html body [class*='_fs-20_sm '] {
font-size: 20px
}
}
@media only screen and (min-width:1200px) {
html body [class$='_fs-20_lg'],
html body [class*='_fs-20_lg '] {
font-size: 20px
}
html body [class$='_fs-24_lg'],
html body [class*='_fs-24_lg '] {
font-size: 24px
}
}
body [class$='_fs-24'],
body [class*='_fs-24 '] {
font-size: 24px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-24_xs'],
html body [class*='_fs-24_xs '] {
font-size: 24px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-24_sm'],
html body [class*='_fs-24_sm '] {
font-size: 24px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_fs-24_md'],
html body [class*='_fs-24_md '] {
font-size: 24px
}
html body [class$='_fs-30_md'],
html body [class*='_fs-30_md '] {
font-size: 30px
}
}
body [class$='_fs-30'],
body [class*='_fs-30 '] {
font-size: 30px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-30_xs'],
html body [class*='_fs-30_xs '] {
font-size: 30px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-30_sm'],
html body [class*='_fs-30_sm '] {
font-size: 30px
}
}
@media only screen and (min-width:1200px) {
html body [class$='_fs-30_lg'],
html body [class*='_fs-30_lg '] {
font-size: 30px
}
html body [class$='_fs-36_lg'],
html body [class*='_fs-36_lg '] {
font-size: 36px
}
}
body [class$='_fs-36'],
body [class*='_fs-36 '] {
font-size: 36px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-36_xs'],
html body [class*='_fs-36_xs '] {
font-size: 36px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-36_sm'],
html body [class*='_fs-36_sm '] {
font-size: 36px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_fs-36_md'],
html body [class*='_fs-36_md '] {
font-size: 36px
}
html body [class$='_fs-40_md'],
html body [class*='_fs-40_md '] {
font-size: 40px
}
}
body [class$='_fs-40'],
body [class*='_fs-40 '] {
font-size: 40px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-40_xs'],
html body [class*='_fs-40_xs '] {
font-size: 40px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-40_sm'],
html body [class*='_fs-40_sm '] {
font-size: 40px
}
}
@media only screen and (min-width:1200px) {
html body [class$='_fs-40_lg'],
html body [class*='_fs-40_lg '] {
font-size: 40px
}
html body [class$='_fs-48_lg'],
html body [class*='_fs-48_lg '] {
font-size: 48px
}
}
body [class$='_fs-48'],
body [class*='_fs-48 '] {
font-size: 48px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-48_xs'],
html body [class*='_fs-48_xs '] {
font-size: 48px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-48_sm'],
html body [class*='_fs-48_sm '] {
font-size: 48px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
html body [class$='_fs-48_md'],
html body [class*='_fs-48_md '] {
font-size: 48px
}
html body [class$='_fs-50_md'],
html body [class*='_fs-50_md '] {
font-size: 50px
}
html body [class$='_order-1_md'],
html body [class*='_order-1_md '] {
order: -1
}
html body [class$='_order0_md'],
html body [class*='_order0_md '] {
order: 0
}
html body [class$='_order1_md'],
html body [class*='_order1_md '] {
order: 1
}
html body [class$='_order2_md'],
html body [class*='_order2_md '] {
order: 2
}
html body [class$='_order3_md'],
html body [class*='_order3_md '] {
order: 3
}
html body [class$='_order4_md'],
html body [class*='_order4_md '] {
order: 4
}
html body [class$='_order5_md'],
html body [class*='_order5_md '] {
order: 5
}
}
body [class$='_fs-50'],
body [class*='_fs-50 '] {
font-size: 50px
}
@media only screen and (max-width:767px) {
html body [class$='_fs-50_xs'],
html body [class*='_fs-50_xs '] {
font-size: 50px
}
html body [class$='_order-1_xs'],
html body [class*='_order-1_xs '] {
order: -1
}
html body [class$='_order0_xs'],
html body [class*='_order0_xs '] {
order: 0
}
html body [class$='_order1_xs'],
html body [class*='_order1_xs '] {
order: 1
}
html body [class$='_order2_xs'],
html body [class*='_order2_xs '] {
order: 2
}
html body [class$='_order3_xs'],
html body [class*='_order3_xs '] {
order: 3
}
html body [class$='_order4_xs'],
html body [class*='_order4_xs '] {
order: 4
}
html body [class$='_order5_xs'],
html body [class*='_order5_xs '] {
order: 5
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
html body [class$='_fs-50_sm'],
html body [class*='_fs-50_sm '] {
font-size: 50px
}
html body [class$='_order-1_sm'],
html body [class*='_order-1_sm '] {
order: -1
}
html body [class$='_order0_sm'],
html body [class*='_order0_sm '] {
order: 0
}
html body [class$='_order1_sm'],
html body [class*='_order1_sm '] {
order: 1
}
html body [class$='_order2_sm'],
html body [class*='_order2_sm '] {
order: 2
}
html body [class$='_order3_sm'],
html body [class*='_order3_sm '] {
order: 3
}
html body [class$='_order4_sm'],
html body [class*='_order4_sm '] {
order: 4
}
html body [class$='_order5_sm'],
html body [class*='_order5_sm '] {
order: 5
}
}
@media only screen and (min-width:1200px) {
html body [class$='_fs-50_lg'],
html body [class*='_fs-50_lg '] {
font-size: 50px
}
html body [class$='_order-1_lg'],
html body [class*='_order-1_lg '] {
order: -1
}
html body [class$='_order0_lg'],
html body [class*='_order0_lg '] {
order: 0
}
html body [class$='_order1_lg'],
html body [class*='_order1_lg '] {
order: 1
}
html body [class$='_order2_lg'],
html body [class*='_order2_lg '] {
order: 2
}
html body [class$='_order3_lg'],
html body [class*='_order3_lg '] {
order: 3
}
html body [class$='_order4_lg'],
html body [class*='_order4_lg '] {
order: 4
}
html body [class$='_order5_lg'],
html body [class*='_order5_lg '] {
order: 5
}
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
font-display: swap;
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
font-display: swap;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
font-display: swap;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
font-display: swap;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
font-display: swap;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
.b-mobile-block__sale-item.hover a {
text-decoration: underline;
font-weight: 500
}
.button.default:after {
background: -o-linear-gradient(349.61deg, #F56CA8, #F08BB7);
background: linear-gradient(100.39deg, #F56CA8, #F08BB7)
}
.button.default.borderPink:after,
.button.default.borderPink:before {
border: 1px solid #F56CA8
}
.button.default.borderPink:before {
background: #F56CA8
}
.land-section_feedback {
padding-bottom: 45px
}
.land-section_feedback .land-section__subtitle {
margin-bottom: 13px
}
.land-section_feedback .land-section__desc {
margin-bottom: 24px
}
@media only screen and (max-width:600px) {
.land-section_feedback {
padding-bottom: 15px
}
.land-section_feedback .land-section__desc {
margin-bottom: 3px
}
}
.feedback-block .slick-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 100%
}
.feedback-block .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feedback-block .slick-track .slick-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto
}
.feedback-block .slick-track .slick-slide>
div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%
}
.feedback-block .slick-track .slick-slide>
div>
div {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%
}
.feedback-block__carousel {
margin: 0 -15px;
opacity: 0;
visibility: hidden;
position: absolute
}
.feedback-block__carousel.slick-initialized {
opacity: 1;
visibility: visible;
position: relative
}
.feedback-block__carousel .slick-arrow {
display: block !important;
position: absolute;
bottom: 55px;
width: 57px;
height: 57px;
background: #FFCAE1;
border: 1px solid #FFF2F8;
-webkit-box-shadow: 0 0 20px rgba(255, 94, 164, .3);
box-shadow: 0 0 20px rgba(255, 94, 164, .3);
padding: 0;
border-radius: 100%;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
z-index: 51
}
.feedback-block__carousel .slick-arrow:hover {
background: #FDAACE;
border: 1px solid #FFD3E6;
-webkit-box-shadow: 0 0 20px rgba(245, 108, 168, .7);
box-shadow: 0 0 20px rgba(245, 108, 168, .7)
}
.doctor-box,
.feedback-block__box {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08)
}
.feedback-block__carousel .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
fill: #FFF
}
.feedback-block__carousel .slick-arrow.slick-prev {
left: -22px
}
.feedback-block__carousel .slick-arrow.slick-next {
right: -22px
}
@media only screen and (max-width:1170px) and (min-width:601px) {
.feedback-block__carousel .slick-arrow.slick-prev {
left: 5px
}
.feedback-block__carousel .slick-arrow.slick-next {
right: 5px
}
}
.feedback-block__item {
padding: 15px
}
@media only screen and (max-width:600px) {
.feedback-block__carousel {
margin: 0 -20px
}
.feedback-block__carousel .slick-arrow.slick-prev {
left: 5px
}
.feedback-block__carousel .slick-arrow.slick-next {
right: 5px
}
.feedback-block__item {
padding: 15px 30px
}
}
.feedback-block__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.feedback-block__box {
width: 100%;
position: relative;
border-radius: 10px;
overflow: hidden;
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .08)
}
.feedback-block__box:hover {
-webkit-box-shadow: 0 0 30px rgba(249, 89, 159, .3);
box-shadow: 0 0 30px rgba(249, 89, 159, .3)
}
.feedback-block__box:hover .button {
color: #FFF
}
.feedback-block__box:hover .button:after {
opacity: 0;
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.feedback-block__box:hover .button:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.feedback-block__pict img {
display: block;
width: 100%
}
.feedback-block__desc {
padding: 25px 17px 100px;
font-size: 16px;
line-height: 24px
}
.feedback-block__ttl {
font-weight: 700;
margin-bottom: 7px
}
.feedback-block__btn-wrap {
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
padding: 0 17px
}
@media only screen and (min-width:961px) {
.feedback-block__item_two .feedback-block__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feedback-block__item_two .feedback-block__box .feedback-block__pict {
width: 47.4%;
max-width: 47.4%;
min-width: 47.4%
}
.feedback-block__item_two .feedback-block__box .feedback-block__pict img {
border-radius: 10px 0 0;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.feedback-block__item_two .feedback-block__box .feedback-block__desc {
position: relative;
padding: 45px 27px 113px
}
}
.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative
}
.scroll-wrapper>
.scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important
}
.scroll-wrapper>
.scroll-content::-webkit-scrollbar {
height: 0;
width: 0
}
.scroll-element {
display: none
}
.scroll-element,
.scroll-element div {
box-sizing: content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block
}
.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
cursor: default
}
.scroll-textarea {
border: 1px solid #ccc;
border-top-color: #999
}
.scroll-textarea>
.scroll-content {
overflow: hidden !important
}
.scroll-textarea>
.scroll-content>
textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: 0;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important
}
.scrollbar-inner>
.scroll-element .scroll-element_outer,
.scrollbar-outer>
.scroll-element .scroll-element_outer {
overflow: hidden
}
.scroll-textarea>
.scroll-content>
textarea::-webkit-scrollbar {
height: 0;
width: 0
}
.scrollbar-inner>
.scroll-element,
.scrollbar-inner>
.scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-inner>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-inner>
.scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%
}
.scrollbar-inner>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-inner>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -12px
}
.scrollbar-inner>
.scroll-element.scroll-y {
height: 100%;
right: 2px;
top: 0;
width: 8px
}
.scrollbar-inner>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-inner>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -12px
}
.scrollbar-inner>
.scroll-element .scroll-bar,
.scrollbar-inner>
.scroll-element .scroll-element_outer,
.scrollbar-inner>
.scroll-element .scroll-element_track {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px
}
.scrollbar-inner>
.scroll-element .scroll-bar,
.scrollbar-inner>
.scroll-element .scroll-element_track {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: .4
}
.scrollbar-inner>
.scroll-element .scroll-element_track {
background-color: #e0e0e0
}
.scrollbar-inner>
.scroll-element .scroll-bar {
background-color: #c2c2c2
}
.scrollbar-inner>
.scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner>
.scroll-element:hover .scroll-bar {
background-color: #919191
}
.scrollbar-outer>
.scroll-element,
.scrollbar-outer>
.scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-outer>
.scroll-element {
background-color: #fff
}
.scrollbar-outer>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-outer>
.scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%
}
.scrollbar-outer>
.scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px
}
.scrollbar-outer>
.scroll-element.scroll-x .scroll-element_outer {
height: 8px;
top: 2px
}
.scrollbar-outer>
.scroll-element.scroll-y .scroll-element_outer {
left: 2px;
width: 8px
}
.scrollbar-outer>
.scroll-element .scroll-element_track {
background-color: #eee
}
.scrollbar-outer>
.scroll-element .scroll-bar,
.scrollbar-outer>
.scroll-element .scroll-element_outer,
.scrollbar-outer>
.scroll-element .scroll-element_track {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px
}
.scrollbar-outer>
.scroll-element .scroll-bar {
background-color: #d9d9d9
}
.scrollbar-outer>
.scroll-element .scroll-bar:hover {
background-color: #c2c2c2
}
.scrollbar-outer>
.scroll-element.scroll-draggable .scroll-bar {
background-color: #919191
}
.scrollbar-outer>
.scroll-content.scroll-scrolly_visible {
left: -12px;
margin-left: 12px
}
.scrollbar-outer>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-outer>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -14px
}
.scrollbar-outer>
.scroll-content.scroll-scrollx_visible {
top: -12px;
margin-top: 12px
}
.scrollbar-outer>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-outer>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -14px
}
.scrollbar-outer>
.scroll-element.scroll-x .scroll-bar {
min-width: 10px
}
.scrollbar-outer>
.scroll-element.scroll-y .scroll-bar {
min-height: 10px
}
.scrollbar-macosx>
.scroll-element,
.scrollbar-macosx>
.scroll-element div {
background: 0 0;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-macosx>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-macosx>
.scroll-element .scroll-element_track {
display: none
}
.scrollbar-macosx>
.scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
transition: opacity .2s linear
}
.scrollbar-macosx:hover>
.scroll-element .scroll-bar,
.scrollbar-macosx>
.scroll-element.scroll-draggable .scroll-bar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7
}
.scrollbar-macosx>
.scroll-element.scroll-x {
bottom: 0;
height: 0;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%
}
.scrollbar-macosx>
.scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 0
}
.scrollbar-macosx>
.scroll-element.scroll-x .scroll-bar {
height: 7px;
min-width: 10px;
top: -9px
}
.scrollbar-macosx>
.scroll-element.scroll-y .scroll-bar {
left: -9px;
min-height: 10px;
width: 7px
}
.scrollbar-macosx>
.scroll-element.scroll-x .scroll-element_outer {
left: 2px
}
.scrollbar-macosx>
.scroll-element.scroll-x .scroll-element_size {
left: -4px
}
.scrollbar-macosx>
.scroll-element.scroll-y .scroll-element_outer {
top: 2px
}
.scrollbar-macosx>
.scroll-element.scroll-y .scroll-element_size {
top: -4px
}
.scrollbar-macosx>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px
}
.scrollbar-macosx>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -11px
}
.scrollbar-light>
.scroll-element,
.scrollbar-light>
.scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-light>
.scroll-element {
background-color: #fff
}
.scrollbar-light>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-light>
.scroll-element .scroll-element_outer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.scrollbar-light>
.scroll-element .scroll-element_size {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));
background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
background: -ms-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.scrollbar-light>
.scroll-element.scroll-x {
bottom: 0;
height: 17px;
left: 0;
min-width: 100%;
width: 100%
}
.scrollbar-light>
.scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 17px
}
.scrollbar-light>
.scroll-element .scroll-bar {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));
background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
background: -ms-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
border: 1px solid #dbdbdb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.scrollbar-light>
.scroll-content.scroll-scrolly_visible {
left: -17px;
margin-left: 17px
}
.scrollbar-light>
.scroll-content.scroll-scrollx_visible {
top: -17px;
margin-top: 17px
}
.scrollbar-light>
.scroll-element.scroll-x .scroll-bar {
height: 10px;
min-width: 10px;
top: 0
}
.scrollbar-light>
.scroll-element.scroll-y .scroll-bar {
left: 0;
min-height: 10px;
width: 10px
}
.scrollbar-light>
.scroll-element.scroll-x .scroll-element_outer {
height: 12px;
left: 2px;
top: 2px
}
.scrollbar-light>
.scroll-element.scroll-x .scroll-element_size {
left: -4px
}
.scrollbar-light>
.scroll-element.scroll-y .scroll-element_outer {
left: 2px;
top: 2px;
width: 12px
}
.scrollbar-light>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-light>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -19px
}
.scrollbar-light>
.scroll-element.scroll-y .scroll-element_size {
top: -4px
}
.scrollbar-light>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-light>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -19px
}
.scrollbar-rail>
.scroll-element,
.scrollbar-rail>
.scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-rail>
.scroll-element {
background-color: #fff
}
.scrollbar-rail>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-rail>
.scroll-element .scroll-element_size {
background-color: #999;
background-color: rgba(0, 0, 0, .3)
}
.scrollbar-rail>
.scroll-element .scroll-element_outer:hover .scroll-element_size {
background-color: #666;
background-color: rgba(0, 0, 0, .5)
}
.scrollbar-rail>
.scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
min-width: 100%;
padding: 3px 0 2px;
width: 100%
}
.scrollbar-rail>
.scroll-element.scroll-y {
height: 100%;
min-height: 100%;
padding: 0 2px 0 3px;
right: 0;
top: 0;
width: 12px
}
.scrollbar-rail>
.scroll-element .scroll-bar {
background-color: #d0b9a0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}
.scrollbar-rail>
.scroll-element .scroll-element_outer:hover .scroll-bar {
box-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}
.scrollbar-rail>
.scroll-content.scroll-scrolly_visible {
left: -17px;
margin-left: 17px
}
.scrollbar-rail>
.scroll-content.scroll-scrollx_visible {
margin-top: 17px;
top: -17px
}
.scrollbar-rail>
.scroll-element.scroll-x .scroll-bar {
height: 10px;
min-width: 10px;
top: 1px
}
.scrollbar-rail>
.scroll-element.scroll-y .scroll-bar {
left: 1px;
min-height: 10px;
width: 10px
}
.scrollbar-rail>
.scroll-element.scroll-x .scroll-element_outer {
height: 15px;
left: 5px
}
.scrollbar-rail>
.scroll-element.scroll-x .scroll-element_size {
height: 2px;
left: -10px;
top: 5px
}
.scrollbar-rail>
.scroll-element.scroll-y .scroll-element_outer {
top: 5px;
width: 15px
}
.scrollbar-rail>
.scroll-element.scroll-y .scroll-element_size {
left: 5px;
top: -10px;
width: 2px
}
.scrollbar-rail>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-rail>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -25px
}
.scrollbar-rail>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-rail>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -25px
}
.scrollbar-dynamic>
.scroll-element,
.scrollbar-dynamic>
.scroll-element div {
background: 0 0;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-dynamic>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-dynamic>
.scroll-element.scroll-x {
bottom: 2px;
height: 7px;
left: 0;
min-width: 100%;
width: 100%
}
.scrollbar-dynamic>
.scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 2px;
top: 0;
width: 7px
}
.scrollbar-dynamic>
.scroll-element .scroll-element_outer {
opacity: .3;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px
}
.scrollbar-dynamic>
.scroll-element .scroll-element_size {
background-color: #ccc;
opacity: 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
-ms-transition: opacity .2s;
transition: opacity .2s
}
.scrollbar-dynamic>
.scroll-element .scroll-bar {
background-color: #6c6e71;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.scrollbar-dynamic>
.scroll-element.scroll-x .scroll-bar {
bottom: 0;
height: 7px;
min-width: 24px;
top: auto
}
.scrollbar-dynamic>
.scroll-element.scroll-y .scroll-bar {
left: auto;
min-height: 24px;
right: 0;
width: 7px
}
.scrollbar-dynamic>
.scroll-element.scroll-x .scroll-element_outer {
bottom: 0;
top: auto;
left: 2px;
-webkit-transition: height .2s;
-moz-transition: height .2s;
-o-transition: height .2s;
-ms-transition: height .2s;
transition: height .2s
}
.scrollbar-dynamic>
.scroll-element.scroll-y .scroll-element_outer {
left: auto;
right: 0;
top: 2px;
-webkit-transition: width .2s;
-moz-transition: width .2s;
-o-transition: width .2s;
-ms-transition: width .2s;
transition: width .2s
}
.scrollbar-dynamic>
.scroll-element.scroll-x .scroll-element_size {
left: -4px
}
.scrollbar-dynamic>
.scroll-element.scroll-y .scroll-element_size {
top: -4px
}
.scrollbar-dynamic>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px
}
.scrollbar-dynamic>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -11px
}
.scrollbar-dynamic>
.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>
.scroll-element:hover .scroll-element_outer {
overflow: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7
}
.scrollbar-dynamic>
.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>
.scroll-element:hover .scroll-element_outer .scroll-element_size {
opacity: 1
}
.scrollbar-dynamic>
.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>
.scroll-element:hover .scroll-element_outer .scroll-bar {
height: 100%;
width: 100%;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px
}
.scrollbar-dynamic>
.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>
.scroll-element.scroll-x:hover .scroll-element_outer {
height: 20px;
min-height: 7px
}
.scrollbar-dynamic>
.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>
.scroll-element.scroll-y:hover .scroll-element_outer {
min-width: 7px;
width: 20px
}
.scrollbar-chrome>
.scroll-element,
.scrollbar-chrome>
.scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-chrome>
.scroll-element {
background-color: #fff
}
.scrollbar-chrome>
.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-chrome>
.scroll-element .scroll-element_track {
background: #f1f1f1;
border: 1px solid #dbdbdb
}
.scrollbar-chrome>
.scroll-element.scroll-x {
bottom: 0;
height: 16px;
left: 0;
min-width: 100%;
width: 100%
}
.scrollbar-chrome>
.scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 16px
}
.scrollbar-chrome>
.scroll-element .scroll-bar {
background-color: #d9d9d9;
border: 1px solid #bdbdbd;
cursor: default;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.button,
.checkbox-container label,
.cursorPointer,
.custom_select,
.popup--close {
cursor: pointer
}
.scrollbar-chrome>
.scroll-element .scroll-bar:hover {
background-color: #c2c2c2;
border-color: #a9a9a9
}
.scrollbar-chrome>
.scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
border-color: #7e7e7e
}
.scrollbar-chrome>
.scroll-content.scroll-scrolly_visible {
left: -16px;
margin-left: 16px
}
.scrollbar-chrome>
.scroll-content.scroll-scrollx_visible {
top: -16px;
margin-top: 16px
}
.scrollbar-chrome>
.scroll-element.scroll-x .scroll-bar {
height: 8px;
min-width: 10px;
top: 3px
}
.scrollbar-chrome>
.scroll-element.scroll-y .scroll-bar {
left: 3px;
min-height: 10px;
width: 8px
}
.scrollbar-chrome>
.scroll-element.scroll-x .scroll-element_outer {
border-left: 1px solid #dbdbdb
}
.scrollbar-chrome>
.scroll-element.scroll-x .scroll-element_track {
height: 14px;
left: -3px
}
.scrollbar-chrome>
.scroll-element.scroll-x .scroll-element_size {
height: 14px;
left: -4px
}
.scrollbar-chrome>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-chrome>
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -19px
}
.scrollbar-chrome>
.scroll-element.scroll-y .scroll-element_outer {
border-top: 1px solid #dbdbdb
}
.scrollbar-chrome>
.scroll-element.scroll-y .scroll-element_track {
top: -3px;
width: 14px
}
.scrollbar-chrome>
.scroll-element.scroll-y .scroll-element_size {
top: -4px;
width: 14px
}
.scrollbar-chrome>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-chrome>
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -19px
}
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
@media (max-width:768px) {
.tel_block_mob {
font-size: 17px;
font-weight: 500;
padding: 40px 0 0
}
.tel_block_mob span a {
font-size: 20px;
font-weight: 600;
color: #F18AB7;
display: block
}
}
@media (min-width:769px) {
.b-stock-page__services-subtitle-c {
font-size: 20px
}
.tel_block_mob {
display: none
}
}
.button.lightBlue {
background-color: transparent;
font-size: 14px;
font-weight: 500;
color: #FFF;
border: none
}
.button.lightBlue:hover {
color: #E32478
}
.button.lightBlue:hover svg path {
fill: #F56CA8
}
.button.lightBlue:after {
border-color: transparent;
background: linear-gradient(90deg, #A7C9E4 0, #C7E2F5 100%)
}
.button.lightBlue:hover:after {
border-radius: 21px;
border: none
}
.button.lightBlue:before {
border: 1px solid #2D71DE;
background: 0 0
}
.popup__overlay {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .25);
width: 100%;
height: 100%
}
.custom_select_item span,
.reviews-ui--dot {
position: relative
}
.popup--close:hover svg {
stroke: #4D4D4D
}
.button.bigButton {
height: 100%;
border-radius: 28px
}
.reviews_link {
margin-left: 10px
}
.doctor__header-reviews-ui {
display: flex;
justify-content: space-between
}
.reviews-ui__btn {
cursor: pointer;
color: #9A9A9A;
transition: color .35s ease
}
.reviews-ui__btn svg * {
fill: #9A9A9A;
transition: fill .35s ease
}
.reviews-ui--dot {
display: inline-block;
width: 3px;
height: 3px;
border-radius: 3px;
background-color: #C4C4C4;
margin-right: 10px;
top: -1px;
transform: translateY(-50%)
}
.reviews-ui__btn:first-child,
.reviews-ui__btn:hover {
color: #2E2E2E
}
.reviews-ui__btn:first-child svg *,
.reviews-ui__btn:hover svg * {
fill: #2E2E2E
}
.checkbox-container.error {
color: #E3267A !important
}
.checkbox-container.error .checkbox {
border-color: #E3267A
}
.custom_select {
line-height: 21px
}
.custom_select.active {
background-color: #fff
}
.custom_select.active.--relativeSelect {
height: auto;
border-radius: 21px
}
.custom_select_value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 45px
}
.custom_select.active.--relativeSelect .custom_select_selects_wrap {
position: relative;
left: 0;
right: 0;
border: none;
max-height: 590px
}
.page_additional-text p {
margin: 0;
padding: 0
}
.custom_select.active .text_value {
color: #F08BB7;
font-size: 18px
}
.custom_select_item:last-child {
border-radius: 0 0 21px 21px
}
.custom_select_item span:after {
content: '';
position: absolute;
top: 100%;
left: 0;
height: 1px;
width: 100%;
background-color: #f5f5f5;
z-index: 1
}
.custom_select_item {
padding: 0 34px 0 44px;
font-size: 18px;
font-weight: 400;
line-height: 21px;
color: #2E2E2E;
transition: background .35s ease, font-weight .35s ease
}
.custom_select_item:hover {
font-weight: 500;
background-color: #ECF2FE
}
.custom_select_item:hover span:after,
.custom_select_item:last-child span:after {
display: none
}
.custom_select.custom-select__valued_form {
background-color: #fff;
flex-basis: 370px
}
.custom_select.custom-select__valued_form .text_value {
font-size: 18px;
color: #2E2E2E;
font-weight: 400
}
.custom_select.custom-select__valued_form svg {
fill: #F08BB7
}
.custom_select_icon__dropdown svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
fill: #A7C9E4;
transition: transform .35s ease
}
.custom_select_icon {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%)
}
.custom_select.active .custom_select_icon__dropdown svg {
fill: #F08BB7;
transform: translateY(-50%) rotate(90deg)
}
.custom_select_value {
padding-left: 35px
}
.custom_select .simplebar-track.horizontal {
display: none !important
}
.custom_select.noErrors,
.doctor-selection__input.noErrors {
background-color: #EFF8EB !important
}
.doctor-selection__block .custom_select.error .custom_select_value {
color: #E3267A !important
}
.doctor-selection__input.error {
border-color: #E3267A !important;
background-color: #FFECED !important;
color: #E3267A !important
}
.custom_select.error svg *,
.doctor-selection__block.error svg * {
fill: #E3267A
}
.doctor-selection__input.error::-webkit-input-placeholder {
color: #E3267A !important
}
.doctor-selection__input.error:-moz-placeholder {
color: #E3267A !important
}
.doctor-selection__input.error::-moz-placeholder {
color: #E3267A !important
}
.doctor-selection__input.error:-ms-input-placeholder {
color: #E3267A !important
}
.doctors__select-area .selects_row {
align-items: flex-start
}
.old_price {
font-weight: 300;
line-height: normal;
font-size: 18px;
text-decoration-line: line-through;
color: #A0A0A0
}
.new_price {
font-size: 28px;
color: #F56CA8
}
.new_price.--regular {
color: #9A9A9A
}
.new-price,
.new_price,
.old-price,
.old_pricex {
white-space: nowrap
}
.new-price .rub,
.new_price .rub,
.old-price .rub,
.old_price .rub {
font-size: 50%;
vertical-align: middle
}
.button.price-box__button {
width: 275px;
letter-spacing: .1em
}
.price-box__price .old-price {
color: #9A9A9A;
font-size: 28px;
line-height: 35px;
font-weight: 300;
text-decoration: line-through;
padding-right: 20px
}
.price-box__price .new-price {
color: #F56CA8;
font-size: 36px;
line-height: 47px;
white-space: nowrap
}
.price-box__price .regular-price {
font-style: normal;
font-weight: 400;
line-height: normal;
font-size: 40px;
text-align: center
}
.button.whiteBg.price-box__button:after {
border: 1px solid #F56CA8
}
.button.whiteBg.price-box__button:hover {
color: #FFF
}
.button.whiteBg.price-box__button:before {
background-color: #F56CA8
}
.service-detail__header-image {
width: 100%;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
height: 380px;
margin-bottom: 23px
}
.doctor-selection__block .custom_select,
.doctor-selection__input {
height: 42px;
background-color: #ECF2FE
}
.tabs__content {
display: none
}
.doctor-selection__icon {
position: absolute;
top: 50%;
left: 32px;
transform: translateY(-50%)
}
.doctor-selection__input {
width: 100%;
line-height: 42px;
border: 1px solid #96B4E8;
border-radius: 21px;
padding-left: 60px;
font-size: 14px
}
.doctor-selection__input::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
color: #96B4E8
}
.doctor-selection__input:-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #96B4E8
}
.doctor-selection__input::-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #96B4E8
}
.doctor-selection__input:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
color: #96B4E8
}
.doctor-selection__block .custom_select .custom_select_value {
line-height: 42px;
padding-left: 60px;
font-size: 14px;
font-weight: 400;
color: #96B4E8
}
.doctor-selection__block .custom_select.active .text_value {
color: inherit;
font-size: 14px
}
.doctor-selection__block .custom_select_item {
padding: 0 25px;
font-size: 14px
}
.doctor-selection__block .custom_select.custom-select__valued_form {
background-color: #fff
}
.doctor-selection__block .custom_select.custom-select__valued_form .text_value {
color: #2E2E2E;
font-weight: 400;
font-size: 14px
}
.doctor-selection__block .custom_select_selects_wrap {
max-height: 350px
}
.doctor-selection__block .simplebar-track.vertical {
width: 6px;
border-radius: 21px;
background-color: #F6F6F6;
max-height: 95%
}
.doctor-selection__block .simplebar-scrollbar {
max-height: 50px;
width: 6px;
right: 0
}
.doctor-selection__block .simplebar-scrollbar:before {
background-color: #D4E2FF;
border-radius: 21px
}
.doctor-selection__input.page-book__valued_form {
background-color: #fff;
color: #2E2E2E;
font-weight: 400
}
.loadMoreMobile {
text-align: center
}
@media (min-width:320px) and (max-width:961px) {
.popup,
.write__feedback .popup {
overflow-y: auto;
max-height: 100%
}
.page-header__element.ph-book .button__text {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input::-webkit-input-placeholder {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input:-moz-placeholder {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input::-moz-placeholder {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input:-ms-input-placeholder {
font-weight: 400
}
.custom_select.custom_select--booking .custom_select_value {
text-align: left !important;
padding: 0 0 0 60px !important
}
.page-clinics__form-block .page-clinics__form-input {
text-align: left;
padding: 0 0 0 60px;
font-size: 14px
}
.popup {
top: 0 !important;
bottom: 0 !important;
width: 100% !important;
border-radius: 0 !important;
border-color: transparent !important;
padding: 40px 0
}
.page-map__tabs-wrap .page-map__tab-title span {
font-weight: 500;
display: block;
position: relative;
padding: 12px 0;
letter-spacing: .1em
}
.page-map__tabs-wrap .page-map__tab-title {
padding: 0
}
.page-map__section-heading {
box-shadow: 0 4px 10px rgba(0, 0, 0, .08) !important;
z-index: 2;
position: relative
}
.page-map__tabs-wrap .page-map__tab-title.active span:after {
top: 100%;
position: absolute;
height: 2px
}
.section-divider .scroll_button svg {
margin-right: 5px
}
.section-divider .scroll_button span {
letter-spacing: .1em
}
.footer--socials-row .footer--social-block {
background: linear-gradient(135.74deg, #F56CA8 0, #F08BB7 100%);
box-shadow: none
}
.popup_overlay.callMe .popup {
width: 90%;
overflow-y: auto;
top: 10%
}
.popup_overlay.write__feedback .popup {
transform: none;
padding-bottom: 0
}
.popup_overlay.write__feedback .popup .popup--button-wrap {
padding-bottom: 15px
}
.popup__overlay.booking__overlay .popup,
.popup_overlay.callMe .popup,
.popup_overlay.write__feedback .popup {
max-height: 100%;
height: unset !important;
bottom: 5%
}
.callMe .popup--header h1 {
font-style: normal;
font-weight: 500;
line-height: normal;
font-size: 30px;
text-align: center;
color: #F18AB7;
margin: 25px 0 0;
padding: 0 25px
}
.callMe .doctor-selection__input {
font-style: normal;
font-weight: 400;
line-height: normal;
font-size: 14px;
color: #96B4E8
}
.callMe .page-book__form--checkbox-text,
.write__feedback .checkbox-container {
font-style: normal;
font-weight: 400;
line-height: 18px;
font-size: 12px;
color: #707070
}
.callMe .custom_select.phone {
width: 129px;
display: block;
margin: 0 auto
}
.callMe .doctor-selection__block .custom_select.phone .custom_select_value {
padding: 0 30px
}
.callMe .checkbox-container {
position: relative;
text-align: left
}
.callMe .checkbox-container .checkbox {
position: absolute;
top: 0;
left: 0
}
.callMe .page-book__form--checkbox-text {
padding-left: 35px;
display: block
}
.write__feedback .checkbox-container {
position: relative;
text-align: left
}
.write__feedback .checkbox-container .checkbox {
position: absolute;
top: 0;
left: 0
}
.write__feedback .checkbox-container .checkbox:after,
.write__feedback .checkbox-container .checkbox:before {
left: 6px
}
.write__feedback .page-book__form--checkbox-text {
padding-left: 30px;
display: block
}
.textarea__placeholder {
position: absolute;
top: 0;
left: 0;
font-weight: 300;
line-height: normal;
color: #9A9A9A;
padding: 12px 0 0 26px;
font-size: 14px;
pointer-events: none
}
.textarea__placeholder p {
margin: 0;
padding: 0
}
.textarea__placeholder svg {
margin-right: 15px
}
.feedback__form-textarea {
position: relative
}
.feedback__textarea {
width: 100%;
height: 94px;
border-radius: 21px;
border: 1px solid #9A9A9A;
padding: 12px 0 0 26px;
font-size: 14px
}
.write__feedback .popup--text>
span {
font-weight: 400;
line-height: 42px;
font-size: 24px;
text-align: center;
margin-bottom: 35px;
color: #4D4D4D
}
.write__feedback .popup {
padding-top: 55px;
width: 90%;
top: 10%
}
.popup_overlay.callMe,
.popup_overlay.write__feedback {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
z-index: 101
}
.video__content-wrap {
margin-right: 0 !important
}
.video_content--text {
padding: 0 20px
}
.video__content-block video {
max-width: 100%;
height: auto
}
.breadcrumbs {
padding: 20px 0 30px
}
.breadcrumbs .container {
padding: 0 20px
}
.breadcrumb__li {
color: #F56CA8;
font-size: 14px;
line-height: 16px;
display: none
}
.breadcrumb__li:nth-last-child(2) {
display: block
}
.doctor-selection__caption {
color: #F18AB6;
font-size: 22px;
text-align: center
}
.doctor-selection__caption h3 {
font-weight: 500;
margin: 0;
padding: 0
}
.doctor-selection__selects {
padding: 35px 20px 66px
}
.doctor-selection__block.doctor-selection__button--details {
padding: 0 20px
}
.doctor-selection__block {
margin-bottom: 24px
}
.services__select_results .container {
padding: 0
}
.services__select_results .service__result {
border-bottom: 0
}
.services__select_results .result__title {
padding-right: 15px
}
.services__select_results .result__price .old_price {
width: 80px
}
.service__results__header p {
margin: 0;
padding: 0
}
.service__results__header {
text-align: center;
color: #2E2E2E;
font-size: 18px;
font-weight: 300
}
.services__select_results {
padding-top: 0;
padding-bottom: 84px
}
.service__result {
display: flex;
color: inherit;
text-decoration: none;
padding: 20px 0;
border-bottom: 1px solid #ccc;
justify-content: space-between
}
.service__result:last-child {
border-bottom: none
}
.services__result-list {
padding: 40px 0 0
}
.services__result-list.--mobilePadding {
padding-left: 20px;
padding-right: 20px;
padding-top: 0
}
.result__title {
font-size: 16px;
line-height: 21px;
color: #2E2E2E;
padding-right: 35px
}
.result__price {
display: flex;
flex-direction: column
}
.result__price .old_price {
font-size: 14px;
font-weight: 300;
width: 90px
}
.result__price .new_price {
font-size: 18px;
color: #F56CA8
}
.result__link {
display: none
}
.tab__caption .tab__text {
background-color: #fff;
padding: 20px 40px 20px 60px;
font-size: 18px;
font-weight: 300;
color: #2E2E2E;
line-height: 27px
}
.tab__caption .tab__text p {
margin: 0
}
}
.breadcrumb__ul {
list-style-type: none;
padding: 0;
margin: 0
}
.breadcrumb__li {
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 16px
}
.breadcrumb__li a {
color: inherit;
text-decoration: none
}
.main-logo__logo svg {
width: 87px;
height: 26px
}
.mt60 {
margin-top: 60px
}
.video__content-wrap {
position: relative;
float: left;
margin-right: 50px;
margin-bottom: 40px
}
.video__content-wrap.active .video__content__icon {
display: none
}
.video__content__icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
width: 71px;
height: 71px;
background-image: url(/assets/css/../img/video_btn.png);
background-position: center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
pointer-events: none
}
.video_content--text {
font-size: 18px;
font-weight: 300;
color: #2E2E2E;
line-height: 27px
}
.video_caption {
display: block;
color: #E3267A;
font-size: 14px;
font-weight: 400;
line-height: 18px
}
.video_content--text h4 {
margin: 24px 0;
font-size: 24px;
font-weight: 400;
line-height: 31px;
color: #2E2E2E
}
.video_content--text p {
margin: 0 0 35px
}
@media (max-width:600px) {
.visible_mobile {
display: block
}
}
@media (min-width:601px) {
.visible_tablet {
display: block
}
.main-logo__sublogo svg {
width: 130px
}
.menu-button {
order: 1
}
.main-logo {
text-align: center;
order: 2
}
.ph-book {
order: 6
}
.ph-phone {
order: 3
}
.ph-personal-area {
order: 7;
align-self: center
}
.button__popup {
width: 75%
}
}
@media (min-width:768px) {
.page-header__element {
font-size: 10px
}
.ph-schedule {
order: 4;
display: block
}
.ph-schedule .header_element__text {
text-align: justify
}
.ph-schedule .header_element__text span {
font-size: 11px
}
.header-phone,
.header__element_withIcon {
display: flex
}
.header-phone__text,
.header_element__text {
display: block;
padding-left: 7px
}
.header-phone__text-big {
font-size: 12px;
font-weight: 500
}
.header-phone__text a {
font-size: 10px;
color: #F08BB7;
text-decoration: underline;
font-weight: 400
}
.header_element__text p {
margin: 0
}
.footer {
padding: 30px 15px;
text-align: left
}
.footer .container {
display: flex;
flex-wrap: wrap
}
.footer--copyrights,
.footer--divider {
flex-basis: 100%;
text-align: center;
flex-grow: 1
}
.footer--socials-row {
text-align: center;
justify-content: flex-start
}
.footer--social-block {
margin: 0 12px 0 0
}
.footer--social-block:last-child {
margin: 0
}
.footer--column-3 {
flex-grow: 1;
display: flex;
flex-wrap: wrap
}
.footer--navigation {
flex-grow: 1;
padding-right: 120px
}
.footer--logo-wrap {
flex-grow: 3;
flex-basis: 100%;
text-align: center;
margin-bottom: 35px
}
.footer--navigation-ul {
margin: 0
}
.footer--navigation-ul li.active {
background-color: unset
}
.footer--payments {
display: block
}
.footer--payment-item {
display: inline-block;
padding: 0 10px 0 0
}
.footer--payment-item:last-child {
padding: 0
}
.footer--payments-row {
padding-top: 15px;
text-align: left
}
.footer--subscription {
order: 5;
flex-basis: 100%;
align-self: flex-end;
display: flex;
flex-wrap: wrap
}
.footer--contacts {
display: block;
flex-basis: 50%;
flex-grow: 0
}
.footer--socials {
flex-basis: 50%
}
.footer-phone__text-big {
font-size: 18px;
line-height: 1.2;
font-weight: 700
}
.footer--contacts-actionlink {
font-size: 12px;
color: #F08BB7;
text-decoration: underline;
font-weight: 400
}
.footer--contacts-icon {
padding-right: 15px
}
.footer--subscription-title {
flex-basis: 100%;
margin-bottom: 18px
}
.footer--subscription-input {
margin: 0;
text-align: left;
padding: 0 27px
}
.footer--subscription-form {
flex-grow: 1
}
.footer--subscription-button {
width: unset;
flex-basis: 180px;
margin-left: 8px
}
.footer--sm-hotfix {
display: flex
}
.footer--divider {
margin: 40px -15px;
flex-grow: 1
}
.footer--navigation-ul li:first-child a {
padding-top: 0;
padding-bottom: 10px
}
.footer--socials {
padding-top: 0
}
.footer--contacts-item {
display: flex;
padding-top: 15px
}
.footer--contacts-text p {
margin: 0;
Line-height: 21px
}
.footer--contacts-item:first-child {
padding-top: 0
}
.footer--contacts-list {
padding-top: 15px
}
.footer--contacts-mailLink {
text-decoration: none;
line-height: 21px;
font-size: 14px;
color: #6272FF
}
.mobile-menu__elements {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.mobile-menu__elem {
padding: 0
}
.popup {
top: 50%;
transform: translateY(-50%);
width: 75%;
padding: 30px 0
}
.popup--text {
font-size: 22px
}
.button__popup {
width: 187px
}
.custom_select_value {
padding-left: 25px
}
}
@media (min-width:961px) {
.call_me__form .checkbox-container,
.footer--column-3 {
position: relative
}
.callMe .doctor-selection__block,
.feedback__form .doctor-selection__block {
margin-left: 0
}
.popup_overlay.write__feedback {
z-index: 101
}
.write__feedback .popup--text>
span {
margin-bottom: 65px
}
.callMe .popup--text {
width: 310px
}
.call_me__form .custom_select.phone {
width: 130px;
display: inline-block;
flex-basis: 130px;
flex-shrink: 0
}
.call_me__form .custom_select.phone .custom_select_value {
padding-left: 30px
}
.call_me__form .doctor-selection__input {
font-size: 16px
}
.call_me__form .doctor-selection__block {
margin-bottom: 40px
}
.call_me__form .doctor-selection__block:last-child {
margin-bottom: 0
}
.call_me__form .checkbox-container .checkbox,
.textarea__placeholder {
position: absolute;
left: 0;
top: 0
}
.callMe .popup--button-wrap {
margin-top: 35px
}
.callMe .popup--button-wrap .button {
width: 275px
}
.call_me__form .page-book__form--checkbox-text {
font-style: normal;
font-weight: 400;
line-height: 18px;
font-size: 12px;
color: #707070;
padding-left: 30px;
display: block
}
.call_me__form .doctor-selection__block.phone__time {
display: flex;
justify-content: space-between;
align-items: center
}
.call_me__form .doctor-selection__input::-webkit-input-placeholder {
color: #96B4E8;
font-size: 18px;
font-weight: 400
}
.call_me__form .doctor-selection__input:-moz-placeholder {
color: #96B4E8;
font-size: 18px;
font-weight: 400
}
.call_me__form .doctor-selection__input::-moz-placeholder {
color: #96B4E8;
font-size: 18px;
font-weight: 400
}
.call_me__form .doctor-selection__input:-ms-input-placeholder {
color: #96B4E8;
font-size: 18px;
font-weight: 400
}
.call_me__form .doctor-selection__input.js-booking-phone {
font-style: normal;
font-weight: 400;
line-height: normal;
font-size: 18px;
color: #96B4E8
}
.callMe .phone__time>
span {
font-weight: 400;
line-height: normal;
font-size: 16px;
color: #434343
}
.callMe .popup--header h1 {
margin: 0;
padding: 0;
font-weight: 500;
line-height: normal;
font-size: 56px;
text-align: center;
color: #F18AB7
}
.textarea__placeholder {
font-weight: 300;
line-height: normal;
color: #9A9A9A;
padding: 12px 0 0 26px;
font-size: 14px;
pointer-events: none
}
.feedback__form-side .checkbox-container,
.feedback__form-textarea {
position: relative
}
.textarea__placeholder p {
margin: 0;
padding: 0
}
.textarea__placeholder svg {
margin-right: 15px
}
.feedback__textarea {
width: 100%;
height: 94px;
border-radius: 21px;
border: 1px solid #9A9A9A;
padding: 12px 0 0 26px;
font-size: 14px
}
.feedback__form-side .doctor-selection__block {
margin-bottom: 45px
}
.feedback__form-side .page-book__form--checkbox-wrap {
text-align: left;
font-weight: 400;
line-height: 18px;
font-size: 12px;
color: #707070
}
.feedback__form-side .page-book__form--checkbox-text {
padding-left: 30px;
display: block
}
.feedback__form-side .checkbox-container .checkbox:after,
.feedback__form-side .checkbox-container .checkbox:before {
left: 7px
}
.feedback__form-side .checkbox-container .checkbox {
position: absolute;
top: 0;
left: 0
}
.write__feedback .popup {
width: 90%
}
.write__feedback .popup--text {
width: 720px
}
.write__feedback .feedback__form {
display: flex;
justify-content: space-between
}
.write__feedback .feedback__form-side {
flex-basis: 310px
}
.doctors-row {
display: flex;
margin-bottom: 84px;
justify-content: space-between
}
.doctors-row:nth-last-of-type(1) {
margin-bottom: 0
}
.doctor-block {
flex-basis: 300px;
text-align: center;
color: #000
}
.doctor-name {
line-height: 30px;
font-size: 20px;
margin: 18px 0 0
}
.doctor-image {
height: 300px;
width: 300px;
background-size: cover;
border-radius: 150px;
background-position: center;
cursor: pointer
}
.doctor-specialty {
line-height: 21px;
font-size: 16px;
color: #F56CA8;
height: 42px;
overflow: hidden;
display: flex;
align-items: center
}
.doctor-locations,
.doctor-small-description {
display: flex;
line-height: 18px;
font-weight: 300
}
.doctor-small-description {
font-size: 14px;
font-style: italic;
align-items: center;
justify-content: center;
height: 75px;
overflow: hidden
}
.doctor-block-divider {
background-color: #818181;
width: 100%;
height: 1px
}
.doctor-block-text-content {
padding: 42px 26px 0;
margin: 0 auto
}
.doctor-locations {
align-items: center;
justify-content: center;
font-size: 12px;
color: #2E2E2E;
margin: 18px 0 14px
}
.doctor-location_text>
span,
.doctor-price span {
display: block
}
.doctor_oldPrice {
font-size: 18px;
font-weight: 300;
color: #A0A0A0;
text-decoration: line-through
}
.doctor_newPrice {
font-size: 28px;
color: #F56CA8
}
.doctor_regularPrice {
font-size: 28px;
color: #9A9A9A
}
.doctor-block-text-content .reviews_link {
margin-left: 10px;
font-size: 12px
}
.doctor-location_icon {
margin-right: 10px
}
.doctor__image-inner {
border-radius: 150px;
background-color: rgba(245, 108, 168, .4);
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .3s ease;
display: flex;
align-items: center;
padding: 0 33px
}
.doctor-image:hover {
border: 1px solid #FFF;
box-shadow: 0 4px 30px rgba(249, 89, 159, .3)
}
.doctor-image:hover .doctor__image-inner {
opacity: 1
}
.page-map.detail-page--map {
padding-top: 50px
}
.map__button--near.detail_page {
margin-left: 0
}
.service__result {
display: flex;
padding: 20px 70px;
align-items: center;
border-bottom: 1px solid #f5f5f5;
text-decoration: none;
color: inherit;
transition: background .35s ease
}
.service__result:last-child {
border-bottom: none
}
.service__result:hover {
background-color: #F8E8F6
}
.service__results__header {
padding: 65px 0 40px;
text-align: center;
font-size: 22px;
line-height: 46px;
font-weight: 300
}
.pagination__li,
.result__title {
line-height: 26px;
font-size: 20px
}
.service__results__header p {
margin: 0;
padding: 0
}
.result__title {
flex-basis: 675px;
font-weight: 300;
color: #2E2E2E
}
.result__price {
flex-basis: 200px;
flex-grow: 1;
padding-left: 85px
}
.popup_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
z-index: 55
}
.pagination {
margin: 0;
padding: 0;
list-style-type: none
}
.pagination__li {
display: inline-block;
color: #9A9A9A;
text-align: center;
transition: color .3s ease;
padding: 0 5px
}
.breadcrumb__li:last-child:after,
.loadMoreMobile {
display: none
}
.pagination__li a {
color: inherit;
text-decoration: none;
transition: color .3s ease
}
.pagination__li.active,
.pagination__li:hover a {
color: #F56CA8;
font-size: 28px
}
.pagination__li .pagination__arrow {
margin: 0 45px
}
.pagination__arrow svg {
fill: #9A9A9A
}
.pagination__li a:hover .pagination__arrow svg {
fill: #F56CA8
}
.page__services {
background-image: url(/assets/css/../img/service_page_bg.png);
background-position: center;
-webkit-background-size: cover;
background-size: cover
}
.breadcrumbs {
padding: 54px 0 52px
}
.breadcrumb__li {
color: #B9B9B9;
transition: color .35s ease
}
.breadcrumb__li:hover,
.breadcrumb__li:last-child,
.content__h1 {
color: #2E2E2E
}
.breadcrumb__li:after {
content: '>';
padding: 0 8px
}
.content__h1 {
margin: 0 0 38px;
padding: 0;
font-size: 48px;
font-weight: 400;
font-style: normal
}
.page_description p {
margin: 0;
padding: 0;
font-size: 18px;
color: #2E2E2E;
line-height: 27px;
font-weight: 300
}
.popup--text {
font-size: 24px
}
.header-element__icon {
display: flex;
align-items: center
}
.active__search .opened_search_cap,
.visible_desktop {
display: block
}
.dropdown_icon svg {
fill: #F56CA8;
transition: transfrom .3s ease;
transform: rotate(-90deg)
}
.menu__item.active .dropdown_icon svg,
.menu__item:hover .dropdown_icon svg {
transform: rotate(0)
}
.opened_search_cap {
width: 225px;
height: 42px
}
.footer--social-block {
box-shadow: inset 0 0 0 38px #F08BB7;
-webkit-transform: scale3d(.9, .9, 1);
transform: scale3d(.9, .9, 1);
transition: box-shadow .3s ease, transform .3s ease
}
.footer--social-block:hover svg {
opacity: 0
}
.footer--social-block:hover {
box-shadow: inset 0 0 0 1px #F08BB7;
background-position: center;
background-repeat: no-repeat;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1)
}
.footer--social-block.fb:hover {
background-image: url(/assets/css/../img/active_icons/fb.svg)
}
.footer--social-block.vk:hover {
background-image: url(/assets/css/../img/active_icons/vk.svg)
}
.footer--social-block.yt:hover {
background-image: url(/assets/css/../img/active_icons/youtube.svg)
}
.footer--social-block.inst:hover {
background-image: url(/assets/css/../img/active_icons/insta.svg)
}
.hide_desktop {
display: none
}
.container.full-container {
padding-left: 0;
padding-right: 0
}
.ph-location {
order: 2
}
.ph-location__text {
font-size: 12px
}
.ph-location__text a {
color: #F08BB7;
text-decoration: underline;
font-weight: 400
}
.ph-book .button {
width: 162px;
height: 42px;
Font-size: 14px;
Line-height: 16px;
font-weight: 500;
letter-spacing: normal
}
.page-header {
border-bottom: 0
}
.menu {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0 15px
}
.menu__item {
line-height: normal;
font-size: 16px;
text-align: center;
color: #2E2E2E;
padding: 12px 0;
flex-grow: 1;
transition: color .4s linear;
border-bottom: 2px solid transparent
}
.menu__item.active,
.menu__item:hover {
color: #F56CA8;
border-bottom: 2px solid #F56CA8
}
.menu__item a {
color: inherit;
text-decoration: none
}
.menu__search-input {
background: #FFF;
border: 1px solid #9A9A9A;
border-radius: 21px;
height: 42px;
line-height: 42px;
width: 225px;
padding-left: 60px
}
.menu__search-input::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-input:-moz-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-input::-moz-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-input:-ms-input-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 18px
}
.footer--social-block {
cursor: pointer;
pointer-events: visible;
display: inline-block
}
.menu__search-icon--close {
right: 20px;
left: unset;
cursor: pointer
}
.active__search .menu__search-input {
border-radius: 21px;
margin: 0 auto;
width: 100%;
display: block;
padding-left: 60px;
border: 1px solid #9A9A9A;
z-index: 10
}
.valued_search.active__search .menu__search-input {
width: 364px;
margin: 0 auto;
padding-left: 10px;
background-color: transparent;
border: none;
border-radius: 0;
border-bottom: 1px solid #9A9A9A
}
.active__search .opened_menu_wrapper {
position: absolute;
top: -1px;
width: 463px;
right: 0;
background-color: #fff;
border-radius: 20px
}
.valued_search.active__search .opened_menu_wrapper {
border: 1px solid #96B4E8;
border-bottom: none;
border-radius: 20px 20px 0 0
}
.active__search .menu__search__autocomplete {
display: none;
position: absolute;
top: 100%;
right: 1px;
width: 461px;
z-index: 20;
border: 1px solid #96B4E8;
border-radius: 0 0 21px 21px;
border-top: 0;
min-height: 80px;
box-sizing: content-box;
background-color: #fff;
margin: 0 -1px
}
.valued_search.active__search .menu__search__autocomplete {
display: block
}
.autocomplete__results {
padding: 9px 30px 18px 50px
}
.autocomplete__item {
padding: 8px 0;
transition: background .35s ease-in-out;
margin: -1px -30px 0 -50px
}
.autocomplete_results_group {
font-size: 12px;
text-transform: uppercase;
color: #B3B3B3;
line-height: 33px;
border-bottom: 1px solid #A7C9E4;
padding-left: 10px
}
.autocomplete_results_group.active_group {
color: #6999C0
}
.autocomplete__item:hover {
background: #ECF2FE
}
.autocomplete__more-link {
padding: 0 0 23px
}
.autocomplete__item>
div {
float: left
}
.autocomplete__item-title {
font-weight: 300;
font-size: 14px;
color: #2E2E2E;
width: 253px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.autocomplete__item:after,
.autocomplete__item:before {
content: " ";
display: table
}
.autocomplete__item:after {
clear: both
}
.autocomplete__item-title a {
color: inherit;
text-decoration: none;
padding-left: 73px
}
.autocomplete__item-price .old_price {
font-weight: 300;
line-height: normal;
font-size: 12px;
text-decoration-line: line-through;
margin-right: 5px;
width: unset;
display: inline-block;
color: #A0A0A0
}
.share,
.share__button {
height: 42px;
line-height: 42px
}
.autocomplete__item-price .new_price {
font-size: 16px;
color: #F56CA8;
display: inline-block;
min-width: 76px;
max-width: 95px
}
.autocomplete__item-price {
padding-left: 10px;
width: 170px;
text-align: right
}
.active__search .menu__search-icon--close {
display: block
}
.menu_nav_wrapper {
transition: all .4s ease
}
.sticky .menu_nav_wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
background-color: rgba(255, 255, 255, .85)
}
.sticky .menu_nav_wrapper .menu {
margin: 0 auto
}
.sticky .page-header {
margin-bottom: 50px
}
.share {
transition: border .35s ease, width .45s ease;
border: 1px solid transparent;
border-radius: 21px;
display: inline-block;
width: auto;
position: relative
}
.share.active {
width: 370px;
border: 1px solid #9A9A9A;
padding-left: 60px;
padding-right: 25px;
display: flex;
justify-content: space-between
}
.share.active .share__button {
display: none
}
.share.active .share__close {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 24px
}
.share.active .share_icon {
display: block
}
.share_icon {
display: none;
cursor: pointer
}
.share__button {
display: block;
color: #9A9A9A;
font-size: 14px
}
.share-button__icon {
padding-left: 8px
}
.detail-page_title h1 {
color: #2E2E2E;
font-size: 40px;
line-height: 52px;
font-weight: 400;
margin: 0;
padding: 0
}
.tabs__row {
border-bottom: 1px solid #b8b8b8
}
.tabs__wrap {
display: flex;
justify-content: flex-start;
font-size: 18px;
color: #9A9A9A;
line-height: 21px;
font-weight: 400;
text-align: center
}
.tab__caption {
flex-grow: 1;
cursor: pointer;
transition: color .35s ease;
flex-shrink: 0;
max-width: 236px
}
.tab__caption span {
display: block;
position: relative;
padding: 0 0 27px
}
.tab__caption span:after {
content: '';
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 0;
background-color: #F56CA8;
transition: height .35s ease
}
.tab__caption.active,
.tab__caption:hover {
color: #F56CA8;
font-weight: 500
}
.tab__caption.active span:after,
.tab__caption:hover span:after {
height: 2px
}
.tabs__content {
display: block;
padding-top: 45px;
font-size: 18px;
font-weight: 300;
color: #2E2E2E;
line-height: 27px;
padding-bottom: 75px
}
.tab {
display: none;
position: relative
}
.tab__text {
max-height: 160px;
height: 100%;
overflow: hidden
}
.tab__text p {
margin: 0
}
.tab.active {
display: block
}
.tab.opened .tab__text {
max-height: none
}
.tab.opened .tab__overlay {
display: none
}
.tab__overlay {
position: absolute;
top: 50%;
left: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0, #FFF 41.53%);
width: 100%;
height: 140px
}
.tab__overlay-button {
width: 24px;
height: 21px;
background: url(/assets/css/../img/ui/show_more_overlay.svg) center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 30px;
cursor: pointer
}
.doctor-selection__caption {
text-align: center;
color: #F56CA8
}
.doctor-selection__caption h3 {
margin: 0;
font-size: 40px;
font-weight: 500;
padding: 0
}
.doctor-selection__selects--row {
padding-top: 40px;
padding-bottom: 100px
}
.doctor-selection__selects {
display: flex
}
.doctors__search-results {
display: none;
padding-top: 80px
}
.doctor-selection__block {
flex-grow: 1;
margin-left: 22px
}
.doctor-selection__block:first-child {
margin-left: 0
}
.doctor-selection__block.doctor-selection__button--details {
flex-grow: 0;
flex-basis: 294px
}
.doctor-selection__block.doctor-selection__button--details.--doctorsPageButton {
flex-basis: 175px
}
.doctor-selection__block {
flex-basis: 310px
}
.default__page-credentials {
color: #2E2E2E
}
.default__page-title {
font-size: 48px;
line-height: 62px;
font-weight: 400;
margin: 0;
padding: 0
}
.page__description,
.page_additional-text {
font-weight: 300;
font-size: 18px
}
.page__description p {
margin: 0;
padding: 0
}
.page_additional-text {
line-height: 27px;
color: #2E2E2E
}
}
@media (min-width:1171px) {
.doctor-image,
.doctor__image-inner {
border-radius: 170px
}
.custom_select,
.footer--socials__block-title {
text-align: left
}
.popup_overlay.callMe .popup,
.write__feedback .popup {
width: 1170px
}
.main-logo__sublogo {
display: none
}
.footer--contacts-text {
max-width: 240px
}
.doctor-block {
flex-basis: 340px
}
.doctor-image {
height: 340px;
width: 340px;
box-shadow: 0 8px 20px rgba(0, 0, 0, .05)
}
.doctor-price span {
display: inline-block
}
.doctor-selection.detail_page .doctor-selection__selects {
margin: 0 auto
}
.custom_select {
font-size: 20px;
margin-top: 0
}
.custom_select_value {
padding-left: 44px;
color: #5084AE
}
.popup {
width: 715px;
padding: 79px 0
}
.popup--text {
line-height: 37px;
width: 527px
}
.header-element__icon {
margin-right: 11px
}
.ph-schedule .header_element__text span {
font-size: 13px;
line-height: 21px;
display: inline-block
}
.main-logo__sublogo svg {
width: 84px
}
.p-m__infowindow--schedule {
font-size: 12px
}
.header_background {
background: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}
.ph-location__text {
font-size: 14px
}
.page-header__element {
font-size: 12px
}
.header-phone__text-big {
font-size: 16px
}
.header-phone__text a {
font-size: 12px
}
.page-header {
align-items: flex-start;
padding-top: 15px;
justify-content: space-between
}
.page-header__element.ph-phone {
width: 240px
}
.page-header__element.ph-schedule {
width: 220px
}
.page-header__element.ph-personal-area {
padding-left: 21px
}
.header_element__text.ph-location__text {
width: 195px
}
.menu__item {
font-size: 20px;
margin: 0 5px;
padding-left: 6px;
padding-right: 5px
}
.menu__item:first-child {
flex-grow: 0
}
.page-slider__image {
height: 666px
}
.bg-section__content-block {
flex-basis: 559px
}
.content-section__background-block {
flex-basis: 0;
flex-grow: 0
}
.desktop--socials-row {
top: 333px
}
.page-slider__content .page-slide__title {
font-size: 52px
}
.page-slider__content p {
font-size: 20px
}
.page-slider__content {
width: 431px
}
.bg-section__list-content {
width: 370px
}
.selling-block__description {
font-weight: 400
}
.page-book__form--checkbox-text {
text-align: left;
padding-left: 8px
}
.footer-logo-image svg {
width: 160px;
height: 50px
}
.footer-logo-subimage svg {
width: 181px;
height: 15px
}
}
.button,
.custom_select,
.popup {
text-align: center
}
.button a,
.button__text a,
.reviews_link {
text-decoration: none
}
@media (min-width:961px) and (max-width:1170px) {
.result__title {
flex-basis: 450px
}
}
@media (min-width:320px) and (max-width:961px) {
.breadcrumb__li {
display: none
}
}
.video-thumb-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
fieldset,
hr {
border: 0;
padding: 0
}
.video-thumb-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.doctor-selection__block.doc_direction,
.doctor-selection__block.doc_service {
max-width: 25%
}
@media (max-width:960px) {
.doctor-selection__block.doc_direction,
.doctor-selection__block.doc_service {
max-width: 100%
}
}
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
font-family: Roboto, sans-serif
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
hr {
display: block;
height: 1px;
border-top: 1px solid #ccc;
margin: 1em 0
}
fieldset {
margin: 0
}
textarea {
resize: vertical
}
.browserupgrade {
margin: .2em 0;
background: #ccc;
color: #000;
padding: .2em 0
}
.button {
border-radius: 21px;
width: 111px;
height: 42px;
position: relative;
font-weight: 500;
transition: background .35s ease-in-out;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none
}
.button:after,
.button:before {
z-index: 1;
pointer-events: none;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
content: ''
}
.button:after,
.button:before,
.button__text {
position: absolute;
left: 0
}
.button:before {
border-radius: inherit;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
border: 1px solid #37474f;
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.button:after {
border-radius: inherit;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}
.button:hover:after {
opacity: 0;
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.button:hover:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.button.small {
height: 25px
}
.button.medium {
width: 220px
}
.button a {
color: inherit
}
.button.default {
font-Size: 10px;
line-height: 12px;
color: #FFF;
letter-spacing: 1.1px
}
.button.default:before {
border-color: #F56CA8
}
.button.default.default_hover_white:before {
border-color: #FFF
}
.button.default svg {
fill: #FFF
}
.button.default:hover svg,
.button.whiteBg svg {
fill: #F56CA8
}
.button.default:hover {
background: 0 0;
color: #F56CA8
}
.button.button_arrow_padding svg,
.map__button--near.button_arrow_padding svg {
margin-left: 10px
}
.button__text {
top: 50%;
transform: translateY(-50%);
width: 100%;
transition: color .4s linear;
z-index: 2;
letter-spacing: 1.1px
}
.button__text a {
color: inherit
}
.button.whiteBg {
font-size: 14px;
color: #F56CA8;
font-weight: 500
}
.button.whiteBg:hover {
background-color: transparent;
color: #FFF
}
.button.whiteBg:hover svg {
fill: #FFF
}
.button.whiteBg:after {
background: #FFF
}
.button.transparentBlue,
.button.transparentWhite {
background-color: transparent;
font-size: 14px;
font-weight: 500
}
.button.whiteBg:before {
border-color: #F56CA8
}
.button.transparentWhite {
border: 1px solid #FFF;
color: #FFF
}
.button.transparentBlue {
color: #E32478
}
.button.transparentBlue svg {
fill: #F56CA8
}
.button.transparentBlue:hover {
color: #FFF;
border: none
}
.button.transparentBlue:hover svg {
fill: #FFF
}
.button.transparentBlue:after {
background: 0 0;
border: 1px solid #2D71DE
}
.button.transparentBlue:hover:after {
border-radius: 21px;
border: none
}
.button.transparentBlue:before {
border-color: transparent;
background: linear-gradient(90deg, #A7C9E4 0, #C7E2F5 100%)
}
.button.transparentPink {
font-size: 14px;
color: #F56CA8;
font-weight: 500
}
.button.transparentPink svg {
fill: #F56CA8
}
.button.transparentPink.extraHover:hover svg,
.map__button--near svg {
fill: #FFF
}
.button.transparentPink:hover {
border: none;
background-color: #fff
}
.button.transparentPink.extraHover:hover {
background: linear-gradient(90deg, #F56CA8 0, #F08BB7 100%);
color: #FFF
}
.button.transparentPink:after {
background: 0 0;
border: 1px solid #F56CA8
}
.button.transparentPink:hover:after {
border: none
}
.button.transparentPink:before {
border-color: #FFF
}
.popup {
position: fixed;
background-color: #fff;
border-radius: 10px;
border: 1px solid #F08BB7;
left: 0;
right: 0;
margin: auto;
z-index: 55;
top: 20%;
padding: 15px 0;
width: 90%;
color: #4D4D4D
}
.popup--text {
width: 80%;
margin: 0 auto;
padding: 30px 0;
font-size: 18px;
font-weight: 300
}
.popup--text p {
margin: 5px 0
}
.popup--button-wrap {
padding: 0 15px
}
.button__popup {
width: 100%;
margin: 0 auto
}
.button.fullWidth {
width: 100%
}
.map__button--near {
transition: background .45s linear
}
.map__button--near:hover svg,
.scroll_button:hover svg {
fill: #F56CA8
}
.map__button--near:hover {
background: 0 0;
color: #F56CA8
}
.custom_select.error svg *,
.datepicker.error svg *,
.page-clinics__form-block.error svg * {
fill: #E3267A
}
.checkbox.active:after {
content: '';
width: 24px;
height: 18px;
display: block;
position: absolute;
left: 3px;
bottom: 5px;
background-image: url(/assets/css/../img/ui/checkBoxArrow.svg)
}
.checkbox-container input[type=checkbox] {
display: none
}
.rating_star,
.rating_wrapper {
display: inline-block
}
.checkbox-container .checkbox {
display: inline-block;
border: 1px solid #9A9A9A;
width: 18px;
height: 18px;
background-color: transparent;
position: relative
}
.checkbox-container .checkbox:after,
.checkbox-container .checkbox:before {
content: "";
position: absolute;
width: 0;
height: 2px;
background: #70B458
}
.checkbox-container .checkbox:after {
-webkit-transform: translate(3px, 10px) rotate(-50deg);
transform: translate(3px, 10px) rotate(-50deg);
-webkit-transform-origin: left;
transform-origin: left;
transition: all 150ms;
transition-delay: 0s
}
.checkbox-container .checkbox:before {
-webkit-transform: translate(-3px, 3px) rotate(45deg);
transform: translate(-3px, 3px) rotate(45deg);
-webkit-transform-origin: left;
transform-origin: left;
transition: all 150ms;
transition-delay: 150ms
}
.checkbox-container input[type=checkbox]:checked~.checkbox:before {
width: 10px;
transition-delay: 0s
}
.checkbox-container input[type=checkbox]:checked~.checkbox:after {
width: 20px;
transition-delay: 150ms
}
.rating_star {
width: 12px;
height: 12px;
background-image: url(/assets/css/../img/ui/star.svg)
}
.rating_star.active {
background-image: url(/assets/css/../img/ui/filled_star.svg)
}
.reviews_link {
color: #96B4E8
}
.custom_select {
border-radius: 21px;
background-color: #fff;
border: 1px solid #96B4E8;
width: 100%;
height: 42px;
font-size: 14px;
font-weight: 400;
overflow: hidden;
position: relative;
z-index: 10
}
.custom_select.active {
overflow: visible;
border-bottom: none;
border-radius: 21px 21px 0 0;
z-index: 20
}
.custom_select_value {
width: 100%;
position: relative;
line-height: 42px;
border-radius: inherit;
z-index: 15
}
.custom_select_selects_wrap {
position: absolute;
top: 100%;
left: -1px;
right: -1px;
padding: 9px 0 19px;
border: 1px solid #96B4E8;
border-top: 0;
background-color: #fff;
z-index: 10;
border-radius: 0 0 21px 21px;
text-align: left
}
.custom_select.custom_select--booking .custom_select_value {
background-color: #ECF2FE;
color: #96B4E8
}
.custom_select.custom_select--booking.active .custom_select_value {
border-bottom: 1px solid #96B4E8
}
.custom_select_item span {
display: block;
padding: 20px 0
}
.custom_select.custom_select--booking .custom_select_item {
min-height: 56px;
line-height: 1;
padding: 0 25px;
color: #2E2E2E;
transition: background .3s ease
}
.custom_select.custom_select--booking .custom_select_item span {
border-bottom: 1px solid #C4C4C4
}
.custom_select.custom_select--booking .custom_select_selects {
height: 224px
}
.custom_select.clinics_select .custom_select_selects {
height: 560px
}
.custom_select.custom_select--booking .simplebar-scrollbar:before {
background-color: #D4E2FF;
border-radius: 21px
}
.custom_select.custom_select--booking .simplebar-track.vertical {
background-color: #F6F6F6;
border-radius: 21px
}
.custom_select.custom_select--booking .custom_select_item:hover {
background-color: #ECF2FE;
font-weight: 500
}
.custom_select.custom_select--booking .custom_select_item:hover span {
border: none
}
.custom_select--booking.page-book__valued_form .custom_select_value {
background-color: #fff;
color: #2E2E2E
}
.custom_select .custom_select_item.pinkColor {
color: #F56CA8;
letter-spacing: -1px
}
.custom_select.error,
.page-clinics__form-block .custom_select.error .custom_select_value {
color: #E3267A !important
}
.custom_select_item_icon {
margin-right: 10px
}
.page-clinics__select-dropdown {
transition: transform .3s ease
}
.custom_select.active .page-clinics__select-dropdown {
transform: translateY(-50%) rotate(90deg)
}
.custom_select.error {
border-color: #E3267A !important;
background-color: #FFECED !important
}
.custom_select.error .custom_select_value {
background-color: inherit
}
.custom_select.noErrors,
.page-clinics__form-input.noErrors {
background-color: #EFF8EB !important
}
.page-clinics__form-input.error {
border-color: #E3267A !important;
background-color: #FFECED !important;
color: #E3267A !important
}
.page-clinics__form-input.error::-webkit-input-placeholder {
color: #E3267A !important
}
.page-clinics__form-input.error:-moz-placeholder {
color: #E3267A !important
}
.page-clinics__form-input.error::-moz-placeholder {
color: #E3267A !important
}
.page-clinics__form-input.error:-ms-input-placeholder {
color: #E3267A !important
}
@media (min-width:320px) and (max-width:961px) {
.mobile-menu__search-box.active .search-box__form-input {
border: none
}
.mobile-menu__search-box.active {
border: 1px solid #CDCDCD;
border-radius: 21px
}
.write__feedback .popup--text>
span {
font-weight: 400;
line-height: 42px;
font-size: 24px;
text-align: center;
margin-bottom: 35px;
color: #4D4D4D
}
.popup_overlay.callMe .popup {
width: 90%;
overflow-y: auto;
top: 10%
}
.popup_overlay.write__feedback .popup {
padding-bottom: 0
}
.popup_overlay.write__feedback .popup .popup--button-wrap {
padding-bottom: 15px
}
.popup__overlay.booking__overlay .popup,
.popup_overlay.callMe .popup,
.popup_overlay.write__feedback .popup {
max-height: 100%;
height: unset !important;
bottom: 5%
}
.container .page-book {
padding-top: 50px
}
.page-book .page-book__title .h2,
.page-book .page-book__title h2 {
padding-bottom: 10px
}
.page-book .page-book__form--checkbox-wrap .checkbox-container {
text-align: left;
position: relative
}
.page-book .page-book__form--checkbox-wrap .checkbox-container .page-book__form--checkbox-text {
padding-left: 45px;
display: block
}
.page-book .page-book__form--checkbox-wrap {
padding: 30px 0 25px
}
.page-book .page-book__form--checkbox-wrap .checkbox-container .checkbox {
position: absolute;
top: 0;
left: 3px
}
.content-sections__block.bg_light_blue .color_mobile_violet {
color: #827CDC
}
.page-doctors__content .page-doctors__description {
line-height: 21px;
height: 147px;
overflow: hidden
}
.content-section__search .content-section__search__input {
text-align: left;
padding-left: 28px;
font-size: 14px
}
.content-section__search .content-section__search__input::-webkit-input-placeholder {
font-size: 14px;
letter-spacing: .1em
}
.content-section__search .content-section__search__input:-moz-placeholder {
font-size: 13px;
letter-spacing: .1em
}
.content-section__search .content-section__search__input::-moz-placeholder {
font-size: 13px;
letter-spacing: .1em
}
.content-section__search .content-section__search__input:-ms-input-placeholder {
font-size: 13px;
letter-spacing: .1em
}
.content-section__search .content-section__search__icon {
right: 20px;
top: 47%
}
.content-sections__block .content-section__buttons {
margin-left: -20px
}
.content-sections__block.bg_pink {
background: linear-gradient(134.46deg, #F7ADCE 33.79%, #F9CCE0 100.25%);
background-color: transparent !important
}
.page-header__element.ph-book .button__text {
font-weight: 400
}
.page-slider__image {
background-position: center center !important
}
.custom_select.custom_select--booking .custom_select_value {
text-align: left !important;
padding: 0 0 0 60px !important
}
.page-clinics__form-block .page-clinics__form-input {
text-align: left;
padding: 0 0 0 60px;
font-size: 14px
}
.page-clinics .page-clinics__title {
margin-bottom: 35px
}
.page-clinics .page-clinics__buttons {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 65px
}
.page-map .page-map__section-heading h2 {
margin-bottom: 7px
}
.page-clinics__form .page-clinics__buttons .button.transparentBlue .button__text {
font-weight: 500
}
.page-clinics__form .page-clinics__buttons .button. .button__text {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input::-webkit-input-placeholder {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input:-moz-placeholder {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input::-moz-placeholder {
font-weight: 400
}
.page-clinics__form-block .page-clinics__form-input:-ms-input-placeholder {
font-weight: 400
}
.popup {
top: 10% !important;
max-height: 100%;
overflow-y: auto;
padding: 40px 0
}
.section-divider .scroll_button svg {
margin-right: 5px
}
.section-divider .scroll_button span {
letter-spacing: .1em
}
.footer--socials-row .footer--social-block {
background: linear-gradient(135.74deg, #F56CA8 0, #F08BB7 100%);
box-shadow: none
}
.page-doctors__wrapper {
background: url(/assets/css/../img/mobile__doctors-slider--bg.png) center no-repeat !important;
-webkit-background-size: cover !important;
background-size: cover !important
}
.list__item {
padding: 0 15px;
display: flex;
align-items: center;
flex-wrap: wrap
}
.list__item>
div {
flex-basis: 100%;
flex-grow: 1;
padding: 15px 0 15px 40px;
display: none
}
.list__item>
div.list__item-title {
display: block;
padding: 15px 0;
position: relative
}
.list__item>
div.list__item-title:after {
content: '';
width: 8px;
height: 15px;
background-image: url(/assets/css/../img/clinics_list_dropdown.svg);
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: transform .35s ease
}
.list__item.toggled>
div.list__item-title:after {
transform: translateY(-50%) rotate(90deg)
}
.list__item.toggled>
div {
display: block
}
.list__item.toggled>
div.list__item-col {
display: flex;
align-items: center
}
.list__item-icon {
margin-right: 10px
}
.bg_blue,
.bg_light_pink,
.bg_pink {
position: relative;
overflow: hidden
}
.bg_pink:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/assets/css/../img/mobile_pink_bg.png);
mix-blend-mode: overlay;
transform: matrix(.87, .33, -.58, .92, 0, 0)
}
.content-sections__block.bg_blue {
background: no-repeat unset;
background-image: url(/assets/css/../img/mobile_blue_bg_1.png), linear-gradient(168.52deg, #A7C9E4 -7.22%, #C7E2F5 94.15%);
background-size: cover
}
.content-sections__block.bg_light_pink {
background: no-repeat unset;
background-image: url(/assets/css/../img/mobile_pink_bg_2.png), linear-gradient(147.38deg, #FAEAF4 0, #FDF7F9 100.2%);
background-size: cover
}
.content-sections__block.bg_light_blue {
background: no-repeat unset;
background-image: url(/assets/css/../img/mobile_blue_bg_2.png), linear-gradient(147.38deg, #FAEAF4 0, #FDF7F9 100.2%);
background-size: cover
}
.content-section--tablet__middle,
.content-section__background-block {
z-index: 20
}
.page-map__tabs-wrap .page-map__tab-title span {
font-weight: 500;
display: block;
position: relative;
padding: 12px 0;
letter-spacing: .1em
}
.page-map__tabs-wrap .page-map__tab-title {
padding: 0
}
.page-map__section-heading {
box-shadow: 0 4px 10px rgba(0, 0, 0, .08) !important;
z-index: 2;
position: relative
}
.page-map__tabs-wrap .page-map__tab-title.active span:after {
top: 100%;
position: absolute;
height: 2px
}
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto
}
.page-header {
display: flex;
padding: 0 20px;
height: 65px;
align-items: center;
border-bottom: 1px solid #F56CA8;
justify-content: space-between
}
.menu__search {
transition: width .5s linear
}
.menu__item {
position: relative
}
.menu_dropdown {
display: none;
position: absolute;
top: 104%;
width: 250px;
left: 0;
background: #FFF;
box-sizing: border-box;
border-radius: 0 20px 20px 21px;
border: 1px solid #F56CA8;
z-index: 20;
list-style-type: none;
margin: 0;
padding: 0
}
.menu__item:hover>
.menu_dropdown {
display: block
}
.menu_dropdown li {
display: block;
transition: background .4s ease-in-out
}
.menu_dropdown li:hover {
background: #FFF5F9;
margin-top: -1px
}
.menu_dropdown li:last-child {
border-radius: 0 0 20px 21px
}
.menu_dropdown li:first-child {
border-radius: 0 20px 0 0
}
.menu_dropdown li:first-child:hover {
margin-top: 0
}
.menu_dropdown li a {
display: block;
padding: 0 29px;
text-transform: none;
font-size: 16px;
line-height: 19px;
text-align: left;
color: #2E2E2E;
transition: color .4s ease, font-weight .35s ease
}
.menu_dropdown li a span {
display: block;
height: 100%;
border-bottom: 1px solid #d5d5d5;
padding: 19px 0
}
.menu_dropdown li:hover a span {
border-color: transparent
}
.menu_dropdown li:last-child a span {
border-bottom: none;
padding-bottom: 30px
}
.menu_dropdown li:hover a {
font-weight: 500;
color: #F56CA8
}
.mobile-menu {
position: fixed;
overflow-y: scroll;
height: 100%;
top: 0;
left: 0;
width: 100%;
z-index: 20;
background-color: #fff
}
.mobile-menu__content {
padding: 20px
}
.mobile-menu__logo-row {
padding: 15px 0;
text-align: center
}
.mobile-menu__search-box {
position: relative
}
.search-box__form-input {
border: 1px solid #CDCDCD;
border-radius: 20px;
height: 42px;
line-height: 42px;
width: 100%;
text-align: left;
font-size: 16px;
font-weight: 400;
color: #2E2E2E;
padding-left: 59px
}
.search-box__form-placeholder,
.search-box__icon {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%)
}
.search-box__icon {
top: 22px
}
.search-box__form-placeholder {
left: 55px;
color: #9A9A9A;
font-size: 16px;
font-weight: 300;
display: none
}
.search-box__form-input::-webkit-input-placeholder {
font-size: 16px;
font-weight: 300;
color: #9A9A9A
}
.search-box__form-input:-moz-placeholder {
font-size: 16px;
font-weight: 300;
color: #9A9A9A
}
.search-box__form-input::-moz-placeholder {
font-size: 16px;
font-weight: 300;
color: #9A9A9A
}
.search-box__form-input:-ms-input-placeholder {
font-size: 16px;
font-weight: 300;
color: #9A9A9A
}
.content-sections__block--rightBackground {
position: relative;
overflow: hidden;
order: 4
}
.mobile-nav-menu {
padding: 0 20px
}
.mobile-menu__items-list {
padding: 20px 0;
color: #2E2E2E;
font-size: 20px
}
.mobile-menu__items-list>
ul>
li {
padding-top: 13px;
padding-bottom: 13px;
position: relative;
display: flex;
flex-wrap: wrap
}
.mobile-menu__items-list ul li {
padding-left: 20px;
padding-right: 20px
}
.mobile-menu__items-list ul {
list-style-type: none;
padding: 0;
margin: 0
}
.mobile-menu__items-list a {
color: inherit;
text-decoration: none;
flex-basis: 100%
}
.mobile-menu__item .mobile-menu__dropdown-list {
padding: 17px 0 0;
font-weight: 300;
line-height: 26px;
font-size: 14px
}
.mobile-menu__dropdown-list li {
padding-top: 4px;
padding-bottom: 4px
}
.mobile-menu__item.active {
color: #F56CA8;
font-weight: 500;
background-color: #FFF5F9;
margin: 0 -20px;
padding-left: 40px;
padding-right: 40px
}
.mobile_menu__dropdown {
position: absolute;
right: 0;
transition: transform .4s linear
}
.mobile_menu__dropdown.active {
transform: rotate(180deg)
}
.mobile-menu__elements {
padding: 0 40px 30px;
color: #2E2E2E
}
.mobile-menu__elem {
display: flex;
align-items: center;
padding: 8px 0 18px
}
.mobile-menu__elem__icon {
padding-right: 10px;
flex-basis: 35px
}
.mobile-menu__elem__content {
display: flex;
flex-direction: column;
line-height: 24px
}
.mobile-menu__elem__content.phone {
font-weight: 500;
line-height: 21px;
font-size: 17px
}
.mobile-menu__elem__content.schedule {
line-height: 21px;
font-weight: 500
}
.mobile-menu__elem__content.schedule em {
font-style: normal;
font-weight: 400;
font-size: 12px
}
.mobile-menu__elem__actionButton {
color: #F08BB7;
font-size: 16px;
text-decoration: underline;
font-weight: 400
}
.mobile-menu__footer {
background-color: #F56CA8;
padding: 60px 40px 200px;
color: #FFF;
font-size: 16px
}
.mobile-menu__socials p {
margin: 25px 0 15px
}
.mobile-menu__socials__icons {
display: flex;
justify-content: center
}
.mobile-menu__socials__icon {
padding: 0 6px
}
.page-slider__slide {
position: relative
}
.page-slider__image {
height: 190px;
width: 100%;
background-position: center left;
-webkit-background-size: cover;
background-size: cover
}
.page-slider__content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
width: 50%
}
.page-slider__content h2,
.page-slider__content h3,
.page-slider__content h4,
.page-slider__content h5 {
font-size: 22px;
line-height: 26px;
font-weight: 500;
margin: 0 0 20px
}
.page-slider__content p {
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: 18px
}
.slide--container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
.benefits {
display: flex;
justify-content: space-around;
padding: 20px 0
}
.benefit__icon svg {
width: 30px;
height: 30px;
opacity: .5
}
.benefit__container.active .benefit__icon svg {
opacity: 1
}
.mobile-benefits {
padding: 0 20px 20px
}
.mobile-benefits__title {
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #F56CA8
}
.mobile-benefits__description {
font-weight: 300;
font-size: 14px;
color: #2E2E2E;
line-height: 21px;
padding-top: 15px
}
.content-sections__block {
padding: 0 20px
}
.content-section .h2,
.content-section h2 {
font-size: 36px;
line-height: 42px;
margin: 0;
padding: 10px 0 25px
}
.content-section__link a {
color: inherit;
font-size: 16px;
line-height: 19px
}
.content-section__price {
font-size: 40px;
line-height: 47px;
font-weight: 500
}
.content-section__button--margin {
margin: 5px 0 20px
}
.content-section__ul {
list-style-type: none;
margin: 0 0 0 9px;
padding: 0
}
.content-section__ul li {
padding-bottom: 25px;
position: relative
}
.content-section__ul li:before {
content: '';
display: inline-block;
width: 7px;
height: 7px;
background-color: #fff;
border-radius: 7px;
position: absolute;
top: 10px;
margin-right: 35px;
z-index: 2
}
.bg_light_pink .content-section__ul li:before {
border: 1px solid #F56CA8
}
.bg_light_pink .content-section__ul li:after {
background-color: #F3B3CD
}
.bg_blue .content-section__ul li:before {
border: 1px solid #548FB9
}
.bg_blue .content-section__ul li:after {
background-color: #4A79D1
}
.content-section__ul li:after {
content: '';
width: 1px;
height: 100%;
position: absolute;
left: 3px;
top: 10px;
z-index: 1
}
.bg_blue .content-section__ul .active {
color: #4A79D1
}
.bg_light_pink .content-section__ul li.active:before {
background-color: #F56CA8
}
.bg_blue .content-section__ul li.active:before {
background-color: #4A79D1
}
.bg_light_pink .content-section__ul .active {
color: #F56CA8
}
.content-section__ul li:last-child:after {
display: none
}
.content-section__ul li span {
display: inline-block;
width: 225px;
margin-left: 35px
}
.content-section__buttons .button {
letter-spacing: 1.5px
}
.content-section__search__input {
width: 100%;
border-radius: 21px;
background-color: #FBE1EC;
border: 1px solid #F56CA8;
text-align: center;
height: 42px
}
.content-section__search__icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%)
}
.content-section__search__input::-webkit-input-placeholder {
font-size: 14px;
font-weight: 500;
color: #DFA0BA;
letter-spacing: 1.5px;
text-transform: uppercase
}
.content-section__search__input:-moz-placeholder {
font-size: 14px;
font-weight: 500;
color: #DFA0BA;
letter-spacing: 1.7px;
text-transform: uppercase
}
.content-section__search__input::-moz-placeholder {
font-size: 14px;
font-weight: 500;
color: #DFA0BA;
letter-spacing: 1.5px;
text-transform: uppercase
}
.content-section__search__input:-ms-input-placeholder {
font-size: 14px;
font-weight: 500;
color: #DFA0BA;
letter-spacing: 1.5px;
text-transform: uppercase
}
.bg_blue .content-section__search__input {
background-color: #A2C5E3;
border-color: transparent
}
.bg_blue .content-section__search__input::-webkit-input-placeholder {
font-size: 14px;
font-weight: 500;
color: #FFF;
letter-spacing: 1.5px;
text-transform: uppercase
}
.bg_blue .content-section__search__input:-moz-placeholder {
font-size: 14px;
font-weight: 500;
color: #FFF;
letter-spacing: 1.7px;
text-transform: uppercase
}
.bg_blue .content-section__search__input::-moz-placeholder {
font-size: 14px;
font-weight: 500;
color: #FFF;
letter-spacing: 1.5px;
text-transform: uppercase
}
.bg_blue .content-section__search__input:-ms-input-placeholder {
font-size: 14px;
font-weight: 500;
color: #FFF;
letter-spacing: 1.5px;
text-transform: uppercase
}
.content-section__selling-block {
padding: 40px 0 0
}
.map__button--near-icon {
display: none
}
.menu__search-input:focus {
outline: 0
}
.page-doctors__wrapper {
background: linear-gradient(138.89deg, #F56CA8 -1.67%, #F9C0D9 105.57%);
height: 405px
}
.page-clinics {
padding-top: 310px
}
.page-clinics__title {
font-size: 22px;
font-weight: 500;
line-height: 26px;
text-align: center;
margin-bottom: 12px
}
.page-book__form input,
.page-clinics__form-select,
.tempforSize {
font-size: 14px;
line-height: 16px;
font-weight: 500
}
.page-clinics__form-input {
width: 100%;
height: 42px;
background-color: #ECF2FE;
border: 1px solid #96B4E8;
border-radius: 21px;
text-align: center
}
.page-clinics__form-input::-webkit-input-placeholder {
font-size: 14px;
font-weight: 500;
color: #96B4E8
}
.page-clinics__form-input:-moz-placeholder {
font-size: 14px;
font-weight: 500;
color: #96B4E8
}
.page-clinics__form-input::-moz-placeholder {
font-size: 14px;
font-weight: 500;
color: #96B4E8
}
.page-clinics__form-input:-ms-input-placeholder {
font-size: 14px;
font-weight: 500;
color: #96B4E8
}
.page-clinics__form-icon {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%)
}
.page-clinics__form-block {
margin-top: 24px
}
.page-clinics__form-select {
width: 100%;
height: 42px;
background-color: #ECF2FE;
border: 1px solid #96B4E8;
border-radius: 21px;
appearance: none;
color: #96B4E8
}
.scroll_button svg {
fill: #000;
transition: fill .4s ease
}
.page-clinics__select-dropdown {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%)
}
.page-clinics__buttons {
padding-top: 40px;
padding-bottom: 50px
}
.page-clinics__buttons--margin {
margin-bottom: 20px
}
.page-book {
padding: 60px 20px
}
.page-book__form input {
color: #96B4E8
}
.page-book__form input.page-book__valued_form,
.page-clinics__form-input.page-book__valued_form {
background-color: #fff;
color: #2E2E2E;
font-weight: 400
}
.page-book__form--checkbox-wrap {
padding: 30px 15px 25px;
display: flex
}
.page-book__form--checkbox-icon {
flex-basis: 40px
}
.page-book__form--checkbox-text {
font-size: 12px;
color: #707070;
line-height: 18px
}
.footer {
padding: 50px 40px;
text-align: center;
background: linear-gradient(150.9deg, #EEF5FD -1.55%, #DCECF9 74.19%)
}
.footer-logo-subimage {
padding-top: 10px
}
.footer--navigation-ul {
list-style-type: none;
margin: 40px -40px;
padding: 0;
color: #2E2E2E
}
.footer--navigation-ul li a {
display: block;
font-size: 20px;
line-height: 23px;
text-decoration: none;
color: inherit;
padding: 13px 0
}
.footer--navigation-ul li.active {
background-color: #D2E6FB;
color: #F56CA8;
font-weight: 500
}
.footer--subscription-input {
border: 1px solid #CDCDCD;
border-radius: 20px;
height: 42px;
line-height: 42px;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #2E2E2E;
margin: 18px 0
}
.footer--subscription-input::-webkit-input-placeholder {
color: #9A9A9A;
font-weight: 300;
font-size: 16px
}
.footer--subscription-input:-moz-placeholder {
color: #9A9A9A;
font-weight: 300;
font-size: 16px
}
.footer--subscription-input::-moz-placeholder {
color: #9A9A9A;
font-weight: 300;
font-size: 16px
}
.footer--subscription-input:-ms-input-placeholder {
color: #9A9A9A;
font-weight: 300;
font-size: 16px
}
.footer--socials {
padding: 45px 0
}
.paddingLeft20,
.paddingSide20 {
padding-left: 20px
}
.footer--socials-row {
display: flex;
justify-content: center;
padding-top: 15px
}
.footer--social-block {
margin: 0 6px;
flex-basis: 38px;
height: 38px;
border-radius: 10px;
box-shadow: inset 0 0 0 38px #F08BB7;
position: relative
}
.footer--social-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto
}
.footer--divider {
margin: 52px -40px;
height: 1px;
background-color: #9A9A9A
}
.footer--copyrights {
color: #9A9A9A;
font-size: 10px;
line-height: 12px;
marign: 0 -40px
}
.footer--copyrights p a,
.page-book__form--checkbox-text a,
.scroll_button {
color: inherit;
text-decoration: none
}
.footer--copyrights p {
margin: 0 0 12px
}
.content-sections {
display: flex;
flex-wrap: wrap
}
.content-sections__block {
flex-basis: 100%
}
.footer-logo-image svg {
width: 178px;
height: 55px
}
.footer-logo-subimage svg {
width: 200px;
height: 17px
}
.disable__container {
margin: 0 -20px
}
.footer--navigation-ul--level2 {
display: none
}
.header-phone__button.header-element__icon,
.menu-button,
.noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.popup--close svg {
stroke: #F08BB7
}
.popup--close {
position: absolute;
top: 35px;
right: 35px
}
.share__button {
text-transform: capitalize
}
.mZero {
margin: 0
}
.mt15 {
margin-top: 15px
}
.ml15 {
margin-left: 15px
}
.text-align_center {
text-align: center
}
.fw_bold {
font-weight: 700
}
.fw_medium {
font-weight: 500
}
.fw_regular {
font-weight: 400
}
.fw_light {
font-weight: 300
}
.fz-22 {
font-size: 22px
}
.fz-18 {
font-size: 18px
}
.fz-16 {
font-size: 16px
}
.fz-14 {
font-size: 14px
}
.fz-12 {
font-size: 12px
}
.color_white {
color: #FFF
}
.color_black {
color: #000
}
.color_brown {
color: #2E2E2E
}
.color_dark_pink {
color: #E3267A
}
.color_light_pink {
color: #F56BA9
}
.color_pink {
color: #F56CA8
}
.color_blue {
color: #4583DF
}
.colorPurple {
color: #827CDC
}
.paddingSide20 {
padding-right: 20px
}
.paddingVertical35 {
padding-top: 35px;
padding-bottom: 35px
}
.paddingVertical25 {
padding-top: 25px;
padding-bottom: 25px
}
.paddingVertical20 {
padding-top: 20px;
padding-bottom: 20px
}
.paddingVertical10 {
padding-top: 10px;
padding-bottom: 10px
}
.paddingVertical5 {
padding-top: 5px;
padding-bottom: 5px
}
.paddingTop25 {
padding-top: 25px
}
.paddingTop30 {
padding-top: 30px
}
.paddingBottom15 {
padding-bottom: 15px
}
.bg_pink {
background-color: #F56CA8
}
.bg_light_pink {
background: linear-gradient(147.38deg, #FAEAF4 0, #FDF7F9 100.2%)
}
.bg_blue {
background: linear-gradient(168.52deg, #A7C9E4 -7.22%, #C7E2F5 94.15%)
}
.bg_light_blue {
background: linear-gradient(181.55deg, #DCECF9 -.45%, #EDF6FD 101.07%)
}
.positionRelative {
position: relative
}
.displayBlock {
display: block
}
.textDecorationUnderline {
text-decoration: underline
}
.textTransformUppercase {
text-transform: uppercase
}
.linkWithoutDecoration {
text-decoration: none;
color: inherit
}
.hidden {
display: none
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.hidden_mobile,
.visible_desktop,
.visible_mobile,
.visible_tablet {
display: none
}
.bx-wrapper .bx-controls-direction a {
z-index: 20 !important
}
@media (max-width:600px) {
.visible_mobile {
display: block
}
.page-slider__content {
left: 10px;
width: 40%
}
.page-slider__content h2,
.page-slider__content h3,
.page-slider__content h4,
.page-slider__content h5 {
font-size: 18px
}
}
@media (min-width:601px) {
.visible_tablet {
display: block
}
.button__popup {
width: 75%
}
.page-slider__image {
height: 280px
}
.main-logo__sublogo svg {
width: 130px
}
.menu-button {
order: 1
}
.main-logo {
text-align: center;
order: 2
}
.ph-book {
order: 6
}
.ph-phone {
order: 3
}
.ph-personal-area {
order: 7;
align-self: center
}
.content-sections__block {
display: flex;
padding-left: 0
}
.content-section__background-block {
flex-basis: 350px;
margin: -35px 0;
background-position: 65% center;
background-size: cover;
background-repeat: no-repeat
}
.content-section--tablet__middle {
margin: auto
}
.content-sections__block--rightBackground {
padding-left: 20px;
position: relative;
padding-right: 0;
overflow: hidden
}
.content-section__rightBlockPadding {
z-index: 10
}
.content-section__background-block--right {
background-position: left
}
.page-doctors__active_wrap {
width: 75%;
margin: auto;
right: 0;
left: 0;
position: relative;
transform: none
}
.page-doctors__thumb {
width: 150px;
height: 150px;
border-radius: 75px
}
.page-doctors__wrapper {
height: auto
}
.page-doctors__arrow {
background-color: #fff
}
.page-clinics {
padding-top: 0
}
#page-map {
height: 330px
}
.page-map__tab-title span {
font-weight: 400;
color: #2E2E2E;
font-size: 14px;
line-height: 16px
}
.page-map__tab-title.active span {
font-weight: 500
}
.page-map__tab-title span:hover {
background: linear-gradient(#2376E3, #7D61B1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
}
@media (min-width:768px) {
.popup {
top: 50%;
transform: translateY(-50%);
width: 75%;
padding: 30px 0
}
.popup--text {
font-size: 22px
}
.button__popup {
width: 187px
}
.page-header__element {
font-size: 10px
}
.ph-schedule {
order: 4;
display: block
}
.ph-schedule .header_element__text {
text-align: justify
}
.ph-schedule .header_element__text span {
font-size: 11px
}
.header-phone,
.header__element_withIcon {
display: flex
}
.header-phone__text,
.header_element__text {
display: block;
padding-left: 7px
}
.header-phone__text-big {
font-weight: 500
}
.header-phone__text a {
font-size: 10px;
text-decoration: underline;
font-weight: 400
}
.header_element__text p {
margin: 0
}
.content-section__background-block {
background-position: center
}
.content-section__background-block--right {
background-position: left
}
.footer {
padding: 30px 15px;
text-align: left
}
.footer .container {
display: flex;
flex-wrap: wrap
}
.footer--copyrights,
.footer--divider {
flex-basis: 100%;
text-align: center;
flex-grow: 1
}
.footer--socials-row {
text-align: center;
justify-content: flex-start
}
.footer--social-block {
margin: 0 12px 0 0
}
.footer--social-block:last-child {
margin: 0
}
.footer--column-3 {
flex-grow: 1;
display: flex;
flex-wrap: wrap
}
.footer--navigation {
flex-grow: 1;
padding-right: 120px
}
.footer--logo-wrap {
flex-grow: 3;
flex-basis: 100%;
text-align: center;
margin-bottom: 35px
}
.footer--navigation-ul {
margin: 0
}
.footer--navigation-ul li.active {
background-color: unset
}
.footer--payments {
display: block
}
.footer--payment-item {
display: inline-block;
padding: 0 10px 0 0
}
.footer--payment-item:last-child {
padding: 0
}
.footer--payments-row {
padding-top: 15px;
text-align: left
}
.footer--subscription {
order: 5;
flex-basis: 100%;
align-self: flex-end;
display: flex;
flex-wrap: wrap
}
.footer--contacts {
display: block;
flex-basis: 50%;
flex-grow: 0
}
.footer--socials {
flex-basis: 50%
}
.footer-phone__text-big {
font-size: 18px;
line-height: 1.2;
font-weight: 700
}
.footer--contacts-actionlink {
font-size: 12px;
color: #F08BB7;
text-decoration: underline;
font-weight: 400
}
.footer--contacts-icon {
padding-right: 15px
}
.footer--subscription-title {
flex-basis: 100%;
margin-bottom: 18px
}
.footer--subscription-input {
margin: 0;
text-align: left;
padding: 0 27px
}
.footer--subscription-form {
flex-grow: 1
}
.footer--subscription-button {
width: unset;
flex-basis: 180px;
margin-left: 8px
}
.footer--sm-hotfix {
display: flex
}
.footer--divider {
margin: 40px -15px;
flex-grow: 1
}
.footer--navigation-ul li:first-child a {
padding-top: 0;
padding-bottom: 10px
}
.footer--socials {
padding-top: 0
}
.footer--contacts-item {
display: flex;
padding-top: 15px
}
.footer--contacts-text p {
margin: 0;
Line-height: 21px
}
.footer--contacts-item:first-child {
padding-top: 0
}
.footer--contacts-list {
padding-top: 15px
}
.footer--contacts-mailLink {
text-decoration: none;
line-height: 21px;
font-size: 14px;
color: #6272FF
}
.mobile-menu__elements {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.mobile-menu__elem {
padding: 0
}
.content-section__rightBlockPadding {
padding: 0 20px;
flex-grow: 1
}
.section--lists__sm_fix {
display: flex;
align-items: stretch
}
.section--lists__sm_fix .content-sections__block {
flex-basis: 50%
}
.content-section--tablet__middle {
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between
}
.page-slider__image {
height: 300px
}
.content-sections {
display: flex;
flex-wrap: wrap
}
.content-sections__block {
flex-basis: 100%
}
.content-sections__block--list {
flex-basis: 50%
}
}
@media (min-width:961px) {
.mainPageCheckbox {
top: 5px
}
.doctors-row {
display: flex;
margin-bottom: 84px;
justify-content: space-between
}
.doctors-row:nth-last-of-type(1) {
margin-bottom: 0
}
.doctor-block {
flex-basis: 300px;
text-align: center;
color: #000
}
.doctor-name {
line-height: 30px;
font-size: 20px;
margin: 18px 0
}
.doctor-image {
height: 300px;
width: 300px;
background-size: cover;
border-radius: 150px;
background-position: center;
cursor: pointer
}
.doctor-specialty {
line-height: 21px;
font-size: 16px;
color: #F56CA8
}
.doctor-locations,
.doctor-small-description {
display: flex;
line-height: 18px;
font-weight: 300
}
.doctor-small-description {
font-size: 14px;
font-style: italic;
align-items: center;
justify-content: center;
height: 75px;
overflow: hidden
}
.doctor-block-divider {
background-color: #818181;
width: 100%;
height: 1px
}
.doctor-block-text-content {
padding: 42px 26px 0;
margin: 0 auto
}
.doctor-locations {
align-items: center;
justify-content: center;
font-size: 12px;
color: #2E2E2E;
margin: 18px 0 14px
}
.doctor-location_text>
span,
.doctor-price span {
display: block
}
.doctor_oldPrice {
font-size: 18px;
font-weight: 300;
color: #A0A0A0;
text-decoration: line-through
}
.doctor_newPrice {
font-size: 28px;
color: #F56CA8
}
.doctor_regularPrice {
font-size: 28px;
color: #9A9A9A
}
.doctor-block-text-content .reviews_link {
margin-left: 10px;
font-size: 12px
}
.doctor-location_icon {
margin-right: 10px
}
.doctor__image-inner {
border-radius: 150px;
background-color: rgba(245, 108, 168, .4);
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .3s ease;
display: flex;
align-items: center;
padding: 0 33px
}
.doctor-image:hover {
border: 1px solid #FFF;
box-shadow: 0 4px 30px rgba(249, 89, 159, .3)
}
.doctor-image:hover .doctor__image-inner {
opacity: 1
}
.button:before {
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1)
}
.header-element__icon {
display: flex;
align-items: center
}
.active__search .opened_search_cap,
.visible_desktop {
display: block
}
.dropdown_icon svg {
fill: #F56CA8;
transition: transfrom .3s ease;
transform: rotate(-90deg)
}
.menu__item.active .dropdown_icon svg,
.menu__item:hover .dropdown_icon svg {
transform: rotate(0)
}
.opened_search_cap {
width: 225px;
height: 42px
}
.page-map__section-heading {
box-shadow: none
}
.popup--text {
font-size: 24px
}
.content-sections__block--rightBackground {
background-image: url(/assets/css/../img/04.jpg), linear-gradient(181.55deg, #DCECF9 -.45%, #EDF6FD 101.07%);
-webkit-background-size: 100% 101%;
background-size: 100% 101%
}
.page-clinics__title {
margin: 100px 0 50px;
font-size: 40px;
line-height: 47px
}
.page-map__section-heading h2 {
color: #000;
line-height: 38px
}
.footer--social-block {
box-shadow: inset 0 0 0 38px #F08BB7;
-webkit-transform: scale3d(.9, .9, 1);
transform: scale3d(.9, .9, 1);
transition: box-shadow .3s ease, transform .3s ease
}
.footer--social-block:hover svg {
opacity: 0
}
.footer--social-block:hover {
box-shadow: inset 0 0 0 1px #F08BB7;
background-position: center;
background-repeat: no-repeat;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1)
}
.footer--social-block.fb:hover {
background-image: url(/assets/css/../img/active_icons/fb.svg)
}
.footer--social-block.vk:hover {
background-image: url(/assets/css/../img/active_icons/vk.svg)
}
.footer--social-block.yt:hover {
background-image: url(/assets/css/../img/active_icons/youtube.svg)
}
.footer--social-block.inst:hover {
background-image: url(/assets/css/../img/active_icons/insta.svg)
}
.benefit__container.active .benefit__icon {
opacity: .3
}
.benefit__container.active .benefit__title {
font-size: 18px;
font-weight: 500;
color: #F56CA8
}
.scroll_button {
font-size: 24px;
font-weight: 500;
color: #2E2E2E;
padding: 25px 0;
display: inline-block;
cursor: pointer
}
.doctors_page.section-divider .paddingVertical25 {
padding-top: 75px;
padding-bottom: 105px
}
.doctors_page .scroll_button {
padding: 0
}
.scroll_button span {
transition: color .4s ease
}
.scroll_button svg {
margin-right: 16px;
position: relative;
bottom: 2px;
width: 27px;
height: 27px
}
.scroll_button:hover svg {
fill: #F56CA8
}
.scroll_button:hover span {
color: #F56CA8
}
.container {
padding-left: 15px;
padding-right: 15px
}
.container.full-container {
padding-left: 0;
padding-right: 0
}
.page-map__tab-title.active span:after {
top: 14px
}
.hide_desktop {
display: none
}
.page-slider__image {
height: 400px
}
.ph-location {
order: 2
}
.ph-location__text {
font-size: 12px
}
.ph-location__text a {
text-decoration: underline;
font-weight: 400
}
.ph-book .button {
width: 162px;
height: 42px;
Font-size: 14px;
Line-height: 16px;
font-weight: 500
}
.page-header {
border-bottom: 0
}
.menu {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0 15px
}
.menu__item {
line-height: normal;
font-size: 16px;
text-align: center;
color: #2E2E2E;
padding: 12px 0;
flex-grow: 1;
transition: color .4s linear;
border-bottom: 2px solid transparent
}
.menu__item.active,
.menu__item:hover {
color: #F56CA8;
border-bottom: 2px solid #F56CA8
}
.menu__item a {
color: inherit;
text-decoration: none
}
.menu__search-input {
background: #FFF;
border: 1px solid #9A9A9A;
border-radius: 21px;
height: 42px;
line-height: 42px;
width: 225px;
padding-left: 60px
}
.menu__search-input::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-input:-moz-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-input::-moz-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-input:-ms-input-placeholder {
color: #9A9A9A;
font-size: 16px;
font-weight: 300
}
.menu__search-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 18px
}
.benefit__icon svg {
opacity: 1;
width: 46px;
height: 46px;
cursor: pointer
}
.benefit__title {
font-size: 18px;
line-height: 27px;
color: #2E2E2E;
font-weight: 500;
margin: 28px 0 13px
}
.benefit__container.active {
cursor: default
}
.section-divider .scroll_button {
letter-spacing: 1.1px
}
.benefit__container {
padding: 0 10px;
cursor: pointer;
position: relative;
overflow: hidden
}
.benefit__container:after,
.content-section__ul li.active span:after,
.content-section__ul li.active span:before {
position: absolute;
content: ''
}
.benefit__container:first-child {
padding-left: 0
}
.benefit__container:last-child {
padding-right: 0
}
.benefit__description {
font-size: 14px;
font-weight: 300;
line-height: 21px
}
.page-doctors__arrow:first-child {
margin-left: 0
}
.benefit__container:after {
display: block;
z-index: 2;
left: 0;
right: 0;
top: 135px;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, .85) 0, #FFF 24.53%);
pointer-events: none;
transition: opacity .35s linear
}
.benefit__container.active:after {
opacity: 0
}
.content-section__ul li:after {
left: 3px
}
.content-section__ul li.active:before {
background-color: #F56CA8
}
.content-section__ul li {
font-size: 20px
}
.content-section__ul li.active {
font-weight: 500;
color: #F56CA8
}
.content-section__ul li.active span:after {
top: 105%;
left: 0;
height: 2px;
width: 100%;
background: linear-gradient(to right, #F56CA8, #F08BB7)
}
.content-section__ul.blue--list li.active {
color: #2576E2
}
.content-section.bg_light_blue h2,
.content-section__price {
color: #F56CA8
}
.content-section__ul.blue--list li.active:before {
background-color: #2576E2
}
.content-section__ul li.active span:before {
display: inline-block;
width: 23px;
height: 21px;
border-radius: 12px;
background-color: #FFD0E3;
left: -34px;
top: 3px
}
.content-section__ul li span {
width: unset;
position: relative;
cursor: pointer
}
.content-section__ul.blue--list li.active span:before {
background-color: #8EA6EE
}
.content-section__ul.blue--list li.active span:after {
background: linear-gradient(to right, #2376E3, #7D61B2)
}
.content-sections {
display: block;
position: relative
}
.content-sections__block {
float: left;
width: 50%;
margin-bottom: 30px
}
.content-sections__block--rightBackground {
float: right;
padding-right: 20px
}
.content-sections__block--bigBlock {
width: 50%
}
.content-sections__divider {
position: absolute;
width: 30px;
background-color: #fff;
top: 0;
left: 50%;
height: 100%;
z-index: 20
}
.content-section__background-block--right {
display: none
}
.content-section__background-block {
flex-basis: 170px;
background-position: 82% center
}
.content-section .h2,
.content-section h2 {
font-size: 40px;
line-height: 47px;
padding-bottom: 35px
}
.content-section__subtitle {
font-size: 20px;
line-height: 23px;
letter-spacing: normal
}
.c-section__price--defaultPadding {
padding: 10px 0
}
.button.content-section__button {
width: 275px;
margin: 5px 0 0
}
.content-section__link--big_padding {
padding: 50px 0 140px
}
.content-sections__block.bg_pink {
background: linear-gradient(127.78deg, #F7ADCE 33.79%, #F9CCE0 100.26%);
justify-content: space-between;
position: relative;
box-shadow: rgba(0, 0, 0, .25) 4px 5px 18px -1px;
z-index: 30;
overflow: hidden;
background-image: url(/assets/css/../img/01.jpg), linear-gradient(127.78deg, #F7ADCE 33.79%, #F9CCE0 100.26%);
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.content-sections__block.bg_blue {
box-shadow: rgba(0, 0, 0, .25) 0 2px 22px -1px;
z-index: 30;
position: relative
}
.content-sections__block.bg_light_pink {
position: relative;
overflow: hidden;
box-shadow: rgba(0, 0, 0, .25) -6px 5px 16px -9px;
background-image: url(/assets/css/../img/02.jpg), linear-gradient(147.38deg, #FAEAF4 0, #FDF7F9 100.2%);
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.content-sections__block.bg_blue {
overflow: hidden;
background-image: url(/assets/css/../img/03.jpg), linear-gradient(168.52deg, #A7C9E4 -7.22%, #C7E2F5 94.15%);
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.bg_pink-subtitleBlock {
padding-right: 20px;
font-weight: 400
}
.bg-section__content-block {
flex-basis: 350px;
padding-left: 0
}
.slide--container {
max-width: 100%;
width: 100%;
margin: 0 auto;
left: 0;
right: 0
}
.content-section--tablet__middle {
width: 350px;
z-index: 20
}
.section--list__smallButton.button {
width: 270px
}
.content-section__buttonextraP {
margin-top: 10px
}
.content-sections__block--list .content-section--tablet__middle {
margin: 0 0 0 auto
}
.content-section__rightBlockPadding {
flex-grow: 0;
width: 350px;
margin: 0 0 0 auto;
padding: 0
}
.content-section__search__input {
text-align: left;
padding-left: 30px
}
.bg_blue .content-section__buttons .button {
letter-spacing: 3.5px
}
.content-section__selling-block {
padding: 46px 0 0
}
.content-section__selling-block.paddingTop30 {
padding-top: 0
}
.selling-block__title {
font-size: 20px
}
.content-section__price.dark_pink_price {
color: #E3267A;
padding: 12px 0
}
.content-section__price.color_white {
color: #FFF
}
.content-section__selling-block:last-child {
padding-bottom: 41px
}
.desktop-doctors__active_wrap {
display: flex;
align-items: stretch;
padding: 0 20px
}
.desktop-doctors--credentials {
flex-basis: 420px
}
.desktop-doctors__image {
flex-grow: 1
}
.has-background {
padding: 100px 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center
}
.page-doctors__title {
font-size: 52px;
line-height: 39px;
padding: 0;
color: #F56CA8;
text-align: left;
font-weight: 500
}
.page-doctors__wrapper {
text-align: left
}
.page-doctors__title span {
font-size: inherit;
font-weight: inherit
}
.desktop-doctors__name {
padding: 50px 0 10px;
font-weight: 500;
font-size: 28px;
line-height: 36px
}
.desktop-doctors__specialty {
font-size: 24px;
color: #F56CA8
}
.desktop-doctors__description {
font-size: 18px;
line-height: 27px;
padding: 45px 0
}
.desktop-doctors__button-wrap .button {
width: 280px;
margin-bottom: 50px
}
.page-doctors__arrow {
cursor: pointer
}
.page-clinics__form {
display: flex;
justify-content: space-between;
margin: 50px 0 110px
}
.page-clinics__buttons {
padding: 0
}
.page-clinics__button.button {
width: 175px;
margin-bottom: 0
}
.page-clinics__form-block {
margin-top: 0;
flex-grow: 0;
padding-right: 22px;
flex-basis: 332px;
margin-left: -1px
}
.page-clinics__form-icon {
left: 22px
}
.page-clinics__select-dropdown {
right: 20px
}
.page-map__tab-content {
padding-top: 0
}
#page-map {
height: 670px
}
.page-map__infowindow {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
width: 277px;
border-radius: 10px
}
.p-m__infowindow__title {
text-align: center;
position: relative
}
.p-m__infowindow__title:after {
content: '';
position: absolute;
top: 36px;
height: 1px;
width: 66px;
background-color: #F56CA8;
left: 0;
right: 0;
margin: 0 auto
}
.p-m__infowindow--adress {
padding-bottom: 12px
}
.p-m__infowindow__close {
position: absolute;
top: 0;
right: 5px;
cursor: pointer;
padding: 5px;
z-index: 3
}
.p-m__infowindow__pointer {
position: absolute;
top: 11px;
left: -35px;
width: 40px;
height: 40px;
-webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 0);
clip-path: polygon(50% 50%, 100% 100%, 100% 0);
background-color: #fff
}
.p-m__infowindow__list {
padding: 25px 25px 0
}
.page-book {
display: flex;
justify-content: space-between;
padding: 90px 10%
}
.page-book__title .h2,
.page-book__title h2 {
font-size: 56px;
line-height: 66px;
font-weight: 500;
text-align: left
}
.page-book__title {
flex-grow: 0;
flex-basis: 0
}
.page-book__form {
flex-basis: 310px
}
.page-book__form .page-clinics__form-block {
padding-right: 0;
margin-bottom: 40px
}
.page-book__form--checkbox-wrap {
padding: 0;
margin-bottom: 35px
}
.book--button.button {
margin-left: 25px;
width: inherit
}
.desktop--socials {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 2
}
.desktop--socials-row {
position: absolute;
top: 200px;
transform: translateY(-50%);
right: 0;
display: flex;
flex-direction: column
}
.footer--social-block {
cursor: pointer;
pointer-events: visible;
display: inline-block
}
.desktop--socials-row .footer--social-block {
width: 40px;
height: 40px;
text-align: center;
margin: 0 0 15px
}
.content-section__link--tag {
text-decoration: underline
}
.content-section__link--tag:hover {
text-decoration: none
}
.page-slider__content .page-slide__title {
font-weight: 700;
line-height: normal;
font-size: 46px;
color: #000
}
.page-slider__content {
width: 420px
}
.page-slider__content p {
font-size: 16px;
line-height: 30px
}
.slider--button {
width: 180px;
margin-top: 30px
}
.menu__search-icon--close {
right: 20px;
left: unset;
cursor: pointer
}
.active__search .menu__search-input {
border-radius: 21px;
margin: 0 auto;
width: 100%;
display: block;
padding-left: 60px;
border: 1px solid #9A9A9A;
z-index: 10
}
.valued_search.active__search .menu__search-input {
width: 364px;
margin: 0 auto;
padding-left: 10px;
background-color: transparent;
border: none;
border-radius: 0;
border-bottom: 1px solid #9A9A9A
}
.footer-search-input::-webkit-input-placeholder {
color: #9A9A9A !important
}
.footer-search-input:-moz-placeholder {
color: #9A9A9A !important
}
.footer-search-input::-moz-placeholder {
color: #9A9A9A !important
}
.footer-search-input:-ms-input-placeholder {
color: #9A9A9A !important
}
.active__search .menu__search__autocomplete {
display: none;
position: absolute;
top: 100%;
right: 1px;
width: 461px;
z-index: 20;
border: 1px solid #96B4E8;
border-radius: 0 0 21px 21px;
border-top: 0;
min-height: 80px;
box-sizing: content-box;
background-color: #fff;
margin: 0 -1px
}
.active__search .menu__search-icon--close,
.valued_search.active__search .menu__search__autocomplete {
display: block
}
.autocomplete_results_group {
font-size: 12px;
text-transform: uppercase;
color: #B3B3B3;
line-height: 33px;
border-bottom: 1px solid #A7C9E4;
padding-left: 10px
}
.autocomplete_results_group.active_group {
color: #6999C0
}
.autocomplete__item:hover {
background: #ECF2FE
}
.content-section__ul {
margin: 0 0 0 5px
}
.content-section__ul li span {
margin-left: 26px
}
.content-sections__block.bg_blue,
.content-sections__block.bg_light_blue {
margin-bottom: 0
}
.content-sections__block.bg_light_blue {
box-shadow: rgba(0, 0, 0, .25) 0 0 36px -3px
}
.list__item {
display: flex;
align-items: center;
height: 80px;
justify-content: space-between
}
.list__item-title {
flex-basis: 220px;
margin-right: 75px;
margin-left: 41px
}
.list__item-schedule {
padding-right: 30px;
line-height: 21px
}
.list__item-adress {
padding-right: 50px
}
.list__item-adress .list__item-col-content,
.list__item-schedule .list__item-col-content {
width: 130px
}
.list__item-col {
display: flex;
align-items: center
}
.list__item-icon {
margin-right: 10px
}
.menu_nav_wrapper {
transition: all .4s ease
}
.sticky .menu_nav_wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
background-color: rgba(255, 255, 255, .925);
box-shadow: 0 0 7px rgba(0, 0, 0, .35)
}
.sticky .menu_nav_wrapper .menu {
margin: 0 auto
}
.sticky .page-header {
margin-bottom: 50px
}
#booking_form_main .checkbox {
position: relative;
top: 0;
left: 0
}
}
@media (min-width:1171px) {
.doctor-image,
.doctor__image-inner {
border-radius: 170px
}
.main-logo__sublogo {
display: none
}
.footer--contacts-text {
max-width: 240px
}
.benefits {
padding-bottom: 40px
}
.doctor-block {
flex-basis: 340px
}
.doctor-image {
height: 340px;
width: 340px;
box-shadow: 0 8px 20px rgba(0, 0, 0, .05)
}
.doctor-price span {
display: inline-block
}
.header-element__icon {
margin-right: 11px
}
.content-section__search__icon {
right: 30px
}
.bg_blue .content-section__buttons .button {
letter-spacing: 1.1px
}
.footer--socials__block-title {
text-align: left
}
.custom_select {
text-align: left;
font-size: 16px
}
.custom_select_value {
padding-left: 60px
}
.page-book__form input.booking-phone_input {
font-size: 18px
}
.benefit__container {
width: 216px;
padding: 0
}
.benefit__description {
padding-right: 29px
}
.list__item {
justify-content: inherit
}
.list__item-title {
flex-basis: 220px;
margin-right: 75px;
margin-left: 41px
}
.list__item-schedule {
padding-right: 56px
}
.list__item-adress {
padding-right: 90px
}
.list__item-adress .list__item-col-content,
.list__item-schedule .list__item-col-content {
width: 200px
}
.list__item-col {
display: flex;
align-items: center
}
.list__item-icon {
margin-right: 10px
}
.popup {
width: 715px;
padding: 79px 0
}
.popup--text {
line-height: 37px;
width: 527px
}
.ph-schedule .header_element__text span {
font-size: 13px;
line-height: 19px;
display: inline-block
}
.container {
width: 1170px;
padding-left: 0;
padding-right: 0
}
.content-section__selling-block:last-child {
padding-bottom: 30px
}
.slide--container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 1170px
}
.page-clinics__form-input {
text-align: left;
padding-left: 60px
}
.page-clinics__form-select {
color: #96B4E8;
font-size: 16px;
font-weight: 400
}
.page-clinics__form-input::-webkit-input-placeholder {
color: #96B4E8;
font-size: 16px;
font-weight: 400
}
.page-clinics__form-input:-moz-placeholder {
color: #96B4E8;
font-size: 16px;
font-weight: 400
}
.page-clinics__form-input::-moz-placeholder {
color: #96B4E8;
font-size: 16px;
font-weight: 400
}
.page-clinics__form-input:-ms-input-placeholder {
color: #96B4E8;
font-size: 16px;
font-weight: 400
}
.page-slider__content {
left: 0;
top: 45%
}
.p-m__infowindow--schedule {
font-size: 12px
}
.header_background {
background: #FFF
}
.ph-location__text {
font-size: 14px
}
.header-phone__text a,
.page-header__element {
font-size: 12px
}
.page-header {
align-items: flex-start;
padding-top: 15px !important;
justify-content: space-between
}
.page-header__element.ph-phone {
width: 240px
}
.page-header__element.ph-schedule {
width: 220px
}
.page-header__element.ph-personal-area {
padding-left: 21px
}
.header_element__text.ph-location__text {
width: 195px
}
.menu__item {
font-size: 20px;
margin: 0 5px;
padding-left: 6px;
padding-right: 5px
}
.menu__item:first-child {
flex-grow: 0
}
.page-slider__image {
height: 666px
}
.bg-section__content-block {
flex-basis: 559px
}
.content-section__background-block {
flex-basis: 0;
flex-grow: 0
}
.desktop--socials-row {
top: 333px
}
.bg-section__desktop_content {
width: 331px
}
.content-sections__block.bg_blue .content-section--tablet__middle {
width: 559px;
padding-bottom: 47px
}
.content-sections__block.bg_light_pink .content-section--tablet__middle {
margin: 0 0 0 165px
}
.content-section__rightBlockPadding {
margin: 0 0 0 145px;
width: 280px
}
.content-section__link a {
font-size: 20px;
line-height: 28px
}
.page-map__section-heading {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 60px
}
.map__button--near {
display: flex;
margin: 0 63px 0 95px;
align-items: center;
justify-content: center;
width: 332px;
height: 42px;
border-radius: 21px;
font-weight: 500;
font-size: 14px;
color: #FFF;
text-transform: uppercase;
position: relative
}
.map__button--near:after,
.map__button--near:before {
z-index: -1;
pointer-events: none;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
content: '';
left: 0
}
.map__button--near:before {
border-radius: inherit;
position: absolute;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
border: 1px solid #F56CA8;
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1)
}
.map__button--near:after {
border-radius: inherit;
position: absolute;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
background: linear-gradient(90deg, #F56CA8 0, #F08BB7 100%)
}
.map__button--near:hover:after {
opacity: 0;
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.map__button--near:hover:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.map__button--near-icon {
display: inline-block
}
.page-map__tabs-wrap {
margin-top: 0;
display: block
}
.page-map__tab-title {
display: inline-block
}
.page-map__tab-title:first-child {
margin-right: 40px
}
.footer--logo-wrap {
flex-grow: 0;
flex-basis: 291px
}
.footer--divider {
margin: 40px 0
}
.footer-phone__text-big {
font-size: 16px;
font-weight: 500;
padding-bottom: 5px
}
.footer {
padding: 0
}
.footer .container {
width: unset;
max-width: 1180px;
padding: 65px 0
}
.footer--sm-hotfix {
flex-grow: 1
}
.footer--subscription {
position: absolute;
width: 475px;
bottom: 21px
}
.footer--subscription-input {
width: 264px
}
.footer--subscription-form {
flex-grow: 0
}
.footer--subscription-button {
flex-basis: 187px
}
.footer--payments {
padding-top: 55px
}
.footer--contacts {
flex-basis: 53%
}
.footer--logo-wrap {
padding-right: 65px;
text-align: left;
margin-bottom: 0
}
.footer--navigation-ul--level2 {
display: block;
list-style-type: none;
padding: 20px 0 20px 10px;
margin: 0;
color: #4E4E4E;
font-weight: 400;
width: 150px
}
.footer--navigation-ul li:last-child a {
padding-bottom: 0
}
.footer--contacts-list,
.footer--socials-row {
padding-top: 30px
}
.footer--socials {
flex-basis: 47%;
text-align: right
}
.footer--socials .footer--socials-row {
justify-content: flex-start
}
.footer--payment-item {
padding: 0 5px 0 0
}
.footer--double_navigation .footer--navigation-ul:first-child {
padding-right: 50px
}
.footer--navigation {
color: #4E4E4E;
padding-right: 20px
}
.footer--subscription-button {
margin-left: 15px
}
.footer--navigation-ul li a {
font-size: 18px;
font-weight: 300;
display: inline-block
}
.footer--navigation-ul li.active>
a,
.footer--navigation-ul li>
a:hover {
font-weight: 500;
color: #4E4E4E
}
.footer--navigation-ul--level2 li.active>
a,
.footer--navigation-ul--level2 li>
a:hover {
font-weight: 500;
color: #F56CA8;
position: relative
}
.footer--navigation-ul--level2 li.active>
a:after,
.footer--navigation-ul--level2 li>
a:hover:after {
content: '';
position: absolute;
display: block;
bottom: 11px;
left: 0;
background-color: #F56CA8;
width: 100%;
height: 1px
}
.footer--navigation-ul--level2 li:last-child.active>
a:after,
.footer--navigation-ul--level2 li:last-child>
a:hover:after {
top: 100%
}
.footer--double_navigation {
display: flex
}
.footer-logo__letter {
display: block;
text-align: left
}
.footer-personal_area {
padding: 70px 0 55px;
display: block
}
.footer--column-3 {
flex-grow: 2;
position: relative
}
.footer-personal_area_search {
margin-top: 23px;
display: block
}
.footer-personal_area_link>
div {
display: inline-block
}
.footer-personal_area_link {
color: inherit;
text-decoration: none
}
.pesonal-area-icon svg circle {
stroke: #AAA
}
.pesonal-area-icon svg path {
fill: #AAA
}
.footer-personal_area_link:hover svg {
opacity: 0
}
.footer-personal_area_link:hover .pesonal-area-icon {
background: url(/assets/css/../img/active_icons/personal_area.svg) no-repeat
}
.pesonal-area-icon {
padding-right: 15px
}
.footer-search-input {
width: 100%;
background-color: #FFF;
border-radius: 21px;
height: 42px;
padding: 0 0 0 60px;
border: 1px solid #9A9A9A
}
.footer-personal_area_search .search-icon {
position: absolute;
top: 50%;
left: 18px;
transform: translateY(-50%)
}
.footer--copyrights {
display: flex;
justify-content: space-between;
font-size: 12px;
line-height: 14px
}
.main-logo {
padding-right: 56px
}
.menu {
margin: 20px 0 23px
}
.page-slider__content .page-slide__title {
font-size: 52px
}
.page-slider__content p {
font-size: 20px
}
.page-slider__content {
width: 431px
}
.bg-section__list-content {
width: 370px
}
.selling-block__description {
font-weight: 400
}
.page-book__form--checkbox-text {
text-align: left;
padding-left: 8px
}
.footer-logo-image svg {
width: 160px;
height: 50px
}
.footer-logo-subimage svg {
width: 181px;
height: 15px
}
.content-section__price.color_white {
padding: 5px 0 15px
}
.bg_light_blue .content-section__price {
padding-top: 20px
}
.content-section__selling-block {
padding-top: 49px
}
.write__feedback .popup--text>
span {
margin-bottom: 65px
}
}
@media (min-width:1301px) {
.content-section--tablet__middle {
width: 412px
}
}
@media (min-width:968px) and (max-width:1600px) {
.page-slider__slide .page-slider__image {
background-position: center
}
}
@media (min-width:1601px) {
.page-slider__slide .page-slider__image {
background-position: center left
}
.has-background {
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain
}
.content-sections__block--rightBackground {
padding-right: 0
}
.content-section__background-block {
flex-grow: 1;
display: block;
z-index: 10
}
.content-sections__block.bg_light_blue .content-section__background-block {
background-position: bottom;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain
}
}
@media (min-width:1651px) {
.content-sections__block.bg_pink .content-section__background-block {
background-position: 84% center;
background-repeat: no-repeat
}
.has-background {
background-size: cover;
background-position: top
}
}
@media print {
blockquote,
img,
pre,
tr {
page-break-inside: avoid
}
*,
:after,
:before {
background: 0 0 !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " ("attr(href) ")"
}
abbr[title]:after {
content: " ("attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid #999
}
thead {
display: table-header-group
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
@media (pointer:coarse) and (min-width:1171px) {
.page-header {
justify-content: space-between
}
.header_element__text.ph-location__text,
.page-header__element.ph-phone,
.page-header__element.ph-schedule {
padding-right: 25px
}
.main-logo {
padding-right: 45px
}
.page-header__element {
font-size: 10px
}
.ph-schedule .header_element__text span {
font-size: 11px
}
}
input::selection,
input:focus {
outline: 0
}
/*!
*
* SimpleBar.js - v2.6.1
* Scrollbars, simpler.
* https://grsmto.github.io/simplebar/
*
* Made by Adrien Grsmto from a fork by Jonathan Nicol
* Under MIT License
*
*/
[data-simplebar] {
position: relative;
z-index: 0;
overflow: hidden !important;
max-height: inherit;
-webkit-overflow-scrolling: touch
}
[data-simplebar=init] {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.simplebar-scroll-content {
overflow-x: hidden !important;
overflow-y: scroll;
min-width: 100% !important;
max-height: inherit !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important
}
.simplebar-content {
overflow-y: hidden !important;
overflow-x: scroll;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
min-height: 100% !important
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 11px
}
.simplebar-scrollbar {
position: absolute;
right: 2px;
width: 7px;
min-height: 10px
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: #000;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear
}
.simplebar-track .simplebar-scrollbar.visible:before,
.simplebar-track:hover .simplebar-scrollbar:before {
opacity: .5;
-webkit-transition: opacity 0 linear;
transition: opacity 0 linear
}
.simplebar-track.vertical {
top: 0
}
.simplebar-track.vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px
}
.simplebar-track.horizontal {
left: 0;
width: auto;
height: 11px
}
.simplebar-track.horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px
}
.horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto
}
.article_video {
margin-bottom: 30px
}
#landing_docrors .slick-initialized .slick-slide {
width: 508px;
max-width: calc(100vw - 50px)
}
#landing_docrors .slick-list {
padding: 20px 0 0
}
.new_staff_slider_wrap .doctor-name {
display: block
}
@media (min-width:768px) {
.scrollbar-inner {
max-height: 100vh
}
.popup__overlay.booking__overlay {
max-height: 100vh;
max-width: 100vw
}
.popup.popup_booking_inner {
max-height: 100vh;
padding: 0
}
.popup.booking .scrollbar-inner .popup--text {
width: auto;
padding: 80px 20px
}
.popup--close {
z-index: 20
}
.custom_select_value {
width: auto
}
.popup.booking.popup_booking_inner .custom_select_value {
padding: 0
}
.popup.booking.popup_booking_inner .custom_select_value .text_value {
padding-left: 60px
}
.service-doctor__carousel-desktop .slick-list.draggable {
width: 100%
}
.service-doctor__carousel-desktop .slick-track.p100 {
width: 100% !important
}
}
.service-card__price .price-box__price .new-price {
font-size: 38px
}
.service-card__price .price-box__price .old-price {
font-size: 28px
}
.service-card .service-card__description {
height: 150px;
margin-top: 0
}
.service-card__description img {
max-width: 100%
}
@media (min-width:1171px) {
.page-slider__slide .page-slider__image {
height: 590px
}
}
@media (min-width:1800px) {
.page-slider__slide .page-slider__image {
height: 590px;
background-size: 2300px;
background-repeat: no-repeat
}
}
@media (max-width:961px) {
.package--row .package__caption {
position: relative;
text-align: left
}
.package--row .package__caption:after {
content: '';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
height: 23px;
width: 12px;
background: url(/assets/img/clinics_list_dropdown.svg);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
transition: transform .35s ease-in-out;
z-index: 10
}
.package--row.active .package__caption:after {
transform: translateY(-50%) rotate(90deg)
}
}
.service-card.trans-card {
background: 0 0;
box-shadow: none;
height: 10px
}
@media (max-width:960px) {
.custom_select__hidden {
display: none !important
}
#change_clinic .popup {
z-index: 100
}
.mobile-menu__elem__content a.clinic_button {
text-decoration: underline
}
}
.slide--container-link {
display: block;
height: 100%;
width: 100%
}
.tab {
display: none
}
.tab.active {
display: block
}
.tab__caption>
div {
display: none !important
}
.tab__caption.active>
div {
display: block !important
}
.slide-mobile-btn,
.sticky_btn {
display: none
}
.tab__caption .container {
background: #fff
}
.container .container {
padding: 0
}
@media (max-width:960px) {
.custom_select.custom_select__hidden {
display: none
}
}
.shares__detail-title a {
color: inherit;
text-decoration: none;
transition: color .4s ease-in-out
}
.content-section.bg_light_blue .h2,
.content-section.bg_light_blue h2,
.shares__detail-title a:hover {
color: #F56CA8
}
.content-section__price {
color: #F56CA8 !important
}
.article__card__title a,
.content-section .h2 a,
.content-section h2 a,
.service-card__title a,
.top-card__title a {
color: inherit;
text-decoration: none
}
.dr_container {
margin-bottom: 60px
}
.sticky_btn {
width: 225px;
text-align: right
}
.sticky_btn .button {
display: inline-block
}
.header_background.sticky .sticky_btn {
display: block
}
.header_background.sticky .sticky_search {
display: none
}
.news--date {
margin-right: 3px !important
}
.share.active .at-resp-share-element .at-share-btn {
padding-top: 0
}
.news__popular--vertical .news--vertical--content {
padding-left: 15px
}
#service_main_filter .disabled_select {
display: none !important
}
.share.active {
width: 300px !important
}
.price_box_spec .price-box__price,
.price_box_spec .price-box__price_bio {
margin-bottom: 20px
}
.price_box_spec .price-box__price_bio .bio_title {
font-size: 18px;
font-weight: 300;
color: #2e2e2e
}
.price_box_spec .price-box__price_bio .bio-price {
font-size: 22px;
color: #f56ca8
}
.price-box__price .regular-price {
color: #f56ca8
}
.mb_hidden {
display: block !important
}
.mb_visible {
display: none !important
}
@media (min-width:1601px) {
.page-slider__slide .page-slider__image {
background-position: center !important
}
}
@media (max-width:767px) and (min-width:320px) {
.page-slider__slide .page-slider__image {
height: calc(100vw*.42);
background-size: cover;
background-repeat: no-repeat
}
.page-slider__slide {
height: calc(100vw*.42);
overflow: hidden
}
}
#main_slider .bx-wrapper .bx-controls-direction a {
bottom: 90px
}
@media (max-width:961px) and (min-width:320px) {
.mb_hidden {
display: none !important
}
.mb_visible {
display: block !important
}
.package__list-ul li span {
width: 100%
}
#get_coupon .popup {
top: 0 !important;
bottom: auto !important;
padding-bottom: 12px;
max-width: 90% !important;
border-radius: 10px !important;
max-height: 80vh;
height: auto !important;
margin-top: 10vh
}
.addthis_inline_share_toolbox .at-resp-share-element {
display: inline-block !important;
vertical-align: top
}
.addthis_inline_share_toolbox,
.share .shares_link,
.share.at-resp-share-element .at-share-btn {
display: inline-block
}
.mobile_trans_block,
.share__button {
display: block !important
}
.mobile-menu {
z-index: 99 !important
}
.popup_overlay .popup {
top: 0 !important
}
.header_background {
position: fixed;
width: 100%;
top: 0;
background: #fff;
z-index: 99
}
.mobile_trans_block {
height: 65px
}
.mobile-menu__search-box_service.active .search__close {
display: block;
position: absolute;
top: 21px;
right: 25px;
transform: translateY(-50%)
}
.main-search__button {
height: 42px;
width: 194px;
margin: 0 auto
}
.main-search__button .button {
height: 42px !important
}
.search__autocomplete__item .autocomplete__price-box {
text-align: left !important
}
#mobile_search_list .autocomplete__price-box,
.mobile-menu__search-box_service .search__autocomplete__item .autocomplete__price-box {
text-align: left
}
.mobile-menu__search-box_service .search__main-autocomplete_service {
display: none
}
.mobile-menu__search-box_service.active .search__main-autocomplete_service {
display: block
}
.mobile-menu__search-box_service .main-search__icon {
top: 22px !important
}
.doctor-selection__block .custom_select .custom_select_value {
padding-left: 60px !important
}
.search__main-autocomplete_service {
padding: 0 15px 0 20px
}
#booking_form .popup.booking {
top: 0 !important
}
.search-box__icon {
top: 21px !important
}
.page-doctors__content .page-doctors__description {
height: auto !important
}
.main_search_autocomplete__group {
margin: 0 !important;
padding: 5px 5px 10px
}
.popup .popup--close {
right: 20px;
top: 20px
}
.mob-slider-docs {
margin: 0 0 250px !important
}
.main_page_map {
padding-top: 40px
}
.doctor-selection.detail_page.service__section--selection {
padding: 50px 0 25px
}
.doctor-selection__selects {
padding: 35px 20px 10px
}
.showContentIcon {
left: 50% !important
}
.result__price .new_price.--regular {
color: #9A9A9A
}
.slide-mobile-btn {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10
}
.mobile-menu__elem__content a {
color: #2E2E2E;
text-decoration: none
}
.scroll-top--mobile {
bottom: 62px !important
}
}
@media (min-width:961px) {
.main-search__icon.close {
display: block;
cursor: pointer
}
.bg_pink-subtitleBlock {
height: 0;
padding: 0 0 5px !important
}
.content-section__link--big_padding {
margin-top: 20px
}
.footer--payments-row {
width: 210px;
white-space: nowrap
}
.btn_i_neeg_gyn {
margin: 20px 0 30px !important
}
.blog__detail-header__image iframe {
width: 700px !important;
height: 393px !important
}
}
.page-map.clinics-page .page-map__tab-content {
margin-bottom: 0 !important
}
.mobile_doctor__slider_no_result {
text-align: center;
margin-bottom: 40px;
margin-top: -20px
}
.doctor__slider_no_result {
margin-bottom: 40px
}
.reviews-ui__btn a {
text-decoration: none;
color: #9A9A9A
}
.mobile-doctor__name h3 a {
color: #000;
text-decoration: none
}
.doctor-block {
flex-basis: 33.3%
}
.doctors-row {
justify-content: unset
}
.btn_marker_link {
width: 100% !important;
margin-top: 10px
}
.old__price {
color: #fff;
text-decoration: line-through;
font-size: 26px
}
.bg-section__desktop_content {
z-index: 10;
position: relative
}
.doctor-selection__block .custom_select {
margin: 0
}
.doctor-specialty {
justify-content: center
}
.doctor__header-rating .reviews_link {
margin-bottom: 10px;
display: inline-block
}
.doctor__header-reviews-ui {
margin-top: 15px
}
@media (max-width:961px) and (min-width:320px) and (max-height:640px) {
#get_coupon .popup {
max-height: 94vh !important;
margin-top: 3vh !important
}
}
.popup.changeClinic .custom_select_icon__dropdown svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
fill: #A7C9E4;
transition: transform .35s ease
}
.popup.changeClinic .custom_select.change_clinic_select {
width: 310px;
margin: 30px auto;
height: 42px
}
.popup.changeClinic .custom_select.change_clinic_select .custom_select_icon {
transform: translateY(-57%)
}
.popup.changeClinic .custom_select.change_clinic_select .custom_select_value {
padding-left: 60px;
line-height: 42px;
font-size: 16px
}
.popup.changeClinic .custom_select.change_clinic_select .custom_select_item {
padding: 0 25px;
font-size: 16px
}
.popup.changeClinic .custom_select.change_clinic_select.active {
background-color: #ECF2FE
}
.popup.changeClinic .custom_select.change_clinic_select.active .text_value {
font-size: 16px;
color: #96B4E8
}
.popup.changeClinic .custom_select.custom-select__valued_form .text_value {
color: #000;
font-size: 16px
}
.popup.changeClinic .custom_select.change_clinic_select .custom_select_selects {
height: 310px;
font-size: 16px;
font-weight: 400
}
.popup.changeClinic.custom_select.change_clinic_select .simplebar-scrollbar:before {
background-color: #D4E2FF;
border-radius: 21px
}
.popup.changeClinic .custom_select.change_clinic_select .simplebar-track.vertical {
background-color: #F6F6F6;
border-radius: 21px;
bottom: 20px
}
.popup.changeClinic .custom_select_item span {
padding: 17px 0;
display: block;
position: relative;
line-height: 1
}
.popup.changeClinic .custom_select_item:hover {
font-weight: 500;
background-color: #ECF2FE
}
.popup.changeClinic .custom_select.change_clinic_select {
background-color: #EAF6FF
}
.popup.changeClinic .custom_select.custom-select__valued_form {
background-color: #fff
}
.popup.changeClinic .custom_select_value {
color: #5084AE;
width: 100%;
position: relative;
line-height: 55px;
border-radius: inherit;
z-index: 15;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 45px
}
@media (min-width:320px) and (max-width:961px) {
.popup.changeClinic .custom_select.change_clinic_select {
width: 100%;
margin: 35px 0 55px
}
.popup.changeClinic .custom_select.change_clinic_select .custom_select_value {
font-size: 14px;
color: #5084AE;
font-weight: 300;
line-height: 42px;
padding-left: 45px;
padding-right: 35px;
text-align: left
}
.popup.changeClinic {
padding: 40px 0;
min-height: 75%
}
.popup.changeClinic .popup--close {
top: 10px;
right: 10px
}
.popup.changeClinic .custom_select.change_clinic_select .custom_select_icon {
left: 20px
}
}
.default__page-credentials .page__description {
margin-top: 45px;
margin-bottom: 15px
}
.page_additional-text {
padding-bottom: 65px
}
.default__page-credentials {
position: relative;
padding: 0 0 60px
}
.doctors__select-area .selects_row {
padding-bottom: 60px
}
.page-doctors-list {
padding-bottom: 80px
}
.section-divider {
font-size: 18px;
line-height: 27px;
color: #2E2E2E;
font-weight: 500;
margin-bottom: 70px
}
.scroll_button svg {
margin-right: 7px
}
.scroll_button:hover span {
color: #F56CA8
}
.scroll_button span {
transition: color .4s ease
}
.doctor__header {
background-color: #F6F6F6;
padding: 70px 0 110px
}
.doctor__header-row {
display: flex
}
.doctor__header-cell.doctor__header--left {
width: 438px;
flex-grow: 0
}
.doctor__header-cell.doctor__header--right {
flex-grow: 1;
margin-left: 135px;
position: relative
}
.doctor__header-name h1 {
margin: 0;
font-size: 36px;
line-height: 46px;
font-weight: 400;
color: #000;
padding: 0 100px 0 0
}
.doctor__header-main_info {
border-bottom: 1px solid #969696;
padding-bottom: 30px;
margin-bottom: 35px
}
.doctor__header-specialty {
color: #F56CA8;
font-size: 24px;
line-height: 31px;
font-weight: 400;
margin: 15px 0 35px
}
.doctor__header-description {
font-size: 16px;
line-height: 21px;
font-weight: 300;
font-style: italic
}
.doctor__header-image {
height: 438px;
width: 438px;
border-radius: 220px;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
border: 4px solid #FFF;
box-shadow: 0 8px 20px rgba(0, 0, 0, .05)
}
.doctor__header-reviews {
padding: 40px 0 25px;
text-align: center
}
.doctor__header-rating .rating_wrapper {
margin-bottom: 15px
}
.doctor__header-reviews-ui {
padding: 0 65px;
font-size: 14px;
line-height: 16px
}
.doctor__header-rating .reviews_link {
font-size: 14px
}
.doctor__header-rating .rating_star {
margin: 0;
width: 19px;
height: 19px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat
}
.doctor__header-share {
text-align: center
}
.doctor__header-share .share {
margin: 0 auto
}
.location-infoblock-ico {
display: inline-block;
margin-right: 15px
}
.dr-location-link {
font-size: 14px;
line-height: 21px;
color: #6272FF;
margin-right: 14px
}
.doctor__header-infoblocks {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0 54px
}
.doctor__header-infoblock {
flex-basis: 295px;
padding-right: 5px;
padding-left: 35px;
position: relative;
color: #2E2E2E;
font-size: 18px;
font-weight: 400;
line-height: normal;
margin-bottom: 20px
}
.doctor__header-infoblock:first-child {
margin-left: 0
}
.doctor__infoblock-ico {
position: absolute;
top: 0;
left: 0
}
.doctor__tab--caption:after,
.tab--level2--caption:after {
top: 50%;
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
content: ''
}
.doctor__infoblock-content span {
font-weight: 500;
font-size: 24px
}
.doctor__infoblock-content.--pink_value span {
color: #F56CA8
}
.doctor__infoblock-content a {
display: block;
margin-top: 10px;
color: #9A9A9A;
font-size: 16px;
line-height: 23px;
font-weight: 400
}
.doctor__header-button {
flex-grow: 1;
padding-left: 32px
}
.doctor__header-button.--actionButton {
flex-grow: 0;
flex-basis: 275px;
padding-left: 0
}
.doctor__header-buttons {
display: flex;
flex-wrap: nowrap;
margin-top: 40px
}
.doctor__phone-btn {
font-size: 14px;
line-height: 16px;
color: #2E2E2E;
font-weight: 300
}
.doctor__phone-btn a {
display: block;
color: #F56CA8;
font-size: 20px;
line-height: 30px;
text-decoration: none
}
.doctor__page-content {
font-size: 18px;
font-weight: 300;
line-height: 27px;
color: #2E2E2E
}
.doctor__page-content p {
margin: 40px 0 0;
padding: 0
}
.doctor__tabs {
color: #2E2E2E
}
.doctor__tab,
.doctor__tab--level2 {
border-bottom: 1px solid #969696
}
.doctor__tab.active,
.doctor__tab:last-child {
border-bottom: none
}
.doctor__tab--caption {
height: 110px;
line-height: 110px;
padding: 0 30px;
position: relative;
font-size: 30px;
cursor: pointer;
transition: background .35s ease
}
.doctor__tab--caption:after {
display: inline-block;
position: absolute;
width: 23px;
height: 23px;
right: 30px;
background-image: url(/assets/css/../img/ui/main_tab-open.svg);
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.doctor__tab--content {
display: none
}
.doctor__tab.alwaysOpen .doctor__tab--content {
display: block
}
.doctor__tab.alwaysOpen.active .doctor__tab--caption,
.doctor__tab.alwaysOpen:hover .doctor__tab--caption {
background-color: transparent
}
.doctor__tab.alwaysOpen .doctor__tab--caption:after {
display: none
}
.doctor__tab.active .doctor__tab--caption {
background-color: #FFF5F9
}
.doctor__tab.active .doctor__tab--caption:after {
background-image: url(/assets/css/../img/ui/main_tab-close.svg)
}
.doctor__tab.active .doctor__tab--content {
display: block
}
.doctor__tabs--level2 {
margin: 0 70px
}
.tab--level2--caption {
font-size: 18px;
font-weight: 300;
height: 80px;
line-height: 80px;
position: relative;
cursor: pointer
}
.tab--level2--caption:after {
display: inline-block;
position: absolute;
width: 12px;
height: 23px;
right: 0;
background-image: url(/assets/css/../img/ui/tab--level2__icon.svg);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
transition: transform .35s ease
}
.tab--level2--content {
display: none;
font-weight: 300
}
.doctor__tab--level2.active .tab--level2--caption {
font-weight: 500
}
.doctor__tab--level2.active .tab--level2--caption:after {
transform: rotate(90deg)
}
.doctor__tab--level2.active .tab--level2--content {
display: block;
padding: 10px 0 50px
}
.tab--level2--content p {
margin: 0;
padding: 0
}
.doctor__tab--content ul {
margin: 0;
list-style-type: none;
padding: 0;
font-size: 16px;
font-weight: 300;
line-height: 19px
}
.doctor__tab--content ul li {
position: relative;
padding-left: 25px;
padding-bottom: 30px
}
.doctor__tab--content ul li:last-child {
padding-bottom: 0
}
.doctor__tab--content ul li:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #F56CA8
}
.years_list {
font-weight: 300;
font-size: 18px;
line-height: 27px;
margin: 0 30px;
padding: 40px 0 70px
}
.years_list p {
margin: 0 0 25px;
display: flex
}
.years_list p:last-child {
margin: 0
}
.years_list p .year_wrap {
display: inline-block;
background-color: #A7C9E4;
border-radius: 10px;
margin-right: 35px;
width: 110px;
height: 30px;
line-height: 30px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #fff;
text-align: center;
font-weight: 500;
flex-shrink: 0
}
.tab--default-content {
font-size: 18px;
font-weight: 300;
padding: 30px 0 55px 30px
}
.tab--default-content p {
margin: 15px 0
}
.tab--default-content a {
color: #6272FF
}
.tab--default-content ul li {
line-height: normal;
padding-left: 35px;
padding-right: 120px
}
.tab--default-content ul li:after {
height: 6px;
width: 6px;
background-color: #C4C4C4;
border-radius: 4px;
top: 7px
}
@media (max-width:960px) {
.breadcrumb__li.active {
display: none
}
.breadcrumbs {
padding: 20px 0 30px
}
.breadcrumb__li {
color: #F56CA8;
font-size: 14px;
line-height: 16px;
display: none
}
.page__description,
.page_additional-text {
line-height: 27px;
font-weight: 300;
font-size: 18px
}
.breadcrumb__li:nth-last-child(2) {
display: block
}
.breadcrumb__li:nth-last-child(2) a:before {
content: '';
display: inline-block;
width: 17px;
height: 12px;
margin-right: 23px;
background-image: url(/assets/css/../img/ui/mobile_breadcrumb_back.svg);
top: 1px;
position: relative;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.doctor__page-content.active .doctor__page--showContent,
.page__description.opened .page_description__overlay {
display: none
}
.doctor__page--showContent,
.page_description__overlay {
left: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0, #FFF 70.17%);
bottom: 0;
width: 100%
}
.page__description {
height: 160px;
overflow: hidden
}
.page__description.opened {
height: auto;
margin-bottom: 50px
}
.page_description__open_button {
text-align: center;
margin-bottom: 47px
}
.page__description p {
margin: 0
}
.page_description__overlay {
position: absolute;
z-index: 10;
height: 81px
}
.doctors__select-area .doctor-selection__selects {
padding: 0
}
.default__page-credentials {
padding-bottom: 15px
}
.page_additional-text {
padding-top: 40px
}
.mobile_doctor__slider {
margin: 0 -20px
}
.doctor__page-content {
height: 220px;
overflow: hidden;
margin-bottom: 30px;
position: relative
}
.doctor__page--showContent {
position: absolute;
height: 80px;
z-index: 100
}
.showContentIcon {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
transition: transform .35s ease
}
.showContentIcon:active {
transform: translate(-50%, 0) scale(.8)
}
.doctor__page-content.active {
height: auto
}
.doctor__tab--caption {
font-size: 18px;
height: 80px;
line-height: 1;
display: flex;
align-items: center;
padding: 0 20px 0 0
}
.doctor__tab.active .doctor__tab--caption {
margin: 0 -20px;
padding: 0 20px
}
.doctor__tabs--level2,
.years_list {
margin: 0
}
.doctor__tab.active {
position: relative;
top: -1px
}
.tab--level2--caption {
display: flex;
min-height: 80px;
line-height: 1;
align-items: center;
font-weight: 400;
font-size: 15px;
padding-right: 20px
}
.years_list p {
display: flex
}
.years_list p .year_wrap {
flex-basis: 85px;
margin-right: 15px;
flex-grow: 0;
font-size: 14px;
font-weight: 500
}
.years_list p span {
display: block;
flex-grow: 1;
flex-basis: 200px;
font-size: 14px;
line-height: 21px;
font-weight: 300
}
.doctor__tab--level2.active .tab--level2--caption {
font-weight: 400
}
.doctor__tab--caption:after {
right: 0
}
.doctor__tab.active .doctor__tab--caption:after {
right: 20px
}
.tab--default-content {
font-size: 15px;
padding: 15px 0 30px
}
.tab--default-content p {
margin: 20px 0
}
.tab--default-content ul li {
padding-right: 0;
padding-left: 15px
}
.doctor__tab--content .services__result-list,
.doctor__tab--content .services__result-list .container {
padding: 0
}
.doctor__reviews {
padding: 45px 0 50px
}
.doctor-selection__caption.--border_bottom h3 {
font-size: 22px;
font-weight: 500;
margin-bottom: 40px
}
.doctor-selection__caption.--border_bottom h3:after {
bottom: -20px
}
.doctor__review-slide__inner {
text-align: center
}
.readMoreRevSlide {
display: block;
font-size: 12px;
color: #9A9A9A;
margin: 25px 0;
text-align: center;
text-decoration: none
}
.review-slide__name {
padding: 0 60px;
font-weight: 500;
font-size: 17px
}
.review-slide__date {
margin: 15px 0 30px
}
.review-slide__btn .button.price-box__button {
width: 100%;
margin-top: 20px
}
.doctor__reviews-slider--arows {
margin-top: 35px;
text-align: center
}
.doctor-selection__caption {
padding: 45px 0 25px
}
.doctor__header--mobile {
padding: 115px 30px 0;
position: relative
}
.doctor__header--mobile:after {
content: '';
display: block;
width: 100%;
height: 280px;
background-image: url(/assets/css/../img/mobile__doctors-slider--bg.png);
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.doctor__header--mobile__card {
background-color: #fff;
width: 100%;
position: relative;
text-align: center;
padding: 0 12px 30px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
color: #000;
margin-bottom: 35px
}
.main-card__image {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 128px;
height: 128px;
border-radius: 70px;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
transform: translateY(-78px)
}
.doctor__infoblock-ico,
.location-infoblock-ico {
top: 50%;
transform: translateY(-50%)
}
.main-card__name {
font-size: 18px;
line-height: 23px;
font-weight: 500;
margin-bottom: 25px
}
.main-card__specialty {
font-size: 16px;
line-height: 21px;
color: #F56CA8
}
.main-card__description {
font-size: 14px;
font-weight: 300;
font-style: italic;
line-height: 18px;
border-bottom: 1px solid #9A9A9A;
padding: 20px 0
}
.doctor__header--mobile__card.doctor__main-card {
padding-top: 75px
}
.doctor__header-infoblock.--mobile,
.doctor__header-locations.--mobile {
margin: 0 0 0 23px
}
.doctor__header-locations.--mobile {
position: relative;
padding-left: 35px;
margin-top: 35px;
margin-bottom: 35px
}
.location-infoblock-ico {
position: absolute;
left: 0
}
.dr-location-link {
display: block;
margin-right: 0;
font-weight: 400;
font-size: 12px;
line-height: 18px;
text-align: left;
margin-bottom: 7px
}
.doctor__header-infoblock.--mobile {
font-size: 14px;
flex-basis: 0;
text-align: left;
margin-bottom: 25px
}
.doctor__infoblock-content span {
font-size: 16px
}
.doctor__infoblock-content a {
position: absolute;
top: 100%;
font-size: 11px
}
.doctor__header-reviews-ui {
flex-wrap: wrap
}
.reviews-ui__btn {
width: 100%
}
.reviews-ui__btn:first-child {
margin-bottom: 20px
}
.doctor__header-reviews {
padding: 30px 0 0
}
.doctor__header--mobile-price .price-box__price {
text-align: center
}
.doctor__header--mobile-price .price-box__price .old-price {
font-size: 24px;
padding-right: 14px
}
.doctor__header--mobile-price .price-box__price .new-price {
font-size: 36px
}
.doctor__header-button.--actionButton {
margin: 35px 0 40px
}
.doctor__header-button {
padding: 0;
text-align: center
}
.doctor__header--mobile__fav-ico {
position: absolute;
top: 12px;
left: 12px
}
}
@media (min-width:961px) {
.doctor__header__fav-ico {
position: absolute;
top: 0;
left: -35px;
transform: translateX(-100%)
}
.doctor__tabs {
margin-top: 64px
}
.doctor__page-content {
padding-top: 30px
}
.doctor__page--showContent,
.mobile_doctor__slider {
display: none
}
.default__page-title {
margin: 10px 0
}
.doctors__search-results.alwaysShow {
display: block
}
.doctor__review-slide {
color: #2E2E2E;
text-align: center;
width: 100%
}
.review-slide__text {
font-size: 18px;
line-height: 27px;
font-weight: 400;
margin-bottom: 40px
}
.review-slide__name {
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 20px
}
.review-slide__date {
font-size: 16px;
line-height: 21px;
font-weight: 400
}
.doctor__review-slide__inner {
margin: 0 70px
}
.review-slide__text p {
margin: 0;
padding: 0
}
.review-slide__buttons {
width: 515px;
margin: 55px auto 0;
display: flex;
justify-content: space-between
}
.review-slide__btn {
width: 245px;
flex-grow: 0
}
.review-slide__btn .button.price-box__button {
width: 100%
}
.doctor__reviews-slider--arows {
text-align: center;
margin-top: 50px
}
}
@media (max-width:1170px) {
.doctor__header-name h1,
.doctor__header-reviews-ui {
padding: 0
}
.doctor__header-cell.doctor__header--left {
width: 370px
}
.doctor__header-image {
width: 370px;
height: 370px;
border-radius: 180px
}
.doctor__header-cell.doctor__header--right {
margin-left: 50px
}
}
@media (min-width:1170px) {
.doctor__tab--content ul {
margin-left: 30px
}
.doctor__tab.alwaysOpen {
margin-bottom: 170px
}
.doctor__reviews {
padding-top: 65px
}
.doctor-selection__caption.--border_bottom h3 {
margin-bottom: 68px
}
.review-slide__name {
margin-bottom: 10px
}
.doctor-selection.detail_page {
padding-top: 100px
}
.doctor-selection.detail_page .doctors-row {
margin-bottom: 60px
}
.page-doctors-list {
padding-bottom: 35px
}
}
.mobile-doctor__wrap {
padding: 115px 30px 0;
position: relative;
margin-bottom: 40px
}
.mobile-doctor__wrap:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 280px;
width: 100%;
background-image: url(/assets/css/../img/mobile_doctor--bg.png);
z-index: -1;
background-position: center;
-webkit-background-size: cover;
background-size: cover
}
.mobile-doctor__block {
background-color: #FFF;
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
position: relative;
padding: 75px 15px 0;
text-align: center
}
.mobile-doctor__bookmark {
position: absolute;
top: 10px;
left: 12px
}
.mobile-doctor__image {
position: absolute;
top: -70px;
left: 0;
right: 0;
width: 128px;
height: 128px;
border-radius: 69px;
background-color: #C4C4C4;
margin: auto;
z-index: 2;
background-position: center center;
-webkit-background-size: cover;
background-size: cover
}
.mobile-doctor__rating .rating_wrapper .rating_star {
width: 19px;
height: 18px;
-webkit-background-size: cover;
background-size: cover
}
.mobile-doctor__rating .reviews_link {
line-height: 18px;
font-size: 14px;
color: #96B4E8
}
.mobile-doctor__rating {
display: flex;
align-content: center;
justify-content: center
}
.mobile-doctor__name .h3,
.mobile-doctor__name h3 {
font-weight: 500;
line-height: 23px;
font-size: 18px;
text-align: center;
color: #000;
margin: 15px 0
}
.mobile-doctor__specialty {
font-weight: 400;
line-height: 21px;
font-size: 16px;
text-align: center;
color: #F56CA8;
margin-bottom: 10px;
padding: 0 10px
}
.mobile-doctor__description {
font-style: italic;
font-weight: 300;
line-height: 18px;
font-size: 14px;
text-align: center;
color: #000;
border-bottom: 1px solid #c2c2c2
}
.mobile-doctor__locations .doctor-locations {
display: flex;
align-items: center;
justify-content: center;
font-weight: 300;
line-height: 18px;
font-size: 12px;
color: #2E2E2E;
margin: 18px 0 14px
}
.mobile-doctor__locations .doctor-location_icon {
margin-right: 10px
}
.mobile-doctor__locations.doctor-locations {
display: flex;
align-items: center;
justify-content: center;
font-weight: 300;
line-height: 18px;
font-size: 12px;
color: #2E2E2E;
margin: 18px 0 14px
}
.mobile-doctor__locations .doctor-location_text>
a {
display: block;
text-decoration: underline;
color: #6272FF;
line-height: 18px;
font-size: 12px
}
.mobile-doctor__pricebox {
margin: 10px -15px 20px;
text-align: center
}
.mobile-doctor__pricebox .price-box__price .old-price {
font-weight: 300;
line-height: normal;
font-size: 20px;
text-decoration-line: line-through;
color: #9A9A9A;
padding-right: 10px
}
.mobile-doctor__pricebox .price-box__price .new-price {
font-size: 35px
}
.mobile-doctor__buttons {
padding-bottom: 40px
}
.section-divider.mobile__list-zero-margin {
margin-bottom: 0
}
@media (min-width:961px) {
.mobile-doctor__list {
display: none
}
}
.search_results {
display: none
}
@media (max-width:960px) {
.page__title h1 {
margin: 0 0 35px;
padding: 0;
line-height: 39px;
font-size: 30px;
color: #2E2E2E;
font-weight: 400
}
.search__form .search__btn {
padding: 15px 36px 85px
}
.search__input-wrap {
height: 42px;
width: 100%;
position: relative;
border-radius: 21px;
border: 1px solid #F56CA8
}
.search__hint {
display: none !important
}
.mobile-menu__search-box.active .search__main-autocomplete {
display: block
}
.search__main-autocomplete {
display: none;
padding: 0 15px 0 20px
}
.search__input-wrap.opened {
height: auto
}
.search__autocomplete__cat-title {
color: #9A9A9A;
font-size: 14px;
font-weight: 400;
line-height: 35px;
text-transform: uppercase;
border-bottom: 1px solid #e0e0e0
}
.autocomplete__item--title {
color: #2E2E2E;
font-size: 16px;
padding-top: 10px;
max-height: 54px;
overflow: hidden
}
.autocomplete__item--title a {
text-decoration: none;
color: inherit
}
.autocomplete__price-box {
padding: 5px 0 0
}
.search__autocomplete__item {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px
}
.search__autocomplete__item:last-child {
border-bottom: 0
}
.autocomplete__price-box .oldPrice {
font-size: 18px;
color: #A0A0A0;
text-decoration: line-through;
padding-right: 10px
}
.search_autocomplete__more-btn {
padding: 5px 0;
text-align: center;
color: #2E2E2E
}
.search_autocomplete__more-btn a {
text-decoration: none;
color: inherit
}
.autocomplete__price-box .newPrice {
font-size: 28px;
color: #F56CA8
}
.autocomplete__price-box .newPrice.regularPrice {
color: #9A9A9A
}
.search__icon {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%)
}
.search__input__wrap-fix {
display: block;
height: 42px;
padding: 0 25px 0 60px;
position: relative
}
.main__search-input {
height: 100%;
width: 100%;
background: 0 0;
border: 0
}
.search__mobile-hint {
margin: 10px 0 16px;
font-weight: 300;
line-height: 21px;
font-size: 14px;
color: #2E2E2E;
text-align: center
}
.search__btn .button {
height: 55px;
border-radius: 31px
}
.search__close,
.search_result-cell.--link {
display: none
}
.mobile-menu__search-box.active .search__close,
.search__input-wrap.opened .search__close {
display: block;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%)
}
.mobile-menu__search-box.active .search__close {
top: 21px
}
.search_results {
padding-top: 30px;
color: #2E2E2E;
padding-bottom: 75px
}
.search_results_caption {
margin-bottom: 30px;
font-weight: 300;
line-height: normal;
font-size: 16px;
color: #2E2E2E
}
.search_result-item {
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px
}
.search_result-category {
color: #E3267A;
text-transform: uppercase;
line-height: 18px;
font-size: 14px;
font-weight: 500
}
.search_result-title {
font-size: 16px;
margin: 5px 0;
font-weight: 300
}
.search_result-title a {
text-decoration: none;
color: inherit
}
.search_result-description p {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 300
}
.search_result-cell.--price-box .oldPrice {
font-weight: 300;
line-height: normal;
font-size: 18px;
text-decoration-line: line-through;
color: #A0A0A0;
padding-right: 11px;
display: inline-block;
min-width: 84px
}
.search_result-cell.--price-box .newPrice {
font-style: normal;
font-weight: 400;
line-height: normal;
font-size: 28px;
color: #F56CA8
}
.search_result-cell.--price-box {
margin-top: 5px
}
.pagination {
margin: 45px 0 0;
padding: 0;
list-style-type: none
}
.pagination__li {
display: inline-block;
line-height: 28px;
font-size: 18px;
color: #2E2E2E;
text-align: center;
transition: color .3s ease;
padding: 0 5px
}
.pagination__li a {
color: inherit;
text-decoration: none;
transition: color .3s ease
}
.pagination__li.active,
.pagination__li:hover a {
color: #F56CA8;
font-size: 22px;
font-weight: 600
}
.pagination__li .pagination__arrow {
margin: 0 5px
}
.pagination__arrow svg {
fill: #9A9A9A
}
.pagination__li a:hover .pagination__arrow svg {
fill: #F56CA8
}
}
@media (min-width:961px) {
.page__title h1 {
margin: 0 0 85px;
font-weight: 400;
line-height: 62px;
font-size: 48px;
color: #2E2E2E
}
.search__form {
display: flex;
margin-bottom: 13px
}
.search__input-wrap {
flex-grow: 1;
margin-right: 30px;
border: 1px solid #F08BB7;
border-radius: 31px;
height: 55px;
position: relative
}
.search__input-wrap.opened {
height: auto
}
.search__input__wrap-fix {
padding: 0 70px;
height: 55px;
position: relative
}
.search__input-wrap .main__search-input {
height: 100%;
width: 100%;
background-color: transparent;
border: 0;
border-bottom: 1px solid transparent;
transition: border-color .3s ease
}
.main__search-input:focus {
outline: 0
}
.main__search-input::-webkit-input-placeholder {
font-weight: 300;
font-size: 20px;
color: #9A9A9A
}
.main__search-input:-moz-placeholder {
font-weight: 300;
font-size: 20px;
color: #9A9A9A
}
.main__search-input::-moz-placeholder {
font-weight: 300;
font-size: 20px;
color: #9A9A9A
}
.main__search-input:-ms-input-placeholder {
font-weight: 300;
font-size: 20px;
color: #9A9A9A
}
.search__input-wrap.opened .main__search-input {
border-bottom: 1px solid #e0e0e0
}
.search__close,
.search__icon {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%)
}
.search__close {
display: none;
right: 25px;
left: unset;
cursor: pointer
}
.search__input-wrap.opened .search__close {
display: block
}
.search__btn {
width: 228px
}
.search__btn .button {
height: 55px;
border-radius: 31px
}
.search__hint {
font-weight: 300;
line-height: 21px;
font-size: 14px;
color: #2E2E2E;
margin-left: 70px
}
.search__main-autocomplete {
padding: 30px 0 48px;
width: 100%;
display: none
}
.search__input-wrap.opened .search__main-autocomplete {
display: block
}
.search_layout {
padding-bottom: 370px
}
.search_layout.openedAutocomplete {
min-height: 1700px;
padding-bottom: 0
}
.search_layout.haveResults {
padding-bottom: 50px
}
.search__autocomplete__cat-title {
padding: 8px 73px 0 58px;
margin-top: -1px;
margin-bottom: -1px;
background-color: #fff;
position: relative
}
.search__autocomplete__cat-title span {
display: block;
position: relative;
padding: 11px 12px;
border-bottom: 1px solid #e0e0e0;
line-height: normal;
font-size: 14px;
text-transform: uppercase;
color: #9A9A9A;
transition: color .35s ease, border-color .35s ease
}
.search__autocomplete__cat.hovered .search__autocomplete__cat-title span {
color: #6999C0;
border-color: #A7C9E4
}
.search__autocomplete__item {
display: flex;
padding: 0 40px 0 90px;
transition: background .4s ease;
height: 57px;
align-items: center;
position: relative;
top: -1px
}
.search__autocomplete__item:after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 58px;
right: 73px;
height: 1px;
background-color: #e0e0e0
}
.search__autocomplete__item:hover {
background-color: #ECF2FE;
position: relative;
top: -1px
}
.search__autocomplete__item:hover:after,
.search__autocomplete__item:last-child:after {
display: none
}
.autocomplete__item--title {
font-weight: 400;
line-height: normal;
font-size: 18px;
color: #2E2E2E;
width: 545px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 28px;
max-width: 545px;
flex: 1
}
.autocomplete__item--title a {
text-decoration: none;
color: inherit
}
.autocomplete__item--price {
width: 175px
}
.autocomplete__price-box .oldPrice {
font-weight: 300;
line-height: normal;
font-size: 14px;
text-decoration-line: line-through;
color: #A0A0A0;
margin-right: 12px
}
.autocomplete__price-box .newPrice {
font-weight: 400;
line-height: normal;
font-size: 24px;
color: #F56CA8
}
.search_autocomplete__more-btn {
text-align: center;
padding-top: 30px;
line-height: normal;
font-size: 16px;
text-transform: uppercase;
color: #2E2E2E
}
.search_autocomplete__more-btn a {
color: inherit;
text-decoration: none
}
.search_results_caption {
padding-bottom: 17px;
border-bottom: 1px solid #ccc;
font-weight: 300;
line-height: normal;
font-size: 18px;
color: #2E2E2E
}
.search_result-category {
color: #E3267A;
text-transform: uppercase;
line-height: 18px;
font-size: 14px
}
.search_result-item {
color: #2E2E2E;
transition: background .4s ease
}
.search_result-item:hover {
background-color: #F8E8F6
}
.search_result-title {
font-size: 20px;
margin: 7px 0;
font-weight: 300
}
.search_result-title a {
text-decoration: none;
color: inherit
}
.search_result-description p {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 300
}
.search_result-item {
display: flex;
padding: 15px 70px 20px;
align-items: center;
border-bottom: 1px solid #e0e0e0
}
.search_result-cell.--content {
max-width: 680px;
flex-shrink: 0
}
.search_results_caption span {
display: block;
padding-left: 70px
}
.search_result-cell.--price-box .oldPrice {
font-weight: 300;
line-height: normal;
font-size: 18px;
text-decoration-line: line-through;
color: #A0A0A0;
padding-right: 11px;
display: inline-block;
min-width: 84px
}
.search_result-cell.--price-box .newPrice {
font-style: normal;
font-weight: 400;
line-height: normal;
font-size: 28px;
color: #F56CA8
}
.search_result-cell.--link {
flex: 1;
text-align: right
}
.search_results__body {
padding: 15px 0 70px
}
.search_results .pagination {
padding-top: 90px
}
}
.main-search__reset.close,
.main__search__autocomplete,
.service__main-search_results .search__close.close {
display: none
}
@media (min-width:961px) and (max-width:1171px) {
.search_result-cell.--price-box {
padding: 0 15px;
flex: 1;
text-align: center
}
.search_result-cell.--content {
max-width: 520px
}
.search_result-cell.--link {
flex: 0
}
}
@media (min-width:1171px) {
.search_result-cell.--price-box {
padding: 0 45px 0 84px
}
}
.visible_mobile .button {
margin-top: 15px
}
.main-menu__list,
.main-submenu__list {
list-style-type: none;
margin: 0;
padding: 0
}
.main__search-input:focus {
outline: 0
}
.main__search {
-webkit-transition: width .5s linear;
-o-transition: width .5s linear;
transition: width .5s linear
}
@media only screen and (max-width:1199px) and (min-width:962px) {
.main__search {
width: 162px
}
}
@media only screen and (min-width:962px) {
.main-menu__lnk,
.main__search {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.main-menu__lnk,
.main-submenu__lnk {
font-style: normal;
text-decoration: none
}
.main-menu-search__more a svg,
.main-submenu__ttl__ar svg {
fill: currentColor
}
.main__search {
width: 300px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.main__search-input {
background: #FFF;
border: 1px solid #9A9A9A;
-webkit-border-radius: 21px;
border-radius: 21px;
height: 42px;
line-height: 42px;
width: 100%;
padding-left: 60px
}
.main__search-input::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.main__search-input:-moz-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.main__search-input::-moz-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.main__search-input:-ms-input-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.main__search__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 18px
}
.footer--social-block {
cursor: pointer;
pointer-events: visible;
display: inline-block
}
.main__search__icon--close {
right: 20px;
left: unset;
cursor: pointer
}
.active__search .main__search-input {
-webkit-border-radius: 21px;
border-radius: 21px;
margin: 0 auto;
display: block;
padding-left: 60px;
border: 1px solid #9A9A9A;
z-index: 10
}
.valued_search.active__search .main__search-input {
width: 364px;
margin: 0 auto;
padding-left: 10px;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid #9A9A9A
}
.active__search .opened_menu_wrapper {
position: absolute;
top: 20px !important;
width: 463px;
right: 0;
background-color: #fff;
-webkit-border-radius: 20px;
border-radius: 20px
}
.valued_search.active__search .opened_menu_wrapper {
border: 1px solid #96B4E8;
border-bottom: none;
-webkit-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0
}
.active__search .main__search__autocomplete {
display: none;
position: absolute;
top: 62px;
right: 1px;
width: 461px;
z-index: 20;
border: 1px solid #96B4E8;
-webkit-border-radius: 0 0 21px 21px;
border-radius: 0 0 21px 21px;
border-top: 0;
min-height: 56px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: #fff;
margin: 0 -1px
}
.header-nav-flex,
.menu_nav_wrapper {
position: relative
}
.active__search .main__search__icon--close,
.sticky_btn .button,
.valued_search.active__search .main__search__autocomplete {
display: block
}
.main-menu {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.main__search {
padding: 20px 0 12px;
transition: all .3s ease 0s
}
.sticky .main__search {
padding: 12px 0
}
.header-nav-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.main-menu__dropdown {
display: none !important
}
.main-menu__itm,
.main-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.main-menu__itm:hover .main-menu__dropdown {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.main-menu_arrow,
.main-submenu__arrow {
display: none !important
}
.main-menu.main-menu_hover .main-menu__lnk {
color: #A0A0A0
}
.main-menu.main-menu_hover .main-menu__lnk:hover {
color: #2E2E2E
}
.main-menu__lnk {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #2E2E2E;
border-bottom: 2px solid transparent;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 20px 12px;
white-space: nowrap;
transition: all .3s ease 0s
}
.main-menu__dropdown,
.main-submenu__lnk {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.main-menu__lnk:hover {
color: #2E2E2E;
border-color: #F56CA8
}
.main-menu__dropdown {
position: absolute;
top: 100%;
left: 0;
overflow: hidden;
transition: all .3s ease 0s;
background: #FFF;
padding: 40px 0;
width: 100%;
z-index: 10000;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .03);
box-shadow: 0 10px 20px rgba(0, 0, 0, .03);
border-top: 1px solid #C4C4C4
}
.main-menu__clmn {
width: 25%;
padding: 0 40px;
border-left: 1px solid #DCDCDC
}
.main-menu__clmn:first-child {
border: none
}
.main-menu__clmn_1 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.main-menu__clmn_2 {
width: 45.385%;
max-width: 45.385%;
-webkit-flex-basis: 45.385%;
-ms-flex-preferred-size: 45.385%;
flex-basis: 45.385%
}
.main-submenu+.main-submenu .main-submenu__ttl:not(.main-submenu__ttl_more) {
margin-top: 25px
}
.main-submenu__ttl {
text-transform: uppercase;
margin-bottom: 25px;
font-weight: 700
}
.main-submenu__ttl>
a,
.main-submenu__ttl>
div,
.main-submenu__ttl>
span {
display: inline-block;
text-decoration: none;
padding-bottom: 13px;
border-bottom: 1px solid #000;
color: inherit
}
.main-submenu__ttl_more a {
display: block;
font-size: 14px;
line-height: 16px;
padding-right: 25px;
position: relative
}
.main-submenu__ttl__subttl {
font-size: 12px;
line-height: 18px;
color: #9A9A9A;
text-transform: none;
font-weight: 400;
margin-top: 4px
}
.main-submenu__ttl__ar {
position: absolute;
top: 0;
right: 0
}
.main-submenu__txt {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 21px;
color: #9A9A9A
}
.main-submenu__itm {
padding: 7px 0
}
.main-submenu__lnk {
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: #2E2E2E;
transition: all .3s ease 0s
}
.main-submenu__lnk:hover {
text-decoration: underline
}
.main-submenu__list {
display: block !important;
margin: 12px 0 16px !important;
height: auto !important
}
.main-submenu__list_cites .main-submenu__itm {
padding: 4px 0
}
.main-submenu__list_cites .main-submenu__lnk {
position: relative;
font-size: 14px;
line-height: 17px;
font-weight: 400
}
.main-submenu__list_cites .main-submenu__lnk_active .main-submenu__lnk {
padding-left: 35px;
color: #F56CA8;
text-decoration: none
}
.main-submenu__list_cites .main-submenu__lnk_active .main-submenu__lnk .main-submenu__marker {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.main-submenu__marker {
position: absolute;
left: 0;
top: -4px;
opacity: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.main-submenu__marker svg {
display: block
}
.main-menu-search {
text-align: center;
max-width: 460px;
width: 100%
}
.main-menu-search__pict {
padding: 58px 0 25px
}
.main-menu-search__ttl {
font-weight: 700;
margin: 0 0 13px;
font-size: 16px;
line-height: 19px
}
.main-menu-search__more__ar {
position: absolute;
top: 0;
right: 0
}
.main-menu-search__more {
font-weight: 300;
font-size: 16px;
line-height: 19px
}
.main-menu-search__more a {
display: inline-block;
padding-right: 25px;
position: relative;
text-decoration: none;
color: #2E2E2E
}
.main-menu__clmn_map,
.menu-map,
.menu-map__inner {
display: flex
}
.main-menu__clmn_vm {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.menu-map,
.menu-map__inner {
width: 100%
}
.menu-map__inner {
position: relative
}
.menu-map__mapblock {
position: relative;
width: 100%
}
.main-menu__clmn_4 {
width: 33.4%;
-webkit-flex-basis: 33.4%;
-ms-flex-preferred-size: 33.4%;
flex-basis: 33.4%;
border: none;
padding-left: 0
}
.menu-actions__ttl {
font-size: 20px;
line-height: 23px;
font-weight: 700;
margin: 0 0 30px
}
.menu-actions__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -20px
}
.menu-actions__clm {
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px
}
.menu-actions__action {
position: relative;
font-size: 16px;
line-height: 21px
}
.menu-actions__action:hover {
color: #F56CA8
}
.menu-actions__action__pict {
margin: 0 0 16px
}
.menu-actions__action__pict img {
display: block;
width: 100%
}
.menu-actions__action__date {
margin-top: 5px;
font-weight: 300
}
.menu-actions__action__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.menu-action-list__action {
position: relative
}
.menu-action-list__title {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 8px;
text-align: right;
margin: 0 0 21px
}
.menu-action-list__title a {
display: inline-block;
padding-right: 20px;
font-size: 18px;
line-height: 21px;
color: #9A9A9A;
position: relative;
text-decoration: none
}
.menu-action-list__itm:hover,
.menu-action-list__title a:hover {
color: #F56CA8
}
.menu-action-list__title a svg {
fill: currentColor;
position: absolute;
right: 0;
top: 7px
}
.menu-action-list__itm {
margin-bottom: 28px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.menu-action-list__itm_big {
margin-bottom: 24px
}
.menu-action-list__itm_big .menu-action-list__pict {
width: 51.5%
}
.menu-action-list__itm_big .menu-action-list__desc {
width: 48.5%
}
.menu-action-list__pict {
width: 34%
}
.menu-action-list__pict img {
display: block;
width: 100%
}
.menu-action-list__desc {
width: 66%;
padding-left: 19px;
font-size: 14px;
line-height: 18px
}
.menu-action-list__ttl {
margin: 0 0 10px
}
.menu-action-list__date {
font-weight: 300
}
.menu-action-list__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
@media only screen and (max-height:800px) and (min-width:962px) {
.main-menu__dropdown {
padding-top: 20px;
padding-bottom: 15px
}
.main-submenu__itm {
padding-top: 3px;
padding-bottom: 3px
}
.menu-banner__txt {
display: none
}
.main-submenu__ttl {
margin-bottom: 15px
}
}
@media only screen and (max-width:1199px) and (min-width:962px) {
.main__search {
width: 162px
}
.menu-map__popup .button .fz-14 {
font-size: 12px
}
}
.subscribebox {
max-width: 547px;
margin-top: 21px
}
.subscribebox__ttl {
font-size: 16px;
line-height: 19px;
color: #9A9A9A;
margin-bottom: 10px
}
.subscribebox__footnote {
font-size: 10px;
line-height: 15px;
color: #707070
}
.subscribebox__footnote a {
color: inherit
}
.subscribebox__form {
margin: 0 -6px 5px;
display: flex
}
.subscribebox__form__clmn {
padding: 0 6px;
width: 39%
}
.subscribebox__form__clmn:first-child {
width: 61%;
-webkit-flex-basis: 61%;
-ms-flex-preferred-size: 61%;
flex-basis: 61%
}
.subscribebox__inp {
border: 1px solid #CDCDCD;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 42px;
line-height: 42px;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #2E2E2E;
padding: 0 27px
}
.subscribebox__inp::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.subscribebox__inp:-moz-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.subscribebox__inp::-moz-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.subscribebox__inp:-ms-input-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.main-menu__clmn_banners {
position: relative
}
.main-menu__banners {
max-width: 100%;
position: relative;
display: none
}
.main-menu__banners .slick-dots {
position: absolute;
left: 0;
bottom: 13px;
width: 100%;
text-align: center;
font-size: 0;
line-height: 0;
cursor: pointer
}
.main-menu__banners .slick-dots li {
display: inline-block;
vertical-align: top
}
.main-menu__banners .slick-dots li button {
width: 12px;
height: 12px;
display: block;
text-indent: -999px;
overflow: hidden;
position: relative;
padding: 0;
border: none;
background: 0 0;
outline: 0 !important
}
.main-menu__banners .slick-dots li button:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
-webkit-border-radius: 100%;
border-radius: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9A9A9A
}
.main-menu__banners .slick-dots li button:hover:after,
.main-menu__banners .slick-dots li.slick-active button:after {
background: #F56CA8
}
.main-menu__banners .slick-arrow {
position: absolute;
top: 50%;
outline: 0;
width: 35px;
height: 35px;
text-indent: -9999px;
z-index: 9999;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
border: none;
background: 0 0;
margin-top: -17.5px;
-webkit-background-size: 100% 100%;
background-size: 100%;
border-right: no-repeat;
padding: 0;
cursor: pointer
}
.actions-section__carousel *,
.complexes-container__carousel *,
.feedback-container__carousel *,
.menu-banner *,
.slick-arrow,
.slick-carousel *,
.video-section__carousel * {
outline: 0 !important
}
.menu-banner_two-clmn .menu-banner__desc,
.menu-banner_two-clmn .menu-banner__pict {
padding-left: 15px;
padding-right: 15px
}
.main-menu__banners .slick-arrow svg {
display: block
}
.main-menu__banners .slick-arrow:hover svg circle {
fill: #FFB0D2
}
.main-menu__banners .slick-arrow:hover svg path,
.page-map__location-icon svg path {
fill: #FFF
}
.main-menu__banners .slick-arrow.slick-prev {
left: -17.5px
}
.main-menu__banners .slick-arrow.slick-next {
right: -17.5px
}
.main-menu__banners .slick-arrow.slick-next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.menu-banner {
font-size: 14px;
line-height: 21px;
background: #FFF;
position: relative
}
.menu-banner:hover .menu-banner__ttl {
text-decoration: underline
}
.menu-banner__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.menu-banner__desc,
.searchbox {
position: relative
}
.menu-banner__pict img {
display: block;
width: 100%
}
.menu-banner_two-clmn .menu-banner__descs,
.menu-banner_two-clmn .menu-banner__picts {
width: 50%
}
.menu-banner__prices {
display: flex;
margin: 9px 0 15px
}
.menu-banner__prices__l {
margin-right: auto
}
.menu-banner__price-old {
font-size: 14px;
line-height: 16px
}
.menu-banner__price-old span {
font-style: normal;
font-weight: 300;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #A0A0A0
}
.menu-banner__price {
font-size: 24px;
line-height: 28px;
color: #F56CA8
}
.menu-banner__sale-ttl {
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #2E2E2E
}
.menu-banner__sale {
font-size: 20px;
line-height: 28px;
color: #90CA87;
font-weight: 500
}
.menu-banner__ttl {
margin: 0 0 15px;
color: #2E2E2E
}
.menu-banner__txt {
color: #9A9A9A
}
.menu-banner_two-clmn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -15px
}
.menu-banner_two-clmn .menu-banner__picts .slick-arrow.slick-prev {
left: -3px
}
.menu-banner_two-clmn .menu-banner__picts .slick-arrow.slick-next {
right: -3px
}
.searchbox {
border: 1px solid #9A9A9A;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: left
}
.searchbox__input {
background: #FFF;
height: 42px;
border: none;
line-height: 42px;
width: 100%;
padding: 0 15px 0 60px;
-webkit-border-radius: 21px;
border-radius: 21px
}
.searchbox_open-outocomplete {
border: 1px solid #96B4E8;
border-bottom: none;
-webkit-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0
}
.searchbox_open-outocomplete .searchbox__autocomplete {
display: block
}
.searchbox_active .searchbox__lbl {
visibility: visible;
opacity: 1
}
.searchbox__input::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.searchbox__input:-moz-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.searchbox__input::-moz-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.searchbox__input:-ms-input-placeholder {
color: #9A9A9A;
font-size: 16px !important;
font-weight: 300
}
.searchbox__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 18px;
color: #333
}
.searchbox__icon svg {
fill: currentColor
}
.searchbox__lbl {
font-weight: 300;
font-size: 14px;
line-height: 21px;
color: #9A9A9A;
position: absolute;
bottom: 100%;
left: 0;
padding: 0 0 5px 60px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.searchbox__autocomplete {
display: none;
overflow: hidden;
position: absolute;
top: 100%;
right: 0;
width: 100%;
z-index: 20;
border: 1px solid #96B4E8;
-webkit-border-radius: 0 0 21px 21px;
border-radius: 0 0 21px 21px;
border-top: 0;
min-height: 80px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: #fff;
margin: 0 -1px
}
.searchbox__autocomplete__list {
max-height: 225px
}
.searchbox__autocomplete__list .mCSB_outside+.mCSB_scrollTools {
right: 0;
width: 19px;
padding: 0;
margin: 6px 0
}
.searchbox__autocomplete__list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #D4E2FF !important;
-webkit-border-radius: 21px;
border-radius: 21px;
opacity: 1
}
.searchbox__autocomplete__list .mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background: #F6F6F6 !important;
-webkit-border-radius: 21px;
border-radius: 21px;
opacity: 1
}
.mCS_no_scrollbar .searchbox__autocomplete__itm {
padding-right: 0
}
.searchbox__autocomplete__itm {
padding-right: 19px
}
.searchbox__autocomplete__lnk {
text-decoration: none;
font-size: 16px;
line-height: 19px;
color: #9A9A9A;
padding: 13px 15px 13px 60px;
display: block
}
.searchbox__autocomplete__lnk b {
color: #2E2E2E
}
.searchbox__autocomplete__lnk:hover {
background: #ECF2FE
}
.menu-map__popups {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
padding: 30px 0 0;
background: #FFF
}
.menu-map__popup {
display: none
}
.menu-map__popup .button {
display: block
}
.menu-map__popup_visible {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -10px
}
.menu-map__popup__clmn {
width: 50%;
padding: 0 10px
}
.menu-map__popup__ttl {
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #F56CA8;
font-weight: 700
}
.menu-map__popup__more {
font-size: 14px;
line-height: 16px;
color: #9A9A9A;
display: inline-block;
position: relative;
padding-right: 20px;
text-decoration: none
}
.menu-map__popup__more:hover {
color: #F56CA8
}
.menu-map__popup__more svg {
position: absolute;
top: 4px;
right: 0;
fill: currentColor
}
.menu-map__popup__address,
.menu-map__popup__mail,
.menu-map__popup__phone {
position: relative;
padding-left: 33px
}
.menu-map__popup__address svg,
.menu-map__popup__mail svg,
.menu-map__popup__phone svg {
position: absolute;
top: 0;
left: 0;
fill: #F56CA8
}
.menu-map__popup__mail svg,
.menu-map__popup__phone svg {
top: 4px
}
.menu-map__popup__phone {
margin-bottom: 5px;
margin-top: 27px
}
.menu-map__popup__phone_number {
font-weight: 500;
font-size: 17px;
line-height: 26px;
color: #2E2E2E;
text-decoration: none;
display: block
}
.menu-map__popup__phone__call {
font-size: 12px;
line-height: 15px;
color: #F56CA8;
margin-top: -3px;
display: inline-block;
vertical-align: top
}
.menu-map__popup__address {
font-size: 14px;
line-height: 21px;
margin-bottom: 12px;
margin-top: 27px
}
.menu-map__popup__mail a {
color: #6272FF;
text-decoration: none;
font-size: 14px;
line-height: 21px
}
.menu-map__popup__time {
font-size: 12px;
line-height: 18px;
padding-left: 25px
}
@media only screen and (min-width:962px) {
.main__search__icon__ar {
display: none !important
}
}
.valued_search.active__search .main__search__autocomplete {
display: block
}
.socialsbox {
background: #F56CA8;
padding: 11px 0 18px;
text-align: center
}
.socialsbox__ttl {
font-size: 16px;
line-height: 19px;
color: #FFF;
margin: 0 0 9px
}
.socialsbox__list {
font-size: 0;
line-height: 0
}
.socialsbox__itm {
display: inline-block;
margin: 0 9px;
vertical-align: top
}
.socialsbox__itm a {
border: 1px solid #FFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 38px;
height: 39px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.socialsbox__itm svg {
display: block
}
.header-nav-overflay {
position: fixed;
top: 65px;
height: -webkit-calc(100% - 65px);
height: calc(100% - 65px);
left: 0;
width: 100%;
background: rgba(0, 0, 0, .5);
opacity: 0;
visibility: hidden;
z-index: -1000
}
@media only screen and (min-width:962px) {
.header-nav-overflay {
height: -webkit-calc(100% - 139px);
height: calc(100% - 139px);
top: 139px
}
.header-nav-overflay.header-nav-overflay_open {
opacity: 1;
visibility: visible;
z-index: 100
}
.header_background.sticky .header-nav-overflay {
height: -webkit-calc(100% - 66px);
height: calc(100% - 66px);
top: 66px
}
}
@media only screen and (max-width:961px) {
.main-menu,
.main__search__autocomplete {
background: #FFF;
overflow-x: hidden;
z-index: 300
}
.header_background.sticky .sticky_btn {
display: none !important
}
.menu-button {
margin-right: 35px;
position: relative;
width: 20px;
height: 20px;
min-width: 20px
}
.menu-button svg {
position: absolute;
margin: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.menu-button.menu-button_active .menu-button__burger {
display: none
}
.menu-button.menu-button_active .menu-button__close {
display: block
}
.menu-button__close {
display: none
}
.main-logo__logo {
padding: 0 5px;
min-width: 90px
}
.page-header__element.ph-book {
padding: 0 10px
}
.page-header__element.search-btn {
position: absolute;
left: 54px;
z-index: 101
}
.header_background.sticky .sticky_search {
display: block
}
.main__search {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
height: 64px;
background: #FFF;
margin: 0 !important;
opacity: 0;
visibility: hidden;
z-index: -100
}
.main__search.main__search_open {
visibility: visible;
z-index: 100;
opacity: 1
}
.main__search-input {
font-weight: 300;
font-size: 16px;
line-height: 20px;
padding: 22px 20px 22px 80px
}
.main__search__icon__loop {
display: none
}
.main__search__icon {
position: absolute;
left: 0;
height: 64px;
width: 80px;
z-index: 100;
top: 0
}
.main__search__icon__ar {
position: absolute;
left: 20px;
top: 25px
}
.header-nav-overflay,
.main-menu {
position: fixed;
top: 65px;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
left: 0
}
.main__search__icon__ar svg {
display: block;
fill: currentColor
}
.main__search__autocomplete {
padding: 0 15px 0 20px;
max-height: 300px;
overflow-y: scroll
}
.main__search .autocomplete_results_group {
color: #9A9A9A;
font-size: 14px;
font-weight: 400;
line-height: 35px;
text-transform: uppercase;
border-bottom: 1px solid #e0e0e0
}
.main__search .autocomplete__item {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px
}
.autocomplete__item-title {
color: #2E2E2E;
font-size: 16px;
padding-top: 10px;
max-height: 54px;
overflow: hidden
}
.autocomplete__item-title a {
color: inherit;
text-decoration: none
}
.autocomplete__item-price .old-price {
font-size: 18px;
color: #A0A0A0;
text-decoration: line-through;
padding-right: 10px;
width: auto
}
.menu_nav_wrapper .container {
padding: 0
}
.menu_nav_wrapper.menu_nav_wrapper_open .main-menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.menu_nav_wrapper.menu_nav_wrapper_open .header-nav-overflay {
opacity: 1;
visibility: visible;
z-index: 300
}
.main-menu {
width: 60%;
overflow-y: scroll;
height: -webkit-calc(100% - 65px);
height: calc(100% - 65px);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition: all .3s ease 0s
}
.header-nav-phone {
line-height: 54px;
height: 54px;
font-size: 20px;
color: #2E2E2E;
background: #F2F2F2;
font-weight: 500;
text-align: center;
display: block;
text-decoration: none;
margin-bottom: 10px
}
.header-nav-overflay {
height: -webkit-calc(100% - 65px);
height: calc(100% - 65px);
width: 100%;
background: rgba(0, 0, 0, .5);
transition: all .3s ease 0s;
opacity: 0;
visibility: hidden;
z-index: -1000
}
.header-mobile-singup {
background: #F56CA8;
padding: 42px 20px
}
.header-mobile-singup .button {
display: block
}
.header-nav-place {
font-size: 14px;
line-height: 16px;
color: #F56CA8;
padding: 17px 20px;
text-align: center
}
.header-nav-place span {
display: inline-block;
position: relative;
padding-left: 32px
}
.header-nav-place span svg {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.main-menu>
ul {
padding: 0 20px
}
.mobile-menu__elements {
display: block;
padding: 45px 20px
}
.mobile-menu__elem+.mobile-menu__elem {
margin-top: 30px
}
.main-menu__itm {
border-top: 1px solid #C4C4C4
}
.main-menu__itm:first-child {
border-top: none
}
.main-submenu,
.main-submenu__itm,
.menu-action-list__action {
border-top: 1px solid #C4C4C4
}
.main-menu__itm.open .main-menu__lnk {
font-weight: 700
}
.main-menu__itm.open .main-menu_arrow svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.main-menu__lnk {
display: block;
position: relative;
font-size: 16px;
line-height: 20px;
padding: 15px 21px 15px 0;
color: #2E2E2E;
text-transform: uppercase;
text-decoration: none
}
.main-menu_arrow,
.main-submenu__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.main-menu_arrow svg,
.main-submenu__arrow svg {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.main-submenu__txt {
display: none
}
.main-menu__dropdown_search-doctor {
padding-top: 82px;
position: relative
}
.main-menu__clmn_search-doctor {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 20px 0;
border-top: 1px solid #C4C4C4;
background: #FFF
}
.searchbox__input {
padding-left: 53px
}
.main-submenu.open .main-submenu__ttl {
font-weight: 500
}
.main-submenu.open .main-submenu__ttl .main-submenu__arrow svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.main-submenu .main-submenu__ttl>
a,
.main-submenu .main-submenu__ttl>
div,
.main-submenu .main-submenu__ttl>
span {
display: block;
position: relative;
font-size: 16px;
line-height: 20px;
padding: 15px 21px 15px 20px;
color: #2E2E2E;
text-transform: uppercase;
text-decoration: none
}
.main-submenu .main-submenu__ttl>
a br,
.main-submenu .main-submenu__ttl>
div br,
.main-submenu .main-submenu__ttl>
span br {
display: none
}
.searchbox__autocomplete__lnk {
padding-left: 15px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.main-menu-search__more,
.main-menu-search__pict,
.main-menu-search__ttl,
.main-menu__clmn_1.main-menu__clmn_action,
.main-menu__clmn_banners,
.main-menu__clmn_map,
.main-submenu__marker,
.main-submenu__ttl__ar,
.main-submenu__ttl__subttl,
.menu-action-list__pict,
.menu-action-list__title,
.searchbox__lbl {
display: none !important
}
.menu-action-list__itm {
position: relative;
padding: 15px 21px 15px 0
}
.menu-action-list__ttl {
font-size: 16px;
margin-bottom: 8px;
line-height: 19px
}
.menu-action-list__date {
font-weight: 300
}
.main-submenu__list {
display: none
}
.main-menu__itm_action .main-menu__lnk {
color: #F56CA8
}
.main-submenu__lnk {
font-size: 14px;
line-height: 16px;
color: #2E2E2E;
padding: 12px 10px 12px 40px;
text-decoration: none;
display: block
}
.main-menu__dropdown {
display: none
}
}
@media only screen and (max-width:767px) {
.main-menu {
width: 80%
}
}
@media only screen and (max-width:479px) {
.main-logo__logo {
width: 90px
}
.page-header__element.ph-book {
padding-left: 10px
}
.page-header__element.ph-book .button {
width: 100px
}
}
.subscribebox__inp.error {
border-color: red
}
.main-menu__list .active>
a {
color: #000 !important;
border-bottom: 2px solid #F56CA8
}
@media (min-width:961px) {
.autocomplete__item>
a {
text-decoration: none;
display: flex
}
.autocomplete__item-title span {
color: inherit;
text-decoration: none;
padding-right: 30px;
padding-left: 73px
}
}
@media (max-width:961px) {
.autocomplete__item>
a {
text-decoration: none
}
}
.active__search .menu__search-icon--close {
display: block
}
.menu-action-list__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media only screen and (min-width:962px) {
.menu-action-list__itm:nth-child(1),
.menu-action-list__itm:nth-child(2) {
display: none
}
.content-sections__block.bg_light_blue {
background-image: url(/assets/css/../img/preg.png), linear-gradient(147.38deg, #FAEAF4 0, #FDF7F9 100.2%);
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
}
@media only screen and (min-width:961px) {
.active__search .opened_menu_wrapper {
width: 600px
}
.valued_search.active__search .main__search-input {
border: none;
width: 100%;
padding-left: 60px
}
.active__search .main__search__autocomplete {
width: 600px
}
.autocomplete__results {
padding: 0
}
.active__search .main__search__autocomplete,
.valued_search.active__search .opened_menu_wrapper {
border: none
}
.active__search .main__search__autocomplete b,
.valued_search.active__search .opened_menu_wrapper b {
font-weight: 700
}
.autocomplete_results_group,
.autocomplete_results_group.active_group {
color: #548FB9;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 17px;
margin: 0 30px;
padding: 8px 0;
border-color: #EAF1F6;
text-transform: uppercase
}
.autocomplete_results_group.active_group:first-child+.autocomplete__item,
.autocomplete_results_group:first-child+.autocomplete__item {
margin-top: 0
}
.autocomplete_results_group+.autocomplete__item,
.autocomplete_results_group.active_group+.autocomplete__item {
border-top: none
}
.autocomplete__item {
margin: 0 30px;
border-top: 1px solid #F0F0F0;
padding: 0
}
.autocomplete__item+.autocomplete_results_group {
margin-top: 19px
}
.autocomplete__item.is-active,
.autocomplete__item:hover {
padding: 0;
background: 0 0
}
.autocomplete__item.is-active a,
.autocomplete__item:hover a {
padding: 10px 30px;
margin-left: -30px;
margin-right: -30px;
background: #EEE
}
.autocomplete__item a {
font-size: 14px;
line-height: 20px;
padding: 10px 0
}
.autocomplete__item-title {
width: 370px
}
.autocomplete__item-title span {
padding-left: 0
}
.autocomplete__more-link {
background: -webkit-linear-gradient(331.44deg, #F56CA8 3.6%, #F08BB7 99.52%);
background: -o-linear-gradient(331.44deg, #F56CA8 3.6%, #F08BB7 99.52%);
background: linear-gradient(118.56deg, #F56CA8 3.6%, #F08BB7 99.52%);
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
margin-top: 14px;
display: block;
color: #FFF;
padding: 11px 0;
letter-spacing: .05em
}
}
@media only screen and (max-width:961px) {
.active__search .opened_menu_wrapper {
width: 100%
}
.active__search .main__search__autocomplete {
width: 100%;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
height: auto;
max-height: none
}
.autocomplete__results {
padding: 0;
border-top: 1px solid #F56CA8;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
max-height: -webkit-calc(70vh - 110px);
max-height: calc(70vh - 110px)
}
.active__search .main__search__autocomplete b,
.valued_search.active__search .opened_menu_wrapper b {
font-weight: 700
}
.autocomplete_results_group,
.autocomplete_results_group.active_group {
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
color: #548FB9;
margin: 0 20px;
padding: 9px 0;
border-color: #EAF1F6;
text-transform: uppercase
}
.autocomplete_results_group.active_group:first-child+.autocomplete__item,
.autocomplete_results_group:first-child+.autocomplete__item {
margin-top: 0
}
.autocomplete_results_group+.autocomplete__item a,
.autocomplete_results_group.active_group+.autocomplete__item a,
.autocomplete_results_group.active_group:first-child+.autocomplete__item a,
.autocomplete_results_group:first-child+.autocomplete__item a {
border-top: none
}
.autocomplete__item {
padding: 0 20px !important;
border-bottom: none !important
}
.autocomplete__item+.autocomplete_results_group {
margin-top: 6px
}
.autocomplete__item:hover {
background: #EEE
}
.autocomplete__item a {
font-size: 14px;
line-height: 20px;
display: table;
border-top: 1px solid #F0F0F0;
width: 100%
}
.autocomplete__item-title {
display: table-cell;
vertical-align: middle;
padding: 8px 0;
font-size: 14px;
line-height: 17px;
height: 50px
}
.autocomplete__item-title span {
max-height: 34px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.autocomplete__item-price {
display: table-cell;
vertical-align: middle;
padding: 8px 0 8px 15px;
width: 1%;
white-space: nowrap;
text-align: right;
height: 50px
}
.autocomplete__item-price>
span {
display: block;
font-size: 16px;
line-height: 19px
}
.autocomplete__item-price>
span.old_price {
font-size: 12px;
line-height: 14px
}
.autocomplete__item-title span {
padding: 0
}
.autocomplete__more-link {
background: -webkit-linear-gradient(331.44deg, #F56CA8 3.6%, #F08BB7 99.52%);
background: -o-linear-gradient(331.44deg, #F56CA8 3.6%, #F08BB7 99.52%);
background: linear-gradient(118.56deg, #F56CA8 3.6%, #F08BB7 99.52%);
-webkit-border-radius: 0;
border-radius: 0;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
display: block;
color: #FFF;
padding: 11px 0;
margin: 0;
letter-spacing: .05em
}
.page-header__element.search-btn {
z-index: 1012
}
.menu__search-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 18px
}
.main__search-input {
padding-right: 50px
}
}
#header_result_list.autocomplete__results .mCSB_outside+.mCSB_scrollTools {
right: 5px;
width: 6px;
border-radius: 21px;
background-color: #F6F6F6;
opacity: 1
}
#header_result_list.autocomplete__results .mCSB_outside+.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
border-radius: 21px;
background-color: #F6F6F6;
opacity: 1
}
#header_result_list.autocomplete__results .mCSB_outside+.mCSB_scrollTools .mCSB_dragger {
opacity: 1
}
#header_result_list.autocomplete__results .mCSB_outside+.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #D4E2FF;
border-radius: 21px
}
@media only screen and (min-width:961px) {
.active__search .opened_menu_wrapper {
width: 600px
}
.valued_search.active__search .main__search-input {
border: none;
width: 100%;
padding-left: 60px
}
.active__search .main__search__autocomplete {
width: 600px
}
.autocomplete__results {
padding: 0;
max-height: 50vh
}
.active__search .main__search__autocomplete,
.valued_search.active__search .opened_menu_wrapper {
border: none
}
.active__search .main__search__autocomplete b,
.valued_search.active__search .opened_menu_wrapper b {
font-weight: 700
}
.autocomplete_results_group,
.autocomplete_results_group.active_group {
color: #548FB9;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 17px;
margin: 0 30px;
padding: 8px 0;
border-color: #EAF1F6;
text-transform: uppercase
}
.autocomplete_results_group.active_group:first-child+.autocomplete__item,
.autocomplete_results_group:first-child+.autocomplete__item {
margin-top: 0
}
.autocomplete_results_group+.autocomplete__item,
.autocomplete_results_group.active_group+.autocomplete__item {
border-top: none
}
.autocomplete__item {
margin: 0 30px;
border-top: 1px solid #F0F0F0;
padding: 0
}
.autocomplete__item+.autocomplete_results_group {
margin-top: 19px
}
.autocomplete__item.is-active,
.autocomplete__item:hover {
padding: 0;
background: 0 0
}
.autocomplete__item.is-active a,
.autocomplete__item:hover a {
padding: 10px 30px;
margin-left: -30px;
margin-right: -30px;
background: #EEE
}
.autocomplete__item a {
font-size: 14px;
line-height: 20px;
padding: 10px 0
}
.autocomplete__item-title {
width: 370px
}
.autocomplete__item-title span {
padding-left: 0
}
.autocomplete__more-link {
background: -o-linear-gradient(331.44deg, #F56CA8 3.6%, #F08BB7 99.52%);
background: linear-gradient(118.56deg, #F56CA8 3.6%, #F08BB7 99.52%);
border-radius: 0 0 20px 20px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
margin-top: 14px;
display: block;
color: #FFF;
padding: 11px 0;
letter-spacing: .05em
}
}
@media only screen and (max-width:961px) {
.active__search .opened_menu_wrapper {
width: 100%
}
.active__search .main__search__autocomplete {
width: 100%;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
height: auto;
max-height: none;
z-index: 300
}
.autocomplete__results {
padding: 0;
border-top: 1px solid #F56CA8;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
max-height: -webkit-calc(70vh - 110px);
max-height: calc(70vh - 110px)
}
.active__search .main__search__autocomplete b,
.valued_search.active__search .opened_menu_wrapper b {
font-weight: 700
}
.autocomplete_results_group,
.autocomplete_results_group.active_group {
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
color: #548FB9;
margin: 0 20px;
padding: 9px 0;
border-color: #EAF1F6;
text-transform: uppercase
}
.autocomplete_results_group.active_group:first-child+.autocomplete__item,
.autocomplete_results_group:first-child+.autocomplete__item {
margin-top: 0
}
.autocomplete_results_group+.autocomplete__item a,
.autocomplete_results_group.active_group+.autocomplete__item a,
.autocomplete_results_group.active_group:first-child+.autocomplete__item a,
.autocomplete_results_group:first-child+.autocomplete__item a {
border-top: none
}
.autocomplete__item {
padding: 0 20px !important;
border-bottom: none !important
}
.autocomplete__item+.autocomplete_results_group {
margin-top: 6px
}
.autocomplete__item:hover {
background: #EEE
}
.autocomplete__item a {
font-size: 14px;
line-height: 20px;
display: table;
border-top: 1px solid #F0F0F0;
width: 100%
}
.autocomplete__item-title {
display: table-cell;
vertical-align: middle;
padding: 8px 0;
font-size: 14px;
line-height: 17px;
height: 50px
}
.autocomplete__item-title span {
max-height: 34px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.autocomplete__item-price {
display: table-cell;
vertical-align: middle;
padding: 8px 0 8px 15px;
width: 1%;
white-space: nowrap;
text-align: right;
height: 50px
}
.autocomplete__item-price>
span {
display: block;
font-size: 16px;
line-height: 19px
}
.autocomplete__item-price>
span.old_price {
font-size: 12px;
line-height: 14px
}
.autocomplete__item-title span {
padding: 0
}
.autocomplete__more-link {
background: -o-linear-gradient(331.44deg, #F56CA8 3.6%, #F08BB7 99.52%);
background: linear-gradient(118.56deg, #F56CA8 3.6%, #F08BB7 99.52%);
border-radius: 0;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
display: block;
color: #FFF;
padding: 11px 0;
margin: 0;
letter-spacing: .05em
}
}
.articles-list__row,
.list-requests,
.other-section__list,
.page-map__info,
.service-doctor__list,
.service-scts {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal
}
.valued_search.active__search {
z-index: 1011
}
.valued_search.active__search+.main__search__overlay {
opacity: 1;
z-index: 100;
visibility: visible
}
.main__search__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
opacity: 0;
visibility: hidden;
z-index: -1000
}
@media only screen and (max-width:961px) {
.page-header__element.search-btn {
z-index: 100
}
.menu__search-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 18px
}
.main__search-input {
padding-right: 50px
}
}
.custom_select__hidden {
display: none
}
.old_price {
display: inline-block;
width: 80px
}
.service__tab_content {
display: none
}
.description__button a {
display: block;
text-decoration: none;
color: inherit;
padding: 0 30px
}
.description__button {
display: inline-block;
border-radius: 10px;
background: #F2F2F2;
transition: background .4s ease, color .4s ease;
height: 37px;
line-height: 37px;
margin-right: 12px;
font-size: 14px;
color: #2E2E2E;
font-weight: 300
}
.description__button.active,
.description__button:hover {
background: #F08BB7;
color: #FFF
}
@media (max-width:960px) {
.main-search__input.active {
border: 1px solid #F08BB7;
border-radius: 21px
}
.main-search__autocomplete {
display: none
}
.main-search__input.active .main-search__autocomplete {
display: block;
padding: 0 15px 0 20px
}
.breadcrumb__li.active {
display: none
}
.breadcrumbs {
padding: 20px 0 30px
}
.breadcrumb__li {
color: #F56CA8;
font-size: 14px;
line-height: 16px;
display: none
}
.breadcrumb__li:nth-last-child(2) {
display: block
}
.breadcrumb__li:nth-last-child(2) a:before {
content: '';
display: inline-block;
width: 17px;
height: 12px;
margin-right: 23px;
background-image: url(/assets/css/../img/ui/mobile_breadcrumb_back.svg);
top: 1px;
position: relative;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
.main-search__hint,
.main-search__icon.close,
.page_description.opened .page_description__overlay,
.result__link,
.serv__section-icon {
display: none
}
.content__h1 {
margin: 0 0 28px;
font-size: 30px;
line-height: 39px;
color: #2E2E2E;
font-weight: 400
}
.page_description {
font-size: 18px;
line-height: 27px;
font-weight: 300;
height: 160px;
overflow: hidden
}
.page_description.opened {
height: auto;
margin-bottom: 50px
}
.service-page__caption {
text-align: center;
color: #F56CA8;
font-size: 22px;
line-height: 31px
}
.page_description__open_button {
text-align: center;
margin-bottom: 35px
}
.service__results__header {
text-align: center;
font-weight: 300;
line-height: 27px;
font-size: 18px;
color: #2E2E2E
}
.page_description p,
.service__results__header p {
margin: 0
}
.page_description__overlay {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
height: 81px;
background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0, #FFF 70.17%)
}
.main-search__input.active .main-search__input-elem {
border: none
}
.main-search__input-elem {
border: 1px solid #F08BB7;
border-radius: 21px;
background-color: #fff;
height: 42px;
width: 100%;
padding-left: 60px
}
.main-search__input {
margin: 35px 0 25px
}
.main-search__icon {
position: absolute;
top: 22px;
left: 25px;
transform: translateY(-50%)
}
.main-search__button {
height: 42px;
width: 194px;
margin: 0 auto
}
.main_search_autocomplete__group {
color: #9A9A9A;
font-size: 14px;
font-weight: 400;
line-height: 35px;
text-transform: uppercase;
border-bottom: 1px solid #e0e0e0
}
.main-search__autocomplete-item {
color: #2E2E2E;
font-size: 16px;
padding-top: 10px;
max-height: 54px;
overflow: hidden;
border-bottom: 1px solid #e0e0e0
}
.main-search__autocomplete-item:last-child {
border-bottom: none
}
.main_search_more {
padding: 10px 0
}
.main-search__autocomplete-item a {
color: inherit;
text-decoration: inherit
}
.loadMoreMobile {
padding-top: 15px;
text-align: center
}
.service-page__caption.sections_caption {
margin-top: 53px;
padding: 0 5px
}
.service__sections {
padding-top: 25px;
padding-bottom: 40px
}
.service__section a {
text-decoration: none
}
.serv__section__title {
color: #2E2E2E;
font-size: 18px;
padding: 15px;
border-bottom: 1px solid #e1e1e1
}
.serv__section__title:focus,
.serv__section__title:hover {
background-color: #FFF5F9;
border-bottom: 0;
color: #E3267A;
font-weight: 500;
position: relative;
top: -1px
}
.custom_select__hidden {
display: block
}
.service-parameters__wrap {
padding: 40px 0
}
.service-parameters__wrap.mobilePaddingBottom {
padding-bottom: 20px
}
.custom_select:not(.clinics_select) {
margin-bottom: 24px;
height: 42px
}
.custom_select:not(.clinics_select) .custom_select_value {
font-size: 14px;
color: #5084AE;
font-weight: 300;
line-height: 42px;
padding-left: 40px;
padding-right: 35px
}
.service__section--selection .custom_select .custom_select_value {
padding-left: 60px
}
.custom_select.active .text_value,
.custom_select.custom-select__valued_form .text_value {
font-size: 14px;
font-weight: 300
}
.custom_select_icon__dropdown svg {
right: 20px
}
.custom_select_item {
font-size: 14px;
padding-left: 40px;
padding-right: 35px
}
.description__button {
margin-bottom: 11px
}
.service-page__caption.sections__parameters {
margin-top: 25px
}
.select-clinic__button {
color: #E3267A;
line-height: 38px
}
.services__tabs {
padding: 37px 0 45px;
margin: 0 -20px
}
.doctor-selection__block.doctor-selection__button--details .button,
.faq__block {
margin-bottom: 20px
}
.services__tabs .services__result-list {
padding-top: 0
}
.service__section--selection .doctor-selection__selects {
padding-left: 0;
padding-right: 0
}
.service__section--selection .doctor-selection__input::-webkit-input-placeholder {
font-size: 14px;
color: #5084AE;
font-weight: 300
}
.service__section--selection .doctor-selection__input:-moz-placeholder {
font-size: 14px;
color: #5084AE;
font-weight: 300
}
.service__section--selection .doctor-selection__input::-moz-placeholder {
font-size: 14px;
color: #5084AE;
font-weight: 300
}
.service__section--selection .doctor-selection__input:-ms-input-placeholder {
font-size: 14px;
color: #5084AE;
font-weight: 300
}
.service__section--selection {
padding-bottom: 45px
}
.service__tab {
background-color: #FFF1F7;
padding: 0 20px
}
.service__tab>
span {
display: block;
border-bottom: 1px solid #e1e1e1;
padding: 15px 0;
font-size: 18px;
font-weight: 300;
color: #2E2E2E;
position: relative
}
.service__tab>
span:after {
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
height: 23px;
width: 12px;
background: url(/assets/css/../img/clinics_list_dropdown.svg);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
transition: transform .35s ease-in-out
}
.service__tab:last-child>
span {
border-bottom: none
}
.service__tab.active {
background-color: #fff
}
.service__tab.active>
span {
font-size: 18px;
font-weight: 500;
color: #2E2E2E;
border-bottom: none
}
.service__tab.active>
span:after {
transform: translateY(-50%) rotate(90deg)
}
.service-faq__block {
padding: 70px 0
}
.faq__block {
border: 1px solid #F08BB7;
border-radius: 10px;
height: 51px;
padding: 0 20px
}
.faq__caption {
position: relative;
height: 51px;
line-height: 51px
}
.faq__block:last-child {
margin-bottom: 0
}
.faq__block.active {
height: auto;
background-color: #FFF9FC
}
.faq-caption__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: transform .45s ease-in-out
}
.faq__block.active .faq-caption__icon {
transform: translateY(-50%) rotate(45deg)
}
.faq__content {
font-size: 16px;
font-weight: 300;
line-height: 21px;
padding: 20px 0 58px
}
.faq__content h3 {
display: block;
color: #E3267A;
font-size: 18px;
font-weight: 300;
line-height: 23px;
border-bottom: 1px solid #F56CA8
}
.faq__content h5 {
font-weight: 400;
font-size: 16px;
line-height: 23px;
margin: 0
}
.faq__content ul {
margin: 20px 0 25px 3px;
list-style-type: none;
line-height: 24px;
color: #000;
padding: 0
}
.faq__content cite {
display: block;
background-color: #F8E8F6;
font-style: normal;
text-align: center;
padding: 30px 20px 35px;
font-size: 18px;
margin: 30px -20px
}
.faq__content ul li {
display: block;
position: relative;
padding: 0 0 10px 25px;
line-height: 1
}
.faq__content ul li:last-child {
padding-bottom: 0
}
.faq__content ul li:before {
content: '';
display: inline-block;
width: 1px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #F56CA8
}
}
@media (min-width:961px) {
.main_search_autocomplete__group {
margin: 0 50px;
border-bottom: 1px solid #A7C9E4;
text-transform: uppercase;
font-size: 18px;
color: #6999C0;
padding: 12px 0
}
.main-search__autocomplete-item {
position: relative;
bottom: 1px
}
.service__section--selection .custom_select {
margin-top: 0
}
.service__section--selection .doctor-selection__block.doctor-selection__button--details {
flex-basis: 176px
}
.service__main-search {
padding: 50px 0
}
.main-search__caption {
margin: 0 0 53px
}
.service-page__caption {
color: #F56CA8;
font-size: 30px;
line-height: normal;
text-align: center
}
.service-page__caption.sections_caption {
margin-bottom: 50px
}
.main-search__input {
flex-basis: 908px;
border-radius: 31px;
background-color: #fff;
border: 1px solid #F56CA8
}
.main-search__input.active,
.main-search__input.active .main-search__input-elem {
border-radius: 31px 31px 0 0
}
.main-search__input.active {
border: none
}
.main-search__input.active .main-search__input-elem {
border: 1px solid #F56CA8;
border-bottom: none
}
.main-search__autocomplete {
display: none;
position: absolute;
top: 100%;
left: 0;
border: 1px solid #F56CA8;
border-top: none;
border-radius: 0 0 31px 31px;
width: 100%;
background-color: #fff;
margin: 0
}
.main-search__autocomplete-item a {
display: block;
padding: 0 50px;
color: inherit;
text-decoration: none;
transition: background .35s ease
}
.main-search__autocomplete-item a:hover {
background-color: #ECF2FE
}
.main-search__autocomplete-item a span {
padding: 17px 20px;
display: block;
border-bottom: 1px solid #C4C4C4
}
.main-search__autocomplete-item a:hover span,
.main-search__autocomplete-item:last-child a span {
border-bottom: none
}
.main_search_more {
padding: 13px 0 24px;
font-size: 14px;
color: #2E2E2E;
text-transform: uppercase;
cursor: pointer;
transition: color .4s ease
}
.main_search_more a {
color: inherit;
text-decoration: none
}
.main_search_more:hover {
color: #F56CA8
}
.main-search__input-elem {
width: 100%;
height: 55px;
background-color: transparent;
border: none;
border-radius: 31px;
padding-left: 67px
}
.main-search__input-elem:focus {
outline: 0 !important
}
.main-search__input-elem::-webkit-input-placeholder {
color: #9A9A9A;
font-size: 20px;
font-weight: 300
}
.main-search__input-elem:-moz-placeholder {
color: #9A9A9A;
font-size: 20px;
font-weight: 300
}
.main-search__input-elem::-moz-placeholder {
color: #9A9A9A;
font-size: 20px;
font-weight: 300
}
.main-search__input-elem:-ms-input-placeholder {
color: #9A9A9A;
font-size: 20px;
font-weight: 300
}
.main-search__icon {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%)
}
.main-search__icon.close {
display: none;
right: 40px;
left: unset
}
.faq__content ul li:before,
.service__tab:after {
content: '';
left: 0
}
.main-search__input.active .main-search__icon.close {
display: block;
cursor: pointer
}
.main-search {
display: flex;
justify-content: space-between
}
.main-search__button {
flex-basis: 228px
}
.main-search__hint {
color: #2E2E2E;
font-weight: 300;
font-size: 14px;
padding-left: 67px
}
.service__section a {
text-decoration: none;
color: inherit
}
.service__sections {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 82px
}
.service__section {
background-color: #fff;
margin: 0 0 30px;
border: 1px solid #E1E1E1;
text-align: center;
flex-basis: 270px;
color: #2E2E2E;
padding-top: 30px;
transition: box-shadow .35s ease
}
.service__section:hover {
box-shadow: 0 0 40px rgba(227, 38, 122, .3)
}
.serv__section__title {
height: 62px;
font-size: 18px;
margin-top: 16px;
padding: 0 40px
}
.service-page__caption.service__parameters {
margin-bottom: 18px
}
.service-parameters__wrap {
display: flex;
padding-bottom: 78px;
flex-wrap: wrap
}
.service-parameters__wrap.mediumPadding {
padding-bottom: 172px
}
.service-parameters__wrap.service_section_padding {
padding-bottom: 90px !important
}
.service-parameters__wrap>
.custom-select__valued_form {
margin-right: 30px
}
.service-parameters__wrap>
.custom-select__valued_form:last-child {
margin-right: 0
}
.custom_select {
width: unset;
flex-grow: 1;
flex-basis: 100%;
margin-top: 40px
}
.custom_select.custom-select__valued_form {
flex-grow: 0
}
.services__result-list {
padding: 55px 0 115px;
background-color: #FFF
}
.faq__content p:first-child {
margin-top: 0
}
.service-page__caption.sections__parameters {
padding: 70px 0 10px
}
.service-section__description-buttons {
padding: 60px 0
}
.description__button a {
padding: 0 40px
}
.select-clinic__button {
text-decoration: none;
color: #F56CA8;
border-bottom: 1px solid #F56CA8
}
.services__tabs {
display: flex;
justify-content: space-between
}
.service__tab {
padding: 27px 0;
text-align: center;
font-size: 18px;
color: #9A9A9A;
cursor: pointer;
position: relative;
flex-grow: 1;
transition: color .35s ease, font-weight .35s ease
}
.service-sections__tabs {
border-bottom: 1px solid #b8b8b8
}
.service__tab:after {
position: absolute;
bottom: -1px;
width: 100%;
height: 2px;
background-color: transparent;
transition: background-color .45s ease-in-out
}
.service__tab.active,
.service__tab:hover {
color: #F56CA8;
font-weight: 500
}
.service__tab.active:after,
.service__tab:hover:after {
background-color: #F56CA8
}
.faq__caption:hover,
.faq__content cite {
background-color: #F8E8F6
}
.service__tab_content.active {
display: block
}
.service-faq__block {
padding: 60px 0
}
.faq__block {
border: 1px solid #F08BB7;
border-radius: 10px;
margin-bottom: 35px
}
.faq__caption {
height: 143px;
line-height: 143px;
position: relative;
cursor: pointer;
padding-left: 70px;
font-size: 28px;
color: #2E2E2E;
font-weight: 300;
transition: background .3s ease;
border-radius: 10px
}
.faq__block.active .faq__caption {
border-radius: 10px 10px 0 0
}
.faq__block.active .faq-caption__icon {
transform: translateY(-50%) rotate(45deg)
}
.faq__content {
padding: 0 70px 70px;
font-weight: 300;
line-height: 21px
}
.faq-caption__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 60px;
transition: transform .45s ease-in-out
}
.faq__content h3 {
color: #E3267A;
font-size: 24px;
font-weight: 300;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #F56CA8
}
.faq__content h5 {
font-weight: 400;
font-size: 18px;
line-height: 23px;
margin: 0
}
.faq__content ul {
margin: 30px 0 30px 30px;
list-style-type: none;
line-height: 24px;
color: #000;
padding: 0
}
.faq__content cite {
display: block;
font-style: normal;
text-align: center;
padding: 30px 55px 35px;
font-size: 18px
}
.faq__content ul li {
display: block;
position: relative;
padding: 0 0 22px 25px;
line-height: 1
}
.faq__content ul li:last-child {
padding-bottom: 0
}
.faq__content ul li:before {
display: inline-block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #F56CA8
}
.custom_select.change_clinic_select {
width: 310px;
margin: 30px auto;
height: 42px
}
.custom_select.change_clinic_select .custom_select_icon {
transform: translateY(-57%)
}
.custom_select.change_clinic_select .custom_select_value {
padding-left: 60px;
line-height: 42px;
font-size: 16px
}
.custom_select.change_clinic_select.active {
background-color: #ECF2FE
}
.custom_select.change_clinic_select.active .text_value {
font-size: 16px;
color: #96B4E8
}
.custom_select.custom-select__valued_form .text_value {
color: #000;
font-size: 16px
}
.service-parameters__wrap .custom_select.custom-select__valued_form .text_value {
font-size: 18px;
line-height: 51px
}
.service-parameters__wrap .custom_select_icon__dropdown svg {
top: 51%
}
.custom_select.custom-select__valued_form .--default__font .text_value {
font-size: 18px
}
.custom_select.change_clinic_select .custom_select_selects {
height: 310px;
font-size: 16px;
font-weight: 400
}
.custom_select.change_clinic_select .custom_select_item {
padding: 0 25px;
font-size: 16px
}
.custom_select.change_clinic_select .simplebar-scrollbar:before {
background-color: #D4E2FF;
border-radius: 21px
}
.custom_select.change_clinic_select .simplebar-track.vertical {
background-color: #F6F6F6;
border-radius: 21px;
bottom: 20px
}
}
.top-card__category:after,
.top-card__term:after {
left: 0;
content: ''
}
@media (min-width:961px) and (max-width:1170px) {
.service-parameters__wrap {
justify-content: space-between
}
.custom_select.custom-select__valued_form {
flex-basis: 30%;
margin-right: 0
}
.breadcrumbs {
padding: 25px 0
}
}
@media (min-width:1171px) {
.service-parameters__wrap {
flex-wrap: nowrap
}
.custom_select {
flex-basis: unset
}
.doctor-selection.detail_page.service__section--selection .doctor-selection__selects {
width: 100%
}
}
.complex-main__pink-section {
background-image: url(/assets/css/../img/complex-background-main.png);
background-position: center;
-webkit-background-size: cover;
background-size: cover
}
.complex--service-cards .service-card {
opacity: 1;
margin: 0 0 35px
}
.complex--service-cards {
background-color: #F6F6F6
}
.complex--service-cards-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.complex__top-content {
background-image: url(/assets/css/../img/top-cards-bg.png);
-webkit-background-size: cover;
background-size: cover;
background-position: center
}
.top-card__category {
display: block;
font-weight: 400;
color: #9A9A9A;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
padding-left: 10px;
position: relative
}
.top-card__category:after {
position: absolute;
top: 0;
width: 2px;
height: 100%;
background: #F56CA8
}
.top-card__title {
color: #2E2E2E;
font-size: 24px;
line-height: 31px;
font-weight: 400;
margin-top: 23px
}
.top-card__image {
padding: 25px 0
}
.top-card__image img {
max-width: 100%;
height: auto
}
.top-card__content p {
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #2E2E2E
}
.top-card__btns .price-box__buttons .price-box__button {
width: 258px;
margin: 0 auto
}
.doctor__reviews {
background-color: #F6F6F6;
padding: 45px 0 50px
}
.doctor-selection__caption.--border_bottom h3 {
display: block;
position: relative;
margin-bottom: 95px
}
.doctor-selection__caption.--border_bottom h3:after {
content: '';
display: inline-block;
position: absolute;
bottom: -30px;
width: 170px;
height: 1px;
background-color: #575757;
left: 0;
right: 0;
margin: 0 auto
}
.doctor__reviews-slider--arows .slick-arrow {
cursor: pointer;
transition: transform .4s ease, box-shadow .4s ease;
border-radius: 30px;
display: inline-block !important
}
.doctor__reviews-slider--arows .slick-arrow:active {
transform: scale(.5)
}
.doctor__reviews-slider--arows .slick-arrow:hover {
box-shadow: 0 0 20px rgba(246, 108, 168, .3)
}
.doctor__reviews-slider__counter {
line-height: 57px;
font-size: 18px;
margin: 0 35px
}
.doctor__reviews-slider__counter em {
font-style: normal;
font-size: 22px;
color: #F18AB6;
font-weight: 700
}
.top-card__term {
position: relative;
padding-left: 45px;
font-size: 18px;
color: #2E2E2E;
font-weight: 300
}
.top-card__term:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 26px;
height: 26px;
background-image: url(/assets/css/../img/ui/service_card__term_icon.svg);
background-position: center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
@media (max-width:960px) {
.doctor-selection__caption.--border_bottom h3 {
font-size: 22px;
font-weight: 500;
margin-bottom: 40px
}
.doctor-selection__caption.--border_bottom h3:after {
bottom: -20px
}
.complex-main__caption h1 {
margin: 0 0 30px;
padding: 0;
font-size: 30px;
line-height: 39px;
color: #2E2E2E;
font-weight: 400
}
.complex-main__p-description {
font-size: 18px;
font-weight: 300;
color: #2E2E2E;
line-height: 27px;
max-height: 160px;
overflow: hidden;
position: relative;
margin-bottom: 30px
}
.doctor__page--showContent {
position: absolute;
bottom: 0;
height: 80px;
left: 0;
width: 100%;
z-index: 100;
background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0, #FFF 70.17%)
}
.showContentIcon {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
transition: transform .35s ease
}
.complex-main__p-description.active {
max-height: none
}
.complex-main__p-description.active .doctor__page--showContent {
display: none
}
.complex--service-cards {
padding: 55px 0 60px
}
.top-content__caption {
overflow: hidden
}
.top-content__caption h3 {
padding: 0;
text-align: center;
color: #F56CA8;
font-size: 24px;
line-height: 31px;
position: relative;
width: 220px;
margin: 0 auto 30px
}
.top-content__caption h3:after,
.top-content__caption h3:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 1px;
background-color: #F56CA8;
z-index: 2
}
.top-content__caption h3:before {
right: 100%;
width: 100%
}
.top-content__caption h3:after {
left: 100%;
width: 100%
}
.complex__top-content {
padding: 40px 0 60px
}
.top-card {
background: #FFF;
box-shadow: 0 0 30px rgba(0, 0, 0, .02);
border-radius: 10px;
padding: 25px 20px 50px;
margin-bottom: 35px
}
.top-card__info {
padding: 35px 0 30px
}
.top-card__price-box .price-box__price {
margin-top: 10px
}
.top-card__price-box .price-box__price .old-price {
font-size: 22px;
font-weight: 300;
padding-right: 6px
}
.doctor__review-slide__inner {
text-align: center
}
.readMoreRevSlide {
display: block;
font-size: 12px;
color: #9A9A9A;
margin: 25px 0;
text-align: center;
text-decoration: none
}
.review-slide__name {
padding: 0 60px;
font-weight: 500;
font-size: 17px
}
.review-slide__date {
margin: 15px 0 30px
}
.review-slide__btn .button.price-box__button {
margin-top: 20px;
width: 100%
}
.doctor__reviews-slider--arows {
text-align: center;
margin-top: 25px
}
.doctor-selection.detail_page.service__section--selection {
padding: 50px 0 75px
}
.complex-main__pink-section {
background: 0 0;
margin-top: 30px
}
}
@media (min-width:961px) {
.complex--service-cards-row .service-card {
display: flex;
flex-direction: column;
justify-content: space-between
}
.complex-main__caption h1 {
margin: 0 0 40px;
line-height: 62px;
font-size: 48px;
color: #2E2E2E;
font-weight: 400
}
.top-card {
width: 570px;
background: #FFF;
box-shadow: 0 0 30px rgba(0, 0, 0, .02);
border-radius: 10px;
padding: 25px 35px 50px;
margin-bottom: 75px
}
.top-card__info {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0 28px
}
.top-card.--programm .top-card__info {
justify-content: center
}
.complex-main__p-description {
padding-bottom: 50px;
font-size: 18px;
line-height: 27px;
color: #2E2E2E;
font-weight: 300
}
.complex-main__pink-section {
padding: 70px 0 0
}
.service-parameters__wrap.mediumPadding {
padding-bottom: 85px
}
.top-content__cards-row {
display: flex;
justify-content: space-between
}
.complex--service-cards .section-divider {
padding-top: 52px
}
.complex--service-cards {
padding: 90px 0
}
.complex__top-content {
padding: 65px 0 55px
}
.doctor-selection.detail_page.service__section--selection {
padding-top: 100px
}
.top-content__caption {
position: relative;
overflow: hidden
}
.top-content__caption h3 {
padding: 0;
position: relative;
color: #F56CA8;
font-size: 40px;
font-weight: 500;
display: block;
margin: 0 auto 45px;
width: 430px;
text-align: center;
z-index: 3;
background-color: transparent
}
.top-content__caption h3:after,
.top-content__caption h3:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 1px;
background-color: #F56CA8;
z-index: 2;
width: 100%
}
.top-content__caption h3:before {
right: 100%
}
.top-content__caption h3:after {
left: 100%
}
.doctor__reviews {
background-color: #F6F6F6;
padding: 45px 0 50px
}
.readMoreRevSlide {
display: block;
font-size: 12px;
color: #9A9A9A;
margin: 25px 0;
text-align: center;
text-decoration: none
}
.review-slide__date {
margin: 15px 0 30px
}
.doctor__review-slide {
color: #2E2E2E;
text-align: center;
width: 100%
}
.review-slide__text {
font-size: 18px;
line-height: 27px;
font-weight: 400;
margin-bottom: 40px
}
.review-slide__name {
padding: 0 60px;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 20px
}
.review-slide__date {
font-size: 16px;
line-height: 21px;
font-weight: 400
}
.doctor__review-slide__inner {
text-align: center;
margin: 0 70px
}
.review-slide__text p {
margin: 0;
padding: 0
}
.review-slide__buttons {
width: 515px;
margin: 55px auto 0;
display: flex;
justify-content: space-between
}
.review-slide__btn {
width: 245px;
flex-grow: 0
}
.review-slide__btn .button.price-box__button {
width: 100%
}
.doctor__reviews-slider--arows {
text-align: center;
margin-top: 50px
}
}
@media (min-width:1170px) {
.doctor__reviews {
padding-top: 65px
}
.review-slide__name {
margin-bottom: 10px
}
.top-card__price-box {
flex-basis: 311px;
flex-shrink: 0;
text-align: center
}
}
.tab__content {
display: none
}
.page-map__section-heading {
box-shadow: 4px 4px 10px rgba(0, 0, 0, .05);
padding: 0 25px
}
.page-map__section-heading .h2,
.page-map__section-heading h2 {
font-size: 40px;
line-height: 46px;
font-weight: 500;
margin: 0 0 0 7px
}
.page-map__tabs-wrap {
display: flex;
margin-top: 20px
}
.page-map__tab-title {
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: #858585;
flex-grow: 1;
padding: 12px 0;
text-transform: uppercase
}
.page-map__tab-title span {
cursor: pointer;
display: inline-block;
letter-spacing: .1em
}
.page-map__tab-title.active span {
position: relative;
background: linear-gradient(#2376E3, #7D61B1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.page-map__tab-title.active span:after {
content: '';
background: linear-gradient(#2376E3, #7D61B1);
display: block;
top: 8px;
left: 0;
right: 0;
width: 100%;
height: 1px
}
.page-map__tab-content {
background-color: #F9F9F9;
padding-top: 30px
}
#page-map {
width: 100%;
height: 310px
}
.page-map__location-icon {
position: absolute;
top: 310px;
right: 30px;
z-index: 10
}
.page-map__location-icon svg circle {
fill: #f56ca8;
stroke: #fff
}
.full-screen-map {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20
}
.full-screen-map.page-map__tab-content {
padding-top: 0
}
.full-screen-map #page-map {
height: 100%
}
.full-screen-map .page-map__location-icon {
top: 85%
}
.full-screen-map .page-map__location-icon svg path {
fill: #F56CA8
}
.full-screen-map .page-map__location-icon svg circle {
fill: #FFF;
stroke: #C59AAD
}
.page-map__infowindow {
padding: 30px 20px 20px;
background: #FFF;
box-shadow: 0 4px 10px rgba(0, 0, 0, .08)
}
.p-m__infowindow__content {
color: #2E2E2E
}
.p-m__infowindow__row {
display: flex;
padding: 8px 0
}
.p-m__infowindow__icon {
width: 34px
}
.p-m__infowindow__phone--link {
display: block;
font-size: 12px
}
.p-m__infowindow__phone {
font-weight: 500;
line-height: 21px;
font-size: 17px;
color: #2E2E2E
}
.p-m__infowindow--email {
color: #6272FF;
text-decoration: none
}
.list__item {
font-weight: 300;
color: #2E2E2E
}
.list__item:nth-child(odd) {
background-color: #FFF9FC
}
.list__item-title {
font-size: 18px
}
.list__item-col {
font-size: 14px
}
.list__item-phone .list__item-col-content {
font-size: 16px;
font-weight: 400
}
@media (min-width:601px) {
#page-map {
height: 330px
}
.page-map__tab-title span {
font-weight: 400;
color: #2E2E2E;
font-size: 14px;
line-height: 16px
}
.page-map__tab-title.active span {
font-weight: 500
}
.page-map__tab-title span:hover {
background: linear-gradient(#2376E3, #7D61B1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
}
@media (min-width:961px) {
.page-map__tab-title.active span:after {
top: 14px
}
.page-map__section-heading .h2,
.page-map__section-heading h2 {
color: #000;
line-height: 38px
}
.page-map__section-heading {
box-shadow: none
}
.page-map__tab-content {
padding-top: 0
}
#page-map {
height: 670px
}
.page-map__infowindow {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
width: 277px;
border-radius: 10px
}
.p-m__infowindow__title {
text-align: center;
position: relative
}
.p-m__infowindow__title:after {
content: '';
position: absolute;
top: 36px;
height: 1px;
width: 66px;
background-color: #F56CA8;
left: 0;
right: 0;
margin: 0 auto
}
.p-m__infowindow--adress {
padding-bottom: 12px
}
.p-m__infowindow__close {
position: absolute;
top: 0;
right: 5px;
cursor: pointer;
padding: 5px;
z-index: 3
}
.p-m__infowindow__pointer {
position: absolute;
top: 11px;
left: -35px;
width: 40px;
height: 40px;
-webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 0);
clip-path: polygon(50% 50%, 100% 100%, 100% 0);
background-color: #fff
}
.p-m__infowindow__list {
padding: 25px 25px 0
}
.list__item {
display: flex;
align-items: center;
height: 80px;
justify-content: space-between
}
.list__item-title {
flex-basis: 220px;
margin-right: 75px;
margin-left: 41px
}
.list__item-schedule {
padding-right: 30px;
line-height: 21px
}
.list__item-adress {
padding-right: 50px
}
.list__item-adress .list__item-col-content,
.list__item-schedule .list__item-col-content {
width: 130px
}
.list__item-col {
display: flex;
align-items: center
}
.list__item-icon {
margin-right: 10px
}
}
@media (min-width:1171px) {
.page-map__section-heading {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 60px
}
.map__button--near {
display: flex;
margin: 0 63px 0 95px;
align-items: center;
justify-content: center;
width: 332px;
height: 42px;
border-radius: 21px;
font-weight: 500;
font-size: 14px;
color: #FFF;
text-transform: uppercase;
position: relative;
letter-spacing: .1em
}
.map__button--near:after,
.map__button--near:before {
content: '';
z-index: -1;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden
}
.map__button--near:before {
border-radius: inherit;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
border: 1px solid #F56CA8;
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1)
}
.map__button--near:after {
border-radius: inherit;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
transition-timing-function: cubic-bezier(.75, 0, .125, 1);
background: linear-gradient(90deg, #F56CA8 0, #F08BB7 100%)
}
.map__button--near:hover:after {
opacity: 0;
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.map__button--near:hover:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.map__button--near-icon {
display: inline-block
}
.page-map__tabs-wrap {
margin-top: 0;
display: block
}
.page-map__tab-title {
display: inline-block
}
.page-map__tab-title:first-child {
margin-right: 40px
}
.list__item {
justify-content: inherit
}
.list__item-title {
flex-basis: 220px;
margin-right: 75px;
margin-left: 41px
}
.list__item-schedule {
padding-right: 56px
}
.list__item-adress {
padding-right: 90px
}
.list__item-adress .list__item-col-content,
.list__item-schedule .list__item-col-content {
width: 200px
}
.list__item-col {
display: flex;
align-items: center
}
.list__item-icon {
margin-right: 10px
}
}
@media (min-width:320px) and (max-width:961px) {
.list__item {
padding: 0 15px;
display: flex;
align-items: center;
flex-wrap: wrap
}
.list__item>
div {
flex-basis: 100%;
flex-grow: 1;
padding: 15px 0 15px 40px;
display: none
}
.list__item>
div.list__item-title {
display: block;
padding: 15px 0;
position: relative
}
.list__item>
div.list__item-title:after {
content: '';
width: 8px;
height: 15px;
background-image: url(/assets/css/../img/clinics_list_dropdown.svg);
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: transform .35s ease
}
.list__item.toggled>
div.list__item-title:after {
transform: translateY(-50%) rotate(90deg)
}
.list__item.toggled>
div {
display: block
}
.list__item.toggled>
div.list__item-col {
display: flex;
align-items: center
}
.list__item-icon {
margin-right: 10px
}
}
.mobile_doctor__slider {
background-image: url(/assets/css/../img/mobile__doctors-slider--bg.png);
background-position: center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
height: 400px;
margin-bottom: 290px
}
.page-doctors__title {
color: #FFF;
font-size: 30px;
line-height: 47px;
text-align: center;
padding: 35px 20px 15px
}
.page-doctors__title span {
font-size: 40px;
font-weight: 700
}
.page-doctors__thumb {
width: 128px;
height: 128px;
border-radius: 69px;
background-color: #C4C4C4;
margin: auto;
z-index: 2;
position: relative;
background-position: center center;
-webkit-background-size: cover;
background-size: cover
}
.page-doctors__active_wrap {
padding: 0 30px;
position: absolute;
bottom: 0;
transform: translateY(50%)
}
.page-doctors__content {
background-color: #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
z-index: 1;
position: relative;
padding: 75px 20px 60px
}
.page-doctors__arrow:active,
.page-doctors__arrow:hover {
box-shadow: 0 0 20px rgba(246, 108, 168, .3)
}
.page-doctors__arrow {
width: 57px;
height: 57px;
background-color: transparent;
border: 1px solid #FFB0D2;
border-radius: 50%;
line-height: 57px;
text-align: center;
margin: 0 11px;
display: inline-block
}
.page-doctors__arrows {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
transform: translateY(50%)
}
.page-doctors__arrow:active {
background: #FFB0D2;
border: 1px solid #FFB0D2;
box-sizing: border-box;
transition: box-shadow .3s ease
}
.page-doctors__arrow svg {
fill: #F56CA8
}
.page-doctors__arrow:active svg {
fill: #FFF
}
.page-doctors__name {
margin: 0 -20px
}
.page-doctors__description p {
margin: 0
}
.page-doctors__rating .rating_wrapper {
margin: 20px 0
}
.page-doctors__content {
bottom: 65px;
border-radius: 10px
}
@media (min-width:600px) {
.mobile_doctor__slider {
height: auto;
margin-bottom: 60px;
padding: 20px 0
}
.page-doctors__active_wrap {
width: 75%;
margin: auto;
right: 0;
left: 0;
position: relative;
transform: none
}
.page-doctors__thumb {
width: 150px;
height: 150px;
border-radius: 75px
}
.page-doctors__wrapper {
height: auto
}
.page-doctors__arrow {
background-color: #fff
}
}
@font-face {
font-family: ALSRubl-Arial;
src: url(/assets/css/../fonts/alsrubl-arial-regular.eot);
font-display: swap;
src: url(/assets/css/../fonts/alsrubl-arial-regular.eot?#iefix) format("embedded-opentype"), url(/assets/css/../fonts/alsrubl-arial-regular.woff) format("woff"), url(/assets/css/../fonts/alsrubl-arial-regular.ttf) format("truetype"), url(/assets/css/../fonts/alsrubl-arial-regular.svg#ALSRublArialRegular) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: ALSRubl-Arial;
font-display: swap;
src: url(/assets/css/../fonts/alsrubl-arial-italic.eot);
src: url(/assets/css/../fonts/alsrubl-arial-italic.eot?#iefix) format("embedded-opentype"), url(/assets/css/../fonts/alsrubl-arial-italic.woff) format("woff"), url(/assets/css/../fonts/alsrubl-arial-italic.ttf) format("truetype"), url(/assets/css/../fonts/alsrubl-arial-italic.svg#ALSRublArialItalic) format("svg");
font-weight: 400;
font-style: italic
}
@font-face {
font-family: ALSRubl-Arial;
font-display: swap;
src: url(/assets/css/../fonts/alsrubl-arial-bold.eot);
src: url(/assets/css/../fonts/alsrubl-arial-bold.eot?#iefix) format("embedded-opentype"), url(/assets/css/../fonts/alsrubl-arial-bold.woff) format("woff"), url(/assets/css/../fonts/alsrubl-arial-bold.ttf) format("truetype"), url(/assets/css/../fonts/alsrubl-arial-bold.svg#ALSRublArialBold) format("svg");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: ALSRubl-Arial;
font-display: swap;
src: url(/assets/css/../fonts/alsrubl-arial-bolditalic.eot);
src: url(/assets/css/../fonts/alsrubl-arial-bolditalic.eot?#iefix) format("embedded-opentype"), url(/assets/css/../fonts/alsrubl-arial-bolditalic.woff) format("woff"), url(/assets/css/../fonts/alsrubl-arial-bolditalic.ttf) format("truetype"), url(/assets/css/../fonts/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic) format("svg");
font-weight: 700;
font-style: italic
}
.service-knowledge {
margin-top: 61px
}
.service-knowledge__title {
color: #2E2E2E;
margin-bottom: 79px;
font-size: 30px;
line-height: 39px;
text-align: center
}
@media only screen and (max-width:767px) {
.service-knowledge__title {
font-size: 24px;
line-height: 128.91%;
margin-bottom: 30px
}
}
.service-knowledge__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.service-knowledge__list_icons {
margin-bottom: 23px
}
.service-knowledge__list_caption {
padding-bottom: 65px
}
@media only screen and (max-width:767px) {
.service-knowledge__list_icons {
margin-bottom: 15px
}
.service-knowledge__list_icons .service-knowledge__itm {
opacity: .3
}
.service-knowledge__list_icons .service-knowledge__itm.is-active {
opacity: 1
}
.service-knowledge__list_caption {
padding-bottom: 70px
}
.service-knowledge_carousel .service-knowledge__list_caption .service-knowledge__txt+.service-knowledge__ttl {
padding-top: 10px;
padding-bottom: 0
}
.service-knowledge_carousel .service-knowledge__list_caption .service-knowledge__itm {
padding: 0 20px
}
}
.content__h1+.service-knowledge .service-knowledge__list_caption {
padding-bottom: 65px
}
.service-knowledge__icn {
max-height: 46px
}
.service-knowledge__icn svg {
display: block;
height: 46px;
margin: 0 auto;
fill: currentColor
}
@media only screen and (max-width:767px) {
.content__h1+.service-knowledge .service-knowledge__list_caption {
padding-bottom: 15px
}
.service-knowledge__icn svg {
height: 28px
}
}
.service-knowledge__itm {
width: 20%;
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
text-align: center;
padding: 0 15px;
font-size: 16px;
line-height: 24px
}
@media only screen and (max-width:961px) and (min-width:768px) {
.service-knowledge__itm {
font-size: 14px;
line-height: 18px
}
}
@media only screen and (min-width:768px) {
.service-knowledge__inline {
display: inline
}
}
.service-knowledge__ttl {
font-weight: 500;
line-height: 27px
}
@media only screen and (max-width:767px) {
.service-knowledge__ttl {
font-size: 18px;
color: #F56CA8;
padding: 0 0 10px
}
.service-knowledge__txt {
font-size: 14px;
line-height: 152.34%
}
.service-knowledge_tabs .service-knowledge__list_caption {
display: block;
position: relative
}
.service-knowledge_tabs .service-knowledge__list_caption .service-knowledge__itm {
position: absolute;
opacity: 0;
top: 0;
width: 100%;
left: 0;
visibility: hidden;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.service-knowledge_tabs .service-knowledge__list_caption .service-knowledge__itm.is-active {
opacity: 1;
visibility: visible;
position: relative
}
}
.slick-arrow {
cursor: pointer
}
.service-knowledge_carousel .service-knowledge__list_caption {
display: block;
position: absolute;
opacity: 0
}
.service-knowledge_carousel .service-knowledge__list_caption.slick-initialized {
opacity: 1;
position: relative
}
.content__h1+.service-knowledge,
.content__h1+.service__main-search {
margin-top: 40px
}
@media only screen and (min-width:768px) {
.content__h1+.service-knowledge {
margin-top: 86px
}
.content__h1+.service__main-search {
padding-top: 0;
margin-top: 86px
}
}
.video-section {
overflow: hidden
}
@media only screen and (max-width:767px) {
.service-knowledge_carousel {
padding-left: 15px;
padding-right: 15px;
position: relative
}
.service-knowledge_carousel .service-knowledge__list_caption {
padding-bottom: 0 !important;
margin-bottom: 30px !important
}
.service-knowledge_carousel .slick-arrow {
display: block !important;
padding: 0;
border: none;
position: absolute;
top: 50%;
background: #FFF;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
outline: 0 !important;
opacity: .5
}
.service-knowledge_carousel .slick-arrow svg {
width: 13px;
height: 25px;
display: block
}
.service-knowledge_carousel .slick-arrow.slick-prev {
left: 0
}
.service-knowledge_carousel .slick-arrow.slick-next {
right: 0
}
.video-section.video-section-nomargin {
margin: 0
}
.video-section {
background: #F6F6F6;
margin-bottom: 50px
}
.video-section .container {
padding-left: 0;
padding-right: 0
}
}
.video-section__title {
font-size: 40px;
line-height: 52px;
text-align: center;
color: #2E2E2E;
margin: 0 0 10px
}
@media only screen and (max-width:767px) {
.video-section__title {
font-size: 24px;
line-height: 30px;
padding: 21px 20px;
margin: 0
}
.video-section__subtitle {
display: none
}
}
.video-section__subtitle {
font-size: 30px;
line-height: 39px;
text-align: center;
color: #9A9A9A;
margin: 0 0 42px
}
.video-section__carousel {
position: relative;
position: absolute;
opacity: 0
}
.video-section__carousel .slick-list {
padding-bottom: 60px;
overflow: visible
}
@media only screen and (max-width:767px) {
.video-section__carousel .slick-list {
padding-bottom: 93px
}
}
@media only screen and (min-width:768px) {
.video-section__carousel .slick-arrow+.slick-list {
padding-bottom: 155px
}
}
.video-section__carousel:after,
.video-section__carousel:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 50;
background: rgba(255, 255, 255, .7)
}
.video-section__carousel:after {
left: 100%
}
.video-section__carousel:before {
right: 100%
}
.video-section__carousel.slick-initialized {
position: relative;
opacity: 1
}
.video-section__carousel .slick-active {
opacity: 1
}
.video-section__carousel .slick-dots {
position: absolute;
width: 100%;
left: 0;
z-index: 49;
bottom: 36px;
padding: 0 77px;
font-size: 0;
line-height: 0
}
.video-section__carousel .slick-dots li button {
width: 7px;
height: 7px;
margin: 0 5px
}
.video-section__carousel .slick-dots li.slick-active button {
background: #F56CA8
}
.video-section__carousel .slick-arrow {
display: block !important;
position: absolute;
bottom: 55px;
width: 57px;
height: 57px;
border: 1px solid #FFB0D2;
background: #FFF;
padding: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.video-section__carousel .slick-arrow:hover {
-webkit-box-shadow: 0 0 20px rgba(246, 108, 168, .3);
box-shadow: 0 0 20px rgba(246, 108, 168, .3);
border-color: #FFF
}
.video-section__carousel .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.video-section__carousel .slick-arrow.slick-prev {
right: 50%;
margin-right: 13px
}
@media only screen and (max-width:767px) {
.video-section__carousel .slick-arrow {
bottom: 13px
}
.video-section__carousel .slick-arrow.slick-prev {
left: 20px;
right: auto;
margin: 0
}
}
.video-section__carousel .slick-arrow.slick-next {
left: 50%;
margin-left: 13px
}
@media only screen and (max-width:767px) {
.video-section__carousel .slick-arrow.slick-next {
right: 20px;
left: auto;
margin: 0
}
}
.video-section__carousel .video-section__lnk {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute
}
.video-section__itm {
padding: 0 6px;
cursor: pointer
}
@media only screen and (max-width:767px) {
.video-section__itm {
padding: 0
}
}
.video-section__box {
position: relative
}
.video-section__box img {
display: block;
width: 100%
}
.video-section__play {
position: absolute;
width: 17%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.video-section__time {
width: 68px;
height: 28px;
font-size: 16px;
line-height: 24px;
padding: 2px;
text-align: center;
color: #FFF;
position: absolute;
right: 5px;
bottom: 5px;
background: #000
}
.video-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
padding: 0 35px;
visibility: hidden;
opacity: 0;
z-index: -1000
}
@media only screen and (max-width:767px) {
.video-popup {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.video-popup.is-open {
z-index: 100000;
opacity: 1;
visibility: visible
}
.video-popup__close {
position: absolute;
right: -33px;
top: -33px
}
.video-popup__close svg {
display: block
}
@media only screen and (max-width:767px) {
.video-popup__close {
position: fixed;
top: 5px;
right: 5px
}
.video-popup__overlay {
background: #2E2E2E
}
}
.video-popup__overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed
}
.video-popup__inner {
max-width: 1030px;
width: 100%;
margin: 0 auto;
max-height: 100vh
}
@media only screen and (min-width:768px) {
.video-popup__inner {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: relative;
z-index: 5
}
.video-popup__slider .slick-arrow {
display: block !important
}
}
.services-list__arrow,
.video-popup__slider .slick-arrow {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.video-popup__slider__box {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.video-popup__slider {
position: relative;
z-index: 5
}
.video-popup__slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 57px;
height: 57px;
border: 1px solid #FFB0D2;
background: #FFF;
padding: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.video-popup__slider .slick-arrow:hover {
-webkit-box-shadow: 0 0 20px rgba(246, 108, 168, .3);
box-shadow: 0 0 20px rgba(246, 108, 168, .3);
border-color: #FFF
}
.video-popup__slider .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.video-popup__slider .slick-arrow.slick-prev {
left: -30px
}
.video-popup__slider .slick-arrow.slick-next {
right: -30px;
margin-left: 13px
}
.video-popup__slider__box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-popup__carousel {
z-index: 51
}
.video-popup__carousel .slick-list {
padding-top: 30px;
margin-top: -30px
}
@media only screen and (max-width:767px) {
.video-popup__carousel {
position: absolute;
visibility: hidden;
z-index: -1000
}
.video-popup+.feedback-container {
margin-top: 0
}
}
.video-popup__carousel.video-popup__carousel_notrf .slick-track {
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important
}
.video-popup__carousel__itm {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
position: relative
}
.video-popup__carousel__itm img {
display: block;
width: 100%
}
.video-popup__carousel__itm:hover {
z-index: 5;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.video-popup__carousel__time {
background: #000;
color: #FFF;
font-size: 10px;
line-height: 14px;
text-align: center;
width: 31px;
height: 14px;
position: absolute;
bottom: 4px;
right: 10px
}
@media only screen and (max-width:961px) {
.programs-container {
margin-top: 50px
}
}
.programs-container__title {
font-size: 40px;
line-height: 52px;
text-align: center;
color: #2E2E2E;
margin: 0 0 10px
}
@media only screen and (max-width:767px) {
.programs-container__title {
font-size: 24px;
line-height: 30px
}
}
.programs-container__subtitle {
font-size: 30px;
line-height: 39px;
text-align: center;
color: #9A9A9A;
margin: 0 0 25px
}
@media only screen and (max-width:767px) {
.programs-container__subtitle {
font-size: 20px;
line-height: 20px;
margin: 0 0 30px
}
}
.programs-container__list {
margin: 0 -15px;
overflow: hidden
}
.programs-container__itm {
padding: 15px;
width: 45%;
float: right;
height: 50%;
overflow: hidden
}
@media only screen and (max-width:961px) {
.programs-container__itm {
width: 50%
}
}
@media only screen and (min-width:768px) {
.programs-container__itm:not(.programs-container__itm_big) .button {
position: absolute;
bottom: 0
}
}
.programs-container__itm img {
display: block;
width: 100%
}
@media only screen and (max-width:767px) {
.programs-container__list {
margin: 0 -20px
}
.programs-container__itm {
width: 100%;
padding: 0
}
}
.programs-container__box {
position: relative;
overflow: hidden
}
@media only screen and (min-width:768px) {
.programs-container__box .programs-container__desc {
padding-bottom: 42px
}
}
.programs-container__box .programs-container_lnk {
z-index: 3
}
.programs-container__box .button {
display: block;
width: 177px
}
@media only screen and (max-width:961px) and (min-width:768px) {
.programs-container__box .button {
width: 170px
}
}
@media only screen and (max-width:767px) {
.programs-container__box .button {
margin: 0 auto;
width: 251px
}
}
.programs-container__box:hover .programs-container__ttl {
color: #F56CA8;
font-weight: 700
}
.programs-container__box:hover .button.whiteBg {
background-color: transparent;
color: #FFF
}
.programs-container__box:hover .button.whiteBg:after,
.programs-container__box:hover .button.whiteBg:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.programs-container__box:hover .button.whiteBg:after {
opacity: 0
}
.programs-container__box:hover .button.whiteBg:before {
opacity: 1;
background: #F56CA8
}
.programs-container__pict {
width: 41.25%;
float: left
}
.programs-container__pict img {
display: block;
width: 100%
}
.programs-container__desc {
margin-left: 41.25%;
padding-left: 30px
}
@media only screen and (max-width:767px) {
.programs-container__pict {
float: none;
width: 100%
}
.programs-container__desc {
padding: 20px 20px 50px;
text-align: center;
width: auto;
margin: 0
}
}
.programs-container__ttl {
font-size: 18px;
line-height: 27px;
font-weight: 500;
margin: 0 0 15px
}
@media only screen and (max-width:767px) {
.programs-container__ttl {
font-size: 24px;
line-height: 31px;
margin: 0 0 10px
}
}
.programs-container__txt {
color: #A0A0A0;
font-size: 16px;
line-height: 24px;
font-weight: 300
}
.programs-container_lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.programs-container__oldprice {
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #A0A0A0
}
.programs-container__oldprice span {
text-decoration: line-through
}
.programs-container__oldprice span.rub {
text-decoration: none
}
.programs-container__price {
margin: 22px 0;
color: #F56CA8;
font-size: 40px;
line-height: 47px;
font-weight: 400
}
@media only screen and (max-width:961px) and (min-width:768px) {
.programs-container__price {
margin: 5px 0
}
}
.programs-container__price .rub {
color: #A0A0A0
}
.programs-container__itm_big {
float: left;
width: 55%;
height: auto
}
@media only screen and (max-width:1199px) and (min-width:768px) {
.programs-container__txt {
display: none
}
.programs-container__itm_big {
display: block
}
}
@media only screen and (max-width:961px) {
.programs-container__itm_big {
width: 100%
}
}
.callme-block {
text-align: center;
margin-top: 15px
}
@media only screen and (min-width:768px) {
.programs-container__itm_big .programs-container__pict {
width: auto;
float: none
}
.programs-container__itm_big .programs-container__desc {
position: absolute;
margin-left: 0;
top: 50%;
padding: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 38.05732%;
left: 9.3949%
}
.programs-container__itm_big .programs-container__ttl {
font-size: 24px;
line-height: 31px
}
.callme-block {
background: #F9F9F9;
padding: 39px 0 41px
}
}
.callme-block__phone {
margin-bottom: 28px;
font-weight: 500;
font-size: 26px;
line-height: 30px
}
.callme-block__phone a {
text-decoration: none;
display: inline-block;
position: relative;
padding-left: 39px;
color: inherit
}
.callme-block__phone a svg {
width: 25px;
position: absolute;
left: 0
}
.callme-block__buttons .button {
width: 251px;
display: inline-block;
vertical-align: top;
margin: 0 13px
}
.callme-block__buttons .button.whiteBg:after {
background: 0 0
}
.callme-block__buttons .button svg {
fill: currentColor
}
.actions-section {
padding: 50px 0
}
@media only screen and (max-width:767px) {
.callme-block__buttons .button {
margin: 0 auto;
display: block
}
.callme-block__buttons .button+.button {
margin-top: 30px
}
.actions-section {
margin: 60px -20px 0;
padding: 0;
background: #F6F6F6
}
}
.actions-section__title {
font-size: 40px;
line-height: 52px;
text-align: center;
color: #2E2E2E;
margin: 0
}
@media only screen and (max-width:767px) {
.actions-section__title {
font-size: 24px;
line-height: 30px;
padding: 21px 20px
}
}
.actions-section__carousel {
padding: 0 15px;
opacity: 0;
position: absolute
}
.actions-section__carousel.slick-initialized {
opacity: 1;
position: relative
}
.actions-section__carousel .slick-arrow {
display: block !important;
position: absolute;
bottom: 260px;
width: 57px;
height: 57px;
border: 1px solid #FFB0D2;
background: #FFF;
padding: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.actions-section__carousel .slick-arrow:hover {
-webkit-box-shadow: 0 0 20px rgba(246, 108, 168, .3);
box-shadow: 0 0 20px rgba(246, 108, 168, .3);
border-color: #FFF
}
.actions-section__carousel .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.actions-section__carousel .slick-arrow.slick-prev {
left: 0
}
.actions-section__carousel .slick-arrow.slick-next {
right: 0
}
@media only screen and (max-width:767px) {
.actions-section__carousel .slick-arrow {
bottom: 324.5px
}
.actions-section__carousel .slick-arrow.slick-prev {
left: 20px
}
.actions-section__carousel .slick-arrow.slick-next {
right: 20px
}
.actions-section__carousel {
padding: 0
}
}
.actions-section__carousel .slick-dots {
position: absolute;
width: 100%;
padding: 0 77px;
left: 0;
bottom: 323px
}
.actions-section__carousel .slick-dots li button {
width: 7px;
height: 7px;
margin: 0 5px
}
.actions-section__carousel .slick-dots li.slick-active button {
background: #F56CA8
}
.actions-section__itm {
padding: 30px 15px
}
.actions-section__itm img {
width: 100%;
display: block
}
.action-box {
position: relative;
overflow: hidden
}
.action-box img {
display: block;
width: 100%
}
@media only screen and (min-width:768px) {
.action-box {
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
box-shadow: 0 4px 30px rgba(0, 0, 0, .05)
}
.action-box:hover {
-webkit-box-shadow: 0 0 30px rgba(249, 89, 159, .5);
box-shadow: 0 0 30px rgba(249, 89, 159, .5)
}
.action-box:hover .action-box__ttl {
color: #F56CA8
}
}
@media only screen and (max-width:767px) {
.actions-section__itm {
padding: 0
}
.action-box {
text-align: center
}
}
.action-box__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.action-box__desc {
padding: 25px 20px 80px 30px;
position: relative
}
@media only screen and (max-width:767px) {
.action-box__desc {
padding: 55px 20px 145px
}
}
.action-box__ttl {
font-size: 18px;
line-height: 24px;
margin: 0 0 15px;
max-height: 72px;
overflow: hidden
}
.action-box__price {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 30px
}
.action-box__price__old {
float: left;
line-height: 47px;
color: #A0A0A0
}
.action-box__price__old span {
text-decoration: line-through
}
.action-box__price__old span.rub,
.services-list__str.is-active .services-list__str__top {
text-decoration: none
}
@media only screen and (max-width:767px) {
.action-box__price__old {
display: block;
float: none;
line-height: 28px
}
}
.action-box__price__new {
float: right;
color: #F56CA8;
line-height: 47px
}
.action-box__price__new .rub {
color: #A0A0A0
}
@media only screen and (max-width:767px) {
.action-box__price__new {
display: block;
float: none;
text-align: center
}
.services-list {
margin: 37px -20px 0
}
}
.services-list__title {
font-size: 40px;
line-height: 52px;
text-align: center;
color: #2E2E2E;
margin: 0 0 10px
}
@media only screen and (max-width:767px) {
.services-list__title {
font-size: 24px;
line-height: 30px
}
}
.services-list__subtitle {
font-size: 30px;
line-height: 39px;
text-align: center;
color: #9A9A9A;
margin: 0 0 30px
}
@media only screen and (max-width:767px) {
.services-list__subtitle {
font-size: 20px;
line-height: 20px;
margin: 0 0 30px
}
}
.services-list__str {
border-top: 1px solid #CBCBCB
}
.services-list__str:first-child {
border: none
}
.services-list__str__top {
position: relative;
font-weight: 500;
font-size: 24px;
line-height: 31px;
padding: 35px 50px 35px 15px;
cursor: pointer
}
.services-list__str__top.is-active,
.services-list__str__top:hover {
background: #F8F8F8
}
.services-list__str__top.is-active .services-list__arrow svg {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
@media only screen and (max-width:767px) {
.services-list__str__top {
font-size: 18px;
line-height: 24px;
padding: 23px 44px 23px 20px;
font-weight: 400
}
}
.services-list__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px
}
.services-list__arrow svg {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.services-list__dropdown {
display: none
}
.services-list__row {
position: relative;
border-top: 1px solid #F7F7F7;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 50px 10px 15px;
min-height: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.services-list__row:first-child {
border: none
}
.services-list__row:hover {
background: #F7F9FF
}
@media only screen and (max-width:767px) {
.services-list__row {
padding: 0 20px 11px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border: none
}
.services-list__row:before {
width: 100%;
height: 1px;
display: block;
content: '';
background: #F7F7F7;
margin-bottom: 11px
}
}
.services-list__row__ttl {
font-size: 18px;
line-height: 23px;
padding-left: 70px;
padding-right: 10px
}
@media only screen and (min-width:768px) {
.services-list__str__top.is-active,
.services-list__str__top:hover {
text-decoration: underline
}
.services-list__row__ttl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
}
@media only screen and (max-width:961px) {
.services-list__row__ttl {
padding-left: 15px
}
}
.services-list__row__ttl span {
max-width: 530px;
display: block
}
@media only screen and (max-width:767px) {
.services-list__row__ttl {
font-size: 16px;
line-height: 21px;
width: 100%;
padding: 0 0 15px
}
}
.services-list__row__complex {
width: 188px;
max-width: 188px;
padding-right: 68px
}
.services-list__row__complex span {
display: block;
background: #BDC9E7;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #FFF;
font-size: 14px;
line-height: 36px;
text-align: center
}
.services-list__row__arrow {
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media only screen and (max-width:767px) {
.services-list__row__complex {
width: 100%;
padding: 0;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1
}
.services-list__row__complex span {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
font-size: 12px;
line-height: 14px;
padding: 4px 10px;
display: inline-block;
margin-bottom: 11px
}
.services-list__row__arrow {
display: none
}
}
.services-list__row__price {
width: 110px;
white-space: nowrap;
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #F56CA8
}
.services-list__row__price__old {
font-weight: 400;
color: #A0A0A0;
font-size: 18px;
line-height: 21px
}
.services-list__row__price__old span {
text-decoration: line-through
}
.services-list__row__price__old span.rub {
text-decoration: none
}
.services-list__row__sale {
width: 105px;
max-width: 105px;
font-size: 12px;
line-height: 14px;
text-align: right;
font-weight: 300;
padding-right: 15px
}
@media only screen and (max-width:767px) {
.services-list__row__sale {
margin-left: auto;
padding: 0
}
}
.services-list__row__sale__sum {
display: inline-block;
margin-top: 3px;
color: #FFF;
background: #90CA87;
-webkit-border-radius: 10px;
border-radius: 10px;
font-weight: 500;
font-size: 18px;
line-height: 21px;
padding: 3px 5px
}
.services-list__banner+.services-list__row {
border-top: none
}
.services-list__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.services-list__banner__desc {
display: none !important
}
@media only screen and (min-width:768px) {
.services-list__banner__desc {
display: block !important;
width: 100%
}
}
.services-list__banner__mob {
display: none !important
}
@media only screen and (max-width:767px) {
.services-list__banner {
padding: 0 20px
}
.services-list__banner__mob {
display: block !important;
width: 100%
}
}
.services-list__more {
font-weight: 500;
font-size: 24px;
line-height: 37px;
text-align: center;
padding: 15px 0
}
@media only screen and (max-width:767px) {
.services-list__more {
font-size: 18px;
line-height: 27px;
padding: 25px 0
}
}
.services-list__more a {
display: inline-block;
position: relative;
padding-left: 52px;
text-transform: uppercase;
color: inherit;
text-decoration: none
}
.services-list__more a:hover {
color: #F571AA
}
.services-list__more a svg {
position: absolute;
left: 0;
top: 0;
fill: currentColor
}
.other-section {
margin-top: 100px
}
@media only screen and (max-width:767px) {
.other-section {
margin: 25px 0 0
}
}
.other-section__title {
font-size: 30px;
line-height: 39px;
margin: 0 0 34px;
text-align: center
}
@media only screen and (max-width:767px) {
.other-section__title {
font-size: 24px;
line-height: 31px;
margin: 0 -10px 25px
}
}
.other-section__list {
margin: 0 -15px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.other-section__itm {
width: 25%;
float: left;
padding: 15px
}
@media (max-width:961px) {
.other-section__itm {
width: 50%
}
}
@media (max-width:767px) {
.other-section__list {
margin: 0
}
.other-section__itm {
width: 100%;
margin: 0 0 7px;
padding: 0
}
}
.other-section__box {
position: relative;
background: #FBFBFB;
text-align: center;
padding: 36px 15px 33px
}
.other-section__box:hover .button.whiteBg {
background-color: transparent;
color: #FFF
}
.other-section__box:hover .button.whiteBg:after,
.other-section__box:hover .button.whiteBg:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.other-section__box:hover .button.whiteBg:after {
opacity: 0
}
.other-section__box:hover .button.whiteBg:before {
opacity: 1;
background: #F56CA8
}
.other-section__box .button {
width: 177px;
display: block;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.other-section__box {
padding: 10px 10px 10px 80px;
min-height: 63px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.other-section__box .button {
display: none
}
}
.other-section__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4
}
.other-section__icon svg {
display: block;
height: 46px;
margin: 0 auto;
fill: #F08BB7
}
@media only screen and (max-width:767px) {
.other-section__icon {
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute
}
.other-section__icon svg {
width: 36px;
height: 28px
}
}
.basic-service__arrow,
.feedback-container__carousel .slick-arrow {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.other-section__ttl {
font-size: 18px;
line-height: 23px;
min-height: 95px;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 95px
}
.service-doctor {
margin-top: 100px
}
.service-doctor .blueBg.filter_doctor_list:hover:before {
background: #FFF !important;
border: 1px solid #96B4E8 !important
}
.service-doctor .custom_select,
.service-doctor .custom_select_selects_wrap,
.service-doctor .doctor-selection__input {
border-color: #9A9A9A
}
.service-doctor .blueBg.filter_doctor_list:hover .button__text {
color: #F56CA8 !important
}
.service-doctor .doctor-selection__input {
background: #F8F8F8;
color: #2E2E2E
}
.service-doctor .doctor-selection__input::-moz-placeholder {
color: #9A9A9A;
opacity: 1
}
.service-doctor .doctor-selection__input:-ms-input-placeholder {
color: #9A9A9A
}
.service-doctor .doctor-selection__input::-webkit-input-placeholder {
color: #9A9A9A
}
.service-doctor .custom_select .custom_select_value {
background: #F8F8F8;
border-color: #9A9A9A;
color: #9A9A9A;
text-align: left
}
@media only screen and (min-width:768px) {
.service-doctor .custom_select .custom_select_value,
.service-doctor .doctor-selection__input {
font-size: 16px
}
}
.service-doctor .custom_select_icon__dropdown svg path {
fill: #9A9A9A
}
.service-doctor .custom_select_icon svg path,
.service-doctor .doctor-selection__icon svg path {
fill: #2E2E2E
}
.service-doctor .doctor-selection__block.doctor-selection__button--details .button {
color: #fff;
background: -webkit-gradient(linear, left top, right top, from(#F56CA8), to(#F08BB7));
background: -webkit-linear-gradient(left, #F56CA8 0, #F08BB7 100%);
background: -o-linear-gradient(left, #F56CA8 0, #F08BB7 100%);
background: linear-gradient(90deg, #F56CA8 0, #F08BB7 100%)
}
.service-doctor .doctor-selection__block.doctor-selection__button--details .button:before {
border-color: #F56CA8 !important
}
@media only screen and (max-width:767px) {
.other-section__ttl {
padding: 0;
font-size: 16px;
line-height: 21px;
min-height: 0;
text-align: left;
height: auto;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.service-doctor .custom_select,
.service-doctor .custom_select_selects_wrap,
.service-doctor .doctor-selection__input {
border-color: #9A9A9A
}
.service-doctor {
margin-top: 40px
}
.service-doctor .doctor-selection__input {
background: #F8F8F8;
color: #2E2E2E
}
.service-doctor .doctor-selection__input::-moz-placeholder {
color: #9A9A9A;
opacity: 1
}
.service-doctor .doctor-selection__input:-ms-input-placeholder {
color: #9A9A9A
}
.service-doctor .doctor-selection__input::-webkit-input-placeholder {
color: #9A9A9A
}
.service-doctor .custom_select .custom_select_value {
background: #F8F8F8;
border-color: #9A9A9A;
color: #9A9A9A;
text-align: left
}
.service-doctor .custom_select_icon__dropdown svg path {
fill: #9A9A9A
}
.service-doctor .custom_select_icon svg path,
.service-doctor .doctor-selection__icon svg path {
fill: #2E2E2E
}
.service-doctor .doctor-selection__block.doctor-selection__button--details .button {
margin: 41px auto 0;
display: block;
width: 175px;
background: -webkit-gradient(linear, left top, right top, from(#F56CA8), to(#F08BB7));
background: -webkit-linear-gradient(left, #F56CA8 0, #F08BB7 100%);
background: -o-linear-gradient(left, #F56CA8 0, #F08BB7 100%);
background: linear-gradient(90deg, #F56CA8 0, #F08BB7 100%)
}
}
.service-doctor__title {
text-align: center;
font-weight: 500;
font-size: 40px;
line-height: 47px;
margin-bottom: 49px;
color: #F08BB7
}
@media only screen and (max-width:767px) {
.service-doctor__title {
font-size: 24px;
line-height: 28px;
margin: 0 0 24px
}
.doctor-selection__selects {
padding: 0 0 10px
}
}
.blueBg.filter_doctor_list {
background: -webkit-gradient(linear, left top, right top, from(#A7C9E4), to(#C7E2F5));
background: -webkit-linear-gradient(left, #A7C9E4 0, #C7E2F5 100%);
background: -o-linear-gradient(left, #A7C9E4 0, #C7E2F5 100%);
background: linear-gradient(90deg, #A7C9E4 0, #C7E2F5 100%);
-webkit-border-radius: 21px;
border-radius: 21px;
color: #FFF
}
@media only screen and (min-width:768px) {
.doctor-selection__selects {
margin-bottom: 45px
}
}
.service-doctor__list {
margin: 0 -15px;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.doctor-box__experience,
.doctor-box__post {
-webkit-box-align: center;
text-align: center
}
.service-doctor__itm {
padding: 20px 15px;
display: flex;
width: 25%
}
@media only screen and (max-width:1199px) {
.service-doctor__list {
margin: 0 -5px
}
.service-doctor__itm {
padding: 5px
}
}
@media only screen and (max-width:961px) {
.service-doctor__itm {
width: 33.33333%
}
}
@media only screen and (max-width:767px) {
.service-doctor__list {
margin: 0 -20px
}
.service-doctor__itm {
width: 100%;
padding: 20px
}
}
.doctor-box {
width: 100%;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 0 14px 14px;
margin-top: 148px;
position: relative
}
.doctor-box:hover {
-webkit-box-shadow: 0 0 30px rgba(249, 89, 159, .3);
box-shadow: 0 0 30px rgba(249, 89, 159, .3)
}
.doctor-box .button {
position: relative;
z-index: 1;
display: block;
width: 100%;
margin: 0 0 23px
}
.doctor-box .button:after {
border: 1px solid #F56CA8
}
.doctor-box .button:before {
background-color: #F56CA8
}
.doctor-box__pict {
margin-bottom: 23px;
border: 1px solid #FFF;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-top: -148px
}
.land-section_doctors-block .doctor-box__pict {
margin-top: auto
}
.doctor-box__pict img {
display: block;
width: 100%;
-webkit-border-radius: 100%;
border-radius: 100%
}
.doctor-box__rating {
margin: 27px 0 15px;
text-align: center;
font-weight: 500
}
.doctor-box__rating__star {
display: inline-block;
position: relative;
white-space: nowrap;
margin-right: 7px;
top: 3px
}
.doctor-box__rating__star svg {
display: inline-block;
vertical-align: top
}
.doctor-box__rating__star__in {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 0
}
.doctor-box__reviews {
display: inline-block;
vertical-align: top
}
.doctor-box__reviews a {
color: #96B4E8;
text-decoration: none
}
.doctor-box__reviews a:hover {
text-decoration: underline
}
.doctor-box__name {
font-size: 20px;
line-height: 30px;
text-align: center
}
.doctor-box__post {
font-size: 16px;
line-height: 21px;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #F56CA8;
min-height: 71px
}
.doctor-box__experience {
font-size: 14px;
line-height: 18px;
font-style: italic;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #000;
min-height: 36px
}
.doctor-box__place {
border-top: 1px solid #2E2E2E;
margin-top: 18px;
padding-top: 18px;
text-align: center
}
.doctor-box__place span {
display: inline;
position: relative;
padding-left: 24px;
font-size: 14px;
line-height: 24px
}
.doctor-box__place span svg {
position: absolute;
top: 0;
left: 0
}
.service-doctor__more {
font-weight: 500;
font-size: 24px;
line-height: 37px;
text-align: center;
padding: 62px 0
}
@media only screen and (max-width:767px) {
.service-doctor__more {
font-size: 18px;
line-height: 27px;
padding: 10px 0 25px
}
.video-popup+.video-popup {
margin-top: 0
}
}
.service-doctor__more a {
display: inline-block;
position: relative;
padding-left: 52px;
text-transform: uppercase;
color: inherit;
text-decoration: none;
margin-bottom: 0;
cursor: pointer
}
.service-doctor__more a:hover {
color: #F571AA
}
.service-doctor__more a svg {
position: absolute;
left: 0;
top: 0;
fill: currentColor
}
.doctor-box__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.feedback-container {
background: #F6F6F6;
padding: 48px 0;
overflow: hidden
}
@media only screen and (max-width:767px) {
.feedback-container {
padding: 31px 0;
margin: 10px 0 0;
background: #F6F6F6
}
}
.feedback-container__title {
font-weight: 500;
font-size: 40px;
line-height: 52px;
margin: 0 0 30px;
text-align: center
}
.feedback-container__carousel {
position: relative
}
@media only screen and (min-width:768px) {
.feedback-container__carousel {
padding-left: 57px;
padding-right: 57px
}
}
.feedback-container__carousel .slick-slide {
opacity: .3
}
.feedback-container__carousel .slick-slide.slick-active {
opacity: 1
}
.feedback-container__carousel .slick-arrow {
display: block !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 57px;
height: 57px;
border: 1px solid #FFB0D2;
background: #FFF;
padding: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.feedback-container__carousel .slick-arrow:hover {
-webkit-box-shadow: 0 0 20px rgba(246, 108, 168, .3);
box-shadow: 0 0 20px rgba(246, 108, 168, .3);
border-color: #FFF
}
@media only screen and (max-width:767px) {
.feedback-container__title {
margin: 0 0 28px;
font-weight: 500;
font-size: 24px;
line-height: 28px
}
.feedback-container__carousel .slick-arrow {
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
bottom: -69px
}
}
.feedback-container__carousel .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.feedback-container__carousel .slick-arrow.slick-prev {
left: 0
}
@media only screen and (max-width:767px) {
.feedback-container__carousel .slick-arrow.slick-prev {
left: auto;
right: 50%;
margin-right: 56px
}
}
.feedback-container__carousel .slick-arrow.slick-next {
right: 0
}
.feedback-container__carousel .slick-list {
overflow: visible
}
.complexes-box,
.list-requests,
.service-headpict {
overflow: hidden
}
.feedback-container__carousel .slick-list .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feedback-container__carousel .slick-list .slick-track .slick-slide {
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feedback-container__itm {
padding: 0 15px;
display: flex
}
@media only screen and (max-width:1199px) {
.feedback-container__itm {
padding: 0 20px
}
}
.feedback-container__box {
border: 1px solid #FFF;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 12px;
text-align: center;
display: flex;
width: 100%
}
@media only screen and (max-width:767px) {
.feedback-container__carousel .slick-arrow.slick-next {
right: auto;
left: 50%;
margin-left: 56px
}
.feedback-container__box {
border: none;
padding: 0
}
}
.feedback-container__box__content {
width: 100%
}
.feedback-container__box__in {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #FFF;
padding: 44px 39px;
width: 100%
}
@media only screen and (max-width:767px) {
.feedback-container__box__in {
padding: 0;
background: 0 0
}
.feedback-container__box__txt_hide:after {
display: none
}
}
.feedback-container__box__txt {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
overflow: hidden;
position: relative
}
.feedback-container__box__date,
.feedback-container__box__more {
font-size: 14px;
line-height: 18px
}
.feedback-container__box__more {
padding: 16px 0
}
.feedback-container__box__more a {
text-decoration: none;
color: #6272FF
}
.feedback-container__box__more a:hover {
text-decoration: underline
}
.feedback-container__box__txt_hide:after {
content: '';
height: 60px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(51%, rgba(255, 255, 255, .5)), to(white));
background: -webkit-linear-gradient(top, #ffffff 0, #ffffff 50%, rgba(255, 255, 255, .5) 51%, #fff 100%);
background: -o-linear-gradient(top, #ffffff 0, #ffffff 50%, rgba(255, 255, 255, .5) 51%, #fff 100%);
background: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, rgba(255, 255, 255, .5) 51%, #fff 100%)
}
.feedback-container__box__txt_hide.is-open {
height: auto !important
}
.feedback-container__box__txt_hide.is-open:after {
display: none
}
.feedback-container__box__author {
font-size: 14px;
line-height: 18px;
font-weight: 500
}
.feedback-container__counter {
padding: 18px 0 14px;
text-align: center;
color: #A0A0A0
}
.feedback-container__buttons {
text-align: center
}
.feedback-container__buttons .button {
display: inline-block;
vertical-align: top;
margin: 0 11px;
width: 245px
}
.feedback-container__buttons .button.button.whiteBg:after {
background: 0 0
}
@media only screen and (max-width:767px) {
.feedback-container__counter {
padding-bottom: 42px;
padding-top: 27px
}
.feedback-container__buttons .button {
display: block;
margin: 0 auto
}
.feedback-container__buttons .button+.button {
margin-top: 20px
}
}
.feedback-container__counter__current {
font-size: 22px;
line-height: 28px;
color: #F56CA8
}
.page-map__info__phone a,
.service-maplist .list__item-title a {
color: inherit;
text-decoration: none
}
.sevice_page-map {
padding-top: 94px
}
.sevice_page-map .page-map__section-heading .button {
margin: 0 63px 0 0
}
.sevice_page-map .page-map__section-heading .button svg {
margin-left: 11px
}
@media only screen and (min-width:1200px) {
.sevice_page-map .page-map__section-heading .button {
width: 332px
}
}
@media only screen and (max-width:1199px) {
.sevice_page-map .page-map__section-heading .button {
white-space: nowrap;
text-transform: none;
color: inherit;
display: block;
font-weight: 400;
margin: 0 auto
}
.sevice_page-map .page-map__section-heading .button svg,
.sevice_page-map .page-map__section-heading .button:after,
.sevice_page-map .page-map__section-heading .button:before {
display: none
}
}
.articles-list__row,
.page-map__info {
-webkit-flex-flow: row wrap
}
.page-map__title {
font-weight: 500;
font-size: 40px;
line-height: 38px;
margin: 0 0 82px
}
.page-map__info {
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 60px
}
@media only screen and (max-width:1199px) {
.page-map__info {
padding-bottom: 15px
}
}
.page-map__info .button {
width: 241px;
display: block
}
@media only screen and (max-width:767px) {
.sevice_page-map {
padding-top: 40px
}
.sevice_page-map .page-map__section-heading .button {
height: 10px
}
.page-map__title {
margin-bottom: 11px
}
.page-map__info {
padding-bottom: 16px
}
.page-map__info .button {
margin: 0 auto
}
}
.page-map__info__itm {
padding: 0 15px
}
@media only screen and (max-width:767px) {
.page-map__info__itm {
width: 100%;
padding: 13px 0
}
.page-map__info__phone {
width: 175px;
margin: 0 auto
}
}
.page-map__info__phone a {
display: inline-block;
position: relative;
padding-left: 39px;
font-size: 16px;
line-height: 28px
}
.page-map__info__phone a svg {
position: absolute;
width: 25px;
top: 3px;
left: 0
}
.page-map__info__time {
position: relative;
padding-left: 39px;
font-size: 14px;
line-height: 28px
}
@media only screen and (max-width:767px) {
.page-map__info__time {
width: 175px;
margin: 0 auto
}
}
.page-map__info__time svg {
position: absolute;
width: 25px;
top: 3px;
left: 0
}
.service-maplist {
margin: 0 -15px
}
@media only screen and (min-width:768px) {
.service-maplist {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.service-maplist .list__item:hover .list__item-title {
text-decoration: underline
}
}
@media only screen and (min-width:1200px) {
.service-maplist {
margin: 0 -50px
}
}
@media only screen and (max-width:767px) {
.service-maplist {
margin: 0 -20px
}
}
.service-maplist .list__item-title {
font-size: 16px;
line-height: 19px;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 15px 0 36px;
margin: 0
}
.service-maplist .list__item-title svg {
display: none
}
.service-maplist .list__item-icon svg {
fill: #DEDEDE
}
.service-maplist .list__item {
background: 0 0 !important
}
@media (min-width:961px) {
.service-maplist .list__item {
min-height: 67px;
height: auto
}
}
.service-maplist .list__item:nth-child(even) {
background: #FBFBFB !important
}
.service-maplist .list__item.is-active .list__item-icon svg {
fill: #F56CA8
}
.service-maplist .list__item.is-active .list__item-title a {
font-weight: 700;
color: #F56CA8
}
@media only screen and (max-width:767px) {
.service-maplist .list__item.is-active .list__item-title a {
display: inline-block;
position: relative;
padding-left: 40px
}
.service-maplist .list__item.is-active .list__item-title a svg {
display: block;
left: 0;
top: 0;
position: absolute;
fill: #F56CA8
}
.service-maplist .clinics--list {
margin: 0 -20px
}
.service-maplist .clinics--list .list__item.toggled {
background: #F6F9FF !important
}
.service-maplist .clinics--list .list__item.toggled .list__item-adress {
display: block !important
}
}
@media only screen and (min-width:768px) {
.service-maplist .clinics--list .list__item-adress .list__item-buttons {
display: none !important
}
}
@media only screen and (max-width:767px) {
.service-maplist .clinics--list .list__item-adress {
padding: 15px 0 30px 25px;
position: relative
}
.service-maplist .clinics--list .list__item-adress .list__item-icon {
position: absolute;
top: 15px;
left: 0
}
.service-maplist .clinics--list .list__item-adress .list__item-buttons {
padding-top: 15px;
margin-left: -25px
}
.service-maplist .clinics--list .list__item-adress .button {
margin: 0 auto;
display: block;
width: 219px
}
}
.service-maplist__col {
margin-top: 20px;
padding: 0 15px
}
@media only screen and (min-width:1200px) {
.service-maplist__col {
padding: 0 50px
}
}
@media only screen and (min-width:768px) {
.service-maplist__col {
margin-top: 20px;
width: 50%;
min-width: 50%;
max-width: 50%
}
.service-maplist__col:first-child {
border-right: 1px solid #DCDCDC
}
}
@media only screen and (max-width:767px) {
.service-maplist__col {
padding: 0 20px
}
.service-maplist__col+.service-maplist__col {
-webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 -4px 10px rgba(0, 0, 0, .08);
margin-top: 0;
padding: 20px 15px 0
}
}
.service-maplist__ttl {
margin: 0 0 28px 36px
}
.service-maplist__ttl span {
font-weight: 700;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
border-bottom: 1px solid #CBCBCB;
display: inline-block;
padding-bottom: 9px
}
@media only screen and (max-width:767px) {
.service-maplist__ttl span {
font-size: 16px;
line-height: 22px;
border: none
}
.service-maplist__ttl {
margin: 0 0 15px
}
}
.service-text {
padding: 75px 0 46px;
font-weight: 300;
font-size: 18px;
line-height: 27px;
text-align: center;
max-width: 830px;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.service-text {
padding: 30px 0
}
}
@media only screen and (min-width:768px) {
.articles-list {
margin-top: 10px
}
}
.articles-list__title {
font-size: 24px;
line-height: 31px;
padding-bottom: 23px;
border-bottom: 1px solid #E0E0E0;
margin-bottom: 40px;
text-align: center
}
@media only screen and (max-width:767px) {
.articles-list__title {
margin: 0 0 30px
}
}
.articles-list__row {
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -15px
}
.articles-list__itm {
padding: 15px;
width: 25%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:961px) {
.articles-list__itm {
width: 50%
}
}
@media only screen and (max-width:767px) {
.articles-list__row {
margin: 0 -20px
}
.articles-list__itm {
width: 100%;
padding: 0 0 30px
}
.articles-list__box .button {
display: none
}
}
.articles-list__box {
position: relative;
width: 100%
}
@media only screen and (min-width:768px) {
.articles-list__box {
padding-bottom: 62px
}
}
.articles-list__box .button {
position: absolute;
bottom: 0;
left: 0;
width: 177px
}
.articles-list__box:hover .button.whiteBg {
background-color: transparent;
color: #FFF
}
.articles-list__box:hover .button.whiteBg:after,
.articles-list__box:hover .button.whiteBg:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
background: #F56CA8
}
.articles-list__lnk {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%
}
.articles-list__pict img {
display: block;
width: 100%
}
.articles-list__ttl {
margin: 30px 0;
font-size: 18px;
line-height: 23px
}
@media only screen and (max-width:767px) {
.articles-list__desc {
padding: 0 20px
}
.articles-list__ttl {
margin: 20px 0
}
}
.articles-list__txt {
color: #A0A0A0
}
.articles-list__more {
font-weight: 500;
font-size: 24px;
line-height: 37px;
text-align: center;
padding: 35px 0 0
}
@media only screen and (max-width:767px) {
.articles-list__more {
font-size: 18px;
line-height: 27px;
padding: 0
}
}
.articles-list__more a {
display: inline-block;
position: relative;
padding-left: 52px;
text-transform: uppercase;
color: inherit;
text-decoration: none
}
.articles-list__more a:hover {
color: #F571AA
}
.articles-list__more a svg {
position: absolute;
left: 0;
top: 0;
fill: currentColor
}
@media only screen and (min-width:768px) {
.articles-list+.service-faq__block {
padding-top: 50px
}
.list-requests__ttl {
margin-bottom: 23px
}
}
.list-requests {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: -17px
}
.list-requests__item {
width: 25%
}
@media only screen and (max-width:961px) {
.list-requests__item {
width: 33.33333%
}
}
@media only screen and (max-width:767px) {
.articles-list+.service-faq__block {
padding-top: 30px
}
.list-requests__item {
width: auto
}
}
.list-requests__ttl {
font-weight: 500;
font-size: 30px;
line-height: 35px;
color: #F56CA8;
padding-bottom: 12px;
padding-top: 17px;
border-bottom: 1px solid #F56CA8;
position: relative
}
@media only screen and (max-width:767px) {
.list-requests__ttl {
font-size: 18px;
line-height: 21px
}
.basic-service {
margin-top: 40px
}
}
.list-requests__ttl:after {
content: '';
width: 400%;
border-bottom: 1px solid #F56CA8;
left: 0;
bottom: -1px;
position: absolute
}
.list-requests__itm {
padding: 8px 8px 8px 0;
font-size: 16px;
line-height: 19px
}
.list-requests__itm a {
text-decoration: none;
color: inherit
}
.list-requests__itm a:hover {
text-decoration: underline
}
@media only screen and (min-width:768px) {
.basic-service {
margin-bottom: 101px
}
.basic-service .callme-block {
margin: 0;
padding: 52px 0
}
.basic-service .callme-block .button {
display: block;
margin: 0 auto
}
.basic-service .callme-block .button+.button {
margin-top: 24px
}
}
.basic-service__title {
font-size: 40px;
line-height: 52px;
text-align: center;
margin: 0 0 39px
}
@media only screen and (max-width:767px) {
.basic-service__title {
font-size: 24px;
line-height: 31px;
margin: 0 0 25px
}
}
@media only screen and (min-width:768px) {
.basic-service__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -15px
}
}
.basic-service__col {
width: 330px;
padding: 0 15px
}
.basic-service__col:first-child {
width: auto;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
@media only screen and (max-width:767px) {
.basic-service__col:first-child {
margin-bottom: 60px
}
.basic-service__col {
padding: 0;
width: 100%
}
}
.basic-service__itm {
margin-bottom: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0 0 20px rgba(46, 46, 46, .07);
box-shadow: 0 0 20px rgba(46, 46, 46, .07);
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 12px 85px 12px 13px;
position: relative;
min-height: 80px
}
.basic-service__itm:hover {
background: #F6F9FF
}
@media only screen and (min-width:768px) {
.basic-service__itm {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
@media only screen and (max-width:961px) and (min-width:768px) {
.basic-service__itm {
padding-right: 15px
}
}
@media only screen and (max-width:767px) {
.basic-service__itm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 15px 0;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #F2F2F2;
-webkit-border-radius: 0;
border-radius: 0;
margin-bottom: 0
}
}
.basic-service__ttl {
font-size: 18px;
line-height: 23px;
padding-left: 55px;
padding-right: 10px
}
.basic-service__ttl span {
max-width: 400px;
display: block
}
@media only screen and (max-width:961px) {
.basic-service__ttl {
padding-left: 0
}
.basic-service__arrow {
display: none
}
}
@media only screen and (max-width:961px) and (min-width:768px) {
.basic-service__ttl {
font-size: 14px;
line-height: 19px
}
}
@media only screen and (max-width:767px) {
.basic-service__ttl {
font-size: 16px;
line-height: 21px;
width: 100%;
padding: 0 0 30px
}
.basic-service__sale {
margin-left: auto;
padding: 0
}
}
.basic-service__arrow {
position: absolute;
right: 22px;
top: 50%;
transform: translateY(-50%)
}
.basic-service__price {
width: 110px;
white-space: nowrap;
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #F56CA8
}
@media only screen and (max-width:961px) and (min-width:768px) {
.basic-service__price {
font-size: 24px;
line-height: 28px
}
}
.basic-service__price__old {
font-weight: 400;
color: #A0A0A0;
font-size: 18px;
line-height: 21px
}
.basic-service__price__old span {
text-decoration: line-through
}
.basic-service__price__old span.rub {
text-decoration: none
}
.basic-service__sale {
width: 105px;
max-width: 105px;
font-size: 12px;
line-height: 14px;
text-align: right;
font-weight: 300
}
@media only screen and (max-width:961px) and (min-width:768px) {
.basic-service__sale {
width: 85px
}
}
.basic-service__sale__sum {
display: inline-block;
color: #FFF;
background: #90CA87;
-webkit-border-radius: 10px;
border-radius: 10px;
font-weight: 500;
font-size: 18px;
line-height: 21px;
padding: 3px 5px;
margin-top: 3px
}
.basic-service__banner {
margin-top: 11px
}
.basic-service__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.basic-service__banner__desc {
display: none
}
@media only screen and (min-width:768px) {
.basic-service__ttl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.basic-service__banner__desc {
display: block;
width: 100%
}
}
.basic-service__banner__mob {
display: none
}
@media only screen and (max-width:767px) {
.basic-service__banner {
margin: 35px 0 0;
padding: 0 20px
}
.basic-service__banner__mob {
display: block;
width: 100%
}
}
@media only screen and (min-width:768px) {
.complexes-container {
margin-top: 101px
}
}
.complexes-container__title {
font-size: 40px;
line-height: 52px;
margin: 0 0 30px;
text-align: center
}
@media only screen and (max-width:767px) {
.complexes-container__title {
font-size: 23px;
line-height: 31px;
padding: 0 5px;
margin: 0 -20px 15px
}
}
.complexes-container__carousel {
padding: 0 5px;
position: absolute;
opacity: 0
}
.complexes-container__carousel.slick-initialized {
opacity: 1;
position: relative
}
.complexes-container__carousel .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.complexes-container__carousel .slick-track .slick-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto
}
.complexes-container__carousel .slick-arrow {
display: block !important;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 57px;
height: 57px;
border: 1px solid #FFB0D2;
background: #FFF;
padding: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.complexes-container__carousel .slick-arrow:hover {
-webkit-box-shadow: 0 0 20px rgba(246, 108, 168, .3);
box-shadow: 0 0 20px rgba(246, 108, 168, .3);
border-color: #FFF
}
.complexes-container__carousel .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.complexes-container__carousel .slick-arrow.slick-next {
right: -15px
}
.complexes-container__carousel .slick-arrow.slick-prev {
left: -15px
}
.complexes-container__itm {
padding: 15px
}
.complexes-box {
position: relative;
padding-bottom: 162px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center
}
.complexes-box .button {
width: 165px;
margin: 21px auto 0
}
.complexes-box:hover {
-webkit-box-shadow: 0 0 30px rgba(249, 89, 159, .5);
box-shadow: 0 0 30px rgba(249, 89, 159, .5)
}
.complexes-box:hover .complexes-box__ttl {
color: #F56CA8
}
.complexes-box:hover .button.whiteBg {
background-color: transparent;
color: #FFF
}
.complexes-box:hover .button.whiteBg:after,
.complexes-box:hover .button.whiteBg:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
background: #F56CA8
}
.complex-box__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.complexes-box__desc {
padding: 20px 20px 30px
}
.complexes-box__pict img {
width: 100%;
display: block
}
.complexes-box__lbl span {
display: block;
background: #BDC9E7;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 112px;
margin: 0 auto 15px;
line-height: 37px;
font-size: 14px;
text-align: center;
color: #FFF;
font-weight: 300
}
.complexes-box__ttl {
font-size: 18px;
line-height: 23px;
margin: 0 auto 30px;
max-width: 200px
}
.complexes-box__txt {
color: #A0A0A0;
font-weight: 300
}
.complexes-box__btm {
position: absolute;
bottom: 30px;
left: 0;
width: 100%
}
.complexes-box__price {
color: #F56CA8;
font-size: 40px;
line-height: 47px;
font-weight: 400
}
.complexes-box__price .rub {
color: #A0A0A0
}
.complexes-box__old {
font-weight: 300;
font-size: 24px;
line-height: 47px;
color: #A0A0A0
}
.complexes-box__old span {
text-decoration: line-through
}
.complexes-box__old span.rub {
text-decoration: none
}
@media only screen and (max-width:767px) {
.complexes-box__old,
.complexes-box__price {
display: block;
float: none;
text-align: center
}
.complexes-box__old {
line-height: 28px
}
.service-scts {
padding-bottom: 47px
}
}
.services-list+.complexes-container {
margin-top: 43px
}
@media only screen and (min-width:768px) {
.service-headpict {
padding-top: 105px;
background: url(/assets/css/../img/service-headpict-bg.jpg) center 0 no-repeat
}
.main-search .visible_desktop {
display: block
}
}
.service-headpict+.container .service__main-search {
padding-top: 0
}
.service-scts {
margin: 0 -15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
@media only screen and (max-width:961px) {
.service-scts {
margin: 0 -5px
}
}
.service-scts.slick-slider {
display: block
}
@media only screen and (min-width:768px) {
.service-scts {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 352px
}
.service-scts.slick-slider {
margin: 0 -15px
}
}
.service-scts.slick-slider:after,
.service-scts.slick-slider:before {
top: 0;
width: 100%;
height: 100%;
position: absolute;
content: '';
z-index: 50
}
.service-scts.slick-slider:after {
left: 100%
}
.service-scts.slick-slider:before {
right: 100%
}
.service-scts.slick-slider .slick-arrow {
display: block !important;
position: absolute;
bottom: 55px;
width: 57px;
height: 57px;
border: 1px solid #FFB0D2;
background: #FFF;
padding: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.service-scts__box,
.service-scts__icn {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.service-scts.slick-slider .slick-arrow.slick-disabled {
cursor: default;
opacity: .5
}
.service-scts.slick-slider .slick-arrow:not(.slick-disabled):hover {
-webkit-box-shadow: 0 0 20px rgba(246, 108, 168, .3);
box-shadow: 0 0 20px rgba(246, 108, 168, .3);
border-color: #FFF
}
.service-scts.slick-slider .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 23px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.service-scts.slick-slider .slick-arrow.slick-prev {
left: 0
}
.service-scts.slick-slider .slick-arrow.slick-next {
right: 0
}
.service-scts.slick-slider .slick-list {
overflow: visible
}
.service-scts.slick-slider.slick-initialized .slick-slide {
opacity: .3
}
.service-scts.slick-slider.slick-initialized .slick-slide.slick-active {
opacity: 1
}
.service-scts__itm {
padding: 0 15px;
width: 20%
}
@media only screen and (max-width:961px) {
.service-scts__itm {
padding: 0 5px
}
}
@media only screen and (max-width:767px) {
.service-scts__itm {
padding: 11px;
width: 50%
}
}
.service-scts__box {
position: relative;
text-align: center;
background: #FFF;
padding: 34px 15px;
-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
box-shadow: 0 2px 30px rgba(0, 0, 0, .05);
font-size: 20px;
line-height: 23px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.main-search__reset a,
.service__main-search_results .main-search__icon.close {
font-size: 14px;
line-height: 16px;
color: #F56CA8
}
@media only screen and (max-width:767px) {
.service-scts__box {
-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .04);
box-shadow: 0 2px 30px rgba(0, 0, 0, .04);
padding: 20px 10px 34px;
height: 160px
}
}
.service-scts__box__in {
width: 100%
}
.service-scts__arrow,
.service-scts__ttl {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
@media only screen and (min-width:768px) {
.service-scts__box {
height: 193px
}
.service-scts__box:hover {
-webkit-box-shadow: 0 0 30px rgba(249, 89, 159, .2);
box-shadow: 0 0 30px rgba(249, 89, 159, .2);
height: 225px;
font-weight: 500;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.service-scts__box:hover .service-scts__ttl {
margin-top: 25px;
margin-bottom: 20px
}
.service-scts__box:hover .service-scts__arrow {
opacity: 1
}
.service-scts__box:hover .service-scts__icn {
height: 66px
}
.service-scts__icn {
overflow: hidden;
height: 0
}
.service-scts__arrow {
opacity: 0
}
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
box-shadow: 0 0 20px rgba(246, 108, 168, .3)
}
.service-scts__icn svg {
display: block;
height: 66px;
margin: 0 auto;
fill: currentColor
}
.service-scts__arrow {
position: absolute;
bottom: 20px;
width: 100%;
left: 0
}
.service-scts__arrow svg {
display: block;
width: 19.85px;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.service-scts__icn svg {
height: 42px
}
.service-scts__arrow {
bottom: 15px
}
.service-scts__ttl {
margin: 15px 0 0
}
}
.service-scts__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media only screen and (max-width:961px) {
.service-scts__box {
font-size: 14px;
line-height: 16px
}
.service__main-search_results .search__close {
display: block;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media (min-width:960px) {
.service__main-search_results .visible_desktop .main-search__input-elem {
padding-right: 200px
}
}
@media (max-width:960px) {
.service__main-search_results .main-search__input {
margin-bottom: 0
}
.main-search__icon.close {
display: none !important
}
}
.main-search__reset {
text-align: center
}
.main-search__reset a {
display: block;
padding: 13px 0;
text-decoration: none
}
@media only screen and (max-width:767px) {
.search-results {
margin: 0 -20px
}
}
.search-results__ttl {
font-size: 18px;
line-height: 23px;
color: #9A9A9A;
margin-bottom: 32px
}
.search-results__filter {
position: relative;
border-bottom: 1px solid #ccc
}
@media only screen and (max-width:961px) {
.search-results__filter {
display: none
}
}
@media only screen and (max-width:767px) {
.search-results__ttl {
margin: 21px 20px
}
.search-results__list {
border-top: 1px solid #F2F2F2;
margin-top: 20px;
padding-top: 20px
}
}
.search-results__filter__list {
margin: 0 0 0 56px;
padding: 0;
list-style-type: none;
font-size: 0;
line-height: 0
}
.search-results__filter__itm {
display: inline-block;
position: relative
}
.search-results__filter__itm a {
display: block;
padding: 17px 24px;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #2E2E2E;
text-decoration: none;
position: relative
}
.search-results__filter__itm a:after {
content: '';
position: absolute;
bottom: -2px;
height: 2px;
width: 100%;
left: 0;
background: #F56CA8;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
opacity: 0
}
.search-results__filter__itm a:hover:after,
.search-results__filter__itm.is-active a:after {
opacity: 1
}
.search-results__row {
position: relative;
border-top: 1px solid #F7F7F7;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 50px 10px 15px;
min-height: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.search-results__row:first-child {
border: none
}
.search-results__row:hover {
background: #F7F9FF
}
@media only screen and (max-width:767px) {
.search-results__row {
padding: 0 20px 11px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border: none
}
.search-results__row:before {
width: 100%;
height: 1px;
display: block;
content: '';
background: #F7F7F7;
margin-bottom: 11px
}
}
.search-results__row__ttl {
font-size: 18px;
line-height: 23px;
padding-left: 70px;
padding-right: 10px
}
@media only screen and (min-width:768px) {
.search-results__row__ttl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
}
@media only screen and (max-width:961px) {
.search-results__row__ttl {
padding-left: 15px
}
}
.search-results__row__ttl span {
max-width: 530px;
display: block
}
@media only screen and (max-width:767px) {
.search-results__row__ttl {
font-size: 16px;
line-height: 21px;
width: 100%;
padding: 0 0 15px
}
}
.search-results__row__complex {
width: 188px;
max-width: 188px;
padding-right: 68px
}
.search-results__row__complex span {
display: block;
background: #BDC9E7;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #FFF;
font-size: 14px;
line-height: 36px;
text-align: center
}
.search-results__row__arrow {
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media only screen and (max-width:767px) {
.search-results__row__complex {
width: 100%;
padding: 0;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1
}
.search-results__row__complex span {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
font-size: 12px;
line-height: 14px;
padding: 4px 10px;
display: inline-block;
margin-bottom: 11px
}
.search-results__row__arrow {
display: none
}
}
.search-results__row__price {
width: 110px;
white-space: nowrap;
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #F56CA8
}
.search-results__row__price__old {
font-weight: 400;
color: #A0A0A0;
font-size: 18px;
line-height: 21px
}
.search-results__row__price__old span {
text-decoration: line-through
}
.all-services__itm,
.b-main-menu__col>
.b-main-menu__sub-title a,
.search-results__more a,
.search-results__row__price__old span.rub {
text-decoration: none
}
.search-results__row__sale {
width: 105px;
max-width: 105px;
font-size: 12px;
line-height: 14px;
text-align: right;
font-weight: 300;
padding-right: 15px
}
.search-results__row__sale .search-results__row__sale {
display: block
}
@media only screen and (max-width:767px) {
.search-results__row__sale {
margin-left: auto;
padding: 0
}
}
.search-results__row__sale__sum {
display: inline-block;
margin-top: 3px;
color: #FFF;
background: #90CA87;
-webkit-border-radius: 10px;
border-radius: 10px;
font-weight: 500;
font-size: 18px;
line-height: 21px;
padding: 3px 5px
}
.search-results__banner+.search-results__row {
border-top: none
}
.search-results__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.search-results__banner__desc {
display: none
}
@media only screen and (min-width:768px) {
.search-results__banner__desc {
display: block;
width: 100%
}
}
.search-results__banner__mob {
display: none
}
@media only screen and (max-width:767px) {
.search-results__banner {
padding: 0 20px
}
.search-results__banner__mob {
display: block;
width: 100%
}
}
.search-results__more {
font-weight: 500;
font-size: 24px;
line-height: 37px;
text-align: center;
padding: 22px 0 15px
}
@media only screen and (max-width:767px) {
.search-results__more {
font-size: 18px;
line-height: 27px;
padding: 25px 0;
margin: 0 20px;
border-top: 1px solid #F7F7F7
}
}
.search-results__more a {
display: inline-block;
position: relative;
padding-left: 52px;
text-transform: uppercase;
color: inherit
}
.search-results__more a:hover {
color: #F571AA
}
.search-results__more a svg {
position: absolute;
left: 0;
top: 0;
fill: currentColor
}
.search-results__empty {
font-size: 18px;
line-height: 23px;
color: #2E2E2E;
padding-top: 43px
}
.search-results__empty a {
color: inherit
}
.autocomplete__item-price .old_price .rub {
font-size: 110%
}
.autocomplete__item-price .new_price .rub {
font-size: 100%
}
@media only screen and (min-width:768px) {
.service__main-search .button__text {
font-size: 18px
}
}
.service__main-search .button__text {
letter-spacing: .1em
}
@media only screen and (min-width:962px) {
.service-page__caption {
line-height: 39px
}
}
@media only screen and (max-width:767px) {
.search-results__empty {
padding-top: 29px;
text-align: center;
max-width: 280px;
margin-left: auto;
margin-right: auto
}
.search-results__empty .br {
margin: 20px 0
}
.main-search__input-elem {
font-weight: 300
}
}
.faq__content {
padding-bottom: 30px
}
.bx-wrapper {
position: relative;
padding: 0;
-ms-touch-action: pan-y;
touch-action: pan-y;
background: #fff
}
.bx-wrapper img {
max-width: 100%;
display: block
}
.bxslider {
margin: 0;
padding: 0
}
.bx-viewport {
-webkit-transform: translatez(0)
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
position: absolute;
width: 100%
}
.bx-wrapper .bx-loading {
min-height: 50px;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000
}
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: 700;
color: #666;
top: 80%
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
text-indent: -9999px;
display: block;
width: 5px;
height: 5px;
margin: 0 4px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #F56CA8
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
display: inline-block;
vertical-align: bottom
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0
}
.bx-wrapper .bx-prev {
left: 0;
background: url(/assets/css/../img/ui/slider_arrow_left.svg)
}
.bx-wrapper .bx-next {
left: 80px;
background: url(/assets/css/../img/ui/slider_arrow_right.svg)
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
bottom: 115px;
outline: 0;
width: 57px;
height: 57px;
text-indent: -9999px;
border-radius: 24px;
transition: transform .3s ease
}
.bx-wrapper .bx-controls-direction a:active {
transform: scale(.5)
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none
}
.bx-wrapper .bx-controls-auto {
text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(/assets/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(/assets/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, .75);
width: 100%
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px
}
@media (max-width:1171px) {
.bx-wrapper .bx-controls-direction a {
display: none
}
}
@media (min-width:1171px) {
.bx-controls {
position: relative;
width: 1170px;
margin: 0 auto
}
.bx-wrapper .bx-pager {
position: relative;
top: unset;
bottom: 100px
}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 9px;
height: 9px;
border-radius: 9px
}
}
.year_wrap {
display: inline-block;
background-color: #A7C9E4;
border-radius: 10px;
margin-right: 35px;
width: 110px;
height: 30px;
line-height: 30px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #fff;
text-align: center;
font-weight: 500
}
.info_yellow_block {
background: #ffda66;
border-bottom: 1px solid #fff;
width: 100%;
max-height: 45px
}
.button.bt1:before,
.button.bt2:before {
border-color: #F56CA8
}
.info_yellow_block div {
padding: 10px 0;
font-weight: 400;
text-align: center
}
.button.bt1,
.button.bt2,
.button.bt3,
.button.bt4 {
font-weight: 500
}
.center {
text-align: center;
margin: 0 auto
}
.title_default {
text-align: center;
color: #F56CA8
}
.img-responsive {
display: inline-block;
height: auto;
max-width: 100%
}
.doctor_reviews_serv {
position: relative;
top: -75px
}
@media (max-width:960px) {
.info_yellow_block {
max-height: 90px
}
.doctor_reviews_serv {
top: 0;
margin-bottom: 30px
}
}
ul.breadcrumb__ul>
li:last-child a {
cursor: default
}
.services-list__row__price {
margin-right: 50px
}
.services-list .service-description__desc {
font-size: 18px;
line-height: 27px
}
@media (max-width:767px) {
.services-list .service-description__desc {
font-size: 16px;
line-height: 24px;
padding: 23px
}
.basic-service-c .basic-service__ttl {
padding-bottom: 0
}
.basic-service-c .basic-service__itm {
min-height: auto
}
.basic-service-c .basic-service__arrow {
display: block
}
}
@font-face {
font-family: ALSRubl-Arial;
src: url(/v1/css/../fonts/alsrubl-arial-regular.eot);
src: url(/v1/css/../fonts/alsrubl-arial-regular.eot?#iefix) format("embedded-opentype"), url(/v1/css/../fonts/alsrubl-arial-regular.woff) format("woff"), url(/v1/css/../fonts/alsrubl-arial-regular.ttf) format("truetype"), url(/v1/css/../fonts/alsrubl-arial-regular.svg#ALSRublArialRegular) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: ALSRubl-Arial;
src: url(/v1/css/../fonts/alsrubl-arial-italic.eot);
src: url(/v1/css/../fonts/alsrubl-arial-italic.eot?#iefix) format("embedded-opentype"), url(/v1/css/../fonts/alsrubl-arial-italic.woff) format("woff"), url(/v1/css/../fonts/alsrubl-arial-italic.ttf) format("truetype"), url(/v1/css/../fonts/alsrubl-arial-italic.svg#ALSRublArialItalic) format("svg");
font-weight: 400;
font-style: italic;
font-display: swap
}
@font-face {
font-family: ALSRubl-Arial;
src: url(/v1/css/../fonts/alsrubl-arial-bold.eot);
src: url(/v1/css/../fonts/alsrubl-arial-bold.eot?#iefix) format("embedded-opentype"), url(/v1/css/../fonts/alsrubl-arial-bold.woff) format("woff"), url(/v1/css/../fonts/alsrubl-arial-bold.ttf) format("truetype"), url(/v1/css/../fonts/alsrubl-arial-bold.svg#ALSRublArialBold) format("svg");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: ALSRubl-Arial;
src: url(/v1/css/../fonts/alsrubl-arial-bolditalic.eot);
src: url(/v1/css/../fonts/alsrubl-arial-bolditalic.eot?#iefix) format("embedded-opentype"), url(/v1/css/../fonts/alsrubl-arial-bolditalic.woff) format("woff"), url(/v1/css/../fonts/alsrubl-arial-bolditalic.ttf) format("truetype"), url(/v1/css/../fonts/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic) format("svg");
font-weight: 700;
font-style: italic;
font-display: swap
}
.rub {
font-family: ALSRubl-Arial, sans-serif
}
.land-section {
padding: 60px 0;
overflow: hidden;
color: #2E2E2E;
max-width: 100%;
max-width: 100vw;
position: relative
}
.lank-section_pink-dark {
background: #EDE8F8
}
.land-section_pink {
background: #FDD9E2
}
.land-section__title {
font-size: 40px;
line-height: 52px;
margin-bottom: 26px;
text-align: center;
overflow: hidden
}
@media only screen and (max-width:600px) {
.land-section {
padding: 30px 0
}
.land-section__title {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px
}
}
.land-section__subtitle {
font-size: 20px;
line-height: 30px;
margin: 0 0 74px;
text-align: center
}
@media only screen and (max-width:600px) {
.land-section__subtitle {
font-size: 16px;
line-height: 19px;
margin: 0 0 14px
}
}
.land-section__desc {
margin: 0 auto 39px;
max-width: 970px;
font-size: 18px;
line-height: 27px;
text-align: center;
color: #9A9A9A
}
@media only screen and (max-width:600px) {
.land-section__desc {
font-size: 16px;
line-height: 19px;
margin-bottom: 18px
}
}
.button.bt1,
.button.bt2,
.button.bt3,
.button.bt4,
.p-m__infowindow--schedule {
font-size: 14px
}
.land-section_gray {
background: #F5F5F5
}
.button.bt1 {
color: #F56CA8
}
.button.bt1 svg {
fill: #F56CA8
}
.button.bt1:hover svg,
.button.bt2 svg {
fill: #FFF
}
.button.bt1:hover {
background-color: transparent;
color: #FFF
}
.button.bt1:after {
background: #FFF
}
.button.bt2 {
color: #FFF
}
.button.bt2:hover svg,
.button.bt3 svg {
fill: #F56CA8
}
.button.bt2:hover {
background-color: transparent;
color: #F56CA8
}
.button.bt2:after {
background: #F56CA8
}
.button.bt3:after,
.button.bt3:before,
.button.bt4:after,
.button.bt4:before {
border: 1px solid #F56CA8
}
.button.bt3 {
color: #F56CA8
}
.button.bt3:hover {
background-color: #F56CA8;
color: #FFF
}
.button.bt3:hover svg {
fill: #FFF
}
.button.bt3:after {
background: #FFF
}
.button.bt4 {
color: #F56CA8
}
.button.bt4 svg {
fill: #F56CA8
}
.button.bt4:hover {
background-color: #F56CA8;
color: #FFF
}
.button.bt4:hover svg {
fill: #FFF
}
.button.bt4:after {
background: 0 0
}
.main-banner-content {
max-width: unset
}
.program-block__btn {
width: 280px
}
.land-section_main-banner {
padding: 0
}
.doctors-block .doctor-selection__block .custom_select .custom_select_value {
background: #F8F8F8;
border-color: #9A9A9A;
color: #9A9A9A;
text-align: left
}
@media only screen and (min-width:601px) {
.land-section_feedback {
padding-bottom: 45px
}
}
@media only screen and (max-width:600px) {
.p-m__infowindow--schedule {
font-size: 16px;
line-height: 17px;
margin-top: 10px
}
.action-box__ttl {
height: unset
}
.all-services__itm__price {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
justify-content: flex-start
}
.articles-block__itm {
padding: 0
}
.doctors-block__list .slick-list {
height: auto !important
}
.doctors-block__list .slick-arrow {
top: 352px
}
.land-section_inst-block .land-section__desc,
.land-section_map-block .land-section__desc {
margin-bottom: 39px
}
}
.land-section_inst-block .inst-block .eapps-instagram-feed-posts-slider-nav {
background: #FFCAE1 !important
}
.land-section_main-banner-new {
padding-bottom: 0 !important
}
@media only screen and (max-width:960px) {
.land-section_main-banner-new {
padding: 0
}
}
.program-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar {
height: 100%;
margin: 0;
background: #D4E2FF;
border-radius: 3px
}
@media only screen and (min-width:961px) {
.our-program__itm_fluid .our-program__gifts .our-program__gifts__top {
margin-left: -32px;
margin-right: -16px;
margin-top: 0
}
}
.our-program__box {
height: 100%
}
.land-section_gray .program-block__icon svg {
display: block;
height: 70px;
margin: 0 auto;
fill: currentColor
}
@media only screen and (max-width:600px) {
.all-services__head:before {
height: 1px
}
}
.popup--close {
z-index: 100
}
.popup .doctor-selection__block {
width: 100%;
max-width: unset
}
#callback .h2 {
font-size: 18pt;
padding: 21px 0 19px;
font-weight: 700
}
.price__part .price-box__price>
* {
display: inline-block
}
.package__info-block.--mobile {
display: none
}
@media (max-width:1170px) {
.package__bonus:nth-child(even) {
background-color: #F8E8F6
}
.package__bonus.small {
flex-direction: column;
justify-content: center;
font-weight: 400;
line-height: 21px;
font-size: 16px;
text-align: center;
color: #2E2E2E
}
.share,
.share__button {
height: 42px;
line-height: 42px
}
.package__info-block {
display: none
}
.package__info-block.--mobile {
display: block
}
.package__image-wrap img {
max-width: 100%;
margin: 0 auto
}
.share {
transition: border .35s ease, width .45s ease;
border: 1px solid transparent;
border-radius: 21px;
display: inline-block;
width: auto;
position: relative
}
.share.active {
width: 300px;
border: 1px solid #9A9A9A;
padding-left: 60px;
padding-right: 25px;
display: flex;
justify-content: space-between
}
.share.active .share__button {
display: none
}
.share.active .share__close {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 24px
}
.share.active .share_icon {
display: block
}
.share_icon {
display: none;
cursor: pointer
}
.share__button {
display: block;
color: #9A9A9A;
font-size: 14px
}
.additional__title,
.title__part h1 {
display: inline-block;
font-weight: 400;
color: #2E2E2E;
text-align: center
}
.share-button__icon {
padding-left: 8px
}
.title__part h1 {
line-height: 31px;
font-size: 24px;
margin: 0
}
.additional__title {
line-height: 21px;
font-size: 16px
}
.share__row.--mobile {
display: block
}
.share__row {
display: none
}
.share__row.--mobile .share {
display: block;
text-align: center
}
.share__row.--mobile .share.active {
display: flex
}
.price__part {
padding: 35px 0 15px
}
.price__part .price-box .price-box__price {
margin-bottom: 35px
}
.price__part .price-box__buttons .button {
margin-bottom: 20px;
width: 100%
}
.price__part .price-box__buttons .button:last-child {
margin-bottom: 0
}
.package__section__title h2 {
margin: 15px 0 25px;
font-style: normal;
font-weight: 500;
line-height: 31px;
font-size: 24px;
text-align: center;
color: #F18AB6
}
.info-block__cell {
padding: 50px 20px;
margin-bottom: 25px;
text-align: center
}
.info-block__cell:nth-child(odd) {
background-color: #F6F6F6
}
.info-block__cell:nth-child(even) {
background-color: #ECF2FE
}
.info-block__btn {
margin: 15px 0 0
}
.info-block__btn .button {
width: 100%
}
.info-block--text-ico {
font-weight: 500;
line-height: 1;
font-size: 60px;
text-align: center;
color: #F56CA8
}
.info-block__caption,
.info-block__content {
color: #2E2E2E;
font-weight: 400;
text-align: center
}
.info-block__caption {
line-height: 31px;
font-size: 24px;
padding: 8px 0 14px
}
.info-block__content {
line-height: 21px;
font-size: 16px
}
.info-block__content p {
margin: 0
}
.info-block__text-additional {
font-weight: 400;
line-height: normal;
font-size: 26px;
text-align: center;
color: #A7C9E4
}
.info-block__cell.--title-block .info-block--text-ico {
font-weight: 500;
line-height: 142px;
font-size: 110px;
text-align: center;
color: #A7C9E4
}
.info-block__cell.--title-block .info-block__caption {
font-size: 26px
}
.detail__packages-list {
padding-top: 30px
}
.package__caption {
font-weight: 500;
line-height: normal;
font-size: 30px;
text-align: center;
text-transform: lowercase;
color: #F18AB6;
margin: 20px 0
}
.pacakge__info,
.package__bonus,
.package__title {
font-weight: 400;
line-height: 21px;
font-size: 16px
}
.package__content {
display: flex;
flex-wrap: wrap
}
.package__list {
order: 3;
flex-basis: 100%
}
.package__image {
flex-basis: 100%
}
.package__list--additional {
display: none
}
.package__image-wrap {
text-align: center;
margin: 0 -20px
}
.package__list-ul {
margin: 30px 0;
padding: 0;
list-style-type: none
}
.package__list-ul li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 60px;
align-items: center;
border-bottom: 1px solid #e0e0e0
}
.package__list-ul li:last-child {
border-bottom: 0
}
.package__title {
max-width: 83%;
font-style: normal;
color: #2E2E2E
}
.pacakge__info {
text-align: right;
color: #F56CA8
}
.package__bonus {
margin: 5px 0;
background: #E2F1FC;
border-radius: 10px;
display: flex;
align-items: center;
font-style: normal;
text-align: center;
justify-content: center;
text-transform: lowercase;
min-height: 60px;
color: #2E2E2E;
padding: 0 10px
}
.package__bonus>
* {
display: block;
width: 100%
}
.package__list .package__list--additional {
display: block;
position: relative
}
.package__list .package__list--additional:before {
content: '';
display: block;
background-image: url(/assets/css/../img/ui/main_tab-open.svg);
width: 25px;
height: 27px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
margin: 32px auto
}
.package__list-additional__caption {
font-weight: 500;
line-height: 31px;
font-size: 24px;
text-align: center;
color: #2E2E2E
}
.detail__packages-list {
padding-bottom: 50px
}
}
@media (min-width:1171px) {
.additional__title,
.package__bonus.small,
.package__title,
.title__part h1 {
color: #2E2E2E;
font-weight: 400
}
.package__bonus.small {
line-height: 23px;
font-size: 18px;
text-align: center;
text-transform: none;
padding: 38px 0
}
.additional__title,
.package__bonus>
* {
display: block
}
.detail__header {
display: flex;
justify-content: space-between;
align-items: stretch
}
.price__part {
flex-basis: 370px;
flex-shrink: 0
}
.price__part .price-box .price-box__price {
padding: 62px 0 35px
}
.price__part .price-box .price-box__buttons .button {
margin-bottom: 22px
}
.price__part .price-box .price-box__buttons .button:last-child {
margin-bottom: 9px
}
.title__part {
display: flex;
flex-direction: column
}
.title__part h1 {
line-height: 62px;
font-size: 48px;
max-width: 671px;
margin: 0;
flex-grow: 1
}
.info-block__cell.--with-img img,
.package__image .package__image-wrap img {
max-width: 100%
}
.additional__title {
line-height: 36px;
font-size: 28px;
margin-top: 10px
}
.package__content {
display: flex;
justify-content: space-between
}
.package__image {
flex-basis: 535px;
flex-shrink: 0
}
.package__list-ul {
list-style-type: none;
margin: 0;
padding: 0
}
.package__list-ul li {
padding: 0 35px 0 30px;
display: flex;
justify-content: space-between;
min-height: 60px;
align-items: center;
border-bottom: 1px solid #e1e1e1
}
.package__list-ul li:last-child {
border-bottom: 0
}
.package__title {
flex-grow: 1;
font-style: normal;
line-height: 26px;
font-size: 20px
}
.pacakge__info.big {
flex-basis: 185px
}
.pacakge__info {
flex-basis: 155px;
flex-shrink: 0;
font-style: normal;
font-weight: 400;
line-height: 23px;
font-size: 18px;
text-align: right;
padding: 11px 0;
color: #F56CA8
}
.package__caption {
font-style: normal;
font-weight: 500;
line-height: normal;
font-size: 40px;
text-transform: lowercase;
color: #F18AB6;
margin-bottom: 55px
}
.package__bonus {
background: #E2F1FC;
border-radius: 10px;
font-weight: 400;
line-height: 28px;
font-size: 22px;
text-align: center;
text-transform: lowercase;
padding: 28px 0;
color: #2E2E2E;
margin: 0 0 22px
}
.package__bonus:first-child {
margin-top: 26px
}
.package__bonus:nth-child(even) {
background-color: #F8E8F6
}
.package__list--additional {
background: #F6F6F6;
border-radius: 10px;
padding: 25px 37px 15px;
margin-top: 20px
}
.package__list-additional__caption {
font-style: normal;
font-weight: 500;
line-height: 26px;
font-size: 20px;
color: #2E2E2E;
margin-bottom: 30px
}
.package__list {
padding-right: 65px
}
.package__info-block {
display: flex;
align-items: stretch
}
.package__info-block-row {
flex-basis: 50%;
flex-shrink: 0
}
.info-block--wrap {
width: 100%;
height: 253px;
display: flex
}
.info-block--wrap.--big {
height: 697px
}
.info-block--wrap.--with-bg {
position: relative;
background-position: center;
-webkit-background-size: cover;
background-size: cover
}
.info-block--wrap.--title {
height: 444px
}
.info-block--wrap.--big .info-block__cell {
height: 253px
}
.info-block__cell.--bottom-located {
position: absolute;
bottom: 1px;
right: -1px;
border-bottom: none
}
.info-block__cell.--rad-top-left {
border-radius: 20px 0 0
}
.info-block__cell.--rad-top-right {
border-radius: 0 20px 0 0
}
.info-block__cell.--no-border-left {
border-left: 0
}
.info-block__cell {
width: 50%;
background-color: #fff;
height: 100%;
text-align: center;
padding: 40px 20px;
border: 1px solid #9A9A9A
}
.info-block__cell.--with-img {
padding: 0;
border: 0
}
.info-block--wrap.--title .info-block__cell.--title-block {
height: 444px;
width: 100%;
padding-left: 100px;
padding-right: 100px
}
.info-block__cell.--no-border {
border: none
}
.info-block__cell.--rad-bottom-left {
border-radius: 0 0 0 20px
}
.info-block__cell.--rad-bottom-right {
border-radius: 0 0 20px
}
.info-block--text-ico {
font-style: normal;
font-weight: 500;
line-height: 1;
font-size: 60px;
text-align: center;
color: #F56CA8
}
.info-block__caption,
.info-block__content {
color: #2E2E2E;
font-weight: 400;
text-align: center
}
.info-block__content {
line-height: 21px;
font-size: 16px
}
.info-block__content p {
margin: 0
}
.info-block__cell.--text-icon .info-block__caption {
padding-top: 7px
}
.info-block__caption {
line-height: 31px;
font-size: 24px;
padding: 15px 0 13px
}
.info-block__text-additional {
font-weight: 400;
line-height: normal;
font-size: 26px;
text-align: center;
color: #A7C9E4
}
.info-block__cell.--title-block .info-block--text-ico {
font-weight: 500;
line-height: 1;
font-size: 110px;
text-align: center;
color: #A7C9E4
}
.info-block__btn .button {
margin: 0 auto
}
.info-block--wrap.--title .info-block__caption {
padding-top: 0
}
.package__section__title h2 {
margin: 0;
padding: 0;
font-weight: 500;
line-height: normal;
font-size: 48px;
text-align: center;
color: #F18AB6
}
.package__section__title {
max-width: 957px;
margin: 80px auto 45px
}
.info-block__btn {
margin-top: 22px
}
.package--row {
margin-bottom: 65px
}
.detail__packages-list {
padding: 100px 0 92px
}
}
.datepicker {
display: inline-block;
width: 195px;
border-radius: 21px;
border: 1px solid #96B4E8;
height: 42px;
position: relative;
line-height: 42px;
text-align: left;
cursor: pointer;
background-color: #ECF2FE;
color: #96B4E8;
font-size: 16px;
font-weight: 400
}
.datepicker.error {
border-color: #E3267A;
background-color: #FFECED;
color: #E3267A
}
.datepicker.active {
width: 100%;
position: absolute;
left: 0;
right: 0
}
.datepicker.completed {
background-color: #FFF;
color: #2E2E2E;
font-size: 16px
}
.datepicker.noErrors {
background-color: #EFF8EB
}
.datepicker__value {
display: block;
height: 100%;
padding-left: 60px
}
.datepicker__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 25px
}
.dPickerWrap {
position: absolute;
top: 0;
left: 0;
transform: translateY(-55%);
background: #FFF;
box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
width: 100%;
z-index: 150;
cursor: default
}
.dPickerHeading {
background-color: #F56CA8;
height: 42px;
line-height: 42px;
font-size: 20px;
color: #FFF;
text-align: center;
text-transform: capitalize
}
.dPickerSelectedData {
font-size: 52px;
height: 120px;
line-height: 120px;
text-align: center;
color: #FFF;
background-color: #F08BB7
}
.dPickerMonthChanger {
height: 52px;
padding: 15px 30px;
line-height: 26px;
font-size: 16px;
color: #2E2E2E;
text-align: center;
justify-content: space-between;
display: flex;
text-transform: capitalize
}
.dPickerButtons {
display: flex;
justify-content: space-between;
text-transform: uppercase
}
.dPickerButton {
flex-grow: 1;
font-size: 14px;
font-weight: 400;
height: 62px;
color: #9A9A9A;
transition: color .35s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.dPickerButton:hover {
color: #F56CA8;
font-weight: 500
}
.monthChangeButton {
display: inline-block;
width: 45px;
height: 26px;
border: 1px solid transparent;
transition: background .3s ease;
position: relative;
cursor: pointer;
border-radius: 10px
}
.action_gradient-c::after,
.monthChangeButton:after {
content: '';
position: absolute
}
.monthChangeButton:hover {
background-color: #FFEAF3
}
.monthChangeButton:after {
width: 12px;
height: 8px;
background: url(/assets/css/../img/ui/datepicker_arrow.svg);
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
.monthChangeButton.nextButton:after {
transform: rotate(180deg)
}
.dPickerCalendar {
padding: 0 30px
}
.datepicker_calendar {
display: flex;
color: #000;
font-size: 14px;
font-weight: 300;
text-align: center
}
.calendar_dateCell {
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 18px;
transition: background .4s ease, color .4s ease;
cursor: pointer
}
.article__content .price_table,
.program-block__list .mCustomScrollBox {
width: 100%
}
.calendar_dateCell.active,
.calendar_dateCell.filledCell:hover {
color: #FFF;
font-weight: 400;
background-color: #F08BB7
}
.datePickerCalendarHeading {
color: #F56CA8;
font-size: 16px;
font-weight: 400
}
.calendarRow {
display: flex;
flex-direction: column
}
@media (max-width:960px) {
.datepicker_calendar {
justify-content: center
}
.dPickerCalendar {
padding: 0 25px
}
}
.b-patient-story-block__text .b-patient-story-block_link_c {
color: #F56CA8;
text-decoration: none
}
.b-patient-story-block__text::after {
content: ''
}
#appointment_select_doctor .custom_select {
z-index: 6
}
.action_gradient-c .b-stock-block__wrap,
.b-header.b-header-c {
z-index: 99
}
.service-knowledge .service-knowledge__list.slick-slider .service-knowledge__itm {
flex-basis: auto
}
@media (max-width:960px) {
.page_doctor-card .doctor-card__post {
display: block !important
}
.doctor-card .doctor-card__post .icon-supper {
display: none
}
.page_doctor-card .doctor-carousel-pict__carousel .slick-track {
align-items: flex-end
}
}
.b-slider-section-minus-margin-c {
margin-bottom: -30px
}
.b-stock-page__services-subtitle-c {
font-weight: 500
}
a.all-services__itm:hover .all-services__itm__ttl {
text-decoration: underline
}
.no-padding-top-c {
padding-top: 0
}
.our-program__col .our-program__sum {
margin-top: 1em
}
.our-program__col .our-program__sum .name_price-c {
font-size: 20px
}
.our-program__col .our-program__sum .our-program__sum__new {
font-weight: 400
}
.page_doctor-card .doctor-card__post {
display: flex;
align-items: center
}
.page_doctor-card .doctor-card__post svg {
margin-right: 20px
}
.action_gradient-c::after {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #000000 0, #000000 .01%, rgba(0, 0, 0, .4) 100%);
background: -webkit-linear-gradient(180deg, #000000 0, #000000 .01%, rgba(0, 0, 0, .4) 100%);
border-radius: 10px
}
.scroll-c {
overflow-x: auto
}
.land-section_video {
background-image: url(/assets/img/back_video_new.png);
background-size: auto 100%
}
.land-section_video .inner-block {
grid-column-gap: 6%;
grid-template-rows: max-content auto;
grid-template-columns: 1fr 1fr;
grid-template-areas: "first-block second-block""first-block third-block"
}
@media (max-width:600px) {
.land-section_video .inner-block {
display: block
}
.land-section_video .inner-block .video-block__itm {
margin-left: -20px;
margin-right: -20px
}
.land-section_video .inner-block .grid-third-block {
padding-top: 20px
}
.land-section_video .desc-block__desc {
text-align: center
}
.land-section_video .desc-block__hidden>
div {
max-height: 65px
}
}
@media (min-width:601px) {
.land-section_video .desc-block__btn {
display: none
}
.land-section_video .grid-second-block {
margin: 0 0 15px;
text-align: left
}
}
.article__content .price_table tr {
display: grid;
grid-template-columns: 1fr auto
}
.article__content .price_table tr td:nth-child(2) {
text-align: center;
align-items: center;
display: flex
}
.d-grid {
display: grid
}
.grid-first-block {
grid-area: first-block
}
.grid-second-block {
grid-area: second-block
}
.grid-third-block {
grid-area: third-block
}
.b-service-block__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.b-advantage-section__item a {
text-decoration: none;
}
/* End */
/* Start:/local/templates/medok_2020/custom.css?174895792827175*/
.b-search-section-box{
position: relative;
background: linear-gradient(100.39deg,#F56CA8,#F08BB7);
border-radius: 18px;
max-width: 1169px;
margin: 138px auto 15px auto;
padding: 25px 10px 20px 16px;
color: #FFF;
}
.b-search-section-box-title{
font-family: Roboto,Arial,sans-serif;
font-weight: 500;
font-size: 40px;
line-height: 128.91%;
color: #FFF;
text-align: center;
margin-bottom: 24px;
}
.b-search-section-suggest{
position: relative;
}
.b-search-section-suggest-title{
font-weight: 700;
font-size: 20px;
line-height: 128.91%;
color: #FFF;
text-align: left;
margin-bottom: 16px;
}
.b-search-section-services{
position: relative;
}
.b-search-section-services-title{
font-weight: 500;
font-size: 32px;
line-height: 128.91%;
color: #FFF;
text-align: left;
margin-bottom: 16px;
}
.b-search-form{
margin-bottom: 32px;
position: relative;
padding: 0;
display: block;
}
.b-search-input{
display: block;
width: 100%;
padding: 14px 25px;
background: linear-gradient(90.08deg, rgba(255, 194, 221, 0.3) 0.07%, rgba(240, 138, 183, 0.3) 99.94%);
border: 2px solid #FFFFFF;
border-radius: 14px;
overflow: hidden;
font-weight: 400;
font-size: 18px;
color: #FFF;
}
/* WebKit, Edge */
.b-search-input::-webkit-input-placeholder {
color: #FFF;
}
/* Firefox 4-18 */
.b-search-input:-moz-placeholder {
color: #FFF;
opacity: 1;
}
/* Firefox 19+ */
.b-search-input::-moz-placeholder {
color: #FFF;
opacity: 1;
}
/* IE 10-11 */
.b-search-input:-ms-input-placeholder {
color: #FFF;
}
/* Edge */
.b-search-input::-ms-input-placeholder {
color: #FFF;
}
/* MODERN BROWSER */
.b-search-input::placeholder {
color: #FFF;
}
.b-search-section-suggest-list,
.b-search-section-services-list{
display: flex;
justify-content: start;
flex-wrap: wrap;
column-gap: 8px;
-webkit-column-gap: 8px;
}
.b-search-section-suggest-link,
.b-search-section-services-link{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 16px;
gap: 10px;
background: #FFFFFF;
border-radius: 50px;
flex-grow: 0;
color: #2E2E2E;
font-weight: 400;
font-size: 16px;
line-height: 1;
text-decoration: none;
margin-bottom: 12px;
height: 37px;
text-align: center;
}
.b-search-section-services-link{
height: auto;
padding-top: 8px;
padding-bottom: 8px;
}
.b-search-section-suggest-link:hover,
.b-search-section-services-link:hover{
text-decoration: none;
background: #FFF1D6;
color: #2E2E2E;
}
.b-search-section-services-link{
font-weight: 600;
font-size: 18px;
}
.b-search-button{
display: block;
position: absolute;
top: 2px;
right: 15px;
width: 50px;
height: 50px;
border: 0;
background: url("/assets/img/icon-search.svg") 50% 50% no-repeat transparent;
background-size: 28px;
}
.b-search-button:active{
top: 3px;
}
.d-show{
display: block;
}
.m-show{
display: none;
}
.video-resp{
position: relative;
}
.main-banner-countdown{
background: #FFF;
display: flex;
align-items: center;
justify-content: space-around;
gap: 24px;
width: 360px;
height: 84px;
overflow: hidden;
border-radius: 20px;
color: #F178B6;
text-align: center;
padding: 0 15px;
margin: 360px 0 0 0;
}
.main-banner-notice{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
margin: 16px 0 0 0;
text-align: left;
color: #FFF;
}
.main-banner-countdown > div{
}
.main-banner-countdown .num{
font-weight: 600;
font-size: 32.7652px;
line-height: 100%;
display: block;
margin-bottom: 5px;
}
.main-banner-countdown .word{
font-style: normal;
font-weight: 500;
font-size: 12.287px;
line-height: 150%;
display: block;
opacity: 0.7;
}
.main-banner-action{
padding: 30px 0 0 0;
}
.main-banner-action .b-btn{
display: block;
width: 100%;
max-width: 360px;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 50px;
padding-right: 50px;
border-radius: 40px;
}
.main-banner-action .b-btn span{
line-height: 1;
font-size: 24px;
text-transform: none;
}
.main-banner-action .b-btn svg{
color: #FFF;
fill: #FFF;
}
.main-banner-action .b-btn:hover svg{
color: #F56DA8;
fill: #F56DA8;
}
@media (max-width: 768px){
.d-show{
display: none;
}
.m-show{
display: block;
}
.b-search-section-box{
padding: 20px 16px 12px 16px;
margin-top: 50px;
}
.b-search-section-box-title{
font-weight: 500;
font-size: 24px;
line-height: 128.91%;
}
.b-search-section-suggest-list{
column-gap: 10px;
-webkit-column-gap: 10px;
}
.b-search-form{
margin-bottom: 16px;
}
.b-search-input{
padding: 0 20px;
font-size: 12px;
height: 42px;
line-height: 38px;
border-radius: 14px;
}
.b-search-button{
width: 42px;
height: 42px;
top: 0;
right: 12px;
background-size: 24px;
}
.b-search-section-suggest-title{
font-weight: 700;
font-size: 14px;
line-height: 128.91%;
margin-bottom: 12px;
}
.b-search-section-services-title{
font-weight: 700;
font-size: 18px;
line-height: 128.91%;
margin-bottom: 12px;
text-align: center;
}
.b-search-section-services-list{
column-gap: 8px;
-webkit-column-gap: 8px;
}
.b-search-section-services-link{
flex: 1 100%;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.b-search-section-suggest-link{
padding: 0 16px;
font-size: 12px;
height: 31px;
}
._link1{order: 1;}
._link7{order: 2;}
._link2{order: 3;}
._link11{order: 4;}
._link3{order: 5;}
._link6{order: 6;}
._link4{order: 7;}
._link5{order: 8;}
._link8{order: 9;}
._link9{order: 10;}
._link10{order: 11;}
.video-resp{
max-width: 100%;
margin-bottom: 25px;
}
}
body .b-mobile-block_login.active, .b-mobile-block_phones.active{
top: 0 !important;
}
.b-header__links__item{
column-gap: 10px;
}
.b-slider-section__item-с img{
margin-left: auto;
margin-right: auto;
}
.text-center{
text-align: center;
}
.header-bottom-50{
margin-bottom: 50px;
}
.doctor-box__place{
position: relative;
z-index: 99;
}
.doctor-box__place a{
text-decoration: none;
}
.doctor-box__place a:hover{
text-decoration: underline;
}
.desc-block__desc p + h2{
margin-top: 30px;
}
.tippy-box[data-theme~=medok]{color:#FFF;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#F178B6}.tippy-box[data-theme~=medok][data-placement^=top]>.tippy-arrow:before{border-top-color:#F178B6}.tippy-box[data-theme~=medok][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#F178B6}.tippy-box[data-theme~=medok][data-placement^=left]>.tippy-arrow:before{border-left-color:#F178B6}.tippy-box[data-theme~=medok][data-placement^=right]>.tippy-arrow:before{border-right-color:#F178B6}.tippy-box[data-theme~=medok]>.tippy-backdrop{background-color:#F178B6}.tippy-box[data-theme~=medok]>.tippy-svg-arrow{fill:#F178B6}
body .clinics-slider .slick-slide:nth-child(even) .clinics-slide__image{
height: 380px;
}
/* body .land-section_main-banner-new{ */
/* height: 650px; */
/* } */
/* @media only screen and (min-width: 601px) { */
/* .main-banner-new__column { */
/* margin-left: 120px; */
/* } */
/* } */
.land-section.land-section_main-banner-new.land-section__genetic-test{
background-size: cover;
height: 600px;
}
.land-section.land-section_main-banner-new.land-section__genetic-test .main-banner-new__btn{
margin-top: 395px;
}
@media only screen and (max-width: 768px) {
.land-section.land-section_main-banner-new.land-section__genetic-test{
background-size: contain;
height: 800px;
}
}
.clinic__bimage-block_image{
text-align: center;
display: block;
height: 250px;
background-color: #EF5DA8;
background-image: url("/local/templates/medok_2020/./images/want_to_work.webp");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
text-decoration: none;
margin-top: 30px;
}
@media only screen and (max-width: 768px) {
.clinic__bimage-block_image{
background-image: url("/local/templates/medok_2020/./images/want_to_work_mobile.webp");
height: 150px;
}
}
.about_action_button{
/* display: flex; */
/* margin: 0 0 20px 0; */
/* width: 100%; */
/* max-width: 280px; */
/* justify-content: center; */
/* position: absolute; */
/* left: 18%; */
/* bottom: 50px; */
width: 100%;
max-width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
}
.about_action_button + img,
.about_action_button + img + img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.about_action_button .vacancies-btn{
position: absolute;
left: 0;
bottom: 50px;
}
.about_action_button .vacancies-btn:hover{
background-color: #e762a6;
color: #FFF;
}
.about-main__info_images > div{
display: flex;
border-radius: 10px;
overflow: hidden;
}
.about-main__info_images > div img{
object-position: center;
object-fit: cover;
}
@media only screen and (max-width: 1680px) {
.about_action_button{
max-width: 1100px;
}
}
@media only screen and (max-width: 1520px) {
.about_action_button{
max-width: 70%
}
}
@media only screen and (max-width: 768px) {
.about_action_button{
left: 50%;
margin-left: -140px;
bottom: 10px;
width: 100%;
}
}
.about_action_button .vacancies-btn{
max-width: 300px;
}
.slider-large-wrap .large-slider__clinic-item{
max-height: 600px;
width: auto !important;
}
.large-slider__clinic-item img{
max-height: 600px;
}
.about__image--slide-img {
height: 485px;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
width: 800px;
opacity: .5;
background-color: transparent;
transition: transform 0.45s ease;
}
.about__image--slide {
margin: 0 65px;
padding: 40px 0;
}
.about__image--slide.slick-center .about__image--slide-img {
opacity: 1;
transform: scale(1.2, 1.2);
}
@media (min-width: 320px) and (max-width: 961px) {
.about-slider--arows.--clinics {
display: none;
}
}
@media (min-width: 961px) {
.about-slider--arows {
text-align: center;
margin-top: 50px;
}
.about-slider--arows .slick-arrow {
cursor: pointer;
transition: transform .4s ease, box-shadow .4s ease;
border-radius: 30px;
}
.about-slider__counter {
line-height: 57px;
font-size: 16px;
margin: 0 35px;
}
.about-slider__counter em {
font-style: normal;
font-size: 22px;
color: #F18AB6;
}
}
.about-slider__counter em {
font-style: normal;
font-size: 22px;
color: #F18AB6;
font-weight: 700;
}
.about-slider--arows .slick-arrow {
cursor: pointer;
transition: transform .4s ease, box-shadow .4s ease;
border-radius: 30px;
display: inline-block !important;
}
.about__images-slider-wrap .slick-dots{
margin-top: 25px;
}
.vacanvy-section{
margin-top: 150px;
}
.vacanvy-section .clinic__bimage-block_image{
margin-top: 0;
}
.about-banner{
background: #F7F1FF;
}
.about-banner .splide__slide{
text-align: center;
}
.vacancies .vacancies-slider__clinic-item{
height: 620px;
}
@media(max-width:768px)
{
.vacancies .vacancies-slider__clinic-item {
height: 660px;
}
}
.b-checkup-services-list-section__title.b-checkup-services-list-section__title_195775{
margin-bottom: 20px;
}
.b-checkup-services-list-section__title.b-checkup-services-list-section__title_195775 + p{
margin-bottom: 60px;
text-align: center;
}
.history-pacients{
padding-bottom: 60px;
}
.alert-box > .alert-box__icon + p,
.alert-box > .alert-box__icon + ul > li > p:first-child{
margin-top: 0;
}
.alert-box > p:last-child{
margin-bottom: 0;
}
/* Location */
.b-info-drop__wrapper{
min-width: 245px;
}
.confirm_region {
position: absolute;
display: block;
min-width: 380px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, .12);
-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .12);
-o-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .12);0 0 4px 1px rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .12);
z-index: 1002;
background: #fff;
border-radius: 10px;
padding: 26px 28px 22px;
box-sizing: border-box;
top: 58px;
left: 5px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, .12);
}
.confirm_region:before{
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 12.5px 16px 12.5px;
border-color: transparent transparent #FFFFFF transparent;
transform: rotate(0deg);
position: absolute;
left: 35px;
top: -16px;
z-index: 100;
-webkit-filter: drop-shadow(1px 0 4px rgba(0, 0, 0, .12));
filter: drop-shadow(1px 0 4px rgba(0, 0, 0, .12));
}
.confirm_region:after{
content: "";
width: 18px;
height: 10px;
background: #FFF;
position: absolute;
left: 39px;
top: -4px;
z-index: 101;
display: block;
}
.confirm_region .title{
display: flex;
gap: 10px;
}
.confirm_region .title span {
padding-left: 5px;
font-weight: 600;
}
.confirm_region .buttons {
padding: 18px 0 0;
white-space: nowrap;
margin: 0 -4px;
}
.confirm_region .buttons>span {
width: 50%;
float: left;
}
.confirm_region .buttons>span:first-child{
padding-right: 10px;
}
.confirm_region .buttons .b-btn{
max-width: 162px;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
background-image: none;
cursor: pointer;
white-space: nowrap;
width: 100%;
letter-spacing: 0;
text-transform: none;
min-width: 160px;
font-size: 18px;
}
.btn-link{
background: none;
border: 0;
padding: 0;
margin: 0;
color: #F178B6;
text-decoration: underline;
display: inline-block;
}
.btn-link:hover{
text-decoration: none;
}
.b-footer__contact-item .btn-link{
margin: 5px 0 15px 0;
}
.confirm_region .buttons .b-btn.b-btn-link{
background: #FFF;
color: #F178B6;
}
.confirm_region .buttons .b-btn.b-btn-link:before,
.confirm_region .buttons .b-btn.b-btn-link:after,
.b-popup_select-region .b-btn.b-btn-ghost:before,
.b-popup_select-region .b-btn.b-btn-ghost:after{
content: none;
}
.b-popup_select-clinic.b-popup_select-region .b-popup__wrapper{
max-width: 550px;
border-radius: 40px;
padding: 133px 100px;
}
.b-popup_select-clinic.b-popup_select-region .b-popup__title{
margin-bottom: 20px;
}
.b-popup_select-clinic.b-popup_select-region .b-popup__buttons{
max-width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 30px;
}
.b-btn:disabled,
.b-btn:hover:disabled{
opacity: 0.4;
cursor: not-allowed;
}
.b-popup_select-clinic.b-popup_select-region .b-popup__select{
max-width: 100%;
}
.b-popup_select-clinic.b-popup_select-region .b-select-clinic__current{
padding: 15px 10px 15px 20px;
border-radius: 25px;
}
.b-popup_select-clinic.b-popup_select-region .b-select-clinic{
border-radius: 25px;
}
.b-popup_select-clinic.b-popup_select-region .b-select-clinic.focus,
.b-popup_select-clinic.b-popup_select-region.b-select-clinic.focus .b-select-clinic__current {
border-radius: 25px 25px 0 0;
}
.b-popup_select-clinic.b-popup_select-region.focus, .b-select-clinic.focus .b-select-clinic__current {
border-radius: 25px 25px 0 0;
}
.b-popup_select-clinic.b-popup_select-region .b-popup__select{
margin-bottom: 55px;
}
.b-popup_select-region .b-btn.b-btn-ghost{
background: #FFF;
color: #EF5DA8;
border: 1px solid #EF5DA8;
padding: 15px 58px;
font-size: 22px;
letter-spacing: 1px;
text-transform: none;
}
.b-popup_select-region .b-popup__select-lebel{
text-align: center;
line-height: 1.2;
margin-bottom: 15px;
}
.b-popup_select-region .b-btn.b-btn-ghost:hover,
.b-popup_select-region .b-btn.b-btn-ghost.selected,
.b-popup_select-region .b-btn.b-btn-ghost.selected:hover{
background: #FFDDEB;
color: #EF5DA8;
border-color: #FFDDEB;
}
.b-popup_select-region .b-popup__close{
top: 35px;
right: 35px;
}
@media (max-width: 640px) {
.b-popup_select-clinic.b-popup_select-region .b-popup__wrapper {
padding: 60px 20px;
border-top: 1px #F56CA8 solid;
border-radius: 0;
}
}
/* Location */
@media(max-width: 768px)
{
.b-btn.how-list-btn{
width: 100%;
}
}
.row-text_image{
display: flex;
align-items: start;
gap: 25px;
}
.row-text_image p:first-child{
margin-top: 0;
}
.row-text_image img{
max-width: 300px;
}
body .article-detail ul:not([class]) li{
margin: 0 0 20px;
}
body .article-detail ul:not([class]) li p{
margin: 15px 0;
}
body .article-detail h3 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
margin: 20px 0 10px;
color: #000;
}
.article-detail .alert-box h3 {
font-weight: normal;
font-size: 20px;
line-height: 28px;
margin: 0;
color: #000;
}
.section-gray{
background: #F6F6F6;
padding: 10px !Important;
}
.ymaps-popup-call{
display: none;
}
.b-btn.b-btn_inverse{
background: #FFF;
color: #EF5DA8;
border: 1px solid #EF5DA8;
letter-spacing: 1px;
text-transform: none;
margin-top: 5px;
}
.b-btn.b-btn_inverse:hover{
background: #FFDDEB;
}
.b-btn.b-btn_inverse:before,
.b-btn.b-btn_inverse:after{
content: none;
}
.our-program___btn{
position: relative;
}
@media only screen and (max-width: 767px) {
.service-scts .service-scts__itm {
padding: 11px;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
.other-section__list .other-section__itm .other-section__price,
.service-scts .service-scts__itm .other-section__price{
margin: 0 0 0 auto;
white-space: nowrap;
}
}
.popup-banner-main{
width: 1300px;
max-width: calc(100% - 20px);
margin: auto;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
.popup-banner-link, .popup-banner-link picture, .popup-banner-link img{
width: 100%;
height: auto;
}
.popup-btn{
/* Frame 1321314988 */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 64px;
background: #FB47A3;
border-radius: 44.1211px;
font-weight: 500;
font-size: 20px;
line-height: 110%;
text-align: center;
color: #FFFFFF;
text-decoration: none;
transition: all .5s;
}
.popup-btn:hover{
color:#FB47A3;
background: #FFFFFF;
}
.p-close{
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='39' viewBox='0 0 38 39' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.75 19.5C37.75 29.8553 29.3553 38.25 19 38.25C8.64466 38.25 0.25 29.8553 0.25 19.5C0.25 9.14466 8.64466 0.75 19 0.75C29.3553 0.75 37.75 9.14466 37.75 19.5ZM19 21.6213L11.7273 28.894L9.60601 26.7727L16.8787 19.5L9.606 12.2273L11.7273 10.106L19 17.3787L26.2727 10.106L28.394 12.2273L21.1213 19.5L28.394 26.7727L26.2727 28.894L19 21.6213Z' fill='white'/%3E%3C/svg%3E");
height: 37px;
width: 37px;
background-size: contain;
background-repeat: no-repeat;
top: -50px;
right: 0;
}
.p-close:hover{
cursor: pointer;
}
.p-close:active{
top: -49px;
}
#trimestr .all-services__head__sale{
display: none;
}
button.btn-reset{
background: none;
border: 0;
padding: 0;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
height: 100%;
}
.doctor-box .button{
border: 0;
}
.doctor-box .button.default:hover:before {
background-color: transparent;
}
.list-element-135933 .all-services__head__sale{
display: none;
}
.doctor-card.block-expert{
background: #F6F6F6;
padding: 30px 10px;
position: relative;
overflow: hidden;
}
.doctor-card.block-expert .doctor-card__columns{
margin: 0;
}
.block-expert .doctor-card__ava img{
width: 120px;
height: 120px;
}
.doctor-card.block-expert{
margin: 30px 0;
}
.doctor-card.block-expert .doctor-card__column{
padding: 0 10px;
}
@media only screen and (min-width: 992px) {
.doctor-card.block-expert .doctor-card__column:first-child {
width: 150px;
max-width: 150px;
min-width: 150px;
}
.doctor-card.block-expert .doctor-card__column:last-child {
width: 250px;
max-width: 250px;
min-width: 250px;
padding-bottom: 0;
}
}
.doctor-card.block-expert .doctor-card__column_column-desc{
flex: 1;
}
.doctor-card.block-expert .doctor-card__name{
font-size: 16px;
line-height: 22px;
margin: 0 0 15px;
}
.doctor-card.block-expert .doctor-card__post{
font-size: 14px;
line-height: 18px;
margin: 0 0 10px;
font-weight: normal;
}
.doctor-card.block-expert .doctor-card__seporate {
border: .5px solid #C4C4C4;
margin: 15px 0;
}
.doctor-card.block-expert .doctor-indicators__item {
margin-top: 10px;
}
.doctor-card.block-expert .doctor-card__column:last-child .button.borderPink{
color: #F56CA8;
}
.doctor-card.block-expert .button.borderPink:after,
.doctor-card.block-expert .button.borderPink:before {
border: 1px solid #F56CA8;
}
.doctor-card.block-expert .button.borderPink:before {
background: #F56CA8;
}
.doctor-card.block-expert .button.borderPink:hover {
color: #FFF !important;
}
@media only screen and (max-width: 991px) {
.doctor-card.block-expert .doctor-card__column_m-video {
display: block;
}
.doctor-card.block-expert .doctor-card__ava {
max-width: 240px;
padding-bottom: 20px;
margin: 0 auto;
}
.doctor-card.block-expert .doctor-card__ava img {
width: 240px;
height: 240px;
}
.doctor-card.block-expert .doctor-card__column:last-child {
max-width: 320px;
margin: 25px auto 0 auto;
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.doctor-card.block-expert .doctor-card__name {
padding-right: 0;
font-size: 24px;
line-height: 31px;
margin: 0 0 20px;
text-align: center;
}
}
@media (min-width: 1171px) {
/* .article-detail_custom .container { */
/* max-width: 100%; */
/* width: auto; */
/* } */
}
@media (min-width: 961px) {
.article-detail_custom .services__result-list {
padding: 25px 0 25px;
}
.article-detail_custom .service__result {
padding: 10px;
}
}
.article__tabs-wrap{
max-width: 770px;
}
.our-program___btn .button{
max-width: 260px;
}
.article__card__title .title-h2{
margin: 0;
line-height: 31px;
font-size: 24px;
text-align: center;
color: #2E2E2E;
}
.d-flex{
display: flex;
justify-content: center;
align-items: center;
}
.button.default.whiteBg button{
background: none;
padding: 0;
margin: 0;
border: 0;
}
button.variations-slide__button{
border: 0;
}
/* .b-slider-section .b-slide__btn button.pr-btn:hover{ */
/* color: #FFF; */
/* } */
/* .b-slider-section .b-slide__btn button.pr-btn:hover:before { */
/* opacity: 1; */
/* transform: scale3d(1, 1, 1); */
/* border: 2px solid #fff; */
/* } */
/* .b-slider-section .b-slide__btn button.pr-btn:hover:after { */
/* opacity: 0; */
/* transform: scale3d(.8, .8, 1); */
/* } */
.btn-infoclinic{
border: 0;
}
.service-faq-toc{
font-size: 18px;
}
.b-sale-block__date{
opacity: 0.7;
}
.b-sale-block-price_wrap{
display: flex;
justify-content: space-between;
align-items: center;
}
.b-sale-block__price {
color: #F56CA8;
font: 500 20px Roboto, Arial, sans-serif;
}
#clicin_servicess_slider .slick-arrow{
display: block;
width: 57px;
height: 57px;
overflow: hidden;
background: #FFF;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -38px;
border: 0;
font-size: 0;
text-indent: -999px;
}
#clicin_servicess_slider .slick-arrow:hover{
box-shadow: 0px 0px 20px rgba(246, 108, 168, 0.3);
}
#clicin_servicess_slider .slick-prev{
left: -50px;
background: url("/assets/img/ui/slider_arrow_left.svg") 0 0 no-repeat transparent;
background-size: contain;
}
#clicin_servicess_slider .slick-next{
right: -50px;
background: url("/assets/img/ui/slider_arrow_right.svg") 0 0 no-repeat transparent;
background-size: contain;
}
@media(max-width: 768px)
{
#clicin_servicess_slider .slick-arrow{
top: -30px;
width: 40px;
height: 40px;
margin-top: 0;
}
#clicin_servicess_slider .slick-prev{
left: 0;
}
#clicin_servicess_slider .slick-next{
right: 0;
}
}
.ip_services .buttons{
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.ip_services .button{
width: 100%;
max-width: 380px;
}
@media(max-width: 768px)
{
.ip_services .buttons{
}
}
.ip_services .button.active {
background: 0 0;
color: #F56CA8;
}
.ip_services .button:before {
border-color: #F56CA8;
}
.ip_services .button.active:after {
opacity: 0;
}
.ip_services .button.default:before {
border-color: #F56CA8;
}
.ip_services .button.active:before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.ip_services .button.active svg {
fill: #F56CA8;
}
.ip_services_items{
margin-top: 40px;
}
.ip_services_item{
display: none;
}
.ip_services_item .services-list__row{
border-bottom: 1px solid #e5e5e5;
}
.doctor-leave{
border: 2px solid #F178B6;
background: linear-gradient(270deg, #FFE8F4 0%, #FBF7F7 44.71%);
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #EF5DA8;
height: 42px;
width: 100%;
max-width: 250px;
border-radius: 50px;
margin-top: 23px;
}
.doctor-box__pict,
.doctor-card_image{
position: relative;
}
.doctor-is_leave .doctor-box__pict:before,
.doctor-is_leave .doctor-card_image:before{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url("/local/templates/medok_2020/./images/doctor-is_leave.png") center no-repeat transparent;
z-index: 9;
background-size: contain;
}
/* End */
/* Start:/local/components/wersys/infoblock_menu/templates/header_desktop/style.css?170733569674*/
.b-main-menu__sub-menu__item_soon {
color: #F56CA8;
margin-left: 10px;
}
/* End */
/* Start:/local/templates/medok_2020/styles.css?172364274619343*/
.year_wrap{
display: inline-block;
background-color: #A7C9E4;
border-radius: 10px;
margin-right: 35px;
width: 110px;
height: 30px;
line-height: 30px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #ffffff;
text-align: center;
font-weight: 500;
}
/* Инфоблок над баннером */
.info_yellow_block{background:#ffda66;border-bottom:1px solid #fff;width:100%;max-height:45px;}
.info_yellow_block div{padding:10px 0 10px;font-weight:400;text-align:center;}
@media (max-width: 960px) {
.info_yellow_block{max-height:90px;}
}
.center{text-align: center;margin:0 auto;}
.title_default {
text-align: center;
color: #F56CA8;
}
.img-responsive{display:inline-block;height:auto;max-width:100%;}
.about-main__info-subtitle {
color: #F178B6;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 57.6px */
text-transform: uppercase;
margin-top: 32px;
margin-bottom: 32px;
max-width: 980px;
font-family:Roboto,Arial,sans-serif;
}
.about-main__info-description {
display: flex;
gap: 21px;
}
.about-main__info_images {
display: flex;
gap: 12px;
}
.about-main__info-description-text {
max-width: 478px;
color: #333;
font-family:Roboto,Arial,sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.adv-bubbles {
margin-top: 123px;
display: flex;
flex-direction: column;
gap: 8px;
}
.adv-bubbles-row {
display: flex;
gap: 4px;
}
.adv-bubble-text {
padding: 16px 24px;
border: 1px solid #F178B6;
border-radius: 50px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
max-width:900px;
width: 100%;
}
.adv-bubble-text p {
color: #F178B6;
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
margin-bottom: 0;
font-family:Roboto,Arial,sans-serif;
}
.adv-pink {
background-color: #FCDDEC;
border: 1px solid #FCDDEC;
height: 60px;
width: 100%;
border-radius: 50px;
}
.adv-bubbles__team img {
border: 1px solid #FFF;
border-radius: 60px;
}
.adv-bubbles__team img:not(:first-child) {
margin-left: -8px;
}
.f-pink {
max-width: 459px;
}
.s-pink {
max-width: 469px;
}
.t-pink {
max-width: 644px;
}
.adv-bubbles__team {
display: flex;
align-items: center;
max-width: 332px;
width: 100%;
}
.five-pink-sm {
max-width: 258px;
}
.five-pink-l {
max-width: 459px;
}
.six-pink {
max-width: 421px;
}
.slider-large-wrap{
padding-left: 19vw;
}
.large-slider__clinic-item {
margin-right: 20px;
max-width: 1170px;
width: 1170px!important;
}
.large-cliinic {
margin-top: 153px;
}
.large-clinic__title {
color: #F178B6;
text-align: center;
font-size: 70px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 84px */
text-transform: uppercase;
margin-bottom: 153px;
font-family:Roboto,Arial,sans-serif;
}
.slider-fw-wrap {
margin-top: 127px;
margin-bottom: 200px;
}
.fw-slider__clinic-item {
display: flex;
gap: 25px;
height: 700px;
}
.fw-slider__clinic-image {
max-width: 563px;
width:100%;
}
.fw-slider__clinic-item img {
object-fit:cover;
width: 100%;
height: 100%;
}
.rr img {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.rl img {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.clinic-title img{
border-radius: 20px;
height:450px;
}
.clinic-title__inner {
border-radius: 20px;
background-color: #F178B6;
margin-bottom: 25px;
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
padding: 29px;
min-height: 225px;
}
.splide__list .fw-slider__clinic-item:nth-child(even) .clinic-title__inner {
margin-bottom:0;
margin-top: 25px;
}
.clinic-title p {
color: #FFF;
text-align: center;
font-family:Roboto,Arial,sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 43.2px */
letter-spacing: -0.72px;
text-transform: uppercase;
margin-top: 18px;
}
.vacancies {
background-color: #FCDDEC;
padding-top: 149px;
padding-bottom: 191px;
}
.slider-vacancies-wrap {
padding-left: 19vw;
}
.vacancies-slider__clinic-item {
max-width: 418px;
width: 100%;
background-color: #fff;
border-radius: 20px;
height: 662px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 32px 24px;
}
.vacancies-title {
color: #F178B6;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 120%;
margin-bottom: 12px;
font-family:Roboto,Arial,sans-serif;
}
.exp {
color: #333;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
padding: 6px 16px;
border-radius: 10px;
background-color: #FCDDEC;
margin-bottom: 24px;
font-family:Roboto,Arial,sans-serif;
}
.vacancies-list__title {
color: #333;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%;
font-family:Roboto,Arial,sans-serif;
}
.vacancies-list__items {
list-style: none;
padding-left:0;
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 20px;
}
.vacancies-list__item {
color:#333;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 21.6px;
padding-left: 32px;
position: relative;
font-family:Roboto,Arial,sans-serif;
}
.vacancies-list__item::before {
content: "";
background-color: #333;
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
left: 1rem;
top: 0;
transform: translateY(0.5rem);
}
.vacancies-btn {
height: 52px;
width: 100%;
text-align: center;
border-radius: 50px;
background-color: #f178b6;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-family:Roboto,Arial,sans-serif;
}
.splide__arrows {
display: none;
}
.relative {
position: relative;
}
.arrows-splider {
position: absolute;
right: 0;
top: 42px;
display: flex;
gap: 32px;
}
.custom-slide__arrow--prev,
.custom-slide__arrow--next {
border: 2px solid #F178B6;
border-radius: 50px;
cursor: pointer;
transition: all .5s;
width: 58px;
height: 58px;
position: relative;
}
.custom-slide__arrow--prev svg,
.custom-slide__arrow--next svg{
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.custom-slide__arrow--prev:hover,
.custom-slide__arrow--next:hover {
transition: all .5s;
background-color: #F178B6;
}
.custom-slide__arrow--prev:hover svg path,
.custom-slide__arrow--next:hover svg path{
fill: #fff;
transition: all .5s;
}
.vacancies-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
}
.vacancies-head h2 {
color: #333;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 128.906%;
font-family:Roboto,Arial,sans-serif;
}
.all-vacancies-link {
display: flex;
align-items: center;
gap: 8px;
color: #333;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 128.906%;
text-decoration: none;
}
.vacancies-image {
margin-top: 100px;
}
.vacancies-image img {
transform: translateY(9rem);
z-index: -1;
position: relative;
}
.mobile-vac {
display: none;
}
.our-friends-about {
margin-top: 120px;
margin-bottom: 184px;
}
.our-friends-about h2 {
margin-bottom: 42px;
color: #333;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 128.906%;
font-family:Roboto,Arial,sans-serif;
}
.our-friends-about__items {
display: flex;
gap: 30px;
}
.our-friends-about__item {
max-width: 230px;
width: 100%;
height: 250px;
display: flex;
flex-direction: column;
gap: 15px;
border-radius: 18px;
background: #FFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.our-friends-about__item-logo {
max-width: 208px;
width: 100%;
height: 156px;
}
.our-friends-about__item-logo img {
object-fit: contain;
width: 100%;
height: 100%;
}
.our-friends-about__item-descr {
color: #2E2E2E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 128.906%;
font-family:Roboto,Arial,sans-serif;
}
.callback-section {
margin-top: 184px;
margin-bottom: 120px;
padding-top: 69px;
padding-bottom: 193px;
background-color: #FFF2FE;;
}
.callback-section h2 {
color: #F178B6;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin-bottom: 24px;
font-family:Roboto,Arial,sans-serif;
}
.callback-section p {
color: #333;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 128.906%;
margin-bottom: 42px;
font-family:Roboto,Arial,sans-serif;
}
.callback-section a {
color: #2E2E2E;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
justify-content: center;
text-decoration: none;
font-family:Roboto,Arial,sans-serif;
}
.callback-section a.cbk {
max-width: 405px;
width: 100%;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
background-color: #F178B6;
border-radius: 50px;
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 auto;
border: none;
font-family:Roboto,Arial,sans-serif;
}
.rl img {
max-width: 100%;
}
.rr img {
max-width: 100%;
}
.about-main__info-description-text p {
margin-bottom: 15px;
}
.about-main__info-description-text p:last-child {
margin-bottom:0;
}
.decor-arrow {
position: absolute;
top: -3%;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
}
@media (min-width:1200px) and (max-width: 1366px) {
.slider-large-wrap {
padding-left: 7vw;
}
.slider-vacancies-wrap {
padding-left: 7vw;
}
}
@media (min-width:1400px) and (max-width: 1700px) {
.slider-large-wrap {
padding-left: 9vw;
}
.slider-vacancies-wrap {
padding-left: 9vw;
}
}
@media(max-width: 1700px) {
.fw-slider__clinic-image {
max-width: 400px;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(2) .clinic-title img{
height: 400px;
}
}
@media(max-width: 768px) {
.desktop-vac {
display: none;
}
.mobile-vac {
display: block;
}
.about-main__info-subtitle {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 21.6px */
text-transform: uppercase;
}
.about-main__info-description {
flex-direction: column;
}
.about-main__info_images img:first-child {
max-width: 220px;
}
.about-main__info_images img:last-child {
max-width: 112px;
}
.about-main__info-description-text {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.adv-bubbles {
margin-top: 28px;
}
.adv-bubble-text p {
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: normal;
letter-spacing: 0.32px;
text-transform: uppercase;
}
.adv-bubbles-row {
flex-wrap:wrap;
justify-content: space-between;
gap: 8px;
}
.f-pink {
max-width: 300px;
}
.adv-bubbles .adv-bubbles-row:nth-child(2) .adv-bubbles-sep{
display: none;
}
.adv-bubbles .adv-bubbles-row:nth-child(2) .adv-pink{
order: 2;
max-width: 300px;
}
.adv-bubbles .adv-bubbles-row:nth-child(2) .adv-bubbles-heart{
order: 3;
}
.t-pink {
max-width: 300px;
}
.adv-bubbles__team {
max-width: 300px;
}
.five-pink-l {
display: none;
}
.adv-bubbles .adv-bubbles-row:nth-child(5) .adv-bubble-text {
order: 3;
}
.adv-bubbles .adv-bubbles-row:nth-child(5) .adv-bubbles-heart {
order: 1;
}
.adv-bubbles .adv-bubbles-row:nth-child(5) .five-pink-sm {
order: 2;
}
.large-cliinic {
margin-top: 70px;
}
.large-clinic__title {
display: none;
}
.slider-large-wrap {
padding-left:0;
height: 450px;
}
.large-slider__clinic-item {
height: 450px;
max-width: 100%;
}
.large-slider__clinic-item img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.fw-slider__clinic-items .splide__list{
flex-direction: column;
display: flex!important;
gap: 60px;
}
.fw-slider__clinic-items .splide__list .splide__slide {
flex-direction: column;
}
.fw-slider__clinic-item {
height: 100%;
}
.fw-slider__clinic-items .splide__list .splide__slide:first-child .clinic-title{
order: 1;
}
.fw-slider__clinic-items .splide__list .splide__slide:first-child .fw-slider__clinic-image.rr{
order:2;
}
.fw-slider__clinic-items .splide__list .splide__slide:first-child .fw-slider__clinic-image.rl{
order: 3;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(2) .clinic-title{
order: 1;
display: flex;
flex-direction: column-reverse;
gap: 25px;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(2) .clinic-title__inner {
margin-top: 0;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(2) .fw-slider__clinic-image.rr{
order:2;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(2) .fw-slider__clinic-image.rl{
order: 3;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(3) .clinic-title{
order: 1;
display: flex;
flex-direction: column;
gap: 25px;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(3) .clinic-title__inner {
margin-top: 0;
margin-bottom:0;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(3) .fw-slider__clinic-image.rr{
order:2;
}
.fw-slider__clinic-items .splide__list .splide__slide:nth-child(3) .fw-slider__clinic-image.rl{
order: 3;
}
.clinic-title p {
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 28.8px */
letter-spacing: -0.48px;
text-transform: uppercase;
}
.slider-fw-wrap {
margin-bottom: 100px;
margin-top: 60px;
}
.vacancies-image {
margin-top: 0;
}
.vacancies-image img {
transform: translateY(0rem);
}
.vacancies-image .container {
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
display: flex;
justify-content: center;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.vacancies-image img {
transform: translateY(0rem);
z-index: -1;
position: relative;
object-fit: cover;
width: 100%;
height: 100%;
}
.vacancies-head h2 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.all-vacancies-link {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 128.906%;
}
.slider-vacancies-wrap {
padding-left: 20px;
}
.vacancies-slider__clinic-item {
max-width: 294px;
}
.vacancies-title {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.exp {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.vacancies-list__title {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.vacancies-list__item {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.arrows-splider {
right: 20px;
}
.our-friends-about {
margin-top: 60px;
margin-bottom: 60px;
}
.our-friends-about__items {
flex-direction: column;
}
.our-friends-about h2 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.our-friends-about__item {
max-width: 100%;
align-items: center;
}
.callback-section {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 60px;
}
.callback-section h2 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.callback-section a.cbk {
max-width: 240px;
height: 42px;
letter-spacing: .1em;
font-size: 14px;
line-height: 20px;
}
.callback-section p {
font-size: 16px;
}
.b-contacts-section__tabs {
gap: 15px;
}
main-slider__clinic-item {
width: 100%;
height: 476px;
}
.main-slider__clinic-item img{
object-fit: cover;
width: 100%;
height: 100%;
}
.about-page-cont .b-breadcrumb__li{
display: block;
}
}
.large-cliinic{
width: 100%;
overflow: hidden;
}
.large-cliinic-content{
display: flex;
gap: 25px;
}
.fw-slider__clinic-item{
flex-shrink: 0;
}
.clinic-title{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.clinic-title__inner{
margin-bottom: 0;
}
.large-cliinic-main{
width: 100%;
flex-shrink: 0;
position: relative;
}
.large-cliinic__title{
font-weight: 500;
font-size: 70px;
line-height: 89%;
text-transform: uppercase;
text-align: center;
color: #f178b6;
position: absolute;
width: 100%;
top: 58px;
}
.large-cliinic__title p{
position: relative;
width: max-content;
margin-left: auto;
margin-right: auto;
z-index: 2;
min-width: 120px;
}
.large-cliinic__title p:nth-child(2){
margin-bottom: 10px;
}
.large-cliinic__title p::before{
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
transform: translate(-50%, -50%);
border-radius: 100px;
width: calc(100% + 70px);
height: 82px;
content: '';
background: #fff;
}
.large-cliinic img{
border-radius: 20px;
}
.large-cliinic-img{
position: relative;
transform: scale(.55) translateY(45%);
}
.clinic-title{
gap: 20px;
}
#t1{
margin-top: -245px;
}
@media (max-width: 1200px) {
.fw-slider__clinic-item{
height: 57vw;
}
.clinic-title{
width: 80vw;
}
.clinic-title img {
height: 0;
flex-grow: 1;
object-position: top;
}
#t1{
display: none;
}
}
@media (max-width: 860px) {
.large-cliinic-img{
min-width: 100vw;
transform: none;
margin-left: -20px;
}
.large-cliinic-content{
flex-direction: column;
}
.fw-slider__clinic-item{
height: auto;
flex-direction: column;
}
.fw-slider__clinic-image{
display: none;
}
.ll-img-slider{
display: flex;
gap: 10px;
overflow: auto;
}
.ll-img-slider::-webkit-scrollbar-thumb{
height: 0;
}
.ll-img-slider img{
object-fit: cover;
width: 295px;
height: 350px;
}
.clinic-title__inner{
background-color: #fff;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
.clinic-title{
width: 100%;
}
.clinic-title__inner p{
font-weight: 400;
font-size: 24px;
line-height: 120%;
letter-spacing: -0.02em;
text-transform: uppercase;
text-align: center;
color: #f178b6;
}
.clinic-title__inner svg, .clinic-title__inner path{
fill: #f178b6;
}
}
@media (max-width: 640px) {
.large-cliinic-img{
height: 450px;
object-fit: cover;
}
.large-cliinic__title{
font-size: 28px;
}
.large-cliinic__title p::before{
height: 59px;
}
}
/* End */
/* Start:/local/templates/medok_2020/template_styles.css?17407352302422*/
.doctor_reviews_serv {
position: relative;
top: -75px;
}
iframe{
width: 100%;
border: 0;
}
@media (max-width:960px) {
.doctor_reviews_serv {
top:0;
margin-bottom: 30px;
}
}
/* 214961 */
ul.breadcrumb__ul > li:last-child a {
cursor: default;
}
.services-list__row__price{
margin-right: 50px;
}
.services-list .service-description__desc{
font-size: 18px;
line-height: 27px;
}
.our-program__list .elm_135886{
position: relative;
}
.our-program__list .elm_135886 a{
position: absolute;
z-index: 90;
top: -54px;
right: -20px;
}
.our-program__list .elm_135886 a img{
width: 130px;
}
.all-services__head__price.vertival_middle{
display: table;
}
.all-services__head__new.vertival_middle{
display: table-cell;
vertical-align: middle;
}
.other-section__icon svg path {
fill: #f08bb7;
}
.other-section__price {
margin-bottom: 15px;
color: #F56CA8;
}
.doctor-box__reviews a {
z-index: 2;
position: relative;
}
.all-services__itm__head__num {
width: 100px;
}
.all-services__itm__head__price {
width: 200px;
padding-left: 100px;
}
.b-main-menu__sub_about .b-main-menu__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.b-main-menu__sub_about .b-main-menu__sub-title_more {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.b-footer__subtitle--mobile-apps {
margin-top: 30px;
}
.b-footer__mobile-apps {
margin-left: -5px;
margin-right: -5px;
}
.b-footer__mobile-apps a {
display: inline-block;
width: 49%;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
@media screen and (min-width: 993px) {
.b-header__icons__item {
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px){
.services-list .service-description__desc{
font-size: 16px;
line-height: 24px;
padding: 23px;
}
.our-program__list .elm_135886 a img{
width: 90px;
}
/* .our-program__list .elm_135886 a{ */
/* position: fixed; */
/* bottom: 110px; */
/* right: 10px; */
/* top: auto; */
/* } */
}
/* End */
/* Start:/landing2021/css/landing2021-page.css?173407775641653*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');
/* Общее */
.color-accent {color: #F56CA8;}
/* Баннер */
.b-slider-section__item {position: relative;}
.b-slider-section .b-slide__content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.b-slider-section .b-slide__content .container {height: 100%;}
.b-slider-section .b-slide__text {height: 100%; display: flex; flex-direction: column; text-align: center;}
.b-slider-section .b-slide__top {margin-bottom: 20px; padding-left: 15px; padding-right: 15px; font-family: 'Roboto Condensed', sans-serif;}
.b-slider-section .b-slide__title {font-weight: bold; font-size: 30px; line-height: 32px; letter-spacing: 0.02em; text-transform: uppercase; color: #F56CA8; margin: 16px 0 10px;}
.b-slider-section .b-slide__subtitle {font-size: 18px; line-height: 21px; letter-spacing: 0.02em; color: #000;}
.b-slider-section .b-slide__footer {margin-top: auto; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); padding-left: 15px; padding-right: 15px; position: relative;}
.b-slider-section .b-slide__btn {margin-bottom: 10px;}
.b-slider-section .b-slide__btn .b-btn {min-width: 260px;}
.b-slider-section .b-slide__btn .b-btn .icon_btn-arrow {display: none;}
.b-slider-section .b-slide__footer-text {font-size: 14px; line-height: 16px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.02em; color: #F56CA8; padding-left: 15px;}
.b-slider-section .b-slider-section__item-с img {width: 100%;}
.b-slider-section .b-slide__link {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
@media screen and (min-width: 768px) {
.b-slider-section .b-slide__text {text-align: left; width: 40%; padding: 7.5% 0 5%; max-width: 420px;}
.b-slider-section .b-slide__top {padding: 0;}
.b-slider-section .b-slide__footer {display: flex; flex-direction: column-reverse; padding: 0; background: none;}
.b-slider-section .b-slide__footer-text {margin-bottom: 10px; padding: 0;}
.b-slider-section .b-slide__btn {margin-bottom: 0;}
}
@media screen and (min-width: 992px) {
.b-slider-section .b-slide__title {font-size: 50px; line-height: 52px; margin-bottom: 15px;}
.b-slider-section .b-slide__subtitle {font-size: 24px; line-height: 28px;}
.b-slider-section .b-slide__footer-text {font-size: 18px; line-height: 21px;}
.b-slider-section .b-slide__btn .b-btn {max-width: 336px; text-transform: none; height: 64px; display: flex; align-items: center; justify-content: space-between; font-size: 24px; line-height: 28px; letter-spacing: 0.05em; border-radius: 32px; padding: 10px 40px;}
.b-slider-section .b-slide__btn .b-btn .icon_btn-arrow {width: 30px; height: 30px; display: block;}
}
/* Гинекологическое обследование в клинике Медок */
.b-checkup-about-clinic-section {margin-bottom: 20px;}
.b-checkup-about-clinic-section__title {margin-bottom: 16px; color: #2E2E2E; font-weight: 500; font-size: 24px; line-height: 1.2; text-align: center;}
.b-checkup-about-clinic-section__content {font-size: 16px; line-height: 150%;}
.b-checkup-about-clinic-section__image {margin-left: -15px; margin-right: -15px;}
.b-checkup-about-clinic-section__image img {width: 100%;}
.b-checkup-about-clinic-section__minititle {font-weight: 500; font-size: 28px; line-height: 128.91%; color: #F56CA8; margin-bottom: 11px;}
.b-checkup-about-clinic-section__text {margin-bottom: 40px;}
.mission-item {text-align: center; position: relative; margin-bottom: 26px; letter-spacing: 0.05em; color: #F56CA8;}
.mission-item__icon {height: 56px; margin-bottom: 8px;}
.mission-item__text {font-weight: 500; font-size: 14px; line-height: 16px;}
@media screen and (min-width: 641px) {
.b-checkup-about-clinic-section__row {flex-direction: row-reverse;}
.b-checkup-about-clinic-section__image {margin-left: 0; margin-right: 0;}
.mission-item {display: flex; align-items: center; margin-bottom: 17px; text-align: left;}
.mission-item__icon {height: 56px; width: 56px; margin: 0 8px 0 0;}
.mission-item__text {font-size: 16px; line-height: 19px;}
}
@media screen and (min-width: 992px) {
.b-checkup-about-clinic-section {margin-bottom: 120px;}
.b-checkup-about-clinic-section__title {font-size: 40px; margin-bottom: 56px;}
.b-checkup-about-clinic-section__content {font-size: 18px; max-width: 470px;}
}
/* Для чего нужен Check-Up */
.b-checkup-about-service-section {margin-bottom: 100px;}
.b-checkup-about-service-section__title {margin-bottom: 16px; color: #2E2E2E; font-weight: 500; font-size: 24px; line-height: 1.2; text-align: center;}
.b-checkup-about-service-section__items {overflow-x: auto; margin: 0 -15px 10px; padding: 0 15px; display: flex;}
.b-checkup-about-service-section__items::-webkit-scrollbar {width: 0; height: 0;}
.b-checkup-about-service-section__item {margin: 12px 20px 14px 0; color: #EF5DA8; position: relative; background: #EDE8F8; font-size: 16px; line-height: 19px; width: 200px; flex-shrink: 0;}
.b-checkup-about-service-section__item::before {content: ''; display: block; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px;}
.b-checkup-about-service-section__item > * {position: relative;}
.b-checkup-about-service-section__item.view-1 {border-radius: 100px 0 100px 100px; padding: 15px 20px 10px 35px;}
.b-checkup-about-service-section__item.view-1::before {background: url(/landing2021/css/../images/bCheckupAboutServiceSectionItem1.svg) no-repeat 100% 0;}
.b-checkup-about-service-section__item.view-2 {border-radius: 100px 100px 100px 0; padding: 13px 20px 10px 40px;}
.b-checkup-about-service-section__item.view-2::before {background: url(/landing2021/css/../images/bCheckupAboutServiceSectionItem2.svg) no-repeat 50% 80% / 80%;}
.b-checkup-about-service-section__item.view-3 {border-radius: 100px 0 100px 100px; padding: 15px 20px 10px 35px;}
.b-checkup-about-service-section__item.view-3::before {background: url(/landing2021/css/../images/bCheckupAboutServiceSectionItem3.svg) no-repeat 0 50%;}
.b-checkup-about-service-section__item.view-4 {border-radius: 100px 100px 100px 0; padding: 13px 20px 10px 40px;}
.b-checkup-about-service-section__item.view-4::before {background: url(/landing2021/css/../images/bCheckupAboutServiceSectionItem4.svg) no-repeat 50% 100%;}
.b-checkup-about-service-section__item strong {font-weight: 500; font-size: 32px; line-height: 49px;}
.b-checkup-about-service-section__text {color: #2E2E2E; font-size: 16px; line-height: 150%;}
.b-checkup-about-service-section__text-hidden {display: none;}
.b-checkup-about-service-section__show-text-btn {display: flex; align-items: center; font-weight: 500; font-size: 18px; line-height: 152.34%; text-transform: uppercase; letter-spacing: 0.1em; color: #2E2E2E; border: none; background: none;}
.b-checkup-about-service-section__show-text-btn svg {margin-right: 25px;}
.opened .b-checkup-about-service-section__show-text-btn svg {transform: scaleY(-1);}
.b-checkup-about-service-section__show-text-btn .text-to-hide {display: none;}
.opened .b-checkup-about-service-section__show-text-btn .text-to-show {display: none;}
.opened .b-checkup-about-service-section__show-text-btn .text-to-hide {display: block;}
@media screen and (min-width: 992px) {
.b-checkup-about-service-section__title {font-size: 40px; margin-bottom: 70px;}
.b-checkup-about-service-section__items {overflow: hidden; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.b-checkup-about-service-section__item {width: calc(50% - 20px); margin: 10px;}
.b-checkup-about-service-section__item > * {max-width: 170px; margin: 0 auto;}
.b-checkup-about-service-section__item strong {font-size: 32px; line-height: 128.91%;}
.b-checkup-about-service-section__item::before {background-size: 80% auto !important;}
.b-checkup-about-service-section__item.view-1::before {background-position: 50% 0;}
.b-checkup-about-service-section__item.view-2::before {background-position: 50% 80%;}
.b-checkup-about-service-section__item.view-3::before {background-position: 50% 50%;}
.b-checkup-about-service-section__item.view-4::before {background-position: 50% 100%;}
.b-checkup-about-service-section__text {font-size: 18px; max-width: 544px;}
.b-checkup-about-service-section__text-hidden {display: block;}
.b-checkup-about-service-section__show-text-btn {display: none;}
}
@media screen and (min-width: 1080px) {
.b-checkup-about-service-section__item.view-1 {padding: 15px 25px 15px 45px; top: 10px;}
.b-checkup-about-service-section__item.view-2 {padding: 13px 25px 15px 45px;}
.b-checkup-about-service-section__item.view-3 {padding: 15px 25px 15px 45px; top: 10px;}
.b-checkup-about-service-section__item.view-4 {padding: 13px 25px 15px 45px;}
}
/* Выбери подходящий для себя Чек-Ап */
.b-checkup-choose-section {margin-bottom: 42px;}
.b-checkup-choose-section__title {margin-bottom: 24px; color: #2E2E2E; font-weight: 500; font-size: 24px; line-height: 1.2; text-align: center;}
.b-checkup-choose-section__content {}
.b-checkup-choose-section__tags {display: flex; align-items: flex-start; justify-content: center; margin-left: -10px; margin-right: -10px; flex-wrap: wrap;}
.b-checkup-choose-section__tag {width: 130px; text-align: center; font-size: 18px; color: #EF5DA8; line-height: 128.91%; margin: 0 10px 16px; background: #FCDDEC; box-shadow: 0 4px 10px rgba(245, 110, 169, 0.2); border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; height: 42px; text-decoration: none !important;}
.b-checkup-choose-section__tag:hover {background: #EF5DA8; color: #fff;}
.b-checkup-choose-section__slider {width: 100%; margin: 0 auto; max-width: 770px;}
.b-checkup-choose-section__slide .check-item {opacity: .25; transform: scale(.8); transition: .5s;}
.b-checkup-choose-section__slide.slick-current .check-item {opacity: 1; transform: scale(1);}
.b-checkup-choose-section__slider .slick-list {overflow: visible;}
.b-checkup-choose-section__slider .slick-arrow {position: absolute; z-index: 10; top: 0; width: 52px; height: 0; padding-bottom: 55%; border: none; background: none;}
.b-checkup-choose-section__slider .slick-arrow > span {position: absolute; top: 50%; left: 0; background: #F56EA9; border: 1px solid #FFD3E6;box-shadow: 0 0 20px rgba(245, 108, 168, 0.7); width: 52px; height: 52px; margin-top: -26px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center;}
.b-checkup-choose-section__slider .slick-prev {left: -13px; padding-right: 10px;}
.b-checkup-choose-section__slider .slick-next {right: -13px; padding-left: 10px;}
.b-checkup-choose-section .check-item {position: relative; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); border-radius: 10px; overflow: hidden;}
.b-checkup-choose-section .check-item__image {overflow: hidden;}
.b-checkup-choose-section .check-item__image img {width: 100%;}
.b-checkup-choose-section .check-item__content {padding: 15px 19px; overflow: hidden;}
.b-checkup-choose-section .check-item__title {font-weight: 500; font-size: 24px; line-height: 120%; color: #F9599F; margin-bottom: 10px;}
.b-checkup-choose-section .check-item__desc {font-size: 14px; line-height: 130%;}
.b-checkup-choose-section .check-item__desc strong {font-weight: 500; font-size: 18px; line-height: 120%;}
.b-checkup-choose-section .check-item__desc ul {padding-left: 20px;}
.b-checkup-choose-section .check-item__prices {display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; margin: 22px 0;}
.b-checkup-choose-section .check-item__price-old {text-decoration: line-through; margin-right: 20px; font-size: 24px; line-height: 28px; color: #A0A0A0;}
.b-checkup-choose-section .check-item__price-current {font-weight: 500; font-size: 40px; line-height: 47px; color: #F56CA8;}
.b-checkup-choose-section .check-item__actions {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.b-checkup-choose-section .check-item__actions .b-link {font-size: 16px; line-height: 19px; color: #979797;}
.b-checkup-choose-section .check-item__actions .b-btn {width: 100%; text-align: center; margin-top: 28px;}
@media screen and (min-width: 641px) {
.b-checkup-choose-section .check-item__prices {justify-content: flex-start;}
.b-checkup-choose-section .check-item__price-old {width: 126px;}
.b-checkup-choose-section .check-item__actions .b-btn {width: 214px; margin: 0 auto;}
}
@media screen and (min-width: 992px) {
.b-checkup-choose-section {margin-bottom: 128px;}
.b-checkup-choose-section__title {font-size: 40px; margin-bottom: 48px;}
.b-checkup-choose-section__tags {margin-bottom: 22px;}
.b-checkup-choose-section .check-item__content {padding: 17px 32px;}
.b-checkup-choose-section .check-item__title {font-size: 34px; line-height: 130%;}
.b-checkup-choose-section .check-item__desc {font-size: 18px;}
.b-checkup-choose-section .check-item__desc strong {font-size: 22px;}
.b-checkup-choose-section__slider .slick-arrow {width: 64px; }
.b-checkup-choose-section__slider .slick-arrow > span {width: 64px; height: 64px;}
.b-checkup-choose-section__slider .slick-prev {left: -97px;}
.b-checkup-choose-section__slider .slick-next {right: -97px;}
}
/* Проводимые анализы в рамках CHECK-UP */
.b-checkup-analysis-section {margin-bottom: 50px;}
.b-checkup-analysis-section__title {margin-bottom: 8px; color: #2E2E2E; font-weight: 500; font-size: 24px; line-height: 1.2; text-align: center;}
.b-checkup-analysis-section__subtext {font-size: 16px; line-height: 128.91%; text-align: center; color: #7B7B7B; max-width: 1060px; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
.b-checkup-analysis-section__content {padding: 0;}
.b-checkup-analysis-section__content ul {list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; max-width: 500px;}
.b-checkup-analysis-section__content li {padding-left: 23px; font-size: 16px; line-height: 24px; position: relative;}
.b-checkup-analysis-section__content li::before {content: ''; position: absolute; left: 0; top: 4px; width: 13px; height: 13px; background: url(/landing2021/css/../images/marker.svg) no-repeat 0 0;}
.b-checkup-analysis-section__accent {color: #EF5DA8; position: relative; text-align: center; padding: 41px 0 58px;}
.b-checkup-analysis-section__accent p {font-size: 16px; line-height: 18px; font-weight: 500; position: relative;}
.b-checkup-analysis-section__accent p:last-child {margin-bottom: 0;}
.b-checkup-analysis-section__accent::before {content: ''; display: block; background: url(/landing2021/css/../images/bCheckoutAnalysisSectionAccentBgMobile.svg) no-repeat 50% 50% / auto 100%; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0;}
@media screen and (min-width: 641px) {
.b-checkup-analysis-section__accent {text-align: left;}
.b-checkup-analysis-section__accent::before {background-image: url(/landing2021/css/../images/bCheckoutAnalysisSectionAccentBg.svg); top: -138px; left: -125px; bottom: -124px; right: -56px; background-size: contain;}
}
@media screen and (min-width: 992px) {
.b-checkup-analysis-section {margin-bottom: 100px;}
.b-checkup-analysis-section__title {font-size: 40px; margin-bottom: 18px;}
.b-checkup-analysis-section__subtext {margin-bottom: 0; font-size: 24px; line-height: 128.91%;}
.b-checkup-analysis-section__content {padding: 100px 0;}
.b-checkup-analysis-section__content li {font-size: 18px; line-height: 27px;}
.b-checkup-analysis-section__content li::before {top: 6px;}
.b-checkup-analysis-section__accent p {font-size: 24px; line-height: 30px; max-width: 510px;}
}
/* Дополнительный блок, которого может и не быть :) */
.b-checkup-additional-text-section {position: relative; margin-bottom: 40px;}
.b-checkup-additional-text-section > * {position: relative;}
.b-checkup-additional-text-section__title {font-weight: 500;}
.b-checkup-additional-text-section__title_mobile {text-align: center; font-size: 24px; line-height: 29px; margin-bottom: 24px;}
.b-checkup-additional-text-section__title_desktop {font-size: 40px; line-height: 128.91%; margin-bottom: 18px; display: none;}
.b-checkup-additional-text-section__content {margin-top: 77px; position: relative;}
.b-checkup-additional-text-section__content::before {content: ''; display: block; background: #FFEEF3; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw;}
.b-checkup-additional-text-section__image {position: relative; margin-top: -53px; margin-left: -15px; height: 0; padding-bottom: 73.75%;}
.b-checkup-additional-text-section__image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; border-radius: 0 80px 0 0;}
.b-checkup-additional-text-section__text {padding: 24px 0 35px; font-size: 16px; line-height: 150%; color: #2E2E2E; max-width: 470px; margin-right: -7px;}
.b-checkup-additional-text-section__btn {text-align: center;}
.b-checkup-additional-text-section__btn .b-btn {min-width: 260px;}
@media screen and (min-width: 641px) {
.b-checkup-additional-text-section__image {margin: -57px 0 0; height: calc(100% + 57px); display: flex; padding-bottom: 0;}
.b-checkup-additional-text-section__image img {position: relative;}
}
@media screen and (min-width: 992px) {
.b-checkup-additional-text-section {margin-bottom: 100px;}
.b-checkup-additional-text-section__title_mobile {display: none;}
.b-checkup-additional-text-section__title_desktop {display: block;}
.b-checkup-additional-text-section__text {padding: 68px 0 71px; font-size: 18px; line-height: 27px; margin-right: 0;}
.b-checkup-additional-text-section__btn {margin-top: 60px; text-align: left;}
.b-checkup-additional-text-section__btn .b-btn {min-width: 205px;}
}
@media screen and (min-width: 1200px) {
.b-checkup-additional-text-section__text {margin-left: 70px;}
}
/* Как мы проводим CHECK-UP в МЕДОК */
.b-checkup-promo-how-section {position: relative; background: url(/landing2021/css/../images/bCheckupPromoHowSectionBgMobile.svg) no-repeat 50% 100% / contain; padding: 20px 0 42px; margin-bottom: 20px;}
.b-checkup-promo-how-section__title {margin-bottom: 16px; color: #2E2E2E; font-weight: 500; font-size: 24px; line-height: 1.2; text-align: center;}
.b-checkup-promo-how-section__content {margin: 0 15px 32px;}
.b-checkup-promo-how-section__content p {color: #7B7B7B; font-size: 16px; line-height: 128.91%; text-align: center;}
.b-checkup-promo-how-section__content strong {font-weight: 500;}
.b-checkup-promo-how-section__image {margin-left: -15px; margin-right: -15px;}
.b-checkup-promo-how-section__image img {width: 100%;}
@media screen and (min-width: 641px) {
.b-checkup-promo-how-section {background: url(/landing2021/css/../images/bCheckupPromoHowSectionBg.svg) no-repeat 92% 0 / contain; padding: 60px 0 40px;}
.b-checkup-promo-how-section__title {text-align: left; max-width: 480px;}
.b-checkup-promo-how-section__content {max-width: 450px; margin: 0;}
.b-checkup-promo-how-section__content p {text-align: left;}
.b-checkup-promo-how-section__image {margin-left: 0; margin-right: 0;}
}
@media screen and (min-width: 992px) {
.b-checkup-promo-how-section {background-size: auto; padding: 180px 0;}
.b-checkup-promo-how-section__title {font-size: 40px; margin-top: 42px; margin-bottom: 22px;}
.b-checkup-promo-how-section__content p {font-size: 24px;}
}
/* Часто задаваемые вопросы */
.b-checkup-faq-section {position: relative; padding: 0 0 40px;}
.b-checkup-faq-section__title {margin-bottom: 16px; color: #2E2E2E; font-weight: 500; font-size: 24px; line-height: 1; text-align: center;}
.b-checkup-faq-section__item {border-bottom: 1px solid rgba(18,18,18,.5); background: #fff;}
.b-checkup-faq-section__btn {width: 100%; border: none; font-weight: 500; background: #fff; font-size: 16px; line-height: 128.91%; padding: 16px 0; display: flex; align-items: center; justify-content: space-between; border-radius: 0; box-shadow: none; text-align: left;}
.b-checkup-faq-section__plus {position: relative; width: 24px; height: 24px; flex-shrink: 0;}
.b-checkup-faq-section__plus::before,
.b-checkup-faq-section__plus::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; background: #F56CA8;}
.b-checkup-faq-section__plus::before {width: 24px; height: 1px; margin: -1px 0 0 -12px;}
.b-checkup-faq-section__plus::after {width: 1px; height: 24px; margin: -12px 0 0 -1px; transition: .5s;}
.opened .b-checkup-faq-section__plus::after {opacity: 0;}
.b-checkup-faq-section__collapse {display: none;}
.b-checkup-faq-section__body {padding-bottom: 16px; font-size: 15px; text-align: left;}
@media screen and (min-width: 992px) {
.b-checkup-faq-section {margin-bottom: 28px;}
.b-checkup-faq-section__title {font-size: 40px; margin-bottom: 20px;}
.b-checkup-faq-section__btn {font-size: 24px; padding: 35px 20px;}
.b-checkup-faq-section__body {padding: 0 20px 35px; font-size: 20px;}
}
/* Начни заботиться о себе прямо сейчас */
.b-checkup-promo-start-section {text-align: center; background: #FFF2FE; padding: 42px 0 33px;}
.b-checkup-promo-start-section__title {margin-bottom: 16px; color: #F178B6; font-weight: 500; font-size: 24px; line-height: 1.3;}
.b-checkup-promo-start-section__text {margin: 0 auto 30px; font-size: 16px; line-height: 128.91%; color: #2E2E2E; max-width: 800px;}
.b-checkup-promo-start-section__phone {display: flex; justify-content: center; margin-bottom: 21px;}
.b-checkup-promo-start-section__btn .b-btn {padding-left: 45px; padding-right: 45px;}
@media screen and (min-width: 992px) {
.b-checkup-promo-start-section {padding: 0px 0 68px; margin-bottom: 28px;}
.b-checkup-promo-start-section__title {font-size: 40px; margin-bottom: 24px; line-height: 1.3;}
.b-checkup-promo-start-section__text {font-size: 24px; margin-bottom: 50px;}
}
/* Мы рядом! */
@media screen and (max-width: 640px) {
.b-contacts-section__title {font-size: 24px;}
}
/* CHECK-UP для девушек до 25 лет */
.b-checkup-25years-old-section {margin: 40px 0;}
.b-checkup-25years-old-section__title {text-align: center; font-weight: 500; color: #2E2E2E; font-size: 24px; line-height: 120%; margin-bottom: 24px;}
.b-checkup-25years-old-section__image img {width: 100%;}
.b-checkup-25years-old-section__text {font-size: 16px; line-height: 130%;}
.b-checkup-25years-old-section__text ul { padding-left: 33px;
padding-right: 23px;}
.b-checkup-25years-old-section__text ul li{margin-bottom: .6rem; font-size: 20px;}
.b-checkup-25years-old-section__subtitle {margin-bottom: 10px; font-weight: 500; font-size: 22px; line-height: 120%; color: #FF4E9A;}
.b-checkup-25years-old-section__footer {text-align: center; }
.b-checkup-25years-old-section__footer .b-btn {width: 250px;}
.b-checkup-25years-old-section__prices {display: flex; margin-bottom: 10px; justify-content: center; align-items: baseline;}
.b-checkup-25years-old-section__price-old {font-size: 16px; line-height: 28px; text-decoration: line-through; color: #A0A0A0; margin-right: 10px; white-space: nowrap;}
.b-checkup-25years-old-section__price-current {font-weight: 500; font-size: 28px; line-height: 47px; color: #F56CA8; white-space: nowrap;}
.b-checkup-25years-old-section__image, .b-checkup-25years-old-section__image img{
height: 100%;
}
.b-checkup-25years-old-section__image img{
border-radius: 20px;
object-fit: cover;
}
@media screen and (min-width: 992px) {
.b-checkup-25years-old-section {margin: 100px 0;}
.b-checkup-25years-old-section__title {font-size: 40px; line-height: 128.91%; margin-bottom: 80px;}
.b-checkup-25years-old-section__text {font-size: 18px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.b-checkup-25years-old-section__text ul {margin-bottom: 42px;}
.b-checkup-25years-old-section__subtitle {margin-bottom: 24px; font-size: 32px;}
.b-checkup-25years-old-section__prices {margin-bottom: 0; margin-left: 24px; gap: 20px;}
.b-checkup-25years-old-section__footer {display: flex; flex-direction: row-reverse; align-items: center; margin-top: 20px; justify-content: flex-end; flex-wrap: wrap;}
}
/* Диагностики и услуги входящие в CHECK UP */
/* Какие анализы входят в CHECK UP */
.b-checkup-services-list-section {margin: 40px 0;}
.b-checkup-services-list-section__title {text-align: center; font-weight: 500; font-size: 24px; line-height: 120%; margin-bottom: 24px; padding-left: 15px; padding-right: 15px;}
.b-checkup-services-list-section__text {padding-bottom: 0;}
.b-checkup-services-list-section .basic-service__itm {padding: 14px 120px 14px 24px;}
.b-checkup-services-list-section .basic-service__itm:hover,
.b-checkup-services-list-section .basic-service__group.opened .basic-service__itm{background: #F178B6;}
.b-checkup-services-list-section .basic-service__itm:hover *,
.b-checkup-services-list-section .basic-service__group.opened .basic-service__itm * {color: #fff !important;}
.b-checkup-services-list-section .basic-service__itm:hover svg path,
.b-checkup-services-list-section .basic-service__group.opened .basic-service__itm svg path {fill: #fff !important;}
.b-checkup-services-list-section .basic-service__ttl {font-weight: 500; padding-left: 0;}
.b-checkup-services-list-section .basic-service__price {width: auto;}
.b-checkup-services-list-section .basic-service__price-text {font-size: 16px; line-height: 19px; color: #9A9A9A;}
.b-checkup-services-list-section .basic-service__arrow {right: 38px;}
.b-checkup-services-list-section .basic-service__group {position: relative;}
.b-checkup-services-list-section .basic-service__group.opened .basic-service__arrow {transform: rotate(90deg) translateX(-50%);}
.b-checkup-services-list-section .basic-service__group .basic-service__lnk {border: none; background: none;}
.b-checkup-services-list-section .basic-service__group-collapse {display: none;}
.b-checkup-services-list-section .basic-service__group-body {padding-top: 16px; padding-bottom: 16px; font-size: 15px; text-align: left;}
.b-checkup-services-list-section .basic-service__group-body ul {padding-left: 20px;}
@media screen and (max-width: 991px) {
.b-checkup-services-list-section .basic-service__group {margin-bottom: 16px;}
.b-checkup-services-list-section .basic-service__itm {text-align: center; padding: 20px; border-radius: 10px; box-shadow: 0 0 15px rgba(245, 108, 168, 0.15);}
.b-checkup-services-list-section .basic-service__ttl {padding-bottom: 8px;}
.b-checkup-services-list-section .basic-service__price {width: 100%;}
.b-checkup-services-list-section .basic-service__arrow {display: block; position: relative; margin: 0 auto; width: 25px; height: 25px; right: 0; top: 10px; transform: none !important;}
.b-checkup-services-list-section .basic-service__arrow svg {transform: rotate(90deg);}
.b-checkup-services-list-section .basic-service__group.opened .basic-service__arrow svg {transform: rotate(-90deg);}
}
@media screen and (min-width: 992px) {
.b-checkup-services-list-section {margin: 128px 0;}
.b-checkup-services-list-section__title {margin-bottom: 60px; font-size: 40px; line-height: 128.91%;}
.b-checkup-services-list-section .basic-service__group-body {padding: 0 20px 35px; font-size: 20px;}
}
/* По согласованию с пациенткой... */
.b-checkup-promo-text-section {margin: 40px 0; background: #FAF8FF; color: #EF5DA8; padding: 32px 0; font-weight: 500; text-align: center; font-size: 16px; line-height: 18px;}
@media screen and (min-width: 992px) {
.b-checkup-promo-text-section {margin: 100px 0; padding: 60px 0; font-size: 24px; line-height: 30px;}
}
/* Приобретать CHECK-UP выгоднее! */
.b-checkup-profit-section {margin: 40px 0; background: #FCDDEC; padding: 40px 0;}
.b-checkup-profit-section__title {text-align: center; font-weight: 400; font-size: 24px; line-height: 128.91%; margin-bottom: 16px;}
.b-checkup-profit-section__content {padding: 20px; background: #fff; box-shadow: 0 4px 20px rgba(245, 108, 168, 0.15); border-radius: 15px;}
.b-checkup-profit-section__content-item {margin-bottom: 20px; display: flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 18px; max-width: 445px;}
.b-checkup-profit-section__content-item svg {flex-shrink: 0; margin-right: 15px;}
.b-checkup-profit-section__prices {display: flex; max-width: 530px; align-items: baseline; justify-content: space-between; white-space: nowrap;}
.b-checkup-profit-section__price-profit {margin-bottom: 24px; font-weight: 500; font-size: 12px; line-height: 14px; color: #F56CA8; margin-right: auto;}
.b-checkup-profit-section__price-profit strong {font-size: 22px; font-weight: 500;}
.b-checkup-profit-section__price-old {color: #A0A0A0; text-decoration: line-through; font-size: 12px; line-height: 14px; margin-left: 5px;}
.b-checkup-profit-section__price-current {font-weight: 500; font-size: 22px;line-height: 26px; color: #F56CA8; margin-left: 5px;}
.b-checkup-profit-section .b-form__group {margin-bottom: 10px;}
.b-checkup-profit-section .b-text-center {text-align: center;}
.b-checkup-profit-section .b-btn {width: 220px; text-align: center;}
@media screen and (min-width: 641px) {
.b-checkup-profit-section .b-form__group {margin-bottom: 30px;}
.b-checkup-profit-section__price-profit {margin-bottom: 40px; font-weight: 500; font-size: 24px; line-height: 28px;}
.b-checkup-profit-section__price-profit strong {font-size: 48px; line-height: 56px;}
.b-checkup-profit-section__price-current {font-size: 40px; line-height: 47px; order: 3; margin-left: 10px;}
.b-checkup-profit-section__price-old {font-size: 24px; line-height: 28px; margin-left: 10px;}
}
@media screen and (min-width: 992px) {
.b-checkup-profit-section {padding: 96px 0 88px; background: #FCDDEC url(/landing2021/css/../images/bCheckupProfitSection.jpg) no-repeat 50% 100% / contain;}
.b-checkup-profit-section__title {margin-bottom: 35px; font-size: 40px; text-align: left; margin-left: 46%;}
.b-checkup-profit-section__content {padding: 45px 40px; margin-left: 46%;}
.b-checkup-profit-section__content-item {font-size: 18px; line-height: 24px;}
}
/* Пройди CHECK UP с комфортом и любовью в клинике Медок */
.b-checkup-comfort-section {margin: 40px 0;}
.b-checkup-comfort-section__title {font-weight: 500; font-size: 24px; line-height: 120%; margin-bottom: 16px;}
.b-checkup-comfort-section__image {margin-left: -15px; margin-right: -15px;}
.b-checkup-comfort-section__image img {display: block; width: 100%; margin-bottom: 16px;}
.b-checkup-comfort-section__image .b-row {margin-left: -7px; margin-right: -7px;}
.b-checkup-comfort-section__image .b-row > div {padding-left: 7px; padding-right: 7px;}
@media screen and (min-width: 992px) {
.b-checkup-comfort-section {margin: 100px 0;}
.b-checkup-comfort-section__image{
padding-left: 2rem;
}
.b-checkup-comfort-section__image > img{
height: 25rem;
}
.b-checkup-comfort-section__text{
width: calc(100% + 20px);
}
.b-checkup-comfort-section__title {font-weight: 700;
font-size: 32px;
line-height: 120%;
letter-spacing: -0.01em;
color: #ff4e9a;
max-width: 450px;}
.b-checkup-comfort-section__content {
font-size: 20px;
line-height: 137%;
max-width: 480px;
margin-bottom: 50px;
}
.b-checkup-comfort-section__content li{
margin: 0.5rem 0;
max-width: 325px;
}
.b-checkup-comfort-section__content strong{
margin: 37px 0 -4px;
display: block;
max-width: 300px;
}
.b-checkup-comfort-section__container > .b-row {flex-direction: row-reverse;}
.b-checkup-comfort-section__image {margin-left: 0; margin-right: 0;}
}
#popup-checkup-call.b-popup_normal .b-popup__wrapper {padding-left: 40px; padding-right: 40px;}
#popup-checkup-call.b-popup_normal .b-popup__title {font-size: 28px; line-height: 34px;}
#popup-checkup-call.b-popup_normal .b-btn {padding-left: 15px; padding-right: 15px; width: 100%; text-align: center;}
@media screen and (min-width: 768px) {
#popup-checkup-call.b-popup_normal .b-popup__wrapper {padding-left: 20px; padding-right: 20px;}
#popup-checkup-call.b-popup_normal .b-popup__title {font-size: 18px; line-height: 1.3;}
}
#popup-checkup-thanks {text-align: center;}
#popup-checkup-thanks .b-popup__media {margin: 50px auto 20px;}
#popup-checkup-thanks .b-popup__subtitle {font-weight: 500; font-size: 16px; line-height: 1.5; margin: 0 -5px;}
@media screen and (min-width: 768px) {
#popup-checkup-thanks .b-popup__subtitle {font-size: 24px;}
}
@media screen and (min-width: 992px) {
.b-checkup-analysis-section-header-text {
padding-bottom: 70px;
}
}
.checkup-girls{
display: flex;
gap: 20px;
}
.checkup-girls-item{
padding: 32px 24px;
display: flex;
width: 33.3333%;
background: #FFFFFF;
border-radius: 20px;
}
.checkup-girls-item:not(.checkup-girls--color)::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5 11C20.5 15.9706 16.4706 20 11.5 20C6.52944 20 2.5 15.9706 2.5 11C2.5 6.02944 6.52944 2 11.5 2C16.4706 2 20.5 6.02944 20.5 11ZM12.5 17C12.5 17.5523 12.0523 18 11.5 18C10.9477 18 10.5 17.5523 10.5 17C10.5 16.4477 10.9477 16 11.5 16C12.0523 16 12.5 16.4477 12.5 17ZM11.5 4C9.29086 4 7.5 5.79086 7.5 8H9.5C9.5 6.89543 10.3954 6 11.5 6H11.5943C12.6468 6 13.5 6.85321 13.5 7.90569V8.41886C13.5 8.93267 13.1712 9.38884 12.6838 9.55132C11.3796 9.98603 10.5 11.2065 10.5 12.5811V15H12.5V12.5811C12.5 12.0673 12.8288 11.6112 13.3162 11.4487C14.6204 11.014 15.5 9.79353 15.5 8.41886V7.90569C15.5 5.74864 13.7514 4 11.5943 4H11.5Z' fill='%23FF4E9A'/%3E%3C/svg%3E");
content: '';
height: 22px;
width: 22px;
background-size: contain;
flex-shrink: 0;
margin-right: 16px;
}
.checkup-girls-title{
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: -0.01em;
color: #333;
}
.checkup-girls-text{
font-weight: 400;
font-size: 16px;
line-height: 120%;
letter-spacing: -0.01em;
color: #828282;
margin-top: 16px;
}
.checkup-girls--color{
background-color: #ff4e9a;
}
.checkup-girls-ttl__lg{
font-weight: 700;
font-size: 28px;
line-height: 120%;
letter-spacing: -0.01em;
color: #fff;
max-width: 228px;
}
.checkup-girls__btn{
width: 100%;
height: 56px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 20px;
color: #ff4e9a;
background-color: #fff;
text-decoration: none;
margin-top: 72px;
}
.checkup-girls__btn::after{
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.168 16L28.1108 15.0572L29.0536 16L28.1108 16.9428L27.168 16ZM7.16797 17.3333C6.43159 17.3333 5.83463 16.7364 5.83463 16C5.83463 15.2636 6.43159 14.6667 7.16797 14.6667V17.3333ZM20.1108 7.05719L28.1108 15.0572L26.2252 16.9428L18.2252 8.94281L20.1108 7.05719ZM28.1108 16.9428L20.1108 24.9428L18.2252 23.0572L26.2252 15.0572L28.1108 16.9428ZM27.168 17.3333H7.16797V14.6667H27.168V17.3333Z' fill='%23FF4E9A' /%3E%3C/svg%3E");
width: 33px;
height: 33px;
content: '';
margin-left: 16px;
background-size: contain;
}
.basic-service__itm{
box-shadow: 2px 2px 15px 0 rgba(240, 138, 183, 0.2);
border-radius: 15px;
background-color: #fff;
}
.b-checkup-services-list-section .basic-service__itm {
padding: 26px 82px 24px 24px;
}
.b-checkup-services-list-section .basic-service__arrow {
right: 22px;
}
.basic-service__ttl span{
max-width: 460px !important;
}
@media(min-width: 992px) {
.b-checkup-profit-section.--g {
padding: 96px 0 88px;
background: #FCDDED url(/landing2021/css/../images/10097.png) no-repeat 50% 100% / cover !important;
}
}
.icon_user, .icon_call{
fill: transparent !important;
}
.b-form__checkbox-label_fs-12{
font-size: 12px !important;
min-width: calc(100% + 12px);
}
.b-form__checkbox__icon{
border: 1px solid #828282;
border-radius: 5px;
width: 24px!important;
height: 24px!important;
}
.b-form__checkbox-label{
margin-top: 12px;
}
.b-checkup-profit-section__content .b-btn{
font-size: 20px;
width: 245px;
height: 56px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.b-checkup-profit-section__content .b-form__control{
padding: 10px 46px;
}
.checkup-baby{
border-radius: 20px;
min-height: 250px;
background: #edf0f3;
display: flex;
width: 100%;
align-items: center;
padding: 0 47px;
margin: 99px auto;
}
.checkup-baby-text{
margin-left: 67px;
}
.checkup-baby-title{
font-weight: 600;
font-size: 24px;
line-height: 110%;
letter-spacing: -0.01em;
color: #333;
max-width: 344px;
}
@media(max-width: 980px){
.checkup-baby{
flex-direction: column;
padding: 2rem;
text-align: center;
}
.checkup-baby-text{
margin-left: 0;
margin-top: 1rem;
}
.checkup-baby-btn{
margin: 2rem auto 0;
}
}
.checkup-baby-desc{
font-weight: 400;
font-size: 18px;
line-height: 130%;
letter-spacing: -0.01em;
color: #333;
margin-top: 16px;
}
.checkup-baby-btn{
border-radius: 50px;
padding: 15px 24px;
width: 229px;
font-weight: 600;
font-size: 18px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 48px;
background: #06a5e7;
margin-top: 24px;
}
.howto-title{
max-width: 370px !important;
}
.ck_ment{
font-weight: 400;
font-size: 20px;
line-height: 120%;
letter-spacing: -0.01em;
color: #333;
border-radius: 15px;
padding: 24px;
width: 100%;
display: flex;
align-items: center;
margin: 100px 0;
background: #fde;
gap: 12px;
}
.ck_ment svg{
flex-shrink: 0;
}
.b-checkup-comfort-section .ms-btn{
border-radius: 50px;
padding: 16px 24px;
width: 100%;
font-weight: 600;
font-size: 20px;
background-color: #ff4e9a;
display: flex;
align-items: center;
justify-content: center;
text-transform: none;
letter-spacing: normal;
}
.b-checkup-comfort-section .ms-btn:hover{
background-color: #fff;
}
@media (min-width: 768px){
.b-btn.wt-btn::after{
background: #fff;
color: #EF5DA8;
}
.b-btn.wt-btn{
color: #EF5DA8;
}
.b-btn.wt-btn svg{
fill: #EF5DA8;
}
.b-btn.wt-btn:hover:after {
opacity: 1;
transform: scale(1);
}
}
@media screen and (max-width: 991px) {
.b-checkup-services-list-section .basic-service__itm {
text-align: center;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(245, 108, 168, 0.15);
}
}
@media screen and (max-width: 991px) {
.b-checkup-services-list-section .basic-service__arrow {
display: block;
position: relative;
margin: 0 auto;
width: 25px;
height: 25px;
right: 0;
top: 10px;
transform: none !important;
}
.checkup-girls{
flex-wrap: wrap;
}
.checkup-girls-item{
width: 100%;
}
.b-checkup-25years-old-section__image{
margin-top: 2rem;
}
}
.variations-nav{
margin-right: 2px !important;
}
.b-checkup-25years-old-section__price-current{
color:#ff4e9a;
}
.b-btn:not(:hover):not(.wt-btn)::after{
background:#ff4e9a !important;
}
.b-form .b-btn{
width: 100%;
}
.b-form__checkbox__icon:before {
transform: translate(2px, 8px) rotate(45deg) !important;
transform-origin: left;
transition: all 150ms;
transition-delay: 150ms;
}
.b-form__checkbox__icon:after {
transform: translate(9px, 17px) rotate(-50deg) !important;
transform-origin: left;
transition: all 150ms;
transition-delay: 0s;
}
#popup-checkup-call.b-popup_normal .b-popup__wrapper{
max-width: 434px !important;
border-radius: 20px;
}
#popup-checkup-call .b-popup__title {
text-align: left;
margin-top: 20px;
margin-bottom: 25px;
font-weight: 500;
}
@media (min-width: 768px) {
#popup-checkup-call.b-popup_normal .b-popup__wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
#popup-checkup-call.b-popup_call .b-popup__form {
max-width: 100%;
margin: 0 auto;
}
.p-hint{
font-weight: 400;
font-size: 12px;
line-height: 120%;
color: #828282;
margin-top: 40px;
}
#popup-checkup-call .b-form__group {
position: relative;
margin: 0 0 12px;
}
#popup-checkup-call .b-form__checkbox-label {
position: relative;
display: inline-block;
cursor: pointer;
vertical-align: top;
padding: 0 0 0 33px;
margin-top: 30px;
}
#popup-checkup-call.b-popup_normal .b-btn {
padding-left: 15px;
padding-right: 15px;
width: 100%;
text-align: center;
max-width: 100%;
display: flex
;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
height: 56px;
border-radius: 50px;
letter-spacing: normal;
}
#popup-checkup-call .b-popup__buttons{
width: 100%;
text-align: center;
max-width: 100%;
}
/* End */
/* Start:/v1/css/all-services.css?166140632411021*/
@charset "UTF-8";
@media only screen and (max-width: 600px) {
.land-section_all-services .land-section__title {
margin-bottom: 15px; } }
.land-section_all-services .land-section__subtitle {
margin-bottom: 26px; }
@media only screen and (max-width: 600px) {
.land-section_all-services .land-section__subtitle {
margin-bottom: 15px; } }
.land-section_all-services .land-section__desc {
margin-bottom: 39px; }
@media only screen and (max-width: 600px) {
.land-section_all-services .land-section__desc {
margin-bottom: 23px; } }
@media only screen and (max-width: 600px) {
.all-services {
margin: 0 -20px; } }
.all-services__head {
cursor: pointer;
border-bottom: 1px solid #d2d2d2;
padding: 14px 94px 14px 29px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative; }
@media only screen and (max-width: 600px) {
.all-services__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 13px 20px;
border-bottom: none; }
.all-services__head:before {
content: '';
width: -webkit-calc(100% - 40px);
width: calc(100% - 40px);
left: 20px;
bottom: 0;
height: 0.5px;
background: #9A9A9A;
position: absolute; } }
.all-services__head.is-active {
background: #F8F8F8;
border-color: #F8F8F8; }
.all-services__head.is-active:after {
content: '';
width: 100%;
height: 1px;
background: #F8F8F8;
left: 0;
bottom: 100%;
position: absolute; }
@media only screen and (max-width: 600px) {
.all-services__head.is-active {
background: #ECECEC;
border-color: #ECECEC;
font-weight: 500; }
.all-services__head.is-active:before {
background: transparent; } }
.all-services__head__ttl {
font-size: 20px;
line-height: 26px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 72px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 10px; }
@media only screen and (max-width: 600px) {
.all-services__head__ttl {
width: 100%;
position: relative;
padding: 0 35px 10px 0;
font-size: 16px;
line-height: 21px;
min-height: 1px;
min-width: 100%; } }
.all-services__head__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 25px; }
.all-services__head__icon svg {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.all-services__head__icon.is-active svg {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
@media only screen and (max-width: 600px) {
.all-services__head__icon.is-active svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); } }
@media only screen and (max-width: 600px) {
.all-services__head__icon {
right: 5px; } }
.all-services__head__sale {
font-size: 12px;
line-height: 29px;
text-align: right;
width: 110px;
white-space: nowrap; }
.all-services__head__sale__sum {
background: #90CA87;
border-radius: 10px;
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #FFFFFF;
display: inline-block;
padding: 2px 5px;
margin-left: auto; }
@media only screen and (max-width: 600px) {
.all-services__head__sale__sum {
font-size: 18px;
line-height: 21px; } }
.all-services__head__price {
width: 168px;
text-align: left; }
@media only screen and (max-width: 600px) {
.all-services__head__price {
margin-right: auto; } }
.all-services__head__old {
font-size: 18px;
line-height: 21px;
color: #A0A0A0; }
.all-services__head__old span {
text-decoration: line-through; }
.all-services__head__old span.rub {
text-decoration: none; }
@media only screen and (max-width: 600px) {
.all-services__head__old {
line-height: 28px; } }
.all-services__head__new {
color: #F56CA8;
font-weight: 500;
font-size: 28px;
line-height: 33px;
white-space: nowrap; }
.all-services__head__new .rub {
color: #A0A0A0; }
.all-services__itm__head {
background: #F0F3F3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 14px;
line-height: 30px;
color: #A0A0A0; }
.all-services__itm__head + .all-services__itm {
border-top: none; }
@media only screen and (max-width: 600px) {
.all-services__itm__head + .all-services__itm:before {
border: transparent; } }
.all-services__dropdown {
display: none;
border-bottom: 1px solid #C4C4C4; }
@media only screen and (max-width: 600px) {
.all-services__dropdown {
background: #F8F8F8; } }
.all-services__itm__head__total {
width: 100px; }
.all-services__itm__head__price {
width: 100px; }
.all-services__itm__head__num {
width: 200px; }
.all-services__itm__lnk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.all-services__itm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 55px;
padding: 10px 0;
font-size: 14px;
line-height: 16px;
position: relative;
border-top: 0.5px solid #C4C4C4; }
.all-services__itm:hover {
background: #F7F9FF;
border-color: transparent; }
.all-services__itm:hover + .all-services__itm {
border-color: transparent; }
@media only screen and (max-width: 600px) {
.all-services__itm {
border: none;
padding: 0px 20px 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.all-services__itm:before {
display: block;
width: 100%;
content: '';
border-top: 1px solid #ECECEC;
margin-bottom: 14px; } }
.all-services__pink {
color: #F56CA8; }
.all-services__itm__ttl {
font-size: 18px;
line-height: 23px;
padding: 0 10px 0 29px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
@media only screen and (max-width: 600px) {
.all-services__itm__ttl {
min-height: 100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 0 15px;
font-size: 16px;
line-height: 21px; } }
.all-services__itm__num {
width: 100px; }
@media only screen and (max-width: 600px) {
.all-services__itm__num {
width: 33.33333%;
line-height: 21px; }
.all-services__itm__num:before {
content: 'Кол-во';
display: block;
font-size: 14px;
line-height: 30px;
color: #A0A0A0; } }
.all-services__itm__price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 199px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media only screen and (max-width: 600px) {
.all-services__itm__price {
width: 33.33333%;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; } }
.all-services__itm__old {
font-size: 18px;
line-height: 21px;
color: #A0A0A0;
width: 100px; }
@media only screen and (max-width: 600px) {
.all-services__itm__old {
width: 100%;
min-width: 100%;
line-height: 30px;
color: #C4C4C4; } }
.all-services__itm__old span {
text-decoration: line-through; }
.all-services__itm__old span.rub {
text-decoration: none; }
.all-services__itm__new {
font-size: 18px;
line-height: 21px;
font-weight: 500;
color: #7B7B7B;
width: 99px; }
@media only screen and (max-width: 600px) {
.all-services__itm__new {
min-width: 100%;
width: 100%; } }
.all-services__itm__ttl__total {
width: 100px;
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #F56CA8; }
@media only screen and (max-width: 600px) {
.all-services__itm__ttl__total {
width: 33.33333%;
text-align: right; }
.all-services__itm__ttl__total:before {
content: 'Итого';
display: block;
font-size: 14px;
line-height: 30px;
color: #A0A0A0;
font-weight: normal; } }
.all-services__itm__group__head {
font-size: 20px;
line-height: 23px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
color: #548FB9;
padding: 10px;
min-height: 60px;
margin-top: 17px; }
@media only screen and (max-width: 600px) {
.all-services__itm__group__head {
font-size: 18px;
line-height: 21px;
margin-top: 0;
position: relative; }
.all-services__itm__group__head:after {
content: '';
position: absolute;
bottom: 100%;
left: 20px;
height: 0.5px;
width: -webkit-calc( 100% - 40px);
width: calc( 100% - 40px);
background: #ECECEC; } }
.all-services__itm__gift {
font-size: 18px;
line-height: 21px;
color: #2E2E2E;
width: 400px; }
@media only screen and (max-width: 600px) {
.all-services__itm__gift {
font-size: 16px;
line-height: 19px; } }
.all-services__itm__gift span {
font-weight: 500; }
/* End */
/* Start:/narushenie-menstrualnogo-cykla/assets/main.css?167170894524249*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
:root {
--font-family: "Roboto", sans-serif;
--content-width: 1170px;
--container-offset: 15px;
--container-width: calc(var(--content-width) + (var(--container-offset) * 2));
--light-color: #fff;
--color-primary: #f56ca8;
--color-secondary: #cda5f6;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
html {
scroll-behavior: smooth;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
font-family: var(--font-family);
margin: 0;
font-weight: 400;
line-height: 1.2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
picture {
display: inline-block;
vertical-align: bottom;
}
img {
display: block;
height: auto;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
a {
display: inline-block;
color: inherit;
text-decoration: none;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
a,
button,
input,
select,
textarea {
outline: 0 !important;
}
button {
display: inline-block;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: normal;
text-align: center;
border: 0;
cursor: pointer;
}
a:focus,
a:hover,
button,
input {
outline: 0 !important;
}
.container {
max-width: var(--container-width);
margin: 0 auto;
padding: 0 var(--container-offset);
}
.page__wrapper {
overflow: hidden;
position: relative;
}
.popup-fade {
display: none;
}
.popup-fade:before {
content: "";
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.7;
z-index: 9999;
}
.popup {
position: fixed;
top: 20%;
left: 50%;
width: 500px;
height: 398px;
background: #ffffff;
border: 0.5px solid #727272;
border-radius: 15px;
margin-left: -200px;
border-radius: 4px;
z-index: 99999;
opacity: 1;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
}
.btn-sign-up {
padding: 14px 32px;
background-color: var(--color-primary);
border: 2px solid transparent;
border-radius: 30px;
font-weight: 400;
font-size: 24px;
color: #ffffff;
text-align: center;
white-space: nowrap;
max-width: 405px;
}
.btn-sign-up.nice-select.open,
.btn-sign-up:active,
.btn-sign-up:focus,
.btn-sign-up:hover {
color: var(--color-primary);
background-color: transparent;
border-color: var(--color-primary);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.popup__header {
padding: 20px 30px;
border-bottom: 1px solid #cfcfcf;
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;
}
.popup__slogan {
font-size: 14px;
color: #f56ca8;
}
.popup__text {
font-size: 20px;
color: #191919;
margin-bottom: 24px;
}
.popup__inner {
padding: 30px;
}
.form__group {
margin-bottom: 24px;
}
.popup__form-tel {
margin-bottom: 24px;
width: 100%;
padding: 18px;
border: 1px solid #f56ca8;
border-radius: 30px;
}
.btn-form {
width: 100%;
padding: 18px;
color: #ffffff;
background: #f56ca8;
border-radius: 30px;
}
.breadcrumbs {
padding-top: 40px;
padding-bottom: 50px;
}
.breadcrumbs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumbs__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #9a9a9a;
}
.breadcrumbs__list-item:not(:last-child) {
margin-right: 10px;
}
.breadcrumbs__list-item:not(:last-child)::after {
display: block;
content: ">";
width: 5px;
margin-left: 10px;
color: #9a9a9a;
}
.breadcrumbs__list-item:hover {
color: #2e2e2e;
}
.breadcrumbs__list-item:hover.breadcrumbs__list-item::after {
color: #2e2e2e;
}
.breadcrumbs__item-link {
font-size: 14px;
line-height: 1.2;
color: inherit;
}
.breadcrumbs__item-link--active {
color: #2e2e2e;
}
.header {
min-height: 199px;
background-image: url(/narushenie-menstrualnogo-cykla/assets/../img/header.png);
background-repeat: no-repeat;
background-position: center;
}
.welcome {
background-image: url("/narushenie-menstrualnogo-cykla/assets/../img/bg-banner.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.welcome__wrapper {
max-width: 1310px;
padding: 0 10px;
margin: 0 auto;
}
.welcome__inner {
position: relative;
display: -ms-grid;
display: grid;
-ms-grid-columns: 485px 1fr;
grid-template-columns: 485px 1fr;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding-top: 0;
}
.welcome__content {
max-width: 405px;
margin-left: 60px;
padding-top: 96px;
}
.welcome__content-title {
display: inline-block;
font-weight: 400;
font-size: clamp(14px, 3.5vw, 22px);
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 8px 16px;
color: #9cbae5;
margin-bottom: 22px;
background-color: #fff;
border-radius: 10px;
}
.welcome__content-subtitle {
font-weight: 700;
font-size: clamp(34px, 3.5vw, 62px);
line-height: 1.15;
letter-spacing: -0.01em;
text-align: left;
margin-bottom: clamp(16px, 3.5vw, 32px);
color: #a8c6f7;
}
.price-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 80px;
}
.price-new {
font-weight: 700;
font-size: clamp(24px, 3.5vw, 38px);
line-height: 1.2;
color: #4f4f4f;
margin-right: 20px;
}
.price-old {
font-weight: 400;
font-size: clamp(15px, 3.5vw, 24px);
line-height: 1.2;
text-align: left;
text-decoration-line: line-through;
color: #4f4f4f;
}
.welcome .btn-position {
}
.welcome .btn-sign-up {
padding: 15px 35px;
}
.welcome__img-block {
position: relative;
left: 2%;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: -3;
grid-column-end: -1;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: -2;
grid-row-end: -1;
width: 100%;
height: 658px;
background-image: url("/narushenie-menstrualnogo-cykla/assets/../img/gerl.png");
background-position: center;
background-repeat: no-repeat;
background-size: 465px 658px;
}
.img-block__content {
display: inline-block;
padding: 10px 20px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#fff),
to(rgba(243, 243, 243, 0.3))
);
background: linear-gradient(
180deg,
#fff 0%,
rgba(243, 243, 243, 0.3) 100%
);
border: 2px solid #b5c9ee;
border-radius: 15px;
-webkit-backdrop-filter: blur(33px);
backdrop-filter: blur(33px);
}
.img-block__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
font-size: 22px;
line-height: 1.2;
color: #4f4f4f;
}
.img-block__text span {
display: block;
}
.img-block__text::before {
display: block;
content: "";
color: #b5c9ee;
margin-right: 7px;
width: 37px;
height: 21px;
background-image: url("/narushenie-menstrualnogo-cykla/assets/../img/live.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.popup_position {
position: absolute;
bottom: 80px;
left: 0;
}
.img-block__content:nth-child(1),
.img-block__content:nth-child(2),
.img-block__content:nth-child(3) {
position: absolute;
}
.img-block__content:nth-child(1) {
right: 8%;
top: 33%;
}
.img-block__content:nth-child(2) {
left: 4%;
top: 60%;
}
.img-block__content:nth-child(3) {
right: 12%;
bottom: 12%;
}
.health {
padding-top: 50px;
padding-bottom: 50px;
}
.health__title {
font-weight: 500;
font-size: clamp(28px, 3.5vw, 40px);
line-height: 1.29;
text-align: center;
color: #f178b6;
margin-bottom: clamp(25px, 3.5vw, 50px);
}
.health__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
gap: 30px;
}
.health__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 18px;
padding: 30px 14px 30px 14px;
}
.health__list-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100px;
height: 100px;
margin-right: 6px;
}
.health__list-item__text {
font-size: 18px;
line-height: 1.5;
color: #333333;
}
.health__list-item--color:nth-child(1),
.health__list-item--color:nth-child(2) {
background: #f0e8fd;
}
.health__list-item--color:nth-child(3) {
background: #e3f3ff;
}
.cases {
padding-top: 75px;
padding-bottom: 50px;
}
.cases__title {
font-weight: 500;
font-size: clamp(24px, 3.5vw, 40px);
line-height: 1.29;
text-align: center;
color: #333333;
margin-bottom: clamp(25px, 4.5vw, 60px);
}
.cases__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cases__list-item {
max-width: 380px;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.cases__list-item span {
display: inline-block;
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
text-align: center;
color: #333333;
}
.cases__list-item:nth-child(4) span {
width: 230px;
}
.cases__list-item:nth-child(5) span {
width: 270px;
}
.cases__list-item--icon::before {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
content: "";
width: 60px;
height: 60px;
background-image: url("/narushenie-menstrualnogo-cykla/assets/../img/cases-icon.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
}
.reproductive {
padding-top: 50px;
padding-bottom: 50px;
}
.reproductive__inner {
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;
}
.reproductive__title {
max-width: 820px;
font-size: clamp(24px, 3.5vw, 40px);
line-height: 1.29;
text-align: center;
color: #333333;
margin-bottom: clamp(25px, 4.5vw, 50px);
}
.reproductive__img {
width: 160px;
height: 160px;
margin-bottom: 25px;
margin: 0 auto;
}
.program {
padding-top: 100px;
padding-bottom: 50px;
}
.program__wrapper {
position: relative;
z-index: 1;
}
.program__wrapper::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
content: "";
width: 50%;
background-color: #fff;
}
.program__wrapper::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
content: "";
width: 50%;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background-color: #f2f6ff;
}
.program__inner {
position: relative;
z-index: 41;
background-color: transparent;
}
.program__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.column-left__wrapper {
max-width: 490px;
}
.program__column-left {
margin-top: 30px;
}
.program__column-right {
margin-top: 30px;
margin-left: 40px;
}
.program__title {
font-weight: 600;
font-size: clamp(24px, 3.5vw, 40px);
line-height: 1.29;
text-align: left;
color: #f178b6;
margin-bottom: 23px;
}
.program__column-left .program__title {
max-width: 100%;
}
.program__subtitle {
margin-bottom: 18px;
font-weight: 700;
font-size: clamp(18px, 3.5vw, 24px);
line-height: 1.3;
text-align: left;
color: #333333;
}
.list-action__item {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 1.5;
text-align: left;
color: #333333;
}
.promo-group__title {
font-size: 16px;
color: #f56ca8;
margin-bottom: 4px;
}
.program__column-left .program-list-action {
margin-bottom: 56px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.program-list-action {
list-style-type: disc;
padding-left: 35px;
}
.program-list-action__item {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 1.5;
text-align: left;
color: #333333;
}
.program-list-action__item:not(:last-child) {
margin-bottom: 10px;
}
.program__column-right .program__title {
max-width: 440px;
}
.program__column-right .program-list-action {
margin-bottom: 24px;
}
.promo-group__list-item {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #828282;
}
.promo-group__list-item:not(:last-child) {
margin-bottom: 5px;
}
.footer {
margin: 50px 0 40px;
min-height: 613px;
background-image: url(/narushenie-menstrualnogo-cykla/assets/../img/footer.png);
background-repeat: no-repeat;
background-position: center;
background-color: #f1eef9;
}
@media (max-width: 1068px) {
.welcome__img-block {
background-position: center left;
}
}
@media (max-width: 978px) {
.breadcrumbs {
padding-top: 10px;
padding-bottom: 25px;
}
.health {
padding-top: 25px;
padding-bottom: 25px;
}
.health__list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.cases {
padding-top: 25px;
padding-bottom: 25px;
}
.cases__list {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.reproductive {
padding-top: 25px;
padding-bottom: 25px;
}
.reproductive__img {
width: 100px;
height: 100px;
}
.program__wrapper {
position: sticky;
}
.program__wrapper::before {
display: none;
}
.program__wrapper::after {
display: none;
}
.program__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.program__column-right {
background: #f1eafd;
border-radius: 20px;
}
.program__column-left,
.program__column-right {
margin: 0;
}
.program__column-left,
.program__column-right {
padding: 30px;
}
}
@media (max-width: 968px) {
.welcome__inner {
-ms-grid-columns: 360px 1fr;
grid-template-columns: 360px 1fr;
}
}
@media (max-width: 768px) {
.breadcrumbs {
display: none;
}
.welcome__inner {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-template-areas: "content" "bg-image";
}
.welcome__img-block {
position: relative;
-ms-grid-column: auto;
grid-column-start: auto;
grid-column-end: auto;
-ms-grid-row: auto;
grid-row-start: auto;
grid-row-end: auto;
width: 100%;
height: 400px;
background-image: url("/narushenie-menstrualnogo-cykla/assets/../img/gerl2.png");
background-position: bottom right;
background-repeat: no-repeat;
background-size: 256px 374px;
grid-area: bg-image;
}
.popup_position {
position: sticky;
bottom: auto;
left: auto;
grid-area: bg-image;
-ms-grid-row-align: end;
align-self: end;
}
.welcome .btn-position {
margin-left: 0;
width: 100%;
}
.img-block__content:nth-child(3) {
right: 10%;
bottom: 20%;
}
.welcome__img-block {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.popup_position {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.welcome {
background-image: url("/narushenie-menstrualnogo-cykla/assets/../img/bg-banner21.png");
}
.welcome__content {
max-width: 100%;
max-width: 405px;
margin-left: 0;
padding-top: 40px;
}
.price-group {
margin-bottom: 0px;
}
.welcome__content-inner {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.welcome__content-subtitle {
max-width: 578px;
text-align: center;
}
.img-block__text {
font-size: 14px;
}
.img-block__text::before {
width: 36px;
}
.img-block__content {
padding: 10px 10px;
}
.img-block__content:nth-child(2) {
left: 0%;
top: 45%;
}
.img-block__content:nth-child(1) {
right: auto;
left: 0%;
top: 65%;
}
.img-block__content:nth-child(3) {
right: 0%;
bottom: 30%;
}
.cases__list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.cases__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cases__list-item span {
text-align: center;
}
.program {
padding-top: 0px;
padding-bottom: 20px;
}
.program__column-left,
.program__column-right {
padding: 10px 5px 10px 10px;
}
.program-list-action__item {
font-size: 18px;
line-height: 1.3;
}
.program-list-action {
padding-left: 20px;
}
.welcome .btn-position {
position: absolute;
bottom: 15px;
z-index: 4;
width: auto;
}
.btn-sign-up.nice-select.open,
.btn-sign-up:active,
.btn-sign-up:focus,
.btn-sign-up:hover {
color: #fff;
background-color: var(--color-primary);
border-color: transparent;
}
.cases {
padding-top: 25px;
padding-bottom: 70px;
}
}
@media (max-width: 578px) {
.btn-sign-up {
padding: 8px 20px;
font-size: 18px;
}
}
/*# sourceMappingURL=maps/main.css.map */
/* End */
/* Start:/narushenie-menstrualnogo-cykla/assets/fix.css?1671487853313*/
#popup-checkup-call .b-popup__wrapper {
padding: 0;
padding-top: 15px;
}
.popup__wrapper {
padding: 30px;
}
#popup-checkup-call .b-popup__buttons,
#popup-checkup-call .b-popup__form {
max-width: 100%;
}
.popup__form-tel {
margin-bottom: 0;
}
#popup-checkup-call .btn-form:hover {
color: #fff;
}
/* End */
/* /local/templates/.default/ajax/ajax.css?1661406320449 */
/* /v8/css/b-about-section.css?1734069842938655 */
/* /local/templates/medok_2020/custom.css?174895792827175 */
/* /local/components/wersys/infoblock_menu/templates/header_desktop/style.css?170733569674 */
/* /local/templates/medok_2020/styles.css?172364274619343 */
/* /local/templates/medok_2020/template_styles.css?17407352302422 */
/* /landing2021/css/landing2021-page.css?173407775641653 */
/* /v1/css/all-services.css?166140632411021 */
/* /narushenie-menstrualnogo-cykla/assets/main.css?167170894524249 */
/* /narushenie-menstrualnogo-cykla/assets/fix.css?1671487853313 */