/* Add here all your CSS customizations */

.box-img{ 
  height: 350px; 
  background-size: cover !important;
  border-radius: 35px 35px 35px 35px;
  -moz-border-radius: 35px 35px 35px 35px;
  -webkit-border-radius: 35px 35px 35px 35px;
  border: 0px none #000000;
  overflow:hidden
}



.box-img-title{ 
  background: #009A76; 
  color: #ffffff; 
  position: absolute; 
  bottom: 0px; 
  left: 0px; 
  opacity: .9; 
  padding: 6% 10% 4% 3.1%; 
  font-size: 28px; 
  font-weight: 600; 
  width: 70%; 
  height: 22%; 
  -webkit-transition: all 0.7s ease-in-out; 
  -moz-transition: all 0.7s ease-in-out; 
  transition: all 0.7s ease-in-out;
}

.bg-gris {
   background-color: #DDDDDD;
}

.bg-blanco {
   background-color: #FFFFFF;
}


figure.snip1321 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 430px;
  width: 100%;
  color: #000000;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
figure.snip1321 *{
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
figure.snip1321 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1321 figcaption {
  top: 50%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
figure.snip1321 h2,
figure.snip1321 h4 {
  margin: 0;
}
figure.snip1321 h2 {
  font-weight: 600;
}
figure.snip1321 h4 {
  font-weight: 400;
  text-transform: uppercase;
  color: #bf0811;
}
figure.snip1321 i {
  font-size: 32px;
}
figure.snip1321:after {
  background-color: #0078a9;
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.4;
}

figure.snip1321 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

figure.snip1321:hover:after,
figure.snip1321.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}




/*slidey  */
#slidey {
	width: 92%;
}


.mol-slidey-handler,.mol-slidey{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
	
.mol-slidey{
	width:100%;
	height:715px;
	overflow:hidden;
	position:relative;
	cursor:col-resize;
	border:1px solid #000;
	box-sizing:border-box
}
.mol-slidey-wrap{
	position:relative;
	height:100%
}
.mol-slidey-img{
	pointer-events:none;
	-ms-user-select:none;
	user-select:none;
	user-drag:none;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden
}
.mol-slidey-img .img-no-border{
	border:0
}
.mol-slidey-img-left .img-no-border{
	position:absolute;left:0
}
.mol-slidey-img-right{
	right:0;
	z-index:2
}
.mol-slidey-img-right .img-no-border{
	position:absolute;
	right:0
}
.mol-slidey-divider{
	position:absolute;
	top:0;
	left:50%;
	height:100%;
	z-index:40;
	margin-left:-2px;
	border-left:2px solid #fff;
	border-right:2px solid #fff
}
.mol-slidey-handler{
	position:absolute;
	top:50%;
	margin-left:-78px;
	margin-top:-28px;
	width:156px;
	background:#000;
	color:#fff;
	text-align:center;
	padding:10px 0
}
.mol-slidey-tip{
	text-transform:uppercase;
	font-size:20px;
	font-weight:700;
	font-family:Arial,Helvetica,sans-serif
}
.mol-slidey-tip,.mol-slidey-leftarrow,.mol-slidey-righttarrow{
	display:inline-block;
	vertical-align:middle
}
.mol-slidey-leftarrow,.mol-slidey-righttarrow{
	width:15px;
	height:42px;
	font-size:32px
}
.mol-slidey-leftarrow{
	background-position:0 50%
}
.mol-slidey-righttarrow{
	background-position:100% 50%
}
.mol-slidey-started .mol-slidey-handler{
	overflow:hidden;
	margin-left:-28px;
	width:56px
}
.mol-slidey-started .mol-slidey-tip{
	width:0;
	text-indent:-999px
}