@font-face {
    font-family: 'VersusExtraLight';
    src: url('../../assets/fonts/VersusExtraLight.eot');
    src: url('../../assets/fonts/VersusExtraLight.eot') format('embedded-opentype'),
         url('../../assets/fonts/VersusExtraLight.woff2') format('woff2'),
         url('../../assets/fonts/VersusExtraLight.woff') format('woff'),
         url('../../assets/fonts/VersusExtraLight.ttf') format('truetype'),
         url('../../assets/fonts/VersusExtraLight.svg#VersusExtraLight') format('svg');
}

@font-face {
    font-family: 'VersusUltra';
    src: url('../../assets/fonts/VersusUltra.eot');
    src: url('../../assets/fonts/VersusUltra.eot') format('embedded-opentype'),
         url('../../assets/fonts/VersusUltra.woff2') format('woff2'),
         url('../../assets/fonts/VersusUltra.woff') format('woff'),
         url('../../assets/fonts/VersusUltra.ttf') format('truetype'),
         url('../../assets/fonts/VersusUltra.svg#VersusUltra') format('svg');
}

@font-face {
    font-family: 'VersusRegular';
    src: url('../../assets/fonts/VersusRegular.eot');
    src: url('../../assets/fonts/VersusRegular.eot') format('embedded-opentype'),
         url('../../assets/fonts/VersusRegular.woff2') format('woff2'),
         url('../../assets/fonts/VersusRegular.woff') format('woff'),
         url('../../assets/fonts/VersusRegular.ttf') format('truetype'),
         url('../../assets/fonts/VersusRegular.svg#VersusRegular') format('svg');
}

@font-face {
    font-family: 'VersusBold';
    src: url('../../assets/fonts/VersusBold.eot');
    src: url('../../assets/fonts/VersusBold.eot') format('embedded-opentype'),
         url('../../assets/fonts/VersusBold.woff2') format('woff2'),
         url('../../assets/fonts/VersusBold.woff') format('woff'),
         url('../../assets/fonts/VersusBold.ttf') format('truetype'),
         url('../../assets/fonts/VersusBold.svg#VersusBold') format('svg');
}

@font-face {
    font-family: 'VersusBlack';
    src: url('../../assets/fonts/VersusBlack.eot');
    src: url('../../assets/fonts/VersusBlack.eot') format('embedded-opentype'),
         url('../../assets/fonts/VersusBlack.woff2') format('woff2'),
         url('../../assets/fonts/VersusBlack.woff') format('woff'),
         url('../../assets/fonts/VersusBlack.ttf') format('truetype'),
         url('../../assets/fonts/VersusBlack.svg#VersusBlack') format('svg');
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

html {
    font-size: 18px;
}
body {
    font-family: 'VersusRegular';
    color: #000;
}
a,i{
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

p{
    font-size: 0.9rem;
    line-height: 1.4rem;
}

/*//// UTILITIES ///*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}


.BotonTop{
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #545454;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    right: 15px;
    bottom: 20px;
    display: none;
}

.BotonTop i {
    font-size: 2rem;
    line-height: 1.5rem;
    position: relative;
    top: 0px;
}

.BotonTop:hover, .BotonTop:focus, .BotonTop:active{
    color: #fff;
    background: rgba(0,80,160,1);
}

.hasScrolled{
    display: block;
}

.BtnDefault {
    background: 
    #ffce35;
    color:
    #404041;
    border-radius: 50px;
    padding: 12px 36px;
    border: 1px solid
    #ffce35;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0px 12px 15px
    rgba(0,0,0,0.2);
    min-width: 220px;
    font-size: 0.9rem;
    /*margin: 0 auto;*/
    max-height: 48px;
    z-index: 1;
}

.BtnDefault:hover {
    background: #404041;
    color: #fff;
    text-decoration: none;
    border: 1px solid #404041;
}

/*//// AND UTILITIES ///*/

.Wrapper{
    /*max-width: 1200px;*/
    background-color: #fff;
    width: 100%;
    padding-bottom: 0px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}

/*///////////// SITE MENU FLOTANTE /////////////*/

.BoxMenuFlotante {
    position: fixed;
    width: 160px;
    left: 50%;
    margin-left: -650px;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    z-index: 999;
}
.MenuFlotante {
    padding: 15px 0px;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
}
.MenuFlotante .BoxImg{
    margin-bottom: 2rem;
    padding: 0 25px;
}
.MenuFlotante .Link {
    color: #000;
    font-size: 2rem;
    font-family: 'VersusExtraLight';
    text-align: center;
    text-decoration: none;
    line-height: 3.5rem;
}

.MenuFlotante .Link:hover {
    background: #000;
    color: #fff;
}

.MenuFlotante .Link.active {
    background: #000;
    color: #fff;
}

/*///////////// SITE INTRO /////////////*/

.Site-Intro{background: #ffa533;}

.Site-Intro-Grid{
    display: flex;
    position: relative;
}

.Site-Intro-Grid .Site-Intro-BoxText{
    width: 40%;
}
.Site-Intro-Grid .Site-Intro-BoxText {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.Site-Intro-Grid .Site-Intro-BoxText .Title {
    color: #000;
    font-size: 4.5rem;
    line-height: 4.2rem;
    margin-bottom: 2rem;
}
.Site-Intro-Grid .Site-Intro-BoxText .Text{
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 1.6rem;
}

.Site-Intro-Grid .Site-Intro-BoxImg {
    width: 60%;
    position: relative;
}

.Site-Intro-Grid .Site-Intro-BoxImg .BoxImg .ImgCocina{
    width: 100%;
}

.Site-Intro-Grid .Site-Intro-BoxImg .BoxImg .ImgDetalle-1 {
    position: absolute;
    right: 50%;
    bottom: 59px;
    margin-right: -35px;
}

.Site-Intro-Grid .Site-Intro-BoxImg .BoxVerySimple {
    position: absolute;
    width: 160px;
    height: 218px;
    background: #ff493a;
    right: -160px;
    top: 4rem;
    text-align: center;
    padding-top: 1rem;
}
.Site-Intro-Grid .Site-Intro-BoxImg .BoxVerySimple .Text1 {
    font-family: 'VersusUltra';
    margin: 0;
    font-size: 1.8rem;
    line-height: 3rem;
}
.Site-Intro-Grid .Site-Intro-BoxImg .BoxVerySimple .Text2 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.Site-Intro-Grid .Site-Intro-BoxImg .ImgDetalle-2 {
    position: absolute;
    right: -130px;
    bottom: 25px;
}

/*///////////// SITE PORQUE /////////////*/

.Site-PorQue{}

.Site-PorQue-Right-Grid{background: #006FF9;}
.Site-PorQue-Right-Grid .Site-PorQue-Right {
    width: 290px;
    float: right;
}
.Site-PorQue-Right-Grid .Site-PorQue-Right .Title {
    font-size: 14rem;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    height: 100%;
    width: 650px;
    height: 650px;
    padding: 0 25px;
    font-family: 'VersusExtraLight';
    line-height: 15rem;
}
.Site-PorQue-Right-Grid .Site-PorQue-Right .ImgLogo{}

.Site-PorQue-Left-Grid{
    background: #5db86a;
}

.Site-PorQue-BoxItems {
    padding: 4rem 2rem;
    width: 600px;
    position: relative;
    padding-bottom: 12rem;
}
.Site-PorQue-BoxItems .BoxItem {
    border-top: 2px solid #000;
    padding: 15px 25px 15px 0;
    display: flex;
}
.Site-PorQue-BoxItems .BoxItem .BoxItem-Title {
    width: 35%;
    line-height: 1.8rem;
    padding-right: 15px;
}
.Site-PorQue-BoxItems .BoxItem .BoxItem-Text{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    width: 65%;
}

.Site-PorQue-Left-Grid .BoxCocinaVery {
    position: absolute;
    width: 160px;
    height: 270px;
    background: #FF6A2D;
    right: -160px;
    top: 8rem;
    text-align: center;
    padding-top: 2rem;
}
.Site-PorQue-Left-Grid .BoxCocinaVery .Text1 {
    font-family: 'VersusBold';
    margin: 0;
    font-size: 2.2rem;
    line-height: 1.8rem;
}
.Site-PorQue-Left-Grid .BoxCocinaVery .Text2 {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    font-family: 'VersusBlack';
    line-height: 2.3rem;
}

/*///////////// SITE UBICACION /////////////*/

.Site-Ubicacion{
    background: #006FF9;
}

.Site-Ubicacion-Right-Grid{background: #FF6A2D;}
.Site-Ubicacion-Right-Grid .Site-Ubicacion-Right {
    width: 620px;
    float: right;
}

.Site-Ubicacion-Right-Grid .Site-Ubicacion-Right .BoxMapa{}
.Site-Ubicacion-Right-Grid .Site-Ubicacion-Right .BoxMapa .Iframe{
    width: 100%;
    display: block;
}

.Site-Ubicacion-Left-Grid {
    background: url(../../assets/img/ubicacion/bg-ubicacion.jpg);
    position: relative;
    top: -6rem;
}

.Site-Ubicacion-Left-Grid .BoxD {
    position: absolute;
    left: 0;
    bottom: -150px;
}

.Site-Ubicacion-BoxItems {
    padding: 1.5rem 1.5rem;
    width: 300px;
    position: relative;
    background: #FF6A2D;
    left: -15px;
    top: 6rem;
}
.Site-Ubicacion-BoxItems .BoxItem {
    padding: 0;
    display: flex;
    flex-direction: column;
}
.Site-Ubicacion-BoxItems .BoxItem .BoxItem-Title {
    width: 100%;
    line-height: 2rem;
    padding-right: 0;
    font-family: 'VersusUltra';
    font-size: 1.8rem;
}
.Site-Ubicacion-BoxItems .BoxItem .BoxItem-Text {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.Site-Ubicacion-Left-Grid .BoxCocinaVery {
    position: absolute;
    width: 160px;
    height: 230px;
    background: #FF493A;
    right: -160px;
    top: 6rem;
    text-align: center;
    padding-top: 2rem;
}
.Site-Ubicacion-Left-Grid .BoxCocinaVery .Text1 {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    font-family: 'VersusBlack';
    line-height: 2.3rem;
}
.Site-Ubicacion-Left-Grid .BoxCocinaVery .Text2 {
    font-family: 'VersusBold';
    margin: 0;
    font-size: 2.2rem;
    line-height: 1.8rem;
}

/*///////////// SITE SERVICIOS /////////////*/

.Site-Servicios{
    background: #006FF9;
}

.Site-Servicios-BoxText {
    padding-left: 2rem;
    display: inline-block;
}
.Site-Servicios-BoxText .Title{
    font-size: 6rem;
}
.Site-Servicios-BoxText .BoxServicios {
    padding-left: 2rem;
    display: inline-block;
}
.Site-Servicios-BoxText .BoxServicios .BoxServicio {
    width: 33.3%;
    float: left;
    margin-bottom: 1rem;
    min-height: 195px;
    padding: 0 20px;
}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon {
    width: 38px;
    height: 38px;
    display: block;
    margin-bottom: 10px;
}

.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon1 {background: url(../../assets/img/servicios/icon-cocina.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon2 {background: url(../../assets/img/servicios/icon-instalacion.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon3 {background: url(../../assets/img/servicios/icon-wifi.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon4 {background: url(../../assets/img/servicios/icon-5403.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon5 {background: url(../../assets/img/servicios/icon-24-7.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon6 {background: url(../../assets/img/servicios/icon-aseo.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon7 {background: url(../../assets/img/servicios/icon-mantenimiento.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon8 {background: url(../../assets/img/servicios/icon-areas.png);background-size: cover;}
.Site-Servicios-BoxText .BoxServicios .BoxServicio .Icon.Icon9 {background: url(../../assets/img/servicios/icon-espacio.png);background-size: cover;}

.Site-Servicios-BoxText .BoxServicios .BoxServicio .Text{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.Site-Servicios-Grid .BoxCocinaVery {
    position: absolute;
    width: 160px;
    height: 250px;
    background: #FFA533;
    right: -160px;
    top: 10rem;
    text-align: center;
    padding-top: 3rem;
}

.Site-Servicios-Grid .BoxCocinaVery .Img{
    margin-bottom: 1rem;
}
.Site-Servicios-Grid .BoxCocinaVery .Text1 {
    font-family: 'VersusBold';
    margin: 0;
    font-size: 1rem;
    line-height: 1rem;
}
.Site-Servicios-Grid .BoxCocinaVery .Text2 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    font-family: 'VersusBlack';
    line-height: 1.6rem;
}


/*///////////// SITE CONTACTANOS /////////////*/


.Site-Contactanos{
    background: #5DB86A;
}

.Site-Contactanos-Grid{
    background: url(../../assets/img/contactanos/bg-contactanos.png);
    background-size: cover;

}

.Site-Contactanos-BoxText {
    background: #5DB86A;
    padding: 4rem;
    position: relative;
    left: -20px;
    width: 58%;
    margin-top: 12rem;
}
.Site-Contactanos-BoxText .BoxFormulario{}
.Site-Contactanos-BoxText .BoxFormulario .Title {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 1rem;
}

.Site-Contactanos-BoxText .BoxFormulario .Form {
    display: inline-block;
}
.Site-Contactanos-BoxText .BoxFormulario .Form .Input {
    width: 100%;
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #000;
    color: #000;
    padding: 5px 0;
}
.Site-Contactanos-BoxText .BoxFormulario .Form .InputSubmit {
    border: 2px solid #000;
    background: transparent;
    margin-top: 1rem;
    float: right;
    cursor: pointer;
}
.Site-Contactanos-BoxText .BoxFormulario .Form .InputSubmit:hover {
    background: #000;
    color:#fff;
}


.BoxFormulario input::-webkit-input-placeholder{color: #000;opacity:1 !important;font-size: 1rem;}
.BoxFormulario input::-moz-placeholder{color: #000;opacity:1 !important;font-size: 1rem;}
.BoxFormulario input:-ms-input-placeholder{color: #000;opacity:1 !important;font-size: 1rem;}
.BoxFormulario input:-moz-placeholder{color: #000;opacity:1 !important;font-size: 1rem;}


.Site-Contactanos-BoxText .BoxFormulario .BoxRedes {
    display: flex;
    margin-top: 1rem;
}
.Site-Contactanos-BoxText .BoxFormulario .BoxRedes .Link {
    width: 30px;
    background: #000;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5DB86A;
    border-radius: 50%;
    margin-right: 5px;
    text-decoration: none;
}
.Site-Contactanos-BoxText .BoxFormulario .BoxRedes .Link i{}

/*///////////// SITE FOOTER /////////////*/

.Site-Footer{
    background: #000;
    min-height: 60px;
}

.LinkCloseMenu{display: none;}
.BoxMenuBar{display: none;}