.swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: 350px;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0; 
    }
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        
    }
    .gallery-thumbs .swiper-slide-active {
        
    }
    
.img-holder {
    width:100%;
    position:relative;
    overflow:hidden;
    height:270px;
    max-height:900px;
    margin-bottom:30px;
    
}

.portret {
    width:100%;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    -webkit-transition: all 5s ease;
     transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
    
}

.portret:hover {
    transform:scale(1.1) translateX(-50%);
    cursor:pointer;
    opacity:0.8;
    
}

.posun {
    left:-38%;
    z-index:-2;
    padding: 15px 30px;
}

.posun:hover {
    cursor:pointer;
}


.posun h3{
    color:rgba(109,24,43,1);
    font-weight:bold;
    z-index:10;
    width:100%;
    height:100%;
    margin-top:10px;
    padding-top:30px;
    overflow:visible;
    text-align:center;
    display:block;
    font-family:font1;
    font-size:200%;
    -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.posun h3:before{
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    display:block;
    content:"";
    width:100%;
    height:100%;
    opacity:0.8;
    background-color:rgba(0,0,0,1);
    -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    
}

.posun:hover h3:before {
    opacity:0.5;
    
}

.posun:hover h3{
    color:white;
    opacity:1;
    overflow:hidden;
    
    
}


.autor-label {
    display:block ;
    -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;   
}

.posun h3:hover .autor-label {
    transform:scale(1.1) rotate(-15deg);
}


h3{
    
}

.swiper-slide-active h3:before {
    opacity:0.5;
    
}

.swiper-slide-active h3 {
    color:white;
}

.slider-autori  {
    margin-bottom:250px;
    
}

.pisen-holder {
    padding-top:40px;
    
}

.autor-info {
    font-size:14px;
}