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


.list-circle p,
.circle,
.txt-btn:before,
.input-label,
.message_send_view,
.message_send,
.round-btn:hover,
.round-btn:after,
.round-btn:hover:after,
.round-btn:hover:before,
.round-btn,
.round-btn:before,
.cta .arrow-icon,
.learn-more .btn-circle,
.round-rectangle-btn,
.round-rectangle-a-btn .chema .row>[class^="col-"] a:hover,
.chema .row>[class^="col-"] a {
    -webkit-transition: all 0.2s cubic-bezier(0, .30, 1, .70);
    -moz-transition: all 0.2s cubic-bezier(0, .30, 1, .70);
    -o-transition: all 0.2s cubic-bezier(0, .30, 1, .70);
    transition: all 0.2s cubic-bezier(0, .30, 1, .70);
}


:root {
    --bg-html-color: #fff;
    --bg-html-second: #EDEDED;

    --main-color: #282936;

    --btn-color: #ffc800;
    --btn-hover: #ffd333;

    /*     --btn-color: #9fd8b1;
        --btn-hover: #a9e7bd;

        --btn-color: #b1dcfc;
        --btn-hover: #8bceff; */

    --form-input-focus: rgba(255, 255, 255, .2);

    --second-color-font: #CCCCCC;
    --second-color-font-active: #626262;
    --tin-line-color: rgba(0, 0, 0, 0.08);
    --alert: #DB70F9;
    --white: #fff;
    /* --mark-color: rgba(112, 163, 255, 0.4); */
    --menu-width: 260px;
    --menu-radius: 20px;
    --border-radius: 35px;
    --delta-width-container: 60px;
    /* --delta-width-container Добавка к ширине .container */
    --scrollbarHalfWidth: 0px;
    /* --scrollbarHalfWidth Половина ширины scrollbar, вычисляется через js */

}



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

/*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; */
    /*rem*/
    color: var(--bg-html-color);
    /*overflow: hidden;*/
}


body {
    /*margin: 0;*/
    /*scroll-behavior: smooth;*/
    /*text-rendering: optimizeSpeed;*/
    /* font-size: 30px; */
    line-height: 1.5625;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}



* {
    outline: none !important
}


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

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


h1,
h2,
h3,
h4 {
    font-weight: 600;
}

h1 {
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 1em 0 1em 0;
    /*max-width: 80%;*/
}

[class*="-culisa"] h1{
    margin:  0 0 1em 0;
}

.H1 h1 {
    margin: 1em 0 0 0;
}

h2 {
    font-size: 2.25em;
    line-height: 1.25em;
    margin-bottom: .6em;
    /*margin-top: 2em;*/
}

h3 {
    font-size: 1.25em;
    line-height: 1.3125em;
    margin:  1em 0 1.375em 0;
    font-weight: 700;
}

[class*="-culisa"] h3{
    margin:  0 0  1.375em 0;
}

h4 {
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 800;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center;
}

p {
    font-size: 1.125em;

}

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

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

.img-in-txtimg {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: darkseagreen;*/
    /*background: #ab07ab66;*/
}
.img-in-txtimg img {
    align-self: center;
    margin: auto;
}


label {
    margin: 0;
}

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



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

ul {
    margin-top: 0;
    margin-bottom: 0;
}


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: auto;
    background-size: 100% 100%;
}

.line_space {
    min-height: 2rem;
}

.big-space {
    margin-bottom: 8em;
    border: solid 1px red;
}


.section {
    margin-bottom: 4em;
}

.section.H1 {
    /*margin-bottom: 0;*/
    /*border: greenyellow 1px solid;*/
    margin-bottom: 2.5em;
}

.section.bg-btn-color {
    padding-top: 3em;
    padding-bottom: 1.5em;
}

.row-left-culisa-grey,
.row-right-culisa-grey,
.row-left-culisa-shadow,
.row-right-culisa-shadow,
.row-left-culisa-ofset-top{
    padding-top: 1.5em;
    padding-top: 3em;
    /*background: #000;*/
}

.margin-top-0 {
    margin-top: 0em;
    /*background: red;*/
    /*background: rgba(255,0,0,.02) !important;*/
    /*border: red 1px solid;*/
}

.margin-top-4 {
    margin-top: 4em;
    /*background: blue;*/
    /*background: rgba(0,255,255,.02) !important;*/
    /*border: blue 1px solid;*/

}

/* .pagecontent .section:nth-child(1)  {
  border: solid 1px blue;
}
 */


.pagecontent{
    flex: 1 0 auto;
}


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

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

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








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

.container-menu{
    background: var(--bg-html-color);
    width: 100%;
    position: fixed;
    top: 0;
    align-items: center;
    display: flex;
    z-index: 1000;
}

.menu-shadow{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
}


.patch-top_nav,
.container-menu
{
    height: 6em;
}



/*
.logo-txt{
    text-transform: uppercase;
    font-size: .8em;
    margin-right: 1em;
}
*/

.logo-txt{
    /*font-weight: 700;*/
    font-size: 1em;
    margin-right: 1em;
    line-height: 1.1875em;
}
.social_icon_line{
    display: flex;
}
.social_icon {
    width: 2em;
    height: 2em;
    align-self: center;
    display: flex;
    align-items: center;
    margin-right: .5em;
    transition: 200ms all;

}

@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;
}



#top_nav .logo{
    height: 4em;
    margin-right: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

#top_nav .logo img{
    min-height: 4em;
}

#top_nav{
    display: flex;
    /* background: #ccc; */
    justify-content: flex-start;
    align-items: center;
}

.top-menu  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*background: azure;*/
    width: 100%;
    flex-grow: 1;
}

.top-menu-call{
    display: flex;
    /*background: pink;*/
    align-items: center;
    justify-content: flex-end;
    /*flex: 1;*/
    gap: 1em;
}


.top-menu-tel{
    display: flex;
}

.top-menu-call .round-rectangle-btn{
    margin: 0;
    min-width: unset;
    padding: .6em 1em;
    font-size: .9375em;
}

.top-menu-call .div-btn-open-modal{
    margin: 0;
    width: unset;
}


.nav,
.nav li

{
    /* ul */
    display: flex;
    padding: 0;
}

.nav li {
    list-style-type: none;
    position: relative;
}

.right-quadrant-2{
    position: absolute;
    background: var(--bg-html-color);
    right: -20px;
    top: 40px;
    height: 20px;
    width: 20px;
    opacity: 0;
}

.right-quadrant{
    /*display: none;*/
    position: absolute;
    left: calc(var(--menu-width)/2 - 20px );
    top: 40px;
    height: 20px;
    width: calc(var(--menu-width)/2);
    overflow: hidden;
    z-index: 3;
    opacity: 0;
    transition: .3s;
    background: var(--bg-html-color);
    background: linear-gradient(-5deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%, rgba(255,255,255,1) 100%);
}

.right-quadrant:before{
    position: absolute;
    content: '';
    left: 20px;
    height: 40px;
    width: calc(var(--menu-width)/2 - 20px );
    transform: skew(45deg);
    background: var(--bg-html-color);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);

}

.right-quadrant:after{
    content: '';
    position: absolute;
    right: -20px;
    height: 40px;
    width: 40px;
    bottom: 0;
    border-radius: 20px;
    transition:  .3s;
}

.first-line.dropdown>.right-quadrant{
    /*display: none;*/
    position: absolute;
    left: 0;
    top: 40px;
    width: calc(100% + 20px);
    height: 20px;
    background: var(--bg-html-color);
    overflow: hidden;
    z-index: 3;
    opacity: 0;
    transition: .3s;
}
.first-line.dropdown>.right-quadrant:before{
    display: none;
}

.first-line.dropdown>.right-quadrant:after{
    content: '';
    right: -20px;
    position: absolute;
    height: 40px;
    width: 40px;
    bottom: 0;
    /*box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.175);*/
    border-radius: 20px;
    transition:  .3s;

}


.left-quadrant{
    /*display: none;*/
    position: absolute;
    width: 20px;
    width: 50%;
    height: 20px;
    bottom: -20px;
    left: calc(var(--menu-width)/2 - 20px);
    opacity: 0;
    transition: .15s;
    /*box-shadow:  0 2px 10px rgba(0, 0, 0, 0.175);*/
    z-index: 3;
    overflow: hidden;
    background: var(--bg-html-color);
    background: linear-gradient(45deg, rgba(255,255,255,0) 0px, rgba(255,255,255,0) 5px, rgba(255,255,255,1) 18px, rgba(255,255,255,1) 100%);
}

.left-quadrant:after{
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    top: 0;
    left: -20px;
    transition:  .3s;
    border-radius: 20px;
    /*background: red;*/
}

.first-line.dropdown >.left-quadrant:after{
    content: '';
    background: var(--bg-html-color);
    /*background: green;*/
    position: absolute;
    width: 100%;
    height: 40px;
    top: -10px;
    left: 0;
    transition:  .3s;
}

.first-line.dropdown >.left-quadrant{
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0;
    opacity: 0;
    transition: .15s;
    z-index: 1;
    overflow: visible;
    box-shadow:  0 2px 10px rgba(0, 0, 0, 0.175);

}
.first-line.dropdown >.left-quadrant:after{
    /*background: red;*/

}

.top-menu li ul {
    /*display: none;*/
    pointer-events: none;
    padding: 10px 20px;
    position: absolute;
    width: var(--menu-width);
    left: 0;
    top: calc(60px - 0px);
    top: 3.75em;
    background: var(--bg-html-color);
    /*box-shadow:  0 2px 10px rgba(0, 0, 0, 0);*/
    border-radius: 0 ;
    transition: .3s;
    opacity: 0;
    z-index: 2;

}

.top-menu li>ul li ul {
    left: calc(var(--menu-width)/2);
    padding-top: 1.75em;
}

.first-line a,
.first-line .nolink{
    padding: .5em;
    transition: 0.3s;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    transition: 0.3s;
}

.first-line a:hover,
.top-menu-call a:hover,
.top-menu a:first-child:hover {
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    transition: 0.3s;
}

.top-menu-call .social_icon_line a:hover{
    box-shadow: none;
    border-radius: none;
}

.social_icon_line{
    line-height: 0;
    /*border: 1px blue solid !important;*/
}

.social_icon_line noindex:last-child .social_icon
{
    margin: 0;
}

.top-menu-call .social_icon_line a {
    transition: 0.4s;
    padding: 0;
    font-size: 1.125rem;
    line-height: 0;
    border: none;
}
.top-menu-call .social_icon_line .social_icon{
    border: var(--bg-html-color) 1px solid;
}
.top-menu-call .social_icon_line a:hover > .social_icon{
    border: var(--bg-html-color) 1px solid;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.475);
    border-radius: 20px;
    transition: 0.4s;
    transform: scale(1.05);
}

.second-line .dropdown a:not(:first-child):hover{
    /*background: yellow;*/
    /*transition: 0.3s;*/
    box-shadow: none;
}

.dropdown:hover{
    border-radius:  20px 20px 0 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    transition: .3s;
}

.first-line.dropdown:hover{
    border-radius: 20px 20px 0 0;
}

.dropdown:hover>.right-quadrant-2,
.dropdown:hover>.right-quadrant
{
    /*display: block;*/
    opacity: 1;
    transition: .3s;
}


.dropdown:hover>.left-quadrant
{
    /*display: block;*/
    opacity: 1;
    transition: .15s;
}
.dropdown:hover>ul{
    pointer-events: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    border-radius: 0 20px 20px 20px;
    transition:  .3s;
    opacity: 1;
    min-height: 90px;
}

.dropdown:hover>.right-quadrant:after{
    transition:  .3s;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.175);
}

.dropdown:hover>.left-quadrant:after{
    transition:  .3s;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.175);
}

.first-line.dropdown:hover> .left-quadrant:after{
    box-shadow: none;
    border-radius: 0;

}

.caret {
    margin-left: .3em;
     margin-top: 0.152em;
    display: inline-flex;
    vertical-align: top;
    transition: 400ms ease all;
    /*color: var(--btn-color);*/
    color: var(--main-color);

}

.caret_arow {
    height: .4rem;
}



.first-line{
    margin-right: 1em;
    display: flex;
    flex-wrap: nowrap;
}
/* *** шрифты *** */

.top-menu-call  a,
.first-line > a,
.first-line > .nolink{
    font-size: .9375em;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--main-color);
    padding: .6em;
    transition: 0.3s;

}

.top-menu li>ul a,
.top-menu li>ul .nolink
{
    color: var(--main-color);
    font-size: .8125em;
    font-weight: 600;
    padding: .8em;
    /*border-radius: 15px!important;*/
    border-radius: 15px;
    position: relative;
    z-index: 1;

}

/*.top-menu li>ul .caret_arow {*/
/*    height: .5em;*/
/*}*/


/*.top-menu li>ul .nolink:after,*/
/*
.top-menu li>ul a:after
{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 4000;
    left: 0;
    top: 0;
    transition: 0.3s;
}

*/

/*.top-menu li>ul .nolink:hover:after,*/

/*
.top-menu li>ul a:hover:after
{
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    transition: 0.4s;
}

*/

/*.top-menu-call a:hover,
.first-line a:hover
{
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.175);
    transition: 0.3s;
}*/


/* *** шрифты *** */

.top-menu li:hover>.nolink>.caret,
.top-menu li:hover>a>.caret {
    transform: rotate(270deg);
    /* color: var(--bg-html-color); */
    /*margin-top: -1px;*/
    transition: .3s;
}


/*
.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;
}
*/




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



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


.top-menu>.label-submenu,
.txt-mob-menu,
.label-submenu,
.menu__btn
{
    display: none;
}

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






.list-round-ul ul,
.answer ul,
.round-ul {
    /* margin: 2.5em; */
    list-style: none;
    padding-left: -1.25em;
    margin-left: -1.25em;

}

.list-round-ul ul li,
.answer ul li,
.round-ul li {
    /* margin: 2.5em; */
    padding-bottom: 1em;
}



.list-round-ul ul,
.answer ul,
.round-ul {
    line-height: 1.25em;
}

.list-round-ul ul li::before,
.answer ul li::before,
.round-ul li::before {
    content: '';
    display: inline-block;
    width: .75em;
    height: .75em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: .125em solid var(--bg-html-color);
    background-color: var(--btn-color);
    margin-left: -1.25em;
    margin-right: .5em;
}


.bg-html-second .list-round-ul ul li::before,
.bg-html-second .answer ul li::before,
.bg-html-second .round-ul li::before {
    /* border: .125em solid var(--bg-html-second); */
    /* background-color: var(--bg-html-color); */
}


.list-custom-ul ul,
.custom-ul {
    font-size: 1.125em;
    font-size: 1em;
    list-style: none;
    padding-left: 0;
    margin-bottom: 2.125em;

}

.list-custom-ul ul li,
.custom-ul li {
    position: relative;
    margin-bottom: 0.1em;
    line-height: 1.4375em;
    margin-left: 2em;
}

.list-custom-ul ul li::before,
.custom-ul li::before {
    content: "";
    display: inline-block;
    margin-left: -1.875em;
    margin-right: .75em;
    width: 1.0625em;
    height: 1.0625em;
    background-image: url("../images/chek.svg");
    background-position: 50% calc(50% + .25em);
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-ul-sm {
    font-size: .875em;
    font-weight: 700;
}

.custom-ul-sm li {
    line-height: 0.654em;
    padding-left: 2.25em;
}

.custom-ul-sm li::before {
    left: 2px;
    top: -.1875em;
    width: 1.0625em;
    height: 1.0625em;
}



.marker-strong {
    background-color: var(--btn-color);
    border-radius: .3125em;
    padding: .0625em .3125em .0625em .3125em;
}


/* *** таблица *** */


.table {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3em;

}


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

.head-table {
    border: 2px solid var(--main-color);
    text-align: center;
    padding: 15px;
    font-weight: 600;
}

.head-table-col-top {
    border-top: 2px solid var(--main-color);
    min-height: 6em;
    line-height: 1.2em;
}


.head-table-col-top,
.footer-table-col,
.head-table-col {
    display: flex;
    align-items: center;
    /* align-self: center; */
    justify-content: center;
    text-align: center;
    line-height: 1.25em;
    /* background: #0ff !important; */

}

.footer-table-col {
    margin-bottom: 2em;
}

.footer-table-col span {
    font-weight: 700;
    padding: 0 .5em;

}


.footer-table-col,
.head-table-col,
.txt-table-col {
    padding: 15px;
    border-bottom: 2px solid var(--main-color);
    border-left: 2px solid var(--main-color);
}

.txt-table-col ul {
    margin-left: -1em !important;
}


.table [class^="col-"] {
    padding: 0;
    margin: 0;
}

.table .table-cell {

    /* margin-left: 15px; */
    /* margin-right: 15px; */

}



.table [class^="col-"]:last-child .table-cell .footer-table-col,
.table [class^="col-"]:last-child .table-cell .head-table-col,
.table [class^="col-"]:last-child .table-cell .txt-table-col {
    border-right: 2px solid var(--main-color);
}



/* *** end таблица *** */
.margin-bottom_0 {
    margin-bottom: 0;
}

.row-price .col-in {
    margin-bottom: 0;
}

.row-price>[class^="col-"] {
    margin-bottom: 2em;
}

.title_price {
    background: var(--btn-color);
    padding: 1em;
    min-height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    box-sizing: border-box;
}

.col-price {
    overflow: hidden;
    background: var(--bg-html-color);
}

.txt_price {
    margin-top: 1em;
    padding: 1em;
}

.price_price {
    background: var(--bg-html-second);
    background: var(--second-color-font);
    padding: 1em;
    min-height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: auto;

}


:root {
    --price_price_span_size: 1.375em;
}

.price_price span {
    display: flex;
    font-weight: 700;
    align-items: flex-start;
    justify-items: flex-end;
    /* background: rgba(0, 0, 0, 0.2); */
    font-size: var(--price_price_span_size);
    padding-bottom: calc((var(--price_price_span_size) - 1em) / 2);

}


.price_price span:before,
.price_price span:after {
    content: "\a0";

}

.price_price b:before,
.price_price b:after {
    content: "\a0";
}



.border-btn {
    border: 2px solid var(--btn-color);
}

.border-radius {
    border-radius: var(--border-radius);
}

.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);
}

.col-in {
    padding: 15px;
    padding: 1.5em;
    margin-bottom: 2em;
    background: var(--bg-html-color);
    /* justify-content: space-between; */
    height: 100%;
}

.col-double {
    margin-bottom: 2em;
    margin-right: 0;
    margin-left: 0;
    padding: 0;

}

.col-in .btn {
    margin-top: auto;
}

.sub_title_h3 {
    padding-bottom: 1em;
    margin-bottom: 1em;
    position: relative;
    border-bottom: 1px solid var(--second-color-font);

}

.sub_title_h2 {
    font-size: 1.125em;
    line-height: 1.3125em;
    /*margin-top: -0.7em;*/
    padding-bottom: 1em;
    margin-bottom: 1em;
    position: relative;
}


/* .sub_title_h3:after {
    position: absolute;
    bottom: -1em;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--second-color-font);
    background-image: ;
}
*/

.right-bg {
    background: var(--btn-color);
    border-radius: 0 1em 1em 0;
    margin-left: -15px;
    height: calc(100% - 6em);
    margin-top: 3em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.padding-top-bottom {
    padding-bottom: 2em;
    padding-top: 2em;

}

.col-left-culisa,
.col-right-culisa {
    z-index: 1;
    padding-top: 2em;

}

.col-left-culisa {
    border-radius: 0px var(--border-radius) var(--border-radius) 0px;
    padding-right: 30px;
}

.col-right-culisa {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    padding-left: 30px;
}


.col-right-culisa:after,
.col-left-culisa:after {
    content: "";
    top: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.col-right-culisa:after {
    left: 0;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    width: calc(100% + var(--WidthFieldScreen) - var(--scrollbarHalfWidth));
}

.col-culisa-shadow:after {
    box-shadow: 0 4px var(--border-radius) rgba(0, 0, 0, 0.1);
}

.col-culisa-white:after {
    background: var(--bg-html-color);
}

.col-culisa-grey:after {
    background: var(--bg-html-second);
}


.col-left-culisa-grey-big_radius:after {
    content: "";
    /* right: 0; */
    top: 0;
    /* width: calc(100% + (100vw - 100%) /2 + 15px); */
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 0px 0 150px 0px;
    background: var(--bg-html-second);
}





.row-left-culisa-ofset-top:after {
    content: "";
    position: absolute;
    height: calc(100% - 2.1875em);
    /* width: calc(100% + (100vw - 100%) /2 + 15px); */
    top: 2.1875em;
    /* right: 0; */
    background: var(--bg-html-second);
    z-index: -30;
}



.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); */
}

.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; */
}



.title_case {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .5em;
}

.city_case,
.sub_title_case {
    font-size: 0.875em;
    line-height: 1.2em;
}

.title_logo_case {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1em;
}

.logo_title_city_case {
    display: flex;
    flex-direction: column;
}

.logo_case {
    margin-right: 1em;
    display: flex;
    align-items: center;
    height: 4.375em;
    min-width: 4.375em;
    max-width: 7.5em;
    /* background: rgba(0, 0, 0, 0.05); */
}

.logo_case img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}


.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);
}


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

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

.list-circle  a:hover > .circle {
    /* background: red !important; */
    box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.list-circle  a:hover > p {
    color: var(--second-color-font-active);
}

.list-circle {
    /*margin-bottom: 3em;*/
}

.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:700;

    font-size: 1.25em;
    line-height: 1.1em;
    margin-top: 0;
    /*margin-bottom: .5rem;*/
    color: var(--second-color);
    text-align: center;
    /*background: pink;*/
}
.circle-number{
    font-size: .625em;
}

.list-circle-huge .circle-number{
    font-size: .25em;
    line-height: 1.2em;
    text-align: center;
    padding: .2em;
}


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

}

.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.2em;*/
/*    max-width: 320px;*/
/*    line-height: 1.2;*/
/*}*/

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


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




.list-circle p {
    margin: 0;
}

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

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


.top-label .circle,
.bottom-label .circle {
    margin: 0em;
}

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


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

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



.circle {
    flex-shrink: 0;
    margin-right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    font-weight: 600;
    width: 2em;
    height: 2em;
    background-color: var(--btn-color);
    border: 2px solid var(--main-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);
}

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

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

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

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

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



.list-circle_svg_icon {
    background-color: var(--main-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;
}

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

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

.col-left-culisa:after {
    /* background: var(--bg-html-color); */
}






.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)));
}



.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)));

}


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

.flex-grow-11 .btn {
    /* margin-top: auto; */

}


.btn {
    margin: 1.0625em 0 2em 0;
    align-self: center;
    display: flex;
    /* font-size: 1em; */
}




.btn:active {
    /* transform: scale(0.94); */
}

.bg-btn-color .round-rectangle-btn,
.bg-btn-color .round-rectangle-a-btn {
    background-color: var(--main-color);
    color: var(--bg-html-color);
}



.bg-btn-color .round-rectangle-btn:hover,
.bg-btn-color .round-rectangle-a-btn:hover {
    color: var(--btn-color);
}




.faq>.round-btn .txt-btn:before,
.tags .round-btn .txt-btn:before,
.round-rectangle-btn,
.round-rectangle-a-btn {
    background-color: var(--btn-color);
    color: var(--main-color);
    box-shadow: 0 0 1.125em rgba(0, 0, 0, 0.15);
    border-radius: 100em;
    /* font-size: 1.125em; */
    font-weight: 600;
    line-height: 1.438;
    border-width: 0;
    /* line-height: 1em; */
    padding: .75em 3em;
    letter-spacing: 0;
    text-indent: 0;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: none;
    min-width: 14em;

}



.round-rectangle-btn:hover,
.round-rectangle-a-btn:hover {
    box-shadow: 0 .125em .5em rgba(0, 0, 0, 0.4);
    color: var(--main-color);
    /* border: solid red !important; */
}



.round-btn {
    border: none;
    border-radius: 100em;

    position: relative;
    font-weight: 600;
    line-height: 1em;
    padding-left: 4em;
    padding-right: 2em;
    padding-top: .8125em;
    padding-bottom: .8125em;
    margin-bottom: 1em;
    color: var(--main-color);
    height: 2.625em;
    display: flex;
    align-items: center;
    text-align: center;
    /* background: #0ff; */
    z-index: 2;
    max-width: fit-content;

}


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



.round-btn,
.round-rectangle-btn,
.round-rectangle-a-btn {
    /* меняет размер кнопок */
    font-size: 1.125em;
}

.btn .txt-btn {
    font-size: 1em;
}



.round-btn:after {
    transform: scaleX(0);
    z-index: -1;
    content: "";
    position: absolute;
    top: 0.1375em;
    top: calc(50% - 2.625em / 2);
    left: 0;
    display: block;
    width: 3.625em;
    height: 2.625em;
    /* background-size: cover; */
    background-size: 1.8125em;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    background-image: url("../images/line.svg");

    /* background: rgba(100, 0, 0, .5); */
}

.round-btn:hover:after {
    transform: scaleX(.99);
}

.round-btn .txt-btn:before,
.round-btn:before {
    content: "";
    position: absolute;
    top: calc(50% - 2.625em / 2);
    left: 0;
    display: block;
    width: 2.625em;
    height: 2.625em;
    border-radius: 1.5em;

}


.round-btn .txt-btn:before {
    background-color: var(--bg-html-second);
    width: 100%;
    z-index: -2;
}



.round-btn:before {
    background-color: var(--main-color);
    background-image: url("../images/arow.svg");
    background-size: contain;
    background-size: .75em;
    background-repeat: no-repeat;
    background-position: 1.0625em 50%;
    z-index: -1;
    /* background: rgba(100, 200, 0, .5); */

}

.no_link_tag {
    pointer-events: none;
}


.no_link_tag .round-btn:before {
    background-color: var(--bg-html-second);
}


/* .tags .round-btn .txt-btn:before, */
.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);
}





.flex-center .btn {
    margin-top: 0 !important;
}

.round-btn:hover:before {
    width: 100%;
    background-position: 2em 50%;
}

.faq>.round-btn:hover:before {
    width: 2.625em;
}

.arrow-down {
    justify-content: center;
}


.arrow-down:before {
    background-image: url("../images/arow-down.svg");
    background-size: 1.5em;
    background-repeat: no-repeat;
    /* background-position: 50% 1.0625em; */
    background-position: 0.56em 1.0625em;
}

.arrow-down:hover:before {
    background-position: 1.5em 50%;
    background-position: 0.56em 1.4375em;
    /* width: 2.625em; */
}



.arrow-down:after {
    height: 2.625em;
    width: 2.625em;
    transform: scaleY(0);
    background-image: url("../images/line-v.svg");
    /* background-color: rgba(0, 255, 0, .2); */
    background-position: 50% 2em;
    background-size: .1875em;
}

.arrow-down:hover:after {
    /* background-color: rgba(0, 255, 255, .2) ; */
    transform: scaleY(.9);
    background-position: 50% 50%;
    /* height: 2.625em; */

}


.arrow-mirror:before {
    /* transform: rotate(180deg); */
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.arrow-mirror:after {
    background-position: 50% -1em;
}

.round-btn-right {
    max-width: 100%;
    text-align: left;
    padding-left: 1.5em;
}




:root {
    --height-tags: 4.9375em;
    /* --height-tags: 79px; */
    --right-ofset-tags: 0em;

    /* --height-tags: 2.625em; */
    /* --right-ofset-tags: -1.125em; */
}

.faq>.round-btn,
.faq>.round-btn .txt-btn:before,
.tags .round-btn,
.tags .round-btn .txt-btn:before {
    height: var(--height-tags);
}



.faq>.round-btn:after,
.faq>.round-btn:before,
.tags .round-btn:after,
.tags .round-btn:before {
    left: calc((100% - 2.625em - 1.125em) - var(--right-ofset-tags));
    top: calc(50% - (2.625em / 2));
    /* я не знаю почему, но просто 50% не работает */
}


.tags .round-btn:hover:before,
.tags .round-btn:hover:after {
    width: calc(3.5em + (.125em / 2));
    left: calc((100% - 3.5em - (2.625em/2) + .125em) - var(--right-ofset-tags));
}

.tags {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.tag_in_swiper {
    /* border: solid; */
    width: 100%;
}

.btn {
    /* border: solid 3px blue; */
}

.tag_in_swiper .round-btn .txt-btn::before {
    display: none;
}

/*  .tags .tag_in_swiper.round-btn,
 .tags .tag_in_swiper .round-btn .txt-btn:before {
    height: var(--height-tags);
    height: 30px;
    border: solid 3px red !important;
}

 */

.tag_in_swiper .round-btn {
    box-shadow: 0 0 1.125em rgba(0, 0, 0, 0.15);
    /* border: solid 3px red !important; */
    height: calc(var(--height-tags) - 1.625em);
    background-color: var(--bg-html-color);

}

.faq>.round-btn .txt-btn:before,
.tags .round-btn .txt-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: var(--bg-html-color);
}

.tag_in_swiper .round-btn:hover,
.faq>.round-btn:hover>.txt-btn:before,
.tags .round-btn:hover>.txt-btn:before {
    box-shadow: 0 .125em .5em rgba(0, 0, 0, 0.4);
    /* color: var(--main-color); */
    color: var(--main-color);
}

.faq>.round-btn:hover,
.tags .round-btn:hover {
    /* color: red; */
    color: var(--main-color);
}

.faq>.round-btn .txt-btn,
.tags .round-btn .txt-btn {

    padding-right: 2.5em;
}


.faq>.arrow-down {
    justify-content: flex-start;

}


.block-faq {
    margin-bottom: 2em;
    width: 100%;
}

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


.btn_align_left {
    text-align: left;

}

.btn_align_center {
    text-align: center;
}

.btn_align_right {
    text-align: right;
}

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



.bg-html-second {
    background: var(--bg-html-second);
    padding-top: 3em;
}


.row-minus15 {
    margin-left: -15px;
    margin-right: -15px;


}

.col-padding-0 {
    padding: 0;
}

.col-row {
    display: flex;
}


/* .chema [class^="col-"] {
    text-align: center;
  background-color: yellow;
border-radius: 1em;
border: solid;
}
*/

/* *** блок схема ***  */
:root {
    --shema-row-height: 5em;
    --arow-line-size: .8em;
}


.chema .row {
    margin-bottom: var(--shema-row-height);
}

.chema .row:last-child {
    margin-bottom: 0;
}


.chema [class^="col-"] {
    display: flex;
    flex-grow: 1;
    line-height: 1.0625;
}

.chema [class^="col-"] a,
.chema [class^="col-"] span {
    padding: 0.5em;
}


.chema [class^="col-"]:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    right: -15px;
    z-index: 1;

    background-size: auto var(--arow-line-size);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url('../images/arow-long-horizontal-right.svg');

}


.chema .row [class^="col-"]:last-child:before {
    display: none;
    /* горизонтальная стрелка в последнем блоке каждого ряда*/
}

/* *********** горизонтальная конец ************* */
.chema .row [class^="col-"]:first-child:after {
    content: "";
    text-align: right;
    position: absolute;
    left: 50%;
    top: calc(var(--shema-row-height) / (-2) - 0.0625em);
    height: calc(var(--shema-row-height) / 2 + 0.0625em);
    border-top: 0.125em solid var(--main-color);
    /* background: #0ff; */

}


.chema .row [class^="col-"]:first-child a:after,
.chema .row [class^="col-"]:first-child span:after {
    /* background: #f0f; */
    position: absolute;
    z-index: 1;
    content: "";
    top: calc(var(--shema-row-height) / (-2) - 0.0625em);
    width: 1em;
    height: calc(var(--shema-row-height) / 2 + 0.0625em);
    background-size: var(--arow-line-size) auto;
    /* background-color: red; */
    background-repeat: no-repeat;
    background-position: calc(50% + 0.0625em) 100%;
    background-image: url('../images/arow-long-vertical-down.svg');
}

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


/* ********** горизонтальная начало   ************** */
.chema .row:first-child [class^="col-"]:last-child {
    /* background: #0f0; */
}

.chema .row [class^="col-"]:last-child:after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: calc(var(--shema-row-height) / (-2) - 0.0625em);
    height: calc(var(--shema-row-height) / 2 + 0.0625em);
    /* width: calc(var(--delta-width-container) + 1110px / 2 - 50% + 15px); */
    border-right: 0.125em solid var(--main-color);
    border-bottom: 0.125em solid var(--main-color);
    /* background: #0f0; */
}

/* ************* end горизонтальная начало *************** */


/* *** длина гризонтальных линий ***  */
.chema .row [class^="col-"]:last-child:after,
.chema .row [class^="col-"]:first-child:after {
    width: calc(var(--delta-width-container) + 1140px / 2 - 50% - 30px);
}

/* 1140 - ширина контейнера, меняется в media-konvert-med.css */
/* *** длина гризонтальных линий ***  */

.chema .row:first-child [class^="col-"]:first-child a:after,
.chema .row:first-child [class^="col-"]:first-child span:after {
    display: none;
}

.chema .row:last-child [class^="col-"]:last-child:after {
    display: none;
}

.chema .row:first-child [class^="col-"]:first-child:after {
    display: none;
}


.chema .row:last-child [class^="col-"]:last-child a,
.chema .row:last-child [class^="col-"]:last-child span {
    background: var(--btn-color);
}


.bg-btn-color .chema .row:last-child [class^="col-"]:last-child a,
.bg-btn-color .chema .row:last-child [class^="col-"]:last-child span {
    background: var(--bg-html-color);
}



.chema [class^="col-"] a,
.chema [class^="col-"] span {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    min-height: 3em;
    text-align: center;
    width: calc(25% - 3em);
    border-radius: 1em;
    border: solid 0.125em var(--main-color);
    background: var(--bg-html-second);
    box-shadow: 0 .125em .5em rgba(0, 0, 0, 0.25);
}

.bg-html-second .chema [class^="col-"] a,
.bg-html-second .chema [class^="col-"] span {
    background: var(--bg-html-color);
}




.chema [class^="col-"] a {
    color: black;
    color: var(--second-color-font-active)
}

.chema .row>[class^="col-"] a:hover {
    box-shadow: 0 0 1.125em rgba(0, 0, 0, 0.4);
    color: var(--main-color);

}

/* *** end блок схема ***  */


.zakaz {
    padding-top: 2em;
    text-align: center;
}


/* *** form *** */
/* перенесено в компонент */
/* *** form *** */


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


.answer[data-toggle="collapse_575"] {
    height: auto;
}


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



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

.answer ul {
    margin-left: .375em;
}

/* *** swiper *** */
.margin_0 {
    /* margin: 0 */
}

.padding_15 {
    padding: 15px;
}


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

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

}


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


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



.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(--main-color);
    transition: .2s;

}

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




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

}

.swiper-button-next-m span svg,
.swiper-button-prev-m span svg {
    height: 2em;

}


.swiper-button-prev-m span {
    position: absolute;
    top: -1.3em;
    left: -3.5rem;
    z-index: 100;
}

.swiper-button-next-m span {
    position: absolute;
    top: -1.3em;
    right: -3.5rem;
    z-index: 100;
}

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

.bg-btn-color .swiper-button-disabled,
.bg-btn-color .swiper-button-disabled:hover {
    cursor: default;
    opacity: .2 !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-wrapper ul {
    box-sizing: border-box;
    /* margin: -20px; */
}


.tag .swiper-pagination {
    margin-top: 2em;
    top: .5em;
    height: 2.5em;
}

.case .swiper-pagination {
    /* margin-top: 2em; */
    /* top: .5em; */
    height: 2.5em;
    /* background: green; */
    /* top: 100%; */
    position: relative;
}


.swiper-wrapper {
    /* border: solid ; */
}

.swiper {
    /* border: solid green 3px; */
}

.swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
    /*background: rgba(0, 0, 255, 0.2);*/
    flex-grow: 1;
}


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

.swiper-pagination-height{
    min-height: 2em;
}
.swiper-button-lock ~ .swiper-pagination-height {
    min-height: unset;
    display: none;
}

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

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



/* *** end swiper *** */



.breadcrumbs {

    background: var(--btn-color);
    /* margin-bottom: 1em; */
}

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

}

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

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




.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%);
}




/*.card-1 {
width: 100%;
}

.card-2 {
width: calc(50% - (0.5 * 15px));
}

.card-3 {
width: calc(25% - (0.75 * 15px));
}

.card-4 {
width: calc(33.333% - (0.666 * 15px));
}

.card-5 {
width: calc(20% - (0.8 * 15px));
}

.card-6 {
width: calc(16.666% - (0.833 * 15px));
}

.card-7 {
width: calc(14.285% - (0.857 * 15px));
}

.card-8 {
width: calc(12.5% - (0.875 * 15px));
}

.card-9 {
width: calc(11.1% - (0.889 * 15px));
}

.card-10 {
width: calc(10% - (0.9 * 15px));
}
*/









.video {
    display: flex;
    justify-content: center;
}

.video-adaptive {
    position: relative;
    padding-bottom: 56.25%;
    /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}

.video-proportion-1x1 {
    padding-bottom: 80%;
}

.video-proportion-4x3 {
    padding-bottom: 75%;
}

.video-proportion-16x9 {
    padding-bottom: 56.25%;
}

.video-proportion-21x9 {
    padding-bottom: 42.85%;
}

.video-adaptive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

/* *** footer*** */

.footer {
    /*height: 100px;*/
    padding-top: 3em;
    padding-bottom: 2em;
    background: var(--main-color);
    color: var(--bg-html-color);
    letter-spacing: 1px;
}
.footer ul {
    font-size: 0.9em;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 16px;
}

.footer_links .footer_list_h{
    margin-top: 16px;
}

.footer_links {
    margin-bottom: 16px;
}


.footer_data{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: var(--border-radius);
    border: 1px solid var(--bg-html-color);
}
.footer_list_h {
    font-size: 1.7em;
}
.footer_tel{
    font-size: 1.375em;
}

.footer a{
    color: var(--bg-html-color);
}
.footer a:hover{
    color: var(--second-color-font);
}
.footer_e_mail,
.footer_social_list{
    /*background: #ccc;*/
    margin-top: .2em;
    text-align: center;
}
.footer_social_list .social_icon_line a > .social_icon{
    border: var(--main-color) 1px solid;
    transition: 0;
    transition: scale 0.4s;
}
.footer_social_list .social_icon_line a:hover > .social_icon{
    border: var(--bg-html-color) 2px solid;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.475);
    border-radius: 20px;
    transition: 0;
    transition: scale 0.4s;
    transform: scale(1.05);
}

.footer .social_icon_line noindex:last-child .social_icon
{
    margin-right: 0;
}

.copyright{
    margin-top: 2em;
    text-align: center;
}
.footer_logo{
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.logo-footer-padding{
    height: 5em;
    width: 6em;
}

.logo-footer_icon {
    background-color: black;
    background-color: var(--bg-html-color);
    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;
}


/* *** end footer*** */


.TEST1 .col-1 {
    background: greenyellow;
}

.TEST1 .col-1 div {
    background: pink;
    text-align: center;
}




html,
body {
    height: 100%;
}

.wrapper_body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content {
    flex: 1 0 auto;
}

footer {
    flex: 0 0 auto;
}