body {
    background: #FEF8E8;
    color: #5B5B66;
}

.frontend {
    font-family: 'Roboto Regular', sans-serif;
    color: #444;
    font-size: 16px;
}

.frontend a {
    text-decoration: none;
}

/*.frontend .btn-gradient{*/
/*    background: #fff;*/
/*    border: 2px solid #360e3b;*/
/*    color: transparent;*/
/*    background-image: linear-gradient(81deg,#ec0053 -8.11%,#c533b9 46.9%,#360e3b 101.92%);*/
/*    background-clip: text;*/
/*    border: 4px solid transparent;*/
/*    border-image: linear-gradient(81deg, #ec0053, #c533b9, #360e3b) 1;*/
/*    border-radius: 50%;*/
/*}*/

/*.frontend .btn-brown {*/
/*    background-color: #EEE8D8;*/
/*    border-radius: 25px;*/
/*    border: 2px solid #8e8b81;*/
/*    padding: 5px 10px;*/
/*    color: #574f44;*/
/*}*/
/*.frontend .btn-brown.active,*/
/*.frontend .btn-brown:hover {*/
/*    background-color: #D6D0C1;*/
/*}*/

.bg-brown {
    background-color: #EAE6DA;
}

.frontend .btn-brown {
    /* border-radius: 25px; */
    background-color: #EAE6DA;
    border: 1px solid #8d8b81;
    color: #67655d;

    /* Центрування */
    display: inline-flex;
    align-items: center;
    /* вертикальне вирівнювання */
    justify-content: center;
    /* горизонтальне вирівнювання */

    padding: 10px 20px;
    height: 40px;
    /* фіксована висота (за потреби) */
    line-height: 1;
    /* запобігає зсуву тексту */
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.frontend .btn-brown:hover,
.frontend .btn-brown.active {
    background-color: #d6d0c2;
}

.frontend .btn-pink {
    border-radius: 25px;
    border: 2px solid #C532B8;
    padding: 5px 10px;
}

.frontend .btn-pink,
.frontend .btn-pink a {
    color: #C532B8;
}

.frontend .btn-gradient {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 2px solid transparent;
    border-radius: 50px;
    /* Для овальної кнопки */
    background-image:
        linear-gradient(#fff, #fff),
        /* Білий фон всередині */
        linear-gradient(81deg, #ec0053, #c533b9, #360e3b);
    /* Градієнт для бордера */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: transparent;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.frontend .btn-gradient>span {
    background: linear-gradient(81deg, #ec0053, #c533b9, #360e3b);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    z-index: 1;
}

.frontend .timeline-legend {
    padding: 50px 20px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0px);
    transition: transform 0.3s ease;
    /*opacity: 0.5;*/

}

.frontend .timeline-legend:hover {
    /*opacity: 1;*/
}

.frontend .timeline-legend .legent-title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background-color: rgba(255, 255, 255, 0.6);

    /*backdrop-filter: blur(10px);*/
    /*background-clip: text;*/
    border: 1px solid #4f4636;
    padding: 10px;
    border-radius: 8px;
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    z-index: 9999;
}

/*.frontend .timeline-floating-legend.top {*/
/*    top: 50;*/
/*}*/

/*.frontend .timeline-floating-legend.bottom {*/
/*    bottom: 50;*/
/*}*/

.frontend .main-content {
    background: #FEF8E8;
}

.frontend .container {
    margin-right: auto;
    margin-left: auto;
}

@media(min-width:768px) {
    .frontend {
        font-size: 14px;
    }

    .frontend .container {
        width: 95%;
        max-width: 96%;
    }
}

@media(min-width:992px) {
    .frontend .container {
        width: 970px
    }
}

@media(min-width:1068px) {
    .frontend .container {
        width: 1128px
    }

    .frontend .primary-border {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAABCAMAAACi5K36AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFDEaDDEWDDESDwtiOuQAAABBJREFUeNpiYGQiAzAABBgAC5kAasHZzBwAAAAASUVORK5CYII=) left bottom repeat-y;
        height: 250px;
    }

    .frontend .primary-border-0 .primary-border {
        height: 0px !important;
    }

}


.frontend .h1 {
    font-size: 36px;
    font-weight: bold;
    color: #FEF8E8;
}

.frontend .carousel .carousel-logo {
    position: absolute;
    top: 50px;
}

.frontend .carousel-caption {
    /*position: absolute;*/
    /*right: 0px;*/
    /*left: 0px;*/
    margin-bottom: 3%;
    /*font-weight: normal;*/
    /*text-align: left;*/
    /*padding: 19px;*/
    background-color: rgb(12, 68, 131);
    background-color: rgba(12, 68, 131, 0.8);
    /*bottom: 20px;*/
    z-index: 10;
}

.frontend .carousel-caption .h1 {
    color: #fff;
    font-weight: bold;
    font-style: normal;
}

/*.frontend .carousel-forms {*/
/*position: absolute;*/
/*top: 0px;*/
/*width: 100%;*/
/*}*/

/*SIDEBAR*/

.frontend .sidebar-wrapper {
    z-index: 9999;
}

.frontend.sidebar-bg .sidebar-wrapper:before {
    background-color: #00284e;
}

.frontend.page-wrapper .pin-toggle {
    background: #ffd500;
    opacity: 1;
    width: 45px;
    bottom: 0px;
    top: auto;
}

.frontend .sidebar-wrapper .sidebar-content {
    max-height: calc(100% - 20px);
    height: calc(100% - 20px);
}

.frontend.page-wrapper .pin-toggle:before {
    border-top: 15px solid transparent;
    border-right: 15px solid #00284e;
    border-bottom: 15px solid transparent;
    top: 10px;
    right: 6px;
}

.frontend.page-wrapper.pinned .pin-toggle:before {
    border-top: 15px solid transparent;
    border-right: 0px !important;
    border-left: 15px solid #00284e !important;
    border-bottom: 15px solid transparent;
    top: 10px;
    /*right: 6px;*/
    left: 6px;
}

.frontend .sidebar-wrapper .sidebar-footer {
    background-color: #00284e;
}

.frontend.page-wrapper.pinned .pin-toggle {
    display: block;
}

/* TOP MENU */

.frontend .top-menu {
    background: transparent;
}

.frontend.page-wrapper.pinned .pin-toggle:before {
    border-left: 0px solid #00284e;
}

.frontend .top-menu .nav-item {
    border: none;
}

/*CAROUSEL FADE EFFECT*/

.carousel-item {
    opacity: 0;
    transition: opacity 2.5s ease !important;
}



.carousel-item {
    display: block !important;
}

.carousel-item-next,
.carousel-item-prev {
    left: 0 !important;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: none;
    transform: none;
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: none;
    transform: none;
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: none;
    transform: none;
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel-inner .carousel-item,
.carousel-inner .active.carousel-item-left,
.carousel-inner .active.carousel-item-right {
    opacity: 0;
}

.carousel-inner .active,
.carousel-inner .carousel-item-next.carousel-item-left,
.carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;

}

.carousel-inner .active {
    z-index: 2 !important;
}

.frontend .carousel-caption {
    padding: 1rem;
    width: 58%;
    margin-bottom: 3%;
}

.frontend .main-carousel {
    display: none;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .frontend .main-carousel {
        display: block;
    }

    .frontend .carousel-caption {
        width: 48%;
    }
}

@media (min-width: 992px) {
    .frontend .carousel-caption .h1 {
        font-size: 28px;
    }
}

@media (min-width: 1200px) {}

@media (max-width: 991.98px) {
    .fast-singup {
        display: none;
    }
}

@media (max-width: 1199.98px) {

    .fast-singup {
        top: 8px;
    }

    .fast-singup .form-control,
    .fast-singup .input-group-append>.btn {
        height: calc(1.8125rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }
}


.frontend .features {
    background: #fff;
    padding: 30px 0px;
}

.frontend .features .h4 {
    color: #7e7e7e;
}

/*fotorama*/

.fotorama--fullscreen .fotorama__stage {
    background: #fff !important;
}

.fotorama__img {
    border: 2px solid #f7f4f4 !important;
}

.fotorama__nav__shaft {
    padding-bottom: 4px !important;
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #fff !important;
}

.frontend .fotorama--fullscreen .fotorama__stage {
    background: #574F44 !important;
}

.frontend .fotorama__img {
    border: 2px solid #BBC097 !important;
}

.frontend .fotorama__nav__shaft {
    padding-bottom: 4px !important;
}

.frontend .fotorama--fullscreen .fotorama__nav,
.blog .fotorama--fullscreen .fotorama__stage {
    background: #574F44 !important;
}

/*login modal*/





.frontend .nav>li>a:hover,
.nav>li>a:focus {
    background: transparent;
}

@keyframes changemenu {
    0% {
        content: "\f15c";
    }

    50% {}

    100% {
        content: "\f159";
    }
}

.frontend .nav>li>a[aria-expanded="true"] .flaticon-menu:before {
    animation: changemenu 1s forwards;
}


/*!* NAVBAR *!*/

/*.frontend .navbar-wrapper {*/
/*    height: 40px;*/
/*}*/

/*@media (min-width: 768px){*/
/*    .frontend .navbar-wrapper {*/
/*        height: 100px;*/
/*    }*/
/*    .frontend .navbar-wrapper::after{*/
/*        !*top: 46px;*!*/
/*        display: block;*/
/*    }*/
/*    .frontend .navbar-wrapper .navbar {*/
/*        !*height: 58px;*!*/
/*    }*/
/*}*/


.frontend .navbar-brand,
.frontend .navbar-brand div {
    width: auto;
    height: 100%;
    max-height: 100%;
    flex-direction: row !important;
    display: flex !important;
    /*align-items: center !important;*/

}

.frontend .navbar-brand>div {
    height: 80%;
    max-height: 80%;
}

.frontend .navbar-brand>div a {
    display: flex !important;
    flex-direction: row !important;
}

.frontend .navbar-brand img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.frontend .navbar-brand .brand-caption {
    border-left: 3px solid #3774a4;
    margin: 0 10px;
    padding: 0 15px;
    color: #3774a4;
    height: 80%;
    align-self: center !important;
    line-height: 100%;
}

/*@media (min-width: 992px) {*/

/*    .frontend .navbar-brand {*/
/*        max-width: 200px;*/
/*        height: 60px;*/
/*        display: block;*/
/*    }*/
/*    .frontend .navbar-brand > div {*/
/*        width: auto;*/
/*        max-height: inherit;*/
/*        height: 100%;*/
/*    }*/

/*    .frontend .navbar-brand{*/
/*        max-height: inherit !important;*/
/*    }*/
/*}*/

/*@media (min-width: 1170px) {*/


/*    .frontend .navbar-wrapper .navbar-top .navbar-nav{*/
/*        width: 35%;*/
/*    }*/

/*    .frontend .navbar-brand {*/
/*        width: 270px;*/
/*        max-width: 270px;*/
/*        height: 75px;*/
/*        display: block;*/
/*    }*/

/*    .frontend .navbar-brand > div {*/
/*        text-align: center;*/
/*        min-width: 100%;*/
/*    }*/
/*    .frontend .navbar-brand,*/
/*    .frontend .navbar-brand div {*/
/*        !*height: auto !important;*!*/
/*        max-height: inherit !important;*/

/*        margin-top: 0px;*/
/*    }*/

/*}*/



/*.frontend .navbar-nav,*/
/*.frontend .navbar-wrapper .brand-container*/
/*{*/
/*    display: flex;*/
/*    ms-flex-direction: row;*/
/*    flex-direction: row;*/


/*    !*border-bottom: 2px solid #a3b6c8;*!*/
/*}*/

/*.frontend .navbar-nav*/
/*{*/
/*    height: 100%;*/
/*}*/

/*.frontend .navbar-wrapper .brand-container {*/
/*    margin: 0px;*/
/*    !*text-align: center;*!*/
/*    !*padding-top: 2px;*!*/
/*    margin-top: 0px;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top {*/
/*    padding: 10px 0;*/
/*}*/


/*.frontend .navbar-wrapper .navbar-top .navbar-nav.right ul {*/
/*    padding-left: 0;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    height: 100%;*/
/*    flex-grow: 1 !important;*/
/*    justify-content: flex-end !important;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/


/*.frontend .navbar-wrapper .navbar-top .navbar-nav ul li {*/
/*    padding: 5px 10px;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    display: inline-flex !important;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top .navbar-nav ul li > a {*/
/*    padding: 8px 15px;*/
/*    border-radius: 18px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*    color: #471250;*/
/*    font-weight: bold;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top .navbar-nav.right,*/
/*.frontend .navbar-wrapper .navbar-top .navbar-nav.right > ul:first-child {*/
/*    flex-grow: 1 !important;*/
/*    justify-content: flex-end !important;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top .navbar-nav.right ul li > a.active {*/
/*    background: #fff;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top  .navbar-nav ul {*/
/*    paddding: 5px 10px;*/

/*}*/


/*.navbar-nav ul {*/
/*    margin: 0px;*/
/*    padding: 0px;*/
/*}*/
/*.navbar-nav ul li {*/
/*    text-decoration: none;*/
/*    padding-left: 0;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    display: inline-flex !important;*/
/*}*/

/*.navbar-nav .dropdown-menu {*/
/*    position: absolute;*/
/*}*/

/*.frontend .navbar-nav .nav-link {*/
/*    padding-right: 0.5rem;*/
/*    padding-left: 0.5rem;*/
/*}*/

/*@media (min-width: 768px){*/




/*    .frontend .navbar-left li:first-child{*/
/*        border-left: none !important;*/
/*    }*/
/*    .frontend .navbar-right li:last-child{*/
/*        border-right: none !important;*/
/*    }*/
/*    .frontend .navbar-after-intro .navbar-nav {margin: 0px;}*/
/*    .frontend .navbar-after-intro ul.navbar-left {*/
/*        float: left !important;*/
/*        margin-left: -15px;*/
/*    }*/
/*    .frontend .navbar-after-intro ul.navbar-right {*/
/*        float: right !important;*/
/*        margin-right: -15px;*/
/*    }*/
/*    .frontend .navbar-after-intro ul > li.dress-size {padding: 10px 10px;}*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top ul li a{*/
/*    color:#777;*/
/*    text-decoration: none;*/
/*}*/
/*.frontend .navbar-wrapper .navbar-top .navbar-nav.right > ul:first-child li,*/
/*.frontend .line-bottom ul.navbar-nav li{*/
/*    width: 20%;*/
/*    !*font-family: "Graphik Web","Arial","Helvetica",sans-serif;*!*/
/*}*/

/*@media(min-width:768px){*/
/*    .frontend .navbar-wrapper .navbar-top ul li a{*/
/*        !*padding: 8px 15px;*!*/
/*    }*/

/*}*/



/*.frontend .navbar-top ul li a.nav-image {*/
/*    padding: 5px 15px;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top .dropdown-menu li a{*/
/*    color: #444;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top .dropdown-menu li a:hover {*/
/*    color: #444;*/
/*    background: #fff;*/
/*}*/

/*.frontend .navbar-center {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    transform: translatex(-50%);*/
/*}*/
/*.frontend .navbar-center li {*/
/*    border: none !important;*/
/*}*/
/*.frontend .navbar-center li a {*/
/*    padding-top: 15px;*/
/*}*/


/*.frontend .dropdown-setting {*/
/*    width: 300px;*/
/*}*/


/*.frontend .navbar-middle {*/
/*    border-bottom: 2px solid #f7f4f4;*/
/*}*/

/*.frontend .navbar-middle .container {*/
/*    position: relative;*/
/*}*/
/*.frontend .navbar-middle .navbar-nav ul li a,*/
/*.frontend .navbar-middle .navbar-nav ul li .flaticon  {*/
/*    color: #777;*/
/*    !*font-size: 36px;*!*/
/*}*/

/*.frontend .navbar-middle .navbar {*/
/*    min-height: 20px;*/
/*    margin-bottom: 0px;*/
/*}*/
/*.frontend .navbar-middle ul.primary-nav > li {*/
/*    !*position: relative;*!*/
/*    z-index: 1;*/
/*    !*padding: 0px 10px;*!*/
/*    border-left:1px solid #f7f4f4;*/
/*    color: #999;*/
/*}*/

/*.frontend .navbar-middle .navbar-left{*/
/*    position: absolute;*/
/*    height: 100%;*/
/*}*/
/*.frontend .navbar-middle .navbar-left li {*/
/*    height: 100%;*/
/*    padding: 6px 12px;*/
/*}*/
/*.frontend .navbar-middle ul > li:last-child{*/
/*    border-right:1px solid #f7f4f4;*/
/*}*/
/*.frontend .navbar-middle ul.navbar-nav > li > a,*/
/*.frontend .navbar-middle ul.navbar-nav > li {*/
/*    font-size: 28px;*/
/*    text-decoration: none;*/
/*    line-height: 15px;*/

/*}*/
/*.frontend .navbar-middle ul.navbar-nav > li > a.icon-sm{*/
/*    margin-left: 15px;*/
/*}*/
/*.frontend .navbar-middle ul.navbar-nav > li > a:before{*/
/*    position: absolute;*/
/*    margin-left: -30px;*/
/*    margin-top: -1px;*/
/*}*/
/*.frontend .navbar-middle ul.navbar-nav > li > a:hover,*/
/*.navbar-middle ul.navbar-nav > li > a:focus {*/
/*    color: #e47911;*/
/*    background: #fff;*/
/*}*/

/*.frontend .navbar-middle .dropdown-menu > li {*/
/*    background-color: transparent;*/
/*    background-image: none;*/
/*    padding: 10px 10px;*/
/*}*/
/*.frontend .navbar-middle .dropdown-menu > li:hover {*/
/*    background-color: #eee;*/
/*}*/

/*.frontend .navbar-middle ul.dropdown-menu > li > a {*/
/*    font-size: 18px;*/
/*    text-decoration: none;*/
/*    line-height: 15px;*/
/*    color: #666;*/
/*}*/

/*.frontend .navbar-middle .dropdown-menu > li > a:hover,*/
/*.frontend .navbar-middle .dropdown-menu > li > a:focus {*/
/*    !*padding: 10px 10px;*!*/
/*    background-color: transparent;*/
/*    background-image: none;*/
/*}*/

/*.frontend .navbar-middle ul > li.dress-size {*/
/*    padding: 5px 10px;*/
/*}*/

/*!*@media (max-width: 767px){*!*/
/*    !*.navbar {*!*/
/*        !*margin-right: -15px;*!*/
/*        !*margin-left: -15px;*!*/
/*    !*}*!*/
/*    !*.navbar-left li:first-child{*!*/
/*        !*border-left: none !important;*!*/
/*    !*}*!*/
/*    !*.navbar-right li:last-child{*!*/
/*        !*border-right: none !important;*!*/
/*    !*}*!*/
/*    !*.frontend .navbar-after-intro .navbar-nav {margin: 0px;}*!*/
/*    !*.frontend .navbar-after-intro ul.navbar-left {*!*/
/*        !*float: left !important;*!*/
/*        !*margin-left: -15px;*!*/
/*    !*}*!*/
/*    !*.frontend .navbar-after-intro ul.navbar-right {*!*/
/*        !*float: right !important;*!*/
/*        !*margin-right: -15px;*!*/
/*    !*}*!*/
/*    !*.frontend .navbar-after-intro ul > li.dress-size {padding: 10px 10px;}*!*/
/*!*}*!*/


/*.frontend .carousel-example-generic {*/
/*    border-top: 2px solid #f7f4f4;*/
/*}*/

/*.header-wrapper{*/
/*    !*border-top: 2px solid #cee9ce;*!*/
/*    border-bottom: 1px solid #eee;*/
/*    padding: 15px 0px;*/
/*    !*padding-bottom: 5px;*!*/
/*}*/

/*@media (max-width:767px) {*/
/*    .frontend .header-wrapper {*/
/*        border-bottom: 0px;*/
/*        padding: 0px;*/
/*        !*background: #607890;*!*/
/*    }*/
/*    !*.navbar {*!*/
/*        !*min-height: 50px;*!*/
/*    !*}*!*/
/*}*/
/*.frontend .header-wrapper ul{*/
/*    list-style: none;*/
/*    margin-top: 6px;*/
/*    margin-bottom: 8px;*/
/*}*/
/*.frontend .header-wrapper ul li{*/
/*    float: left;*/
/*    margin-left: 10px;*/
/*    line-height: 10px;*/
/*}*/
/*.frontend .header-wrapper a{*/
/*    color: #607890;*/

/*}*/


/*.frontend .header-wrapper .header .schedule{*/
/*    padding-left:15px;*/
/*}*/

/*.frontend .header-wrapper .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {*/
/*    display: none;*/
/*}*/



/*.frontend .header-wrapper a:hover{*/
/*    text-decoration: none;*/
/*}*/


/*.frontend .slide-indicators{*/
/*    position:relative;*/
/*    margin-top:0px;*/
/*    bottom:0;*/
/*    left:0;*/
/*    margin-left:0px;*/
/*    width:100%;*/
/*}*/
/*.frontend .slide-indicators li{*/
/*    border:medium none;*/
/*    border-radius:0;*/
/*    float:left;*/
/*    height:54px;*/
/*    margin-bottom:5px;*/
/*    margin-left:0;*/
/*    margin-right:5px !important;*/
/*    margin-top:0;*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/
/*.frontend .slide-indicators img{*/
/*    border:1px solid #f7f4f4;*/
/*    left:0;*/
/*    width:100%;*/
/*}*/

.frontend .navbar-wrapper {
    height: 60px;
}

/*.frontend .navbar-wrapper::after{*/
/*content: ' ';*/
/*position: absolute;*/
/*top: 36px;*/
/*display: block;*/
/*width: 100%;*/
/*min-height: 2px;*/
/*background: #aaa;*/
/*}*/

.frontend .navbar-wrapper .navbar {
    height: 60px;
}

.frontend .navbar-wrapper {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .frontend .navbar-wrapper {
        height: 60px;
    }

    .frontend .navbar-wrapper::after {
        top: 46px;
        display: block;
    }

    .frontend .navbar-wrapper .navbar {
        height: 60px;
    }
}


/*.frontend .brand-container {*/
/*display:block;*/
/*!*margin-top: 40px;*!*/
/*}*/

.frontend .navbar-brand {
    z-index: 99;
    position: relative;
    padding: 0px 10px;
    height: 100%;
}

.frontend .navbar-brand div {
    height: 100%;
}


.frontend .navbar-brand img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 576px) {}

/*@media (min-width: 768px) {*/
/*.frontend .navbar-brand {*/
/*background: #fff;*/
/*border-bottom-left-radius: 60px;*/
/*border-bottom-right-radius: 60px;*/
/*padding: 25px 30px 5px 30px;*/
/*max-width: 250px;*/
/*}*/
/*}*/

@media (min-width: 992px) {
    /*.frontend .navbar-brand {*/
    /*!*background: #fff;*!*/
    /*!*border-bottom-left-radius: 50px;*!*/
    /*!*border-bottom-right-radius: 50px;*!*/
    /*!*padding: 20px 30px 5px 30px;*!*/
    /*!*max-width: 200px;*!*/
    /*}*/
}

@media (min-width: 1170px) {
    .frontend .navbar-brand {
        padding: 0px;
        /*max-width: 270px;*/
        max-height: 100%;
    }

}



/*.frontend .brand-container .navbar-brand a {*/

/*}*/

/*.frontend .brand-container .navbar-brand img{margin: 0px auto;}*/

/*.frontend .navbar-wrapper .brand-container .navbar-brand {*/
/*width: 80%;*/
/*padding: 0px;*/
/*margin: 0px auto;*/
/*}*/

/*.frontend .navbar-brand.center {*/
/*position: absolute;*/
/*display: block;*/
/*transform: translate(-50%);*/
/*left: 50%;*/
/*top: 3px;*/
/*!*background: #fff;*!*/
/*padding: 0px 20px;*/
/*}*/


@media only screen and (max-width: 992px) {


    .frontend .navbar-brand.center {
        top: 7px;
    }

    .frontend .navbar-brand.center {
        padding: 0px 20px
    }

    .navbar {
        border: 0px;
    }

    .header-wrapper {
        padding: 0px;
    }
}

.frontend .navbar-nav,
.frontend .navbar-wrapper .brand-container {
    display: flex;
    ms-flex-direction: row;
    flex-direction: row;


    /*border-bottom: 2px solid #a3b6c8;*/
}

.frontend .navbar-nav ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
    height: 100%;
    /*flex-grow: 1 !important;*/
    display: flex;
    flex-direction: row;
}

.frontend .navbar-nav ul li {
    padding-left: 0;
    margin: 0;
    list-style: none;
}


.frontend .navbar-wrapper .navbar-nav ul li {
    display: inline-flex;
    width: auto;
}

.frontend .navbar-nav {
    height: 100%;
}

.frontend .navbar-wrapper .brand-container {
    margin: 0px;
    /*text-align: center;*/
    /*padding-top: 2px;*/
    margin-top: 0px;
}

.frontend .navbar-wrapper .navbar-top .navbar-nav .nav-item-signin a {
    color: #C532B8;
    border-radius: 25px;
    border: 2px solid #C532B8;
    padding: 5px 10px;
}

.frontend .timeline-filter-select .ts-control {
    background-color: #d6d0c2;
    border: 1px solid #8e8b81;
    color: #8e8b81
}

.frontend .timeline-filter-select .ts-control input::-webkit-input-placeholder {
    color: #8e8b81;
}

.frontend .timeline-filter-select .ts-control input::-moz-placeholder {
    color: #8e8b81;
}

.frontend .timeline-filter-select .ts-control input:-ms-input-placeholder {
    color: #8e8b81;
}

.frontend .timeline-filter-select .ts-control input::placeholder {
    color: #8e8b81;
}

/*@media (min-width: 992px){*/

/*.frontend .brand-container .navbar-brand {*/
/*position: absolute;*/
/*margin: 15px auto;*/
/*}*/

/*.frontend .brand-container .navbar-brand a {*/
/*display: block;*/
/*width: 280px;*/
/*background: #fff;*/
/*margin: -25px auto;*/
/*border-radius: 0px 0px 100px 100px;*/
/*-moz-border-radius: 0px 0px 100px 100px;*/
/*-webkit-border-radius: 0px 0px 100px 100px;*/
/*!*border-left: 2px solid #f7f4f4;*!*/
/*!*border-right: 2px solid #f7f4f4;*!*/
/*!*border-bottom: 2px solid #f7f4f4;*!*/
/*padding: 0px 30px 20px 50px;*/
/*}*/

/*}*/

/*.frontend .navbar-wrapper .navbar-top ul li{*/
/*border-left: 1px solid #f7f4f4;*/
/*}*/

/*.frontend .navbar-wrapper .navbar-top ul li:last-child{*/
/*border-right:1px solid #f7f4f4;*/
/*}*/





.navbar-nav .dropdown-menu {
    position: absolute;
}

.frontend .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

@media (min-width: 768px) {




    .frontend .navbar-left li:first-child {
        border-left: none !important;
    }

    .frontend .navbar-right li:last-child {
        border-right: none !important;
    }

    .frontend .navbar-after-intro .navbar-nav {
        margin: 0px;
    }

    .frontend .navbar-after-intro ul.navbar-left {
        float: left !important;
        margin-left: -15px;
    }

    .frontend .navbar-after-intro ul.navbar-right {
        float: right !important;
        margin-right: -15px;
    }

    .frontend .navbar-after-intro ul>li.dress-size {
        padding: 10px 10px;
    }
}

.frontend .navbar-wrapper .navbar-top .navbar-nav .navbar-menu {
    padding: 5px 0px;
}

.frontend .navbar-wrapper .navbar-top .navbar-nav .navbar-menu ul {
    background: #EEE8D8;
    border-radius: 25px;
}

.frontend .navbar-wrapper .navbar-top .navbar-nav .navbar-menu li {
    padding: 0 10px;
}

.frontend .navbar-wrapper .navbar-top .navbar-nav .navbar-menu li a {
    color: #7B2073;
    font-weight: bold;
    padding: 5px 15px;
}

.frontend .navbar-wrapper .navbar-top .navbar-nav .navbar-menu ul li:hover a,
.frontend .navbar-wrapper .navbar-top .navbar-nav .navbar-menu ul li:focus a {
    background: #fff;
    color: #444;
    border-radius: 25px;
    color: #C532B8;
}



.frontend .navbar-wrapper .navbar-top .navbar-nav ul li,
.frontend .navbar-wrapper .navbar-top .nav-item {
    display: flex !important;
    align-items: center;
    background: transparent;
}

.frontend .navbar-wrapper .navbar-top ul li a {
    font-size: 1.2em;
    /*height: 100%;*/
    /*font-weight: 500;*/
    letter-spacing: 0.02em;
    /*padding: 5px 15px;*/
    color: #777;
    text-decoration: none;
    /*font-family: "Graphik Web","Arial","Helvetica",sans-serif;*/
}

@media(min-width:768px) {
    .frontend .navbar-wrapper .navbar-top ul li a {
        padding: 0px 15px;
    }

}

@media (min-width: 992px) {

    .frontend .navbar-wrapper {
        margin-top: 50px;
    }

    .frontend .navbar-wrapper .navbar-top ul,
    .frontend .navbar-wrapper .navbar-top ul li {
        height: 100%;
    }
}

.frontend .navbar-top ul li a.nav-image img {
    border: 1px solid #b5b0a1;
}


.frontend .navbar-wrapper .navbar-top .dropdown-menu li a {
    color: #444;
}

.frontend .navbar-wrapper .navbar-top .dropdown-menu li a:hover {
    color: #444;
    background: #fff;
}

.frontend .navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.frontend .navbar-center li {
    border: none !important;
}

.frontend .navbar-center li a {
    padding-top: 15px;
}


.frontend .dropdown-setting {
    width: 300px;
}


.frontend .navbar-middle {
    border-bottom: 2px solid #f7f4f4;
}

.frontend .navbar-middle .container {
    position: relative;
}

.frontend .navbar-middle .navbar-nav ul li a,
.frontend .navbar-middle .navbar-nav ul li .flaticon {
    color: #777;
    /*font-size: 36px;*/
}

.frontend .navbar-middle .navbar {
    min-height: 20px;
    margin-bottom: 0px;
}

.frontend .navbar-middle ul.primary-nav>li {
    /*position: relative;*/
    z-index: 1;
    /*padding: 0px 10px;*/
    border-left: 1px solid #f7f4f4;
    color: #999;
}

.frontend .navbar-middle .navbar-left {
    position: absolute;
    height: 100%;
}

.frontend .navbar-middle .navbar-left li {
    height: 100%;
    padding: 6px 12px;
}

.frontend .navbar-middle ul>li:last-child {
    border-right: 1px solid #f7f4f4;
}

.frontend .navbar-middle ul.navbar-nav>li>a,
.frontend .navbar-middle ul.navbar-nav>li {
    font-size: 28px;
    text-decoration: none;
    line-height: 15px;

}

.frontend .navbar-middle ul.navbar-nav>li>a.icon-sm {
    margin-left: 15px;
}

.frontend .navbar-middle ul.navbar-nav>li>a:before {
    position: absolute;
    margin-left: -30px;
    margin-top: -1px;
}

.frontend .navbar-middle ul.navbar-nav>li>a:hover,
.navbar-middle ul.navbar-nav>li>a:focus {
    color: #e47911;
    background: #fff;
}

.frontend .navbar-middle .dropdown-menu>li {
    background-color: transparent;
    background-image: none;
    padding: 10px 10px;
}

.frontend .navbar-middle .dropdown-menu>li:hover {
    background-color: #eee;
}

.frontend .navbar-middle ul.dropdown-menu>li>a {
    font-size: 18px;
    text-decoration: none;
    line-height: 15px;
    color: #666;
}

.frontend .navbar-middle .dropdown-menu>li>a:hover,
.frontend .navbar-middle .dropdown-menu>li>a:focus {
    /*padding: 10px 10px;*/
    background-color: transparent;
    background-image: none;
}

.frontend .navbar-middle ul>li.dress-size {
    padding: 5px 10px;
}

/*@media (max-width: 767px){*/
/*.navbar {*/
/*margin-right: -15px;*/
/*margin-left: -15px;*/
/*}*/
/*.navbar-left li:first-child{*/
/*border-left: none !important;*/
/*}*/
/*.navbar-right li:last-child{*/
/*border-right: none !important;*/
/*}*/
/*.frontend .navbar-after-intro .navbar-nav {margin: 0px;}*/
/*.frontend .navbar-after-intro ul.navbar-left {*/
/*float: left !important;*/
/*margin-left: -15px;*/
/*}*/
/*.frontend .navbar-after-intro ul.navbar-right {*/
/*float: right !important;*/
/*margin-right: -15px;*/
/*}*/
/*.frontend .navbar-after-intro ul > li.dress-size {padding: 10px 10px;}*/
/*}*/


.header-wrapper {
    /*border-top: 2px solid #cee9ce;*/
    border-bottom: 1px solid #eee;
    padding: 15px 0px;
    /*padding-bottom: 5px;*/
}

@media (max-width:767px) {
    .frontend .header-wrapper {
        border-bottom: 0px;
        padding: 0px;
        /*background: #607890;*/
    }

    /*.navbar {*/
    /*min-height: 50px;*/
    /*}*/
}

.frontend .header-wrapper ul {
    list-style: none;
    margin-top: 6px;
    margin-bottom: 8px;
}

.frontend .header-wrapper ul li {
    float: left;
    margin-left: 10px;
    line-height: 10px;
}

.frontend .header-wrapper a {
    color: #607890;

}

.frontend .header-wrapper .header .schedule {
    padding-left: 15px;
}

.frontend .header-wrapper .nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    display: none;
}

.frontend .header-wrapper a:hover {
    text-decoration: none;
}


.frontend .slide-indicators {
    position: relative;
    margin-top: 0px;
    bottom: 0;
    left: 0;
    margin-left: 0px;
    width: 100%;
}

.frontend .slide-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100%;
    height: auto;
}

.frontend .slide-indicators img {
    border: 1px solid #f7f4f4;
    left: 0;
    width: 100%;
}

/*.frontend .carousel {*/
/*border-bottom: 3px solid #ddd;*/
/*}*/

.frontend .carousel-caption .h1 {
    text-shadow: 2px 2px 1px #444;
}

.frontend .carousel-inner .carousel-caption .btn {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    /*margin-left: 27px;*/
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}



.frontend .nav-tabs {
    border-bottom: 1px solid #DDD;
}

.frontend .nav-tabs>li.active>a,
.frontend .nav-tabs>li.active>a:focus,
.frontend .nav-tabs>li.active>a:hover {
    border-width: 0;
}

.frontend .nav-tabs>li>a {
    border: none;
    color: #607890;
    text-decoration: none;
}

.frontend .nav-tabs>li>a>.h5 {
    margin: 0 0 8px;
    color: #607890;
}

.frontend .nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
    border: none;
    background: transparent;
}

.frontend .nav-tabs>li.active>a>.h5 {
    font-weight: bold;
}

.frontend .nav-tabs>li>a::after {
    content: "";
    background: #607890;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.frontend .nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    transform: scale(1);
}

/*.frontend .tab-pane{padding:15px 0;}*/
/*.frontend .tab-content{*/
/*    !*padding:10px;*!*/
/*    border-left: 2px solid #f7f4f4;*/
/*    border-right: 2px solid #f7f4f4;*/
/*    border-bottom: 2px solid #f7f4f4;*/
/*}*/


/* index */

.frontend .intro-header p {
    font-size: 48px;
    background-image: linear-gradient(81deg, #ec0053 -8.11%, #c533b9 46.9%, #360e3b 101.92%);
    background-clip: text;
    color: transparent;
    line-height: 1.25;
    ont-weight: 300;
}

.icon-masked-pink {
    height: 100%;
    width: auto;
    background: linear-gradient(81deg, #ec0053 -8.11%, #c533b9 46.9%, #360e3b 101.92%);
    mask-image: var(--mask-url);
    -webkit-mask-image: var(--mask-url);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.frontend .intro-content p {
    margin-top: 8px;
}

.frontend .section-container .section-title,
.frontend .block-title {
    /*background: #fff;*/
    color: #0C4483;
    font-weight: bold;
    /*padding: 0 5px 0 0;*/
    /*position: relative;*/
    text-transform: uppercase;
    /*z-index: 2;*/
    /*font-size: 14px;*/
    /*float: left;*/
    font-size: 1rem;
    line-height: 1.2;
    /*font-weight: 500;*/
    margin-bottom: 1rem !important;

    display: flex;
    flex-basis: 100%;

}

.frontend .section-container .section-title:after,
.frontend .block-title:after {
    content: "";
    flex-grow: 1;
    background: #ccc;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0.5rem 0 0 1rem;
}

.frontend .posts-container .block {
    margin: 1rem 0;
}

.frontend .posts-container .posts .post {
    flex-direction: column !important;
}

.frontend .posts-container .posts .post,
.frontend .posts-container .posts .post .post-date {
    display: flex;
}

.frontend .posts-container .posts .post .post-date .post-date-day {
    margin-right: 3px;
}

.frontend .posts-container .posts .post .post-date .post-date-day,
.frontend .posts-container .posts .post .post-date .post-date-year,
.frontend .posts-container .posts .post .post-date .post-date-month {
    padding: 5px 10px;
    background: #0C4483;
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    ;
}

.frontend .posts-container .posts .post .post-date .post-date-month,
.frontend .posts-container .posts .post .post-body {
    flex-grow: 1 !important;
}

.frontend .posts-container .posts .post .post-title,
.frontend .posts-container .posts .post .post-body {
    border: 1px solid #eee;
    padding: 0.5rem 1rem;
}

.frontend .posts-container .posts .post .post-title {
    border-bottom: none;
    font-weight: bold;
}

.frontend .posts-container .posts .post .post-body {
    border-top: none;
}

/* order */



.frontend .cart-container .tab-content {
    border: none;
    padding: 0px;
}

/*.frontend .cart-confirm fieldset {*/
/*min-height: 300px;*/
/*}*/


.frontend .contact-container {
    display: inline-block;
    width: 100%;
}

.frontend .contact-container .contact-title {
    padding: 8px 0px;
}

.frontend .contact-container .contact-item {
    position: relative;
    display: table-row;
    width: 100%;
}

.frontend .contact-container .contact-item>.contact-item-icon,
.frontend .contact-container .contact-item>.contact-item-data {
    display: table-cell;
    float: none;
}

.frontend .contact-container .contact-item>.contact-item-icon {
    padding: 6px 8px 0px 0px;
    color: #ccc;
}

.frontend .contact-container .contact-item>.contact-item-data {
    vertical-align: top;
    width: inherit;
    padding: 6px 0px;
}


.col-table .col-table-cell {
    padding: 2px 5px;
}


/*media*/

.frontend .media-success {
    color: #999;
}

.frontend .media-success:hover .media-left,
.media-success:hover .media-body {
    color: #4DAF7C;
}

.frontend .media-success:hover .media-left .flaticon-circle::before {
    content: '\f154';
}

.frontend .media-success.active {
    color: #4DAF7C;
    font-weight: bold;
}

.frontend .media-success.active .media-left .flaticon-circle::before {
    content: '\f154';
}


.frontend .colored-wrapper .media .media-left {}

.frontend .colored-wrapper .media .media-left .default {
    background: repeating-linear-gradient(-55deg, #d6d6d6, #d6d6d6 10px, #eeeeee 10px, #eeeeee 20px);
    border: 3px solid #eeeeee;
}

.frontend .colored-wrapper .media .media-left .default .icon-circle {
    color: #eeeeee;
}

.frontend .colored-wrapper .media .media-left .default .icon-inverse {
    color: #d6d6d6;
}

.frontend .colored-wrapper .media .media-left .icon-circle {
    padding: 30px 20px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
}

.frontend .colored-wrapper .media .media-left .success {
    background: repeating-linear-gradient(-55deg, #5CB85C, #5CB85C 10px, #6cbf6c 10px, #6cbf6c 20px);
    border: 3px solid #6cbf6c;
}

.frontend .colored-wrapper .media .media-left .success .icon-circle {
    background: #469446;
}

.frontend .colored-wrapper .media .media-left .success .icon-inverse {
    color: #5CB85C;
}

.frontend .colored-wrapper .media .media-left .warning {
    background: repeating-linear-gradient(-55deg, #EC971F, #EC971F 10px, #f0ad4e 10px, #f0ad4e 20px);
    border: 3px solid #f0ad4e;
}

.frontend .colored-wrapper .media .media-left .warning .icon-circle {
    background: #de8f20;
}

.frontend .colored-wrapper .media .media-left .warning .icon-inverse {
    color: #f0ad4e;
}

.frontend .colored-wrapper .media .media-left .primary {
    background: repeating-linear-gradient(-55deg, #607890, #607890 10px, #6f859b 10px, #6f859b 20px);
    border: 3px solid #6f859b;
}

.frontend .colored-wrapper .media .media-left .primary .icon-circle {
    background: #5e7082;
}

.frontend .colored-wrapper .media .media-left .primary .icon-inverse {
    color: #6f859b;
}

.frontend .colored-wrapper .panel .text-warning {
    color: #EC971F;
}

.frontend .colored-wrapper .block-group {
    -moz-column-width: 15em;
    -webkit-column-width: 15em;
    column-width: 15em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.frontend .colored-wrapper .block-group .block {
    display: inline-block;
    margin: .5em;
    padding: 0;
    width: 98%;
}

.frontend .colored-wrapper .panel-default {
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d6d6d6
}

.frontend .colored-wrapper .panel-primary {
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
    border-color: #607890
}

.frontend .colored-wrapper .panel-success {
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
    border-color: #6cbf6c
}

.frontend .colored-wrapper .panel-success {
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
    border-color: #6cbf6c
}

.frontend .colored-wrapper .panel-warning {
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
    border-color: #EC971F
}

.frontend .colored-wrapper .panel-default .panel-heading {
    background: repeating-linear-gradient(-55deg, #d6d6d6, #d6d6d6 10px, #eeeeee 10px, #eeeeee 20px);
}

.frontend .colored-wrapper .panel-primary .panel-heading {
    background: repeating-linear-gradient(-55deg, #607890, #607890 10px, #6f859b 10px, #6f859b 20px);
}

.frontend .colored-wrapper .panel-success .panel-heading {
    background: repeating-linear-gradient(-55deg, #5CB85C, #5CB85C 10px, #6cbf6c 10px, #6cbf6c 20px);
}

.frontend .colored-wrapper .panel-warning .panel-heading {
    background: repeating-linear-gradient(-55deg, #EC971F, #EC971F 10px, #f0ad4e 10px, #f0ad4e 20px);
}

.frontend .colored-wrapper .panel-heading,
.sitemaps-wrapper .panel-heading a {
    border-radius: 0px;
    color: #fff;
    text-shadow: 1px 1px 1px #444;
    font-size: 16px;
}


.frontend .btn-frontpage-help .btn {
    text-align: left;
    padding-top: 25px;
    padding-bottom: 25px;
}

.frontend .btn-frontpage-help .btn:hover {
    background: transparent;
}

.frontend .btn-frontpage-help .btn .h4 {
    font-size: 16px;
    text-align: left;
    color: #ff6600;
}

.frontend .btn-frontpage-help .btn .h5 {
    color: #666;
}

@media (max-width:1068px) {
    .frontend .btn-frontpage-help .btn .h4 {
        white-space: nowrap;
        font-size: 15px
    }

    .frontend .btn-frontpage-help .btn .h5 {
        font-size: 13px
    }
}

@media (max-width:992px) {
    .frontend .btn-frontpage-help .btn .h4 {
        white-space: normal;
    }
}

.frontend .frontpage-hot-wrapper {
    position: relative;
    border: 2px solid #7F93A6;
}

@media (min-width:992px) {

    .frontend .frontpage-hot-wrapper .carousel-inner>.item>img,
    .frontend .frontpage-hot-wrapper .carousel-inner>.item>a>img {
        max-width: 494px;
    }
}

@media (max-width:768px) {

    .frontend .frontpage-hot-wrapper .carousel-inner>.item>img,
    .frontend .frontpage-hot-wrapper .carousel-inner>.item>a>img {
        width: 100%
    }
}

.frontend .frontpage-hot-wrapper .carousel-caption>button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.frontend .frontpage-hot-wrapper .carousel-indicators {
    bottom: -10px;
    left: 30px;
}

.frontend .frontpage-hot-wrapper .carousel-indicators li {
    background: #7F93A6;
    border-color: #7F93A6;
}

.frontend .frontpage-hot-wrapper .carousel-price {
    color: #fff;
    font-size: 38px;
    float: right;
    font-weight: bold;
    margin-top: 10px;
}

.frontend .frontpage-hot-wrapper .carousel-price .hr {
    font-size: 22px;
}

.frontend .frontpage-hot-wrapper .carousel-caption {
    text-shadow: 1px 1px 1px #444;
    right: 0px !important;
    left: auto;
    top: 0px;
    text-align: left;
    background-color: rgba(96, 120, 144, 0.8);
    bottom: 0px;
    padding: 10px;
    width: 35%;
    position: absolute;
    font-size: 22px;
    border-radius: 0px;
}

@media (max-width:768px) {

    .frontend .frontpage-hot-wrapper .carousel-caption {
        padding: 10px;
        font-size: 16px;
    }

    .frontend .frontpage-hot-wrapper .carousel-price {
        font-size: 28px;
    }

    .frontend .frontpage-hot-wrapper .carousel-price .hr {
        font-size: 18px;
    }
}

@media (max-width:380px) {

    .frontend .frontpage-hot-wrapper .carousel-caption {
        font-size: 16px
    }

    .frontend .frontpage-hot-wrapper .carousel-price {
        font-size: 22px;
        font-weight: bold;
        text-shadow: 1px 1px 1px #444;
        margin-top: 5px;
    }

    .frontend .frontpage-hot-wrapper .carousel-price .hr {
        font-size: 16px;
    }
}

.frontend #google-container {
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #e7eaf0;
    border: 1px solid #bbb;

}

@media all and (max-width:380px) {
    .frontend #google-container {
        height: 300px;
    }
}

@media only screen and (min-width: 768px) {
    .frontend #google-container {
        height: 400px;
    }
}

@media only screen and (min-width: 1170px) {
    .frontend #google-container {
        min-height: 400px;
    }
}


.frontend #google-map {
    position: relative;
}

/* POST */

.post img {
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    .posts.card-columns {
        column-count: 2;
    }
}

/*@media (min-width: 768px) {*/
/*.posts.card-columns {*/
/*column-count: 2;*/
/*}*/
/*}*/

/*@media (min-width: 992px) {*/
/*.posts.card-columns {*/
/*column-count: 2;*/
/*}*/
/*}*/

/*@media (min-width: 1200px) {*/
/*.posts.card-columns {*/
/*column-count: 2;*/
/*}*/
/*}*/
.frontend .tags-container .block-title,
.frontend .posts-sections .block-title {
    border-left: 54px solid #5fc48e;
    background: #5fc48e;
    color: #fff;
    padding: 2px 8px;
    /*font-size: 1rem;*/
    width: fit-content;
}

.frontend .tags-container .block-items-container,
.frontend .posts-sections .block-items-container {
    margin-top: 10px;
    list-style: none;
    padding-left: 0;

}

.frontend .posts-sections .block-items-container .block-item {
    border-left: 54px solid #eee;
    padding-left: 5px;
    margin-top: 6px;
}

.frontend .posts-sections .block-items-container .block-item:hover {
    border-left: 54px solid #0c4483;
}

.frontend .nav-trigger {
    width: 30px;
    height: 35px;
    position: relative;
    margin: 4px 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.frontend .nav-trigger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #777;
    /*border-radius: 6px;*/
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* Icon 3 */

.frontend .nav-trigger span:nth-child(1) {
    top: 5px;
}

.frontend .nav-trigger span:nth-child(2),
.nav-trigger span:nth-child(3) {
    top: 14px;
}

.frontend .nav-trigger span:nth-child(4) {
    top: 23px;
}

.frontend .nav-trigger.nav-is-visible span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.frontend .nav-trigger.nav-is-visible span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.frontend .nav-trigger.nav-is-visible span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.frontend .nav-trigger.nav-is-visible span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}



/*.tabs-phone{*/
/*!*margin-top: 5px;*!*/
/*}*/

.frontend .tabs-phone li a {
    position: relative;
    padding: 3px 6px;
    margin-right: 5px;
}

.frontend .tabs-phone li a.active,
.frontend .tabs-phone li a:hover {
    background: #5CB85C;
    color: #fff !important;
}

/*.tabs-phone > li:hover,*/
/*.tabs-phone > li > a.active:focus{*/
/*background-color: #fff;*/
/*}*/
/*.tabs-phone > li > a{*/
/*border-bottom: none !important;*/
/*background: #fff !important;*/
/*padding: 3px 6px;*/
/*!*cursor: pointer;*!*/
/*}*/
/*.tabs-phone > li > a.active,*/
/*.tabs-phone > li > a.active:hover,*/
/*.tabs-phone > li > a.active:focus{*/
/*border-width: 0px;*/
/*!*background-color: #fff;*!*/
/*}*/
.frontend .tabs-phone li a.active .tab-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -5px;
    left: 50%;
    margin-left: -4px;
    border-width: 0 5px 5px;
    border-bottom-color: #5CB85C;
}

/*.tabs-phone li a .tab-inner{*/
/*padding: 3px 6px;*/
/*}*/

.frontend .product-images {
    flex-direction: column !important;
}

@media (min-width: 992px) {
    .frontend .product-images {
        flex-direction: row !important;
    }
}

.frontend .product-images .carousel-indicators li {
    opacity: 1;
}

/*.frontend .products.card-columns {*/
/*@include media-breakpoint-only(lg) {*/
/*column-count: 4;*/
/*}*/
/*@include media-breakpoint-only(xl) {*/
/*column-count: 5;*/
/*}*/
/*}*/


/*products*/

.frontend .product-container h1.product-title {
    font-size: 32px;
}

.frontend .products {}

.frontend .products a {
    text-decoration: none;
}

.frontend .products .product .thumbnail {
    padding: 0px 0px 12px 0px;
    border-radius: 6px;
    position: relative;
    /*z-index: 999999999;*/
}

.frontend .products .product .thumbnail img {
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
}

/*.products .product .thumbnail .product-description {padding: 10px 10px; }*/
/*.products .product .thumbnail .product-description .price {*/
/*padding: 5px 10px;*/
/*}*/


.frontend .products .product .thumbnail .product-description {
    text-decoration: none;
    min-height: 65px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

/*.frontend .products .pagination-container{*/
/*margin-top: 30px;*/
/*}*/


/*.frontend .product-description .nav-tabs .nav-link.active{*/
/*border-bottom: 2px solid #607890;*/
/*height: 100%;*/
/*}*/

/*.frontend .products .product .thumbnail:hover .product-description .info {display: block !important;}*/

.frontend .product-container {
    position: relative;
    /*display: block;*/
    /*margin-bottom: 20px;*/
}

.frontend .product-container .cart-button-container {}

.frontend .product-container .cart-button {
    /*display: block;*/
    color: #fbf9f9 !important;
    border: 1px solid #f0751c;
    min-width: 121px;
    background: #fc7520;
    text-decoration: none;
    border-radius: 0.3rem;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    ;
    justify-content: center !important;
}

.frontend .product-container .cart-button:hover {
    color: #fff;
    border: 1px solid #f29720;
    text-decoration: none;
    background: #fd9729;
}

.frontend .product-container .cart-button .cart-button-title {
    /*display: flex;*/
    /*align-items: center;*/
}

.frontend .product-container .cart-button i {
    margin-bottom: -5px;
    margin-right: 8px;
}

.frontend .product-container .cart-button i:before,
.frontend .product-container .cart-button i:before {
    font-size: 1.7rem;
}


.frontend .product-container .carousel-control.left,
.frontend .product-container .carousel-control.right {
    background-image: none;
}

@media (min-width: 1200px) {

    .frontend .product-container .carousel-inner .lazy-image {
        /*max-height: 95vh !important;*/
        /*width:100%;*/
        /*padding-bottom: 95vh !important;*/
        /*max-height: 200px !important;*/
    }

    .frontend .product-container .carousel-inner,
    .frontend .product-container .carousel-item,
    .frontend .product-container .product-images,
    .frontend .product-container .carousel,
    .frontend .product-container .lazy-image

    /*.frontend .product-container .carousel-item img*/
        {
        max-height: 95vh !important;
        height: auto;
        max-width: 100%;
        /*max-height: 200px !important;*/
    }

    .frontend .product-container .carousel-item img {
        /*max-height: 100%;*/
        /*width: 100%;*/
        /*max-width: 100%;*/

        /*height: 100%;*/
        /*height: -moz-available;          !* WebKit игнор. *!*/
        /*height: -webkit-fill-available;  !* Mozilla игнор. *!*/
        /*height: fill-available;*/
        /*max-width: auto;*/

        /*height: 100% !important;*/
        /*width:  100% !important;*/
        /*height: 100% !important;*/
        /*max-width: 30vw !important;*/
        /*min-height: 95vh !important;*/
        /*max-height: 95vh !important;*/
        /*max-height: 100%;*/
        /*max-width: 100% !important;*/
        /*min-width: 0px !important;*/
        /*overflow: hidden !important;*/
    }

    /*.carousel{*/
    /*height: 95vh*/
    /*}*/
}


/*.product-container .product-images {padding-left:0px; }*/
/*.frontend .product-container .product-images .carousel-inner {border: 2px solid #f7f4f4;}*/
.frontend .product-container .zoom {
    position: absolute;
    bottom: 5px;
    left: 5px;
    opacity: 0.9;
}

.frontend .product-container .image-zoom-btn {
    position: absolute;
    color: transparent;
    right: 1px;
    left: 1px;
    bottom: 20px;
    margin: auto;
    width: 46px;
    height: 46px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcyRjBCMkJDNjA2NDExRTg5Nzk4Q0QxM0Y2RTY5OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcyRjBCMkJENjA2NDExRTg5Nzk4Q0QxM0Y2RTY5OTc2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJGMEIyQkE2MDY0MTFFODk3OThDRDEzRjZFNjk5NzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzJGMEIyQkI2MDY0MTFFODk3OThDRDEzRjZFNjk5NzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4AL+q0AAADj0lEQVR42tRaz2sTQRSeLjmktNBEAt32oDFQCPYSQUIIgjl46EGkJ/HosUf/nB57LJ6CeMjBQwQpIQjmEgkIuumhSaDoCoXmovGNfBvHyexmZrLbmAcfhLaz+83Lm+/9mK5NJhO2oOUIu4RtfM4QNglp/H5MuCL4hEvCiHCBz9a2Zkl8i7BHKBDuEtYN118TvhK+ED4TfiRNPEvYB3ZYPDYgdIHvSRAvEe4T7rBkrE/4SOjERfwWoQw4LFn7RWgD3xYhfptQJRTZzVqPcEY4tyHOD90jQp4txzzCOxziGUtFeHqZpJnw7p8qzzshMV1dMmmRfBWc5hIvLyGmo6wITpHES6o/soxPD9kyDiuDmzLGs9BpG8kbEloRZPN4cVEoBUzMAbd+kKREVXlIeGz4QE6yAfnSMU66RqhYev4t4b0YKltI46Zae2xAOii4+EZP8dnU9sF1SnzPsPboLfDyYP2JxfodcJ0SLxjGcz0iFIoIhyAk3IjnNCw2XQgOZw5ZUtcaIZ6qgGw6RGXqioPbwaE1yRmca85BE7BuKHOyHRIOBNJcYZrwaqAqRyHerxt6nHPdddC56FpL8bMDWWPxrTSlg8s39QIdkqxMniH5bQehoqsIsoJkDKUtjW+HKULGqF10FB6IOpSy1Szrj4zGs6Msk0JjqxvfYRWcF5GgPOkbykB5WgsQ30xZpmCRyBCazEJCoCMVTM8XfOefkEu6FUvMUjh0G5brfUjckaTtJ0K1KSqOK6xbxMYpDGs2NA+VKu5LEdkxE7GOKTaka1eOwe5VD29aeKujeKdpt+Vz4rqjsLSiM/INyY9D6hPTjuuSEx8ZLKiEeL2jyKY1idA4pCJ0LTw+4jHOB5DXmvVKHvAU9UYPhFXZtIMN+jEkMc71IuiAnhHuGSjJcUQtnRc86Gv0ni5qGF1t/0R4FRB/QHhiWJPbNAJxkH9D+BAkID7qHST0Il1HnGr83QBcpx0Qn093Lbz0UlHSzisRDkOk1dOozbvg+k+Xn8VDbcbIvjCeGCpkNA+FKUkKoyquSiGlbx8bmxlPBIuesuTHyfPIV6BQgfHx82tRdh2FbLVvqE4KOiI3pNMSD35bzhUqz7YNZyVJkfeFUUZbNdqSjd8EnFn0gXGSdwEPXGZuJ/63wX4PIVJicwb7K3uVkprzgHP293J1pS6vZKlcqetC0Vbygla0lbsSV06V2BL+CeG3AAMAAEwYFAVll2QAAAAASUVORK5CYII=')
}

.frontend .product-container .image-zoom-btn .fa-search-plus {
    margin-left: 3px;
}

.frontend .product-container .image-zoom-btn:hover {
    position: absolute;
    color: #a0a0a0;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 51px;
    border-radius: 23px;
    padding-top: 1px;
    padding-left: 2px;
    font-size: 28px;
}

/*.product-container .zoom:hover{opacity: 1;}*/
/*.product-container .zoom .fa-circle {color: #fff;}*/
/*.product-container .zoom .fa-search-plus {*/
/*color: #ccc;*/
/*padding-left: 3px;*/
/*padding-top: 1px;*/
/*}*/
/*.product-container .zoom:hover .fa-search-plus {color: #ccc;}*/
/*.product-container .product-price, .orders .order-sum {font-size: 36px;}*/

.frontend .product-container .palette-color-picker {
    margin: 9px 0;
    /*width:220px;*/
}

/*.product-description{*/
/*padding: 0px;*/
/*}*/

/*@media only screen and (max-width: 768px) {*/
/*.frontend .product-attributes {*/
/*padding: 0px;*/
/*}*/
/*}*/

/*.frontend .product-description .tab-pane ul {*/
/*list-style: none;*/
/*padding: 10px 0px;*/
/*}*/
/*.frontend .product-description .tab-pane ul li {*/
/*padding-left: 1.3em;*/
/*}*/
/*.frontend .product-description .tab-pane ul li:before {*/
/*content: "-";*/
/*display: inline-block;*/
/*color: #ccc;*/
/*margin-left: -5px;*/
/*width: 1.3em;*/
/*}*/

/*.product-info {*/
/*padding-right: 0px;*/
/*!*padding-left: 15px;*!*/
/*position: relative;*/
/*}*/

/*.frontend .product-info h1{*/
/*color: #666;*/
/*padding-left: 0px*/
/*}*/

/*@media(min-width:1068px){*/
/*.frontend .product-info{*/
/*!*padding-left: 25px*!*/
/*}*/
/*}*/


@media(max-width:992px) {

    /*.product-info{*/
    /*!*padding-left: 25px*!*/
    /*}*/
    /*.product-description{*/
    /*padding: 0px;*/
    /*}*/
    .product-description .title {
        font-size: 14px;
        margin-bottom: 10px !important;
    }

    .products .product-description .price {
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .products .thumbnail img {
        width: 100%;
    }

    /*.product-description {*/
    /*font-size: 18px;*/
    /*padding: 0px 15px;*/
    /*}*/
    .product-description .title {
        font-size: 14px;
        margin-bottom: 30px !important;
    }

    .products .product-description .price {
        font-size: 26px;
    }

    /*.product-info{*/
    /*padding-left: 0px*/
    /*}*/
    .product-images {
        padding-right: 0px;
    }

    .product-info .product-price {
        font-size: 48px;
        padding-left: 0px;
    }
}

@media(max-width:380px) {

    /*.product-info{*/
    /*padding-left: 0px;*/
    /*}*/
    .product-images {
        padding-right: 0px;
    }

    .product-price {
        padding-left: 0px;
    }
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hidden {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}




.lazy-image.loading {
    background: #ececec;
    /*border-radius: 8px;*/
    /*padding-bottom: 70%;*/
}

.lazy-image.loading::before {
    opacity: 0.3;
}

.lazy-image::after {
    border-color: transparent #ffffff #ffffff;
    opacity: 0.5;
}


.img-replaceable .lazy-image:last-child {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .img-replaceable:hover .lazy-image:first-child {
        display: none;
    }

    .img-replaceable:hover .lazy-image:last-child {
        display: block;
    }
}

.frontend .products-sections {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
}

.frontend .products-sections .section-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0.25rem !important;
    display: block;
    position: relative;
}

.frontend .products-sections .section-item .section-title {
    position: absolute;
    bottom: 0;
    /*top: 0;*/
    left: 0px;
    color: #ffffff;
    text-shadow: 2px 2px 1px #444;
    z-index: 2;
    font-size: 1rem;
    width: 100%;
    padding: 0.7rem;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .frontend .products-sections .section-item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0.25rem !important;
    }
}

@media (min-width: 1200px) {}




.frontend .products-sections .section-item .section-image img {
    position: relative;
    margin-top: -40%;
    transform: translateY(50%);
}

.frontend .products-sections .section-item:hover .section-image img {
    /*position: relative;*/
    /*margin-top: -50%;*/
    transform: translateY(0%);
}


/* POSTS */

.frontend .tags-container .tag-item {
    background: #dddddd;
    padding: 2px 5px;
    color: #969696;
    border-radius: 3px;
    margin-bottom: 4px;
}

.frontend .tags-container .tag-item[data-tag-counter^="2"] {
    background: rgba(221, 221, 221, 0.2) !important;
}

.frontend .tags-container .tag-item[data-tag-counter^="4"] {
    background: rgba(221, 221, 221, 0.4) !important;
}

.frontend .tags-container .tag-item[data-tag-counter^="6"] {
    background: rgba(221, 221, 221, 0.6) !important;
}

.frontend .tags-container .tag-item[data-tag-counter^="8"] {
    background: rgba(221, 221, 221, 0.8) !important;
}

.frontend .tags-container .tag-item[data-tag-counter^="1"] {
    background: rgba(221, 221, 221, 1) !important;
}


.frontend .post-user-container {
    margin-top: -25px;
}

.frontend .post-user-container>.title {}

.frontend .post-user-container .user-item {
    padding: 8px;

}

.frontend .post-user-container .user-item>.title {
    margin-top: 8px;
}


/* PERSONS */

.frontend .section-container,
.frontend .person-container {
    /*margin-top: 15px;*/
}

.frontend .section-container>h1.section-title,
.frontend .products-container h1,
.frontend .contacts-container h1,
.frontend .post-container h1,
.frontend .persons-container h1,
.frontend .person-container h1 {
    margin-top: 1.5rem !important;
    color: #6c757d !important;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.75rem !important;
    padding: 1rem 0 !important;
    border-bottom: 1px solid #dee2e6;
}

.frontend .person-container .person {}

.frontend .person-container .person-position {
    padding: 0.5rem 0 1rem 0;
    color: #aaa;
}

.frontend .person-container>.person-description {}

.frontend .person-container>.person-image {}

.frontend .breadcrumb {
    margin-bottom: 0;
    padding: 1rem;
}

/* POST */

.frontend .posts-preview-list .block {
    margin-bottom: 2rem;
}

.frontend .post-container .posts .post,
.frontend .posts-preview-list .posts .post {
    padding: 15px 15px 15px 15px;
    display: flex !important;
    flex-direction: column !important;
}

.frontend .post-container .posts .post .post-date .post-date-year,
.frontend .post-container .posts .post .post-date .post-date-month,
.frontend .posts-preview-list .posts .post-date .post-date-month,
.frontend .posts-preview-list .posts .post-date .post-date-year,
.frontend .posts-preview-list .posts .post-date .post-date-day {
    display: inline-block;
    ;
    padding: 5px 8px;
    text-transform: lowercase;
}


.frontend .post-container .posts .post h2.post-title,
.frontend .posts-preview-list .posts .post-title {
    font-size: 1.2rem;
    padding: 8px 0px;
    margin: 0px;
}

.frontend .post-container .breadcrumb {
    margin: 0px;
}

.frontend .post-container .post-authors {
    flex-wrap: wrap !important;
    display: flex !important;
    width: 30%;
    margin: 0 0 10px 10px;
    float: right;
    position: relative;
}

@media (min-width: 992px) {
    .frontend .post-container .post-authors {
        width: 25%;
    }
}

.frontend .post-container .post-authors .author-item {
    margin-left: 5px;
    margin-bottom: 5px;
}

.frontend .post-container .posts .post .post-date {
    color: #8c8c8c;
}

.frontend .post-container .posts .post .post-body {
    flex-grow: 1 !important;
    padding-bottom: 1rem;
}

.frontend .post-container .post-content {
    padding: 1rem 0;
    position: relative;
}

.frontend .post-container img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-bottom: 10px;
    max-height: 95vh !important;
}

.frontend .post-headers {
    margin-top: 1rem;
    padding: 0.5rem 0rem;
    height: auto !important;
}

/* POST STRUCTURE CONTAINER */

.frontend .post-structure-container {
    height: 100vh !important;
    padding-right: 0 !important;
    /*display: none !important;*/
    /*border-right: 1px solid #dee2e6 !important;*/
    flex: 0 0 auto;
    /*min-width: 20%;*/
    max-width: 100%;
    position: fixed;
    top: 0;
    /*bottom: 0px;*/
    /*left: 0px;*/
    /*right: 0px;*/
    background: #ffffff !important;
    z-index: 3;
}

.frontend .post-structure-button {
    position: fixed;
    width: 15px;
    z-index: 9999;
    height: 70px;
    background: #597684;
    top: calc((100% - 70px) / 2);
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 2px;
    opacity: 0.5;
    border: 1px solid #597684;
    padding: 0;
}

.frontend .post-structure-container {
    width: 0;
    left: 0;
    transition: left .3s ease, width .3s ease;
}

.frontend .pinned .post-structure-container {
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.frontend .post-structure-button {
    position: fixed;
    width: 15px;
    z-index: 9999;
    height: 70px;
    background: #597684;
    top: calc((100% - 70px) / 2);
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 2px;
    opacity: 0.5;
    border: 1px solid #597684;
    padding: 0;
}

.frontend .post-structure-button:before {
    font-size: 90%;
    margin-left: -1px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.frontend .pinned .post-structure-button:before {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.frontend .post-structure-navigation {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.frontend .post-structure-navigation .nav-link {
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    /*width: 50%;*/
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    flex: 1 0 0%;
    display: flex;
    flex-direction: column;
}

.frontend .post-structure-navigation .nav-link:last-child {
    text-align: right;
}

@media (min-width: 768px) {
    .frontend .post-structure-container {
        position: sticky;
        position: -webkit-sticky;
        display: block !important;
        width: 30% !important;
        margin-bottom: 1px;
    }

    .frontend .post-structure-navigation {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .frontend .post-structure-navigation .nav-link:first-child {
        margin-right: 0.5rem;
    }

    .frontend .post-structure-navigation .nav-link:last-child {
        margin-left: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .frontend .post-structure-container {
        width: 20% !important;
    }
}

.frontend .post-structure ul,
.frontend .post-structure ul li,
.frontend .post-headers ul,
.frontend .post-headers ul li {
    padding-left: 0.1rem;
    list-style-type: none;
}

.frontend .post-headers>ul {
    padding: 0.5rem 1rem;
    border-left: 1px solid #dee2e6 !important;
}

.frontend .post-structure ul,
.frontend .post-structure ul li {
    padding: 0.1rem 0.5rem;
    font-size: 16px;
}

/* PRODUCTS */

.frontend .product-description {
    width: 100%;
}

.frontend .product-description .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.frontend .product-description .nav-tabs>.nav-item {
    margin-bottom: 0px;

}

.frontend .product-description .nav-tabs>.nav-item .nav-link {
    color: #777;
}

.frontend .product-description .product-description-title {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border: none;
    background: transparent;
}

.frontend .product-description .product-description-title~.product-description-title {
    margin-left: 2px !important;
}

.frontend .product-description .product-description-title.active {
    border-bottom: 2px solid #607890;
    margin-bottom: -2px;
}

.frontend .product-description .product-description-content {
    /*margin-top: -1px;*/
    padding: 12px;
    border-top: 2px;
}

/*.frontend .product-description.opened [aria-expanded='true'] {*/
/*cursor: not-allowed;*/
/*pointer-events: none;*/
/*}*/
/*.frontend .product-description.opened [data-block-holder][aria-expanded='true'] {*/
/*cursor: pointer;*/
/*pointer-events: inherit;*/
/*}*/

/* LOCALES */

.frontend .locales-container {
    /*display: inline-flex !important;*/
    /*display: contents;*/
    padding: 0px;
}

.frontend .locales-container .locale-item {
    display: inline-block;
    width: auto;
}

.frontend .locales-container .locale-item>a {
    display: block;
    padding: 15px 0.25rem !important;
    text-decoration: none;
    border: 0 !important;
    outline: 0 !Important;
    color: #777;
    text-transform: uppercase;
}

.frontend .locales-container .locale-item>a *[class^="icon"] {
    width: 1.733333329em;
    line-height: 1.3em;
}

/*POSTS*/

.frontend .post .post-tags,
.frontend .post .post-sections {
    margin: 5px 0px;

    font-size: small;
}

.frontend .post .post-tags .tag-item,
.frontend .post .post-sections .section-item {
    font-size: small;
    color: #607890;
}

.frontend .footer-container {
    background: #000101;
    color: #FDF9EB;
}

.frontend .footer-container a {
    color: #FDF9EB;
    text-decoration: none;
}

.frontend .footer-container a:hover {
    color: #bceecf;
}

.frontend .footer-container .navbar-nav ul li {
    margin-right: 0.25rem;
}


/* MEGA DROPDOWN MASTER */

.mega-nav>.primary-nav {
    top: 65px;
    /*padding-bottom: 62px;*/
}


/* ORDERS */

/* payments method */
.frontend .footer-container .payment-methods-container {
    justify-content: center !important;
    display: flex !important;

}

.frontend .footer-container .payment-methods-container .method-item {
    padding: 0px 5px;
    flex: 0 0 25%;
    display: flex !important;
    align-items: center !important;
}



/* Cookie Notice Banner */

.frontend .privacy-container .privacy-modal {
    padding: 1.5rem !important;
    margin: 1rem !important;
    bottom: 0 !important;
    left: 0 !important;
    position: fixed;
    /*z-index: 1030;*/
    background: #fff;
    border: 10px solid #004583;
}

.frontend .privacy-container .privacy-modal .privacy-buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
}

.privacy-accept-button,
.privacy-customize-button {
    margin: 0.25rem;
    border: none;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    color: #574F44;
    width: 100%;
}

.privacy-accept-button {
    background-color: #f7cc64;
    border: 1px solid #f7cc64;
}

.privacy-customize-button {
    background-color: #f8f9fa;
}

@media(min-width:768px) {

    .frontend .privacy-container .privacy-modal .privacy-buttons {
        margin: 0 -0.25rem;
    }

    .privacy-accept-button,
    .privacy-customize-button {
        flex: 1 0 0%;
        margin: 0.25rem;
    }

    .privacy-accept-button {
        width: calc(50% - 0.5rem);
    }
}

@media(min-width:992px) {
    .frontend .privacy-container .privacy-modal {
        width: 33.33333333%;
    }

    .privacy-accept-button,
    .privacy-customize-button {
        flex: auto;
    }
}

/*TABLE*/

/*.frontend .table > :not(caption) > * > * {*/
/*    background: #fff;*/
/*}*/


/*BLOCK MENU*/

.frontend .block-menu-container {
    display: flex;
    /*flex-wrap: wrap;*/
    /*gap: 16px; !* Відстань між блоками *!*/
    padding: 16px;
    list-style: none;
    margin: 0;
    width: 100%;
}

.frontend .block-menu-container>.block-menu-item {
    /*width: calc(50% - 8px); !* 2 блоки на ряд, мінус половина gap *!*/
    aspect-ratio: 1 / 1;
    /* квадратна форма */
    display: flex;
    height: 100px;
}

.frontend .block-menu-container>.block-menu-item>a {
    border: 1px solid #d0d0d0;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    background-color: #eee8d8;
    transition: background-color 0.3s;
    line-height: normal;
    padding: 4px;
}

.frontend .block-menu-container>.block-menu-item>a>i {
    margin-bottom: 8px;
}

.frontend .block-menu-container>.block-menu-item a.active,
.frontend .block-menu-container>.block-menu-item a:hover {
    background-color: #d6d0c2;
    border-color: #8e8b81;
    cursor: pointer;
}

.frontend .block-menu-container .nav-link {
    display: flex;

}

.frontend .block-menu-container .nav-link:before {
    content: '';
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: #8e8b81;
    opacity: 0;
}

.frontend .block-menu-container .nav-link.active:before {
    opacity: 1;
}

.frontend .cross-options .table-hover {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    overflow: hidden;
    z-index: 1;
}

.frontend .cross-options .table-hover td,
.table-hover th.lazy-image,
.lazyload,
.lazyloading,
.lazyloaded,
.image-loaded {
    background: transparent !important;
}

.frontend .cross-options .table-hover tbody tr:hover {
    background-color: #eee8d8;
    /*color: #407240;*/
}

.frontend .cross-options .table-hover td:not(:first-child):hover {
    background: #d6d0c2 !important;
    /*border: 1px solid #8e8b81 !important;*/
}

.frontend .cross-options .table-hover td:not(:first-child):hover::before {
    background-color: #d6d0c2;
    color: #8e8b81;
    content: '\00a0';
    height: 100%;
    left: -5000px;
    position: absolute;
    top: 0;
    width: 10000px;
    z-index: -1;
}

.frontend .cross-options .table-hover td:not(:first-child):hover::after {
    background-color: #d6d0c2;
    color: #8e8b81;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1;
}

.frontend .form-control-sm.date {
    background-color: #d6d0c2;
    border: 1px solid #8e8b81;
    color: #8e8b81;
}

.frontend .form-control-sm.date:focus {
    background-color: #fff;
    border: solid 1px #d3d9df;
    color: #444;
}

.frontend select.has-error+.ts-wrapper .ts-control,
.frontend input.has-error.form-control,
.frontend input.has-error.form-control-sm.date {
    background-color: #a94442 !important;
    border-color: #a94442 !important;
    box-shadow: inset 0 0 0 1px #a94442 !important;
    color: #f3d7d5 !important;
}

.frontend select.has-error+.ts-wrapper .ts-control>input,
.frontend select.has-error+.ts-wrapper .item,
.frontend select.has-error+.ts-wrapper .title,
.frontend input.has-error.form-control,
.frontend input.has-error.form-control-sm.date {
    color: #f3d7d5 !important;
    caret-color: #f3d7d5 !important;
}

.frontend select.has-error+.ts-wrapper .ts-control>input::placeholder,
.frontend input.has-error.form-control::placeholder,
.frontend input.has-error.form-control-sm.date::placeholder {
    color: #f3d7d5 !important;
}

.frontend select.has-error+.ts-wrapper.focus .ts-control,
.frontend select.has-error+.ts-wrapper.dropdown-active .ts-control,
.frontend input.has-error.form-control:focus,
.frontend input.has-error.form-control-sm.date:focus {
    background-color: #a94442 !important;
    border-color: #a94442 !important;
    box-shadow: inset 0 0 0 1px #a94442 !important;
}

.frontend select.like-single+.ts-wrapper.multi.has-items .ts-control>input {
    position: relative;
    inset: auto;
    width: auto !important;
    min-width: 2rem;
    flex: 1 0 2rem;
    opacity: 1;
    pointer-events: auto;
}

.frontend select.like-single+.ts-wrapper.multi .ts-control {
    gap: 0.35rem;
    cursor: text;
}

.frontend select.like-single+.ts-wrapper.multi .item,
.frontend select.like-single+.ts-wrapper.multi .item:first-of-type {
    flex: 0 1 auto;
    max-width: calc(100% - 3rem);
}

.frontend select.like-single+.ts-wrapper.multi .item,
.frontend select.like-single+.ts-wrapper.multi .item>div,
.frontend select.like-single+.ts-wrapper.multi .item .title {
    pointer-events: none;
}

.frontend select.like-single+.ts-wrapper.multi.has-items .ts-control>input {
    min-width: 3rem;
    flex: 1 0 3rem;
}

.frontend select.like-single+.ts-wrapper.multi.focus .item:first-of-type,
.frontend select.like-single+.ts-wrapper.multi.input-active .item:first-of-type,
.frontend select.like-single+.ts-wrapper.multi.dropdown-active .item:first-of-type {
    display: none;
}

.frontend select.like-single+.ts-wrapper.multi.focus .ts-control[data-selected]::after,
.frontend select.like-single+.ts-wrapper.multi.input-active .ts-control[data-selected]::after,
.frontend select.like-single+.ts-wrapper.multi.dropdown-active .ts-control[data-selected]::after {
    display: none;
}

.frontend select.like-single+.ts-wrapper.multi.focus .ts-control>input,
.frontend select.like-single+.ts-wrapper.multi.input-active .ts-control>input,
.frontend select.like-single+.ts-wrapper.multi.dropdown-active .ts-control>input {
    min-width: 100%;
    flex: 1 1 auto;
    display: block !important;
    width: 100% !important;
    color: #574f45 !important;
    caret-color: #574f45 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2;
}

/* Courts/Judges: keep the first selected item long up to counter,
   hide input footprint while control is not in active typing state */
.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items .ts-control,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items .ts-control {
    position: relative;
    padding-right: 4.5rem !important;
}

.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items:not(.focus):not(.input-active):not(.dropdown-active) .ts-control>input,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items:not(.focus):not(.input-active):not(.dropdown-active) .ts-control>input {
    position: absolute !important;
    left: 0.875rem;
    right: 4.5rem;
    top: 0;
    bottom: 0;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items:not(.focus):not(.input-active):not(.dropdown-active) .item:first-of-type,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items:not(.focus):not(.input-active):not(.dropdown-active) .item:first-of-type {
    position: absolute !important;
    left: 0.875rem;
    right: 4.5rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 1;
}

.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items .item:first-of-type>div,
.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items .item:first-of-type .title,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items .item:first-of-type>div,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items .item:first-of-type .title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items.focus .item:first-of-type,
.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items.input-active .item:first-of-type,
.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items.dropdown-active .item:first-of-type,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items.focus .item:first-of-type,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items.input-active .item:first-of-type,
.frontend #pills-home .capacity-judges select.like-single+.ts-wrapper.multi.has-items.dropdown-active .item:first-of-type {
    position: static !important;
    transform: none !important;
}

.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi.has-items .ts-control[data-selected]::after {
    right: 0.625rem;
    min-width: 2rem;
    padding: 0 0.55rem;
}

/* Courts: in empty state keep full width for placeholder/input */
.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi:not(.has-items) .ts-control {
    padding-right: 0.875rem !important;
}

.frontend #pills-home .capacity-courts select.like-single+.ts-wrapper.multi:not(.has-items) .ts-control>input {
    width: 100% !important;
    min-width: 100% !important;
    flex: 1 1 auto !important;
}

/* TomSelect loading: disable generic .loading overlay (square white block) */
.frontend .ts-wrapper.loading::before,
.frontend .ts-wrapper.loading::after {
    content: none !important;
    display: none !important;
}

/* Keep loading spinner inside rounded dropdown style */
.frontend .ts-wrapper.loading .ts-dropdown {
    border: 0 !important;
    border-radius: 1.25rem !important;
    background-color: #fbf8f0 !important;
    box-shadow: 0 10px 24px rgba(87, 79, 69, 0.12) !important;
    overflow: hidden;
}

.frontend .ts-wrapper.loading .ts-dropdown .ts-dropdown-content {
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frontend .ts-wrapper.loading .ts-dropdown .spinner {
    margin: 0.25rem auto !important;
}

/* Unified accent table styles for customs proto blocks */
.frontend .brown-table-head {
    background: #d6d0c2;
}

.frontend .brown-table-head.brown-table-head--bordered {
    border-color: #8e8b81;
    border-bottom: 2px solid #8e8b81;
}

.frontend .brown-table-head-row {
    color: #574f44;
    border-bottom: 2px solid #8e8b81;
}

.frontend .brown-table-foot {
    background: #d6d0c2;
    border-top: 2px solid #8e8b81;
}

.frontend .brown-table-row,
.frontend .brown-table-foot-row {
    color: #574f44;
}

/* Deep judgments table: keep table inside column without horizontal scroll */
.frontend .deep-judgments-content .brown-table {
    width: 100%;
    table-layout: fixed;
}

.frontend .deep-judgments-content .brown-table th,
.frontend .deep-judgments-content .brown-table td {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Deep judgment summary card */
.frontend .deep-judgment-summary-card {
    border: 1px solid #d8d1bf;
    background: #f4efdf;
}

.frontend .deep-judgment-summary-head {
    background: linear-gradient(180deg, #e9e2cf 0%, #efe8d8 100%);
    border-bottom: 1px solid #d8d1bf;
}

.frontend .deep-judgment-summary-label {
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #847d6f;
}

.frontend .deep-judgment-summary-total {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #574f44;
    background: #d9d1be;
    border: 1px solid #c9c0ab;
}

.frontend .deep-judgment-summary-chip {
    background: #dbd3c2;
    color: #4f473d;
    border: 1px solid #c9c0ab;
    font-weight: 500;
}

.frontend .deep-judgment-summary-metrics-wrap {
    background: #e6decb;
    border-top: 2px solid #c8bea7;
    border-bottom: 2px solid #c8bea7;
    border-radius: 10px;
    padding: 10px 8px;
    margin-left: 0;
    margin-right: 0;
}

.frontend .deep-judgment-summary-metric {
    height: 100%;
    border: 1px solid #d8d1bf;
    border-radius: 8px;
    background: #f4ecda;
    padding: 8px 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 96px;
}

.frontend .deep-judgment-summary-metric-title {
    font-size: 10px;
    letter-spacing: 0.08em;
    color: #8d8678;
}

.frontend .deep-judgment-summary-metric-value {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    color: #574f44;
    text-align: center;
}

.frontend .deep-judgment-summary-footer {
    border-radius: 10px;
    border: 1px solid #d7ccaf;
    background: #eee3c6;
    color: #54493b;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.frontend .deep-judgment-summary-footer-value {
    min-width: 32px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.frontend #pagination .page-link,
.frontend #pagination .pagebutton {
    color: #574f44 !important;
}

.frontend #pagination .page-item.active .page-link {
    background-color: #574f44 !important;
    border-color: #574f44 !important;
    color: #ffffff !important;
}

.frontend #pagination .btn-group-toggle .page-link.active {
    background-color: #574f44 !important;
    border-color: #574f44 !important;
    color: #ffffff !important;
}

.frontend #pagination .page-item:not(.active) .page-link:hover,
.frontend #pagination .btn-group-toggle .page-link:not(.active):hover {
    background-color: #8f887f !important;
    border-color: #8f887f !important;
    color: #ffffff !important;
}

.frontend #pagination .page-item.arrow .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.frontend #pagination .page-item.arrow .page-link i {
    color: inherit !important;
}

.frontend #pagination .page-item.arrow:not(.disabled) .page-link:hover {
    background-color: #8f887f !important;
    border-color: #8f887f !important;
    color: #ffffff !important;
}

.frontend #pagination {
    align-items: center;
}

.frontend #pagination>ul.pagination {
    align-items: center;
}

.frontend #pagination>ul.pagination>.page-item>.page-link {
    display: inline-flex;
    align-items: center;
}

.frontend #pagination .page-item.arrow .page-link i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.frontend #pagination .page-item.arrow .page-link i:before {
    margin-left: 0 !important;
    margin-right: 0 !important;
    line-height: 1 !important;
}

.frontend #declarations-filter-form .deep-judgment-search-pane {
    background: transparent !important;
    border: 0 !important;
}

.frontend #declarations-filter-form .deep-judgment-search-action {
    min-width: 42px;
    padding-top: 2px;
}

.frontend #declarations-filter-form .deep-judgment-search-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
}

@media (max-width: 991.98px) {
    .frontend #declarations-filter-form .deep-judgment-search-action {
        width: 100%;
        justify-content: center !important;
        padding-top: 0;
    }
}

/* Electronic Cabinet Custom Styles */
.cabinet-login-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: #f3f6f6;
}

.login-bg-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(50px);
    opacity: 0.95;
    pointer-events: none;
    z-index: 1;
}

.login-bg-shape-1 {
    top: -100px;
    left: -100px;
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, rgba(84, 120, 115, 0.5) 0%, rgba(84, 120, 115, 0.25) 45%, transparent 70%);
}

.login-bg-shape-2 {
    bottom: -150px;
    right: -150px;
    width: 750px;
    height: 750px;
    background: radial-gradient(circle, rgba(63, 99, 95, 0.45) 0%, rgba(63, 99, 95, 0.2) 45%, transparent 70%);
}

.z-2 {
    z-index: 2 !important;
}

.cabinet-login-inner {
    width: 70vw;
    height: 70vh;
    min-height: 560px;
}

.cabinet-login-container {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.cabinet-auth-logo {
    width: auto;
    max-height: 48px;
}


.cabinet-login-left .brand-caption span {
    display: block;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
    color: #1d2d2c !important;
}

.cabinet-login-left {
    background: #b5c4c4;
    color: #1d2d2c;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.cabinet-login-left .brand-caption {
    max-width: 220px;
    margin: 0 10px;
    padding: 0 15px;
    align-self: center;
    border-left: 3px solid rgba(29, 45, 44, 0.3);
}

.cabinet-login-left h5,
.cabinet-login-left .bullets-info h5 {
    color: #1d2d2c !important;
}

.cabinet-login-left .bullets-info span {
    background-color: rgba(84, 120, 115, 0.15) !important;
    color: #3f635f !important;
}

.cabinet-login-left .brand-footer {
    border-top-color: rgba(29, 45, 44, 0.15) !important;
    color: rgba(29, 45, 44, 0.6) !important;
}

.cabinet-login-left .brand-footer a {
    color: rgba(29, 45, 44, 0.6) !important;
}

.cabinet-login-left::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 60%);
    pointer-events: none;
}

.cabinet-login-right {
    padding: 2.5rem;
    background: #f7fafc;
}

.cabinet-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.cabinet-card .tab-content {
    display: grid;
}

.cabinet-card .tab-content>.tab-pane {
    grid-area: 1 / 1;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.cabinet-card .tab-content>.tab-pane.show.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cabinet-nav-link {
    font-weight: 500;
    color: #718096;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.cabinet-nav-link.active {
    color: #547873 !important;
    border-bottom-color: #547873 !important;
    background: transparent !important;
}

.cabinet-dropzone {
    display: block;
    width: 100%;
    border: 2px dashed #cbd5e0;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cabinet-dropzone:hover {
    border-color: #547873;
    background: #edf2f2;
}

.cabinet-dropzone i {
    font-size: 2.5rem;
    color: #a0aec0;
    margin-bottom: 0.75rem;
    display: block;
}

.cabinet-btn-primary {
    background: #547873;
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.cabinet-btn-primary:hover {
    background: #3f635f;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(84, 120, 115, 0.2);
}

.cabinet-btn-outline {
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #4a5568;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.cabinet-btn-outline:hover {
    background: #f7fafc;
    border-color: #cbd5e0;
}

.cabinet-demo-box {
    border-top: 1px dashed #e2e8f0;
    padding-top: 1.5rem;
}

.cabinet-role-badge {
    background: rgba(66, 153, 225, 0.1);
    color: #2b6cb0;
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    font-weight: 600;
}

.cabinet-top-menu-nav {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.cabinet-top-menu-nav a {
    color: #4a5568;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.cabinet-top-menu-nav a:hover {
    color: #2b6cb0;
}

@media (max-width: 991.98px) {
    .cabinet-login-wrapper {
        min-height: auto;
        display: block;
        padding: 1rem;
    }

    .cabinet-login-inner {
        width: 100%;
        height: auto;
        min-height: 0;
    }
}

.cabinet-workflow {
    height: 100vh;
    min-height: 100vh;
    background: #eef3f4;
    color: #263238;
}

.cabinet-workflow-page .main-content {
    min-height: 100vh;
}

.cabinet-workflow-topbar {
    min-height: 49px;
    padding: 0 0 0 10px;
    background: #314953;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.cabinet-workflow-brand {
    width: 250px;
    min-height: 49px;
    display: flex;
    align-items: center;
    color: #d7e2e6;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0;
}

.cabinet-workflow-brand:hover {
    color: #fff;
}

.cabinet-workflow-controls {
    min-width: 0;
    overflow: hidden;
}

.cabinet-workflow-filter {
    width: 220px;
    max-width: 22vw;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cabinet-workflow-topbar .nav-link {
    color: #d7e2e6;
    min-height: 49px;
    display: flex;
    align-items: center;
}

.cabinet-workflow-topbar .nav-link:hover,
.cabinet-workflow-topbar .nav-link:focus {
    color: #fff;
}

.cabinet-workflow-profile-menu {
    width: min(820px, calc(100vw - 20px));
}

.cabinet-workflow-profile-menu .slider-nav {
    height: 190px;
}

.cabinet-workflow-icon-btn {
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cabinet-workflow-icon-btn i {
    line-height: 1;
}

.cabinet-workflow-user {
    min-height: 72px;
    padding: 10px 18px;
    background: #fff;
    border-bottom: 1px solid #d9e1e4;
}

.cabinet-workflow-shell {
    min-height: 0;
}

.cabinet-workflow-sidebar {
    order: 1;
    width: 250px;
    background: #314953;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.workflow-sidebar-right .cabinet-workflow-sidebar {
    order: 3;
    border-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.cabinet-workflow-main {
    order: 2;
    min-width: 0;
}

.cabinet-workflow-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 60px;
    padding: 0 18px;
    border: 0;
    color: #b9c8ce;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-weight: 600;
    background: transparent;
}

.cabinet-workflow-nav-item i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    color: #d7e2e6;
}

.cabinet-workflow-nav-item:hover,
.cabinet-workflow-nav-item.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.cabinet-workflow-sidebar-toggle {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 0;
    cursor: pointer;
}

.cabinet-workflow-content {
    min-height: 100%;
    padding: 18px;
}

.cabinet-workflow-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    min-height: 100%;
}

.cabinet-workflow-dashboard {
    min-width: 0;
}

.cabinet-workflow-stat {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #d9e1e4;
    border-left-width: 5px;
    border-radius: 8px;
    background: #fff;
    color: #263238;
    box-shadow: 0 4px 14px rgba(49, 73, 83, 0.08);
}

.cabinet-workflow-stat:hover,
.cabinet-workflow-stat.active {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(49, 73, 83, 0.14);
}

.cabinet-workflow-stat-title {
    color: #56636a;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.cabinet-workflow-stat-count {
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.cabinet-workflow-stat-caption {
    color: #7b8a91;
    font-size: 13px;
}

.cabinet-workflow-table {
    border-radius: 8px;
    overflow: hidden;
}

.cabinet-workflow-cases-table {
    table-layout: fixed;
}

.cabinet-workflow-cases-table th {
    color: #4f6c7d;
    font-weight: 600;
    white-space: nowrap;
}

.cabinet-workflow-cases-table td {
    overflow-wrap: break-word;
}

.cabinet-workflow-cases-table td {
    vertical-align: top;
}

.cabinet-workflow-cases-table th,
.cabinet-workflow-cases-table td {
    border-color: #dce4e4;
}

.cabinet-workflow-cases-table tbody tr:hover>* {
    --bs-table-accent-bg: rgba(84, 120, 115, 0.05);
}

.cabinet-workflow-selection-col {
    width: 44px;
}

/* Заголовок і комірки колонки вибору мають однаковий padding і
   однаковий спосіб центрування, щоб master-чекбокс і рядкові
   чекбокси стояли на одній вертикальній осі. */
.cabinet-workflow-cases-table .cabinet-workflow-selection-col,
.cabinet-workflow-cases-table td[data-table-selection-cell] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

.cabinet-workflow-summary-col {
    width: 160px;
}

.cabinet-workflow-date-col {
    width: 130px;
}

.cabinet-workflow-events-col {
    width: 110px;
}

.cabinet-workflow-parties-col {
    width: 26%;
}

.cabinet-workflow-judge-col {
    width: 160px;
}

.cabinet-workflow-stage-col {
    width: 30%;
}

.cabinet-workflow-parties-cell {
    white-space: normal;
    word-break: break-word;
}

.cabinet-workflow-next-action {
    color: #547873;
}

.cabinet-workflow-priority-badge,
.cabinet-workflow-deadline-badge,
.cabinet-workflow-duration-badge,
.cabinet-workflow-unread-badge {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    text-align: left;
    border-radius: 6px;
    font-weight: 700;
    letter-spacing: 0;
}

.cabinet-workflow-priority-secondary {
    color: #526263;
    background: #edf2f2;
    border: 1px solid #d5dfdf;
}

.cabinet-workflow-priority-primary {
    color: #365f8d;
    background: #e8f1fb;
    border: 1px solid #bfd4ed;
}

.cabinet-workflow-priority-warning,
.cabinet-workflow-deadline-warning {
    color: #856404;
    background: #fff3cd;
    border: 1px solid #ffe08a;
}

.cabinet-workflow-priority-danger,
.cabinet-workflow-deadline-danger {
    color: #8b2f38;
    background: #f8d7da;
    border: 1px solid #f1aeb5;
}

.cabinet-workflow-deadline-success {
    color: #3f635f;
    background: #dbe8e6;
    border: 1px solid #b8ceca;
}

.cabinet-workflow-duration-badge {
    color: #3f635f;
    background: #dbe8e6;
    border: 1px solid #b8ceca;
}

.cabinet-workflow-unread-badge {
    color: #fff;
    background: #547873;
}

.cabinet-workflow-case-row:hover>* {
    --bs-table-accent-bg: rgba(84, 120, 115, 0.05);
}

/* === Картка справи === */
.cabinet-case-page {
    background: #f4f6f6;
}

.cabinet-case-topbar {
    min-height: 64px;
}

.cabinet-case-tabs {
    min-height: 40px;
}

.cabinet-case-back-btn {
    width: 36px;
    height: 36px;
    background: #edf2f2;
    color: #3f635f;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cabinet-case-back-btn:hover {
    background: #dbe8e6;
    color: #2c4744;
}

.cabinet-case-title {
    font-size: 16px;
    line-height: 1.2;
}

.cabinet-case-stats {
    margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid #dce4e4;
}

.cabinet-case-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 12px;
    border-left: 1px solid #dce4e4;
    line-height: 1.25;
}

.cabinet-case-stat:first-child {
    border-left: none;
    padding-left: 0;
}

.cabinet-case-stat-value {
    font-weight: 700;
    font-size: 14px;
    color: #2f3e46;
    white-space: nowrap;
}

.cabinet-case-stat-label {
    font-size: 10px;
    color: #7b8a91;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.cabinet-case-actions-btn {
    border-radius: 8px;
    font-weight: 600;
    color: #3f635f;
    padding: 8px 16px;
}

.cabinet-case-add-btn {
    background: #547873;
    color: #fff;
    border: none;
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 1;
}

.cabinet-case-add-btn:hover {
    background: #466661;
    color: #fff;
}

.cabinet-case-add-btn:active,
.cabinet-case-add-btn:focus,
.cabinet-case-add-btn:focus-visible,
.cabinet-case-add-btn.show,
.show > .cabinet-case-add-btn {
    background: #547873 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.cabinet-case-add-zone {
    width: 280px;
    margin-top: 11px !important;
}

.cabinet-case-add-zone > .popover-arrow.right {
    right: 12px;
    margin-left: 0;
}

.cabinet-case-add-option {
    flex: 1 1 calc(33.333% - 0.5rem);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 10px 6px;
    color: #526263;
    text-align: center;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cabinet-case-add-option:hover {
    background: #edf2f2;
    border-color: #d5dfdf;
    color: #2c4744;
}

.cabinet-case-add-option-icon {
    width: 36px;
    height: 36px;
    background: #edf2f2;
    color: #3f635f;
    font-size: 16px;
}

.cabinet-case-add-option:hover .cabinet-case-add-option-icon {
    background: #dbe8e6;
}

.cabinet-case-icon-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf2f2;
    color: #547873;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cabinet-case-icon-btn:hover {
    background: #dbe8e6;
    color: #3f635f;
}

.cabinet-case-avatar-img {
    border: 2px solid #edf2f2;
}

.cabinet-case-tabs {
    gap: 4px;
}

.cabinet-case-tab {
    display: inline-flex;
    align-items: center;
    padding: 0 16px;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #7b8a91;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.cabinet-case-tab:hover {
    color: #3f635f;
}

.cabinet-case-tab.active {
    color: #3f635f;
    border-bottom-color: #547873;
}

.cabinet-case-block {
    background: #fff;
}

.cabinet-case-ai-block {
    position: relative;
    overflow: hidden;
    min-height: 0;
    background: linear-gradient(135deg, #dcedea 0%, #eef6f5 32%, #f1eef9 68%, #fbeef6 100%);
    border: 1px solid #cfe0de !important;
}

.cabinet-case-ai-block>* {
    min-height: 0;
}

.cabinet-case-ai-block::before,
.cabinet-case-ai-block::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.cabinet-case-ai-block::before {
    top: -70px;
    right: -60px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(84, 120, 115, 0.30) 0%, rgba(139, 111, 184, 0.16) 55%, rgba(255, 255, 255, 0) 75%);
}

.cabinet-case-ai-block::after {
    bottom: -90px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(195, 130, 178, 0.20) 0%, rgba(84, 120, 115, 0) 70%);
}

.cabinet-case-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(120deg, #547873 0%, #8b6fb8 100%);
    border-radius: 6px;
    padding: 3px 9px;
    box-shadow: 0 2px 6px rgba(139, 111, 184, 0.25);
}

.cabinet-case-ai-badge i {
    font-size: 11px;
}

.cabinet-case-ai-chat-scroll,
.cabinet-case-ai-chat-form {
    z-index: 1;
}

.cabinet-case-ai-chat-scroll {
    height: 220px;
    margin-right: -12px;
    padding-right: 14px;
    margin-bottom: 10px;
}

.cabinet-case-ai-chat-scroll::-webkit-scrollbar {
    width: 6px;
}

.cabinet-case-ai-chat-scroll::-webkit-scrollbar-thumb {
    background: rgba(139, 111, 184, 0.3);
    border-radius: 3px;
}

.cabinet-case-ai-message {
    font-size: 13px;
    line-height: 1.6;
    color: #3a474b;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.7);
    margin-bottom: 12px;
    max-width: 92%;
}

.cabinet-case-ai-message--user {
    margin-left: auto;
    color: #2f3e46;
    background: linear-gradient(120deg, rgba(84, 120, 115, 0.16) 0%, rgba(139, 111, 184, 0.18) 100%);
    border-color: rgba(139, 111, 184, 0.3);
}

.cabinet-case-ai-suggestions {
    flex-wrap: nowrap;
}

.cabinet-case-ai-suggestion {
    flex: 1 1 0;
    min-width: 0;
    font-size: 12px;
    line-height: 1.3;
    color: #4d5a5b;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(139, 111, 184, 0.25);
    border-radius: 10px;
    padding: 8px 12px;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.cabinet-case-ai-suggestion:hover {
    background: #fff;
    border-color: #8b6fb8;
    color: #2c3536;
    transform: translateY(-1px);
}

.cabinet-case-ai-chat-form {
    border-top: 1px dashed #cbdedb;
    padding-top: 12px;
}

.cabinet-case-ai-chat-input {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #d5e2e1;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cabinet-case-ai-chat-input:focus {
    background: #fff;
    border-color: #8b6fb8;
    box-shadow: 0 0 0 0.2rem rgba(139, 111, 184, 0.15);
}

.cabinet-case-ai-chat-send {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    color: #fff;
    background: linear-gradient(135deg, #547873 0%, #8b6fb8 100%);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.cabinet-case-ai-chat-send:hover {
    opacity: 0.88;
    color: #fff;
    transform: translateY(-1px);
}

.cabinet-case-badge-muted {
    color: #526263;
    background: #edf2f2;
    border: 1px solid #d5dfdf;
    border-radius: 6px;
    font-weight: 700;
}

.cabinet-case-related-link {
    padding: 6px 10px;
    border-radius: 8px;
    background: #f7f9f9;
    transition: background-color 0.15s ease;
}

.cabinet-case-related-link:hover {
    background: #edf2f2;
}

.cabinet-case-avatar-circle {
    width: 36px;
    height: 36px;
    font-size: 13px;
    background: #547873;
}

.cabinet-case-avatar-circle-sm {
    width: 28px;
    height: 28px;
    font-size: 11px;
}

.cabinet-case-participant-row {
    background: #f7f9f9;
}

.cabinet-case-msg-btn {
    color: #3f635f;
    background: #edf2f2;
    border: 1px solid #d5dfdf;
    border-radius: 6px;
    font-weight: 600;
}

.cabinet-case-msg-btn:hover {
    background: #dbe8e6;
    color: #2c4744;
}

.cabinet-case-timeline-item {
    position: relative;
    padding: 0 0 16px 22px;
    border-left: 2px solid #dce4e4;
    margin-left: 5px;
}

.cabinet-case-timeline-item:last-child {
    border-left-color: transparent;
    padding-bottom: 0;
}

.cabinet-case-timeline-marker {
    position: absolute;
    left: -7px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #cbd5d4;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #dce4e4;
}

.cabinet-case-timeline-current .cabinet-case-timeline-marker {
    background: #547873;
    box-shadow: 0 0 0 1px #547873;
}

.cabinet-case-timeline-current .fw-medium {
    color: #3f635f;
}

.cabinet-case-message-item {
    background: #f7f9f9;
}

.cabinet-workflow-pagination .page-link {
    color: #547873 !important;
    background-color: #ffffff;
    border-color: #dee2e6;
}

.cabinet-workflow-pagination .page-item.active .page-link {
    background-color: #547873 !important;
    border-color: #547873 !important;
    color: #ffffff !important;
}

.cabinet-workflow-pagination .page-item.disabled .page-link {
    color: #a0b2b0 !important;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}

.cabinet-workflow-pagination .page-item:not(.active):not(.disabled) .page-link:hover {
    background-color: #edf2f2;
    color: #3f635f !important;
    border-color: #b8ceca;
}

.cabinet-workflow-timeline {
    min-height: 100%;
    border-radius: 8px;
}

.cabinet-workflow-timeline-list {
    position: relative;
}

.cabinet-workflow-event {
    position: relative;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 16px;
    padding: 0 0 24px;
}

.cabinet-workflow-event::before {
    content: "";
    position: absolute;
    left: 88px;
    top: 8px;
    bottom: -8px;
    width: 2px;
    background: #b7d9e5;
}

.cabinet-workflow-event::after {
    content: "";
    position: absolute;
    left: 82px;
    top: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #86cce3;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #86cce3;
}

.cabinet-workflow-event:last-child {
    padding-bottom: 0;
}

.cabinet-workflow-event:last-child::before {
    display: none;
}

.cabinet-workflow-event.active::after {
    background: #198754;
    box-shadow: 0 0 0 1px #198754;
}

.cabinet-workflow-event-time span {
    display: block;
    color: #263238;
    font-size: 22px;
    font-weight: 500;
}

.cabinet-workflow-event-time small {
    color: #9aa6ab;
}

.cabinet-workflow-event-body {
    min-width: 0;
    padding-left: 10px;
}

@media (max-width: 1199.98px) {
    .cabinet-workflow-grid {
        grid-template-columns: 1fr;
    }

    .cabinet-workflow-timeline {
        min-height: auto;
    }
}

@media (max-width: 991.98px) {
    .cabinet-workflow {
        height: auto !important;
        min-height: 100vh;
    }

    .cabinet-workflow-topbar,
    .cabinet-workflow-shell {
        display: block !important;
    }

    .cabinet-workflow-brand,
    .cabinet-workflow-sidebar {
        width: 100%;
    }

    .cabinet-workflow-topbar {
        padding: 10px;
    }

    .cabinet-workflow-controls {
        margin: 10px 0;
        overflow-x: auto;
    }
}

/* ==========================================================================
   Cabinet Workflow Layout Redesign
   ========================================================================== */
html,
body.cabinet-workflow-page,
body.cabinet-workflow-page .main-content {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cabinet-workflow-layout {
    font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #f3f6f6;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

/* Sidebar 1: Dark Narrow Sidebar */
.workflow-sidebar-dark {
    width: 80px;
    background-color: #151922;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    height: 100%;
    z-index: 10;
}

.workflow-logo-btn {
    width: 42px;
    height: 42px;
    background-color: #fff;
    color: #151922;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.workflow-logo-btn:hover {
    background-color: #f0f0f0;
    color: #151922;
}

.workflow-nav-icon-link {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8c9ba5;
    border-radius: 12px;
    font-size: 20px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.workflow-nav-icon-link:hover,
.workflow-nav-icon-link.active {
    color: #151922;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.workflow-avatar-link img {
    border: 2px solid transparent;
    transition: border-color 0.2s;
}

.workflow-avatar-link:hover img {
    border-color: #fff;
}

.workflow-settings-btn {
    color: #8c9ba5;
    font-size: 20px;
    transition: color 0.2s;
    text-decoration: none;
}

.workflow-settings-btn:hover {
    color: #fff;
}

/* Sidebar 2: Light Gray-Green Sidebar */
.workflow-sidebar-light {
    width: 270px;
    background-color: #b5c4c4;
    height: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    z-index: 9;
}

.workflow-dropdown-title {
    font-size: 18px;
    font-weight: 800;
    color: #151922;
    display: flex;
    align-items: center;
}

.workflow-dropdown-title::after {
    margin-left: 8px;
}

.workflow-add-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    border-radius: 50%;
    padding: 0;
}

.workflow-search-box input {
    background-color: #cbd8d8 !important;
    border: none;
    height: 40px;
    color: #151922;
    font-size: 14px;
}

.workflow-search-box input::placeholder {
    color: #5d6f6f;
}

.workflow-filter-btn {
    background-color: #cbd8d8;
    color: #151922;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.workflow-filter-btn:hover {
    background-color: #b8c7c7;
}

/* Case Card Styles */
.workflow-case-card {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.workflow-case-card:hover {
    background-color: #fff;
    transform: translateY(-2px);
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.workflow-case-card:hover .workflow-case-avatar {
    background-color: #e2e8f0;
}

.workflow-case-avatar {
    width: 40px;
    height: 40px;
    background-color: #f1f5f9;
    color: #151922;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 800;
}

.workflow-case-timeline {
    font-size: 13px;
}

.workflow-timeline-line {
    position: absolute;
    left: 7px;
    top: 10px;
    bottom: 10px;
    width: 1px;
    border-left: 2px dashed #8a9c9c;
}

.workflow-timeline-point {
    position: absolute;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #151922;
}

.point-departure {
    top: 5px;
}

.point-arrival {
    bottom: 5px;
}

/* Central Area: Map */
.workflow-map-area {
    height: 100%;
}

.workflow-map-search {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.workflow-map-marker {
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.workflow-map-marker:hover {
    transform: scale(1.1);
}

.workflow-map-marker::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.workflow-map-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.2s;
}

.workflow-map-btn:hover {
    background-color: #f8f9fa;
}

/* Sidebar 3: Right White Activity Sidebar */
.workflow-sidebar-right {
    width: 320px;
    height: 100%;
    z-index: 8;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.workflow-right-tabs {
    background-color: #f3f6f6;
}

.workflow-right-tabs .btn-white {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.workflow-activity-icon {
    background-color: #151922 !important;
}

/* Custom Scrollbar for sidebars */
.workflow-cases-list::-webkit-scrollbar,
.workflow-activity-list::-webkit-scrollbar {
    width: 4px;
}

.workflow-cases-list::-webkit-scrollbar-thumb,
.workflow-activity-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.workflow-cases-list::-webkit-scrollbar-track,
.workflow-activity-list::-webkit-scrollbar-track {
    background: transparent;
}

/* Two-level menu sidebar styles */
.workflow-menu-list {
    margin-top: 10px;
}

.workflow-menu-item {
    background-color: transparent;
    border: none;
    transition: all 0.2s ease;
}

.workflow-menu-item:hover,
.workflow-menu-item.active {
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: none;
}

.workflow-menu-item.active .workflow-menu-icon-bg i {
    color: #fff !important;
}

/* Right sidebar tabs custom styling */
.workflow-right-tabs {
    background-color: #f3f6f6;
    border-radius: 8px;
    padding: 2px;
}

.workflow-right-tabs .nav-link {
    background: transparent;
    color: #5d6f6f;
    border: none;
    transition: all 0.2s ease;
}

.workflow-right-tabs .nav-link.active {
    background-color: #fff !important;
    color: #151922 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Table Selection: checkbox hover-reveal
   ========================================================================== */

/* Default: hide checkbox, show index */
[data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-box] {
    display: none !important;
}

[data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-index] {
    display: inline-block;
}

/* Hover / active: show checkbox, hide index */
[data-table-selection-table="true"] tr:hover [data-table-selection-box],
[data-table-selection-table="true"] [data-table-selection-cell]:hover [data-table-selection-box],
[data-table-selection-table="true"] [data-table-selection-cell][data-table-selection-active="1"] [data-table-selection-box] {
    display: inline-flex !important;
}

[data-table-selection-table="true"] tr:hover [data-table-selection-index],
[data-table-selection-table="true"] [data-table-selection-cell]:hover [data-table-selection-index],
[data-table-selection-table="true"] [data-table-selection-cell][data-table-selection-active="1"] [data-table-selection-index] {
    display: none;
}

/* Stable slot geometry to prevent row height jump */
[data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-slot] {
    position: relative;
    width: 1.35rem;
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

[data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-index],
[data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-box] {
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
}

/* Touch fallback: always show checkbox on touch devices */
@media (hover: none) {
    [data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-box] {
        display: inline-flex !important;
    }

    [data-table-selection-table="true"] [data-table-selection-cell] [data-table-selection-index] {
        display: none;
    }
}

/* Cabinet workflow checkbox styling */
.cabinet-workflow-cases-table .form-check-input[type=checkbox] {
    margin: 0;
    border-color: #8fa3a3;
    background-color: #fff;
    accent-color: #547873;
    cursor: pointer;
}

.cabinet-workflow-cases-table .form-check-input[type=checkbox]:focus {
    border-color: #547873;
    box-shadow: 0 0 0 0.15rem rgba(84, 120, 115, 0.18);
}

.cabinet-workflow-cases-table .form-check-input[type=checkbox]:checked {
    border-color: #547873;
    background-color: #547873;
    accent-color: #547873;
}

.cabinet-workflow-cases-table .form-check-input[type=checkbox]:indeterminate {
    border-color: #547873;
    background-color: #547873;
    accent-color: #547873;
}

.cabinet-workflow-pagination .page-link {
    color: #547873;
}

.cabinet-workflow-pagination .page-link:hover,
.cabinet-workflow-pagination .page-link:focus {
    color: #3f5f5b;
}

.cabinet-workflow-pagination .page-item.active .page-link,
.cabinet-workflow-pagination .page-link.active {
    color: #fff !important;
    background-color: #547873;
    border-color: #547873;
}

.cabinet-workflow-pagination .btn-group .page-link.active {
    color: #fff !important;
}

.cabinet-workflow-pagination .page-link:focus {
    box-shadow: 0 0 0 0.15rem rgba(84, 120, 115, 0.18);
}

/* ── Таби картки справи ─────────────────────────────────────────────── */

.cabinet-case-pane.d-none {
    display: none !important;
}

/* ── Таблиця документів справи ─────────────────────────────────────── */

.cabinet-case-docs-toolbar {
    min-height: 44px;
}

.cabinet-case-docs-pagination-bar {
    min-height: 44px;
}

.cabinet-case-docs-pagination-bar [data-docs-pagination-limits] .page-link {
    cursor: pointer;
    user-select: none;
}

.cabinet-case-documents-table .cabinet-case-docs-col-title {
    min-width: 260px;
}

.cabinet-case-documents-table .cabinet-case-docs-col-date {
    width: 120px;
    white-space: nowrap;
}

.cabinet-case-documents-table .cabinet-case-docs-col-number {
    width: 150px;
}

.cabinet-case-documents-table .cabinet-case-docs-col-type {
    width: 70px;
}

.cabinet-case-documents-table .cabinet-case-docs-col-kep {
    min-width: 170px;
}

.cabinet-case-documents-table .cabinet-case-docs-col-received {
    width: 145px;
    white-space: nowrap;
}

.cabinet-case-doc-row-unread > td {
    background-color: #f5fafa;
}

.cabinet-case-docs-title {
    font-size: 14px;
    color: #2c3e3e;
    line-height: 1.3;
}

.cabinet-case-docs-number {
    font-size: 11px;
    margin-top: 2px;
}

.cabinet-case-docs-relation {
    font-size: 11px;
    margin-top: 1px;
    font-style: italic;
}

.cabinet-case-docs-related-hint {
    font-size: 11px;
    color: #7b9fa0;
    max-width: 340px;
}

.cabinet-case-docs-arrow {
    font-size: 14px;
    color: #a0b8b8;
    flex-shrink: 0;
}

.cabinet-case-docs-kep-name {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}

.cabinet-case-docs-kep-date {
    font-size: 11px;
    white-space: nowrap;
}

.cabinet-case-docs-type-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: #edf2f2;
    color: #526263;
}

.cabinet-case-docs-type-pdf {
    background: #e8f0fe;
    color: #2d5fe0;
}

.cabinet-case-docs-type-скан {
    background: #fef3e8;
    color: #c06a00;
}

/* ── like-single multi TomSelect з адмін-частини ── */

/* Резервуємо місце праворуч для лічильника */
.ts-wrapper.like-single.multi.has-items .ts-control {
    padding-right: 1.75rem;
    position: relative;
    flex-wrap: nowrap;
    overflow: hidden;
}

/* Ховаємо всі елементи крім першого */
.ts-wrapper.like-single.multi.has-items .ts-control .item {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none;
}

/* Перший обраний елемент — завжди видимий */
.ts-wrapper.like-single.multi.has-items .ts-control .item:first-of-type {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ховаємо кнопку × всередині елементів (є окрема кнопка ts-selected-clear) */
.ts-wrapper.like-single.plugin-remove_button .item .remove {
    display: none !important;
}

/* Лічильник ::after */
.ts-wrapper.like-single.has-items .ts-control::after {
    content: attr(data-selected);
    background: #547873;
    color: #ffffff !important;
    border-radius: var(--bs-border-radius-sm, 4px);
    padding: 0 0.65rem;
    font-size: 0.7rem;
    font-weight: 400;
    opacity: 1 !important;
    min-width: 1.1rem;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    height: auto;
    line-height: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: none;
}

/* ts-selected-count — ховаємо (використовуємо ::after) */
.ts-wrapper.like-single .ts-selected-count {
    display: none !important;
}

/* При фокусі / відкритому dropdown: ховаємо перший елемент і ::after */
.ts-wrapper.like-single.multi.focus .ts-control .item:first-of-type,
.ts-wrapper.like-single.multi.input-active .ts-control .item:first-of-type,
.ts-wrapper.like-single.multi.dropdown-active .ts-control .item:first-of-type {
    display: none !important;
    opacity: 0 !important;
}

.ts-wrapper.like-single.focus .ts-control::after,
.ts-wrapper.like-single.input-active .ts-control::after,
.ts-wrapper.like-single.dropdown-active .ts-control::after {
    display: none !important;
}

/* При hover: ховаємо ::after, показуємо кнопку × */
.ts-wrapper.like-single.has-items:not(.focus):not(.input-active):not(.dropdown-active):hover .ts-control::after {
    display: none !important;
}

/* Кнопка × (clear) */
.ts-wrapper.like-single.multi.has-items .ts-selected-clear {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    height: auto;
    transform: none;
    min-width: 1.1rem;
    padding: 0 0.65rem;
    border-radius: var(--bs-border-radius-sm, 4px);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 5;
    display: none;
    border: 0;
    cursor: pointer;
    background: #a85656;
    color: #fff;
}

.ts-wrapper.like-single.multi.has-items:not(.focus):not(.input-active):not(.dropdown-active):hover .ts-selected-clear {
    display: flex !important;
}

.ts-wrapper.like-single.multi.focus .ts-selected-clear,
.ts-wrapper.like-single.multi.input-active .ts-selected-clear,
.ts-wrapper.like-single.multi.dropdown-active .ts-selected-clear {
    display: none !important;
}

.ts-wrapper.like-single.multi.has-items .ts-selected-clear:focus-visible {
    outline: 2px solid #3699ff;
    outline-offset: 1px;
}

/* ============================================================
 * Discovery graph tab — Cytoscape.js renderer
 * ============================================================ */

.discovery-wrap {
    position: relative;
}

.discovery-toolbar {
    min-height: 44px;
    font-size: 12px;
}

/* Type-filter chips */
.discovery-filter-btn {
    transition: box-shadow .15s;
}
.discovery-filter-btn--active {
    box-shadow: 0 0 0 2px #6366F1 !important;
    font-weight: 600;
}

/* AI demo button */
.discovery-ai-btn {
    transition: opacity .15s;
}

/* Canvas wrapper (toolbar sits above, canvas fills the rest) */
.discovery-canvas {
    position: relative;
    background: #F8FAFC;
}

/* Cytoscape mount point — must have explicit size so cy can read it */
.discovery-cy-wrap {
    min-width: 0;
    min-height: 0;
    height: 100%;
}

/* Node-navigation link inside sidebar */
.discovery-nav-link {
    color: #3B82F6;
    cursor: pointer;
    text-decoration: underline;
}
.discovery-nav-link:hover {
    color: #1D4ED8;
}

/* Sidebar — overlays right side of canvas, does not push it */
.discovery-sidebar {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 288px;
    background: #fff;
    border-left: 1px solid #E2E8F0;
    overflow-y: auto;
    z-index: 10;
    font-size: 12px;
    box-shadow: -4px 0 16px rgba(0, 0, 0, .07);
}

.discovery-sidebar-inner {
    line-height: 1.5;
}

.discovery-sidebar-section-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #94A3B8;
    margin-bottom: 6px;
    margin-top: 4px;
}