@charset "UTF-8";
/* CSS Document */
@media (max-width: 1920px) {
  .logoScroll {
        max-width: 1920px;
    }
}

@media (max-width: 1600px) {
  .logoScroll {
        max-width: 1280px;
    }
}

@media (max-width: 1440px) {
  .logoScroll {
        max-width: 1120px;
    }
}

@media (max-width: 1366px) {
  .logoScroll {
        max-width: 1114px;
    }
  .s01 a, .s02 a, .s03 a {
    width:  164px;
    height: 164px;
  }
}

@media (min-width: 1281px) and (max-width: 1920px) {}

@media (max-width: 1280px) {
  .logoScroll {
        max-width: 920px;
    }
  .s01 a, .s02 a, .s03 a {
    width:  162px;
    height: 162px;
  }
}

@media (max-width:1112px){
  .logoScroll {
        max-width: 860px;
    }
  .s01 a, .s02 a, .s03 a {
    width:  158px;
    height: 158px;
  }
}

@media (min-width: 1025px) and (max-width: 1111px) {}

@media (max-width: 1024px) {
   .logoScroll {
        max-width: 820px;
    }
  .s01 a, .s02 a, .s03 a {
    width:  136px;
    height: 136px;
  }
}

@media (max-width: 960px) {
  .logoScroll {
        max-width: 780px;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
  .s01 a, .s02 a, .s03 a {
    width:  100px;
    height: 100px;
  }
  
  .s01 h3, .s02 h3, .s03 h3 {
    top:90px;
    font-size: 90%;
    left:0!important;
  }
  
}
/*iPad Horizontal*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/*END iPad Horizontal*/
/*iPad Vertical*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/*END iPad Vertical*/
/*iPhone PLUS Landscape*/




@media (max-width: 768px) {
  .whwCol{
    width: 100%;
  }
  .logoScroll {
        max-width: 640px;
    }
  .franja{
    display: none;
  }
  .w20, .w60{
    width: 100%;
  }
  .w30{
    width:50%;
  }
  .franja2{
    width: 100%;
  }
}


@media (max-width: 736px) {
  .whwCol{
    width: 100%;
  }
  .logoScroll {
        max-width: 680px;
    }
  .slide01 {
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.0)), url("../img/slide01m.jpg")!important;
    background-position: top;
  }
}

@media (max-width:576px) {
  
  html {
  font-size: 16px;
}
  
  .menu {
        display: none;
    }
  .menuLogo{
        min-width: 320px;
    }
  
  .logoScroll {
        max-width: 400px;
    }
  .w20, .w30, .w40, .w50, .w60, .w70, .w80{
    width: 100%;
  }
  .franja, .franja2{
    display: none;
  }
  
  .franja2{
    width: 100%;
    display: block;
    min-height: 240px
  }
  footer{
    text-align: center;
  }
  .fText{
    text-align: center!important;
  }
  .callbacks_container, .carrusel {
    min-height: 736px!important;
}
  .slideContent{
    top:33%;
  }
  .slideContent h3{
    font-size: 70%;
    line-height: 100%;
    font-weight: 400;
    top:0;
  }
  .featured {
    font-size: 250%!important;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 40px;
  }
  .float2 {
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 20px;
    font-size: 40px;
}
  .menuLogo img {
    margin-left: 2%;
    margin-top: 2.5%;
}

  .valoracion h4{
    margin-bottom: 8%;
  }
}
/*iPhone PLUS Landscape*/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}
/*iPhone Landscape*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}
/*END iPhone Landscape*/
/*iPhone Portrait*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}
/*END iPhone Portrait*/

@media (max-width : 414px) {
  .logoScroll {
        max-width: 340px;
    }
  .menuLogo img {
    padding-left: 12px;
    margin-top: 12px;
    max-width: 96px;
}
  .slide01 {
  background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.0)), url("../img/slide01m2.jpg")!important;
  background-position: top;
  }
  .s01 a, .s02 a, .s03 a {
    width: 150px;
    height: 150px;
  }
  .my-float {
    margin-top: -40px;
}
}	

@media (max-width: 375px) {
  .logoScroll {
        max-width: 300px;
    }
  .menuLogo img {
    max-width: 75px;
    padding-left: 1%;
    
}
}

@media (max-width: 320px) {
      .logoScroll {
        max-width: 220px;
    }
  .menuLogo img {
    max-width: 75px;
}
    .s01 a, .s02 a, .s03 a {
    width: 130px;
    height: 130px;
  }
}