/* ============================================== */
/* FONTS */
/* ============================================== */

@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=2.0.0");
  src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}


/* ==== Main CSS === */
.img-fill{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;

  -webkit-transform: translate3d(-50%,0%, 0);
  -moz-transform: translate3d(-50%, 0%, 0);
  -ms-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0%, 0);
  left:50%;
}


@media screen and (max-width: 768px){
  .img-fill img {

  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  left:0;
  }
}

.Grid1k {
  padding: 0 15px;
  max-width: 1200px;
  margin: auto;
}

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0!important;
}

.slick-slide {
  float: left /* If RTL Make This Right */ ;
  padding: 0;
}

/* ==== Slider Style === */

.Modern-Slider .item .img-fill{
  background:#000;
}

@media screen and (max-width: 1440px){
.Modern-Slider .item .img-fill{
   height: 670px;
  }
}

@media screen and (max-width: 768px){
  .Modern-Slider .item .img-fill{
    /*height:100vh;*/
    height: 430px;
  }
}

.Modern-Slider .item .img-fill .info{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  line-height:100vh;
  text-align:left;

  background:rgba(102,105,126,0.8);
  background: -webkit-linear-gradient(rgba(102,105,126,0.8) 10%, rgba(102,105,126,0.1));
  background: -o-linear-gradient(rgba(102,105,126,0.8) 10%, rgba(102,105,126,0.1));
  background: -moz-linear-gradient(rgba(102,105,126,0.8) 10%, rgba(102,105,126,0.1));
  background: linear-gradient(rgba(102,105,126,0.8) 10%, rgba(102,105,126,0.1));
}

@media screen and (max-width: 768px){
  .Modern-Slider .item .img-fill .info{
    text-align:center;
  }
}

.Modern-Slider .item .img-fill img{
  -webkit-filter:blur(5px);
          filter:blur(5px);
}

.Modern-Slider .item .info > div{
  padding: 0;
  max-width: 600px;
  width: 100%;

  position: absolute;
  top: 50%;
  z-index: 99;
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  left: 12%;
}

@media screen and (max-width: 768px){
  .Modern-Slider .item .info > div{
    left: 0;
    top: 53%;
    max-width: none;
  }
}

.Modern-Slider .item .info > div a.uno{margin-right:20px;}
.Modern-Slider .item .info > div{
  margin:20px 0;
  display:block;
  float: left;
  padding:0 20px;
}

.Modern-Slider .item .info > div span a{
 margin-top:30px;
}

@media screen and (max-width: 768px){

  .Modern-Slider .item .info > div span{
    margin:20px 0;
    display: block;
    width: 100%;
    float: left;
  }
  .Modern-Slider .item .info > div a.uno,
  .Modern-Slider .item .info > div a.dos{
    margin:20px auto;
  }

}

.Modern-Slider .NextArrow{right:20px;}
.Modern-Slider .NextArrow:before{content: "\f125";}
.Modern-Slider .PrevArrow{left:20px;}
.Modern-Slider .PrevArrow:before{content: "\f124";}

.Modern-Slider .PrevArrow,
.Modern-Slider .NextArrow{
  cursor: pointer;
  background:rgba(255,255,255,0);
  position:absolute;
  top:53%;
  width:45px;
  height:45px;
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  border:1px solid white;
  color:#FFF;
  z-index:5;
  font-family: "Ionicons";
}

.Modern-Slider .PrevArrow:hover,
.Modern-Slider .NextArrow:hover{
  background:rgba(255,255,255,0.50);
}

@media screen and (max-width: 768px){
  .Modern-Slider button.PrevArrow,
  .Modern-Slider button.NextArrow{
    top:-100%;
  }
}

.Modern-Slider .slick-dots{
  position:absolute;
  height:5px;
  background:rgba(255,255,255,.20);
  bottom:0px;
  width:100%;
  left:0px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
  float:left;
  width:0px;
  height:5px;
  background:white;
  position:absolute;
  left:0px;
  bottom:0px;
}

.Modern-Slider .slick-dots li.slick-active{
  width:100%;
  -webkit-animation:ProgressDots 11s both;
          animation:ProgressDots 11s both;
}

/* p */

.Modern-Slider .item.slick-active p{
  -webkit-animation:fadeInRight 1s both 1s;
          animation:fadeInRight 1s both 1s;
}

.Modern-Slider .item p{
  width: 100%;
  text-transform:uppercase;
  color:#FFF;
  -webkit-animation:fadeOutLeft 1s both;
          animation:fadeOutLeft 1s both;
  margin-bottom:10px;
  padding:0;
}

@media screen and (max-width: 768px){
  .Modern-Slider .item p{
    width: 50%;
    text-align: center;
    margin: 0 auto 10px auto;
    float: none;
  }
}

/* H1 */

.Modern-Slider .item.slick-active h1{
  -webkit-animation:fadeInRight 1s both 1.5s;
          animation:fadeInRight 1s both 1.5s;
}

.Modern-Slider .item h1{
  margin:0;
  padding:0;
  color:#FFF;
  overflow:hidden;
  -webkit-animation:fadeOutLeft 1s both;
          animation:fadeOutLeft 1s both;
}

.Modern-Slider .item p,
.Modern-Slider .item h1{
  text-shadow: 0 2px 10px rgba(0,0,0,0.4);
  letter-spacing: 0;
}

@media screen and (max-width: 768px){
  .Modern-Slider .item p{
    margin-bottom:20px;
  }
  .Modern-Slider .item h1{
    font-size: 30px;
  }
}

/* botones */

.Modern-Slider .item .info > div a,
.Modern-Slider .item .info > div a{outline: none;}

.Modern-Slider .item.slick-active .info > div a.uno,
.Modern-Slider .item.slick-active .info > div a.dos{
  -webkit-animation:fadeInRight 1s both 2s;
          animation:fadeInRight 1s both 2s;
}

.Modern-Slider .item .info > div a.uno,
.Modern-Slider .item .info > div a.dos{
  -webkit-animation:fadeOutLeft 1s both;
          animation:fadeOutLeft 1s both;
}


.Modern-Slider .item.slick-active{
  -webkit-animation:Slick-FastSwipeIn 1s both;
          animation:Slick-FastSwipeIn 1s both;
}

.Modern-Slider {background:#000;}

/* ==== Slider Image Transition === */
/*@-webkit-keyframes Slick-FastSwipeIn{
    0%{-webkit-transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);}
    100%{-webkit-transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}
@keyframes Slick-FastSwipeIn{
    0%{-webkit-transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);}
    100%{-webkit-transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}*/

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}

/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-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-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-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 /* If RTL Make This Right */ ;height:100%;min-height:1px}
.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}