*{ margin: 0; padding: 0; border: 0; }

.slide-prew {background:url(/slider/prew.png);width:52px;height:52px;}
.slide-next {background:url(/slider/next.png);width:52px;height:52px;}
.slide-next,.slide-prew {transition:0.2s;}
.slide-prew:hover,.slide-next:hover {opacity:0.1;}
.slider-arrow--right {bottom:45%;right:1%;}
.slider-arrow--left {bottom:45%;left:1%;}

.slide-img {float:left;width:100%;max-height:350px;overflow:hidden;}
.slide-img img {width:100%;min-height:350px;margin-top:-100px;}

.slide-name {position:relative;width:100%;z-index:99999;top:-210px;text-align:center;font-size:24px;overflow:hidden;opacity:0.4;background:#000;width:500px;margin:auto;color:#fff;transition:2s;}
.slide-name:hover {opacity:1;}
.slide-name h4 {padding:10px;}

.slide-img {position:relative;z-index:1;}

.slider {position:relative;width:100%;max-height:350px;overflow:hidden;background:none;}

	.slides {
		height: 100%;
		
		
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		-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-nav {
		position: relative;
		bottom: 13px;
                float:right;
                margin-right:1%;
            
	}

		.slider-nav__item {
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #0c161b;
		}

				.slider-nav__item:hover { background: #1d7aaa; }
				.slider-nav__item--current { background: #1d7aaa; }