﻿/* Мини-салйдер Сериалл */

.wrapper-mini-s {
    width: 250px;
    height: 290px;
	    position: relative;
}

.slider-mini-s {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slides-mini-s{
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

.slide1-mini-s {}
.slide2-mini-s {}
.slide3-mini-s {}
.slide4-mini-s {}
.slide5-mini-s {}
.slide6-mini-s {}

#slide1-mini-s:checked ~ .slider-mini-s > .slide1-mini-s,
#slide2-mini-s:checked ~ .slider-mini-s > .slide2-mini-s,
#slide3-mini-s:checked ~ .slider-mini-s > .slide3-mini-s,
#slide4-mini-s:checked ~ .slider-mini-s > .slide4-mini-s,
#slide6-mini-s:checked ~ .slider-mini-s > .slide6-mini-s,
#slide5-mini-s:checked ~ .slider-mini-s > .slide5-mini-s {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wrapper-mini-s  > input {
	display: none;
}

.wrapper-mini-s  .controls-mini-s {
    top: 290px;
    z-index: 4;
    left: 80px;
    margin-top: -22px;
    position: absolute;
}

.wrapper-mini-s  label {
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 0 0 3px;
    position: relative;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background ease-in-out .5s;
    -moz-transition: background ease-in-out .5s;
    -o-transition: background ease-in-out .5s;
    transition: background ease-in-out .5s;
}

.wrapper-mini-s label:hover, 
#slide1-mini-s:checked ~ .controls-mini-s label:nth-of-type(1),
#slide2-mini-s:checked ~ .controls-mini-s label:nth-of-type(2),
#slide3-mini-s:checked ~ .controls-mini-s label:nth-of-type(3),
#slide4-mini-s:checked ~ .controls-mini-s label:nth-of-type(4),
#slide6-mini-s:checked ~ .controls-mini-s label:nth-of-type(6),
#slide5-mini-s:checked ~ .controls-mini-s label:nth-of-type(5) {
	background: #ddd;
}

.wrapper-mini-s label:after {
border: 2px solid #ddd;
    content: " ";
    display: block;
    height: 10px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
	
	
.minislidimg-mini-s {
	    height: 230px;
    width: 150px;
    margin: auto;
    margin-top: 10%;
}

/* Мини-салйдер Сериалл */

/* Мини-салйдер Фильм */

.wrapper-mini-f {
    width: 250px;
    height: 290px;
	    position: relative;
}

.slider-mini-f {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slides-mini-f{
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

.slide1-mini-f {}
.slide2-mini-f {}
.slide3-mini-f {}
.slide4-mini-f {}
.slide5-mini-f {}
.slide6-mini-f {}

#slide1-mini-f:checked ~ .slider-mini-f > .slide1-mini-f,
#slide2-mini-f:checked ~ .slider-mini-f > .slide2-mini-f,
#slide3-mini-f:checked ~ .slider-mini-f > .slide3-mini-f,
#slide4-mini-f:checked ~ .slider-mini-f > .slide4-mini-f,
#slide6-mini-f:checked ~ .slider-mini-f > .slide6-mini-f,
#slide5-mini-f:checked ~ .slider-mini-f > .slide5-mini-f {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wrapper-mini-f  > input {
	display: none;
}

.wrapper-mini-f  .controls-mini-f {
    top: 290px;
    z-index: 4;
    left: 80px;
    margin-top: -22px;
    position: absolute;
}

.wrapper-mini-f  label {
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 0 0 3px;
    position: relative;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background ease-in-out .5s;
    -moz-transition: background ease-in-out .5s;
    -o-transition: background ease-in-out .5s;
    transition: background ease-in-out .5s;
}

.wrapper-mini-f label:hover, 
#slide1-mini-f:checked ~ .controls-mini-f label:nth-of-type(1),
#slide2-mini-f:checked ~ .controls-mini-f label:nth-of-type(2),
#slide3-mini-f:checked ~ .controls-mini-f label:nth-of-type(3),
#slide4-mini-f:checked ~ .controls-mini-f label:nth-of-type(4),
#slide6-mini-f:checked ~ .controls-mini-f label:nth-of-type(6),
#slide5-mini-f:checked ~ .controls-mini-f label:nth-of-type(5) {
	background: #ddd;
}

.wrapper-mini-f label:after {
border: 2px solid #ddd;
    content: " ";
    display: block;
    height: 10px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
	
	/* Основа */
	
	
/* Основа */

.wrapper-mini-f {
    width: 250px;
    height: 290px;
	    position: relative;
}

.slider-mini-f {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slides-mini-f{
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

.slide1-mini-f {}
.slide2-mini-f {}
.slide3-mini-f {}
.slide4-mini-f {}
.slide5-mini-f {}
.slide6-mini-f {}

#slide1-mini-f:checked ~ .slider-mini-f > .slide1-mini-f,
#slide2-mini-f:checked ~ .slider-mini-f > .slide2-mini-f,
#slide3-mini-f:checked ~ .slider-mini-f > .slide3-mini-f,
#slide4-mini-f:checked ~ .slider-mini-f > .slide4-mini-f,
#slide6-mini-f:checked ~ .slider-mini-f > .slide6-mini-f,
#slide5-mini-f:checked ~ .slider-mini-f > .slide5-mini-f {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wrapper-mini-f  > input {
	display: none;
}

.wrapper-mini-f  .controls-mini-f {
    top: 290px;
    z-index: 4;
    left: 80px;
    margin-top: -22px;
    position: absolute;
}

.wrapper-mini-f  label {
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 0 0 3px;
    position: relative;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background ease-in-out .5s;
    -moz-transition: background ease-in-out .5s;
    -o-transition: background ease-in-out .5s;
    transition: background ease-in-out .5s;
}

.wrapper-mini-f label:hover, 
#slide1-mini-f:checked ~ .controls-mini-f label:nth-of-type(1),
#slide2-mini-f:checked ~ .controls-mini-f label:nth-of-type(2),
#slide3-mini-f:checked ~ .controls-mini-f label:nth-of-type(3),
#slide4-mini-f:checked ~ .controls-mini-f label:nth-of-type(4),
#slide6-mini-f:checked ~ .controls-mini-f label:nth-of-type(6),
#slide5-mini-f:checked ~ .controls-mini-f label:nth-of-type(5) {
	background: #ddd;
}

.wrapper-mini-f label:after {
border: 2px solid #ddd;
    content: " ";
    display: block;
    height: 10px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
	
.minislidimg-mini-f {
	    height: 230px;
    width: 150px;
    margin: auto;
    margin-top: 10%;
}
/* Мини-салйдер Фильм */
