.slider {
	overflow: hidden;
	position: relative;
	height: 100vh;
}
.slider__slides {
	z-index: 1;
	position: relative;
	height: 100%;
}
.slider__control {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 5%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	border-radius: 50%;
	background: rgba(21, 143, 152, .7);
	transition: background-color 0.3s;
	cursor: pointer;
}
.slider__control--right {
	left: 95%;
}
.slider__control:hover {
	background-color:#006680;
}
.slider__control-line {
	position: absolute;
	left: 23px;
	top: 50%;
	width: 3px;
	height: 14px;
	transform-origin: 50% 0;
	transform: rotate(-45deg);
}
.slider__control-line:nth-child(2) {
	transform: translateY(1px) rotate(-135deg);
}
.slider__control--right .slider__control-line {
	left: 37px;
	transform-origin: 1px 0;
	transform: rotate(45deg);
}
.slider__control--right .slider__control-line:nth-child(2) {
	transform: translateY(1px) rotate(135deg);
}
.slider__control-line:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #e2e2e2;
	transition: background-color 0.3s;
}
.slider__control:hover .slider__control-line:after {
	background-color: #fff;
}
.slider__control.a--rotation .slider__control-line:after {
	animation: arrowLineRotation 0.49s;
}
.slider__control.a--rotation .slider__control-line:nth-child(1):after {
	animation: arrowLineRotationRev 0.49s;
}

@-webkit-keyframes arrowLineRotation {
	to {
		transform: rotate(180deg);
	}
}

@keyframes arrowLineRotation {
	to {
		transform: rotate(180deg);
	}
}
@-webkit-keyframes arrowLineRotationRev {
	to {
		transform: rotate(-180deg);
	}
}
@keyframes arrowLineRotationRev {
	to {
		transform: rotate(-180deg);
	}
}
.slide {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150vmax;
	height: 150vmax;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: clip-path 0s 0.91s;
	clip-path: circle(30px at 120vw 50%);
}
.slide.s--prev {
	clip-path: circle(30px at 30vw 50%);
}
.slide.s--active {
	z-index: 1;
	transition: clip-path 1.3s;
	clip-path: circle(120vmax at 120vw 50%);
}
.slide.s--active.s--active-prev {
	clip-path: circle(120vmax at 30vw 50%);
}

.slide__inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vh;
	margin-left: -50vw;
	margin-top: -50vh;
	background-size: cover;
	background-position: center center;
}
.slide__inner:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, .4);*/
	/*background-image: url(grid_green50.png);*/
}
.slide__content {
	left: 0;
	top: 35%;
	margin-top: 40px;
	color:#fff;
	position: absolute;
	text-align: center;
	width: 100%;
}
.slide__heading {
	text-align: center;
	line-height:50px;
	font-size: 50px;
}
.slide__text1 {
	background: rgba(255, 255, 255, .7);
	color:#444;
	font-size: 26px;
	padding: 10px;
}
.slide__text2 {
	background: rgba(0, 102, 128, .7);
	font-size: 20px;
	padding: 10px;
}
.slide__text2 a {
	color: inherit;
}
.flecha {
	background: url(down2.png) no-repeat center #006680;
	border-radius: 50%;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
	width: 30px;
	z-index: 2;
	position: absolute;
	bottom: 10%;
	left: 50%;
}

/* Pantalla menor a 1000 ------------------------------------------*/
@media only screen and (max-width:1000px){

}

/* IPad 768x1024 --------------------------------------------------*/
@media only screen and (max-width:768px){
	
}

/* Pantalla menor a 640 -------------------------------------------*/
@media only screen and (max-width:640px){
	.slider__control {width:30px; height:30px; margin-left:-15px;}
	.slider__control-line {left:8px;}
	.slider__control--right .slider__control-line {left:20px;}
	.slide__text1 {font-size:16px; padding: 10px 30px;}
	.slide__text2 {font-size:14px;}
}

/* Galaxy S2 480x800 ----------------------------------------------*/
@media only screen and (max-width:480px){
	
}

/*Pantalla menor a 360 --------------------------------------------*/
@media only screen and (max-width:360px){
	
}