/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {

    .text-lg-slider{
        font-size: 46pt;
        line-height: 3rem;
        color: #FFF;
    }
  
    .text-lg{
        font-size: 46pt;
        line-height: 3rem;
        color: #4D4D4D;
    }

    .text-md{
        font-size: 34pt;
        line-height: 3rem;
        color: #4D4D4D;
    }

    .row-btns-home{
        margin-top: -25px;
        margin-bottom: 25px;
    }

    .shadow-LB{
        margin-right: 5px;
        -webkit-box-shadow: -5px 5px 5px 0px rgba(230,225,230,1);
        -moz-box-shadow: -5px 5px 5px 0px rgba(230,225,230,1);
        box-shadow: -5px 5px 5px 0px rgba(230,225,230,1);
    }
    .shadow-RB{
        margin-left: 5px;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(230,225,230,1);
        -moz-box-shadow: 5px 5px 5px 0px rgba(230,225,230,1);
        box-shadow: 5px 5px 5px 0px rgba(230,225,230,1);
    }
    .text-overlyer-slider{
        color: #FFF;
        position: absolute;
        top: 30%;
        left: 5%;
        width: 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .btn-lg-1{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #232ec5;
        color: #FFF;
        width: 80%;
        margin: 0 auto;
    }
    .btn-lg-2{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F8D653;
        color: #13161F;
        width: 80%;
        margin: 0 auto;
    }

    .bg-pkg-1{
        background-image: url('../img/btns/SONATA_SU.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
       
    }
    
    .bg-pkg-2{
        background-image: url('../img/btns/SONATA_FD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-3{
        background-image: url('../img/btns/SONATA_SD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-4{
        background-image: url('../img/btns/SONATA_P.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    .bg-pkg-5{
        background-image: url('../img/btns/SONATA_Creator.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    
    .f-Black-2{
        font-family: Nova-Black;
        font-size: 1vh;
    }
    .txt-slider-mobile{
        text-align: left
    }

    .banner-Sala-Cap{
        padding: 1rem;
    }
    
}
  
/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

    .text-lg-slider{
        font-size: 46pt;
        line-height: 3rem;
        color: #FFF;
    }
    
    .text-lg{
        font-size: 46pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-md{
        font-size: 34pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-overlyer-slider{
        color: #FFF;
        position: absolute;
        top: 30%;
        left: 40%;
        width: 30%;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .btn-lg-1{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #232ec5;
        color: #FFF;
        width: 80%;
        margin: 0 auto;
    }
    .btn-lg-2{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8d653;
        color: #13161F;
        width: 80%;
        margin: 0 auto;
    }
    
    .bg-pkg-1{
        background-image: url('../img/btns/SONATA_SU.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
       
    }
    
    .bg-pkg-2{
        background-image: url('../img/btns/SONATA_FD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-3{
        background-image: url('../img/btns/SONATA_SD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-4{
        background-image: url('../img/btns/SONATA_P.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    .bg-pkg-5{
        background-image: url('../img/btns/SONATA_Creator.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }

    .f-Black-2{
        font-family: Nova-Black;
        font-size: 1vh;
    }
    .txt-slider-mobile{
        text-align: left
    }

    .banner-Sala-Cap{
        padding: 1rem;
    }
}
  
/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

    .text-lg-slider{
        font-size: 46pt;
        line-height: 3rem;
        color: #FFF;
    }
    
    .text-lg{
        font-size: 46pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-md{
        font-size: 34pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-overlyer-slider{
        color: #FFF;
        position: absolute;
        top: 30%;
        left: 40%;
        width: 30%;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .btn-lg-1{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #232ec5;
        color: #FFF;
        width: 80%;
        margin: 0 auto;
    }
    .btn-lg-2{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8d653;
        color: #13161F;
        width: 80%;
        margin: 0 auto;
    }
    
    .bg-pkg-1{
        background-image: url('../img/btns/SONATA_SU.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
       
    }
    
    .bg-pkg-2{
        background-image: url('../img/btns/SONATA_FD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-3{
        background-image: url('../img/btns/SONATA_SD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-4{
        background-image: url('../img/btns/SONATA_P.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    .bg-pkg-5{
        background-image: url('../img/btns/SONATA_Creator.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }

    .f-Black-2{
        font-family: Nova-Black;
        font-size: 1vh;
    }
    .txt-slider-mobile{
        text-align: left
    }

    .banner-Sala-Cap{
        padding: 1rem;
    }
    
}
  
/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .text-lg-slider{
        font-size: 46pt;
        line-height: 3rem;
        color: #FFF;
    }
    
    .text-lg{
        font-size: 46pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-md{
        font-size: 34pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-overlyer-slider{
        color: #FFF;
        position: absolute;
        top: 30%;
        left: 40%;
        width: 30%;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .btn-lg-1{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #232ec5;
        color: #FFF;
        width: 80%;
        margin: 0 auto;
    }
    .btn-lg-2{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8d653;
        color: #13161F;
        width: 80%;
        margin: 0 auto;
    }
    
    .bg-pkg-1{
        background-image: url('../img/btns/SONATA_SU.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
       
    }
    
    .bg-pkg-2{
        background-image: url('../img/btns/SONATA_FD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-3{
        background-image: url('../img/btns/SONATA_SD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-4{
        background-image: url('../img/btns/SONATA_P.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }

    .bg-pkg-5{
        background-image: url('../img/btns/SONATA_Creator.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    
    .f-Black-2{
        font-family: Nova-Black;
        font-size: 1vh;
    }
    .txt-slider-mobile{
        text-align: left
    }

    .banner-Sala-Cap{
        padding: 1rem;
    }
}
  
/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

    .text-lg-slider{
        font-size: 46pt;
        line-height: 3rem;
        color: #FFF;
    }
    
    .text-lg{
        font-size: 46pt;
        line-height: 3rem;
        color: #4D4D4D;
    }
    .text-md{
        font-size: 28pt;
        line-height: 2rem;
        color: #4D4D4D;
    }
    .text-overlyer-slider{
        color: #FFF;
        position: absolute;
        top: 30%;
        left: 40%;
        width: 30%;
        text-align: center;
    }
    .btn-lg-1{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #232ec5;
        color: #FFF;
        width: 80%;
        margin: 0 auto;
    }
    .btn-lg-2{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 18pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8d653;
        color: #13161F;
        width: 80%;
        margin: 0 auto;
    }
    
    .bg-pkg-1{
        background-image: url('../img/btns/SONATA_SU.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
       
    }
    
    .bg-pkg-2{
        background-image: url('../img/btns/SONATA_FD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-3{
        background-image: url('../img/btns/SONATA_SD.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        
    }
    
    .bg-pkg-4{
        background-image: url('../img/btns/SONATA_P.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    .bg-pkg-5{
        background-image: url('../img/btns/SONATA_Creator.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 479px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    .f-Black-2{
        font-family: Nova-Black;
        font-size: 1vh;
    }
    .txt-slider-mobile{
        text-align: left
    }

    .banner-Sala-Cap{
        padding: 1rem;
    }

    .btn-cotizar-sala-cap{
        margin-top: 1rem;
        display: flex;
        justify-content: center;
    }
    
}
  
/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {

    .text-lg-slider{
        font-size: 20pt;
        line-height: 1.3rem;
        color: #FFF;
        
    }
    
    .text-lg{
        font-size: 30pt;
        line-height: 3rem;
        color: #4D4D4D;
        margin: 0 auto;
        text-align: center;
    }
    .text-md{
        font-size: 28pt;
        line-height: 2rem;
        color: #4D4D4D;
    }
    .row-btns-home{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .marign-b-1{
        margin-bottom: 1rem
    }

    .text-overlyer-slider{
        color: #FFF;
        position: absolute;
        top: 30%;
        left: 10%;
        width: 80%;
        text-align: center;
        font-size: 12pt;
        line-height: normal;
    }

    .btn-lg-1{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 16pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #232ec5;
        color: #FFF;
        width: 80%;
        margin: 0 auto;
    }
    .btn-lg-2{
        border: 1px solid transparent;
        border-radius: 30px;
        font-size: 16pt;
        height: 4rem;
        /* text-align: center; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8d653;
        color: #13161F;
        width: 80%;
        margin: 0 auto;
    }
    .space-m{
        border: 2px solid transparent;
        height: 10px;
    }
    .txt-slider-mobile{
        display: none;
    }

    .bg-pkg-1{
        background-image: url('../img/btns/SONATA_SU.jpg') ;
        background-size: 475px 479px, cover;
        max-width: 479px;
        min-height: 393px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        background-size: contain;
       
    }
    
    .bg-pkg-2{
        background-image: url('../img/btns/SONATA_FD.jpg') ;
        /* background-size: 475px 479px, cover; */
        max-width: 479px;
        min-height: 393px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        background-size: contain;
        
    }
    
    .bg-pkg-3{
        background-image: url('../img/btns/SONATA_SD.jpg') ;
        /* background-size: 475px 479px, cover; */
        max-width: 479px;
        min-height: 393px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        background-size: contain;
        
    }
    
    .bg-pkg-4{
        background-image: url('../img/btns/SONATA_P.jpg') ;
        /* background-size: 475px 479px, cover; */
        max-width: 479px;
        min-height: 393px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        background-size: contain;
    
    }

    .bg-pkg-5{
        background-image: url('../img/btns/SONATA_Creator.jpg');
        /* background-size: 100 100, cover; */
        max-width: 479px;
        min-height: 393px;
        padding-top: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        background-size: contain;
    }
    .f-Black-2{
        font-family: Nova-Black;
        font-size: 1vh;
    }

    .banner-Sala-Cap{
        padding: 1rem;
    }

    .btn-cotizar-sala-cap{
        margin-top: 1rem;
        display: flex;
        justify-content: center;
    }
    
}



.text-1{
    font-family: Nova-Regular;
    font-size: 18pt;
    color: #000;
    text-align: justify;
}




.area-intro{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pad-TB{
    padding-top: 25px;
    padding-bottom: 25px;
}

.textoverlay{
    position:absolute;
    /* top:30%;
    left: 50%;
    color:#FFF;
    font-size:12px; */
    display:block;
    /* width: 30%; */
    /* text-align: center; */
    background:rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
}





.bg_pkg-5_A{
    max-width: 479px;
    min-height: 479px;
    padding-top: 4rem;
    /* padding-left: 4rem; */
    padding-right: 4rem;
    margin-right: 5px;
}

.bg_pkg-5_B{
    
    max-width: 479px;
    min-height: 479px;
    padding-top: 4rem;
    /* padding-left: 4rem; */
    padding-right: 4rem;
    margin-left: 5px;
}

.ml-text-pkg{
    padding-left: 1.5rem;
    line-height: normal;
}

.img-price{
    width: 80%;
}

.icons-sala-juntas{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text-mas-info{
    font-size: 14pt;
    color: #3875b8;
    padding-top: 1rem;
    cursor: pointer;
}



.pulsate-fwd {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
  }
  .pulsate-fwd:hover, .pulsate-fwd:focus, .pulsate-fwd:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

/* ----------------------------------------------
 * Generated by Animista on 2018-12-13 18:2:24
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes pulsate-fwd {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  @keyframes pulsate-fwd {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  


  @-webkit-keyframes pulse {
    25% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    75% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
  @keyframes pulse {
    25% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    75% {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
  .pulse {
    display: inline-block;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    
  }
  
  .pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

.border-inside:hover{
    transition:all 0.3s ease;
    box-shadow: inset 0 0 0 25px #232ec5;
}

.shadow-3D:hover{
    transition:all 0.3s ease;
    box-shadow:
        2px 2px #232ec5,
        3px 3px #232ec5,
        4px 4px #232ec5;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
}