/* Barvy logo odspoda červená 8f0f28 - c71535 gradient
    Modrá 4f9ec7 5fafd4 
*/

@font-face {
    font-family: 'Roboto-Medium';
    src: url(../fonts/Roboto-Medium.ttf) format('opentype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(../fonts/Roboto-Regular.ttf) format('opentype');
}


body {
    font-family: 'Roboto-Regular', sans-serif;
}
header {
    position: relative;
    overflow: hidden;
    border-style:none;
}
.color-red {
    color: #8f0f28;
}
header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: linear-gradient(180deg, rgba(2, 48, 71, 0.39) 0%, #023047 100%), url('../images/skyscrapes_background.jpg');
    background-size: cover;
    background-position: center;
    will-change: transform;
    animation: bg-zoom 10s ease-in-out forwards;
    border-style: none;
}

@keyframes bg-zoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.2);
    }
}

/* Obsah headeru musí být nad pseudo-elementem */
header > * {
    position: relative;
    z-index: 1;
    border-style: none;
}

/*.header-caption {
    padding-bottom: 75px;
    padding-top: 75px;
}*/
.bg-image {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 100px;
    bottom: 0;
    height: 100px;
    z-index: 10;
    transform: scale(-1, 1);
    border-style: none;
}
.krivky
{
    padding-top: 100px;
    
}
.menulogo
{
    height: 24px;
    
}
h1 {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 500;
    color: #8f0f28;
    text-transform: uppercase;
}
nav {
    z-index: 20;
}
.header-caption {
    position: absolute;
    right: 15%;
    top: 2rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color:#ffffff;
    /*color: #4f9ec7;*/
    text-align: center;
}
.nav-link {
    /*font-weight:800;*/
}
nav-item {
    /*opacity: 1;*/
}
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}
@-webkit-keyframes zoom-out {
    from {
        -webkit-transform: scale(1.5, 1.5);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}
.bg-lightred {
    background-color: #fcf3f3; /* #8f0f28;  #c71535;*/
}
.bg-footer
{
    background-color: #8f0f28; /* #c71535; */
    color: #ffffff;
}
.cust-logo-img {
    
    
    max-height: 150px;
    
}
.bg-lightblue {
    background-color: #5fafd4;
}