.slide-background {
    height: 690.5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;    
}

.content-web a {
    color: #ed204b;
    border-bottom: 1px solid transparent;
}

.content-web a:hover {
    border-bottom: 1px solid #ed204b;
}

.category_list_item {
    height: 305px;
}

header {
    position: relative;
}

.subpage_header {
    
}

.subpage_header .navbar-nav {
    /*margin: 50px 0 0;*/
}

.header_background {
    /*background-image: url("../web/holz100_podstranky_header_s.jpg");    */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 0 15px;     
    width: 100%;
    height: 125px;
    left: 0;
    top: 4px;
}


/*ARTICLE*/
.article_detail_gallery_img {
    transition: 0.2s;
}

.article_detail_gallery_img:hover {
    opacity: 0.75;
}

/*DREVENE DOMY*/
.dd_wrap {
    margin: 90px 0 45px;
}

.dd_text {
    background-color: #f9f9f9;
    position: relative;
    padding: 80px 15px 15px 15px;
    transition: 0.2s;
    min-height: 450px;
}

.dd_img {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;    
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    margin: 0 auto;
    background-image: linear-gradient(40deg,#d7f000,#d7f000,#f1002d,#df683f);
    background-size: 400% 100%;
    position: absolute; 
    top: -60px;
    left: calc(50% - 60px);
    transition: 0.2s;    
    box-shadow: 0 6px 0 0 rgba(0,0,0,.1);
}

.dd_img img {
    width: 55px;
    position: absolute;
    transition: 0.2s;
}

.dd_img .i_white {
    opacity: 0;
}

.dd_text:hover .dd_img {
    background-size: 100% 600%;
}

.dd_text:hover .i_gray {
    opacity: 0;    
}

.dd_text:hover .i_white {
    opacity: 1;    
}

.dd_wrap .dd_text h3 {
    text-align: center;
    margin: 5px 0 15px;
}

/*O NASOM DREVE*/
.nase_drevo .dd_text {
    min-height: 245px;
}

/*VYSTAVBA*/
.vystavba_wrap .dd_text {
    min-height: auto;
}

@media screen and (max-width: 1774px) {
    .dd_text {
        min-height: 535px;
    }
}

@media screen and (max-width: 1499px) {
    .slide-background {
        height: 456px;
    }

    .dd_text {
        min-height: 560px;
    }

    .nase_drevo .dd_text {
        min-height: 275px;
    }
}

@media screen and (max-width: 1199px) {
    .slide-background {
        height: 381px;
    }

    .dd_text ul {
        padding: 0 0 0 20px;
        font-size: 16px;
    }

    .nase_drevo .dd_text {
        min-height: 300px;
    }

    .vystavba_wrap .dd_text {
        margin: 75px 0 0;
    }
}

@media screen and (max-width: 991px) {
    .dd_text {
        min-height: auto;        
    }

    .nase_drevo .dd_text {
        min-height: auto;
    }

    .dd_wrap .col-lg-4 {
        padding: 0;
    }

    .dd_wrap .col-lg-4:not(:last-child) .dd_text {
        margin: 0 0 85px;    
    }
}