/* 
 * CUSTOM CSS FOR WEB (PUBLIC)
 */

/*** CUSTOM MAX WIDTH ***/
.max-width-1820 {
    max-width: 1820px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}
.max-width-1250 {
    max-width: 1250px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}
.max-width-900 {
    max-width: 900px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}
.fluid-inner {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

/*** COLORS ***/
.blue {
    color: rgb(48,102,163);
    /* #3066A3 */
}
.dark-blue {
    color: rgb(2,23,67);
    /* #021743 */
}
.light-grey {
    color: rgb(185,185,185);
}
.dark-grey {
    color: rgb(100,100,100);
}
.orange {
    color: rgb(243,114,0);
    /* #F37200 */
}
.green {
    color: rgb(108,175,162);
    /* #6CAFA2 */
}
.dark-green {
    color: rgb(77,164,147);
}


/*** CUSTOM FONTS ***/
.amiri {
    font-family: 'Amiri', serif;
}

/*** CUSTOM FONT WEIGHTS ***/
.black {
    font-weight: 800;
}

/*** BANNER ***/
#banner .banner-bottom-wrapper {
    background-color: rgb(77,164,147);
}
#banner .banner-bottom-left {
/*    margin-left: 33%;*/
}
#banner .banner-bottom-left-absolute {
    position: absolute;
    bottom: 0;
    left: 0;
}
#banner .banner-bottom-title {
    color: rgb(255,255,255);
/*    font-size: 24px;*/
    font-weight: 800;
    text-transform: uppercase;
}
#banner .banner-bottom-service {
    color: rgb(255,255,255);
/*    font-size: 20px;*/
    font-weight: 500;
    text-transform: uppercase;
}
#banner .banner-bottom-button a {
    color: rgb(255,255,255);
/*    font-size: 24px;*/
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0);
    transition: all 350ms ease;
}
#banner .banner-bottom-button a:hover {
    border-bottom: 1px solid rgba(255,255,255,1);
}
#banner .banner-top-title {
    font-weight: 800;
}
#banner .banner-top-description {
    font-weight: 300;
}
#banner .banner-wrap {
    padding-left: 240px;
}


/*** CUSTOM PAGES TITLE ***/
.pages-title-bg-2 {
    background-color: #3066A3;
}
.pages-title-bg-4 {
    background-color: #4DA493;
}
.pages-title-bg-5 {
    background-color: #4DA493;
}
.pages-title-bg-7 {
    background-color: #F37200;
}


/*** O NAS ***/
#o-nas-page {
    background-color: rgb(255,255,255);
}

/*** NASE BENEFITY ***/
#nase-sluzby-page {
    background-color: rgb(255,255,255);
}
#naseBenefity {
    background-color: rgb(48,102,163);
}
#naseBenefity .item {
    max-width: 300px;
    min-height: 350px;
    opacity: 0;
    padding: 15px;
}
#naseBenefity .item:nth-child(1) {
    animation-delay: 0ms;
}
#naseBenefity .item:nth-child(2) {
    animation-delay: 200ms;
}
#naseBenefity .item:nth-child(3) {
    animation-delay: 400ms;
}
#naseBenefity .item:nth-child(4) {
    animation-delay: 600ms;
}
#naseBenefity .item:nth-child(5) {
    animation-delay: 800ms;
}
#naseBenefity .category-title {
    color: rgb(255,255,255);
    font-size: 66px;
    line-height: 70px;
    font-weight: 800;
    text-transform: uppercase;
}
#naseBenefity .title {
    color: rgb(255,255,255);
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

/*** SPOLUPRACUJEME ***/
#spolupracujeme-page {
    background-color: rgb(255,255,255);
}
#spolupracujeme {
    background-color: rgb(77,164,147);
}
#spolupracujeme .item {
    opacity: 0;
    padding: 30px;
}
#spolupracujeme .item:nth-child(1) {
    animation-delay: 0ms;
}
#spolupracujeme .item:nth-child(2) {
    animation-delay: 200ms;
}
#spolupracujeme .item:nth-child(3) {
    animation-delay: 400ms;
}
#spolupracujeme .item:nth-child(4) {
    animation-delay: 600ms;
}
#spolupracujeme .item:nth-child(5) {
    animation-delay: 800ms;
}
#spolupracujeme .category-title {
    color: rgb(255,255,255);
    font-size: 66px;
    line-height: 70px;
    font-weight: 800;
    text-transform: uppercase;
}
#spolupracujeme .category-title-page {
    color: rgb(77,164,147);
    background-color: rgb(255,255,255);
    font-size: 34px;
    line-height: 40px;
    font-weight: 800;
    text-transform: uppercase;
}
#spolupracujeme .title {
    color: rgb(255,255,255);
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}


/*** NASE PRODUKTY ***/
#naseProduktyTitle {
    background-color: rgb(77,164,147);
    color: rgb(255,255,255);
    font-size: 66px;
    line-height: 70px;
    font-weight: 800;
    text-transform: uppercase;
}

/*** REFERENCE ***/
#reference {
/*    background-color: rgb(255,255,255);*/
}
#referenceTitle {
    color: rgb(48,102,163);
    font-size: 66px;
    line-height: 70px;
    font-weight: 800;
    text-transform: uppercase;
}

/*** AKTUALITY ***/
#view-aktuality-page {
    background-color: rgb(255,255,255);
}
#aktualityTitle {
/*    background-color: rgb(77,164,147);*/
    color: rgb(243,114,0);
    font-size: 66px;
    line-height: 70px;
    font-weight: 800;
    text-transform: uppercase;
}
#aktuality .aktuality-inner {
    background-color: rgb(243,114,0);
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    height: 480px;
}
#aktuality .aktuality-inner-sub {
    margin-left: 45%;
    height: 480px;
    background-color: rgb(243,114,0);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
#aktuality .aktuality-inner-sub-normal {
    height: 480px;
    background-color: rgb(243,114,0);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



/*** IMAGES ***/
.img-shadow {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*** CONTENT GENERAL ***/
.item-line {
    border-bottom: 1px solid rgb(33,33,33);
}
.item-line {
    width: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1px;
}

/*** HTML ELEMENTS ***/
p {
    margin: 0 0 30px;
}
h2 {
    margin: 0;
}

/*** FORMS ***/
#contactForm .input-lg {
    border-radius: 0;
}
#selectTema {
    font-size: 16px;
    font-weight: 400;
}
#selectTema option {
    font-size: 16px;
    font-weight: 400;
}

/*** FOOTER ***/

#copyright {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 12px;
}

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

}
@media (max-width: 399px) {

}

@media (min-width: 768px) {

}
@media (max-width: 767px) {
    #banner .banner-bottom-left-absolute img {
        display: none;
    }
    #banner .banner-bottom-left {
        margin: 0 auto;
    }
    #naseBenefity .item {
        min-height: inherit;
    }
}

@media (max-width: 767px) and (min-width: 550px) {
    #banner .banner-bottom-left-absolute img {
        max-width: 300px;
    }
/*    #banner .banner-bottom-left {
        margin-left: 350px;
    }*/
}


@media (max-width: 991px) and (min-width: 767px) {
    #banner .banner-bottom-left-absolute img {
        max-width: 350px;
    }
    #banner .banner-bottom-left {
        margin-left: 400px;
    }
}

@media (max-width: 991px) {
    .max-width {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    #banner .banner-wrap {
        padding-left: 30px;
    }

}


@media (max-width: 1199px) and (min-width: 991px) {
    #banner .banner-bottom-left {
        margin-left: 450px;
    }
    #banner .banner-bottom-left-absolute img {
        max-width: 400px;
    }
}

@media (max-width: 1199px)  {
    #aktuality .aktuality-inner {
        background-image: none!important;
    }
    #aktuality .aktuality-inner-sub {
        margin-left: auto;
    }
}




@media (max-width: 1499px) and (min-width: 1200px) {
    #banner .banner-bottom-left {
        margin-left: 550px;
    }
}
@media (min-width: 1500px) {
    #banner .banner-bottom-left {
        margin-left: 600px;
    }
}

@media (max-width: 1500px) {
    #banner .banner-bottom-right {
        display: none;
    }
}

/* main banner image */
@media (max-width: 1700px) and (min-width: 1200px) {
    #banner .banner-bottom-left-absolute img {
        max-width: 500px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}