@charset "UTF-8";
/* CSS Document */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}




/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {font-family: 'mulilight'; font-weight:100;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
	height:480px;
  position: relative;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}


/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}


 .cd-hero-slider .cd-img-container, 
  .cd-hero-slider .cd-img-container.set,
    .cd-hero-slider .cd-img-container.two  {
    display: block;   
	width: 50%;
	
  }


.cd-hero-slider .cd-half-width, .set, .two{
  position: absolute;
  width: 55% ;
  height: 90%;
  z-index: 1;
  left: 10%;
  top: 10%;

  
  /* this padding is used to align the text */
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}


.cd-hero-slider .cd-img-container{
  /* hide image on mobile device */
  display: block;
}


.cd-hero-slider .cd-img-container img {
  position: absolute;
  height: 95%;
  z-index: 1;
  left:50%;
  top: 5%; 
  bottom: auto;}
  
  .cd-hero-slider .cd-img-container.two img {
 position: absolute;
  height: 90%;
  z-index: 1;
  left: 43%;
   }


.cd-hero-slider .cd-img-container.set img {
  position: absolute;
  height: 95%;
  z-index: 1;
  left: 55%;
 top: 5%;}


.cd-hero-slider h2, .cd-hero-slider p {
 font-family: 'mulilight';}
 
.cd-hero-slider h2 {width: 70%;
	color:#547BAD;
  font-size: 3.5em;
  margin-bottom:.3em;}
  
.cd-hero-slider p {
	color:#ac3573;
  font-size: 1.9em;
  width:50%;
}

 
	.cd-hero-slider li:nth-of-type(1) {
    background-image: url(../images/slide1.jpg);
  }
  .cd-hero-slider li:nth-of-type(2) {
    background-image: url(../images/slide2.jpg);
  }
  .cd-hero-slider li:nth-of-type(3) {
    background-image: url(../images/slide3.jpg);
  }
  .cd-hero-slider li:nth-of-type(4) {
     background-image: url(../images/slide4.jpg);
  }
  .cd-hero-slider li:nth-of-type(5) {
     background-image: url(../images/slide5.jpg);
  }
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  margin-top: .3em;
  width:90px;
  height:auto;
}
@media only screen and (max-width: 1268px) {
.cd-hero-slider .cd-half-width{

  left: 5%;
}
.cd-hero-slider h2 {width: 100%;
	color:#547BAD;
  font-size: 3.5em;
  margin-bottom:.3em;}
  
.cd-hero-slider p {
	color:#ac3573;
  font-size: 1.6em;
  width:70%;
}

.cd-hero-slider .cd-img-container img{
	height:80%; 
	right:8%;
	top:20%}

.cd-hero-slider .set {
	height:66%;
	left:-60px;
	top:32%}
	
	
	.cd-hero-slider .two {
	height:62%; width:50%;
	left:-60px;
	top:25%}
	
.cd-hero-slider .cd-btn {
  width:70px;
}
}
@media only screen and (max-width: 870px){
.cd-hero-slider .cd-half-width{
	width:90%;
  left: 5%;
}
.cd-hero-slider h2 {width: 100%;
	color:#547BAD;
  font-size: 3em;
  margin-bottom:.3em;}
  
.cd-hero-slider p {
	color:#ac3573;
  font-size: 1.4em;
  width:100%;
}

.cd-hero-slider .cd-img-container img{
	left:-1%;
	top:27%}
  .cd-hero-slider .two  {
  left:-17%;
	top:19%}
  
.cd-hero-slider .set {
	left:-24%;
	top:35%}
}
	
@media only screen and (max-width:650px){
	.cd-hero-slider .cd-img-container img { width:42%; height: auto!important;}
	.cd-hero-slider .set img{width:130%; }
	.cd-hero-slider .two img {width:110%; }
	.cd-hero-slider {
	height:510px;}
	.cd-hero-slider li:nth-of-type(1) {
		
    background-image: url(../images/slide1-2.jpg);
  }
  .cd-hero-slider li:nth-of-type(2) {
    background-image: url(../images/slide2-2.jpg);
  }
  .cd-hero-slider li:nth-of-type(3) {
    background-image: url(../images/slide3-2.jpg);
  }
  .cd-hero-slider li:nth-of-type(4) {
     background-image: url(../images/slide4-2.jpg);
  }
  .cd-hero-slider li:nth-of-type(5) {
     background-image: url(../images/slide5-2.jpg);
  }
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}

}

/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}



/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav {
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 75px;
  background-color: #F99ABA;
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100%;
  color: #7ca3dc;
  background-color: #ffffff;
  box-shadow: inset 0 4px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  width: 100px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #2c343b;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 55px;
  font-size: .8em;
  color: #fff;
  font-weight:300;
  text-decoration:none;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 80px;
  height: 45px;
  top: 10px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/iconos.svg) no-repeat 0 0;
}
.no-touch .cd-slider-nav a:hover {
  background-color:#db6f9a;
}
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -45px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -80px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -80px -45px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -160px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -160px -45px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -240px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -240px -45px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -320px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -320px -45px;
}

@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 90px;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width:120px;
  }
  .cd-slider-nav a {
    padding-top: 58px;
    font-size: 1.05em;
	
  }
  .cd-slider-nav a::before {
    top: 10px;
  }
   
}
@media only screen and (max-width: 650px) {


.cd-slider-nav {
    height: 70px;
  }	
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width:60px;
  }
  .cd-slider-nav a {
  padding-top: 55px;
  font-size: 0em;
	
  }
  .cd-slider-nav a::before {
    top: 10px;
  }

}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}