@font-face {
    font-family: 'lg';
    src: url("../includes/fontawesome/webfonts/lg.ttf") format("truetype"), url("../includes/fontawesome/webfonts/lg.woff") format("woff"), url("../includes/fontawesome/webfonts/lg.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.main-p-compl {
    max-height: 450px;
    overflow: auto;
    padding-right: 15px;
}

.compl-button-front {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

.compl-button-front a.webform-dialog {
    display: block;
    margin: auto;
    width: max-content;
    padding: 10px;
    background: #001E50;
    color: white;
    font-size: 16px;
    border-radius: 100px;
}

.compl-button-front a.webform-dialog:hover {
    color: #E6E6E6;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 25%);
}

.lslide {
    position: relative;
}

.front-gallery {
    margin-bottom: 30px;
}

.front-gallery .views-field-title {
    text-align: center;
}

.front-gallery .views-field-title span {
    border-bottom: 4px solid #E80000;
}

.path-frontpage .main-content {
    display: none;
}

#block-views-block-compl-main-block-compls {
    width: 100%;
}

.main-page-comps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.main-page-comps>div {
    width: 400px;
    height: 400px;
    background: #fff;
    font-size: 14px;
}

.main-page-comps>div .views-field-title {
    font-size: 28px;
    font-weight: normal;
    padding: 15px;
    background: #001E50;
    color: #fff;
}

.main-page-comps>div .views-field-title span {
    color: #fff;
}

.main-page-comps>div .views-field-body {
    padding: 15px;
}

.gallery-on-front-item>li {
    list-style-type: none;
}

#block-kharakteristiki {
    display: block;
    width: 100%;
}

#block-kharakteristiki .flex-table-title, #block-kharakteristiki .list {
    display: flex;
    align-items: center;
}

.flex-table-title {
    padding: 14px 0;
    border-bottom: 2px solid;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    background: url("../images/filter-arrow.svg") right center no-repeat;
}

.flex-table-title.is-active {
    background: none;
}

.flex-table-content {
    display: none;
}

.flex-table-content.is-active {
    display: block;
}

.flex-table-title * {
    color: black;
}

.flex-table-content .list * {
    font-size: 16px;
}

.flex-table-content .list {
    padding: 21px 0 13px;
    border-bottom: 1px solid #D1D1D1;
}

#block-kharakteristiki h2, #block-kharakteristiki h2 {
    text-align: left;
}

#block-kharakteristiki .flex-table-title div, #block-kharakteristiki .list div {
    width: 30%;
}

#block-kharakteristiki .flex-table-title div:first-child, #block-kharakteristiki .list div:first-child {
    width: 40%;
}

#block-kharakteristikimob {
    display: none;
    width: 100%;
}

.flex-table-nav {
    display: flex;
    justify-content: space-between;
}

.flex-table-nav div {
    width: 47%;
    border: 2px solid #666666;
    padding: 12px 0;
    text-align: center;
}

.flex-table-nav div.is-active {
    color: #E80000;
    border-color: #E80000;
}

.toggler {
    display: none;
}

.toggler.is-active {
    display: block;
}

.front-gallery .views-field-title span {
    font-size: 20px;
    line-height: 25px;
    margin: 20px 0;
    display: inline-block;
}

#block-views-block-gallery-front-page-block-1 .content {
    display: unset;
}

.front-gallery .lSAction>a {
    width: 63px;
    height: 63px;
    opacity: 1!important;
    top: 54%;
}

#block-views-block-compl-main-block-compls .lSAction>a {
    width: 63px;
    height: 63px;
    opacity: 1!important;
    top: 54%;
}

.lg-toolbar, .lg-prev, .lg-next, .lg-pager-outer, .lg-hide-sub-html .lg-sub-html {
    opacity: 1 !important;
}

.front-gallery .lSAction {
    display: block!important;
}

#block-views-block-compl-main-block-compls .lSAction {
    display: block!important;
}

.front-gallery .lSAction .lSPrev {
    background: url('../images/ls-left.svg') center no-repeat;
    left: -80px;
}

#block-views-block-compl-main-block-compls .lSAction .lSPrev {
    background: url('../images/ls-left.svg') center no-repeat;
    left: -80px;
}

.front-gallery .lSAction .lSNext {
    background: url('../images/ls-right.svg') center no-repeat;
    right: -70px;
}

#block-views-block-compl-main-block-compls .lSAction .lSNext {
    background: url('../images/ls-right.svg') center no-repeat;
    right: -70px;
}

#block-views-block-compl-main-block-compls .lSSlideWrapper {
    position: unset;
}

#block-views-block-compl-main-block-compls>.content {
    position: relative;
}

@media (max-width: 800px) {
    .lg-prev, .lg-next {
        opacity: 0 !important;
    }
    .front-gallery .lslide:not(.active) img {
        display: inline-block;
        margin-left: -60px;
    }
    .front-gallery .lslide img {
        max-width: 83%;
    }
    .front-gallery .lslide:not(.active):last-child img {
        max-height: 160px;
    }
    .front-gallery .lslide:last-child img {
        max-width: 100%;
    }
    .flex-table-content .list {
        display: flex;
        justify-content: space-between;
    }
    #block-kharakteristiki {
        display: none;
    }
    #block-kharakteristikimob {
        display: block;
    }
    .front-gallery .lSAction>a, #block-views-block-compl-main-block-compls .lSAction>a {
        width: 50px;
        height: 50px;
        top: 44%;
    }
    #block-views-block-compl-main-block-compls .lSAction>a {
        top: 25px;
    }
    .front-gallery .lSAction .lSPrev, #block-views-block-compl-main-block-compls .lSAction .lSPrev {
        left: 0px;
        background-size: 100%;
    }
    .front-gallery .lSAction .lSNext, #block-views-block-compl-main-block-compls .lSAction .lSNext {
        right: 0px;
        background-size: 100%;
    }
    .main-page-comps>div .views-field-title {
        text-align: center;
        padding: 20px;
    }
    .main-page-comps>div .views-field-title span {
        font-size: 22px;
    }
}

@media (min-width: 800px) {
    .front-gallery .views-row {
        position: relative;
    }
    .front-gallery .lSSlideWrapper {
        position: unset;
    }
}

@media (max-width: 500px) {
    .main-p-compl {
        max-height: 220px;
    }
    .main-page-comps>div {
        height: 360px;
    }
}