* {
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			.box {
				width: 100%;
				height: auto;
				line-height: 5;
				text-align: center;
				font-size: 5em;
				color: #fff;
				text-transform: capitalize;
				vertical-align: middle;
			}
			
			.slider {
				position: relative;
				width: 100%;
				height: auto;
				overflow: hidden;
                                margin-top:35px;
			}
			
			.slides {
				height: auto;
				overflow: hidden;
				-webkit-backface-visibility: hidden;
				-webkit-transform-style: preserve-3d;
				-webkit-transition: all 500ms cubic-bezier(.165, .84, .44, 1);
				-moz-transition: all 500ms cubic-bezier(.165, .84, .44, 1);
				-ms-transition: all 500ms cubic-bezier(.165, .84, .44, 1);
				-o-transition: all 500ms cubic-bezier(.165, .84, .44, 1);
				transition: all 500ms cubic-bezier(.165, .84, .44, 1)
			}
			
			.slide {
				height: auto;
				float: left;
				clear: none
			}
			
			.slider img {
				width: 100%;
				height: auto;
			}
			
			.slider-arrows {}
			
			.slider-arrow {
				position: absolute;
				display: block;
				margin-bottom: -20px;
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-decoration: none;
				text-align: center;
				color: #fff;
				font-size: 2em;
				background-color: #333;
				background-color: rgba(50, 50, 50, .3);
				border-radius: 50%
			}
			
			.slider-arrow--right {
				bottom: 50%;
				right: 30px
			}
			
			.slider-arrow--left {
				bottom: 50%;
				left: 30px
			}
			
			.slider-nav {
				position: absolute;
				bottom: 45px
			}
			
			.slider-nav__item {
				width: 12px;
				height: 12px;
				float: left;
				clear: none;
				display: block;
				margin: 0 5px;
				background: #000;
				border-radius: 100%
			}
			
			.slider-nav__item:hover {
				background: #ccc
			}
			
			.slider-nav__item--current {
				background: #ccc
			}