@font-face {
    font-family: "Izhitsa";
    src: url("/fonts/izhitsa.ttf");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal; }

@font-face {
    font-family: "WoodenShipDeco";
    src: url("/fonts/wooden-ship-decorated.ttf");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal; }

@font-face {
    font-family: "Roboto,sans-serif";
    src: url("/fonts/Roboto,sans-serif.ttf");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal; }

@font-face {
    font-family: "Humnst777LtBT";
    src: url("/fonts/Humnst.ttf");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal; }
    body.login {
    background-image: url("../images/bg_login.jpg");
    background-size:100%;
    }
    body.register {
    background-image: url("../images/bg_login.jpg");
    background-size:100%;
    }
    body.password-request {
    background-image: url("../images/bg_login.jpg");
    background-size: 100%;
    }
.input input{
    margin:0 auto;
    width:80%;
}
.name label{
    float:left;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
     border-top: 2px solid green;
     border-bottom: 2px solid green;
     color:#007228;
}
.container ul li {
    font-weight:bold;
}
.form-group .btn {
     color:#163f16;
     background-color:#f9ff60;
     border:none;
     height:36px;
}
.col-md-8 col-md-offset-2 {
    opacity:1;
}
.panel-body h3 {
     color:#163f16;
     font-weight:bold;
}
.form-group a {
    color:#163f16;
}
.panel.panel-default:not(.note-editor) {
    border-radius:15px;
    width:450px; 
    background-color: rgba(255,255,255,0.5);
    border:none;
    box-shadow: 0px 12px 100px -8px #000000;
    margin:0 auto;
}
.panel.panel-default input {
    border-radius:15px;
    box-shadow:inset 3px 4px 5px ;
    border:none;
}

.auth-links a, .auth-links a:hover, .auth-links a:active, .auth-links a:focus, .auth-links a:visited, .category-item a, .category-item a:hover, .category-item a:active, .category-item a:focus, .category-item a:visited {
    color: #000;
    text-decoration: none; }

.top .title, .top .subtitle, .bottom .number {
    margin: 0 auto; }

.top .title, .top .subtitle .text .description span, .top .subtitle .text .name span {
    color: #005d3d;
    text-transform: uppercase;
    font-size: 2.6em; }

.top .title, .top .subtitle .text .description span {
    font-family: Izhitsa; }

.top .subtitle .text .name span {
    font-family: WoodenShipDeco; }

.auth-links > div > * {
    font-size: 0.939em; }

.container, .about .left .title, .about .video, .bottom .text, .panel-footer div .row {
    padding: 0px; }

.row, p, .panel-heading h3, .panel-footer div:not(.row) h5 {
    margin: 0px; }

.about .left .title, .items .title, .important .title {
    margin-top: 50px;
    margin-bottom: 30px;
 }

.about .left .title span, .items .title span, .important .title span, .bottom > .title span {
    border-bottom: 2px solid #0c704e;
    font-weight: bold;
    text-transform: uppercase;
    font-family: arial; }
.important .title span {
    border-bottom: 2px solid #cfe50a;
}
.post-item .panel-body, .admin-table .admin-table-list .admin-table-item .content, .admin-table .admin-table-list .admin-table-item .title, .admin-table .admin-table-list .admin-table-item .author {
    max-height: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }

.item-photo, .item-photo-65, .item-photo-75 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #e8e8e8;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    border: 1px solid #2e6da4;
    border-bottom-color: transparent;
    cursor: default;
    background-color: #fff;
    color: #337ab7; }

.auth-links {
    padding-top: 2%;
    text-align: center;
    text-transform: capitalize; }
    .auth-links > div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .auth-links > div span {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .auth-links a {
    margin-left: 35px;
    margin-right: 35px; }
    .auth-links .fa-circle {
    font-size: 5px; }

.top {
    background-image: url(/images/top.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100%;
    background-size: 100%;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.44); 
    height: 350px;
    overflow: hidden;
}

    .top .title {
    font-family: Izhitsa;
    color: #fff;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    text-align: center;
    margin-top: 7%; }
    .top .title span {
        font-size: 1.29em; }
    .top .title img {
        max-width: 45%; 
        margin-top: 20px;
    }
    .top .subtitle {
    text-align: center; }
    .top .subtitle .tree {
        margin-top: 4%; }
        .top .subtitle .tree img {
        max-width: 11%; }
    .top .subtitle .text {
        margin-top: 1.5%; }
        .top .subtitle .text .description span {
        font-size: 0.9em; }
    .top .down-arrow {
    text-align: center;
    margin-top: 7%;
    margin-bottom: 1.8%; }
    .top .down-arrow img {
        max-width: 5%; }

.about {
    position: relative; }
    .about .left {
    background-color: #dde6e5; }
    .about .left > * {
        max-width: 60%; }
    .about .left .title span {
        font-size: 1.25em;
    }
    .about .left .title {
        padding-left: 10%;
    }
    .about .left .text {
        padding-left: 10%;
        padding-right: 2%;
        margin-bottom: 10%;
        font-family: Roboto, sans-serif; }
    .about .left .text p {
        margin-bottom: 10px;
    }
    .about .right {
    background-color: rgba(4, 1, 16, 0.21); }
    .about .video {
    position: absolute;
    top: 5.5em;
    right: 8%; }
    .about .video video {
        max-width: 450px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 2px solid #5c3d28;
        -webkit-box-shadow: 25px 25px 36px 0px rgba(0, 0, 0, 0.44);
        box-shadow: 25px 25px 36px 0px rgba(0, 0, 0, 0.44); }

.items .title {
    text-align: center;
    margin-bottom: 50px;
    padding-left: 0px; }
    .items .title span {
    font-size: 28px;
    }

.items li {
    list-style: none;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Roboto, sans-serif; }
    .items li:nth-child(2n+1) {
    padding-left: 15%;
    padding-right: 5%; }
    .items li:nth-child(2n) {
    padding-left: 5%;
    padding-right: 15%; }
    .items li.circle {
    color: #01624c;
    text-align: center;
    font-size: 14px; }
    .items li p, .items li h4 {
        text-align: center;
    }
    .items li.col-12 {
        padding-left: 25%;
        padding-right: 25%;
    }

.important {
    background-color: #2b643e;
    padding-bottom: 60px; }
    .important .title {
    text-align: center;
    padding-top: 0px;
    margin-bottom: 40px; }
    .important .title span {
        font-size: 32px;
        color: #fff;
        padding-bottom: 5px; }
    .important .text {
    margin: 0 20%;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Roboto, sans-serif; }

.bottom {
    background-color: #f5edde;
    padding: 30px 13% 0; }
    .bottom .number {
    background-color: #caca96;
    max-width: 130px;
    height: 130px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px; }
    .bottom .number span {
        color: #fff;
        font-size: 64px;
        font-family: Humnst; }
    .bottom .text {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 0;
    text-align: center; }
    .bottom > .title {
    text-align: center; }
    .bottom > .title span {
        font-size: 25px;
        padding-bottom: 5px;
        font-weight: bold; }

footer {
    font-family:Verdana;
}
footer h5 {
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px; 
}
footer.footer-home {
    background-image:url("../images/bg_home_footer.png");
    display: block;
    min-height: 281px;
    width: 100%;
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position: center bottom;
    margin: 0;
    padding-top: 188px;
}
footer.footer-home .container-fluid {
    display:block;
    margin-top: 0;
    width:100%;
    background-size:100%;
    line-height:18px;
    max-width: 100%;
    padding: 0 0 20px;
}
.footer-cards {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 20px;
}
.footer-card-item {
    margin-bottom: 14px;
}
.footer-card {
    height: 100%;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(212, 215, 183, 0.8);
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(42, 53, 38, 0.08);
    padding: 16px 18px;
    color: #384632;
}
.footer-card h5 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: #2f4731;
}
.footer-contact-name {
    margin: 0 0 8px;
    font-weight: 600;
    font-size: 18px;
}
.footer-link {
    display: block;
    color: #2f4731;
    font-size: 18px;
    line-height: 1.5;
    text-decoration: none;
}
.footer-link:hover,
.footer-link:focus {
    color: #1f2f22;
    text-decoration: underline;
}
footer col-md-6 {
    background-color:#f9e283;
}
col-md-12 {
    margin:0 auto;
}
.container-fluid {
    padding-left:0;
    padding-right:0;
}

.main-container {
    min-height: calc(100vh - 200px);
    padding-bottom: 20px;
}
.strong {
    font-weight: bold; }

.navbar-brand {
    font-family: Izhitsa;
    font-size: 25px; }

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px; }

#post_content {
    max-width: 100%;
    min-width: 100%; }

.navbar-default .navbar-header {
    color: #007228;
    float: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-default.navbar-static-top {
    background-color:#f9e283;
}
.navbar-default .navbar-brand{
    color:#007228;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
    padding: 0
}
@media (max-width: 767px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 22px;
  }
}
.navbar-header:before, .navbar-header:after, .navbar-header .nav:before, .navbar-header .nav:after {
    content: unset;
    display: table;
}
.navbar-default li img {
    width: 100%; }

.goods-page {
    background-image:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.88)),
        url("/images/header.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

.goods-page #app {
    background: transparent;
}

.goods-page footer {
    margin-top: 24px;
    background: transparent;
    padding: 12px 0 24px;
    line-height: normal;
    color: #2f4731;
}

.goods-page.auth-screen .main-container {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.goods-page .auth-form-page {
    max-width: 460px;
    margin: 0 auto;
}

.goods-page .auth-page-title {
    text-align: center;
    margin-bottom: 16px;
    position: relative;
    padding-bottom: 24px;
}

.goods-page .auth-page-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    height: 55px;
    background-image: url("/images/title.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    z-index: 0;
}

.goods-page .auth-page-title h2 {
    margin: 0;
    border: 0;
    font-size: 55px;
    line-height: 1.05;
    color: #2f4731;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.goods-page .auth-card {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(219, 214, 191, 0.9);
    border-radius: 16px;
    box-shadow: 0 12px 36px rgba(46, 50, 36, 0.2);
    padding: 22px 24px 18px;
}

.goods-page .auth-card-register {
    max-width: 500px;
    margin: 0 auto;
}

.goods-page .auth-input {
    border-radius: 10px;
    border: 1px solid rgba(124, 132, 111, 0.55);
    height: 44px;
    box-shadow: none;
}

.goods-page .auth-input:focus {
    border-color: #5d7a5d;
    box-shadow: 0 0 0 2px rgba(93, 122, 93, 0.12);
}

.goods-page .auth-remember {
    margin: 8px 0 12px;
}

.goods-page .auth-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.goods-page .auth-btn {
    border-radius: 10px;
    padding: 8px 14px;
    font-weight: 600;
}

.goods-page .auth-btn-primary {
    background: #2f6c4f;
    border-color: #2f6c4f;
    color: #fff;
}

.goods-page .auth-btn-primary:hover {
    background: #24533d;
    border-color: #24533d;
    color: #fff;
}

.goods-page .auth-btn-light {
    background: #f5f1e8;
    border-color: rgba(121, 133, 106, 0.45);
    color: #3b4a39;
}

.goods-page .auth-btn-light:hover {
    background: #ece5d6;
    color: #2f352d;
}

.goods-page .auth-social {
    margin-top: 16px;
    padding: 14px 12px 10px;
    border-top: 1px solid rgba(207, 199, 167, 0.65);
    background: rgba(245, 241, 232, 0.55);
    border-radius: 12px;
    text-align: center;
}

.goods-page .auth-social-title {
    color: #3f503d;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.goods-page .auth-social-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    justify-content: center;
}

.goods-page .auth-social-btn {
    border-radius: 12px;
    width: 100%;
    max-width: 290px;
    font-weight: 600;
    border: 1px solid rgba(121, 133, 106, 0.55);
    background: linear-gradient(180deg, #f8f3e8 0%, #eee5d3 100%);
    color: #2f4731;
    box-shadow: 0 2px 6px rgba(59, 74, 57, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    text-align: center;
}

.goods-page .auth-social-btn:hover {
    background: linear-gradient(180deg, #efe6d4 0%, #e6dbc4 100%);
    color: #223422;
}

.goods-page .auth-social-google i,
.goods-page .auth-social-facebook i,
.goods-page .auth-social-telegram i {
    margin-right: 5px;
}

/* Профиль: единый стиль блоков/кнопок/шрифтов */
.goods-page.profile-screen .main-container {
    margin-top: 18px;
    margin-bottom: 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.goods-page.profile-screen #admin-side-menu {
    border: 1px solid rgba(209, 205, 181, 0.85);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 6px 16px rgba(52, 56, 41, 0.08);
}

.goods-page.profile-screen .col-md-9 {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(222, 216, 192, 0.8);
    border-radius: 14px;
    padding: 16px;
}

.goods-page.profile-screen .col-md-3 {
    padding-right: 10px;
}

.goods-page.profile-screen .col-md-9 {
    padding-left: 16px;
}

.goods-page.profile-screen .title h3,
.goods-page.profile-screen .title h4 {
    color: #2f4731;
    font-weight: 700;
}

.goods-page.profile-screen a,
.goods-page.profile-screen .navbar-nav > li > a {
    color: #3b4a39;
}

.goods-page.profile-screen a:hover,
.goods-page.profile-screen .navbar-nav > li > a:hover {
    color: #233521;
}

.goods-page.profile-screen .btn {
    border-radius: 10px;
}

.goods-page.profile-screen .btn-info {
    background: #f5f1e8;
    border-color: rgba(121, 133, 106, 0.45);
    color: #3b4a39;
}

.goods-page.profile-screen .btn-primary,
.goods-page.profile-screen .btn-success {
    background: #2f6c4f;
    border-color: #2f6c4f;
}

.goods-page.profile-screen .btn-primary:hover,
.goods-page.profile-screen .btn-success:hover {
    background: #24533d;
    border-color: #24533d;
}

.goods-page.profile-screen .form-group .btn.btn-primary {
    background: #2f6c4f;
    border-color: #2f6c4f;
    color: #fff;
}

.goods-page.profile-screen .form-group .btn.btn-primary:hover,
.goods-page.profile-screen .form-group .btn.btn-primary:focus {
    background: #24533d;
    border-color: #24533d;
    color: #fff;
}

.goods-page .navbar-default li img.header-user-photo {
    width: 42px !important;
    height: 42px;
    max-height: none;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(121, 133, 106, 0.45);
}

.goods-page #auth_menu > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.goods-page #auth_menu img.header-user-photo {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px;
    max-width: 42px;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block;
}

.goods-page.profile-screen #admin-side-menu > li:first-child,
.goods-page.profile-screen #admin-side-menu #user-photo {
    padding: 4px;
    margin: 6px;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 14px;
}

.goods-page.profile-screen #admin-side-menu > li:first-child img,
.goods-page.profile-screen #admin-side-menu #user-photo img {
    width: 100% !important;
    max-width: 230px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 14px;
    margin: 0 auto;
    display: block;
}

.goods-page .goods-header-container {
    background: transparent;
    border-bottom: 1px solid rgba(116, 126, 102, 0.75);
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.goods-page .navbar-default .navbar-header {
    width: 100%;
    align-items: center;
}

.goods-page .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 0;
}

.goods-page .goods-logo {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.goods-page .goods-brand-text {
    font-family: inherit;
    font-size: 40px;
    line-height: inherit;
    color: #3d4a2f;
    text-transform: none;
}

.goods-page .desktop-nav {
    margin-left: 12px;
    flex: 1;
    display: flex;
    align-items: center;
}

.goods-page .desktop-nav > ul.navbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 8px;
    margin: 0;
    float: none;
}

.goods-page .desktop-nav > ul.navbar-right > li {
    float: none;
}

/* Категории /goods в стиле макета */
.goods-page .goods-catalog-page {
    padding-top: 40px;
    padding-bottom: 40px;
}

.goods-page .goods-page-title {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 40px;
}

.goods-page .goods-page-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(760px, 75%);
    height: 55px;
    background-image: url("/images/title.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 0;
}

.goods-page .goods-page-title h2 {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: none;
    font-size: 40px;
    line-height: 1.05;
    color: #2f4731;
    font-weight: 700;
    text-transform: none;
    position: relative;
    z-index: 1;
}

.goods-page .desktop-nav .guest-nav-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-left,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    float: none;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right {
    justify-content: flex-end;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-left > li,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li {
    float: none;
}

.goods-page .goods-header-container .navbar-header {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.login,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.register {
    border-radius: 10px;
    font-weight: 600;
    padding: 8px 16px;
    line-height: 1.2;
    border: 1px solid transparent;
    margin: 0;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-left > li > a.guest-products-btn,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-left > li > a.guest-services-btn {
    border-radius: 10px;
    font-weight: 600;
    padding: 8px 14px;
    line-height: 1.2;
    border: 1px solid rgba(121, 133, 106, 0.45);
    background: rgba(245, 241, 232, 0.92);
    color: #3b4a39;
    margin: 0;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-left > li > a.guest-products-btn:hover,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-left > li > a.guest-services-btn:hover {
    background: #ece5d6;
    color: #2f352d;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.login {
    background: #2f6c4f;
    border-color: #2f6c4f;
    color: #fff;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.register {
    background: #f5f1e8;
    border-color: rgba(121, 133, 106, 0.45);
    color: #3b4a39;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.login i,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.register i {
    display: none;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.login:hover,
.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.register:hover {
    color: #233521;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.login:hover {
    background: #24533d;
    border-color: #24533d;
    color: #fff;
}

.goods-page .desktop-nav .guest-nav-wrap .guest-nav-right > li > a.register:hover {
    background: #ece5d6;
    border-color: rgba(121, 133, 106, 0.45);
    color: #2f352d;
}

.goods-page .desktop-nav > ul.navbar-right > li.cart-container > a,
.goods-page .desktop-nav > ul.navbar-right > li.usr-balance > a {
    color: #3b4a39;
}

.goods-page .desktop-nav > ul.navbar-right > li.cart-container > a:hover,
.goods-page .desktop-nav > ul.navbar-right > li.usr-balance > a:hover {
    color: #233521;
}

.goods-page .desktop-nav > ul.navbar-right > li.usr-balance > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(245, 241, 232, 0.92);
    border: 1px solid rgba(121, 133, 106, 0.45);
    border-radius: 10px;
    padding: 8px 12px;
}

.goods-page .desktop-nav > ul.navbar-right > li.usr-balance > a .icon,
.goods-page .desktop-nav > ul.navbar-right > li.usr-balance > a .qty,
.goods-page .desktop-nav > ul.navbar-right > li.cart-container .basket-content,
.goods-page .desktop-nav > ul.navbar-right > li.cart-container .basket-content strong {
    color: #3b4a39;
}

.goods-page .desktop-nav > ul.navbar-right > li.usr-balance > a:hover {
    background: #ece5d6;
    border-color: rgba(121, 133, 106, 0.45);
}

.goods-page .goods-catalog-grid-wrap {
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: 0 auto;
    max-width: 1220px;
}

.goods-page .goods-catalog-grid {
    margin: 0 -4px;
}

.goods-page .goods-catalog-grid .category-item {
    width: auto;
    padding: 8px 4px;
}

.goods-page .goods-catalog-grid .goods-card-col {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 1199px) {
    .goods-page .goods-catalog-grid .goods-card-col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.goods-page .goods-catalog-grid .category-item > a {
    display: block;
    width: 100%;
    height: 283px;
    padding: 5px 6px 10px;
    text-align: center;
    background-image: url("/images/goods.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.goods-page .goods-catalog-grid .category-item > a:hover {
    transform: translateY(-3px);
}

.goods-page .goods-catalog-grid .category-item .photo {
    padding-top: 0;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods-page .goods-catalog-grid .category-item .cat-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods-page .goods-catalog-grid .category-item .title {
    padding-top: 7px;
}

.goods-page .goods-catalog-grid .category-item h3 {
    margin: 0;
    background: transparent;
    color: #2f4731;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 600;
}

.goods-page .category-catalog-page .category-breadcrumbs .breadcrumb {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(212, 205, 179, 0.85);
    border-radius: 10px;
}

.goods-page .category-catalog-page .category-description {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(212, 205, 179, 0.85);
    color: #3b4a39;
    border-radius: 12px;
    margin-bottom: 16px;
}

.goods-page .category-products-grid {
    margin: 0 -6px;
}

.goods-page .product-card-col {
    padding: 8px 6px;
}

.goods-page .product-card-link {
    text-decoration: none;
    color: inherit;
}

.goods-page .product-card {
    height: 100%;
    background: transparent url("../images/fon_prod.png") no-repeat center center;
    background-size: 100% 100%;
    border: 0;
    border-radius: 14px;
    box-shadow: none;
    padding: 14px 14px 16px;
}

.goods-page .product-card-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(246, 241, 228, 0.45);
}

.goods-page .product-card-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods-page .product-card-title {
    margin: 10px 0 4px;
    color: #2f4731;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
}

.goods-page .product-card-price {
    color: #3b4a39;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.goods-page .product-view-page .category-breadcrumbs .breadcrumb {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(212, 205, 179, 0.85);
    border-radius: 10px;
}

.goods-page .product-main-grid {
    margin: 0 -8px 14px;
}

.goods-page .product-main-grid > [class*="col-"] {
    padding: 0 8px;
}

.goods-page .product-main-media {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(222, 216, 192, 0.8);
    border-radius: 14px;
    padding: 12px;
}

.goods-page .product-main-photo {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.goods-page .product-main-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent url("../images/fon_image.png") no-repeat center center;
    background-size: 100% 100%;
    z-index: 2;
    pointer-events: none;
}

.goods-page .product-main-photo img {
    position: absolute;
    inset: 18px;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    object-fit: cover;
    border-radius: 16px;
    z-index: 1;
}

.goods-page .product-gallery-under {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.goods-page .product-thumb-btn {
    border: 1px solid rgba(190, 180, 146, 0.8);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.84);
    padding: 4px;
    width: 76px;
    height: 76px;
}

.goods-page .product-thumb-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.goods-page .product-thumb-btn.active {
    border-color: #6b8157;
    box-shadow: 0 0 0 2px rgba(107, 129, 87, 0.18);
}

.goods-page .product-info-card {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(212, 205, 179, 0.85);
    border-radius: 14px;
    padding: 30px;
    height: 100%;
}

.goods-page .product-info-card h3 {
    margin: 0 0 10px;
    color: #2f4731;
    font-size: 36px;
    line-height: 1.12;
    font-weight: 700;
}

.goods-page .product-info-price {
    font-size: 30px;
    font-weight: 700;
    color: #2f4731;
    margin-bottom: 10px;
}

.goods-page .product-info-meta {
    color: #3b4a39;
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 6px;
}

.goods-page .product-add-cart-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
    border: 1px solid rgba(192, 178, 135, 0.9);
    border-radius: 12px;
    background: rgba(255, 252, 243, 0.62);
    padding: 10px;
}

.goods-page .product-purchase-box {
    margin-top: 12px;
}

.goods-page .product-price-box {
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
    color: #2f2a1f;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    padding: 4px 6px 2px;
}

.goods-page .product-price-box span {
    font-size: 20px;
    font-weight: 400;
    margin-right: 8px;
}

.goods-page .product-qty-box {
    display: flex;
    align-items: center;
    border: 1px solid rgba(114, 130, 88, 0.95);
    border-radius: 11px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.75);
    min-height: 50px;
    width: 261px;
    max-width: 300px;
    margin: 0 auto;
}

.goods-page .product-qty-box .qty-btn {
    border: 0;
    background: #5d7640;
    color: #d9d4ac;
    font-size: 34px;
    line-height: 1;
    height: 50px;
    width: 54px;
    flex: 0 0 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.goods-page .product-qty-box .qty-btn:hover {
    background: #4c6135;
}

.goods-page .product-qty-box .quantity {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #2b2a1f;
    height: 50px;
    flex: 1;
    width: 150px;
    padding: 0;
}

.goods-page .product-qty-box .quantity::-webkit-outer-spin-button,
.goods-page .product-qty-box .quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.goods-page .product-qty-box .quantity[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.goods-page .product-purchase-box .add_cart_btn {
    border-radius: 11px;
    border: 1px solid rgba(95, 112, 77, 0.95);
    background: #58743d;
    color: #fff;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.15;
    text-transform: none;
    margin-top: 10px;
    width: 86%;
    max-width: 360px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.goods-page .product-purchase-box .add_cart_btn:hover {
    background: #486132;
    color: #fff;
}

.goods-page .product-author-link {
    display: inline-block;
    margin-top: 14px;
    color: #3b4a39;
    text-decoration: none;
}

.goods-page .product-description-card {
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(212, 205, 179, 0.85);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.goods-page .product-description-card h4 {
    margin: 0 0 8px;
    color: #2f4731;
    font-size: 36px;
}

.goods-page .product-description-card p {
    margin: 0;
    color: #3a4637;
    font-size: 20px;
    line-height: 1.5;
}

.goods-page .product-related h3 {
    margin: 0 0 8px;
    color: #2f4731;
    font-size: 38px;
}

.goods-page .product-related-grid {
    margin-top: 4px;
}

/* Админка: визуально как личный кабинет */
.goods-page.admin-screen .main-container .col-md-9 {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(222, 216, 192, 0.82);
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(52, 56, 41, 0.07);
}

.goods-page.admin-screen .menu123.navbar {
    border: 1px solid rgba(209, 205, 181, 0.85);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 6px 16px rgba(52, 56, 41, 0.08);
    padding: 8px 0;
}

.goods-page.admin-screen #admin-side-menu > li > a {
    border-radius: 9px;
    margin: 2px 8px;
    color: #3b4a39;
}

.goods-page.admin-screen #admin-side-menu > li.active > a,
.goods-page.admin-screen #admin-side-menu > li > a:hover {
    background: rgba(209, 223, 192, 0.45);
    color: #2b3f2b;
}

.goods-page.admin-screen .alert,
.goods-page.admin-screen .panel,
.goods-page.admin-screen .well {
    border-radius: 12px;
}

.goods-page.admin-screen .alert-success {
    background: rgba(224, 236, 213, 0.88);
    border-color: rgba(147, 167, 124, 0.5);
    color: #2f4731;
}

.goods-page.admin-screen .alert-info {
    background: rgba(238, 234, 220, 0.85);
    border-color: rgba(190, 180, 146, 0.5);
    color: #3b4a39;
}

.goods-page.admin-screen .form-control,
.goods-page.admin-screen .note-editor.note-frame {
    border-radius: 10px;
    border-color: rgba(121, 133, 106, 0.45);
}

.goods-page.admin-screen .form-control:focus {
    border-color: #5d7a5d;
    box-shadow: 0 0 0 2px rgba(93, 122, 93, 0.12);
}

.goods-page.admin-screen .nav-tabs {
    border-bottom-color: rgba(199, 191, 162, 0.75);
}

.goods-page.admin-screen .nav-tabs > li > a,
.goods-page.admin-screen .nav-tabs .nav-item .nav-link {
    border-radius: 10px 10px 0 0;
    color: #3b4a39;
}

.goods-page.admin-screen .nav-tabs > li.active > a,
.goods-page.admin-screen .nav-tabs > li.active > a:hover,
.goods-page.admin-screen .nav-tabs .nav-item .nav-link.active {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(209, 205, 181, 0.85);
    color: #2f4731;
}

.goods-page.admin-screen .table.tproduct-table,
.goods-page.admin-screen .table.order-items-table {
    border: 1px solid rgba(209, 205, 181, 0.85);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
}

.goods-page.admin-screen .table.tproduct-table > thead > tr > th,
.goods-page.admin-screen .table.order-items-table > thead > tr > th {
    background: rgba(224, 236, 213, 0.7);
    color: #2f4731;
    border-bottom: 1px solid rgba(196, 188, 155, 0.75);
}

.goods-page.admin-screen .table.tproduct-table > tbody > tr > td,
.goods-page.admin-screen .table.order-items-table > tbody > tr > td {
    border-top: 1px solid rgba(222, 216, 192, 0.65);
    color: #3b4a39;
    background: transparent;
}

.goods-page.admin-screen .table-hover > tbody > tr:hover > td,
.goods-page.admin-screen .table.tproduct-table > tbody > tr:hover > td {
    background: rgba(236, 242, 226, 0.55);
}

.goods-page.admin-screen .pagination > .active > span,
.goods-page.admin-screen .pagination > .active > span:hover,
.goods-page.admin-screen .pagination > .active > span:focus {
    background-color: #2f6c4f;
    border-color: #2f6c4f;
}

.goods-page.admin-screen .pagination span[style*="#00a2ff"] {
    background: #2f6c4f !important;
    border-color: #2f6c4f !important;
}



.note-editor.panel {
    margin-bottom: 0; }

.note-editing-area {
    min-height: 250px; }

.note-placeholder {
    color: #b0b0b0; }

#add_post_toggle {
    width: 180px; }

.add_post {
    display: none; }

.material-switch span {
    padding-left: 10px; }

.material-switch > input[type="checkbox"] {
    display: none; }

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px; }

.material-switch > label::before {
    background: black;
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 40px; }

.material-switch > label::after {
    background: white;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 24px; }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5; }

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px; }

.posts-list {
    margin-top: 22px; }

.panel-heading {
    position: relative; }

.panel-footer div:not(.row) * {
    display: inline-block; }

.panel-footer div:not(.row) h5 {
    font-weight: bold; }

.post-control {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .post-control a {
    text-decoration: none; }
    .post-control a:not(:last-child) {
        margin-right: 5px; }

.post-item {
    padding-left: 0;
    padding-right: 0; }
    .post-item.edit #add_post {
    display: block; }
    .post-item .panel-heading > * {
    display: inline-block; }
    .post-item .panel-body {
    max-height: unset; }
    .post-item .panel-body.note-editable {
        min-height: 250px;
        white-space: normal;
        max-height: 100%; }

.pull-right.btn-warning {
    margin-left: 15px; }

.sticky-post {
    cursor: default; }

.modal-backdrop {
    z-index: 0 !important; }

.goods-and-services {
    padding-top: 10px; }

.categories .category-item > a {
    display: block;
    width: 100%; }

.products .category-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid #eee;
    padding-bottom: 10px;
     }
    .products .category-item:last-child {
    border-bottom: none; }
    .products .category-item .link {
    border-right: 4px solid #eee;
     }
    .products .category-item .author {
    border-left: 4px solid #eee; 
    }

.products .title-item {
    text-align: center; }

.category-item {
    text-align: center; }
    .category-item a {
    color: #636b6f; }
    .category-item a:hover {
        color: #636b6f; }
    .category-item a:active {
        color: #636b6f; }
    .category-item a:focus {
        color: #636b6f; }
    .category-item a:visited {
        color: #636b6f; }
    .category-item img {

    }

h2 {
    text-align: center; }

.fa-arrow-left {
    padding-right: 5px; }

.dashboard .col-12 {
    margin-bottom: 30px; }
    .dashboard .col-12 > div {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

.subtitle h3 {
    text-align: center; }

.product img {
    max-width: 100%; }

.product .media .photo {
    border: 2px solid #eee;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.product .author .photo {
    border: 2px solid #eee;
    padding: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

.admin-table-item {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .admin-table-item:first-child {
    border-top: 1px solid #eee;
    padding-top: 0; }
    .admin-table-item:not(.heading):hover {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.44); }

.switch-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px; }
    .switch-checkbox + label {
    position: relative;
    padding: 0 0 0 60px;
    cursor: pointer; }
    .switch-checkbox + label:before {
        content: '';
        position: absolute;
        top: -4px;
        left: 0;
        width: 50px;
        height: 26px;
        -webkit-border-radius: 13px;
        border-radius: 13px;
        background: #CDD1DA;
        -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        -webkit-transition: .2s;
        -o-transition: .2s;
        -moz-transition: .2s;
        transition: .2s; }
    .switch-checkbox + label:after {
        content: '';
        position: absolute;
        top: -2px;
        left: 2px;
        width: 22px;
        height: 22px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #FFF;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        -webkit-transition: .2s;
        -o-transition: .2s;
        -moz-transition: .2s;
        transition: .2s; }
    .switch-checkbox:checked + label:before {
    background: #9FD468; }
    .switch-checkbox:checked + label:after {
    left: 26px; }
    .switch-checkbox:focus + label:before {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255, 255, 0, 0.7);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255, 255, 0, 0.7); }
    .resource .switch-checkbox + label:before {
        top: 2px;
        left: 0;
        width: 22px;
        height: 22px;
        background: #d9534f;
        box-shadow: none;
        border-radius: 5px;
    }
    .resource .switch-checkbox:checked + label:before {
        background: #5cb85c;
    }
    .resource .switch-checkbox + label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 22px;
        height: 22px;
        border-radius: 5px;
        background: none;
        box-shadow: none;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #ffff;
        line-height: 23px;
        text-align: center;
        font-size: 15px;
    }
    .resource .switch-checkbox:checked + label:after {
        content: '\f00c';
    }
    .resource .post_checkbox_label span {
        font-size: 17px;
    }
    .resources-index .item,
    .admin-resources-add-to-user .item {
        font-size: 18px;
    }
.pagination-container {
    text-align: center; }

.sticky {
    margin-bottom: 10px; }

.category-item .info .description {
    text-align: justify;
    text-indent: 30px; }

.category-item .info .production_place {
    text-align: left;
    margin-top: 11px; }

.category-item .info .price {
    text-align: left; }

/* contact form icon start */
.welcome-contact-open {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    background-color: #8c8739;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    z-index: 1000; }

.contact-open-icon {
    color: white;
    font-size: 30px; }

i.message:hover {
    border-bottom:3px solid blue;
}
/* contact form icon end */
#faq-accordion a {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    padding: 10px 15px; }
    #faq-accordion a:hover {
    text-decoration: none; }
    #faq-accordion a:active {
    text-decoration: none; }

#faq-accordion .panel-heading {
    padding: 0; }

#faq-accordion .panel-info .panel-heading:hover {
    background-color: #a6d6ec; }

#faq-accordion .panel-success .panel-heading:hover {
    background-color: #cae7be; }

.contact-open:hover {
    border: 1px solid #3097D1;
    background: #fff; }
    .contact-open:hover .contact-open-icon {
    color: #3097D1; }

hr.col-md-12 {
    padding-right: 0;
    padding-left: 0; }

#app h3 {
    margin:0; 
}

#app .panel-heading h3 {
    margin-top: 0;
    margin-bottom: 0; }

.form-group .btn.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #ccc;}
    .form-group .btn.btn-default:hover {
    color: white    ;
    background-color:#1e90ff;
    border-color: #adadad; }
    .form-group .btn.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .form-group .btn.btn-default:active:focus {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
        outline: none; }
    .form-group .btn.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    outline: none; }

.form-group .btn.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border: 1px solid transparent;
    border-color: #2e6da4; }
    .form-group .btn.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .form-group .btn.btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .form-group .btn.btn-primary:active:focus {
        color: #fff;
        background-color: #204d74;
        border-color: #122b40;
        outline: none; }
    .form-group .btn.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
    outline: none; }

.form-group .btn.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid transparent;
    border-color: #4cae4c; }
    .form-group .btn.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .form-group .btn.btn-success:active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .form-group .btn.btn-success:active:focus {
        color: #fff;
        background-color: #398439;
        border-color: #255625;
        outline: none; }
    .form-group .btn.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
    outline: none; }

.form-group .btn.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border: 1px solid transparent;
    border-color: #46b8da; }
    .form-group .btn.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .form-group .btn.btn-info:active {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .form-group .btn.btn-info:active:focus {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85;
        outline: none; }
    .form-group .btn.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
    outline: none; }

.form-group .btn.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border: 1px solid transparent;
    border-color: #eea236; }
    .form-group .btn.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .form-group .btn.btn-warning:active {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .form-group .btn.btn-warning:active:focus {
        color: #fff;
        background-color: #d58512;
        border-color: #985f0d;
        outline: none; }
    .form-group .btn.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
    outline: none; }

.form-group .btn.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border: 1px solid transparent;
    border-color: #d43f3a; }
    .form-group .btn.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .form-group .btn.btn-danger:active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .form-group .btn.btn-danger:active:focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #761c19;
        outline: none; }
    .form-group .btn.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
    outline: none; }

li.form-group {
    margin-bottom: 0;
}
    li.form-group .btn {
    height: auto;
    border-radius: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    }
    li.form-group:nth-child(2) .btn {
        margin-top: 0;
    }
    li.form-group:last-child .btn {
        margin-bottom: 0;
    }
.text-primary {
    color: #007bff !important; }

.text-secondary {
    color: #6c757d !important; }

.text-success {
    color: #28a745 !important; }

.text-danger {
    color: #dc3545 !important; }

.text-warning {
    color: #ffc107 !important; }

.text-info {
    color: #17a2b8 !important; }

.text-light {
    color: #f8f9fa !important; }

.text-dark {
    color: #343a40 !important; }

.text-muted {
    color: #6c757d !important; }

.text-white {
    color: #fff !important; }

.show_on_page {
    margin-bottom: 15px; }

.note-editable.panel-body:after {
    content: none; }

.note-editable.panel-body:before {
    content: none; }

.admin-table-title {
    font-weight: bold; }

.dm-uploader-panel ul {
    height: 190px !important;
    margin-bottom: 0; }

#drag-and-drop-zone {
    height: 230px;
    padding: 30px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #drag-and-drop-zone h3 {
    margin-top: 0; }

.drv-table tr {
    border-bottom: 1px solid #ddd; }
    .drv-table tr.product-table-thead {
    height: auto;
    text-align: center; }

.drv-table td {
    border-top: none !important;
    vertical-align: middle !important; }

.approved {
    text-align: center; }

span.icon {
    padding-right: 5px; }

.container > .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    padding-bottom: 0; }

.container > .col-md-9 {
    padding-top: 0;
    padding-bottom: 0; }

@media (min-width: 992px) {
    .col-md-3 {
    width: 22%; }
    .col-md-9 {
    width: 78%; } }

.col-md-9 {
    padding-left: 30px;
    padding-right: 0; }
    @media (min-width: 768px) {
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 78%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%; } }

a.contact-open {
    width: 65px;
    height: 65px; }

@media (min-width: 768px) {
    .navbar-collapse.mobile-nav {
        display: none !important;
    }
    .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (max-width: 768px) {
    .desktop-nav {
    display: none; } }

.navbar a:hover {
    color: #333; }

.navbar a:active {
    color: #333; }

.makeOrderBtn {
    display: block;
    margin: 0 auto;
    width: 150px; }

.empty-cart {
    font-size: 16px; }
    .empty-cart .header {
    font-weight: bold; }
    .empty-cart a {
    font-weight: bold; }
    .empty-cart a:hover {
        text-decoration: none; }
    .empty-cart a:active {
        text-decoration: none; }
    .empty-cart a:focus {
        text-decoration: none; }

form h4 {
    margin-top: 0;
    margin-bottom: 0; }

.profile-edit form: not (.user_info) 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }


.user-info .name {
    font-size: 16px;
    font-weight: bold; }

.table-messages tr:last-child {
    border-bottom: 1px solid #ddd; }

.buttons {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important; }
    .buttons:first-child {
    border-top: none !important; }
    .buttons a {
    display: inline-block; }
.container ul li a {
    padding-left:0;
    padding-right:0;
}
.container ul.pagination li.page-item a.page-link {
    padding: 6px 12px;
}
.navbar-brand {
    height:50px; 
    padding:2px;
}
.navbar-brand span {
    letter-spacing: 1px;
}
.navbar-brand > img {
    display: inline-block;
    margin-right: 5px;
}
.navbar-right {
    float: unset !important;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.referrer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px; }
    .referrer a:hover {
    text-decoration: none; }

.item-photo {
    width: 92px;
    height: 92px;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-right: 10px; }

.item-photo-65 {
    width: 65px;
    height: 65px; }

.item-photo-75 {
    width: 75px;
    height: 75px; }

hr + table {
    margin-top: -22px; }

.table thead tr {
    text-align: center; }
    .table thead tr th {
    border-bottom: none;
    text-align: center;
    padding: 5px; }

.table tbody tr td {
    text-align: center;
    padding: 5px;
    vertical-align: middle; }
    .table tbody tr td.item-photo-container {
    width: 75px;
    height: 76px;
    padding: 0;
    padding: 0;
    line-height: 0; }
        .table tbody tr td.item-photo-container img {
        max-height: 100%;
        width: auto;
        max-width: 100%; }

.form-control.balance {
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: none;
    box-shadow: none; }

.scans {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 22px; }

.scan-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .scan-container label {
    width: 100%;
    text-align: center; }
    .scan-container .scan-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8; }
    .scan-container .scan-item img {
        max-width: 100%;
        max-height: 100%;
    }
    .scan-container .scan-choose {
    max-width: 100%;
    margin-top: 10px; }
    .scan-container button {
    padding: 0;
    width: 36px;
    height: 36px; }
    .scan-container button span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .scan-container button span .far {
        font-size: 24px; }
        .scan-container button span .fas {
        font-size: 18px; }

.nav-tabs {
    border-bottom: 1px solid #2e6da4; }
    .nav-tabs li {
    width: 50%; }
    .nav-tabs li a {
        background-color: #337ab7;
        border-color: #2e6da4;
        color: #fff;
        font-weight: bold;
        margin-right: 1px; }
        .nav-tabs li a:hover {
        color: #337ab7;
        background-color: #fff;
        border-color: #2e6da4; }
    .nav-tabs li.services a {
        margin-right: 0px;
        margin-left: 1px; }

.tab-content {
    min-height: 200px;
    border: 1px solid;
    border-color: #2e6da4;
    border-top: none;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 15px; }
    .tab-content .tab-pane ul {
    list-style: none;
    padding-left: 20px; }
    .tab-content .tab-pane li {
    list-style: none;
    padding: 5px;
    padding-right: 0px;
    padding-bottom: 0px; }
    .tab-content .tab-pane .item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #5bc0de;
    background-color: #eee;
    padding: 5px;
    padding-left: 10px;
    color: #222; }
    .tab-content .tab-pane .item .fa-caret-down {
        font-size: 21px; }
    .tab-content .tab-pane .item .tools {
        width: 156px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .tab-content .tab-pane .item .tools a {
        width: 35px; }
    .tab-content .tab-pane .item .toggle {
        height: 30px;
        width: 35px;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .tab-content .tab-pane .item .toggle.opened .fa-caret-down:before {
        content: '\f0d8'; }
        .tab-content .tab-pane .item .toggle.disabled {
        background: none;
        color: transparent;
        border: none;
        cursor: default; }
    .tab-content .tab-pane > ul {
    padding-left: 0px; }
    .tab-content .tab-pane > ul > li.parent ul {
        display: none; }
        .tab-content .tab-pane > ul > li.parent ul.show {
        display: block; }

.mailing label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .mailing label input {
    margin-top: 0px; }
    .mailing label span {
    padding-left: 10px; }

.create-category textarea {
    max-width: 100%;
    min-height: 120px; }

.form-group.img {
    background: #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0; }
    .form-group.img img {
    max-height: 100%;
    max-width: 100%; }

.form-group.field {
    padding: 0; }
body.register .panel-body input {
    width:330px;
    margin-left:30px;
}
body.register .panel-body button {
    margin-left:-30px;
}
.menu123{
    background-color:white;
}
.menu234 {
    background-color:white;
}
ul.menu234 li a {
    padding: 10px;
    width:100%;
}
.ul.dropdown-menu {
    border-radius:20px;
}
h2, .h2 {
    font-size:50px;
}
.category-item p {
    color:#696969;
}
.title h4 {
    color:#163f16;
}
.description {
    color:#696969;
    padding-top:20px;
    text-align:center;
    font-weight:bold;
}
.subtitle {
    color:black;
}
.price {
    color:#696969;
}
.author {
    color:black;
}
.alert {
    background-color:rgba(255,255,255,0.2);
    border-color:grey;
    color:black;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.admin-table-title .title {
    padding-top: 0;
}
.product {
    border-radius:10px; 
    background-color: rgba(255,255,255,0.5);
    border:none;
    margin:0 auto;
     box-shadow: 0px 12px 100px -8px #000000;
}
.products {
    border-radius:10px; 
    background-color: rgba(255,255,255,0.5);
    border:none;
    margin:0 auto;
     box-shadow: 0px 12px 100px -8px #000000;
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 10px;
    text-align: left;
    margin-left: 20px;
    padding-left: 10px;
}
.navbar-nav > li.cart-container, 
.navbar-nav > li.usr-balance, 
.navbar-nav > li.toggle-pages {
    padding-right: 10px;
}
.navbar-nav > li > .dropdown-menu a:hover {
    background-color:#91a591;
}
.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
@media (max-width: 768px) {
    .navbar-default .navbar-header {
        display: block;
    }
    .navbar-default .navbar-collapse.mobile-nav {
        width: 100%;
        padding: 0;
    }
    .mobile-nav .navbar-nav > li{
        width: 100%;
    }
    .navbar-right {
        flex-wrap: wrap;
    }
}
h3 {
    color:#163f16;
    font-size:25px;
}
.table-categories img {
    width:160px;
    height:160px;
    border-radius:10px;
    border:1px solid black;
}
table h4 {
    float:middle;
}
table {
    background-color: rgba(255,255,255,0.5);
}
select option {
    border-radius:5px;
}
select option:hover {
    background-color:#91a591;
}
ul.menu123 li a {
    padding:10px;
}
ul.nav li.goods,
ul.nav li.services {
    margin-right:0;
}
body.login label.remember {
    float:right;
}
.password {
    margin-left:50px;
}

.password-request .panel-default {
    margin-top: 50px;
}

.password-request .panel-body h3 {
    text-align: center;
    margin-bottom: 50px !important;
}

.password-request input#email {
    width: 80%;
    margin: 0 auto;
}

.password-request .form-group a.btn-default {
    background-color: #fff;
    border: none;
    height: 36px;
}

.password-request .form-group a.btn-default:hover {
    color: white;
    background-color: #1e90ff;
    border-color: #adadad;
}
.form-group.alert {
    padding: 10px;
    margin-top: 10px;
}
.nav-tabs .nav-item .nav-link {
    padding-left: 20px;
}

#categories-area .col-sm-12.col-md-6 {
    padding: 0;
}

#categories-area > .item {
    margin-bottom: 10px;
}

.parent .col-sm-12.col-md-6 {
    width: 100%;
    max-width: 100%;
    border: none;
}

.option label {
    font-weight: normal;
    margin-bottom: 0;
}

label.col-md-12 {
    padding: 0;
}

.dm-uploader-panel.col-md-12 {
    padding: 0;
}

.right.col-sm-12 {
    padding: 0 10px 0 0;
}
.left.col-sm-12 {
    padding: 0 0 0 10px;
}

textarea {
    min-width: 100%;
    max-width: 100%;
}

.required:after {
    content: "*";
    display: inline-block;
    margin-left: 3px;
    font-size: 18px;
    line-height: 0px;
    color: red;
}

.resource {
    margin-left: 20px;
}

.parent div:not(.option) .resource {
    margin-left: 15px;
}

.item:not(.opened) > .option .icons-container .icons .fa-folder-open,
.item.opened > .option .icons-container .icons .fa-folder,
.item .option:not(.opened) > .icons-container .icons .fa-folder-open,
.item .option.opened > .icons-container .icons .fa-folder {
    display: none;
}

.item.opened > .option .icons-container .icons .fa-folder-open,
.item .option.opened >.icons-container .icons .fa-folder-open {
    display: inline-block;
}

.resources-index .icons,
.admin-resources-add-to-user .icons {
    margin-right: 5px;
}

.form-inline .form-control.search-type {
    padding: 6px 0px 6px 5px;
}

.option .count-container {
    font-size: 17px;
    padding-left: 3px
}
.option .label-check {
    display: flex;
    align-items: center;
    line-height: 26px;
}

.option .label-check input {
    margin: 0 5px 0 0;
}

.parent .option .label-check {
    margin-left: 0;
}

.option .label-check label {
    padding: 0 0 0 27px;
}

.option .label-count {
    display: block;
    margin-bottom: 5px;
    width: 10%;
    min-width: 100px;
}

.option .label-count input {
    max-width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}
.item .switch {
    margin-right: 5px;
    line-height: 21px;
    font-size: 12px;
}

.item:not(.parent):not(.has-resources) .switch {
    display: none;
}

.parent.opened > .option .icons-container .plus,
.parent:not(.opened) > .option .icons-container    .switch.minus,
.has-resources > .option.opened .icons-container .plus,
.has-resources > .option:not(.opened) .icons-container    .switch.minus {
    display: none;
}

.parent.opened > .option .icons-container .minus,
.parent:not(.opened) > .option .icons-container .plus,
.has-resources > .option.opened .icons-container .minus,
.has-resources > .option:not(.opened) .icons-container .plus {
    display: inline-block;
}

.item.empty .switch.circle {
    display: inline-block !important;
}

.switch.circle .fas {
    font-weight: 500;
}

.item .title {
    padding-top: 0;
}

.parent .option .icons-container {
    display: inline-flex;
    align-items: center;
    margin-left: 0 !important;
}

.icons-container {
    display: inline-flex;
    align-items: center;
    margin-left: 0 !important;
}
body:not(.admin-resources-add-to-user):(.admin-resources-index) .admin .parent.item > .item {
    display: block;
}


.parent.item > .item {
    display: none;
}
.parent.item.opened > .item {
    display: block;
}

.option > .resource {
    display: none;
}

.option.opened > .resource {
    display: block;
}

.items-list.admin .option.opened > .resource {
    display: flex;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.user-select-field {
    display: inline-flex;
    flex-wrap: wrap

}

.user-select-field select {
    height: 36px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.user-select-field button{
    width: 100%;
}

.navbar-default li img.header-user-photo {
    max-height: 45px;
    width: auto;
    border-radius: 50%;
}

.navbar-nav > li.dropdown > a,
.navbar-nav > li.dropdown > a:hover,
.navbar-nav > li.dropdown > a:focus {
    margin: 0;
}

.admin .navbar-header {
    height: 58px;
}

.navbar-right a.login {
    margin-right: 15px;
}

.resources-index .panel-info {
    display: inline-flex;
    border-color: #bce8f1;
    background: #bce8f1;
    margin-bottom: 0;
}

.products-create .parent.item > .item,
.service-products-create .parent.item > .item {
    display: block;
}

.items-list.admin .resource.admin-table-item > * {
    text-align: center;
    margin-left: 0;
}

.image-container img {
    max-width: 100%;
    width: auto;
    max-height: 150px;
}

.col-sm-12.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.SumoSelect {
    width: 100%;
}

.SumoSelect .select-all>label,
.SumoSelect>.CaptionCont,
.SumoSelect>.optWrapper>.options li.opt label {
    margin: 0;
}

.SumoSelect>.CaptionCont {
    position: relative;
    border: 1px solid #A4A4A4;
    min-height: 14px;
    background-color: #fff;
    border-radius: 2px;
    margin: 0;
    line-height: 1.6;
    color: #555555;
    background-color: #fff;
    height: 36px;
    border: 1px solid #ccd0d2;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}


.fa-sad-tear {
    padding-right: 5px
}

.news .panel-danger > .panel-heading {
    font-size: 16px;
}

/* Стили для превью изображений товаров */
.thumbnail-image {
    width: 100% !important;
    height: 60px !important;
    object-fit: cover !important;
    cursor: pointer !important;
    border: 4px solid #ccc !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    opacity: 0.9 !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    background-color: #ffffff !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 auto !important;
}

.thumbnail-image:hover,
.image-thumbnails .col-3:hover .thumbnail-image,
.thumbnail-wrapper:hover .thumbnail-image,
.thumbnail-container:hover .thumbnail-image {
    opacity: 1 !important;
    border-color: #ff6b35 !important;
    border-width: 5px !important;
    transform: scale(1.15) !important;
    box-shadow: 0 6px 12px rgba(255,107,53,0.4) !important;
    z-index: 100 !important;
    filter: brightness(1.1) !important;
    background-color: rgba(255,107,53,0.1) !important;
}

.thumbnail-image.active {
    opacity: 1 !important;
    border-color: #28a745 !important;
    border-width: 5px !important;
    box-shadow: 0 0 15px rgba(40,167,69,0.8) !important;
    z-index: 50 !important;
    transform: scale(1.1) !important;
}

.thumbnail-image:active {
    transform: scale(1.08) !important;
    transition: all 0.05s ease !important;
    border-color: #e74c3c !important;
}

.thumbnail-container {
    position: relative;
    padding: 5px;
    border: 2px dashed transparent;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.thumbnail-container:hover {
    border-color: #ff6b35 !important;
    background-color: rgba(255,107,53,0.1) !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgba(255,107,53,0.3) !important;
}

.thumbnail-wrapper {
    position: relative;
    overflow: visible;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    pointer-events: none;
}

.thumbnail-wrapper:hover .thumbnail-overlay {
    opacity: 1;
}

.thumbnail-text {
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

/* Дополнительные правила для hover эффектов */
.image-thumbnails .col-3 .thumbnail-image:hover {
    border-color: #ff6b35 !important;
    border-width: 5px !important;
    transform: scale(1.15) !important;
    box-shadow: 0 6px 12px rgba(255,107,53,0.4) !important;
}

.thumbnail-container:hover .thumbnail-image {
    border-color: #ff6b35 !important;
    border-width: 5px !important;
    transform: scale(1.15) !important;
    box-shadow: 0 6px 12px rgba(255,107,53,0.4) !important;
}

/* Для мобильных устройств */
@media (hover: hover) {
    .thumbnail-image:hover {
        border-color: #ff6b35 !important;
        border-width: 5px !important;
        transform: scale(1.15) !important;
        box-shadow: 0 6px 12px rgba(255,107,53,0.4) !important;
    }
}

/* Для устройств без hover */
@media (hover: none) {
    .thumbnail-image {
        border-color: #ff6b35 !important;
        border-width: 3px !important;
    }
}

/* Дополнительные правила для надежности */
.image-thumbnails img:hover,
.image-thumbnails .thumbnail-image:hover,
.image-thumbnails .col-3:hover img,
.image-thumbnails .col-3:hover .thumbnail-image,
.image-thumbnails .thumbnail-container:hover img,
.image-thumbnails .thumbnail-wrapper:hover img {
    border-color: #ff6b35 !important;
    border-width: 5px !important;
    transform: scale(1.15) !important;
    box-shadow: 0 6px 12px rgba(255,107,53,0.4) !important;
    background-color: rgba(255,107,53,0.1) !important;
    filter: brightness(1.1) !important;
}

/* Тестовый класс для отладки кликов */
.thumbnail-image.test-click {
    border: 3px solid red !important;
    background-color: rgba(255, 0, 0, 0.2) !important;
    transform: scale(1.1) !important;
}

/* Стили для кнопок превью изображений */
.thumbnail-button {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all 0.2s ease;
}

.thumbnail-button:hover {
    transform: scale(1.05);
}

.thumbnail-button:focus {
    outline: 2px solid #ff6b35;
    outline-offset: 2px;
}

.thumbnail-button:active {
    transform: scale(0.95);
}

/* Активное состояние кнопки */
.thumbnail-button--active {
    border: 3px solid #28a745 !important;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(40,167,69,0.8) !important;
}

/* Стили для ссылок превью изображений (для совместимости) */
.thumbnail-link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.thumbnail-link:hover {
    text-decoration: none;
    color: inherit;
}

.thumbnail-link:focus {
    outline: 2px solid #ff6b35;
    outline-offset: 2px;
}

/* Стили для контейнера изображений товара в стиле Rozetka */
.product-images-container {
    position: relative;
    max-width: 100%;
}

/* Основное изображение */
.main-image-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.main-image {
    width: 100%;
    height: 400px;
    object-fit: contain;
    display: block;
    transition: opacity 0.3s ease;
}

/* Контейнер превью */
.thumbnails-container {
    width: 100%;
}

.thumbnails-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}

/* Элементы превью */
.thumbnail-item {
    position: relative;
    width: 80px;
    height: 80px;
    border: 2px solid #e5e5e5;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-item:hover {
    border-color: #ff6b35;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(255,107,53,0.3);
}

.thumbnail-item--active {
    border-color: #ff6b35 !important;
    border-width: 3px !important;
    box-shadow: 0 0 0 2px rgba(255,107,53,0.2);
    transform: scale(1.05);
}

.thumbnail-item:active {
    transform: scale(0.95);
}

/* Изображения в превью */
.thumbnail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.2s ease;
}

.thumbnail-item:hover .thumbnail-image {
    transform: scale(1.1);
}

/* Адаптивность */
@media (max-width: 768px) {
    .main-image {
        height: 300px;
    }
    
    .thumbnail-item {
        width: 60px;
        height: 60px;
    }
    
    .thumbnails-list {
        gap: 6px;
    }
}

@media (max-width: 480px) {
    .main-image {
        height: 250px;
    }
    
    .thumbnail-item {
        width: 50px;
        height: 50px;
    }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes glow {
    from {
        box-shadow: 0 0 5px rgba(255,107,53,0.5);
        transform: scale(1);
    }
    to {
        box-shadow: 0 0 20px rgba(255,107,53,0.8), 0 0 30px rgba(255,107,53,0.6);
        transform: scale(1.02);
    }
}

/* Главная страница (новый дизайн) */
.landing-page {
    background-color: #f6f3ea;
    color: #2f352d;
    position: relative;
}

.landing-page .top {
    background-image: url("/images/header.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    min-height: 600px;
    box-shadow: none;
}

.landing-page .hero-top-bar {
    position: static;
    height: auto;
}

.landing-page .top-services {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    gap: 10px;
    z-index: 50;
}

.landing-page .top-service-btn {
    background: rgba(248, 242, 228, 0.92);
    border: 1px solid rgba(75, 85, 66, 0.2);
    border-radius: 10px;
    color: #2f4731;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 16px;
}

.landing-page .top-service-btn:hover {
    background: #f2e9d5;
    color: #2a3a2c;
}

.landing-page .cabinet-mini {
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    z-index: 50;
}

.landing-page .cabinet-login-btn {
    width: 100%;
    border-radius: 8px;
    background: #2f6c4f;
    color: #fff;
    font-size: 14px;
    padding: 7px 10px;
}

.landing-page .cabinet-login-btn:hover {
    background: #24533d;
    color: #fff;
}

.landing-page .cabinet-auth-buttons {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.landing-page .cabinet-auth-btn {
    width: auto;
    flex: 0 0 auto;
    border-radius: 8px;
    font-size: 14px;
    padding: 7px 10px;
}

.landing-page .cabinet-auth-btn-primary {
    background: #2f6c4f;
    color: #fff;
    width: 100px;
}

.landing-page .cabinet-auth-btn-primary:hover {
    background: #24533d;
    color: #fff;
}

.landing-page .cabinet-auth-btn-light {
    background: #f5f1e8;
    color: #3b4a39;
    border: 1px solid rgba(121, 133, 106, 0.45);
}

.landing-page .cabinet-auth-btn-light:hover {
    background: #ece5d6;
    color: #2f352d;
}

.landing-page .hero-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding-top: 0;
}

.landing-page .top .title {
    margin-top: 0;
    text-shadow: none;
}

.landing-page .hero-logo {
    width: 150px;
    max-width: 42vw;
}

.landing-page .hero-brand {
    margin-top: 12px;
    font-family: "Izhitsa", serif;
    font-size: 62px;
    line-height: 1;
    color: #3d4a2f;
    text-transform: uppercase;
}

.landing-page .hero-subtitle {
    margin-top: 50px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 44px;
    line-height: 1.2;
    font-weight: 500;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.landing-page .hero-actions {
    margin-top: 40px;
}

.landing-page .hero-btn {
    border-radius: 12px;
    padding: 12px 28px;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    margin: 0 8px;
}

.landing-page .hero-btn-primary {
    background-color: #2f6c4f;
    color: #fff;
}

.landing-page .hero-btn-primary:hover {
    color: #fff;
    background-color: #24533d;
}

.landing-page .hero-btn-light {
    background-color: #f5f1e8;
    color: #3b4a39;
}

.landing-page .hero-btn-light:hover {
    background-color: #ece5d6;
    color: #2f352d;
}

.landing-page .top .down-arrow {
    display: none;
}

.landing-page .about {
    margin: 0;
    position: relative;
    min-height: 430px;
    background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.96) 50%, rgba(255, 255, 255, 0.78) 65%, rgba(255, 255, 255, 0.34) 82%, rgba(255, 255, 255, 0.1) 100%),
    url("/images/right_fon.png");
    background-position: left top, right center;
    background-size: 100% 100%, 1000px auto;
    background-repeat: no-repeat;
    padding: 40px 0 50px;
}

.landing-page .about .left {
    background-color: transparent;
    padding: 6px 56px 0;
    max-width: 62%;
    position: relative;
    z-index: 2;
}

.landing-page .about .left > * {
    max-width: 100%;
}

.landing-page .about .left .title,
.landing-page .items .title,
.landing-page .important .title,
.landing-page .bottom > .title {
    margin: 0 0 24px;
    text-align: center;
}

.landing-page .about .left .title span,
.landing-page .items .title span,
.landing-page .important .title span,
.landing-page .bottom > .title span {
    border: 0;
    text-transform: none;
    font-family: Roboto, sans-serif;
    font-size: 48px;
    font-weight: 500;
    color: #2f352d;
}

.landing-page .about .left .text {
    padding: 0;
    margin: 0;
    color: #343434;
    font-size: 24px;
    line-height: 1.5;
}

.landing-page .items {
    background-image:
        linear-gradient(to bottom, rgba(243, 246, 233, 0.5), rgba(241, 245, 232, 0.8)),
        url("/images/header.png");
    background-size: cover;
    background-position: center;
    padding: 56px 2.5% 52px;
}

.landing-page .items .title {
    margin-bottom: 16px;
}

.landing-page .items .principles-grid {
    margin: 0 auto;
    max-width: 1560px;
}

.landing-page .items .principle-item {
    list-style: none;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.landing-page .items .principle-card {
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(42, 53, 38, 0.08);
    text-align: center;
    padding: 14px 16px 16px;
    border: 1px solid rgba(203, 210, 187, 0.7);
}

.landing-page .items .principle-card img {
    width: 220px;
    height: 170px;
    object-fit: contain;
    margin-bottom: 10px;
}

.landing-page .items .principle-card h4 {
    margin: 10px 0 15px;
    font-size: 24px;
    line-height: 1.12;
    font-weight: 700;
    color: #384632;
}

.landing-page .items .principle-card p {
    margin: 0;
    font-size: 20px;
    line-height: 1.7;
    color: #474e44;
}

.landing-page .items .principle-item-last {
    margin-left: auto;
    margin-right: auto;
}

.landing-page .mission-footer-section {
    background-image: url("/images/footer.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.landing-page .important {
    background: transparent;
    padding: 56px 0 28px;
}

.landing-page .important .important-card {
    max-width: 980px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(225, 216, 188, 0.9);
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(60, 67, 42, 0.12);
    padding: 26px 34px 18px;
}

.landing-page .important .title {
    margin-bottom: 16px;
}

.landing-page .important .title span {
    font-size: 46px;
}

.landing-page .important .text {
    margin: 0;
    color: #2f352d;
    text-transform: none;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    list-style: none;
    padding: 0;
}

.landing-page .important .text li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.landing-page .important .text li img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    flex-shrink: 0;
}

.landing-page .bottom {
    background-color: #f6f3ea;
    padding: 20px 8% 0;
}

.landing-page .bottom.bottom-programs {
    padding-top: 0;
    padding-bottom: 40px;
}

.landing-page .bottom .number {
    background-color: #d7d9af;
}

.landing-page .bottom .text {
    font-size: 31px;
    font-weight: 600;
    color: #2f352d;
}

.landing-page .footer-home {
    margin-top: 0;
    background: transparent;
    min-height: 320px;
    padding-top: 26px;
}

.landing-page .footer-home .container-fluid {
    padding-bottom: 0;
}

.footer-panel-wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-panel {
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(221, 214, 186, 0.9);
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(55, 60, 43, 0.1);
    overflow: hidden;
    width: 800px;
    max-width: 100%;
}

.footer-panel-col {
    padding: 18px 0px 20px 60px;
    border-right: 1px solid rgba(209, 205, 181, 0.85);
}

.footer-panel-col:last-child {
    border-right: 0;
}

.footer-panel-col h5 {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.1;
    color: #2f4731;
    font-weight: 600;
}

.footer-contact-name,
.footer-link {
    font-size: 18px;
    line-height: 1.25;
}

.footer-tree {
    display: block;
    margin: -130px auto 0;
    width: 100%;
    max-width: 980px;
}

@media (max-width: 1199px) {
    .landing-page .about {
        background-size: 100% 100%, 100% auto;
    }

    .landing-page .top-services {
        top: 12px;
        left: 12px;
    }

    .landing-page .top-service-btn {
        font-size: 14px;
        padding: 7px 12px;
    }

    .landing-page .cabinet-mini {
        top: 12px;
        right: 12px;
        width: 206px;
    }

    .landing-page .hero-subtitle {
        font-size: 34px;
    }

    .landing-page .about .left .title span,
    .landing-page .items .title span,
    .landing-page .important .title span,
    .landing-page .bottom > .title span {
        font-size: 40px;
    }

    .landing-page .items .principle-card h4 {
        font-size: 27px;
    }

    .landing-page .items .principle-card p,
    .landing-page .important .text,
    .landing-page .about .left .text {
        font-size: 16px;
    }

    .landing-page .important .title span {
        font-size: 38px;
    }

    .footer-panel-col h5 {
        font-size: 32px;
    }

    .footer-contact-name,
    .footer-link {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .landing-page .top {
        min-height: 460px;
        height: auto;
        padding-bottom: 26px;
    }

    .landing-page .top-services {
        top: 10px;
        left: 10px;
        width: auto;
        gap: 6px;
    }

    .landing-page .top-service-btn {
        flex: none;
        text-align: center;
    }

    .landing-page .cabinet-mini {
        top: 10px;
        right: 10px;
        width: 210px;
        max-width: calc(100% - 16px);
    }

    .landing-page .hero-brand {
        font-size: 44px;
    }

    .landing-page .hero-subtitle {
        font-size: 24px;
        margin-top: 14px;
    }

    .landing-page .hero-btn {
        margin: 6px 4px;
        font-size: 16px;
        padding: 10px 14px;
    }

    .landing-page .about .left {
        padding: 28px 20px 34px;
    }

    .landing-page .about .left .title span,
    .landing-page .items .title span,
    .landing-page .important .title span,
    .landing-page .bottom > .title span {
        font-size: 32px;
    }

    .landing-page .items {
        padding: 36px 12px 28px;
    }

    .landing-page .items .principle-item {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .landing-page .items .principle-card {
        padding: 14px 12px;
    }

    .landing-page .items .principle-card h4 {
        font-size: 24px;
    }

    .landing-page .items .principle-card p {
        font-size: 15px;
    }

    .landing-page .important {
        padding: 36px 0 20px;
    }

    .landing-page .important .important-card {
        padding: 18px 14px;
    }

    .landing-page .important .title span {
        font-size: 30px;
    }

    .landing-page .important .text li img {
        width: 44px;
        height: 44px;
    }

    .landing-page .footer-home {
        padding-top: 18px;
        min-height: 260px;
    }

    .footer-panel {
        width: 100%;
    }

    .footer-panel-col {
        border-right: 0;
        border-bottom: 1px solid rgba(209, 205, 181, 0.85);
    }

    .footer-panel-col:last-child {
        border-bottom: 0;
    }

    .footer-panel-col h5 {
        font-size: 26px;
    }

    .footer-contact-name,
    .footer-link {
        font-size: 20px;
    }
}