/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    .row-banner-home{
        padding-top: 3rem;
    }
    .btn-complejos-cowork{
        border: 1px solid white;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 70%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .btn-precios-home{
        border: 1px solid transparent;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 50%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-top: 2REM;
        background-color: #F8D653;
        color: #13161F;
        cursor: pointer;
    }
    .bg-home-banner{
        content: "";
        background: url(../img/slider/banner.jpg);
        padding: 3rem;
    }
    .txt-3{
        color: #FFF;
        font-size: 25pt;
        line-height: 1.5;
    }
    .box-footer-sucursal-2{
        padding-top: unset;
        border-top: 0px solid transparent;
    }
    .box-txt-contact-footer{
        padding-left: 4rem;
    }
    .row-footer{
        padding: 4rem;
    }
    .col-subtitle-paquetes{
        font-size: x-large;
        line-height: 1.2;
    }

}
  
/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .row-banner-home{
        padding-top: 3rem;
    }
    .btn-complejos-cowork{
        border: 1px solid white;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 70%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .btn-precios-home{
        border: 1px solid transparent;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 50%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-top: 2REM;
        background-color: #F8D653;
        color: #13161F;
        cursor: pointer;
    }
    .bg-home-banner{
        content: "";
        background: url(../img/slider/banner.jpg);
        padding: 3rem;
    }
    .txt-3{
        color: #FFF;
        font-size: 25pt;
        line-height: 1.5;
    }
    .box-footer-sucursal-2{
        padding-top: 2rem;
        border-top: 0px solid transparent;
    }
    .box-txt-contact-footer{
        padding-left: 4rem;
    }
    .row-footer{
        padding: 4rem;
    }
    .col-subtitle-paquetes{
        font-size: x-large;
        line-height: 1.2;
    }
}
  
/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
    .row-banner-home{
        padding-top: 3rem;
    }
    .btn-complejos-cowork{
        border: 1px solid white;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 70%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .btn-precios-home{
        border: 1px solid transparent;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 50%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-top: 2REM;
        background-color: #F8D653;
        color: #13161F;
        cursor: pointer;
    }
    .bg-home-banner{
        content: "";
        background: url(../img/slider/banner.jpg);
        padding: 3rem;
    }
    .txt-3{
        color: #FFF;
        font-size: 25pt;
        line-height: 1.5;
    }
    .box-footer-sucursal-2{
        padding-top: 2rem;
        border-top: 0px solid transparent;
    }
    .box-txt-contact-footer{
        padding-left: 4rem;
    }
    .row-footer{
        padding: 4rem;
    }
    .col-subtitle-paquetes{
        font-size: x-large;
        line-height: 1.2;
    }
}
  
/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .row-banner-homer{
        padding-top: 3rem;
    }
    .btn-complejos-cowork{
        border: 1px solid white;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 70%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .btn-precios-home{
        border: 1px solid transparent;
        padding: 1rem;
        text-align: center;
        color: white;
        width: 50%;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-top: 2REM;
        background-color: #F8D653;
        color: #13161F;
        cursor: pointer;
    }
    .bg-home-banner{
        content: "";
        background: url(../img/slider/01.jpg);
        height: 250px;
        text-align: center;
        padding-top: 6rem;
    }
    .txt-3{
        color: #FFF;
        font-size: 25pt;
        line-height: 1.5;
    }
    .box-footer-sucursal-2{
        padding-top: 2rem;
        border-top: 0px solid transparent;
    }
    .box-txt-contact-footer{
        padding-left: 4rem;
    }
    .row-footer{
        padding: 4rem;
    }
    .col-subtitle-paquetes{
        font-size: x-large;
        line-height: 1.2;
    }
}
  
/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    .row-banner-home{
       padding-top: unset;
    }
    .btn-complejos-cowork{
        border: 1px solid white;
        padding: 1rem;
        text-align: center;
        color: white;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .btn-precios-home{
        border: 1px solid transparent;
        padding: 1rem;
        text-align: center;
        color: white;
        
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-top: 2REM;
        background-color: #F8D653;
        color: #13161F;
        cursor: pointer;
    }
    .bg-home-banner{
        content: "";
        background: url(../img/slider/01.jpg);
        height: 250px;
        text-align: center;
        padding-top: 6rem;
    }
    .txt-3{
        color: #FFF;
        font-size: 25pt;
        line-height: 1;
    }
    .box-footer-sucursal-2{
        padding-top: 2rem;
        border-top: 2px solid yellow;
    }
    .box-text-3{
        padding-top: 2rem;
        text-align: center;
    }
    .box-txt-contact-footer{
        padding-left: 1rem;
        text-align: center;
    }
    .row-footer{
        text-align: center;
    }
    .col-subtitle-paquetes{
        font-size: x-large;
        line-height: 1.2;
    }
}
  
/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .row-banner-home{
        padding-top: unset;
    }
    .btn-complejos-cowork{
        border: 1px solid white;
        padding: 1rem;
        text-align: center;
        color: white;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .btn-precios-home{
        border: 1px solid transparent;
        padding: 1rem;
        text-align: center;
        color: white;
        
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        margin-top: 2REM;
        background-color: #F8D653;
        color: #13161F;
        cursor: pointer;
    }
    .bg-home-banner{
        content: "";
        background: url(../img/slider/banner-mobil.jpg);
        padding: 3rem;
        text-align: center;
    }
    .txt-3{
        color: #FFF;
        font-size: 15pt;
        line-height: 1;
    }
    .box-footer-sucursal-2{
        padding-top: 1rem;
        margin-top: 1rem;
        border-top: 2px solid #F8D653;
    }
    .box-text-3{
        padding-top: 2rem;
        text-align: center;
    }
    .box-txt-contact-footer{
        padding-left: 1rem;
        text-align: center;
        justify-content: center;
    }
    .row-footer{
        text-align: center;
    }
    .col-img-intro{
        margin-top: 2rem;
    }
    .col-subtitle-paquetes{
        font-size: x-large;
        line-height: 1.2;
        text-align: center
    }
    
}


@font-face {
    font-family: Metropolis-Black;
    src: url(../fonts/TrueType/Metropolis-Black.ttf);
}
@font-face {
    font-family: Metropolis-Bold;
    src: url(../fonts/TrueType/Metropolis-Bold.ttf);
}
@font-face {
    font-family: Metropolis-ExtraLight;
    src: url(../fonts/TrueType/Metropolis-ExtraLight.ttf);
}
@font-face {
    font-family: Metropolis-Light;
    src: url(../fonts/TrueType/Metropolis-Light.ttf);
} 
@font-face {
    font-family: Metropolis-Medium;
    src: url(../fonts/TrueType/Metropolis-Medium.ttf);
}
@font-face {
    font-family: Metropolis-Regular;
    src: url(../fonts/TrueType/Metropolis-Regular.ttf);
}
@font-face {
    font-family: Metropolis-SemiBold;
    src: url(../fonts/TrueType/Metropolis-SemiBold.ttf);
}
@font-face {
    font-family: Metropolis-SemiBoldItalic;
    src: url(../fonts/TrueType/Metropolis-SemiBoldItalic.ttf);
}
@font-face {
    font-family: Metropolis-Thin;
    src: url(../fonts/TrueType/Metropolis-Thin.ttf);
}
@font-face {
    font-family: MyriadPro-Regular;
    src: url(../fonts_v2/MyriadPro-Regular.otf);
}
@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts_v2/Roboto-Regular.ttf);
}



.f-Metropolis-Black{
    font-family: Metropolis-Black;
}
.f-Metropolis-Bold{
    font-family: Metropolis-Bold;
}
.f-Metropolis-ExtraLight{
    font-family: Metropolis-ExtraLight;
}
.f-Metropolis-Light{
    font-family: Metropolis-Ligh;
}
.f-Metropolis-Medium{
    font-family: Metropolis-Medium;
}
.f-Metropolis-Regular{
    font-family: Metropolis-Regular;
}
.f-Metropolis-SemiBold{
    font-family: Metropolis-SemiBold;
}
.f-Metropolis-SemiBoldItalic{
    font-family: Metropolis-SemiBoldItalic;
}
.f-Metropolis-Thin{
    font-family: Metropolis-Thin;
}
.f-MyriadPro-Regular{
    font-family: MyriadPro-Regular;
}
.f-Roboto-Regular{
    font-family: Roboto-Regular;
}


.bg-home{
    content: "";
    background: url(../img/slider/back.jpg);
}



.txt-banner{
    margin-top: 3rem;
}

.box-text-complejos{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.txt-1{
    color: #FFF;
    font-size: 24pt;
}
.txt-2{
    color: #FFF;
    font-size: 23pt;
}

.txt-4{
    color: #4D4D4D;
    font-size: 20pt;
    line-height: 1.2;
}

.txt-5{
    color: #4D4D4D;
    font-size: 33pt;
    line-height: initial;
}

.txt-6{
    color: #4D4D4D;
    font-size: 18pt;
    line-height: 2rem;
}








.c-yellow{
    color: #f8d653
}
.c-white{
    color: white
}

.c-grey{
    color: #4D4D4D
}


.txt-subtittle-slider{
    font-size: 16pt;
}

.space-araoud{
    justify-content: space-around;
}


/*
NOSTROS
*/

.text-nostros-right{
    flex-direction: row-reverse;
}

.txt-parrafo-about{
    font-size: 14pt;
    line-height: 1.5;
    color: #FFF
}

/*Paquetes*/
.text-paquetes{
    font-size: 12pt;
}

.title-paquetes{
    padding: 2rem;
}


.row-paquetes-1{
    margin-bottom: 10px;
    justify-content: space-around;
}

.row-paquetes-2{
    justify-content: space-around;
}

.row-paquetes-3{
    padding: 2rem;
    margin-top: 2rem;
}

.row-paquetes-4{
    padding: 2rem;
    margin-top: 2rem;
}
.row-paquetes-4 img{
    width: 100%
}
.row-paquetes-5{
    padding: 2rem
}
.box-precios-salasjunta{
    text-align: center;
}

.row-box-paquetes{
    box-sizing: border-box;
}
.box-detalle-paquetes{
    border: 1px solid transparent;
    padding: 5px;
    
    text-align: center;
    color: white;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    background-color: #a9a9a9;
    margin-bottom: 10px;
    cursor: pointer;
}
.box-detalle-paquetes:hover{
    border: 1px solid transparent;
    padding: 5px;
    
    text-align: center;
    color: white;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    background-color: #f8d653;
    margin-bottom: 10px;
    cursor: pointer;
}

/*Sinofnia*/

.row-form-sinfonia{
    padding: 2rem
}