.form-horizontal .form-actions {
    padding-left: 180px;
}
.form-actions {
    border-top: 1px solid #d5d5d5;
}
.form-actions {
    padding: 5px 20px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #e5e5e5;
  	background-color: #ffffff;
}


input, textarea, .uneditable-input {
    width: 100%;
}

.promo2 {
    font-size: 18px;
}
.fp-utility .rt-hexagon {
    background: #1bb6a7;
}

.fp-utility .rt-hexagon:before {
    border-bottom: 50px solid #1bb6a7;
}
.fp-utility .rt-hexagon:after {
    border-top: 50px solid #1bb6a7;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    color: white;
}

/* IMAGEN ANTES Y DESPUES */


	.alfa {
	background-image: url(http://www.pycbim.com/images/pycbim/Levantamiento-Atlantis.jpg); 
	width: 520px;
	height: 345px;
	box-shadow: 0 0 5px #999, -2px 2px 3px rgba(0,0,0,.2);
	padding: 0;
	margin: 1rem auto;
	position: relative;
	overflow: hidden;
	cursor: pointer;

	}

	.bravo {
	background-image: url(http://www.pycbim.com/images/pycbim/Atlantis-Plaza.jpg); 
	height: 345px;
	resize: horizontal; 
	position: absolute; 
	top: 0; left: 0; 
	min-width: 0;
	max-width: 520px; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	cursor: pointer;
	}
	.bravo:before {
	content: '↔';
	background: rgba(0,0,0,.7);
	font-size: 16px; 
	color: white; 
	top: 0; right: 0px;
	height: 345px;
	line-height: 345px;  
	position: absolute; 
	  cursor: pointer;
	}

	.charly{  
	resize: horizontal; 
	opacity: 0; 
	position: relative; 
	top: 50%;
	left: 0px; 
	margin-right: 0px;  
	width: 0px; height: 15px; 
	max-width: 510px; min-width: 10px; 
	outline: 0 solid transparent; 
	transform: scaley(35);
	transform-origin: center center;
	animation: delta 5s 1 normal ease-in-out 1s;
	  cursor: pointer;
	}
	@keyframes delta {
	30% {width: 470px}
	60% {width: 255px}
	80% {width: 100px}
	}




@media only screen and (max-width: 500px) {
.alfa {
background-image: url(http://www.pycbim.com/images/pycbim/Levantamiento-Atlantis-min.jpg); 
width: 228px;
height: 151px;
box-shadow: 0 0 5px #999, -2px 2px 3px rgba(0,0,0,.2);
padding: 0;
margin: 1rem auto;
position: relative;
overflow: hidden;
cursor: pointer;

}

.bravo {
background-image: url(http://www.pycbim.com/images/pycbim/Atlantis-Plaza-min.jpg); 
height: 151px;
resize: horizontal; 
position: absolute; 
top: 0; left: 0; 
min-width: 0;
max-width: 228px; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
cursor: pointer;
}
.bravo:before {
content: '↔';
background: rgba(0,0,0,.7);
font-size: 14px; 
color: white; 
top: 0; right: 0px;
height: 151px;
line-height:151px;  
position: absolute; 
  cursor: pointer;
}

.charly{  
resize: horizontal; 
opacity: 0; 
position: relative; 
top: 50%;
left: 0px; 
margin-right: 0px;  
width: 0px; height: 15px; 
max-width: 218px; min-width: 10px; 
outline: 0 solid transparent; 
transform: scaley(35);
transform-origin: center center;
animation: delta 5s 1 normal ease-in-out 1s;
  cursor: pointer;
}
@keyframes delta {
30% {width: 200px}
60% {width: 110px}
80% {width: 50px}
}

}