* {
    box-sizing: border-box;
}

/* Basic Slider Styles */
/* ================================== */

.sliders .container {
    position: relative;
    width: 900px;
    height: 400px;
    /*margin: 60px auto 0;*/
    margin: 10px 5px 40px 5px;
    font: 1em 'Rationale', sans-serif;
}
.sliders {
    float: left;
    /*width: 900px;*/
}
.forma_konsult {
    float: left;
    width: 260px;
}

.sliders .container > input { display: none }

.sliders .slider, .sliders .img {
    width: inherit;
    height: inherit;
}

.sliders .slider {
    position: relative;
    overflow: hidden;
    background-color: #000;
    border: 8px solid #FFF;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
}

.sliders .img {
    position: absolute;
    margin-left: -8px;
    perspective: 500px;
}

/*.img1 .frag { background-image: url(/thems/img/spic0.jpg) }*/
/*.img2 .frag { background-image: url(/thems/img/spic1.jpg) }*/
/*.img3 .frag { background-image: url(/thems/img/spic2.jpg) }*/
/*.img4 .frag { background-image: url(/thems/img/spic0.jpg) }*/
/*.img5 .frag { background-image: url(/thems/img/spic1.jpg) }*/
/*.img6 .frag { background-image: url(/thems/img/spic2.jpg) }*/

.sliders .frag {
    width: 150px;
    height: inherit;
    float: left;
    opacity: 0;
    z-index: 0;

    transform-origin: center right;
    transform: rotateY(90deg) translateZ(-100px) scale(1.5);
    transition: transform .6s linear, opacity 1s linear, -webkit-filter 1.2s linear;
    filter: saturate(0) blur(10px) brightness(5) contrast(2);
    -webkit-filter: saturate(0);
    -o-transition: opacity 2s linear;
    /*
     blur(5px) brightness(3) contrast(2)
    */
}

/* Individual fragments */
/* ================================== */

.sliders .img .frag2 {
    background-position: -150px 0;
    transition-delay: .2s;
}
.sliders .img .frag3 {
    background-position: -300px 0;
    transition-delay: .4s;
}
.sliders .img .frag4 {
    background-position: -450px 0;
    transition-delay: .6s;
}
.sliders .img .frag5 {
    background-position: -600px 0;
    transition-delay: .8s;
}
.sliders .img .frag6 {
    background-position: -750px 0;
    transition-delay: 1s;
}

#slide1:checked ~  .slider .img1 .frag,
#slide2:checked ~  .slider .img2 .frag,
#slide3:checked ~  .slider .img3 .frag,
#slide4:checked ~  .slider .img4 .frag,
#slide5:checked ~  .slider .img5 .frag,
#slide6:checked ~  .slider .img6 .frag {
    opacity: 1;
    z-index: 1;
    transform: rotateY(0) translateZ(0) scale(1);
    filter: saturate(1) blur(0) brightness(1) contrast(1);
    -webkit-filter: saturate(1) blur(0) brightness(1) contrast(1);
}

/* Controls */
/* ================================== */

.controls {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -115px;
}

.sliders .controls label {
    display: block;
    height: 10px;
    width: 30px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    background-color: #000;
    opacity: .2;
    transition: opacity .5s;
}

.sliders .controls label:hover,
.sliders .side-controls label:hover,
#slide1:checked ~ .controls label:nth-of-type(1),
#slide2:checked ~ .controls label:nth-of-type(2),
#slide3:checked ~ .controls label:nth-of-type(3),
#slide4:checked ~ .controls label:nth-of-type(4),
#slide5:checked ~ .controls label:nth-of-type(5),
#slide6:checked ~ .controls label:nth-of-type(6){
    opacity: .8;
}

/* Side Controls */
/* ================================== */

.sliders .side-controls label {
    position: absolute;
    display: block;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    transition: opacity .5s;
    opacity: .2;
}

#slide1:checked ~ .side-controls label:nth-of-type(6),
#slide2:checked ~ .side-controls label:nth-of-type(1),
#slide3:checked ~ .side-controls label:nth-of-type(2),
#slide4:checked ~ .side-controls label:nth-of-type(3),
#slide5:checked ~ .side-controls label:nth-of-type(4),
#slide6:checked ~ .side-controls label:nth-of-type(5) {
    border-right: 40px solid #000;
    left: -40px;
}

#slide1:checked ~ .side-controls label:nth-of-type(2),
#slide2:checked ~ .side-controls label:nth-of-type(3),
#slide3:checked ~ .side-controls label:nth-of-type(4),
#slide4:checked ~ .side-controls label:nth-of-type(5),
#slide5:checked ~ .side-controls label:nth-of-type(6),
#slide6:checked ~ .side-controls label:nth-of-type(1) {
    border-left: 40px solid #000;
    right: -40px;
}

/* Captions */
/* ================================== */

.captions > div {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    text-align: right;
    font-size: 2em;
    /* color: transparent;*/
     color: rgba(255,255,255,.7); 
    /* text-transform: uppercase; */
    text-shadow: 0 0 60px transparent;
    opacity: 0;
    /*-o-transition:  margin 2s, color 2s;*/
    padding: 5px 10px 5px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-bottom: -40px;
    z-index: 0;
    transition: text-shadow 4.5s, margin 4s linear, color 2s, opacity 3s;
}
#slide1:checked ~ .slider .captions .c1,
#slide2:checked ~ .slider .captions .c2,
#slide3:checked ~ .slider .captions .c3,
#slide4:checked ~ .slider .captions .c4,
#slide5:checked ~ .slider .captions .c5,
#slide6:checked ~ .slider .captions .c6 {
    text-shadow: 0 0 0 rgba(255,255,255,.9);
    z-index: 1;
    margin-bottom: 0px;
    color: rgba(255,255,255,.0);
    opacity: 1;
    
}
.sliders .side-controls {
    display: none;
}