#simple_gallery{ 
width:100%; 
margin: 0 auto;
height:479px; 
position:relative; 
overflow:hidden;
background: url(../images/gallery_bg.png) 0 bottom no-repeat;
padding-bottom:3px;}
.gallery_bg{
width:100%; 
height:377px; 
position:relative; 
overflow:hidden;
}
.simple_gallery{ 
width:100%; 
height:377px; 
position:relative; 
overflow:hidden;
background: url(../images/bg-li-transparent.png) 0 0 repeat;
} 

#slide .slides li {
	position: relative;
}

#slide .slides li img{
	border-radius: 32px;
}

.slider-for .slick-slide img {
	border-radius: 32px;
}

.slider-nav {
	width: 100%;
	position: relative;
	height: 62px;
	overflow: hidden;
}

.slider-nav {
	max-width: 700px;
	margin: 0 auto;
}

.slider-nav .slick-list {
  z-index: 1;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 638px;
  margin: 0 auto;
  padding: 0 !important;
  overflow: hidden;
  background: #000;
}

.slider-nav .slick-slide {
	height: 62px;
  overflow: hidden;
  border-left: 1px solid #181818;
  cursor: pointer;
}

.slider-nav .slick-slide img {
	opacity: 0.6;
}

.slider-nav .slick-current img {
	opacity: 1;
}

.slider-nav .slick-prev {
	display: block;
  width: 31px;
  height: 62px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/prev.png) 0 0 no-repeat;
  z-index: 9999;
}

.slider-nav .slick-prev:hover {
	background-position: right 0;
}

.slider-nav .slick-prev:before {
	display: none;
}

.slider-nav .slick-next {
	display: block;
  width: 31px;
  height: 62px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/next.png) right 0 no-repeat;
  z-index: 9999;
}

.slider-nav .slick-next:hover {
	background-position: 0 0;
}

.slider-nav .slick-next:before {
	display: none;
}

.flex-control-paging {
	display: none;
}
.items {display:none;}
.pag {
	width:100%;
	position:relative;
	height:62px;
	overflow:hidden;}
#carousel {
	z-index:1;
	padding: 0 156px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width:100%;
}
#carousel .slides ul {margin:0;}
#carousel .slides li {
	height:62px; 
	overflow:hidden;
	border-left:1px solid #181818;
	float:left;
	}
#carousel .slides li:first-child{border:none;}
#carousel .slides li  {
	position:relative;
	display:block;
	cursor: pointer;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
#carousel .slides li img{ 
opacity:.6;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
#carousel .slides li{ 
display:block; 
background:#000;}

#carousel .slides li.flex-active-slide  img,
#carousel .slides li:hover img{opacity:1;}

#pro_simple_gallery .pro_play,
#pro_simple_gallery .pro_numStatus{ box-shadow:none;}

.banner{ 
position:absolute;  
width:310px;
height:261px; 
left:67%;
top:58px;
background:url(../images/bg-bunner.png) 0 0 no-repeat; 
text-align:center;}
.div-banner{padding:75px 82px 58px 33px;}
.banner span{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color:#fff;
	text-transform:uppercase;}
.banner p{
	font-size:12px;
	line-height:18px;
	color:#a5a5a5;
	font-family: Arial, Helvetica, sans-serif;
	margin:15px 0 20px 0;}
	.banner a{
		font-size:12px;
		line-height:15px;
		text-transform:uppercase;
		color:#fff;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
		.banner a:hover{color:#5da813;}
#carousel .flex-prev{
	display:block;
	width:31px;
	height:62px;
	position:absolute;
	bottom:0;
	left:-31px;
	background: url(../images/prev.png) 0 0 no-repeat;
	z-index:9999;
	}
	#carousel .flex-prev:hover{background-position:right 0;}
#carousel .flex-next{
	display:block;
	width:31px;
	height:62px;
	position:absolute;
	bottom:0;
	right:-31px;
	background: url(../images/next.png) right 0 no-repeat;
	z-index:9999;
	}
	#carousel .flex-next:hover{background-position:0 0;}

	.flex-direction-nav {
		position: relative;
		z-index: 999;
	}

@media only screen and (max-width: 767px) {
  .slider-nav .slick-list {
  	max-width: 358px;
  }

  .slider-nav .slick-list .slick-slide img {
  	height: 62px;
  }
}

@media only screen and (max-width: 480px) {
  .slider-nav {
  	max-width: 245px;
  }

  .slider-nav .slick-list {
  	max-width: 183px;
  }
}