/*===============================================*/

.slider{
	width: 100%;
	   
	margin: 20px auto 0;
	overflow: hidden;
	position: relative;
}
@media screen and (min-width:1000px){
	.slider{
		min-height: 737px;
	}
}
.slider li{
	z-index: 100;
	position: relative;
    transform: none;
    opacity: 0;
    transition: 1s;
}

.slider img, .slider iframe{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.slider .prev, .slider .next{
	background: url("../images/prev.png") no-repeat center center;
	background-size: 50%;
	width: 10%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	opacity: 0.3;
	transition: 0.3s;
}

.slider .next{
	background: url("../images/next.png") no-repeat center center;
	background-size: 50%;
	left: inherit;
	right: 0;
}

.slider .prev:hover, .slider .next:hover{
	opacity: 1;
}

.slider .active{
	z-index: 300;
	opacity: 1;
	transform:none;
}

.slider + ul {
	padding: 40px 0 10px 0;
	position:relative;
}

.slider + ul li {
	display: none;
	font-family: 'Roboto_light';
    font-size: 16px;
    line-height: 140%;
}
.slider + ul li>b {
	display:block;
	position:absolute;
	font-family: 'RobotoRegular';
	font-weight:400;
	left:0;
	top:15px;
	color:#828282;
	font-size:12px;
}
.slider + ul li b {
	font-family: 'RobotoRegular';
	font-weight:400;
}

.slider + ul .active_k {
	display: block;
}
.papa {
	position:relative;
}
.total_count {
	position:absolute;
	right:0;
	top:15px;
	font-size:12px;
	font-family: 'RobotoRegular';
	font-weight:400;
	color:#828282;
}
.for_slider1 h2{
	font-size: 31px;
}

.my_first_carousel li{ 
	float:left;
	opacity: 0.6;
	transition: border-color 0.2s ease 0s;
	display:inline-block;
	width:96px;
	cursor:pointer;
	border:2px solid white;
	margin-right:6px;
}
.my_first_carousel li img {
	width:92px;
}
.my_first_carousel li.active_slide {
	border:2px solid #c33 !important;
	opacity:1;
}
.my_first_carousel li:hover {
	border:2px solid black !important;
	opacity:1;
}
.qq {
	margin-top:20px;
	overflow:hidden;
	height:70px;
	position:relative;
}
.my_first_carousel {
	height:68px;
	overflow: hidden; 
	padding-left:10px;
}
.test{
	margin: 0 auto;
    overflow: hidden;
    width: 91%;
}
.next_btn{border: 1px solid grey;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: block;
    height: 25px;
    right: 16px;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 20px;}
.prev_btn{border: 1px solid grey;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    display: block;
    height: 25px;
    left: 16px;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 20px;}


/*=== SLIDER ===*/
@media screen and (max-width: 950px) {
	.my_first_carousel {
		padding-left:40px;
	}	
}
@media screen and (max-width: 579px) {
	.qq {
		display:none;
	}
	.my_first_carousel {
		padding-left:40px;
	}	
}