/* Основной фон страницы (будет меняться) */
/* Плавный фон body (как в прошлом шаге) */
@font-face {
    font-family: 'Novelist';
    src: url('/templates/w2/fonts/Novelist-Display.eot');
    src: url('/templates/w2/fonts/Novelist-Display.eot?#iefix') format('embedded-opentype'),
    url('/templates/w2/fonts/Novelist-Display.woff2') format('woff2'),
    url('/templates/w2/fonts/Novelist-Display.woff') format('woff'),
    url('/templates/w2/fonts/Novelist-Display.ttf') format('truetype'),
    url('/templates/w2/fonts/Novelist-Display.svg#Novelist-Display') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JOURNALISM';
    src: url('/templates/w2/fonts/JOURNALISM.eot');
    src: url('/templates/w2/fonts/JOURNALISM.eot?#iefix') format('embedded-opentype'),
    url('/templates/w2/fonts/JOURNALISM.woff2') format('woff2'),
    url('/templates/w2/fonts/JOURNALISM.woff') format('woff'),
    url('/templates/w2/fonts/JOURNALISM.ttf') format('truetype'),
    url('/templates/w2/fonts/JOURNALISM.svg#JOURNALISM') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neumann';
    src: url('/templates/w2/fonts/Neumann.eot');
    src: url('/templates/w2/fonts/Neumann.eot?#iefix') format('embedded-opentype'),
    url('/templates/w2/fonts/Neumann.woff2') format('woff2'),
    url('/templates/w2/fonts/Neumann.woff') format('woff'),
    url('/templates/w2/fonts/Neumann.ttf') format('truetype'),
    url('/templates/w2/fonts/Neumann.svg#Neumann') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Condensed';
    src: url('/templates/w2/fonts/BarlowCondensed-Medium.eot');
    src: url('/templates/w2/fonts/BarlowCondensed-Medium.eot?#iefix') format('embedded-opentype'),
    url('/templates/w2/fonts/BarlowCondensed-Medium.woff2') format('woff2'),
    url('/templates/w2/fonts/BarlowCondensed-Medium.woff') format('woff'),
    url('/templates/w2/fonts/BarlowCondensed-Medium.ttf') format('truetype'),
    url('/templates/w2/fonts/BarlowCondensed-Medium.svg#BarlowCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



body {
    font-family: "PT Sans Narrow", serif;
    position: relative;
    z-index: 0;
    color: #535559;
    font-size: 20px;
    background: #ffffff;

}
.hero .cta-buttons {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem;
}

@media (max-width: 576px) {
    .hero .cta-buttons {
        flex-direction: column;
    }
}

.btn {
    padding: 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 50px;
    transition: all 0.3s ease;
    background-color:transparent;
    color: #272b2e;
    border:solid 1px #272b2e;
}
.btn:hover{
    background: #dadada;
}

.btn.btn-primary {
    background-color: #272b2e;
    border-color:  #272b2e;
    color: #ffffff;
}

.btn.btn-primary:hover {
    background-color: #ffffff;
    border-color: #272b2e;
    color: #272b2e;
    transform: translateY(-2px);
}

.btn.btn-outline {
    border:#272b2e;
    color: #272b2e;
    background: transparent;
}

.btn.btn-outline:hover {
    background-color:#272b2e;
    color: #ffffff;
    transform: translateY(-2px);
}

.hero .hero-stats {
    display: flex;
    gap: 3rem;
    margin-top: 2rem;
}

a {
    color: #272b2e;
}
.fon {
    background-size: cover;
    background: url("/img/fon.mp4");
}
.social {
    position: fixed !important;
    bottom: 14%;
    right: 23px;
    z-index: 3;
}
.black {
    background: #272b2e;
    color: white !important;
}
.rounded {
    border-radius: 50% !important;
    margin-bottom: 10px;
}
.fab {
    font-size: 2rem;
    padding: 15px;
    color: #ffffff;
}
ul.breadcrumbs li {
    list-style: none;
    position: relative;
    padding-right: 15px;
    float: left;
}
.grey {
    background: #bdb9b9;
}
.grey_text {
    color: #bdb9b9;
}
header{
    background: #ffffff;
    padding: 10px;

}

img.logo_webadminka {

}
header a {
    color: #000000 !important;
    font-family: 'Roboto';
    text-decoration: none;
}
h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-size: 7vw;
    color: black;

}
h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.vh-100 {
    height: auto !important;
}
.footer-bs {
    background:#272b2e;
    font-size: 16px;
    padding: 15px;
    color: #ffffff;
}
.footer-bs .zagolovok{
    font-weight: bold;
    font-family: Arial, sans-serif;
}
.footer-bs a {
    color: #ffffff;
}
.contrast-text {
    color: white; /* начальный цвет текста (будет инвертирован) */
    filter: invert(100%); /* инвертирует цвет текста */
    mix-blend-mode: difference; /* альтернативный способ */
}
.contrast-text a.logo_webadminka img{

    color: white; /* начальный цвет текста (будет инвертирован) */
    filter: invert(100%); /* инвертирует цвет текста */
    mix-blend-mode: difference; /* альтернативный способ */
}
h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif;
}
h3.card-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: #ffffff;
    background-color: #272b2e;
    border-color: #272b2e;
}
.btn:hover {
    color: #272b2e;
    background-color: #ffffff;
    border-color: #272b2e;
}
.card-body-faq {
    padding: 15px;
}

/* Для планшетов (768px и выше) */
@media (max-width: 768px) {
    .vh-100 {

    }
    h1 {
        font-size: 14vw !important;
        font-weight: bold;
        text-align: center;
    }
    #typewriter {
        font-size: 8vw !important;
    }
    .btn {width: 100%;}
    .gallery-image-container {
        height: 40vh !important;
    }
    #brif-na-sozdanie-sajta.col-6 {
        width: 100%;
        display: block;
    }
}

/**/