/*##################################################*/
/*##################################################*/
/*##################################################*/
/*##################################################*/
/*##################################################*/
/*##################################################*/

/*// Экстрамалые девайсы («телефоны», < 576px)*/
/*// Нет @media, т.к. это по умолчанию в Bootstrap*/

/*// Малые девайсы («ландшафтные телефоны», >= 576px)*/

@media (min-width: 576px) {
    .pc-hiden {
        display: none;
    }

    .container {
        min-width: calc(540px + 30px);
    }

    :root {
        --WidthFieldScreen: calc((100vw - 540px) * .5);
    }
}



/*// Средние девайсы («таблетки», >= 768px)*/
@media (min-width: 768px) {
    .container {
        min-width: calc(720px + var(--delta-width-container));
    }

    :root {
        --WidthFieldScreen: calc((100vw - 720px) / 2 - var(--delta-width-container) * .5);
    }
}

/*// Большие девайсы (десктопы, >= 992px)*/
@media (min-width: 992px) {

    .swiper-wrapper-stretch {
        /*
        display: flex;
        align-items: stretch;
        height: 100% !important; */
    }

    .container {
        min-width: calc(960px + var(--delta-width-container));

    }

    :root {
        --WidthFieldScreen: calc((100vw - 960px) / 2 - var(--delta-width-container) * .5);
    }

}

/*// Экстрабольшие девайсы (большие десктопы, >= 1200px)*/
@media (min-width: 1200px) {
    .container {
        min-width: calc(1140px + var(--delta-width-container));
    }

    :root {
        --WidthFieldScreen: calc((100vw - 1140px) / 2 - var(--delta-width-container) * .5);
    }
    .img-in-txtimg img {
        width: 85%;
    }
}



/*##################################################*/
/*##################################################*/
/*##################################################*/
/*##################################################*/
/*##################################################*/
/*##################################################*/



/*// Экстрамалые девайсы («телефоны», < 576px)*/


/*// Малые девайсы («ландшафтные», < 768px)*/



/*// Большие девайсы (большие десктопы, < 1200px)*/
@media (max-width: 1199.98px) {


    .chema .row [class^="col-"]:last-child:after,
    .chema .row [class^="col-"]:first-child:after {
        width: calc(var(--delta-width-container) + 960px / 2 - 50% - 30px);
    }

    .title_case {
        font-size: 1.125em;
        margin-bottom: 0
    }

    .logo_case {
        min-width: 3.125em;
        max-height: 3.125em;

    }

    h1 {
        font-size: 2.25em;
    }

    h2 {
        font-size: 1.75em;
        margin-bottom: 1em;
    }

    h3 {
        font-size: 1.125em;
        margin-bottom: 1.2em;
    }
    .sub_title_h3{
        line-height: 1.2em;
    }
    p {
        font-size: 1em;
    }

    .logo-txt{
        text-transform: uppercase;
        /*font-weight: 700;*/
        font-size: .7em;
        line-height: 1.4em;
        margin-right: 1em;
    }
}

/*// Средние девайсы («таблетки», < 992px) */
@media (max-width: 991.98px) {





    .chema .row [class^="col-"]:last-child:after,
    .chema .row [class^="col-"]:first-child:after {
        width: calc(var(--delta-width-container) + 720px / 2 - 50% - 30px);

    }

    .table .row {
        /* margin: 0 -15px; */
    }


    .table .col-lg-3:nth-child(2) .table-cell .footer-table-col,
    .table .col-lg-3:nth-child(2) .table-cell .head-table-col,
    .table .col-lg-3:nth-child(2) .table-cell .txt-table-col {
        border-right: 2px solid var(--main-color);
    }

    .round-rectangle-btn,
    .round-rectangle-a-btn {
        min-width: 11.5em;
        padding: .75em 1em;
    }

    .top-menu-call{
        /*flex-direction: column;*/
        gap: .2em;
    }
    .top-menu-call .div-btn-open-modal{
        display: none;
    }
    .top-menu-tel a{
        padding: 1.2em .5em;
        /*border: 1px solid;*/
    }
    .top-menu-call .social_icon {
        margin-right: .3em;
    }
    .social_icon_line noindex:last-child .social_icon
    {
        margin-right: 0.3em;
    }

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



    .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__btn {
        position: absolute;
        display: flex;
        align-items: center;
        right: 0;
        top: .1em;
        width: 2em;
        height: 2em;
        cursor: pointer;
        z-index: 1;
        /*display: none;*/
    }

    .label-submenu {
        align-items: center;
        justify-content: center;
        /*align-self: flex-end;*/
        width: 2em;
        /*height: 2.2em;*/
        /*height: 100%;*/
        cursor: pointer;
        z-index: 1;
        margin-right: 15px;
        /*background: red;*/
    }



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

    .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%;
        /*background: rgba(255,0,255,0.3);*/
        justify-content: center;
        color: var(--main-color);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.0625em;
        display: none;
    }

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

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


    .togle-submenu:checked~.dropdown-menu {
        display: block;
        /*border: #0EA804 solid;*/
    }

    .togle-submenu:checked~.label-submenu span {
        transform: rotate(180deg);
    }
    .label-submenu {
        display: flex;
    }
    .label-submenu:hover>span {
        transition: .2s;
        color: var(--btn-color);
        color: var(--main-color);
    }
   .label-submenu:hover {
        /* background: var(--hover-bg); */
        background: var(--tin-line-color);
    }



    .container-menu {
        /*position: relative;*/
        /*position: fixed;*/
        /*z-index: 100;*/
        /*position: static;*/

    }

    .container-menu .col-12{
        padding: 0;
    }
    .patch-top_nav,
    .container-menu {
        height: 4em;
    }

    .first-line {
        margin-right: 0;
    }
    .first-line.dropdown:hover{
        border-radius:  0;
    }

    .dropdown:hover>ul,
    .dropdown:hover {
        box-shadow: none;
        min-height: unset;
    }

    .margin-top-4:first-child {
        margin-top: 2em;
    }

    #top_nav{
        /*justify-content: space-between;*/
    }
    .logo-txt{
        display: none;
    }
    #top_nav .logo,
    #top_nav .logo img{
        height: 2.0em;
        min-height: unset;
        margin-right: 0;
    }

    .top-menu-call{
        /*justify-content: center;*/
        margin: auto;
        padding-right: 2em;
    }

    .top-menu-tel a{
        padding: .5625em .5em;
        /*border: 1px solid;*/
    }

    .top-menu {
        width: 2em;
        position: relative;
        position: absolute;
        max-height: 0;
        margin-bottom: 2.2em;
        padding-bottom: 0;
        display: flex;
        align-items: flex-start;
        order: 20;
        width: 100%;
    }

    .top-menu>.nav {
        top: 1em;
        position: absolute;
        width: 100%;
        max-height: calc(100vh - 5em - 10px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
        display: none;
        overflow-y: scroll;
    }

    .top-menu ul li {
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /*align-items: center;*/
        align-items: stretch;
        line-height: 1em;
    }

    .second-line a,
    .second-line .nolink {
        width: calc(100% - 2em - 30px);
        /*background: #fcf;*/
    }

    .top-menu ul li:before,
    .top-menu ul li:after,
    .active :after,
    .caret,
    .right-quadrant,
    .right-quadrant-2,
    .left-quadrant
    {
        display: none;
    }

    .top-menu ul li:after
    {
        /*полоски*/
        position: absolute;
        content: "";
        height: 1px;
        width: calc(100% - 2em - 20px);
        width: calc(100% - 25px);
        display: flex;
        background: magenta;
        background: var(--tin-line-color);
        top: 0px;
        left: 10px;
    }

    .top-menu > ul > li:after {
        display: none;
    }

    .top-menu > .nav > li {
        position: static;
        background: #ccf;
        background: var(--bg-html-color);
    }

    .first-line > a,
    .first-line > .nolink{
        width: calc(100% - 2em - 20px);
        color: blue;
        color: var(--main-color);
        padding-left: 15px;
    }

    .top-menu > .nav > li:before
    {
        /*полоски*/
        position: relative;
        content: "";
        height: 1px;
        width: calc(100% - 2em - 30px);
        width: calc(100% - 30px);
        display: flex;
        background: lightseagreen;
        background: var(--tin-line-color);
        margin-left: 15px;
        top: 0px;
    }
    
    .top-menu ul li a {
        flex-grow: 1;
        /*background: pink;*/
    }
    .top-menu ul li:not(.dropdown) a {
        margin-right: 15px;
    }

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


    .top-menu li > ul a,
    .top-menu li > ul .nolink,
    .dropdown:hover > ul,
    .first-line a:hover,
    .top-menu-call a:hover,
    .top-menu a:first-child:hover {
        border-radius: 0;
        box-shadow: none;
    }


    .top-menu ul li a:hover {
        background: var(--tin-line-color);
    }

    .top-menu ul li a:hover~.label-submenu {
        /*реакция стрелки на наведенеие на строку*/
        /* background: var(--hover-bg); */
        /*background: var(--btn-hover);*/
    }

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

    .top-menu li>ul li a {
        border-top: none;
    }

    .top-menu li>ul {
        position: relative;
        width: 100%;
        padding-left: 1.0em;
        box-shadow: none;
        display: none;
        opacity: 1;
        top: 0;
        padding-right: 0;
    }

    .top-menu li ul,
    .top-menu li>ul li ul {
        position: relative;
        padding: 0 0 0 15px;
        left: 0;
        width: 100%;
    }

    .txt-mob-menu {
        display: flex;

    }

    #menu__toggle:checked~.nav {
        display: block;
        padding: 0;
        margin-top: 2.1em;
        position: relative;
        text-align: left;
        margin-bottom: 0;
    }



    /*
        .form_search {
        position: absolute;
        right: 0;
        top: .3em;
        z-index: 10;
        display: flex;
        justify-content: flex-end;
    }

    .form_search_togle:active {
        transform: scale(1.5);
        transition: .2s;
    }

    .form_search_togle .search_icon {
        padding-top: .25em;
        font-size: 1.3em;
    }

    #search_togle:checked~.form_search_input {
        width: 100%;
    }

    .form_search {
        width: calc(100% - 2em);
    }
    */


    /*полоски в край */

    /*    .top-menu ul li:after
        {
            width: calc(100% - 0px);
            top: 0px;
            left: 0;
        }
        .top-menu > .nav > li:before
        {
            width: calc(100% - 0px);
            margin-left: 0;
            top: 0px;
        }
        .top-menu ul li:not(.dropdown) a {
            margin-right: 0;
        }
        */
    /*полоски в край */


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



}


@media (max-width: 767.98px) {


    h1 {
        max-width: none;
    }


    /* *** блок схема ***  */
    .chema .row {
        margin-bottom: 0;
    }

    .chema [class^="col-"] {
        margin-bottom: calc(var(--shema-row-height) / 2);
    }

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

    .chema [class^="col-"]:before {
        display: none;
    }


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

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



    .hidden-768 {
        display: none;
    }

    .visible-768 {
        display: block;
    }

    .col-md-6 .img-left {
        margin-bottom: 2em;
    }

    .form-page .input_page {
        margin-bottom: 1.5em;
    }

    .top_line {
        flex-direction: column;
        height: 4.5em;
        height: auto;

    }
    .list-circle .list-circle-title {
        min-height: unset;
        margin-bottom: 1em;
    }


    .video {

        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

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

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

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

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

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

    .btn .txt-btn {
        /* font-size: .9em; */
    }


    .img-in-txtimg{
        margin-top: 2em;
    }
    .img-in-txtimg img {
        width: 65%;
    }

    .img_mob_top {
        /*border: red solid;*/
        order: -1;
    }
    .img_mob_top  .img-in-txtimg{
        margin-top: 0;
        margin-bottom: 2em;
    }

    .img_mob_bottom {
        /*border: #00bb00 solid;*/
        order: 3;
    }
    .footer_data {
        margin-top: calc(16px + .5em);
    }
    .footer_links {
        text-align: center;
    }
}

/*end @media (max-width: 767.98px)*/



@media (max-width: 659.98px) {}



@media (max-width: 575.98px) {
    .mobile-hiden {
        display: none;
    }

    .right-bg {
        background-size: 0;
    }

    .sub_title_h2 {
        line-height: 1.1em;
        text-align: center;
    }

    .section {
        /* margin-top: 4em; */
        /* padding-bottom: 2em; */
        margin-bottom: 1em;
    }

    h1 {
        font-size: 1.625em;
        text-align: center;
    }

    h2 {
        font-size: 1.25em;
        margin-bottom: 1em;
        text-align: center;
    }

    h3 {
        font-size: 1.125em;
        margin-bottom: 1.2em;
    }

    . sub_title_h2,
    .sub_title_h3{
        line-height: .9375em;
    }
    p {
        font-size: .9375em;
    }

    .txtimg .ofset_down_20,
    .txtimg .ofset_down_15 {
        margin-bottom: 0;
    }

    .txtimg .ofset_down_20:before,
    .txtimg .ofset_down_15:before {
        display: none;
    }

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

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

    .txtimg .row-left-culisa-shadow:before,
    .txtimg .row-right-culisa-shadow:before,
    .txtimg .row-left-culisa-grey:before,
    .txtimg .row-right-culisa-grey:before
    {
        display: none;
    }

    .big-space {
        margin-bottom: 4em
    }

    /* .row-left-culisa:after,
.col-right-culisa-grey:after,
.row-left-culisa:before {
    width: 100%;
} */
    .col-sm-6 .img-left {
        margin-bottom: 2em;
    }

    .answer[data-toggle="collapse_575"] {
        height: 0;
        margin-bottom: 0;
        overflow: hidden;
    }


    .head-table {
        margin-bottom: 2em
    }

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

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

    .table [class^="col-"] .table-cell .head-table-col {
        border-top: 2px solid var(--main-color);
    }

    .pc-hiden .arrow-down {
        margin-bottom: 3em;
    }

    .arrow-down {
        /* min-width: 100%; */
    }

    .mob-flex-col {
        display: flex;
        flex-direction: column;
        /* margin-bottom: 2em; */
    }

    .mob-flex-col .col-12 {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
    }

    .btn {
        align-self: center;
    }

    .row-left-culisa:before,
    .col-right-culisa-grey:after,
    .row-left-culisa-grey:before {
        /* left: 0; */
    }

    .col-left-culisa-grey-big_radius:after {
        border-radius: 0px 0 35px 0px;
    }

    h2 {
        /*margin-top: 0.625em;*/
        /*margin-bottom: 0.5em;*/
    }
    .col-right-culisa:after {
        width: 100%;
    }
    .img-in-txtimg img {
        width: 75%;
    }
    .top-menu-call .social_icon_line a {
        font-size: 1rem;
    }
}

@media (max-width: 459.98px) {

    .list-circle,
    .list-circle a
    {
        margin-bottom: 0;
        flex-direction: column;
        align-items: center;
    }

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

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

    .list-circle p {
        text-align: center
    }

    .circle {
        margin-bottom: .5em;
        margin-right: 0;
    }
    .img-in-txtimg img {
        width: 85%;
    }

}


@media (max-width: 359.98px) {

    /*     .round-btn {
        padding-left: 3.5em;
        font-size: 1em;
    }
    */

    .acceptance_checkbox {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
    }

}

@media (max-width: 320px) {}


.row-left-culisa-grey .col-right-culisa-grey
    /* ***  вышерадуги.рф *** */

#gallery-2 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 15%;
}

#gallery-2 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 42%;
}

/* ***  вышерадуги.рф *** */