@import "color.css" screen;
/*@import "swiper-bundle.min.css" screen;*/
/*@import "4.5.2.bootstrap-reboot-grid.min.css" screen;*/


@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Thin.woff') format('woff'),
        url('../font/montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 1;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Thin.woff') format('woff'),
        url('../font/montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-ThinItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-ThinItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 1;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-ExtraLight.woff') format('woff'),
        url('../font/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Light.woff') format('woff'),
        url('../font/montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-LightItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-LightItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Regular.woff') format('woff'),
        url('../font/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Italic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Italic.woff') format('woff'),
        url('../font/montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Medium.woff') format('woff'),
        url('../font/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-MediumItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-SemiBold.woff') format('woff'),
        url('../font/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Bold.woff') format('woff'),
        url('../font/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-BoldItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-ExtraBold.woff') format('woff'),
        url('../font/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Black.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Black.woff') format('woff'),
        url('../font/montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-BlackItalic.woff') format('woff'),
        url('../font/montserrat/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}




/*выравнивание картинок встроенным редактором*/

/*img {
    position: relative;
    max-width: 100%;
    }*/

.fr-dii,
img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
    /*max-width: calc(100% - (2 * 5px));*/
}

.fr-dii.fr-fil,
img.fr-dii.fr-fil {
    float: left;
    /*margin: 5px 5px 5px 0;*/
    /*max-width: calc(100% - 5px);*/
}

.fr-dii.fr-fir,
img.fr-dii.fr-fir {
    float: right;
    /*margin: 5px 0 5px 5px;*/
    /*max-width: calc(100% - 5px);*/
}

.fr-dib,
img.fr-dib {
    margin: 0 auto;
    display: block;
    float: none;
    vertical-align: top;

}


.fr-dib.fr-fil,
img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left;
}

.fr-dib.fr-fir,
img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right;
}

.oc-img-rounded,
img.oc-img-rounded {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.oc-img-bordered,
img.oc-img-bordered {
    border: solid 5px var(--main-color)
}

.fr-inner {
    display: inline-block;
    width: 100%;
    text-align: center;
}


/* end выравнивание картинок встроенным редактором*/


html {
    font-size: 16px;
    color: var(--bg-html-color);
    scroll-behavior: smooth;
    /*overflow: hidden;*/
}

body {
    min-height: 100vh;
    /*text-rendering: optimizeSpeed;*/
    font-size: 16px;
    line-height: 1.4em;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    background-color: var(--bg-html-color);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    /* отключаем цвет автозаполненных форм в хроме*/
    -webkit-box-shadow: 0 0 0px 1000px var(--bg-html-color) inset;
}

* {
    outline: none !important
}

.section {
    margin-bottom: 4em;
}

a,
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

h1,
h2,
h3,
h4 {

    font-weight: 300;
    /*text-transform: uppercase;*/
    text-align: center;
    color: var(--second-color-font);
    color: var(--second-color);

    line-height: 1;
}

.bg-btn-color h2,
.bg-btn-color h3,
.bg-btn-color h4 {
    color: var(--bg-html-color);
}

h5,
h6 {

    text-transform: uppercase;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 2.0em;
    margin-bottom: 1.2em;
    font-weight: 500;
    line-height: 1.3em;

}


/* h2 {
  font-size: 1.75em;
  line-height: 1.3125em;
  margin-bottom: 1em;
} */

h3 {
    font-size: 1.6em;
    line-height: 1.3em;
    margin-bottom: .7em;
}

h4 {
    font-size: 1.4em;
    line-height: 1.2em;
}

h5 {
    font-size: 1.375em;
    font-weight: 500;
}

h6 {
    font-size: 1em;
    font-weight: 500;
}

p {
    font-size: 1em;
}

input[type="checkbox"]:focus {
    border: 0;
    outline: 0;
}


label {
    margin: 0;
}

strong {
    font-weight: 500;
    /*font-weight: bold;*/
}


ol li,
ul li {
    padding-bottom: .5em;
}

ol li::marker {
    color: var(--elem-color);
    font-weight: 700;
}

del.cross {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

del.cross::before {
    /*color:var(--alert);*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    content: '';
    /*background: rgba(0, 0, 0, 0) url('line.svg') no-repeat;*/
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='stroke: rgba(255,0,0,0.9); stroke-width: 2'%3E%3Cline y1='80%25' x2='100%25' y2='20%25'/%3E%3Cline y1='20%25' x2='100%25' y2='80%25'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='stroke: rgba(255,0,0,0.9); stroke-width: 2'%3E%3Cline y1='80%25' x2='100%25' y2='20%25'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media print {
    del.cross::before {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.line_space {
    min-height: 2rem;
}

.flex-grow-11 {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    height: auto;
}

.flex-grow-11 a {
    height: auto;
    flex-grow: 1;
    display: flex;
}

/* ******* фоны ********* */
.bg-btn-color {
    background: var(--btn-color);
}

.bg-html-second {
    background: var(--bg-html-second);
}

.row-left-culisa-ofset-top:before {
    content: "";
    height: 100%;

    background: var(--bg-html-color);
    top: 0;
    /* left: -3em; */
    /* width: calc(100% + (100vw - 100%) / 2 + 15px + 1.5em); */
    position: absolute;
    z-index: -1;
    box-shadow: 0px 4px var(--border-radius) rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius) 0px 0px var(--border-radius);
    /* background: rgba(0, 0, 200, 1.0); */
}

.bg-btn-color,
.bg-html-second,
.row-left-culisa-grey,
.row-right-culisa-grey,
.row-left-culisa-shadow,
.row-right-culisa-shadow,
.row-left-culisa-ofset-top {
    z-index: 1;
    position: relative;
    padding-bottom: 2rem;
    padding-top: 3rem;
}


/* .bg-btn-color h2,
.bg-html-second h2,
.row-left-culisa-grey h2,
.row-right-culisa-grey h2,
.row-left-culisa-shadow h2,
.row-right-culisa-shadow h2,
.row-left-culisa-ofset-top h2 {
  margin-top: 1.5em;
} */

.btn-default {
    background: #72809d;
    border: none;
    color: #fff;
}

.field-repeater-toolbar {
    background: #fff;
    border: 1px dashed #bcc3c7;
    border-radius: var(--border-radius-rectangle);
    display: inline-block;
    position: relative;
}

.row-right-culisa-shadow:before,
.row-left-culisa-shadow:before,
.row-left-culisa-grey:before,
.row-right-culisa-grey:before {
    content: "";
    height: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
    border-radius: var(--border-radius) 0px 0px var(--border-radius);


}

.row-left-culisa-grey:before,
.row-right-culisa-grey:before {
    background: var(--bg-html-second);
}


.row-left-culisa-grey:before,
.row-left-culisa-shadow:before {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    /* border: solid red; */
}

.ofset_down_8-5,
.ofset_down_11-5,
.ofset_down_12,
.ofset_down_20,
.ofset_down_15 {
    margin-bottom: 2em;
}


.ofset_down_20:before {
    margin-top: 20em;
    height: calc(100% - 20em);
}


.ofset_down_15:before {
    margin-top: 15em;
    height: calc(100% - 15em);
}

.ofset_down_12:before {
    margin-top: 12em;
    height: calc(100% - 12em);
}

.ofset_down_11-5:before {
    margin-top: 11.5em;
    height: calc(100% - 11.5em);
}

.ofset_down_8-5:before {
    margin-top: 8.5em;
    height: calc(100% - 8.5em);
}


.col-right-culisa-grey {
    padding-bottom: 1em;
}

.col-right-culisa-grey:after {
    content: "";
    /* left: -3em; */
    top: 0;
    /* width: calc(100% + (100vw - 100%) / 2 + 15px + 1.5em); */
    height: 100%;
    position: absolute;

    z-index: -1;
    background: var(--bg-html-second);
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}


.row-left-culisa-ofset-top:after,
.col-left-culisa:after {
    right: 0;
    width: calc(100% + (100vw - 100%) / 2 + 15px);
}


.row-right-culisa-shadow:before,
.col-right-culisa-grey:after,
.row-left-culisa-ofset-top:before,
.row-right-culisa-grey:before {
    right: calc(0px - (100vw - 100%) / 2 + var(--scrollbarHalfWidth));
    /* right: calc(0px - (100vw - 100%) / 2  ); */
    /* width: calc(100% + (100vw - 100%) / 2 + 3em - var(--scrollbarHalfWidth)); */

    width: min(calc(100% + (100vw - 100%) / 2 + 3em - var(--scrollbarHalfWidth)), calc(100vw - var(--scrollbarHalfWidth)));
    max-width: calc(100vw - 8px);
    /*border: solid;*/
}


.row-left-culisa-grey:before,
.row-left-culisa-shadow:before {
    /* width: calc(100% + (100vw  - 100%) / 2 - var(--scrollbarHalfWidth) + 3em ); */
    left: calc((100vw - 100%) / -2);
    width: min(calc(100% + (100vw - 100%) / 2 - var(--scrollbarHalfWidth) + 3em), calc(100vw - var(--scrollbarHalfWidth)));
    max-width: calc(100vw - 8px);
}


.col-left-culisa-grey-big_radius .round-btn .txt-btn:before,
.row-left-culisa-grey>.round-btn .txt-btn:before,
.row-right-culisa-grey>.round-btn .txt-btn:before,
.col-right-culisa-grey>.round-btn .txt-btn:before {
    background: var(--bg-html-color);
}


.row-right-culisa-shadow:before,
.row-left-culisa-shadow:before,
.shadow-block {
    box-shadow: 0px 4px var(--border-radius) rgba(0, 0, 0, 0.1);
}

.shadow-block-15px {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}


/* ******* end фоны ********* */


/* *** меню *** */
.top-menu .nolink,
.top-menu a {
    color: var(--second-color-font);
}

.active .nolink,
.active a {
    /*color: var(--second-color-font-active);*/
    color: var(--bg-html-color);
    background: var(--btn-color);
    font-weight: 500;

}

.second-line.active>a,
.second-line.active>.nolink {
    color: var(--btn-color);
}

/* a[class='head_adres']:hover > .icons_svg {
    background-color: var(--elem-hover-color);
}
 */
.active li a {
    color: var(--second-color-font-active);
    font-weight: 400;
}


.active ul,
.active ul li a {
    color: var(--second-color-font);
}


/* .top-menu ul li .nolink:hover, */
.top-menu ul li a:hover,
.top-menu ul li:hover {
    color: var(--main-color);
}

.top-menu ul li a {
    transition: 0.2s;
}

.top-menu ul {
    /*overflow: hidden;*/
}

.top-menu ul li a:hover {
    background: var(--bg-color-light);
    transition: 0.2s;
}

.top-menu .dropdown-menu {
    margin: 0;
}

.dropdown a {}

.top-menu>.nav {
    font-weight: 400;
    display: flex;
    justify-content: center;
    /*gap: .8em;*/
}

.top-menu>.nav li:before {
    display: none;
}

.container-menu {
    border-top: 1px solid var(--second-color);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    background-color: var(--bg-html-color);
    position: relative;
    z-index: 1000;
}

.container-fluid.container-menu-0 {
    padding: 0;
}


/*body{*/
/*    overflow: hidden*/
/*}*/

.menu_fixed {
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    width: 100vw;
    max-height: calc(100vh - var(--subtract-height-mob-menu));
}


/*-------------*/
#top_nav {

    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-end;
    background: var(--bg-html-color);
    width: 100%;
    /*height: 100%;*/
    /*border-top: 1px solid var(--second-color);*/

}

.site_name {
    align-self: center;
    width: 100%;
    font-size: 2.0em;
    font-weight: 500;
    line-height: 1.3em;
    text-align: left;
    margin-left: 1em;
    color: var(--btn-color);
}

.logo {
    align-self: flex-start;
    margin: .8em auto .8em 0;
    transition: .2s;
    height: 3.825em;
    display: flex;
    align-items: center;
}

.site-name-max,
.logo-max {
    display: none;
}

.logo img {
    height: 4em;
    object-fit: scale-down;
    transition: .2s;
}

.logo.logo-img-menu_top {
    height: 3em;
    margin: .25em auto .25em 0;
    transition: .2s;
}

.logo.logo-img-menu_top img {
    height: 3em;
}

.fixed-top-menu {
    /*прилипающее к верху меню*/
    position: fixed;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    left: 0;
}

.patch-top_nav {
    height: 4em;
    width: 100%;
    display: none;
}

.top-menu {
    position: relative;
    display: flex;
    z-index: 2;
    justify-content: flex-end;
    /*height: 60px;*/
    align-items: center;
    height: 100%;
    margin-left: .5em;
}



/* форма поиска  */
/*

.x_scale_0 span:nth-child(2) {
    transform: scale(0);
    transition: all .5s;
}
*/

.form_search {
    padding-left: 0.75em;
    display: flex;
    height: 1.875em;
}

.form_search .form_search_input {
    margin-right: 0;
    width: 0;
    padding: 0;
    border: none;
    height: 2.5em;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: calc(50% - 1.25em);
    background: var(--bg-html-color);
}


#search_togle {
    display: none;
    align-self: center;
}

#search_togle:checked~.form_search_togle {
    position: absolute;
    right: 2.5em;
    z-index: 10;
}

#search_togle:checked~.form_search_togle .search_icon {
    display: none;
}

#search_togle:checked~.form_search_togle .cross_icon {
    display: inline-block;
}

#search_togle:checked~.form_search_input {
    /*margin-right: 0.5em;*/
    width: 22em;
    padding: 0.2em;
    padding-left: 0.5em;
    border: 1px solid var(--btn-color);
    transition: 0.5s;
    position: absolute;
    right: 2em;
    top: calc(50% - 1.25em);
    z-index: 2;
}

#search_togle:checked~.btn_search {
    display: flex;
}

#txt-mob-menu {
    margin-left: 2em;
}

.form_search_togle {
    position: relative;
    cursor: pointer;
    background: var(--bg-html-color);
    z-index: 10;
    /*background: rgba(0, 0, 0, 0.2);*/
}

.form_search_togle .cross_icon {
    display: none;
}

.cross_icon,
.search_icon {
    height: 1.875em;
    width: 1.3em;
    color: var(--btn-color);
}

.cross_icon:hover,
.search_icon:hover {
    color: var(--btn-hover);
}

.btn_search {
    border: none;
    background-color: transparent;
    outline: none;
    display: none;
    align-self: center;
    width: 1.3em;
    height: 1.875em;
    padding: 0;
}

.search_results {
    margin-top: 4em;
    margin-bottom: 4em;
}

mark {
    background: var(--mark-color);
}

.search_results h2 span {
    text-transform: none;

}

.search_results h4 {
    margin-top: 1em;
    text-transform: uppercase;
    line-height: 1em;
}

.ss-result__title span {
    font-size: .7em;
    text-transform: none;
}

.ss-result__title mark {
    background: none;
    color: inherit;
}

.ss-result__aside {
    flex-shrink: 0;
    background: var(--bg-color-light);
    margin-left: 15px;
}

.ss-result__txt-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

/* end форма поиска  */

#top_nav .top-menu>ul {
    padding: 0;
    margin-bottom: 0;
    height: 100%;
}


.top-menu>.nav li {
    margin: 0;
    padding: 0;
    background: #fff;
    align-self: center;
    height: 100%;
    position: relative;
}

.top-menu>ul li .nolink,
.top-menu>ul li a {
    display: flex;
    align-items: center;
    padding: 0 1em;
    line-height: 1.25em;
    text-align: left;
    height: 100%;
    align-self: center;
}



.top-menu .nav>li {
    position: relative;
    list-style-type: none;
    text-align: center;
    background-image: none;
    /*border: red solid;*/
    height: 2.5em;
    transition: .3s;
}

.top-menu .li-menu_top.nav>li {
    height: 3.5em;
    transition: .3s;
}

.top-menu li:hover>ul {
    display: block;
}

.top-menu li:hover>.nolink>.caret,
.top-menu li:hover>a>.caret {
    transform: rotate(270deg);
    transition: .3s;
}

.top-menu li:hover>a>.caret {
    color: var(--bg-html-color);
}

.top-menu ul li ul li a:hover {
    background: var(--btn-color);
    color: var(--bg-html-color);
    transition: 0.3s;
    z-index: 2;
}

.top-menu li>ul li .nolink,
.top-menu li>ul li a {
    position: relative;
    text-align: left;
    background: var(--second-color-font-active);
    color: var(--bg-html-color);
    height: 3em;
    justify-content: space-between;
}

.top-menu li ul li .nolink:after,
.top-menu li ul li a:after {
    content: "";
    width: calc(100% - 30px);
    left: 15px;
    display: flex;
    border-top: 1px solid var(--second-color);
    /*bottom: 0;*/
    top: calc(100% - 3em - 1px);
    position: absolute;
    pointer-events: none;
}

.top-menu ul li:first-child>.nolink:after,
.top-menu ul li:first-child>a:after,
.top-menu ul li ul li ul li:first-child .nolink:after,
.top-menu ul li ul li ul li:first-child a:after {
    border-top: none;
}

.top-menu li>ul li a:hover:after {
    border-top: 1px solid var(--second-color);
    top: -1px;
    width: 100%;
    left: 0;
}

.top-menu li>ul li:last-child:after {
    border-bottom: none;
}

.top-menu li>ul li a:hover {
    /*background: #acc;*/
}

.top-menu li ul {
    position: absolute;
    width: var(--menu-width);
    padding: 0;
    display: none;
    text-transform: none;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);*/
    z-index: 3;
    right: 0;

}

.first-line.dropdown>ul {
    padding-top: 1.5em;
}

.first-line.dropdown>ul:after {
    position: absolute;
    content: "";
    height: calc(100% - 1.5em);
    width: 100%;
    top: 1.5em;
    left: 0;
    pointer-events: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
}

.first-line.dropdown>ul::before {
    content: '';
    position: absolute;
    right: 15px;
    top: -.9em;
    border: .9em solid transparent;
    border-bottom: 1.5em solid var(--second-color-font-active);
}

.top-menu li>ul li ul {
    position: absolute;
    top: 0;
    /*right:  var(--menu-width);*/
    left: var(--menu-width);

}

.nav>li>ul>li>ul a {
    /*background: #0af;*/
}

.nav>li>ul>li>ul>li>ul a {
    /*background: #0ff;*/
}


/* *** меню *** */

/* *** мобильное меню *** */


.txt-mob-menu {
    display: none;
    color: var(--main-color);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    padding-right: 1.5em;
    justify-content: center;
}


#menu__toggle,
.togle-submenu {
    display: none;
    position: relative;
}

#tel-mob-menu {
    color: var(--bg-html-color);
}

.menu__btn {
    position: absolute;
    display: flex;
    align-items: center;
    /*left: 0;*/
    overflow: hidden;
    /* если отключить  overflow
    right: .375em;*/
    right: 0;
    width: 2em;
    height: 2em;
    cursor: pointer;
    z-index: 1;
    display: none;
}


/* добавляем "гамбургер" */

.menu__btn>span:nth-child(1),
.menu__btn>span:nth-child(1)::before,
.menu__btn>span:nth-child(1)::after {
    display: block;
    position: absolute;
    width: 2em;
    height: 3px;
    background-color: #616161;
    background-color: var(--main-color);

    transition: 0.2s;
}


.menu__btn>span:nth-child(1)::before {
    content: '';
    top: -8px;

}

.menu__btn>span:nth-child(1)::after {
    content: '';
    top: 8px;
}

.menu__btn>span:nth-child(2) {
    width: calc(100%);
}

/*.menu__btn > span:nth-child(2)::after {
    display: flex;
    content: 'Меню';
    margin-left: 0;
    width: 100%;
    justify-content: center;
    color: var(--main-color);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
}*/

#menu__toggle:checked~.menu__btn>span:nth-child(1) {
    transform: rotate(45deg);
    background-color: rgba(255, 255, 255, 0);
}

#menu__toggle:checked~.menu__btn>span:nth-child(1)::before {
    top: 0;
    transform: rotate(0);
}

#menu__toggle:checked~.menu__btn>span:nth-child(1)::after {
    top: 0;
    transform: rotate(90deg);
}

/* конец добавляем "гамбургер" */

.top-menu>.label-submenu,
.top-menu>.togle-submenu {
    display: none;
}

.label-submenu {
    display: none;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    width: 3em;
    height: 3em;
    cursor: pointer;
    z-index: 1;
    margin-right: 15px;
    color: var(--bg-html-color);
}

/*.caret,*/
.label-submenu span {
    display: inline-flex;
    margin-left: 0.2em;
    transition: .2s;

}

.caret {
    margin-top: .125em;
    margin-left: .25em;
    display: inline-flex;
    transition: 400ms ease all;
    color: var(--btn-color);
}

.active .caret {
    color: var(--bg-html-color);
}

.caret_arow {
    height: .4em;
}

.block-faq .caret_arow {
    height: .6em;
}

.togle-submenu:checked~.dropdown-menu {
    display: block;
}

.togle-submenu:checked~.label-submenu span {
    transform: rotate(180deg);
}

.label-submenu:hover>span {
    transition: .2s;
    /*color: var(--hover-bg);*/
}

.label-submenu:hover {
    background: var(--btn-color);
}

/* *** мобильное меню *** */


/* *** кнопки *** */

.btn {
    position: relative;
    /*min-width: 90px;*/
    padding: 0.6em 1.6em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1.4em;
    background: var(--btn-color);
    border: none;
    border-radius: var(--border-radius-btn);
    /*box-shadow: 0px 0px 25px -2px #DDD;*/
    transition: .2s;
    color: #fff;
    outline: none;
    /*display: inline-block;*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}


.form-btn {
    margin: .5em auto 0 auto;
    width: 100%;
}

.btn:hover {
    color: var(--main-color);
    color: var(--white);
    transition: 200ms ease all;
    background: var(--btn-hover);
}

.card-person .btn {
    padding: 0.6em 2em;
}

.card-person-txt .txt-btn {
    font-size: .9em;

}


.standart-btn,
.card-person-btn {
    min-width: 13em;
    margin: 0.5em auto 1.5em auto;
    text-align: center;
}

.card-tile .sm-txt .standart-btn,
.card-tile .sm-txt .card-person-btn,
.swiper-slide .sm-txt .card-person-btn {
    min-width: inherit;
}


.swiper-slide .sm-txt .btn,
.card-tile .sm-txt .btn {
    padding: 0.6em 1em;
    font-size: .75em;

}


.btn-top {
    /* padding: 0.6em 0.6em; */
    padding-right: 0;
    padding-left: 0.6em;
}

.btn-top .btn {
    line-height: 1.4em;
}

.btn .arrow {
    color: var(--bg-html-color);
}

.bg-btn-color .sub_title_timeline {
    color: var(--bg-html-color);
}

.bg-btn-color .btn {
    background: var(--bg-html-color);
}

.bg-btn-color .btn:hover {
    background: var(--bg-html-second);
}

.bg-btn-color .btn:hover {
    color: var(--btn-hover);
}

.bg-btn-color .btn:hover>.arrow {
    color: var(--btn-hover);
}

.bg-btn-color .btn,
.bg-btn-color .arrow {
    color: var(--btn-color);
    color: var(--bvi-main-color);
}

/* ********************* */

.width100 {
    display: flex;
    width: 100%;
}

.width100right {
    display: flex;
    justify-content: flex-end;
    align-self: flex-end;
}


.standart-btn {
    /*margin:2em auto 0 auto;*/
    text-align: center;
}


.light-btn:hover {
    /*border-left: none;*/
    /*border-right: none;*/
    border: 1px solid var(--btn-hover);
    transition: 400ms ease all;
}


.light-btn {
    background: var(--bg-html-color);
    color: var(--main-color);
    border: 1px solid rgba(0, 0, 0, .125);
}

.dark-btn {
    background: var(--main-color);
    color: var(--white);
    border: 1px solid var(--white);


}

.dark-btn:hover {
    border-left: none;
    border-right: none;
    border: 1px solid var(--main-color);
    transition: 400ms ease all;
    background: var(--main-color);
    color: var(--white);
}

.dark-btn span:before,
.dark-btn span:after {
    background: var(--white);

}

/* *** / кнопки *** */


/*********** стили  header ********/
header {
    padding: 2em 0;
    background: var(--bg-html-second);
}

.top_line {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: space-between;
    align-items: center;
}

/*
.head_tel {
    font-weight: 400;
    font-size: 1.8em;
}
*/

.head_tel a {
    color: var(--elem-color);
}

.head_tel a:hover {
    color: var(--elem-hover-color);
}

a:hover>.icons_box .icons_svg {
    background-color: var(--elem-hover-color);
}

.head_adres,
.head_work {
    color: var(--main-color);
    display: flex;
    align-items: center;
    font-size: 0.9em;
    line-height: 1.4em;
    letter-spacing: 1px;
    /* background: #000; */
}

.head_tel-head_btn {
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    padding-left: 1em;
    font-weight: 400;
}

.head_tel-head_btn>.btn-top {
    padding: 0;
}

.head_btn .btn {
    background: none;
    padding: 0;
    font-weight: normal;
    color: var(--elem-color);
    text-transform: none;
}

.head_btn .btn:hover {
    background: none;
    color: var(--elem-hover-color);
}

.icons_box {
    border: 1px solid var(--bg-color-light);
    width: 3.375em;
    height: 3.375em;
    position: relative;
}

.icons_svg {
    background-color: var(--elem-color);
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 3em;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100% 3em;
}


a[class='head_adres']:hover>.icons_box .icons_svg {
    background-color: var(--elem-hover-color);
}


@media print {
    .icons_svg {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}


.head_street {
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    color: var(--second-color-font);
    font-weight: 300;
    font-size: 1.3em;

}

.head_street div:first-child {
    color: var(--elem-color);
    font-weight: 400;
}

.head_adres:hover>.head_street {
    color: var(--second-color-font-active);
}

.head_adres:hover>.head_street div:first-child {
    color: var(--elem-hover-color);
}

.head_adres:hover>.icons .icon {
    color: var(--elem-hover-color);
}


.breadcrumbs {

    background: var(--btn-color);
    background: var(--bg-html-second);
    /* margin-bottom: 1em; */

}

.breadcrumbs .col-12 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: flex;
    flex-wrap: wrap;

}

.breadcrumbs a {
    color: var(--btn-color);
    display: block;
    font-weight: 500;
}

.breadcrumbs a:hover {
    color: var(--btn-hover);
}


.breadcrumbs_arow {
    margin: 0 .25em;
    /* width: 1em; */
    background-size: auto .625em;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    /* background-image: url('../images/arow-long-horizontal-right.svg'); */
    filter: opacity(30%);
}


/*********** end стили  header ********/


/***********  стили   prefooter ********/

.prefooter {
    /*height: 100px;*/
    /*padding-top: 3em;*/
    margin-top: -2em;
    margin-bottom: 2em;
    /*background: var(--bg-color-light);*/
    color: var(--main-color);
}

.prefooter h4 {
    margin-top: 1em;
    text-align: left;
    text-transform: none;
    /*margin-bottom: 1em;*/
    position: relative;
    font-weight: 500;
}

.prefooter h4:first-child {
    margin-top: 0;
}

.prefooter h4::before {
    content: '';
    height: 2px;
    position: absolute;
    top: -0.5em;
    width: 100%;
    right: 0px;
    border-bottom: 2px;
    background-color: rgba(0, 0, 0, 0.2);
}

.prefooter h4:first-child::before {
    display: none;
}

.prefooter a {
    display: block;
    color: var(--main-color);

}

.prefooter a:hover {
    color: var(--second-color-font);
    color: var(--btn-hover);

}

.col-map {
    /*height: clamp(200px, 50%, 1000px);*/
    height: min(300px);
    /*height: clamp(100px, 50%, 200px);*/
    overflow: hidden;
}

.col-map img {
    object-fit: cover;
    /*object-fit: contain;*/
    /*object-fit:scale-down ;*/
    /*object-fit:none ;*/
    /*width: auto%;*/
    height: 100%;
    width: 100%;
    object-position: center;
}

/*********** end стили   prefooter ********/

/***********  стили  footer ********/

.footer {
    /*height: 100px;*/
    padding-top: 3em;
    padding-bottom: 2em;
    background: var(--second-color-font-active);
    color: white;
    letter-spacing: 1px;

}

/*
.footer [class^="col-"] .roll-list{
    border: red solid;
}

.footer [class^="col-"] .roll-list:last-child{
    border: blue solid;
}
*/

.footer-tel {
    font-size: 1.5em;
}


.footer h4 {
    text-align: left;
    text-transform: none;
    margin-bottom: 1em;
    position: relative;
    font-weight: 500;
}


.footer h4::before,
.footer h4::after {
    content: '';
    height: 2px;
    position: absolute;
    bottom: -0.3em;

}


.footer h4::before {
    width: 1.5em;
    border-bottom: 2px;
    background-color: var(--btn-color);
}

.footer h4::after {
    width: calc(100% - 1.8em);
    right: 0px;
    border-bottom: 2px;
    background-color: rgba(255, 255, 255, 0.2);
}

.prefooter a {
    display: block;
    color: var(--main-color);
}

.footer a {
    font-weight: 400;
    display: block;
    color: var(--bg-color-light);
}

.footer .accept:hover,
.footer a:hover {
    color: var(--btn-color);
}

.footer .accept {
    letter-spacing: 1px;
    color: var(--bg-color-light);
    text-transform: uppercase;
    text-align: left;
    padding: 0;
    font-weight: 400;
}

.footer .roll-list ul {
    list-style-type: none;
    margin-left: 1em;
    padding-left: 0;
    margin-bottom: 2em;
}


/*
.footer .roll-list {
    margin-bottom: 2em;
}

[class^="col-"] .roll-list:last-child{
    border: red solid;
}
*/
.footer .roll-list ul li {
    /*list-style-type: none;*/
    /*text-indent: -1em;*/
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 300;

    border-bottom: 1px solid var(--btn-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 0;
    padding-left: 0;

    padding-top: 5px;
    padding-bottom: 5px;
}

.social_svg {
    width: 2em;
    height: 2em;
    margin-right: 1rem;
    transition: color 200ms;

}

/*
.logo-txt-footer{
     color: black;
    text-transform: uppercase;
    padding-top: 0;
    font-size: .72em;
    letter-spacing: normal;
    margin-top: -.8em;
}*/

.logo-footer {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*padding: .3em .5em;*/
    display: flex;
    width: 18.75em;
    height: 4.9em;
    /*opacity: .2;*/
    background: rgba(255, 255, 255, .3);
    /*background:  var(--bg-html-color);*/
    margin: 2em 0 .5em 0;
}

.logo-footer-padding {
    /*width: 18.75em;*/
    display: flex;
    height: 8em;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*border: solid blue;*/
    font-size: 1em;
    padding-top: .2em;
}

.logo-footer_icon {
    /*background-color: var(--main-color);*/

    background-color: black;
    width: 16em;
    height: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    font-size: 1em;
}


.space {
    height: 2em;
}

.copyright {
    font-size: .86em;
    margin-top: 1em;
    text-align: center;
    display: inline;
}

/*.footer_only {*/
/*    display: none;*/
/*}*/

/*.footer .footer_only {*/
/*    display: inherit;*/
/*}*/


/*********** end стили  footer ********/
header .no_visible_header {
    display: none;
}

/***********  стили  bvi  ********/


.bvi-btn {
    /*margin-top: 2em;*/
    background-color: #fff;
    border-radius: var(--border-radius-btn);
    padding: .2em;
    border: none;
    width: 100%;
}

.bvi-btn:hover {
    background-color: var(--second-color) !important;
}

.bvi-btn:hover .bvi-txt,
.bvi-btn:hover .bvi-svg-eye {
    color: var(--bg-html-color) !important;
}


.bvi {
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.bvi-svg-eye {
    width: 1.125em;
    height: 1em;
    font-size: 2.5em;
    color: var(--main-color);

}

.bvi-txt {
    font-weight: 500;
    font-size: 1.2em;
    color: var(--main-color);
    line-height: 1.1em;

    max-width: min-content;
    text-align: center;
    padding-left: 1em;

}


/*********** end стили  bvi  ********/

/*pagecontent*/

.pagecontent [id] {
    scroll-margin-top: 10rem;
}


.section-h1-txt h2,
.pagecontent h2 {
    text-transform: uppercase;
    font-size: 1.6875em;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 2rem;
}


.make_txtimg h2 {
    margin-bottom: 1rem;
}

/*
.pagecontent h2:after {
    display: flex;
    content: "";
    margin: auto;
    width: 200px;
    height: 5px;
    background: var(--btn-color);
    margin-top: .5em;
    left: calc(50% - 100px);
}
*/


.pagecontent .bg-btn-color h2:after {
    background: var(--second-color);
}

.pagecontent .sub_title_h2 {

    font-size: 1.6em;
    line-height: 1.3em;
    margin-top: -1.5rem;
    /* margin-bottom: .7em; */
    font-weight: 300;
    text-align: center;
    color: var(--second-color-font);
    color: var(--second-color);

}


.marginbottom-0 {
    margin-bottom: 0;
}

.marginbottom-0 dl,
.marginbottom-0 ol,
.marginbottom-0 ul {
    margin-top: 0;
    margin-bottom: 0;
}

.pagecontent__txt {}

.pagecontent__img {
    margin-bottom: 1rem;
}

.h-top h2 {

    margin-top: -.3em;
}


.imgcontent_left {
    display: flex;
    width: 50%;
    margin-right: 30px;
    float: left;
}

.imgcontent_right {
    width: 50%;
    margin-left: 30px;
    float: right;
}


/*.pagecontent__order_1 {*/
/*    order: 1;*/
/*}*/


.search_results .pagination {
    display: flex;
    margin-left: 0;
    padding-left: 0;
    margin-top: 2em;
}

.pagecontent .pagination li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-right: .3125em;
    border-radius: var(--border-radius-btn);
}

.pagecontent .pagination li::before {
    display: none;
}

.pagecontent .pagination li a,
.pagecontent .pagination li span {
    border-radius: var(--border-radius-btn);
    background: var(--btn-color);
    padding: 0.5em .9em;
    font-weight: 500;
    height: 2.5em;
    width: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagecontent .pagination li a:hover {
    background: var(--btn-hover);
}

.pagecontent .pagination .active {
    border-radius: var(--border-radius-btn);
}

.pagecontent .pagination .active a:hover {
    background: var(--btn-color);
}

.pagecontent .pagination li a {
    color: var(--white);
}

.pagecontent .pagination li:first-child span,
.pagecontent .pagination li:first-child a,
.pagecontent .pagination li:last-child span,
.pagecontent .pagination li:last-child a {

    font-size: 1.625em;
    height: 1.53em;
    width: 1.55em;
    text-align: right;
}


.pagecontent ul,
ul.footer-list,
ul.dashed,
.pagecontent ul.dashed {
    list-style-type: none;
}

.pagecontent ul>li,
ul.dashed>li {
    /* text-indent: -1em; */
}

ul.footer-list {
    margin-left: 0;
    padding-left: 0;
}

ul.footer-list li {
    display: block;
    padding-bottom: 0;

}

ul.footer-list li a {
    display: inline-block;
}

ul.footer-list>li:before,
ul.dashed>li:before {
    content: "• ";
    /* text-indent: -1em; */
    color: var(--btn-color);
}


.pagecontent .make_txtimg ul {
    display: flex;
    flex-direction: column;
}

.pagecontent .make_txtimg ul,
.section-h1-option ul {
    list-style: none;
    margin-left: .5em;
    margin-bottom: 1em;
    /* text-indent: 2em; */
    list-style-position: outside;
    text-indent: -0.75em;
}

.pagecontent .make_txtimg ul li {
    padding-bottom: 1em;
}

.pagecontent .make_txtimg ul li:last-child {
    padding-bottom: 0;
}

.pagecontent .make_txtimg ul li::marker {
    color: var(--btn-color);
}

/* .none_before назначается js */

.pagecontent .make_txtimg .li_none_before li::before {
    display: none;
}

.pagecontent .make_txtimg .li_none_before li {
    /* list-style-position: inside; */
}

.pagecontent .make_txtimg ul[style*="list-style-type"] {
    text-indent: 0;
}

.pagecontent ul li::before,
.pagecontent .make_txtimg ul li::before {
    display: inline-block;
    margin-right: .25em;
    /*content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%221.2rem%22%20height%3D%221.2rem%22%20version%3D%221.1%22%20shape-rendering%3D%22geometricPrecision%22%20image-rendering%3D%22optimizeQuality%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0AviewBox%3D%220%200%2032%2036.544%22%0A%3E%0A%0A%20%20%20%3Cpath%20fill%3D%22%2300BCD4%22%20d%3D%22M0.652%2019.437c0.869%2C-0.869%202.276%2C-0.869%203.145%2C0l11.628%2011.516%2012.417%20-18.998c0.613%2C-1.064%201.957%2C-1.332%203.02%2C-0.718%201.064%2C0.615%201.486%2C2.01%200.814%2C3.039l-13.674%2020.935c-1.483%2C1.871%20-3.039%2C1.695%20-4.767%2C-0.046l-12.583%20-12.583c-0.861%2C-0.883%20-0.877%2C-2.267%200%2C-3.145l0%200z%22%2F%3E%0A%0A%3C%2Fsvg%3E");*/
    /* https://dencode.com/ru/ */
    /*https://konstantinbulgakov.com/tools/decode*/
    content: url('../images/check5.svg');
}

@media print {
    .pagecontent ul li::before {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

blockquote {
    border-left: 4px solid var(--btn-color);
    /*padding-left: 2em;*/
    /*font-style: italic;*/
    /*padding-bottom: 1em;*/
    margin-top: 1em;
    margin-bottom: 2em;
    background: var(--bg-html-second);
    padding: 1em 1em .2em 2em;

}

blockquote p {
    font-size: 1.2em;
    color: var(--second-color);
    font-weight: 400;
}

/* end pagecontent*/


/* ********* триггеры ****** */


.list-circle a,
.list-circle {
    display: flex;
    align-items: center;
    /*flex-grow: 1;*/
    height: auto;
    /* background: pink; */
}


.list-circle a {
    /*color: var(--main-color);*/
    color: var(--btn-color);
}

.list-circle a .list-circle-txt p {
    color: var(--elem-hover-color);
}

.list-circle a>.circle .list-circle_svg_icon,
.list-circle a>.circle {
    transition: .1s;
}

.list-circle a:hover>.circle {
    border: 1px solid var(--btn-hover);
    transition: .1s;
    color: var(--btn-hover);
}


.list-circle.no_border a:hover>.circle {
    border: none;

}

.list-circle a:hover,
.list-circle a:hover .list-circle-title {
    transition: .1s;
    color: var(--btn-color);
}

.list-circle a:hover>.circle .list-circle_svg_icon {
    background-color: var(--btn-hover);
    transition: .2s;
}


/*.list-circle a:hover p {*/
/*    color: var(--second-color-font-active);*/
/*}*/

.list-circle {
    margin-bottom: 2em;
}

.start-label .list-circle a,
.start-label .list-circle {
    flex-direction: column;
}

.bottom-label .list-circle a,
.top-label .list-circle a,
.bottom-label .list-circle,
.top-label .list-circle {
    flex-direction: column;
}

.bottom-label .list-circle a,
.bottom-label .list-circle {
    flex-grow: 1;
    height: auto;
    justify-content: space-between;
}


.list-circle .list-circle-title {
    /*min-height: 2.5em;*/
    /*height: 2.5em;*/
    font-weight: 400;
    font-size: 1.4375em;
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 0;
    color: var(--elem-hover-color);
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
}

.top-label .list-circle {
    /*border: solid greenyellow;*/

}

.top-label .list-circle-title {
    /*background: gainsboro;*/
    /*border: solid green;*/
}

.top-label .circle {
    /*background: pink;*/

}

.top-label .list-circle-txt {
    /*background: blanchedalmond;*/
    /*flex-direction: column;*/
    /*border: solid red;*/
}

.top-label .list-circle-subtitle {
    /*background: blueviolet;*/
    /*border: solid blue;*/

}


/*
.left-label .list-circle .list-circle-title,
.right-label .list-circle .list-circle-title
{
    min-height: unset;
}
*/

.start-label .list-circle-title {
    min-height: unset;
    margin-bottom: .3125em;
}

.right-label .list-circle-title,
.left-label .list-circle-title {
    margin-bottom: .3em;
}

.top-label .list-circle-title,
.bottom-label .list-circle-title {
    margin-bottom: 0.5em;

}

.right-label .list-circle-title {
    text-align: right;
}

.left-label .list-circle-title {
    text-align: left;
}


.list-circle p {
    margin: 0;
    font-size: 1.0em;
    max-width: 345px;
    line-height: 1.2;
}

.bottom-label .list-circle-title {
    margin-bottom: 0;
    padding-bottom: 0.25em;
}

.bottom-label .circle,
.right-label .circle {
    order: 2;
    /*     margin-left: 1em;
    margin-left: 15px;
    margin-right: 0em; */
}

.right-label p {
    text-align: right;
}

.no_bg.no_border .circle {
    margin: 0;
}


.start-label .circle,
.top-label .circle,
.bottom-label .circle {

    margin: 0;
    margin-bottom: .2em;
}


.start-label p,
.top-label p,
.bottom-label p {
    text-align: center;
}


.bottom-label p {
    padding-bottom: 1em;
}


.circle {
    flex-shrink: 0;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    font-weight: 500;
    width: 2em;
    height: 2em;
    background-color: var(--hover-bg);
    border: 1px solid var(--btn-color);
    color: var(--btn-color);
    border-radius: 50%;
    overflow: hidden;
}

.row-right-culisa-grey .circle,
.row-left-culisa-grey .circle,
.bg-html-second .circle,
.bg-btn-color .circle {
    background-color: var(--bg-html-color);
}

.no_label .circle {
    display: none;
}

.no_label {
    align-self: flex-start;
}

.no_bg .circle {
    background-color: unset;
}

.no_border .circle {
    border: none;
}

.circle img {
    /* padding: 0.25em; */
}

.list-circle-small {
    font-size: 1.2em;
    border: 1px solid;
}

.left-label .list-circle-small {
    margin-right: 15px;
    margin-left: 0;
}

.right-label .list-circle-small {
    margin-left: 15px;
    margin-right: 0;
}

.left-label .list-circle-middle {
    margin-right: 20px;
    margin-left: 0;
}

.right-label .list-circle-middle {
    margin-left: 20px;
    margin-right: 0;
}

.left-label .list-circle-large,
.left-label .list-circle-huge {
    margin-right: 30px;
    margin-left: 0;
}

.right-label .list-circle-large,
.right-label .list-circle-huge {
    margin-left: 30px;
    margin-right: 0;
}


.list-circle-middle {
    font-size: 3.3125em;
    font-size: 2.75em;
}

.list-circle-large {
    font-size: 4.5em;
}

.list-circle-huge {
    font-size: 8em;
}


.list-circle_svg_icon {
    background-color: var(--btn-color);
    width: 70%;
    height: 70%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.list-circle-large .list-circle_svg_icon {
    width: 60%;
    height: 60%;
}

.list-circle.no_bg.no_border .list-circle_svg_icon {
    width: 100%;
    height: 100%;
}

.list-circle.no_bg.no_border .circle {
    border-radius: 0;
}

/*
.list-circle.no_bg.no_border .circle{
    margin-bottom: 0;
}
*/

@media print {
    .list-circle_svg_icon {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.link_list {
    margin-top: 0.5em;
    font-size: 1.2em;
    line-height: 1.2;
}

.link_list .link_list_line a,
.link_list .link_list_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.link_list .link_list_line a:hover {
    color: var(--elem-hover-color);
}

.link_list_img {
    height: 1.2em;
    width: 1.2em;
    margin-right: .2em;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
}

.link_list_title {
    /*background: #ff0;*/
}

.link_list .list-circle_svg_icon {
    background-color: var(--btn-color);
    width: 100%;
    height: 100%;

}

/* ********* end триггеры ****** */


/*заголовки  статей*/

.section-h1 {}

body {
    /*background: #000;*/
}

.section-h1__bg {
    /*  height: 100px;
    width: 100%;*/
    position: relative;
}

.section-h1__bg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.65);*/
    background: rgba(255, 255, 255, 0.75);
}

.section-h1__bg_img {
    position: absolute;

}


.section-h1__bg img,
.section-h1__txt {
    /*min-height: 16em;*/
}

.section-big-img__bg img,
.section-h1__bg img {
    object-fit: cover;
    width: 100%;
}

.position_bg_right img {
    object-position: right;
}

.position_bg_left img {
    object-position: left;
}

.position_bg_center img {
    object-position: center;
}

.imgtitle_left {
    order: -1;
}


.section-h1__txt {
    display: flex;
    justify-content: center;
    align-self: center;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.65);*/
    /*background: rgba(255, 255, 255, 0.75);*/
    width: 100%;
    z-index: 1;
    flex: 1;
    flex-direction: row;
}


.section-h1__txt h1 {
    padding: 0 1em 0 1em;
}

.h1_single,
.section-h1__title {
    color: var(--main-color);
    font-size: 1.625em;
    line-height: 1em;
    display: block;
    font-weight: 500;
}

.h1_single {
    margin-top: 1em;
    margin-bottom: 1em;

}

.hidden_0 {
    height: 0;
    overflow: hidden;
}


.section-h1__subtitle {
    color: var(--main-color);
    /*font-weight: 500;*/
    font-size: 1.7em;
    /*padding-top: .5em;*/
    align-self: center;
    /*display: block;*/
    text-transform: none;
    text-align: center;
    width: 100%;
}

.section-h1__subtitle span {
    color: var(--btn-color);

}

.btn-title-big {
    padding-right: 15px;
    padding-left: 15px;
}

.btn-title {
    padding-top: 1em;
    /* display: flex; */
    /* width: 100%; */

}

/*new*/


.section-h1 {

    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.height-16 {
    min-height: 16em;
}

.height-24 {
    min-height: 24em;
}

.section-h1-gradient {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.position_bg_right {
    background-position: center right;
}

.position_bg_left {
    background-position: center left;
}

.position_bg_center {
    background-position: center center;
}

.section-h1-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

.section-h1-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1em;
    position: relative;
    z-index: 1;
}


.section-h1-option {
    font-size: 1.3em;
    /*margin-bottom: 1em;*/
    line-height: 1.25em;
    /*display: block;*/
    margin-top: 2em;
    font-weight: 500;
}


.section-h1-option .option span {
    font-weight: 300;
}

.section-h1-img img {
    position: relative;
    z-index: 1;
}

.section-h1-img .shadow::before {
    content: "";
    background: var(--bg-html-color);
    position: absolute;
    height: calc(100% + 4rem);
    width: calc(100% + 1rem);
    top: -2rem;
    left: 3rem;
    z-index: 0;
}

.h1-img-left {
    order: -1;
}

.h1-img-mobile {
    display: none;
}

.section-h1-option ul li::before {
    display: inline-block;
    margin-right: 0;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%221.5rem%22%20height%3D%221.5rem%22%20version%3D%221.1%22%20shape-rendering%3D%22geometricPrecision%22%20image-rendering%3D%22optimizeQuality%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0AviewBox%3D%220%200%2032%2036.544%22%0A%3E%0A%0A%20%20%20%3Cpath%20fill%3D%22%2300BCD4%22%20d%3D%22M0.652%2019.437c0.869%2C-0.869%202.276%2C-0.869%203.145%2C0l11.628%2011.516%2012.417%20-18.998c0.613%2C-1.064%201.957%2C-1.332%203.02%2C-0.718%201.064%2C0.615%201.486%2C2.01%200.814%2C3.039l-13.674%2020.935c-1.483%2C1.871%20-3.039%2C1.695%20-4.767%2C-0.046l-12.583%20-12.583c-0.861%2C-0.883%20-0.877%2C-2.267%200%2C-3.145l0%200z%22%2F%3E%0A%0A%3C%2Fsvg%3E");
}

.section-h1-option ul {
    padding-bottom: 0;
    margin-left: 0;
    padding-left: 1.5em;
}

.section-h1-option ul li {
    /* padding-left: 1.5em; */
    position: relative;
    padding-bottom: 0;
}

.section-h1-price {
    font-size: 1.5em;
    margin: .5em 0;
    line-height: 1.25em;
}

.section-h1-price span {
    color: var(--btn-color);
    font-weight: 500;
    /*white-space: pre-wrap;*/
    white-space: normal;
    /*background: #900;*/
}


.section-h1-price span span {
    color: var(--btn-color);
    font-size: 1.2em;
    /*background: #0f0;*/
    /*white-space: pre-wrap;*/
}

.section-h1-price-center {
    /*margin-top: 1em;*/
    text-align: center;
    align-self: center;
}

.section-h1-price-left {
    margin-left: 1.5em;
}

/* end new*/
/* end заголовки  статей*/


/*галерея*/

.flex-grow-a {
    justify-content: space-between;
}

.flex-grow-a a {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    /*opacity: ;*/
}


.row-gap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    justify-content: center;
}


.col-gap {
    /*justify-content: center;*/

}

.shadow,
.gallerey-img {
    overflow: hidden;
    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
}

.features-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;

}

/*.row-gap .features-slide .gallerey-img ,*/
/*.row-gap .features-slide .gallerey-svg-block*/

/*{*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width:100%;*/

/*}*/


.features-slide .gallerey-svg-block,
.features-slide .gallerey-img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.gallerey-img .gallery-features-img {
    height: 100%;
    width: 100%;
}

.features-slide .gallerey-img .gallery-features-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.gallery-features-img,
.gallerey-svg {
    transition: .2s;
}

.img-zoom:hover>.gallerey-svg {
    transform: scale(.9);
    transition: .2s;
}

.img-zoom:hover>.gallery-features-img {
    transform: scale(1.1);
}

.features-zoom:hover~.gallerey-img .gallery-features-img {
    transform: scale(1.1);
}

.features-zoom:hover~.gallerey-svg-block .gallerey-svg {
    transform: scale(.9);
    transition: .2s;
}


.features-content {
    position: relative;
    z-index: 3;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--bg-html-color);
    padding: 2em 1em;
    height: 100%;
}

.features-content-350 {
    min-height: 350px;
}

.features-content-400 {
    min-height: 400px;
}

.features-content-vh1 {
    min-height: calc(100vw / 2);
}

.features-content-vh2 {
    min-height: calc(100vw / 3.5);
}

.features-content-vh3 {
    min-height: calc(100vw / 4.5);
}

.features-content-vh4 {
    min-height: calc(100vw / 6);
}

.features-content-vh6 {
    min-height: calc(100vw / 8);
}

.features-content-container-1 {
    height: calc(1200px / 2);
}

.features-content-container-2 {
    height: calc(1200px / 4);
}

.features-content-container-3 {
    height: calc(1200px / 4.5);
}

.features-content-container-2 {
    height: calc(1200px / 4);
}

.features-content-container-4 {
    height: calc(1200px / 6);
}

.features-content-container-6 {
    height: calc(1200px / 10);
}


.features-slide .gallerey-img {
    /*min-height: 400px;*/
    /*border: solid red;*/
}

.features-content a {
    flex-grow: 0;
    font-size: 1em;
}


.features-slide>a:hover>.features-content .features-slide-title {
    color: var(--btn-color) !important;
}

.action_click_full_screen:hover>.features-slide-title {
    color: var(--btn-color) !important;
}

/*.action_click_full_screen {*/
/*    border: #0dcaf0 solid;*/
/*    !*cursor: pointer;*!*/
/*}*/

.features-zoom .features-sub_title {
    height: 0;
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: .2s;
}

.features-zoom .btn-features {
    height: 0;
    overflow: hidden;
    transition: .2s;
}

.btn-features .btn {
    background: none;
    border: 1px solid;
}

.btn-features .btn:hover {
    color: var(--white) !important;
    transition: 200ms ease all;
    background: var(--btn-hover);
    border: var(--btn-hover) 1px solid;
}

.features-slide>a:hover>.features-zoom .features-sub_title,
.features-slide:hover>.features-zoom .features-sub_title {
    height: 3.5em;
    transition: .2s;
    margin: .4em 1em;
    opacity: 1;
}

.features-slide:hover>.features-zoom .btn-features {
    height: 3em;
    transition: .2s;
}

.features-slide-title {
    font-size: 1.5em;
    line-height: 1.2em;
    margin: .2em 1em;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

a .features-slide-title {
    color: var(--bg-html-color);
}

a .features-slide-title:hover {
    color: var(--btn-color) !important;
}

.features-sub_title {
    font-size: 1.1em;
    margin: .4em 1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.features-sub_title-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .5s;
}


.features-color-bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    cursor: default;
}

.features_svg_icon {
    background-color: var(--bg-html-color);
    width: 100px;
    height: 100px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}


@media print {
    .features_svg_icon {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.gallerey-svg-block {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.gallerey-svg {
    transform: scale(.8);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.glightbox-svg {
    background-color: var(--bg-html-color);
    padding: 30px;
}

.glightbox-skin-konvert {
    /*background-color: red;*/
}

.gallerey-elem-bottom {
    display: flex;
    justify-content: flex-end;
}


.gallerey-elem-top {
    display: flex;
    justify-content: flex-start;
}


.border-bottom {
    border-bottom: 1px solid var(--tin-line-color);

    /*margin-bottom: 1em;*/
}

.shadow {
    position: relative;
}

.shadow:after {
    content: "";
    box-shadow: inset 0px 0 5px rgba(0, 0, 0, 0.08);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}


a .slide-img:hover>.slide-title {
    color: var(--second-color-font-active);
}


a .slide-img:hover>.flex-grow-11 .shadow img {
    transform: scale(1.1);
    transition: .2s;
}

a .slide-img:hover>.flex-grow-11 .shadow .gallerey-svg {
    transform: scale(.9);
}

a .gallerey-svg,
a .gallerey-img img {
    transition: .2s;
}


/*a .gallerey-img img:hover {*/
/*    transform: scale(1.1);*/
/*    transition: .2s;*/
/*}*/


.slide-title {
    font-weight: 500;
    text-align: center;
    padding-top: .6em;
    line-height: 1.2em;
    font-size: 1em;
    align-self: center;
    display: flex;
    justify-content: center;
}

.slide-title-top {
    padding-top: 0;
    margin-bottom: .4em;
}

a .slide-title {
    color: var(--second-color-font);
}

a .slide-title:hover {
    color: var(--second-color-font-active);
}

.disable_a {
    pointer-events: none;
    cursor: default;

}

/*.gallerey-tag {*/
/*    display: flex;*/
/*    text-align: right;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    background: tomato;*/
/*}*/


.round {
    border-radius: 50%;
}

.sample_work {
    background: var(--bg-color-light);
    border: 6px solid var(--bg-color-light);
}

.sample_work::before {
    content: "до";
    left: 0;
    font-weight: 500;
    padding-left: 6px;
    text-shadow: 0px 0px 2px black;
    color: var(--bg-html-color);
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -28px;
}

.sample_work::after {
    content: "после";
    text-align: right;
    font-weight: 500;
    padding-right: 12px;
    /*padding-left: 6px;*/
    line-height: 2em;

    text-shadow: 0px 0px 2px black;
    color: var(--bg-html-color);
    background: var(--bg-color-light);
    width: calc(100% - 6px);
    height: 6px;
    display: block;
    top: 50%;
    margin-top: -3px;
    position: absolute;
    z-index: 9;
}

.noswiper-slide {
    margin-bottom: 30px;
}

.slide-tovar {
    background: var(--bg-html-second);
    /*padding: .5em;*/
    /*border: 2px solid var(--tin-line-color);*/
    /*border: 1px solid var(--main-color);*/
    color: var(--main-color);
    font-weight: 300;
    /*padding: 1em;*/
    border-radius: var(--border-radius-rectangle);
}

.swiper-slide>.slide-tovar {
    margin-bottom: 1px;
}

.slide-tovar .gallerey-img {
    border-radius: var(--border-radius-rectangle) var(--border-radius-rectangle) 0px 0px;
    border: solid 1px var(--tin-line-color);
    background: var(--bg-html-color);
    border-bottom: none;
}

.brand-title {
    text-align: center;
    font-size: 1.5em;
    padding-bottom: .8em;
    font-weight: 500;
}

.flag {
    /*margin-top: 1em;*/
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flag .image {
    margin-right: .5em;
    margin-bottom: .5em;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
}

.flag .image img {
    min-width: 54px;
    min-height: 36px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
}

.flag-txt {
    /*  color: var(--second-color-font);
    font-weight: 300;*/
    font-size: 1em;
    text-align: right;
    /*color: var(--second-color-font);*/
}

.title_card {
    margin-top: 1em;
    padding: 0em 1em 0em 1em;
    font-size: 1.4em;
    font-weight: 700;
    color: var(--elem-color);
    color: var(--main-color);
    text-align: center;
    transition: .2s;
}

.card_link:hover .title_card {
    color: var(--elem-hover-color);
    transition: .2s;
}

.card_link:hover img {
    transform: scale(1.05);
    transition: .2s;
}

.prop_desc {
    margin-top: 1em;
    padding: 0em 1em 0em 1em;
    font-weight: 400;
}

.properties-tovar {
    /*background: red;*/
    margin-top: 1em;
    padding: 0em 1em 0em 1em;
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    font-size: .9375em;
}

.properties-tovar-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .8em;
    /*white-space: nowrap;*/
}

.properties-tovar-item-name {
    font-weight: 400;
}

.properties-tovar-item-value {
    text-align: right;
    align-self: flex-end;
    font-weight: 700;
}


.properties_title {
    color: var(--btn-color);
}


.price-tovar {
    margin-top: auto;
    margin-bottom: 1.5em;
    align-self: center;
    font-size: 1.2em;
    color: var(--btn-color);
    text-align: center;
}

.price-tovar>.prefix {
    font-size: 1em;
    font-weight: 300;
    color: var(--main-color);
}

.price-tovar span {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2em;
    color: var(--btn-color);
}


.tovar-implant-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;


}

.tovar-implant-right .gallerey-img {
    align-self: flex-end;
}

.tovar-implant-top .flag {
    margin-top: .2em;
    align-self: flex-end;
}

.tovar-implant-top .price-tovar {

    /*font-size: 1.5em;*/
    text-align: left;
    line-height: 1.2em;
    /*background: #ffd;*/
    /*display: inline-flex;*/
    flex-direction: row;
    flex: 60%;
    flex-wrap: nowrap;
    padding-right: .5em;
}


.tovar-implant-right {
    display: flex;
    flex-direction: column;
    width: 40%;
}


/*
.tovar-implant-top .brand-country {
  font-size: 1.0em;
  text-align: center;
  text-align: right;
  padding-top: .4em;

}
*/


/* end галерея*/


/* слайдер */

.top- {
    align-items: center;
    justify-content: center;
    display: flex;
}


.swiper-button-next-m,
.swiper-button-prev-m {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.swiper-button-next-prew {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 100%;*/
}

.swiper-button-none {
    /*прячет кнопки если пагинация есть но одна*/
    display: none !important;
}


/* не работает в FireFox */
/*
.swiper-button-next-prew:has(.swiper-pagination .swiper-pagination-bullet:only-child){
    background: red;
    display: none;
}
*/


.swiper-full-width {
    width: 100%;
}


.container-page-doctor .swiper-button-next-prew {
    margin-right: -15px;
    margin-left: -15px;

}


.swiper-button-next-m,
.swiper-button-prev-m {
    color: var(--btn-color);
    transition: .2s;
}

.swiper-button-next-m:hover,
.swiper-button-prev-m:hover {
    color: var(--btn-hover);
    transition: .4s;
}

.bg-btn-color .swiper-button-next-m,
.bg-btn-color .swiper-button-prev-m {
    color: var(--bg-html-second);
}

.make_gallery_rating .swiper-button-prev-m,
.make_gallery_rating .swiper-button-next-m {
    color: var(--btn-color);
}

.make_gallery_rating .swiper-button-prev-m:hover,
.make_gallery_rating .swiper-button-next-m:hover,
.bg-btn-color .swiper-button-next-m:hover,
.bg-btn-color .swiper-button-prev-m:hover {
    color: var(--btn-hover);
}

/*.swiper-button-prev-m a {*/
/*    position: absolute;*/
/*}*/

.swiper-button-prev-m span {
    position: absolute;
    left: -25px;
    top: auto;
    /*top: 50%;*/
    /*margin-left: -2.5rem;*/
}

.swiper-button-next-m span {
    position: absolute;
    right: -25px;
    top: auto;
    /*margin-right: -2.5rem;*/
}

/*.swiper-button-prev-m span*/
/*.swiper-button-next-m span*/

.pagination-bottom {
    margin-top: 1em;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-bottom .swiper-button-prev-m span {
    left: -10px;
    position: relative;
}

.pagination-bottom .swiper-button-next-m span {
    right: -10px;
    position: relative;
}


.pagination-bottom .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
    bottom: auto;
}

.pagination-bottom .swiper-button-disabled,
.pagination-bottom .swiper-button-disabled:hover {
    cursor: default;
    opacity: 0.3 !important;
}


.swiper-button-disabled,
.swiper-button-disabled:hover {
    color: var(--btn-color);
    cursor: default;
    opacity: 0 !important;
}

.disabled-opacity .swiper-button-disabled,
.disabled-opacity .swiper-button-disabled:hover {
    opacity: .1 !important;
    color: inherit;
}

.swiper-button-prev:after {
    content: "";
}

.swiper-button-next:after {
    content: "";
}

.swiper-interior-img {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

}

.swiper-interior-img img {
    transition: .2s;
}

.swiper-interior-img img:hover {
    transform: scale(1.1);
    transition: .2s;
}


.arow-interior .swiper-button-next,
.arow-interior .swiper-button-prev {
    position: absolute;
    top: calc(50% - .8em);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /*color: var(--swiper-navigation-color,var(--swiper-theme-color));*/
}

.arow-interior .swiper-button-next {
    /*right: -26px;*/
    right: -27px;
    left: auto;
}

.arow-interior .swiper-button-prev {
    /*left: -26px;*/
    left: -27px;
    right: auto;
}

.arow-interior {
    position: absolute;
    /*background: pink;*/
    /*border: solid;*/
    padding: 0;
    /*height: 10px;*/
    top: calc(50% + .8rem);
    /*top: 0;*/
    /*z-index: 1;*/
    /*top: 0;*/
    left: calc((100% / 2) - 570px);
}


.arow-to-right {
    margin-left: .5rem;
}

.arow-to-left {
    transform: rotate(180deg);
    margin-right: .5rem;
}

.arow-to-left,
.arow-to-right {
    height: 2rem;
}

.arow-interior .arow-to-left,
.arow-interior .arow-to-right,
.feadback-arow .arow-to-left,
.feadback-arow .arow-to-right {
    height: 2.7rem;
    min-width: 1.5rem;
}


.arrow .arow-to-right {
    height: 1.5rem;
    margin: 0;
}


.feadback-arow {
    z-index: 10;
}


/*величина отступа назначается в зависимости от наличия заголовка м пагинации в скрипте формирования галереи */
.top-90 {
    margin-top: -7rem;
}

.top-60 {
    margin-top: -5rem;
}

.top-50 {
    margin-top: -3rem;
}

.top-51 {
    margin-top: -3rem;
}

.top-30 {
    margin-top: -2rem;
}

.top-31 {
    /*margin-top: -5rem;*/
    /*margin-top: 2em;*/

    /*border: 1px solid;*/

    align-items: center;
    justify-content: center;
    display: flex;

}

.top-11 {
    margin-top: 0.3em;
}

.top-0 {
    margin-top: 0;
}

.margin_0 {
    margin: 0
}

.padding_0 {
    padding: 0;
}

.overflow_hidden {
    overflow: hidden;
}

.slider,
.slider-certificates {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    background: var(--btn-color);
    opacity: .5;
    margin-bottom: 5px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 1em;
    bottom: 0;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--main-color);
    background: var(--btn-hover);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 3px 3px;
}

.etapsSwiper .swiper-pagination,
.priceSwiper .swiper-pagination {
    gap: 3px;
    margin-bottom: 1em;
}


.make_etaps .swiper-pagination-bullet:only-child {
    display: flex !important;
}

.etapsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 0;
}

.make_etaps h4 {
    font-weight: 500;
    color: var(--main-color);
    text-align: left;
    font-size: 1.2em;
}

.etapsSwiper .swiper-pagination-bullet,
.priceSwiper .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    height: auto;
    flex: 1;
    padding: 5px 10px;
    width: auto;
    /*width: calc(33% - 2px);*/
    /*width: calc(33.333% - (.666 * 15px));*/
    /*width: calc(25% - (0.75 * 15px));*/
    flex-wrap: nowrap;
    opacity: 1;
    background: var(--bg-html-color);
    /*background: pink;*/
    border-radius: 0;
    /*border: 1px solid var(--second-color-font);*/

}


.row-left-culisa-grey .etapsSwiper .swiper-pagination-bullet,
.row-right-culisa-grey .etapsSwiper .swiper-pagination-bullet,
.row-left-culisa-grey .priceSwiper .swiper-pagination-bullet,
.row-right-culisa-grey .priceSwiper .swiper-pagination-bullet {
    background: var(--bg-html-second);
    background: var(--bg-html-color);
    border: 1px solid var(--tin-line-color);

}

.row-left-culisa-grey .etapsSwiper .swiper-pagination-bullet-active,
.row-right-culisa-grey .etapsSwiper .swiper-pagination-bullet-active,
.row-left-culisa-grey .priceSwiper .swiper-pagination-bullet-active,
.row-right-culisa-grey .priceSwiper .swiper-pagination-bullet-active {
    background: var(--btn-color);
    /*border: 1px solid var(--bg-html-second);*/
    border: none;

}



.bg-html-second .etapsSwiper .swiper-pagination-bullet,
.bg-html-second .priceSwiper .swiper-pagination-bullet {
    background: var(--bg-html-second);
}

.row-left-culisa-grey .etapsSwiper .swiper-pagination-bullet-active,
.row-right-culisa-grey .etapsSwiper .swiper-pagination-bullet-active,
.bg-html-second .etapsSwiper .swiper-pagination-bullet-active,
.bg-html-second .priceSwiper .swiper-pagination-bullet-active {
    background: var(--btn-color);
    color: var(--bg-html-color);
}


.etapsSwiper .swiper-pagination-bullets .swiper-pagination-bullet,
.priceSwiper .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}


.etapsSwiper .swiper-pagination-bullet .center,
.priceSwiper .swiper-pagination-bullet .center {
    /*display: flex;*/
    /*align-items: center;*/
    align-self: center;
}

.etapsSwiper .swiper-pagination-bullet-active,
.priceSwiper .swiper-pagination-bullet-active {
    color: #fff;
    background: var(--btn-color);
    border: 1px solid var(--btn-color);
}



.etapsSwiper .swiper-pagination-bullet-active:hover,
.priceSwiper .swiper-pagination-bullet-active:hover {
    background: var(--btn-color);
    color: var(--bg-html-color);
}

.etapsSwiper .swiper-pagination-bullet:hover,
.priceSwiper .swiper-pagination-bullet:hover {
    background: var(--bg-html-color);
    background: var(--btn-hover);
    color: var(--bg-html-color);
    border: 1px solid var(--btn-hover)
}


/* end слайдер */


/* *** карточка товара *** */


/* *** end карточка товара *** */


/* галерея */

.tag-slide {
    /*background: var(--bg-color-light);*/
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 .5em;
    min-height: 3em;
    border: 1px solid var(--bg-color-light);
    color: var(--second-color-font);
    font-weight: 300;
    margin-bottom: 1px;
}

.tag-slide a {
    color: var(--second-color-font);
}

.tag-slide a:hover {
    color: var(--second-color-font-active);
}

/* end галерея */

/* *** faq *** */

.section-faq {
    margin: 35px 0 35px 0;
}


.faq {

    /*border: 1px var(--tin-line-color) solid;*/
    /*border-bottom: none;*/
    position: relative;
    margin-bottom: .625em;
}

.block-faq {
    width: 100%;
}

.block-faq .faq_row:last-child>.faq {
    /*border-bottom: 1px var(--tin-line-color) solid;*/
}

.question,
.question-no-link {
    color: var(--main-color);
    font-weight: 400;
    font-size: 1em;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    /*border-radius: var(--border-radius-rectangle);*/
    padding: 0px 10px 0px 15px;

    background: var(--bg-color-light);
    border-radius: 4px;
}

.question:hover {
    cursor: pointer;
    color: var(--btn-hover);
}

.question .arrow {
    order: 1;
}


.question:hover>.arrow {
    color: var(--btn-color)
}


.question-txt {
    flex-grow: 1;
    padding: 5px;
}

/*
.answer:before {
    content: "";
    display: flex;
    height: 1px;
    width: 100%;
    background: var(--tin-line-color);
    position: auto;
}
*/


.answer {
    /*padding-top: 0.5em;*/
    height: 0;
    overflow: hidden;
    /*padding: 5px 10px 5px 10px;*/

}


.answer p {
    padding: 5px 10px 0px 0;
    margin-bottom: .5rem;
}


.answer p:first-child {
    padding-top: 10px;
}


.answer ul {
    padding-top: 10px;
    /*padding-left: 1em;*/
    margin-bottom: 0;
}


.answer ul li {
    background-size: 0.7rem 0.7rem;
    background-position: 1em 0.35em;
}

.arrow {
    /*width: 40px;*/
    /*height: 40px;*/
    /*font-weight: 300;*/
    transition: 400ms ease all;
    transform: rotate(-90deg);
    /*padding-left: .5em;*/
    /*margin-left: 0.2em;*/
    /*font-size: 3em;*/
    /*line-height: 0em;*/
    color: var(--btn-color);
    padding: .8em;
    /*background: #aaa;*/
}

.arrow img {
    height: 100%;
}

.arrow-rotate {
    /*transform: rotate(90deg);*/
    /*margin-top: -.15em;*/
    /*margin-right: .15em;*/

    /*transform: rotate(0);*/
    transform: rotate(-270deg);
    transform: rotate(-360deg);

    transition: 400ms ease all;
}

.arrow-rotate-180 {
    transform: rotate(-540deg) !important;
    transition: 400ms ease all;
    margin-top: .1em;
}

/* *** end faq *** */


/* *** quote-block *** */

.quote-block {
    display: flex;
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid var(--elem-color);
    border-radius: var(--border-radius-rectangle);
    overflow: hidden;
    width: 100%;
}

.bg-btn-color .quote-block {
    border: 1px solid var(--bg-html-color);
}

.col-lg-30p {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col-lg-70p {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.quote-block_bg {
    background: var(--bg-html-second);
    display: flex;
    align-items: center;
}

.bg-html-second .quote-block_bg {
    background: var(--bg-html-color);
    display: flex;
    align-items: center;
}

.quote-block__img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1em;
    margin-top: 1em;
}

.quote-block__svg {
    border-radius: 0;
}


.quote-block__txt_img {
    width: 250px;
    margin-bottom: 1em;
}

.quote-block__txt_img_name {
    font-weight: 500;
}

.quote-block__txt_img_name_desc {
    font-weight: 300;
    font-size: .8em;
    line-height: 1.2em;
}

.quote-block__txt_img .name_desc_bottom {
    margin-top: .2em;
}

.quote-block__txt_img .name_desc_top {
    margin-top: -.2em;
}

.quote-block__txt_img a {
    color: var(--elem-color);
}

.bg-btn-color .quote-block__txt_img a {
    /*color: var(--main-color);*/
    color: var(--bg-html-second);
}


.quote-block__txt_img a:hover {
    color: var(--elem-hover-color);
}


.quote-block__img:hover~.quote-block__txt_img a {
    color: var(--elem-hover-color);
}

.bg-btn-color .quote-block__txt_img a:hover {
    color: var(--main-color);
}

.bg-btn-color .quote-block__img:hover~.quote-block__txt_img a {
    color: var(--main-color);
}

.quote-block .col-lg-30p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}


.quote-block .quote-block__txt {
    /* line-height: 24px; */
    font-weight: 300;
    font-style: normal;
    padding: 15px 0 15px 3.5em;
    border-left: none;
    margin-bottom: 1em;
    margin: 0;
    background: none;
    width: 100%;
}

.quote-block .quote-block__txt::before {
    content: "";
    position: absolute;
    left: 1.5em;
    height: 2em;
    width: 2em;
    text-align: center;
    border: none;
    /*https://konstantinbulgakov.com/tools/decode*/
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2295px%22%20height%3D%2279px%22%20version%3D%221.0%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%20image-rendering%3D%22optimizeQuality%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0AviewBox%3D%220%200%2095%2078.961%22%3E%0A%20%3Cg%20id%3D%22icon%22%3E%0A%20%20%3Cmetadata%20id%3D%22CorelCorpID_0Corel-Layer%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23aaaaaa%22%20fill-rule%3D%22nonzero%22%20d%3D%22M54.286%2078.961l0%20-21.848c0%2C-11.464%201.387%2C-20.871%204.112%2C-28.171%202.776%2C-7.351%207.454%2C-13.571%2014.085%2C-18.712%206.58%2C-5.089%2014.086%2C-8.533%2022.517%2C-10.23l0%2017.581c-5.964%2C3.393%20-9.357%2C7.917%20-10.179%2C13.572l10.179%200%200%2047.808%20-40.714%200zm-54.286%200l0%20-21.848c0%2C-11.464%201.388%2C-20.871%204.112%2C-28.171%202.776%2C-7.351%207.506%2C-13.571%2014.137%2C-18.712%206.683%2C-5.089%2014.137%2C-8.533%2022.465%2C-10.23l0%2017.581c-5.963%2C3.393%20-9.356%2C7.917%20-10.178%2C13.572l10.178%200%200%2047.808%20-40.714%200z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}

@media print {
    .quote-block .quote-block__txt::before {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}


.quote-block__txt p:last-child {
    margin-bottom: 0;
}

.quote-block blockquote p {
    font-size: 1em;
}

.quote-block__txt {
    padding: 1em 0 0 0;
}




/* *** end quote-block *** */

/*********************/

.video {
    display: flex;
    justify-content: center;
}
/*.video .iframe,*/
.video iframe {
    width: 100%;
    height: auto;
    border: 0;
    /*aspect-ratio: 16/9;*/
    /*border: 20px salmon solid;*/
    pointer-events: auto;
    position: relative;

}


.video.ccc video{
    background: #ccc;
}

.btn-play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    transition: 400ms;
    border: 0;
    background: transparent;
    z-index: 2;
}

.btn-play > .icon {
    color: var(--btn-color);
    transition: 400ms;
    align-self: self-end;
    bottom: 1.5em;
    left: 1.5em;
    height: 3em;
    width: 3em;
}
.btn-play:hover > .icon {
    color: var(--btn-hover);
    transition: 400ms;
    transform: scale(1.1);
}

.btn-play .icon {
    position: relative;

}

.btn-play .icon:after,
.btn-play .icon:before {
    content: '';
    position: absolute;
    height: 3em;
    width: 3em;
    left: 0;
    border-radius: 50%;
    border: var(--btn-color) 2px solid;
    /*transition: 400ms;*/
    z-index: -1;
}


.btn-play:hover > .icon:after {
    border: var(--btn-hover) 1px solid;
    transform: scale(1.5);
    opacity: 0;
    transition: 900ms;
}

.btn-play:hover > .icon:before {
    animation: hoverEffectIcon 800ms forwards; /* Применяем анимацию */
    animation-delay: 300ms;
}
@keyframes hoverEffectIcon {
    0% {

    }
    100% {
        transform: scale(1.5);
        border: var(--btn-hover) 1px solid;
        opacity: 0;
    }
}

.videoThumbnail,
.row-videobusinesscard .photo-page-doctor{
    position: relative;
}

.glightbox-videobusinesscard .gslide-inline {
    background: black;
}

.glightbox-videobusinesscard .gslide-inline .ginlined-content {
    padding: 0;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.glightbox-videobusinesscard .video {
    width: 100%;
    height: 100%;
}

.glightbox-videobusinesscard .video iframe {
    width: 100%;
    height: auto;
    /*aspect-ratio: 16/9;*/
    /*border: 20px solid red;*/
    pointer-events: auto;
}

/* skin lightbox заменен, а в "фирменном" css они привязаны к имени скина "glightbox-clear" и поэтому исчезнут, поэтому прописываем здесь */

.glightbox-videobusinesscard .gprev,
.glightbox-videobusinesscard .gnext,
.glightbox-videobusinesscard .gclose {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
}

.glightbox-videobusinesscard .gprev path,
.glightbox-videobusinesscard .gnext path,
.glightbox-videobusinesscard .gclose path {
    fill: #fff;
}

.glightbox-videobusinesscard .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
}

.glightbox-videobusinesscard .gclose svg {
    width: 18px;
    height: auto;
}

.glightbox-videobusinesscard .gclose:hover {
    opacity: 1;
}

@media (min-width: 769px) {
    .glightbox-videobusinesscard .gprev,
    .glightbox-videobusinesscard .gnext,
    .glightbox-videobusinesscard .gclose {
        background-color: rgba(0, 0, 0, 0.32);
    }

    .glightbox-videobusinesscard .gprev:hover,
    .glightbox-videobusinesscard .gnext:hover,
    .glightbox-videobusinesscard .gclose:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }
}

@media (min-width: 992px) {
    .glightbox-videobusinesscard .gclose {
        opacity: 0.7;
        right: 20px;
    }
}

/*********************/

/* *** etaps *** */

.row_etaps {}

.etapsSwiper {
    padding: 0;
    /*border: solid;*/
}

.etaps-pagination {
    position: absolute;
    /* top: 15px; */
    padding: 15px;
    padding-bottom: 0;

}

.etaps-pagination-w50 {
    width: 50%;
}

.etaps-pagination-w100 {
    width: 100%;
}

.etap-slide {
    display: flex;
}

.etap-slide-txt {

    padding: 0 15px;
}

.etap-slide-col {
    display: flex;
    flex: 1;
    /*width: 50%;*/
}

.etapsSwiper .etap-slide-col:last-child {
    padding: 0;
}

.img-etap {
    height: 100%;
    width: 100%;
}

.img-etap img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.img-etap-svg {
    width: 100%;
}

.etapsSwiper .swiper-wrapper-container {
    box-sizing: border-box;
}

.etap-slide-txt {
    display: flex;
    flex: 1;
    flex-direction: column;
    /*margin-top: 30px;*/
}

.etap-slide-txt h3 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: .6em;
    text-align: left;
    color: var(--main-color);
    font-weight: 400;
}

.etap-slide-txt p:last-child {
    /*margin-bottom: 1rem !important;*/
    /*background: #cc0;*/
    /*padding-bottom: 1rem;*/
}




/* *** end etaps *** */


/* ***  marquiz***  */

.marquiz {
    padding: 15px;
}

.etapsSwiper h2,
.marquiz h2 {
    margin-bottom: 20px
}

.row_marquiz {
    padding: 15px 0;
}

.row_etaps,
.row_marquiz {
    border: var(--btn-color) 1px solid;
    /* border: var(--tin-line-color) 1px solid; */
    border-radius: var(--border-radius-rectangle);
    margin: 0;
    overflow: hidden;

}


.bg-btn-color .row_etaps,
.bg-btn-color .row_marquiz {
    background: var(--bg-html-second);

}


.row-left-culisa-grey .row_etaps,
.row-right-culisa-grey .row_etaps,
.bg-html-second .row_etaps,
.row-right-culisa-grey .row_marquiz,
.row-left-culisa-grey .row_marquiz,
.bg-html-second .row_marquiz {
    background: var(--bg-html-color);
}


.col-marquiz {
    display: flex;
}

.img-marquiz {
    object-fit: cover;
    height: 100%;
}

.img-marquiz img {
    object-fit: cover;
    height: 100%;
}

.col-img-marquiz-left {
    order: -1;
    /*margin-left: 15px;*/
}

.col-img-marquiz-right {
    /*margin-right: 15px;*/
}


.marquiz_col_img {
    width: 32%;
    /* background: red; */
    /* width: calc(32% - 15px); */
    margin-right: 15px;
    flex-basis: max(calc(32% - 15px), 220px);
}

.marquiz_col_txt {
    /*background: #000;*/
    width: calc(68% - 15px);
    margin-left: 15px;
}


.marquiz_col_txt_full {
    width: 100%;
    /* background: green; */
    padding-right: 15px;
    padding-left: 15px;

}


.marquiz_txt {
    font-size: 1.5em;
    line-height: 1.2em;
    color: var(--second-color);
}

.slogan-marquiz {
    margin: 10px 0;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 1.1em;
}

.slogan-marquiz span {
    color: var(--btn-color);
}

.act-marquiz {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    border: var(--second-color) 1px solid;
    border-radius: var(--border-radius-rectangle);
    background: rgb(60, 120, 200);
    background: linear-gradient(65deg, rgba(60, 120, 200, 1) 0%, rgba(0, 30, 60, 1) 100%);
    /*

  background: rgb(201,48,44);
  background: linear-gradient(65deg, rgba(201,48,44,1) 0%, rgba(84,14,12,1) 100%);


  background: #ccc;
  background: linear-gradient(65deg, rgba(200,200,200,0.3) 0%, rgba(200,200,200,1) 100%);


  */
    padding: .5em;
    margin-bottom: 1em;


}


.img-act-marquiz {
    /* padding: 10px; */
    padding-right: 8px;
    min-width: 60px;
}

.txts-act-marquiz {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    /*flex-wrap: wrap;*/
}

.txt_act_marquiz {

    color: var(--bg-html-color);
    /* color: var(--btn-color); */
    /* color: var(--second-color); */
    line-height: 1em;
    text-align: right;
    margin-bottom: .3em;
    display: flex;
    flex-wrap: wrap;
}

.price_act_marquiz {
    display: flex;
    flex-direction: row;
    text-align: right;
    align-self: flex-end;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.old_price_act_marquiz,
.new_price_act_marquiz {
    padding-left: 5px;
    font-size: 1.25em;
    color: var(--bg-html-color);
    text-align: right;
}

.old_price_act_marquiz span,
.new_price_act_marquiz span {
    font-weight: 500;
}


.btn-marquiz {
    display: flex;
    align-self: center;
    align-items: center;
    width: 18em;
    height: 3em;
    /*margin: 0.5em auto 0.5em auto;*/
    margin: 1em auto 0 auto;
    /*margin: 1em auto 0 0;*/
    text-align: center;
    font-size: 1.4em;
    line-height: 1.2em;
}


/* ***  end marquiz***  */

.option-head-list {
    font-size: 1.25em;
    margin-bottom: 1em;
    line-height: 1.25em;
    display: block;

}

.head-list-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    margin-bottom: .75em;
}


.inline {
    display: inline;
    align-self: flex-end;
    /*max-width: 48%;*/
}

.inline-left {
    text-align: left;
}

.inline-right {
    text-align: right;
    align-self: flex-end;
}

.param {
    display: inline;
    text-align: left;
    font-weight: 500;
    background: var(--bg-html-color);
    padding-right: 4px;

}

.head-list-line::after {
    content: '..........................................................................................................................................................................................................................................................';
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    color: #ccc;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;

}

.value {

    display: inline;
    text-align: right;
    background: rgba(0, 0, 255, 0.15);
    padding-left: 4px;
    background: var(--bg-html-color);
}


/* *** head_page *** */


.line_btn {
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: center;

}

.make_block_appointment .line_btn {
    gap: 0;
    flex-direction: column;
}

.social_icon_line {
    padding-top: 1em;
    display: flex;
    flex-direction: row;
    /* flex-direction: column; */
    /* width: 100%; */
    /*align-items: center;*/
}

.make_block_appointment .social_icon_line {
    order: -1;
    gap: 1.2em;
    margin-bottom: 1em;
    width: 100%;
    justify-content: center;
}

.prefooter .social_icon_line {
    padding-top: 0;
}

.social_icon_line .btn {
    align-self: center;
    min-width: var(--max-btn-width);
/*
   min-width - это неправыильно, надо сделать
    max-width: var(--max-btn-width);
    width: 100%;
*/
}

.make_block_appointment .btn-title {
    padding-top: 0;
    min-width: var(--max-btn-width);
}

.make_block_appointment .width100 .btn_align_center .btn{
    width: 100%;
    height: 3em;
}

.make_block_appointment h2 {
    margin-bottom: 1.0em;
}

.social_icon_with_title{
    transition: 200ms all;
    position: relative;

}
.social_icon_with_title .btn-icon-color-bg{
    display: none;
}

.social_icon_title{
    display: none;
    font-weight: 500;
    font-size: 0.9em;
    text-transform: uppercase;
    color: var(--bg-html-color);
}

.social_icon_singl,
.social_icon {
    width: 2.25em;
    height: 2.25em;
    align-self: center;
    display: flex;
    align-items: center;
    margin-right: .5em;
    transition: 200ms all;
}

.social_icon_btn {
    width: 2em;
    height: 2em;
    align-self: center;
    display: flex;
    align-items: center;
    margin-right: 1.5em;
    transition: 200ms all;
    position: relative;
}

.social_icon_btn_empty{
    height: 2em;
}

.social-name {
    position: relative;
    /*min-height: 2em;*/
}


@media print {
    .social_icon_no_color {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.social_icon_no_color {
    background-color: var(--btn-color);
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition: 200ms all;
}

.social_icon_no_color_btn {
    background-color: var(--bg-html-color);
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition: 200ms all;
}

.social_icon_with_title .social_icon {
    display: none;
}


.btn-icon-color-bg {
    position: absolute;
    /*max-width: var(--max-btn-width);*/
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-btn);
    z-index: 0;
    transition: 200ms all;
}

a .btn-icon-color-bg:hover,
.btn-icon-color:hover>.btn-icon-color-bg {
    filter: brightness(75%) saturate(120%);
    transition: 200ms all;
}

a .social_icon_no_color:hover {
    background-color: var(--btn-hover);
    transition: 200ms all;
}

a .social_icon_singl:hover,
a .social_icon:hover
{
    /*background-color: var(--btn-hover);*/
    transform: scale(1.1);
    transition: 200ms all;
}

/* *** end head_page *** */


/*какрточка врача*/


.swiper-wrapper-no-paginator {
    /* margin-bottom: 0; */
}


.bottom_0 {
    /* display: flex; */
    /* flex: 1; */
    /* align-items: flex-end; */
}

.card-person {
    border: 1px solid rgba(0, 0, 0, .125);
    align-items: center;
    align-self: center;
    /*padding-bottom: 1.5em;*/
    /*background: var(--bg-html-second);*/
    padding-bottom: 1em;
    margin-bottom: 1px;
}

.card-tile {
    /*align-items: flex-end;*/
}

.card-tile .card-person {
    margin-bottom: 30px;
}

.card-tile .right {
    align-self: flex-end;
}


.card-tile .left {
    align-self: flex-start;
}


.card-tile .center {
    align-self: center;
}


.card-body .card-person {
    margin: 10px;
}

.card-body:first-child .card-person {
    margin-left: 0px;
}

.card-body:last-child .card-person {
    margin-right: 0px;
}

.card-person-txt {
    width: 100%;
    justify-content: space-between;
}

.card-person-img {
    overflow: hidden;
}


.card-person-img img {
    /*width: 80%;*/
    margin: auto;
    transition: .2s;
}

.card-person-img img:hover {
    transform: scale(1.05);
    transition: .2s;
}

.card-person-name {
    margin: .7em 0 .2em 0;
    padding: 0 .3em 0 .3em;
    font-size: 1.25em;
    line-height: 1.1em;
    text-align: center;
    align-self: center;
}

.swiper-slide .sm-txt .card-person-name,
.card-tile .sm-txt .card-person-name {
    font-size: 1em;
}

.card-person-name a {
    color: var(--elem-color);
    font-weight: 400;
}

.card-person-name a:hover,
.card-person-img:hover~.card-person-txt>.card-person-name a {
    color: var(--elem-hover-color);
}

.card-person-spec,
.card-person-spec ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    font-size: .89em;
    font-weight: 300;
    text-align: center;
    line-height: 1.2em;
    padding: 0 .3em .5em .3em;
    color: var(--second-color-font-active);
}

.card-person-spec ul li {
    line-height: 1.2em;
}

.card-person-spec ul li a {
    color: var(--second-color-font-active);
}

.card-person-spec ul li a:hover {
    color: var(--main-color);
}

.card-person-txt .stars {
    padding: 0 0 .5em 0;
}

.card-person-txt .star {
    padding-left: 0;
    margin-top: 0em;
}

.card-person-txt .btn {
    background: var(--bg-html-color);
    color: var(--second-color-font);
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 0.6em 1em;
}

.card-person-txt .btn:hover {
    background: var(--btn-color);
    color: var(--bg-html-color);
    border: 1px solid var(--btn-color);
}

/* end какрточка врача*/

/* рейтинги*/

.block-rating {
    background: var(--bg-html-color);
    padding: 1em;
    font-size: 1.2em;
    position: relative;
    height: 100%;
    align-self: center;
}

.block-rating-link {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
}

a:hover~.block-rating .gallerey-img {
    transform: scale(1.1);
    transition: all .2s;
}

a~.block-rating .block-rating-txt {
    color: var(--btn-color);
    transition: all .2s;
}

a:hover~.block-rating .block-rating-txt {
    color: var(--btn-hover);
    transition: all .2s;
}

.block-rating-txt {
    font-weight: 400;
    text-align: center;
    align-items: center;
    /*background: tomato;*/
    /*align-self: center;*/
    justify-content: center;
    color: var(--second-color);
    /*height: 100%;*/
}

.stars {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5em 0 .5em 0;
}
.feadback_footer {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    padding-bottom: 1em;
}

.feadback .stars {
    justify-content: flex-start;
    padding: 0;
}

.feadback .star {
    padding-left: 0;
}

.star {
    line-height: 1em;
    width: 1.2em;
    fill: var(--star-color);
    padding: .15em;
}

.photo-page-doctor-rating {
    font-size: 1.2em;
}

.photo-page-doctor-rating .star {
    box-sizing: content-box;
}


.photo-page-doctor-rating .star {
    padding-left: 0;
    margin-top: .5em;
}

.star-txt {
    padding: .15em;
    padding-top: .3em;

}

.photo-page-doctor-rating .rating,
.card-person .rating {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.photo-page-doctor-rating .rating_txt,
.card-person .rating_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .5em;
    padding-top: .6em;
}


.photo-page-doctor-rating .rating_txt a,
.card-person .rating_txt a {
    color: var(--elem-color);
}

.photo-page-doctor-rating .rating_txt a:hover,
.card-person .rating_txt a:hover {
    color: var(--elem-hover-color);
}


.sm-txt .rating {
    flex-direction: column;
    align-items: center;
}

.sm-txt .rating_txt {
    padding-top: inherit;
    margin-top: -.5em;
    text-align: center;
    padding-left: 0;
}

/*end рейтинги*/


/*   table  */



.table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table ol,
.table ul {
    margin-bottom: 0;
    margin-left: 0;

}

.table ul li::before {
    /* content: "‎\2713 ‎\00A0"; */
    content: "– ";
    /* color: #00bcd4; */
    position: absolute;
    margin-left: -15px;
    background-image: none;
}


.table ul {
    list-style: none;
    margin-left: 15px;
    /*list-style-type: none !important;*/
}


.table ol {
    padding-left: 15px;
}


.table p {
    margin: 0 0 1em 0;
}

.table p:last-child {
    margin-bottom: 0;
}

.tr,
.tr_first {
    display: flex;
    flex-direction: row;
}

.td {
    display: flex;
    flex-grow: 1;
}

.price-no-swiper {
    box-sizing: content-box;
}

.table-border-bottom {
    border-bottom: var(--btn-color) solid 1px;
}

.line_space_after_table {
    height: 3em;
}

.rows_hidden {
    height: 0;
    overflow: hidden;
}

.table .article {
    min-width: 7.5em;
    max-width: 7.5em;
    width: 7.5em;
}

.make_prises .standart-btn {
    margin-bottom: 0;
}

.table .sequence,
.table .nomination {
    font-weight: 300;
    text-align: left;
    display: inline-block;
    flex: 1;
}

.table .nomination {
    font-weight: 700;
}


.table .sequence {
    color: var(--second-color);
    font-weight: 500;
}

.tr_first .sequence {
    color: inherit;
}

.table_txt {
    /*border: greenyellow solid 1px;*/
    flex: 1;
    display: flex;
    /*line-height: 0;*/

}

.table .price_pcs {
    display: flex;
    /*align-items: flex-start;*/
    /*justify-content: flex-start;*/
}

.table .pcs {
    font-weight: 300;
    text-align: center;
    justify-content: center;
    max-width: 6em;
    min-width: 6em;
    border-left: 1px solid var(--tin-line-color);
    border-right: 1px solid var(--tin-line-color);
}

.table .price {
    font-weight: 300;
    text-align: right;
    justify-content: flex-end;
    max-width: 6em;
    min-width: 6em;
}

.table .price span {
    font-weight: 700;
}

.table .tr:nth-child(2n+1) {
    /*background-color: #eee;*/
    background-color: #fff;
}

.table .tr:nth-child(2n) {
    /*background-color: #f9f9f9;*/
    /*background-color: #fcfcfc;*/
    background-color: #fafafa;
}

.table .tr:hover {
    background-color: var(--bg-color-light);
}

.table .td {
    /*padding: .5rem;*/
}

.table .tr {
    border-bottom: solid 1px var(--tin-line-color);
}

.rowforever {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    max-width: 15em;
    /*min-width: 15em;*/
    /*колонки price+pcs*/
}

.tr_title_table {
    background-color: var(--btn-color);
    align-items: center;
    color: var(--bg-html-color);
    text-align: center;
    padding: .5em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9375em;
    line-height: 1.4em;
    margin-bottom: 5px;
}

.tr_first {
    color: var(--bg-html-color);
    background-color: var(--btn-color);
    border-bottom: solid 1px var(--tin-line-color);

}

.bg-btn-color .tr_first {
    background-color: var(--btn-hover);
}

.td {
    padding: .5rem;
}

.td:empty {
    padding: 0 .5rem;
}

.td.pcs {
    height: calc(100% - 1rem);
}

.td:empty.pcs {
    height: 100%;
}

.tr_first .td {
    font-weight: 700;
    align-items: center;
    border-right: 1px solid var(--bg-html-color);
    border-left: none;
    /*padding: .5rem;*/
}

.tr_first .price {
    border-right: none;

}

.tr_first .sequence,
.tr_first .nomination {
    /*align-self: center;*/
    height: calc(100% - 1rem);
    display: flex;

}

.tr_first .article div:after {
    content: ' согласно приказу 804н';
    display: flex;
}

.tr_first .table_txt {
    align-items: center;
}

.row15 {
    padding-left: 15px;
    padding-right: 15px;
}

.etapsSwiper .swiper-pagination,
.priceSwiper .swiper-pagination {
    gap: 1px;
    margin-bottom: 1em;
}

.etapsSwiper .swiper-pagination-bullet,
.priceSwiper .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    height: auto;
    min-height: 3em;
    flex: 1;
    padding: 5px 10px;
    width: auto;
    flex-wrap: nowrap;
    opacity: 1;
    background: var(--bg-color-light);
    /*border-radius: var(--border-radius-btn);*/
    border: none;
}

.etapsSwiper .swiper-pagination-bullets .swiper-pagination-bullet,
.priceSwiper .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;

}

.etapsSwiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.priceSwiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    border-radius: 0 var(--border-radius-btn) var(--border-radius-btn) 0;
}


.etapsSwiper .swiper-pagination-bullets .swiper-pagination-bullet:first-child,
.priceSwiper .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    border-radius: var(--border-radius-btn) 0 0 var(--border-radius-btn);
}

.make_etaps .swiper-pagination-bullet:only-child {
    display: flex !important;
    border-radius: var(--border-radius-btn) !important;
    pointer-events: none;
}


.etapsSwiper .swiper-pagination-bullet .center,
.priceSwiper .swiper-pagination-bullet .center {
    align-self: center;
}@utility btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2;
    padding: 0 1rem;
    gap: 1rem;
    color: var(--white);
    background: var(--btn-color);
    border: 1px solid var(--bg-html-color);
    border-radius: var(--border-radius-btn);
    font-size: 1rem;
    min-width: 13.44rem;
    height: 3.375rem;
    transition: all 0.2s ease;
    cursor: pointer;

    & svg {
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        min-height: 1rem;
        justify-self: end;
    }

    @media (hover: hover) {
        &:hover {
            background: var(--btn-hover);
        }
    }

    &.btn-w {
        color: var(--main-color);
        background: var(--btn-w-color);

        @media (hover: hover) {
            &:hover {
                background: var(--btn-w-hover);
            }
        }

        & svg {
            color: var(--btn-color);
        }

        &.btn-wb {
            border: 2px solid var(--main-color);
        }
    }

    &.btn-o {
        color: var(--white);
        background: var(--btn-o-color);

        & svg {
            color: var(--btn-color);
        }

        @media (hover: hover) {
            &:hover {
                color: var(--main-color);
                background: var(--btn-o-hover);
            }
        }
    }
}

.etapsSwiper .swiper-pagination-bullet-active,
.priceSwiper .swiper-pagination-bullet-active {
    color: var(--bg-html-color);
    background: var(--btn-color);
    border: none;
}

.bg-btn-color .etapsSwiper .swiper-pagination-bullet-active,
.bg-btn-color .priceSwiper .swiper-pagination-bullet-active {
    color: var(--bg-html-color);
    background: var(--elem-hover-color);
    border: none;
}

.etapsSwiper .swiper-pagination-bullet-active:hover,
.priceSwiper .swiper-pagination-bullet-active:hover {
    /*background: var(--btn-color);*/
    /*color: var(--bg-html-color);*/
    pointer-events: none;
    cursor: default;
}

.etapsSwiper .swiper-pagination-bullet:hover,
.priceSwiper .swiper-pagination-bullet:hover {
    background: var(--btn-hover);
    color: var(--bg-html-color);
    border: none;
}


/*   end table  */


/* *** accordion list works *** */

.col-lg-47p {

    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;

}

.col-lg-6p {
    -ms-flex: 0 0 6%;
    flex: 0 0 6%;
    max-width: 6%;


}

.col-lg-47p .acc_col {

    margin-right: 15px;
    margin-left: 15px;
}

.acc_col {
    /* border: var(--second-color) 1px solid; */
    border: var(--elem-color) 1px solid;

    /*padding: 0;*/
    /* margin: 0; */
    border-radius: var(--border-radius-rectangle);
    /*background: pink;*/
    margin-bottom: 2em;

}

.accordion__title {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0.5em 10px;
    /* text-align: center; */
    background: var(--elem-color);
}

.accordion__rep_img {
    padding-right: 10px;
}


.accordion__title_title {
    display: flex;
    flex-direction: column;
}

.accordion__title_title_1 {
    font-weight: 500;
    padding-left: 10px;
}

.accordion__title_title_2 {
    color: var(--white);
    font-size: 1.5em;
    padding-left: 10px;
}

.accordion__total {
    text-align: center;
    background: var(--elem-color);
    padding: 0.5em 10px;
    font-size: 1.5em;
    line-height: 1.2em;

}

.accordion__total span {
    color: var(--white);
}

.accordion__repeater .answer p {
    padding: 5px 5px 0px 10px;
    /* background: #000; */
}

.accordion__repeater .question,
.accordion__repeater .question-no-link {
    padding: 5px 0 5px 0;
}

.accordion__repeater .faq
/* .accordion__repeater .question */

    {
    border-top: var(--elem-color) 1px solid;
}


.accordion__repeater .answer::before {
    display: none;
}

.accordion__repeater .p-img {
    padding-top: 10px;
}

.big_plus {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--elem-color);
    font-size: 6em;
    line-height: 1;
    text-align: center;
    font-weight: 700;

    margin-top: -2rem;
}

.accordion__repeater_row {
    margin-right: 0px;
    margin-left: 0px;
}

.accordion__repeater_row .faq {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.accordion__title_img {
    margin-left: 5px;
    margin-right: 2px;
}

.accordion__title_img img,
.accordion__rep_img img {
    max-width: 60px;
}

.accordion__repeater .faq {
    margin-bottom: 0;
}

.accordion__repeater .question,
.accordion__repeater .question-no-link {
    background: none;
}

/* *** end accordion list works *** */


/*** bvi ***/

.containerBvi {
    background: Lavender;
    padding: 0;
}


.fixed-containerBvi {
    background: Lavender;
    top: 0px;
    position: fixed;
    z-index: 1001;
    border-bottom: 1px solid var(--second-color);
    width: 100%;
}


.panelBvi {
    padding: 15px;
}

.panelBvi_lr {
    padding: 15px 0;
}

.rowBvi {
    /*background: red;*/
    /*width: 100%;*/
    /*z-index: 1000;*/
}


.bvi-col-row {
    display: flex;
    justify-content: center;
}

.bvi-col-row .btn {
    margin: 5px;
}

.bvi-link {
    background: #fff;
    color: var(--main-color);
    border-radius: var(--border-radius-btn);
    border: 1px solid var(--second-color-font);
    font-weight: 500;
    padding: .31em;
    margin: .31em;
    min-width: 2.2em;
    text-align: center;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    /*font-size: 1.3em;*/
}

.bvi-svg {
    height: 1.3em;
}


.bvi-title {
    text-transform: uppercase;
    text-align: center;
    /*font-size: 1em;*/
    font-weight: 500;
    display: block;
}


.bvi-display-none {
    /*добавляется в .bvi-display при нажатии на кнопку "Версия сайта для слабовидящих"*/
    display: none;
}


.bvi-link-white {
    background: #fff;
    color: #000;
}

.bvi-link-black {
    background: #000;
    color: #fff;
}

.bvi-link-blue {
    background: #9DD1FF;
    color: #000;
}

.bvi-link-brown {
    background: #F7F3D6;
    color: #4d4b43;
}

.bvi-link-green {
    background: #3B2716;
    color: #a9e44d;
}

.bvi_color_invers {
    /*color: pink;*/
    /* цвет для "версия для слабовидящих", назначается скриптом */
}

.bvi_color_invers_add {
    color: #fff;
    /* цвет для "версия для слабовидящих", назначается скриптом */
}

.bvi_color_invers_add a:hover {
    color: #000;
    background: #fff;
}

.footer .bvi_color_invers_add::before {
    /*width: 1.5em;*/
    /*border-bottom: 2px;*/
    background-color: #fff;
}

/*** end bvi ***/


/* страница врача */

.notFoundMessage {
    text-align: center;
    font-size: 3em;
    line-height: 1em;
    font-weight: 900;
}


.photo-page-doctor-rating {
    max-width: 300px;
}

.photo-page-doctor {
    max-width: 300px;
    overflow: hidden;
}

a .photo-page-doctor img {
    transition: .2s;

}

a .photo-page-doctor:hover img {
    transform: scale(1.1);
    transition: .2s;
}

.info-page-doctor {
    /* margin-top: 12px; */
    color: var(--main-color);
}


.info-page-doctor h1,
.info-page-doctor h2 {
    text-align: left;
    text-transform: none;
    /*margin-bottom: 1em;*/
    position: relative;
    font-weight: 500;
    display: inline-block;
    color: var(--main-color);
    margin-bottom: .5rem;
}

.info-page-doctor a h1,
.info-page-doctor a h2 {
    color: var(--elem-color);
    transition: .2s;
}

.info-page-doctor a h1:hover,
.info-page-doctor a h2:hover {
    color: var(--elem-hover-color);

}

.info-page-doctor h1::before,
.info-page-doctor h1::after,
.info-page-doctor h2::before,
.info-page-doctor h2::after {
    content: '';
    height: 2px;
    position: absolute;
    bottom: -0.25em;

}

.info-page-doctor h1::before,
.info-page-doctor h2::before {
    width: 1.3em;
    border-bottom: 2px;
    background-color: var(--btn-color);
}

.info-page-doctor h1::after,
.info-page-doctor h2::after {
    width: calc(100% - 1.6em);
    right: 0px;
    border-bottom: 2px;
    background-color: var(--main-color);
}

.info-page-doctor h5 {
    text-transform: none;
    margin-top: .7em;

}

.experience {
    font-weight: 300;
    font-size: 2em;
    text-align: left;
    text-transform: none;
    color: var(--main-color);
    line-height: 1.2em;
}

.experience span {
    color: var(--btn-color);
}

.specialities {
    color: var(--elem-hover-color);
    font-size: .89em;
    padding-left: .125em;
    font-weight: 700;
}

.specialization {
    /*font-size: .89em;*/
    line-height: 1.1em;
}

.page-doctor-btn {
    display: flex;
    align-items: center;
}

.page-doctor-btn .btn_align_center {
    align-self: flex-start;
    width: auto;
}

.btn_des {
    /*flex-grow: 1;*/
    margin-top: .2em;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 400;
}

.page-doctor-btn .btn {
    width: 18em;
    margin: 2em 1em 1.5em 0;
}

.services_list li {
    padding-bottom: 0;
    display: flex;
}

.services_list li a,
.services_list li:after,
.services_list li a {
    color: var(--elem-color);
}

.services_list li a:hover {
    color: var(--elem-hover-color);
}

.services_list_no_link {
    color: var(--second-color);
}

.container-page-doctor {
    margin-top: 3em;
}

.container-page-doctor:first-child:last-child {
    margin-top: 0;
    margin-bottom: 0;
}

/*.personal-block .container-page-doctor {*/
/*    margin-top: 0;*/
/*}*/

.gllery-certificates {
    margin-top: 0.5em;
    justify-content: flex-start;
    /*margin-left: -40px;*/
}

.gllery-certificates .certificates-img {
    /*padding: 5px;*/
    position: relative;
}

.gllery-certificates .certificates-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: inset 0px 0 5px rgba(0, 0, 0, 0.08);
    pointer-events: none;
}


/* END страница врача */

/* отзывы о враче */

.sub_title_timeline,
.sub_title_feadback_list {
    color: var(--btn-color);
    font-size: .89em;
    margin-bottom: .5em;
    margin-top: -.5em;
    /*padding-left: .125em;*/
}

.bg-btn-color .sub_title_feadback_list {
    color: var(--bg-html-color);
}

.card-feadback {
    background: var(--bg-html-second);
    margin-bottom: 30px;
    padding: 1em;
}

.bg-btn-color .card-feadback,
.row-right-culisa-grey .card-feadback,
.row-left-culisa-grey .card-feadback,
.bg-html-second .card-feadback {
    background: var(--bg-html-color);
}

.make_doctor_timeline h5,
.make_doctor_feadback h5 {
    text-transform: none;
}

.card-feadback-head {
    display: flex;
    min-height: 58px;
    align-items: flex-end;
}

.card-feadback-head .stars {
    align-self: flex-start;
    justify-self: flex-end;
    padding-top: 0.375em;
}

.feadback-txt-btn-arrow {
    display: inline-flex;
    /*border: #0dcaf0 solid 1px;*/
    align-self: flex-start;
    cursor: pointer;
    flex-shrink: 1;

}

.make_doctor_timeline .arrow,
.card-feadback .arrow {
    padding: 0;
    margin-right: .5em;
    transform: rotate(0deg);
}

.card-feadback .txt {
    line-height: 1.2em;
    /*height: min(6em);*/
    /*max-height: 6em;*/
    /*background: pink;*/
    overflow: hidden;
    position: relative;
    /*max-height: inherit;*/
    /*
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-clamp: 4;
        box-orient: vertical;

     */
    /*padding-bottom: 0.6em;*/

}

.card-feadback .txt p:last-of-type {
    margin-bottom: 1px;
}

.card-feadback-head .feadback_img {
    align-self: center;

}

.gradient-for-hidden {
    /*border: yellow solid;*/
    /*content: '';*/
    width: 100%;
    height: 3em;
    bottom: 0;
    z-index: 2;
    position: absolute;
    background: linear-gradient(0deg, var(--bg-html-second) 0%, var(--bg-html-second) 2%, rgba(255, 255, 255, 0) 100%);
}

.gradient-invert {
    background: linear-gradient(0deg, var(--bg-html-color) 0%, var(--bg-html-color) 2%, rgba(255, 255, 255, 0) 100%);
}

.row-right-culisa-grey .gradient-for-hidden,
.row-left-culisa-grey .gradient-for-hidden,
.bg-html-second .gradient-for-hidden {
    background: linear-gradient(0deg, var(--bg-html-color) 0%, var(--bg-html-color) 2%, rgba(255, 255, 255, 0) 100%);
}

.row-right-culisa-grey .gradient-invert,
.row-left-culisa-grey .gradient-invert,
.bg-html-second .gradient-invert {
    background: linear-gradient(0deg, var(--bg-html-second) 0%, var(--bg-html-second) 2%, rgba(255, 255, 255, 0) 100%);
}

.bg-btn-color .gradient-for-hidden {
    background: linear-gradient(0deg, var(--btn-color) 0%, var(--btn-color) 2%, rgba(255, 255, 255, 0) 100%);

}

.card-feadback_autor {
    font-weight: 500;
    line-height: 1;
}

/*.card-feadback .rating {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    justify-content: space-between;*/
/*}*/

.feadback_img_svg_icon {
    background-color: var(--btn-color);
    width: 100px;
    height: 100px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}


/* END отзывы о враче */


/* *** doctor timeline *** */
.timeline {
    overflow: hidden;
    position: relative;
}


.block_event {
    display: flex;
    /*padding-bottom: 3em;*/
}

.block_event_date {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: var(--bg-html-color);*/
    /*background: var(--bg-color-light);*/
    background: var(--bg-html-second);
    width: 150px;
    height: 36px;
    position: relative;

}

.block_event_date::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    /*border-left: 6px solid var(--bg-html-color);*/
    border-left: 6px solid var(--bg-html-second);
    display: block;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
}

.timeline-line {
    width: 60px;
    /*min-height: 100%;*/
    position: relative;
    /*background: rgba(0, 0, 0, .2);*/
}

.timeline-line::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: calc(50% - 1px);
    background: rgba(0, 0, 0, .1);
}

.timeline-line::after {
    content: '';
    position: absolute;
    border-radius: 100%;
    height: 12px;
    left: calc(50% - 6px);
    top: 12px;
    width: 12px;
    z-index: 1;
    background-color: var(--btn-color);
}

.timeline-content {
    display: flex;
    flex-direction: column;
    flex: 1 0;
    padding-bottom: 1em;
}

.block_event:last-child .timeline-content {
    padding-bottom: 0;
}

.timeline-title {
    text-align: left;
    margin-bottom: 0;
    margin-top: 3px;
}

.bg-btn-color .block_event_date::after,
.row-right-culisa-grey .block_event_date::after,
.row-left-culisa-grey .block_event_date::after,
.bg-html-second .block_event_date::after {
    border-left: 6px solid var(--bg-html-color);

}

.row-right-culisa-grey .block_event_date,
.row-left-culisa-grey .block_event_date,
.bg-html-second .block_event_date {
    background: var(--bg-html-color);

}

.bg-btn-color .timeline-title {
    color: var(--bg-html-color);
    color: var(--bg-html-second)
}

.bg-btn-color .timeline-line::after {
    background: var(--btn-hover);
}

/*.bg-btn-color .block_event_date{*/
/*    */
/*}*/

/* *** end doctor timeline *** */


.kontakry-map {
    margin-top: 2em;
}

/*Информация пациентам*/
.informaciya h1 {
    font-size: 2em;
font-weight: ;
}

.informaciya h2 {
    font-size: 1.2em;
    margin-top: 1.5em;
    margin-bottom: .5em;

    text-align: left;
    text-transform: none;
    /*font-weight: 500;*/
}

.informaciya h2:after {
    display: none;
}

.informaciya h3 {
    font-size: 1.0em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    text-align: left;
    text-transform: none;
    font-weight: 500;

}

.informaciya a {
    color: var(--elem-color);
    /*font-weight: 500;*/
}

.informaciya a:hover {
    color: var(--elem-hover-color);
}


/*end Информация пациентам*/


/*.section-big-img__txt-11 {*/
/*    font-size: 1.8em;*/
/*}*/

/*.section-big-img__txt-22 {*/
/*    font-size: 1.2em;*/
/*    line-height: 1;*/
/*}*/

/*.gallerie-banner-top .btn {*/
/*    !*font-size: 0.8em;*!*/
/*    padding: .4em 1em;*/
/*}*/


/*баннер на главной*/


/*********************/
.slide-top,
.slider-background {
    height: 392px;
    background: #f0f4f7;
    margin-bottom: 3em;
}


.slider-top-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1rem;
}

.slide-top img {
    /*object-fit: contain;*/
    /*object-fit: scale-down;*/
    /*object-fit: fill;*/
    /*object-fit: none;*/
}

.slider-top-content-img {
    height: 100%;
    width: 100%;
    background: #f0f4f7;

}

.slider-top-content-img-full-width img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.slider-top-content-img img {
    height: 100%;
    object-fit: cover;
}

.slide-top-txt {
    margin-left: 350px;
    position: absolute;
    text-align: center;
    /*font-weight: 400;*/
    text-transform: uppercase;
    /*color: var(--second-color-font-active);*/
    color: var(--second-color);
    font-size: 3.3em;
    line-height: 0.85em;
    font-weight: 500;
}

.slide-top-txt span {

    /*font-style: italic;*/
    text-transform: none;
    font-size: 0.6em;
    font-weight: 400;
    color: var(--main-color);
    /*color: var(--second-color-font-active);*/
    /*border-bottom: 1px solid var(--main-color);*/
    padding-bottom: 0.15em;
}

/*********************/


.gallerie-banner-top-bg {
    background: var(--bg-html-color);
    margin-bottom: 4em;
    /*фон слайдера на главной*/
}
.gallerie-banner-top-mob-bg .swiper-slide,
.gallerie-banner-top-bg .swiper-slide {
    background: var(--bg-html-color);
    border-top: var(--elem-color) solid 2px;
    border-bottom: var(--elem-color) solid 2px;
    overflow: hidden;
}

.orion-bg-parallax .btn,
.gallerie-banner-top-bg .btn {
    display: inline-block;
    margin: 2em auto 0 auto;
}
.gallerie-banner-top-mob-bg{
    background: var(--bg-html-color);
    margin-bottom: 4em;
    width: 100%;
}


.gallerie-banner-top-mob-bg .btn {
    display: inline-block;
    margin: .2em auto 0 auto;
    /*font-size: 1em;*/
}
.gallerie-banner-top-mob-bg .btn.big_mobile_btn {
    font-size: 1em;
}

.section-big-img-mob__bg{
    width: 100%;
    aspect-ratio: 3/4;
}

.section-big-img-mob__bg img{
    width: 100%;
    aspect-ratio: 3/4;
}

.section-big-img-mob__txt {
    display: flex;
    position: absolute;
    width: 100%;
    aspect-ratio: 3/4;
    z-index: 1;
    flex-direction: column;
}

/*по высоте*/
.section-big-img__txt.center,
.section-big-img-mob__txt.center{
    justify-content: center;
}
.section-big-img__txt.top,
.section-big-img-mob__txt.top {
    justify-content: flex-start;
}
.section-big-img__txt.bottom,
.section-big-img-mob__txt.bottom {
    justify-content: flex-end;

}

.bg_left.bg_fixed,
.bg_right.bg_fixed{
    background-position: center;
}
.bg_left.bg_fixed .section-big-img__bg img,
.bg_right.bg_fixed .section-big-img__bg img {
  object-position: center;
}
.container .bg_center.bg_fixed .section-big-img__bg img,
.container .bg_left.bg_fixed .section-big-img__bg img,
.container .bg_right.bg_fixed .section-big-img__bg img {
    object-fit: cover;
}

/* включить для эфекта "карточки"
.gallerie-banner-top-bg .swiper-wrapper{
    overflow: hidden;
}
*/

.section-big-img {
    position: relative;
}

.section-big-row {
    flex-direction: column;
}

.add-pagination .swiper-wrapper {
    margin-bottom: 15px;
}

.section-big-img__txt {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    flex-direction: column;
}

.section-big-img__txt-11 {
    line-height: 1em;
    display: block;
    text-shadow: 0 0 .2em var(--bg-html-color), 0 0 .2em var(--bg-html-color);
    margin-bottom: .2em;
    font-weight: 600;
    padding-top: .5em;
    color: var(--elem-color);
    font-size: 2.3em;
}

h2 span,
.section-big-img__txt-11 span {
    color: var(--btn-color);
}


.promotions-price {
    margin-top: 1em;
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
    flex-direction: row;
}


.bg_left .promotions-price {
    text-align: right;
    justify-content: flex-end;
}

.bg_center .promotions-price {
    text-align: center;
    justify-content: center;
}

.promotions-price span {
    color: var(--btn-color);
    font-weight: 500;
    font-size: 1.5em;
}

.bg_left .section-big-img__txt-11 .promotions-price_current {
    margin-left: .5em;
}


.bbg_center .promotions-price_old,
.bg_right .promotions-price_old {
    margin-right: .5em;
    /*display: none !important;*/
}

.section-big-img__txt-22 {
    color: var(--elem-color);
    font-size: 1.5em;
    line-height: 1.2em;
    display: block;
    text-shadow: 0 0 .2em var(--bg-html-color), 0 0 .2em var(--bg-html-color);
    text-transform: none;
    font-weight: 400;
}

.bg_left .section-big-row {
    text-align: right;
    align-items: flex-end;
}

.bg_center .section-big-row {
    text-align: center;
    align-items: center;
}

.gallerie-banner-top-bg .section-big-img__bg img {
    max-height: 400px;
    object-fit: contain;

}

.bg_right .section-big-img__bg img {
    object-position: right;
}

.bg_left .section-big-img__bg img {
    object-position: left;
}

.bg_center .section-big-img__bg img {
    object-position: center;
}

.bg_right {
    background-position: right;
}

.bg_left {
    background-position: left;
}

.bg_center {
    background-position: center;
}

.custom_banner_txt {
    line-height: 1;
    text-shadow: 0 0 .2em var(--bg-html-color);
}

.gallerie-banner-top a:hover {
    color: var(--second-color-font-active);
}

.gallerie-banner-top a {
    color: var(--second-color);
}

.gallerie-banner-top .btn {
    color: #fff;
}

.gallerie-banner-top .btn:hover {
    color: var(--bg-html-color);
}

.swiper-wrapper-container {
    box-sizing: border-box;
}


/* end баннер на главной*/

/* карточка акции */

.pb30px {
    padding-bottom: 30px;
}

.card-promotions a {
    color: var(--elem-color);
    display: flex;
    flex-direction: column;
    flex-grow: 3;
    /*background: var(--bg-color-light);*/
}

.card-promotions a:hover {
    color: var(--btn-hover);
}

.card-promotions-txt {
    padding: 1em;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    /*font-weight: 700;*/

}

.list_promotions_date {
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    padding-top: 1em;
    /* padding-bottom: 1em; */
}


a .card-promotions-skidka-bg:hover {
    background: var(--btn-hover);
}


.card-promotions-img {
    /*border:red solid;*/
    position: relative;
}

.card-promotions-skidka-bg {
    height: 5.5em;
    width: 5.5em;
    right: 0.5em;
    bottom: 0.5em;
    background: var(--btn-color);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;

}

.card-promotions-skidka {
    font-size: 2em;
    color: var(--bg-html-color);

}

.card-promotions-sale0 {
    font-size: .90em;
    color: var(--bg-html-color);
}

.card-promotions:hover .card-promotions-skidka-bg {
    background: var(--btn-hover);

}


.card-promotions-skidka-center .card-promotions-skidka-bg {
    position: relative;
}

.card-promotions-skidka-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 8em;
    /*background: #ccc;*/
}

.card-promotions-skidka-center .card-promotions-skidka-bg {
    bottom: 0;
}

.promotions_date {
    font-size: 1.0em;
    line-height: 1.8;
    color: var(--elem-hover-color);
    font-weight: 700;
    margin-top: .5em;
}

.promotions_date a {
    color: var(--main-color);
}


/* end карточка акции */

/*  страница  акции */
.promotions_img {
    margin-bottom: 1em;
}

.promotions-data {
    /*весь текст блока*/
    color: var(--main-color);

}

.container-page-discount .promotions_date {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    font-weight: 700;
}

.promotions_h {
    font-size: 2em;
    line-height: 1;
    text-align: center;
    /*margin-bottom: 0.5em;*/
}

.promotions_h a {
    color: var(--second-color-font);
}

.promotions_h a:hover {
    color: var(--main-color);
}


.container-page-discount .promotions-price_current,
.container-page-discount .promotions-price_old {
    font-size: 2em;
    line-height: 1;
    position: relative;

}


.promotions-price_current span,
.promotions-price_old span {
    color: var(--elem-color);
    font-weight: 700;
    font-size: 1.5em;
}

.container-page-discount .promotions-price {
    margin-top: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.promotions-price_old span {
    color: var(--second-color-font);
}

.promotions-txt {
    margin-top: 1em;
}


.promotions-txt a {
    color: var(--elem-color);
}


.promotions-txt a:hover {
    color: var(--btn-hover);
}


/* end страница  акции */
.no-data {
    width: 100%;
    text-align: center;
    font-size: 2em;
    line-height: 1.2em;
    color: var(--alert);
    margin: 2em 0;
}

.no-data span {
    display: inline-flex;
    color: var(--main-color);
    white-space: pre-wrap;
}


/* паралакс и блок с картикой на фоне */
/*.orion-bg-parallax {*/
/*    background-size: cover;*/
/*    position: relative;*/
/*}*/

.parallax {
    background-size: cover;
    position: relative;
}


.no_parallax {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.no_parallax.orion-bg-parallax_left {
    background-position: left 30%;
}

.no_parallax.orion-bg-parallax_center {
    background-position: center 30%;
}

.no_parallax.orion-bg-parallax_right {
    background-position: right 30%;
}


.orion-bg-parallax_left {
    background-position: left;
    /*background-position: center;*/
}

.orion-bg-parallax_center {
    background-position: center;
}

.orion-bg-parallax_right {
    background-position: right;
    /*background-position: center;*/

}

.orion-bg-parallax {
    /*min-height: 25em;*/
    min-height: 25em;
    display: flex;

}

.overlay-parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, .1) 65%, rgba(255, 255, 255, 0) 100%);
    /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, .1) 65%, rgba(0, 0, 0, 0) 100%);*/
}

.orion-bg-parallax .container {
    align-self: center;
}

.orion-bg-parallax .section-big-row {
    align-self: center;
}


.section-big-row>div:first-child {
    margin-top: 2em;
    /*border: yellow solid;*/

}

.section-big-row [class^="col-"]:last-child {
    /*border: red solid;*/
    margin-bottom: 2em;
}

/*.section-big-img__txt-1{*/
/*    font-size: 1.8em;*/
/*    -ms-flex: 0 0 70%;*/
/*    flex: 0 0 70%;*/
/*    max-width: 70%;*/

/*}*/
/*
.orion-bg-parallax .big-txt_flex{
    display: flex;
    align-items: center;
    background: red;
    height: 100%;
}

 .big-txt_flex {
.bg_left
    justify-content: flex-end;
}

.bg_right .big-txt_flex {
    justify-content: flex-start;
}

.bg_center .big-txt_flex {
    justify-content: center;
}
*/

.orion-bg-parallax .stars .star {
    padding-left: 0;
}

.section-big-row .feadback_list {
    padding: 0;
}

.big-txt_flex+.feadback_list {
    margin-top: 1.5em;
}

.feadback_color_bg.feadback {
    padding-top: .5em;
}


.bg_center .feadback_list {
    text-align: left;
}

.overlay-feadback {
    background: #fff;
    opacity: .5;
    position: absolute;
    top: -.75em;
    height: calc(100% + .75em);
    left: 0;
    width: 100%;
    z-index: 1;
}

.overlay-feadback-767 {
    position: relative;
}

.feadback_name {
    font-weight: 700;
    padding-bottom: .5em;

}

.feadback_for {
    color: var(--second-color-font);
    font-weight: 700;
    padding-top: 1em;

}

.bg_center .feadback_for {
    /*text-align: center;*/
    /*align-self: center;*/
}

.bg_center .stars {
    /*align-self: center;*/
}

.bg_left .feadback_for {
    text-align: right;
    align-self: flex-end;
}

.bg_left .stars {
    align-self: flex-end;
}

.feadback_for a {
    color: var(--second-color-font);
}

.feadback_for a:hover {
    color: var(--second-color-font-active);
    filter: brightness(75%) saturate(120%);
}

.feadback_list .feadback_img {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    min-width: 100px;
}

.feadback_list .feadback_img img {
    align-self: flex-end;
}

.feadback_list .feadback_img picture {
    align-self: flex-end;
}

.feadback_txt p:last-child {
    margin-bottom: 0;
}

/* end паралакс и блок с картикой на фоне */

/* блок "Информация пациентам" */
.info-page h3 {
    text-align: left;
    font-size: 1.25em;
    color: var(--main-color);
    font-weight: 500;
    margin-top: 3rem;
}

.info-page h3:first-child {
    margin-top: 0;
}

.info-page h5 {
    font-size: 1em;
    text-transform: none;
    margin-bottom: 1rem;
}

.info-page ul {
    list-style: none;
    margin-left: -5px;
}

.info-page ul li::before {
    /* content: "‎\2713 ‎\00A0"; */
    content: "– ";
    /* color: #00bcd4; */
    position: absolute;
    margin-left: -15px;
    background-image: none;
}

.info-page ul li {
    list-style: none;
}

.info-page ul {
    list-style: none;
    margin-left: 15px;
}

.info-page a {
    color: var(--elem-color);
}

.info-page a:hover {
    color: var(--elem-hover-color);
}

/* end блок "Информация пациентам" */

.display_none {
    display: none;
}

/* *** галерея до/после *** */


.make_gallery_before_after .col-12 .row>.flex-grow-11 {
    margin-bottom: 30px;
}

.make_gallery_before_after .col-12 .row:last-child>.flex-grow-11 {
    margin-bottom: 0;
    /*border: green  solid;*/
}

.make_gallery_before_after .col-12 .row:last-child>.flex-grow-11:last-child {
    /*border: red  solid;*/
}

.bef_aff {
    display: flex;
    flex-grow: 1;
    padding: 15px;
    border: var(--btn-color) 1px solid;
    /*display: block;*/
}


.bef_aff .txt {
    /*border:red 1px solid;*/
    display: block;
    width: 100%;
}

.bef_aff .txt p:last-child {
    margin-bottom: 0;
    /*background: #000;*/
}

.bef_aff .img_sampl_bef_aff {
    padding-left: 15px;
    /*border: magenta solid;*/
    /*margin: auto;*/
    /*margin-right: 0;*/
    /*margin-top: 0;*/
    display: flex;
    width: 300px;
    float: right;
    box-sizing: content-box;
}

.slides-2 .bef_aff .img_sampl_bef_aff {
    width: 240px;
}

.slides-4 .bef_aff .img_sampl_bef_aff,
.slides-3 .bef_aff .img_sampl_bef_aff {
    padding-left: 0;
    padding-bottom: 15px;
    width: 100%;
    /*border: skyblue solid;*/
}

.slides-4 .bef_aff .img_sampl_bef_aff {
    width: 100%;
    max-width: 223px;
}

.slides-4 .bef_aff .txt,
.slides-3 .bef_aff .txt {
    display: flex;
    flex-direction: column;
}

.h_bef_aff {
    font-size: 1em;
    color: var(--main-color);
    font-weight: 700;
    text-align: left;
    margin-bottom: .2em;
}


/* *** end галерея до/после *** */


/* *** блок маркированый список *** */
.before_markerlist_txt{
    margin-bottom: 1em;
}

.markerlist .ml_block {
    display: flex;
    flex-direction: row;
}

.markerlist .ml_icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 2.5rem;
    min-width: 2.5rem;
    padding-bottom: 1.5em;
}

.markerlist .ml_icon div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    color: var(--btn-color);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: .125rem solid var(--btn-color);
}

.markerlist .icon_align_center {
    margin-top: -.6em;
    padding-bottom: 1.5em;
}

.markerlist.icon .ml_icon div {
    border-radius: 0;
    border: none;
}
.markerlist.marker_default div img{
    width: 1.5rem;
    height: 1.5rem;
}

.markerlist .svg_icon {
    /*background-color: var(--btn-color);*/
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

@media print {
    .markerlist .svg_icon {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.markerlist .ml_txt {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.markerlist .markerlist_title {
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 1.125em;
}

.pagecontent .markerlist .markerlisr_element ul  {
    padding-left: 0;
}
.pagecontent .markerlist .markerlisr_element .li_none_before  {
    padding-left: 1em;
}
.pagecontent .markerlist .markerlisr_element ul li::marker {
    color: var(--btn-color);
}
.pagecontent .markerlisr_element .li_none_before li::before {
    display: none;
}
/* *** end блок маркированый список *** */
/* ***  соглашение на cookies *** */
#cookies-bar.cookies-bar-bottom .btn-cookies {
    width: 8.625em;
    align-self: center;
    margin-left: 1em;
}

#cookies-bar.cookies-bar-bottom{
    background: rgba(255, 255, 255, .95) ;
    max-width: none;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    min-width: calc(100% - 30px);
    border-radius: var(--border-radius-rectangle);
    left: 50%; /* Сдвигаем блок на 50% от левого края */
    transform: translateX(-50%); /* Смещаем блок назад на половину его ширины */

}
#cookies-bar.cookies-bar-bottom .content{
    margin: 0;
}
#cookies-bar.cookies-bar-bottom .content p{
    margin: 0;
    font-size: .89em;
    font-weight: 300;
    line-height: 1.2em;

}
#cookies-bar.cookies-bar-bottom .buttons{
    margin: 0;
}

@media (max-width: 575.98px) {
    #cookies-bar.cookies-bar-bottom{
        flex-direction: column;
    }
    #cookies-bar.cookies-bar-bottom .btn-cookies {
        margin-left: 0;
        margin-top: 1em;
    }
}

@media (min-width: 576px) {

    #cookies-bar.cookies-bar-bottom{
        min-width: 540px;
    }
}


@media (min-width: 768px) {
    #cookies-bar.cookies-bar-bottom{
        min-width: calc(720px + var(--delta-width-container) - 30px);
    }
}

@media (min-width: 992px) {
    #cookies-bar.cookies-bar-bottom{
        min-width: calc(960px + var(--delta-width-container) - 30px);
    }
}

@media (min-width: 1200px) {
    #cookies-bar.cookies-bar-bottom{
        min-width: calc(1140px + var(--delta-width-container) - 30px);
    }
}
/* *** end соглашение на cookies *** */

/* Стили для заблокированных ссылок */
.social_icon_line a.social-link-blocked {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(100%);
}

.social_icon_line a.social-link-blocked:hover {
    text-decoration: line-through;
}
/* end Стили для заблокированных ссылок */