@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Roboto Condensed", serif; */


/** Generated by FG **/
@font-face {
    font-family: 'raleway';
    src: url('/font/Raleway-VariableFont_wght.ttf');
    src: local('☺'), url('/font/Raleway-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'comfortaa';
    src: url('/font/Comfortaa-VariableFont_wght.ttf');
    src: local('☺'), url('/font/Comfortaa-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'RedOctober';
    src: url('/font/RedOctober.ttf');
    src: local('☺'), url('/font/RedOctober.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





/* Colors */
:root {
    --border-radius: 15px;
    --bs-border-radius: 15px;
    --background: #0d0f22;
    --color-text: #ffffff;
    --color-text-bw: #000000;
    --color-text-hover-bw: #515151;
    --color-text-info: #777777;;
    /*--color-top: #e53637;;*/
    --color-top: #d6a428 !important;
    --color-dark: #211404 !important;

    /*--bs-font-family: 'comfortaa', sans-serif;*/
    /*--bs-font-family-display: 'RedOctober', sans-serif;*/

    /*--bs-font-family: "Victor Mono", monospace;*/
    /*--bs-font-family-display: "Victor Mono", monospace;*/
    /*--font_size: 1rem;*/

    /*--bs-font-family: "Oswald", serif;*/
    /*--bs-font-family-display: "Oswald", serif;*/

    /*--bs-font-family:  "PT Sans Narrow", serif;*/
    /*--bs-font-family-display:  "PT Sans Narrow", serif;*/
    /*--font_size: 1.07rem;*/

    --bs-font-family: "Roboto Condensed", serif;
    --bs-font-family-display: "Roboto Condensed", serif;
    --font_size: 1.03rem;
    --filter: grayscale(35%) contrast(110%) sepia(6%);
}


html,
body {
    /*filter: grayscale(60%) contrast(100%);*/
    font-size: var(--font_size);
    color: var(--color-text-bw);
    font-family: var(--bs-font-family);
    font-weight: 400;
    letter-spacing: .01rem;
    line-height: 1.3;
}

#header {
    padding: 15px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    background: #d3d3d3;
    filter: var(--filter);
}

#header.header-scrolled {
    padding: 5px 0;
}

#header .logo {
    font-size: 0.5rem;
    font-family: var(--bs-font-family);
}

#header .logo span{
    font-size: 0.8rem;
    font-family: var(--bs-font-family);
}

main{
    filter: var(--filter);
    min-height: 90vh;
}


.wrape{
    min-height: 100vh;
}

p, a {
    font-family: var(--bs-font-family);
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--bs-font-family);
    text-align: left;
}

h1, h2, h3{
    text-transform: uppercase;
}


.display-4{
    font-family: var(--bs-font-family-display);
    font-size: 1.5rem;
    font-weight: 700;
    /*text-shadow: 4px 4px rgba(199, 199, 199, 0.3);*/
    /*-webkit-text-stroke: 4px rgba(255, 255, 255, 0.1);*/
    /*word-wrap: break-word;*/
    /*word-break: break-all;*/
    /*white-space: normal;*/
}

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

a {
    color: var(--color-text-bw);
    font-weight: 500;
}

a:hover {
    color: var(--color-text-hover-bw);
}

.blog .entry .entry-content .read-more a {
    border-radius: var(--border-radius);
    margin-bottom: 10px;
    background: #606f7e;
    font-size: var(--font_size);
}

.blog .blog-comments .reply-form .btn-primary {
    border-radius: var(--border-radius);
}

#footer .footer-top .social-links a {
    border-radius: var(--border-radius);
}

.back-to-top {
    border-radius: var(--border-radius);
}

.blog .sidebar .search-form form input[type=text] {
    border-radius: var(--border-radius);
}

.blog .sidebar .search-form form {
    border-radius: var(--border-radius);
}


.blog .blog-comments .reply-form input {
    border-radius: var(--border-radius);
}



.navbar a {
    font-family: var(--bs-font-family);
    /*font-weight: 600;*/
    color: var(--color-text-bw);
    font-size: var(--font_size);
}

.navbar a, .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px 30px;
    font-family: var(--bs-font-family);
    font-size: var(--font_size);
    /*font-weight: 600;*/
    color: #000000;
    white-space: nowrap;
    transition: 0.3s;
}

.blog .sidebar .recent-posts h4 {
    font-size: var(--font_size);
    margin-left: 95px;
    font-weight: bold;
}
h

.navbar a,
.navbar a:focus {
    font-family: var(--bs-font-family);
    font-weight: 500;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: var(--color-text-hover-bw);

}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    color: var(--color-text-hover-bw);
}

.navbar .dropdown ul a {
    padding: 5px 10px;
    color: var(--color-text-bw);
}

.navbar .dropdown ul a:hover {
    padding: 5px 10px;
    color: var(--color-text-hover-bw);
}

.blog .sidebar .sidebar-title {
    color: var(--color-text-bw);
}

.blog .sidebar .search-form form button {
    border-radius: var(--border-radius);
    background: var(--color-text-bw);

}


.pop-title{
    color: var(--color-text-bw);
    margin-bottom: 10px;
    margin-top: unset!important;
}

.pop-title:hover{
    color: var(--color-text-hover-bw);
}

.blog .entry .entry-title a {
    color: var(--color-text-bw);
}
.blog .entry .entry-title a:hover {
    color: var(--color-text-hover-bw);
}

.blog .entry .entry-meta {
    margin-bottom: unset!important;
    color: #646464;
}

/*--------------------------------------------------------*/





h6 {
    /*font-family: 'Montserrat-Regular', sans-serif;*/
    /*font-weight: 700;*/
}









.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    /*padding: 1rem 3rem;*/
}

.iti {
    position: relative;
    display: block;
}


.admin-div-order{
    border-radius: 20px;
    padding: 10px;
    border: dashed 1px #000000;
}

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

.img-top{
    filter: blur(90%);
}


.info-dash{
    border-bottom: dashed 1px;
}



.form-check-input {
    margin-left: -1.2em;
}



.radio{
    /*justify-content: space-between;*/
    /*padding: 10px;*/
    /*margin-top: 10px;*/
}

.custom-radio {
    margin-top: 10px;
    /*overflow: hidden;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*position: relative;*/
}



.custom-radio .price-r {
    background: #fff;
    /*position: absolute;*/
    z-index: 3;
    padding: 0 5px;
    font-weight: 600;
    right: 0;
    border-bottom: dashed 1px;
}



.breadcrumb{
    padding-top: 15px;
    /*border-bottom: solid 2px #6c757d;*/
}

.main_div{
    padding-top: 75px;
}



.blog {
    padding: 10px 0 20px 0;
    background-color: rgba(227, 227, 227, 0.04);
}

.page-item.active .page-link {
    background-color: #e24d55;
    border-color: #e24d55;
}

.itemlist{
    border-left: 30px solid #515151;
}

.page-link {
    color: #556270;
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 2rem;
}

.rounded {
    border-radius: var(--bs-border-radius)!important;
}

.blog .entry {
    /*padding: 0px;*/
    background-color: white!important;
    border-radius: var(--bs-border-radius)!important;
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-left: 3px solid #b0b0b0;
}


.blog .sidebar {
    padding: 15px;
    margin: 0 0 30px 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .sidebar {
    border-radius: var(--bs-border-radius)!important;
     margin: 0 0 60px 0;
}

.entry img{
    filter: contrast(1.1) sepia(20%) brightness(0.9);
    border: 3px solid #b0b0b0;
    /*margin: -15px -15px 15px -15px;*/
    border-radius: var(--border-radius);
    -webkit-box-shadow: 12px 12px 0px -2px rgba(34, 60, 80, 0.20);
    -moz-box-shadow: 12px 12px 0px -2px rgba(34, 60, 80, 0.20);
    box-shadow: 12px 12px 0px -2px rgba(34, 60, 80, 0.20);
    position: relative;
}

.entry img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
    mix-blend-mode: multiply;
}

.entry img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.1) 1px,
            transparent 1px,
            transparent 3px
    );
    mix-blend-mode: overlay;
}

.blog .entry .entry-footer {
    padding-top: 10px;
    border-top: 1px solid black;
    margin-top: 1rem;
}

.blog .entry .entry-title {
    font-size: 1.6rem;
    margin: 10px 0 10px -15px;
    border-bottom: 3px solid #b0b0b0;
    border-top: 3px solid #b0b0b0;
    background: #d3d3d3;
    text-align: right;
    font-weight: 600;
}

.shadow-b{
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
}
.entry-img{
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important;
}

.entry-content{
    color: black;
    text-align: justify;
    padding-top: 10px;
}

.card-text{
    text-align: justify;
}

.footer_news li {
    display: inline-block;
}

.footer_news a {
    color: #606f7e;
    transition: 0.3s;
}

.footer_news .tags {
    list-style: none;
    display: inline;
    padding: 0;
    font-size: 14px;
}

.footer_news .tags li+li::before {
    padding-right: 6px;
    color: #6c757d;
    content: ",";
}

.read-more-list a {
    display: inline-block;
    background: #d9232d;
    color: #fff;
    padding: 6px 20px;
    transition: 0.3s;
    font-size: 14px;
    border-radius: var(--border-radius);
    margin-top: 10px;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: .6;
    transform: scale(.85) translateY(-0.9rem) translateX(0.1rem);
}


.blog .blog-comments .reply-form textarea {
    border-radius: var(--border-radius);
    padding: 22px 10px;
    font-size: 14px;
    min-height: 150px;
}

.blog .blog-comments .comment .comment-img img {

    border-radius: var(--bs-border-radius)!important;
}

.blog{
    text-align: justify;
}

.blog .entry .entry-meta a {
    color: #777777;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    font-weight: 300;
}



.title{
    padding: 0 0 20px;
    font-size: 1.5rem;
    font-weight: bold;
}

.btn{
    margin-bottom: 30px;
}

.img-rounded-10{
    border-radius: 10px;
}

.pagination {
    justify-content: center!important;
}

.sidebar-importtitle{
    border: 1px dashed lightgrey;
    border-radius: var(--border-radius);
    margin-bottom: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.footer-link{
    padding: 10px;
    color: rgba(255, 255, 255, 0.6);
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

.footer-link:hover{
   color: rgba(255, 255, 255, 1);
}




.blog .sidebar .recent-posts h4 a:hover {
    color: #2a2f35;
}

.blog .entry .entry-content .read-more a:hover {
    background-color: #2a2f35;
}

.blog .sidebar .tags ul a:hover {
    color: #fff;
    border: 1px solid #2a2f35;
    background: #2a2f35;
}

.read-more-list a {
    background: #606f7e;
}

.read-more-list a:hover {
    color: #fff;
    background: #2a2f35;
}

.blog .entry .entry-title a:hover {
    color: #2a2f35;
}

#footer .footer-top .social-links a:hover {
    background: #2a2f35;
}

.back-to-top {
    background: #606f7e;
}

.back-to-top:hover {
    background: #2a2f35;
    color: #fff;
}

.img-bw{
    filter: grayscale(0.4) contrast(1.3);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges; /* Firefox */
    -ms-interpolation-mode: nearest-neighbor; /* IE */
}

.img-bw-100{
    /*image-rendering: pixelated;*/
    image-rendering: -moz-crisp-edges; /* Firefox */
    -ms-interpolation-mode: nearest-neighbor; /* IE */
}

.blog .blog-author img {
    width: 150px;
    margin-right: 20px;
}

.img-bw-100-baner{
    filter: grayscale(1) contrast(1.2) brightness(1) ;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges; /* Firefox */
    -ms-interpolation-mode: nearest-neighbor; /* IE */
    border-left: 30px solid #515151;
    position: relative;
}

.vert-text{
    position: absolute;
    writing-mode: vertical-rl; /* Текст вертикально снизу вверх */
    transform: rotate(180deg); /* Поворачиваем текст на 180 градусов */
    text-align: right; /* Выравниваем текст по правому краю */
    white-space: nowrap; /* Предотвращаем перенос текста */
    color: white;
    top: 0;
    margin: 17px -10px 0px -27px;
    left: 0;
}

.vert-text-list{
    position: absolute;
    writing-mode: vertical-rl; /* Текст вертикально снизу вверх */
    transform: rotate(180deg); /* Поворачиваем текст на 180 градусов */
    text-align: right; /* Выравниваем текст по правому краю */
    white-space: nowrap; /* Предотвращаем перенос текста */
    color: white;
    top: 0;
    margin: 17px -10px 0px -27px;
    left: 0;
    width: 50px;
}


.navbar .dropdown ul {
    border-radius: var(--border-radius);
    padding: 15px 15px 15px 15px;
    /*left: unset!important;*/
    /*right: 0;*/
}

.lead {
    font-size:  var(--font_size);
    font-weight: 500;
}

.blog .blog-author p {
    font-style: italic;
    color: var(--color-text-info);
}

.blog .sidebar .recent-posts time {
    color: var(--color-text-info);
}

.blog .entry .entry-content .read-more {
    -moz-text-align-last: left;
    text-align-last: left;
}

.blog .sidebar .recent-posts h4 {
    background: #696969;
    margin: 0 -16px 0 -16px;
    padding: 10px;
}

.blog .sidebar .recent-posts h4 a {
    color: #ffffff;
    transition: 0.3s;
}

.blog .sidebar .recent-posts time {
    margin-left: unset!important;
    font-style: unset!important;
}

.blog .entry .entry-content p {
     line-height: unset!important;
}

.menu-left {
    max-width: 300px;
}

.item-mozaic{
    width: 50%;
    padding: 10px;
}

.div-sours{
    font-size:  0.8rem;
    font-weight: 300;
}

#footer .footer-top {
    background: #626262;
    padding: 60px 0 30px 0;
}

#footer {
    background: #444444;
    padding: 0 0 30px 0;
    color: #fff;
    font-size: 1rem;
}

/*.modal-open{*/
/*    backdrop-filter: blur(5px); !* Уровень размытия *!*/
/*    background-color: rgba(0, 0, 0, 0.5); !* Затемнение фона *!*/
/*}*/


/* Размытие фона при открытии модального окна */
.modal-backdrop {
    backdrop-filter: blur(5px); /* Уровень размытия */
    background-color: rgba(0, 0, 0, 0.1); /* Затемнение фона */
}

/* Убираем стандартный фон Bootstrap */
.modal-backdrop.show {
    opacity: 1 !important;
}

.blog .entry .entry-content blockquote {
    overflow: hidden;
    background-color: #DDDEDF;
    padding: 20px;
    position: relative;
    text-align: right;
    margin: 20px 0;
    font-style: italic;
    font-weight: 400;
}

.blog .entry .entry-content blockquote::after {
    content: "";
    position: absolute;
    right: 0;
    left: unset!important;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #556270;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*ФОРУМ*/

.forum-category {
    border-left: 4px solid #0d6efd;
}
.topic-stats {
    font-size: 0.85rem;
}
.user-avatar {
    width: 40px;
    height: 40px;
}
.forum-icon {
    font-size: 1.5rem;
    color: #6c757d;
}
.topic-title {
    font-weight: 500;
}
.badge-new {
    background-color: #dc3545;
}
.category-description {
    font-size: 0.9rem;
    color: #6c757d;
}
.footer-links a {
    text-decoration: none;
}

.avatar-32{
    max-width: 32px;
}

.avatar-40{
    max-width: 40px;
}
.avatar-40-40{
    max-width: 40px;
    max-height: 40px;
}

.avatar-45{
    max-width: 45px;
}
.avatar-120{
    max-width: 120px;
}