/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/


.banner_icon{position:absolute;width:100%;margin:0 auto;text-align:center;top:-77px;left:auto;right:auto;z-index:9;color:#000;font-size:50px;}

.slider1 {
width: 100%;
height: 438px;
overflow:hidden;
}
.slides {
height: 100%;
/* Simple clear fix */
overflow: hidden;
/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: 100%;
float: left;
clear: none;
}
.slider-arrows {
}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
}
.slider-arrow--right {
bottom: 38%;
right: 30px;background:url(../images/next_arw.png) no-repeat;height:87px;
}
.slider-arrow--left {
bottom: 38%;
left: 30px;background:url(../images/prev_arw.png) no-repeat;height:87px;
}
.slider-nav {
position: absolute;
bottom:-48px;z-index:9999999999;
}
.slider-nav__item {
width: 124px;
height: 124px;
float: left;
clear: none;
display: block;
margin: 0 6px;
background-color:transparent;*background-color:#fff;background-color:#fff\0/;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.slider-nav__item:hover {
float: left;

}
.slider-nav__item--current {

}
@media(max-width:1024px){
.slider-arrow--right{right:5px;}	
.slider-arrow--left{left:5px;}
.slider1{height:530px;}
}


@media(max-width:660px){
.slider-nav{bottom:20px;}
.slider-nav__item{width: 16px;
height: 16px;background-color:#fff;}	
}