/* ==== 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;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}

.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{
  height:100vh;
  background:#000;
}

.Modern-Slider .item .img-fill .info{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:rgba(0,0,0,.50);
  text-align:center;
}

.Modern-Slider .item .img-fill .info svg {
  vertical-align: top;
    max-width: 100px;
    display: inline-block !important;
    width: 17%;
    margin-right: 2%;}

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

.Modern-Slider .item .info div.content-info {
  width: 100%;
  max-width: 1200px;
  height: auto !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  vertical-align: top;}

  .Modern-Slider .item .info div.content-info .content-info-row {
    max-width: 800px;
    width: 100%;}


.Modern-Slider .item .info div.texto{
  display: inline-block !important;
    vertical-align: top;
    width: 80%;}

    .Modern-Slider .item .info div.texto h2 {
      font-family: "OpenSans-Light", Arial, sans-serif;
      font-size: 60px;
      color: #FFF;
      margin-top: -15px;
      animation:fadeOutRight 1s both;}

    .Modern-Slider .item .info div.texto h3 {
      font-family: "OpenSans-Light", Arial, sans-serif;
      font-size: 30px;
      line-height: 1.2;
      color: #FFF;
      text-transform: normal;
      margin-bottom: 24px;
      animation:fadeOutLeft 1s both;}
    
      .Modern-Slider .item .info div.texto a.btonSlider {
        border-radius: 4rem;
        padding: 10px 40px;
        text-align: center;
        color: #FFF;
        margin-top: 10px;
        display: inline-block;
        transition: all 0.3s linear;
        font-size: 15px !important;
        font-family: "OpenSans-Regular", Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;}
    
        .Modern-Slider .item .info div.texto a.btonSlider:hover {
          background-color: #003594 !important;
          transition: all 0.3s linear;}

        

      

      .Modern-Slider .NextArrow {
        position: absolute;
        top: 50%;
        right: 10px;
        width: 37px;
        height: 32px;
        border: 0 none;
        text-align: center;
        color: #FFF;
        z-index: 5;
        background: url(https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/images/controls.png) -43px -32px no-repeat;
        display: block;
        padding: 0px;
      min-width: 0px !important;}

.Modern-Slider .PrevArrow{
  position: absolute;
  top: 50%;
  left: 10px;
  width: 37px;
  height: 32px;
  border: 0 none;
  text-align: center;
  color: #FFF;
  z-index: 4;
  background: url(https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/images/controls.png) 2px -32px no-repeat;
  display: block;
  padding: 0px;
  min-width: 0px !important;}

.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;
  display: none !important;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
  float:left;
  width:0px;
  height:5px;
  background:#00b7e4;
  position:absolute;
  left:0px;
  bottom:0px;
}

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

.Modern-Slider .item .info div.texto h2{
  animation:fadeInDown 1s both 1s;
}

.Modern-Slider .item .info div.texto h3{
  animation:fadeInLeft 1s both 1.5s;
}

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

.Modern-Slider {background:#000;}


.contentsSliderHome {
  position: relative;}

  .contentsSliderHome .slider-scroll {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%);
    width: 100px;
    z-index: 150;
    text-shadow: 0 5px 23.75px rgb(0 0 0);
    text-align: center;}

    .contentsSliderHome .slider-scroll a {
      color: #FFF;
      font-size: 13px;
      font-family: "OpenSans-SemiBold", Arial, sans-serif;
      text-transform: uppercase;}  
      
      .slider-scroll svg{ 
      animation:scroll 2s both infinite;
      width: 17px;}

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{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%;}}


@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  80% {
    transform: translateY(5px);
  }
  90% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  80% {
    transform: translateY(5px);
  }
  90% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* ==== 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);-ms-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}


/*Responsive Slider*/

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

	.Modern-Slider .item .info div.texto h2 {
		font-size: 45px;}

	.Modern-Slider .item .info div.texto h3 {
		font-size: 20px;
    line-height: 24px;}

  .Modern-Slider .item .info div.content-info {
    padding: 0px 60px;}

}


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

  .Modern-Slider .item .info div.texto h2 {
    font-size: 35px;}

  .Modern-Slider .item .info div.texto h3 {
    font-size: 17px;
    line-height: 21px;}

  .Modern-Slider .item .info div.texto a.btonSlider {
    font-size: 13px !important;}  

}



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

  .Modern-Slider .item .img-fill .info svg {
    position: absolute;
    z-index: -1;
    opacity: 0.4;
    top: -8px;}

}



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

  .Modern-Slider .item .info div.texto h2 {
    font-size: 27px;}

  .Modern-Slider .item .info div.texto h3 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;}

    .Modern-Slider .item .info div.texto a.btonSlider {
      padding: 6px 17px;
      font-size: 13px !important;
      line-height: 19px;}  

}