/* Slider */

.slick-slider

{

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}

.slick-slide{

    position: relative;

}

.slick-slide img {

    width: 100%;

}

.slick-list

{

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus

{

  outline: none;

}

.slick-list.dragging

{

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track

{

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after

{

  display: table;

  content: '';

}

.slick-track:after

{

  clear: both;

}

.slick-loading .slick-track

{

  visibility: hidden;

}



.slick-slide {
  display: none;
  float: left;
  /*height: 100%;*/
  /*height: auto !important;*/
  min-height: 1px;
}

[dir='rtl'] .slick-slide

{

  float: right;

}

.slick-slide img

{

  display: block;

}

.slick-slide.slick-loading img

{

  display: none;

}

.slick-slide.dragging img

{

  pointer-events: none;

}

.slick-initialized .slick-slide

{

  display: block;

}

.slick-loading .slick-slide

{

  visibility: hidden;

}

.slick-vertical .slick-slide

{

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    width: 40px;
    height: 100px;
    cursor: pointer;
    background: transparent;
    top: 50%;
    /* margin-top: -50px; */
    transform: translateY(-50%);
    font-size: 0;
    border: none;
    z-index: 4;
}

.slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after {
    content: '';
    position: absolute;
    background: #a2d345;
    height: 2px;
    /* width: 50px; */
    width: 25px;
    top: 50%;
    left: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.slick-prev:before, .slick-next:before {
    margin-top: -0.8rem;
}

.slick-prev:after, .slick-next:after {
    margin-top: 0.5rem;
}

.slick-prev:hover:before, .slick-next:hover:before {
    margin-top: -0.5rem;
}

.slick-prev:hover:after, .slick-next:hover:after {
    margin-top: 0.5rem;
}

.slick-prev {
  left: 0.5rem;
}

.slick-prev:before {

  right: 5px;

  left: auto;

  -webkit-transform: rotate(-60deg);

  -ms-transform: rotate(-60deg);

  transform: rotate(-60deg);

}

.slick-prev:after {

  right: 5px;

  left: auto;

  -webkit-transform: rotate(60deg);

  -ms-transform: rotate(60deg);

  transform: rotate(60deg);

}

.slick-prev:hover:before {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.slick-prev:hover:after {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.slick-next {
  right: 0.5rem;
}

.slick-next:before {

  -webkit-transform: rotate(60deg);

  -ms-transform: rotate(60deg);

  transform: rotate(60deg);

}

.slick-next:after {

  -webkit-transform: rotate(-60deg);

  -ms-transform: rotate(-60deg);

  transform: rotate(-60deg);

}

.slick-next:hover:before {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.slick-next:hover:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.ct-slick-arrows--type2 .slick-prev,

.ct-slick-arrows--type2 .slick-next {

  opacity: 0.85;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);

  -webkit-transition: all 250ms ease-in-out;

  transition: all 250ms ease-in-out;

}

.ct-slick-arrows--type2 .slick-prev:before,

.ct-slick-arrows--type2 .slick-next:before,

.ct-slick-arrows--type2 .slick-prev:after,

.ct-slick-arrows--type2 .slick-next:after {

  background-color: #fff;

  height: 15px;

  height: 1.5rem;

  width: 70px;

  width: 7rem;

}

.ct-slick-arrows--type2 .slick-prev:before,

.ct-slick-arrows--type2 .slick-next:before {

  margin-top: -20px;

  margin-top: -2rem;

}

.ct-slick-arrows--type2 .slick-prev:after,

.ct-slick-arrows--type2 .slick-next:after {

  margin-top: 20px;

  margin-top: 2rem;

}

.ct-slick-arrows--type2 .slick-prev:hover:before,

.ct-slick-arrows--type2 .slick-next:hover:before {

  margin-top: -20px;

  margin-top: -2rem;

}

.ct-slick-arrows--type2 .slick-prev:hover:after,

.ct-slick-arrows--type2 .slick-next:hover:after {

  margin-top: 20px;

  margin-top: 2rem;

}

.ct-slick-arrows--type2 .slick-prev:hover:active,

.ct-slick-arrows--type2 .slick-next:hover:active {

  opacity: 1;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

}

.ct-slick-arrows--type2 .slick-prev {

  left: 10px;

  left: 1rem;

}

.ct-slick-arrows--type2 .slick-prev:before {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.ct-slick-arrows--type2 .slick-prev:after {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.ct-slick-arrows--type2 .slick-prev:hover:before {

  margin-top: -27px;

  margin-top: -2.7rem;

  -webkit-transform: rotate(-60deg);

  -ms-transform: rotate(-60deg);

  transform: rotate(-60deg);

}

.ct-slick-arrows--type2 .slick-prev:hover:after {

  margin-top: 27px;

  margin-top: 2.7rem;

  -webkit-transform: rotate(60deg);

  -ms-transform: rotate(60deg);

  transform: rotate(60deg);

}

.ct-slick-arrows--type2 .slick-next {

  right: 10px;

  right: 1rem;

}

.ct-slick-arrows--type2 .slick-next:before,

.ct-slick-arrows--type2 .slick-next:after {

  left: auto;

  right: 0;

}

.ct-slick-arrows--type2 .slick-next:before {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.ct-slick-arrows--type2 .slick-next:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.ct-slick-arrows--type2 .slick-next:hover:before {

  margin-top: -27px;

  margin-top: -2.7rem;

  -webkit-transform: rotate(60deg);

  -ms-transform: rotate(60deg);

  transform: rotate(60deg);

}

.ct-slick-arrows--type2 .slick-next:hover:after {

  margin-top: 27px;

  margin-top: 2.7rem;

  -webkit-transform: rotate(-60deg);

  -ms-transform: rotate(-60deg);

  transform: rotate(-60deg);

}

#home.ct-header.ct-header--slider {

  background-size: cover;

}

.ct-header .ct-slick {

  margin-bottom: 0;

}

.slick-initialized .slick-slide {

  display: block;

}

.ct-u-display-tablex {

  display: table;

  width: 100%;

  /*height: 600px;*/

  height: 100vh;

}

.ct-u-display-tablex > .inner {

  display: table-cell;

  width: 100%;

  vertical-align: middle;

}

.ct-header h1.big {

  font-size: 6.7rem;

  line-height: 1;

  color: #fff;

  font-family: 'Open Sans Condensed', sans-serif;

  font-weight: 700;

  padding-top: 50px;

}

.ct-header p {

  font-size: 2.3rem;

  line-height: 1.1;

  margin: 30px 0 40px;

  color: #fff;

}

.btn {

    /*text-transform: uppercase;*/

    /*font-weight: bold;*/

    /*padding: 15px 26px;

    padding: 1.5rem 2.6rem;

    color: #fff;

    border-radius: 0;

    border: none;*/
}

* {

outline: none !important;

}

.btn-transparent {

  background-color: transparent;

  border: 3px solid #fff;

}

.ct-slick .slick-track,

.ct-slick .slick-list,

.ct-slick .item,

.ct-slick .slick-item {

  min-height: inherit;

}

.ct-slick .item {

  background-size: cover;

}

.slick-list {

  /*height: 600px;*/

}

.slick-dots{
    padding-left: 0 !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
}

.banner-home .slick-dots{

  text-align: center;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}

.slick-dots li{

    position: relative;

    display: inline-block;

    width: 20px;

    /*height: 30px;*/
    height: auto;
    margin: 0 3px;

    padding: 0;

    cursor: pointer;

    text-align: center;
z-index: 2;
}

.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: inline-block;

    width: 20px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    outline: none;

    background: #1c5e04;

    border: 1px solid #1c5e04;

    border-radius: 50%;
    position: relative;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.slick-dots li button:before {
    /*font-family: 'slick';
    font-size: 6px;
    line-height: 20px;*/
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    content: '•';
    text-align: center;
    z-index: 1;
    opacity: 0;
    background: black;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto;

}

.slick-dots li.slick-active button {
    background: #fff;
    border: 1px solid #a2d345;
    -wbkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

}
.slick-dots li.slick-active button:before {
    background: #a2d345;
    color: #a2d345;
    opacity: 1;
}
button[aria-label="1 of 1"]:not(:disabled){
    display: none;
}

/*.banner-home .slick-prev,.banner-home .slick-next{

  height: 100px;

  width: 100px;

}

.banner-home .slick-prev:before, .banner-home .slick-next:before{

  background: transparent;

}

.banner-home .slick-prev:after, .banner-home .slick-next:after{

  display: none;

}

.banner-home .slick-prev:before{

  background-image: url('../img/flecha-izquierda2.png') !important;

}

.banner-home .slick-next:before{

  background-image: url('../img/flecha-derecha2.png') !important;

}

.banner-home .slick-prev:before,.banner-home .slick-next:before {

  background-size: contain !important;

  background-repeat: no-repeat;

  height: 100px;

  width: 100px;

  margin-top: -50%;

}

.banner-home .slick-prev::before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}

.banner-home .slick-prev:hover:before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  background-image: url('../img/flecha-izquierda3.png') !important;

}

.banner-home .slick-next::before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}

.banner-home .slick-next:hover:before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

    background-image: url('../img/flecha-derecha22.png') !important;

}

.banner-home .slick-next{

    right: 0.3rem;

}*/

.banner-home .slick-prev:before, .banner-home .slick-next:before, .banner-home .slick-prev:after, .banner-home .slick-next:after{

  background: #ffffff;

}

/*#slick3 .slick-prev,#slick3 .slick-next{

  height: 100px;

  width: 100px;

}

#slick3 .slick-prev:before, #slick3 .slick-next:before{

  background: transparent;

}

#slick3 .slick-prev:after, #slick3 .slick-next:after{

  display: none;

}

#slick3 .slick-prev:before{

  background-image: url('../img/flecha-azul-izquierda.png') !important;

}

#slick3 .slick-next:before{

  background-image: url('../img/flecha-azul-derecha.png') !important;

}

#slick3 .slick-prev:before,#slick3 .slick-next:before {

  background-size: contain !important;

  background-repeat: no-repeat;

  height: 60px;

  width: 100px;

  margin-top: -35%;

}

#slick3 .slick-prev::before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}

#slick3 .slick-prev:hover:before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}

#slick3 .slick-next::before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  left: 35px;

}

#slick3 .slick-next:hover:before{

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}*/



/*con efecto fade en todo*/

.hero-fade .slick-list{

  overflow: visible !important;

}

.hero-fade .item {

    padding: 0.5rem;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-item-align: end;

    align-self: flex-end;

    /* float: left; */

    /* background: #fff; */

    /* margin: 0 15px; */

    border-radius: 5px;

    /* padding: 20px 30px 20px 20px !important; */

    /* -webkit-box-shadow: 1px 1.732px 10px 0px rgba(0,0,0,0.1); */

    /* box-shadow: 1px 1.732px 10px 0px rgba(0,0,0,0.1); */

    /* height: auto; */

    opacity: 1;

    opacity: 0.2;

    -webkit-transition: opacity 0.5s ease;

    -o-transition: opacity 0.5s ease;

    transition: opacity 0.5s ease;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    /* position: relative; */

}

.hero-fade .item.slick-slide.slick-active {

    opacity: 1 !important;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}

.hero-fade .item.slick-slide.slick-current{

    opacity: 1 !important;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}

/*final efecto fade en todo*/

/*flechas blancas al slide*/

.flechas-blancas .slick-prev, .flechas-blancas .slick-next{

    width: 40px;

    height: 40px;

    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 8px rgba(195, 195, 195, 0.6);

    margin-top: -25px;

    border-radius: 50%;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    -moz-transition: 0.3s all ease-in-out;

    -ms-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    opacity: 0;

}

.flechas-blancas .slick-prev:before,

.flechas-blancas .slick-next:before,

.flechas-blancas .slick-prev:after,

.flechas-blancas .slick-next:after{

    background: #646363;

    height: 1px;

    width: 12px;

    top: 50%;

    left: 35%;

}

.flechas-blancas:hover .slick-prev, .flechas-blancas:hover .slick-next{

  opacity: 1;

}

.flechas-blancas .slick-prev:hover, .flechas-blancas .slick-next:hover{

    box-shadow: 0px 0px 3px #126465;
    background: rgba(5, 160, 163, 0.7);

}

.flechas-blancas .slick-prev:before, .flechas-blancas .slick-next:before{

    margin-top: -0.3rem;

}

.flechas-blancas .slick-prev:after, .flechas-blancas .slick-next:after{

    margin-top: 0.3rem;

}

.flechas-blancas .slick-prev:hover:before, .flechas-blancas .slick-next:hover:before{

    margin-top: -0.2rem;

    background: white;

}

.flechas-blancas .slick-prev:hover:after, .flechas-blancas .slick-next:hover:after{

    margin-top: 0.3rem;

    background: white;

}
.banner-home.flechas-blancas .slick-next{
  right: 1.3rem;
}
.banner-home.flechas-blancas .slick-prev{
  left: 1.3rem;
}
/*final flechas blancas al slide*/

/*flechas plomas al slide*/

.flechas-plomas .slick-prev, .flechas-plomas .slick-next{

    width: 40px;

    height: 40px;

    background: #b9b9b9;

    margin-top: -25px;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    -moz-transition: 0.3s all ease-in-out;

    -ms-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    opacity: 0;

}

.flechas-plomas .slick-prev:before,

.flechas-plomas .slick-next:before,

.flechas-plomas .slick-prev:after,

.flechas-plomas .slick-next:after{

    background: #fff;

    height: 2px;

    width: 12px;

    top: 50%;

    left: 35%;

}

.flechas-plomas:hover .slick-prev, .flechas-plomas:hover .slick-next{

  opacity: 1;

}

.flechas-plomas .slick-prev:hover, .flechas-plomas .slick-next:hover{

    box-shadow: 0px 0px 8px hsla(0, 0%, 0%, 0.28);

    background: #646363;

}

.flechas-plomas .slick-prev:before, .flechas-plomas .slick-next:before{

    margin-top: -0.6rem;

}

.flechas-plomas .slick-prev:after, .flechas-plomas .slick-next:after{

    margin-top: 0.3rem;

}

.flechas-plomas .slick-prev:hover:before, .flechas-plomas .slick-next:hover:before{

    margin-top: -0.5rem;

    background: white;

}

.flechas-plomas .slick-prev:hover:after, .flechas-plomas .slick-next:hover:after{

    margin-top: 0.3rem;

    background: white;

}
/*fin flecha ploma*/

/*flechas blancas popup*/

.flechas-popup .slick-prev, .flechas-popup .slick-next{

    width: 45px;
    height: 45px;
    background: transparent;
    /* box-shadow: 0px 0px 8px rgb(195 195 195); */
    border: 1px solid #fff;

    margin-top: -25px;

    border-radius: 50%;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    -moz-transition: 0.3s all ease-in-out;

    -ms-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    opacity: 1;

}

.flechas-popup .slick-prev:before,

.flechas-popup .slick-next:before,

.flechas-popup .slick-prev:after,

.flechas-popup .slick-next:after{

    background: #fff;

    height: 2px;

    width: 12px;

    top: 50%;

    left: 35%;

}

.flechas-popup:hover .slick-prev, .flechas-popup:hover .slick-next{

  opacity: 1;

}

.flechas-popup .slick-prev:hover, .flechas-popup .slick-next:hover{
  box-shadow: none;
  background: rgb(255 255 255);
}

.flechas-popup .slick-prev:before, .flechas-popup .slick-next:before{
    margin-top: -0.4rem;
}
.flechas-popup .slick-prev:after, .flechas-popup .slick-next:after{
    margin-top: 0.2rem;
}
.flechas-popup .slick-prev:hover:before, .flechas-popup .slick-next:hover:before{
    margin-top: -0.3rem;
    background: black;
}
.flechas-popup .slick-prev:hover:after, .flechas-popup .slick-next:hover:after{
    margin-top: 0.1rem;
    background: black;
}
.banner-home.flechas-popup .slick-next{
  right: 1.3rem;
}
.banner-home.flechas-popup .slick-prev{
  left: 1.3rem;
}
/*final flechas blancas popup*/

/*flecha dentro del banner*/
.flechas-dentro .slick-next {
    right: 1.3rem;
}
.flechas-dentro .slick-prev {
    left: 1.3rem;
}
/*fin flecha dentro del banner*/

@media(max-width: 767px){

  .slick-dots{

    margin-top: 4%;

    margin-bottom: 0;

    padding-left: 0;

    text-align: center;

  }

  /*.banner-home .slick-prev, .banner-home .slick-next {

    margin-top: -15px;

    height: 40px;

    width: 50px;

  }*/

  /*.banner-home .slick-prev:before, .banner-home .slick-next:before{

    height: 40px;

    width: 50px;

  }*/

  .banner-home .slick-next{

    right: 0px;

  }

  .banner-home .slick-prev{

    left: 0px;

  }
  .banner-home.flechas-blancas .slick-prev {
    left: 0.3rem;
  }
  .banner-home.flechas-blancas .slick-next {
    right: 0.3rem;
  }
  /*.banner-home .slick-prev:before {

    right: auto;

    left: 0;

  }

  .banner-home .slick-prev:after {

    right: auto;

    left: 0;

  }

  .banner-home .slick-next:before {

    left: auto;

    right: 0;

  }

  .banner-home .slick-next:after {

    left: auto;

    right: 0;

  }*/

  .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after{

    /*width: 20px;*/

    width: 30px;

  }

  .slick-prev:hover:after, .slick-next:hover:after{

    margin-top: 0.5rem;

  }

  .slick-prev:after, .slick-next:after{

    margin-top: 0.7rem;

  }
    .slick-dots li button {
        width: 12px;
        height: 12px;
    }
    .slick-dots li{
        width: 15px;
        height: auto;
    }
    .slick-dots li button:before {
        width: 8px;
        height: 8px;
    }

  .slick-prev, .slick-next{

    width: 35px;

  }

  .slick-prev:hover:before, .slick-next:hover:before{

    margin-top: -0.8rem;

  }

  .flechas-blancas .slick-prev, .flechas-blancas .slick-next{

    opacity: 1;

  }
  .flechas-plomas .slick-prev, .flechas-plomas .slick-next{

    opacity: 1;

  }

  .slick-next{
    right: 0px;
  }

  .slick-prev{
    left: 0px;
  }
  .flechas-popup .slick-next{
    right: 7px;
  }
  .flechas-popup .slick-prev{
    left: 7px;
  }

}