/* archivo-black-regular - latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-black-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'),
       url('../fonts/archivo-black-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-black-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-black-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-black-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-black-v9-latin-regular.svg#ArchivoBlack') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-UltraLight.eot');
    src: url('../fonts/Aileron-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-UltraLight.woff2') format('woff2'),
        url('../fonts/Aileron-UltraLight.woff') format('woff'),
        url('../fonts/Aileron-UltraLight.ttf') format('truetype'),
        url('../fonts/Aileron-UltraLight.svg#Aileron-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-LightItalic.eot');
    src: url('../fonts/Aileron-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-LightItalic.woff2') format('woff2'),
        url('../fonts/Aileron-LightItalic.woff') format('woff'),
        url('../fonts/Aileron-LightItalic.ttf') format('truetype'),
        url('../fonts/Aileron-LightItalic.svg#Aileron-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-SemiBold.eot');
    src: url('../fonts/Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-SemiBold.woff2') format('woff2'),
        url('../fonts/Aileron-SemiBold.woff') format('woff'),
        url('../fonts/Aileron-SemiBold.ttf') format('truetype'),
        url('../fonts/Aileron-SemiBold.svg#Aileron-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Thin.eot');
    src: url('../fonts/Aileron-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Thin.woff2') format('woff2'),
        url('../fonts/Aileron-Thin.woff') format('woff'),
        url('../fonts/Aileron-Thin.ttf') format('truetype'),
        url('../fonts/Aileron-Thin.svg#Aileron-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Regular.eot');
    src: url('../fonts/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Regular.woff2') format('woff2'),
        url('../fonts/Aileron-Regular.woff') format('woff'),
        url('../fonts/Aileron-Regular.ttf') format('truetype'),
        url('../fonts/Aileron-Regular.svg#Aileron-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Italic.eot');
    src: url('../fonts/Aileron-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Italic.woff2') format('woff2'),
        url('../fonts/Aileron-Italic.woff') format('woff'),
        url('../fonts/Aileron-Italic.ttf') format('truetype'),
        url('../fonts/Aileron-Italic.svg#Aileron-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-ThinItalic.eot');
    src: url('../fonts/Aileron-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-ThinItalic.woff2') format('woff2'),
        url('../fonts/Aileron-ThinItalic.woff') format('woff'),
        url('../fonts/Aileron-ThinItalic.ttf') format('truetype'),
        url('../fonts/Aileron-ThinItalic.svg#Aileron-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-BlackItalic.eot');
    src: url('../fonts/Aileron-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-BlackItalic.woff2') format('woff2'),
        url('../fonts/Aileron-BlackItalic.woff') format('woff'),
        url('../fonts/Aileron-BlackItalic.ttf') format('truetype'),
        url('../fonts/Aileron-BlackItalic.svg#Aileron-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-UltraLightItalic.eot');
    src: url('../fonts/Aileron-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-UltraLightItalic.woff2') format('woff2'),
        url('../fonts/Aileron-UltraLightItalic.woff') format('woff'),
        url('../fonts/Aileron-UltraLightItalic.ttf') format('truetype'),
        url('../fonts/Aileron-UltraLightItalic.svg#Aileron-UltraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Heavy.eot');
    src: url('../fonts/Aileron-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Heavy.woff2') format('woff2'),
        url('../fonts/Aileron-Heavy.woff') format('woff'),
        url('../fonts/Aileron-Heavy.ttf') format('truetype'),
        url('../fonts/Aileron-Heavy.svg#Aileron-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-HeavyItalic.eot');
    src: url('../fonts/Aileron-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-HeavyItalic.woff2') format('woff2'),
        url('../fonts/Aileron-HeavyItalic.woff') format('woff'),
        url('../fonts/Aileron-HeavyItalic.ttf') format('truetype'),
        url('../fonts/Aileron-HeavyItalic.svg#Aileron-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-BoldItalic.eot');
    src: url('../fonts/Aileron-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-BoldItalic.woff2') format('woff2'),
        url('../fonts/Aileron-BoldItalic.woff') format('woff'),
        url('../fonts/Aileron-BoldItalic.ttf') format('truetype'),
        url('../fonts/Aileron-BoldItalic.svg#Aileron-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Black.eot');
    src: url('../fonts/Aileron-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Black.woff2') format('woff2'),
        url('../fonts/Aileron-Black.woff') format('woff'),
        url('../fonts/Aileron-Black.ttf') format('truetype'),
        url('../fonts/Aileron-Black.svg#Aileron-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Light.eot');
    src: url('../fonts/Aileron-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Light.woff2') format('woff2'),
        url('../fonts/Aileron-Light.woff') format('woff'),
        url('../fonts/Aileron-Light.ttf') format('truetype'),
        url('../fonts/Aileron-Light.svg#Aileron-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-SemiBoldItalic.eot');
    src: url('../fonts/Aileron-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Aileron-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Aileron-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Aileron-SemiBoldItalic.svg#Aileron-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Bold.eot');
    src: url('../fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Bold.woff2') format('woff2'),
        url('../fonts/Aileron-Bold.woff') format('woff'),
        url('../fonts/Aileron-Bold.ttf') format('truetype'),
        url('../fonts/Aileron-Bold.svg#Aileron-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* ------------ HTML ------------ */
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Aileron';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color:#000;
    background-color: #fff;
}



/* ### Navbar ### */
.navbar.sites {
    position: relative;
    background-color: #fff;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding: 5px 0;
    text-align: center;
}
.navbar.sites .col-12 {
    text-align: center;
}
.navbar.sites .navbar-brand {
    margin: 0 auto;
}
.sites .navbar-toggler {
    position: absolute;
    padding: 0;
}
.navbar .navbar-toggler-icon {
    height: 32px;
    width: 63px;
}
.sites.collapse,
.sites.collapsing{
    width: 350px;
    position: absolute;
    top: 0px;
    margin-top: 120px;
    z-index: 2;
}
#navbar-content .links {
    background-color: #fff;
    padding: 0 36px 36px 36px;
}
.links .nav-item:first-child .nav-link {
    padding-top: 0;
}
.links .nav-link {
    font-family: 'Aileron';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;
    padding: 19px 0;
    border-bottom: 1px solid #0b1f37;
    color: #0b1f37;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.links .nav-link:hover {
    font-family: 'Aileron';
    font-weight: bold;
    font-size: 1.75rem;
}
/* ### Navbar - Index ### */
.navbar.index {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #0d1c39;
    padding-top: 78px;
    z-index: 3;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    min-width: 150px;
    text-align: center;
    background-image: url(../img/menu/01_menu_imagen.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 185px;
}
.navbar.index .content {
    width: 150px;
    float: left;
}
.index .navbar-brand {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
}
.index .navbar-brand img {
    margin: 0 auto;
}
.index img {
    display: block!important;
}
.btn-link {
    font-size: 20px;
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    border-radius: 0;
}
.sidebar {
    height: 100%;
    margin-left: 150px;
    left: 0;
    top: 0;
    width: 0;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    overflow-x: hidden;
    padding-top: 150px;
}
.sidebar.collapse {
    margin-left: -500px;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}

.sidebar.collapsing {
    height: 100%;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    margin-left: 0;
}
.sidebar.collapse.show {
    margin-left: 150px;
    height: 100%;
    width: 250px;
    opacity: 1;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}
.sidebar .links {
    margin-right: 50px;
}
.sidebar .links .nav-link {
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #fff;
}
.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.openbtn:hover {
    background-color: #444;
}
#main {
    transition: margin-left .5s;
    padding: 16px;
}

/* ### Footer ### */
footer {
    background-color: #0d1c39;
    padding: 30px 0;
}
footer p {
    font-size: .95rem;
    color: #fff;
    margin: 0;
}
footer .icon {
    height: 22px;
    width: auto;
    margin-right: 13px;
}
footer .address {
    margin-right: 30px;
}
footer .developed {
    text-align: right;
    color: #fff;
    text-transform: uppercase;
}
footer a {
    color: #fff;
    text-decoration: none;
    font-size: 1.15rem;
    text-transform: uppercase;
}
footer a:hover {
    text-decoration: none;
    color: #fff;
}
footer .developed .icon {
    margin-left: 10px;
}

/* -------- Page - Index -------- */
body.index {
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: normal;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    -webkit-align-items: normal;
    /* 
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; */
    padding-left: 320px;
}
.swiper-pagination-progressbar {
    bottom: 0;
    top: auto!important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #f25050;
}
#index-scroll {
    height: 100vh;
    position: relative;
    z-index: 1;
}
section {
    float: left;
    display: block;
    height: 100%;
    /* padding: 0 0 0 250px;*/
    padding: 0;
    margin: 0;
}
.section {
    position: relative;
    z-index: 3;
}

/* home */
#section-home {
}
#index-scroll .logo {
    margin-top: 200px;
    display: block;
    width: 380px;
    height: auto;
}
#section-home .background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0px;
    bottom: 0;
    overflow: visible;
}
#section-home .zero {
    position: absolute;
    z-index: 1;
    max-height: 100%;
    height: auto;
    bottom: 0;
    margin-bottom: 0;
    right: 0;
    margin-right: 0px;
}
#section-home .background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0px;
    bottom: 0;
    overflow: visible;
}
#section-about-us .zero {
    position: absolute;
    z-index: 1;
    max-height: 100%;
    height: auto;
    bottom: 0;
    margin-bottom: 0;
    left: 0;
    margin-left: 0px;
}
/*
#section-home .first {
    position: absolute;
    z-index: 1;
    max-height: 675px;
    max-width: 120%;
    height: auto;
    bottom: 0;
    margin-bottom: -15px;
    left: 0;
    margin-left: 80px;
}
#section-home .second {
    position: absolute;
    bottom: 0;
    z-index: 0;
    right: 0;
    margin-right: -100px;
    max-height: 100%;
    height: 100%;
    width: auto;
}
*/
#index-scroll .desc {
    font-family: 'Aileron';
    font-weight: 600;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.75rem;
    margin-top: 23px;
}
/* about-us */
#section-about-us {
    
}
#section-about-us .principal .title {
    padding-top: 220px;
    display: block;
    margin: 0 auto;
    color: #0d1c39;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 5.3rem;
}
#section-about-us .desc {
    font-size: 1.15rem;
    padding-right: 15px;
} 
#section-about-us .facilities {
    background-image: url(../img/home/second/03_fondorojo.png);
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    height: 100vh;
}
.facilities .content {
    position: relative;
    top: 40%;
    transform: translateY(-40%);
    padding: 0 95px;
}
.facilities .content .title {
    color: #fff;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 2.1rem;
    text-align: center;
}
.facilities .title .color-blue {
    color: #0d1d37;
}
/* products */
#section-our-products {
    background-image: url(../img/home/second/05_fotosmuebles.png),url(../img/home/third/06_fondoourproducts.png);
    background-repeat: repeat-x, no-repeat;
    background-position: center bottom, center 50px;
    background-size: auto 200px, contain;
    padding-left: 0;
}
.section.our-products {
    position: relative;
    z-index: 6;
    width: 100%;
}
#section-our-products .content {
    text-align: center;
    margin-top: 340px;
}
#section-our-products .title {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #0d1c39;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 5.3rem;
}
.btn.pink {
    display: table;
    margin: 30px auto 0 auto;
    border: 2px solid #f25050;
    color: #f25050;
    border-radius: 0;
    background-color: #fff;
    text-transform: uppercase;
    padding: 4px 45px;
    font-weight: 600;
    font-size: 1.25rem;
}
.btn.pink:hover {
    background-color: #f25050;
    color: #fff;
}
#section-our-products .first {
    /*
    display: block!important;
    position: absolute;
    left: 0;
    margin-left: -115px;
    bottom: 0;
    z-index: 3;
    height: 475px;
    width: auto;
    */
}
#section-our-products .background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0%;
    bottom: 0;
    overflow: visible;
    z-index: 5;
}
#section-our-products .first {
    display: block!important;
    position: absolute;
    z-index: 3;
    max-width: 105%;
    height: auto;
    bottom: 0;
    margin-bottom: 0px;
    right: 0;
    margin-right: 0px;
    /* margin-left: 550px; */
}

/* contact */
#section-contact {
    background-image: url(../img/home/second/07_fondocontacto.png),url(../img/home/third/08_Contacto_ornamentos.png);
    background-repeat: no-repeat;
    background-position: center right, bottom right;
    background-size: cover, auto 150px;
    
    padding-left: 0;
}
.section.contact {
    position: relative;
    z-index: 5;
    width: 100%;
}
#section-contact .content {
    text-align: center;
    margin-top: 150px;
}
#section-contact .title {
    display: block;
    margin: 0 auto 34px auto;
    text-align: center;
    color: #0d1c39;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 3.3rem;
}
#section-contact .content .row {
    margin: 0 auto;
    text-align: left;
}
.contact .content .col-lg-4,
.contact .content .col-lg-8 {
    margin-bottom: 5px;
}
.contact span {
    font-size: 1.5rem;
    color: #0d1c39;
    font-weight: 600;
}
.contact span .icon {
    display: inline-block!important;
    height: 30px;
    width: 30px;
    margin-right: 5px;
}
.contact span .address {
}
.contact span .address {
}
.contact span .tel {
}
.form {
    margin-top: 40px;
}
.form .form-control {
    border-radius: 0px;
    border: 2px solid #0d1c39;
    color: #818181;
    font-size: 1.35rem;
    margin-bottom: 7px;
    background-color: transparent!important;
} 
.form .btn {
    display: table;
    margin: 5px 0 0 auto;
    border: 2px solid #f25050;
    color: #f25050;
    border-radius: 0;
    background-color: #fff;
    text-transform: uppercase;
    padding: 4px 45px;
    font-weight: 600;
    font-size: 1.35rem;
}
.form .btn:hover,
.form .btn:active {
    background-color: #f25050;
    color: #fff;
}
.alert-success {
    border: 0px;
    background-color: transparent;
    color: #000;
}

/* -------- Page - about-us -------- */
.about-us {
    background-image: url(../img/about-us/02_Aboutus_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: inherit;
    padding-bottom: 330px;
}
.about-us .header {
    position: relative;
    background-image: url(../img/about-us/01_Aboutus_Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    height: 596px;
}
.about-us .header .title {
    color: #0d1c39;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 5.3rem;
}
.about-us .information {
    margin-top: 100px;
    margin-bottom: 50px;
}
.about-us .information p {
    font-size: 1.35rem;
    widows: 2;
    orphans: 2;
}
.about-us .information .title {
    color: #f44f55;
    font-size: 3rem;
    text-align: center;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    margin: 50px 0;
}
.color-pink {
    color: #f44f55;
}


/* -------- Page - projects -------- */
.our-projects {
    padding-bottom: 130px;
}
.our-projects .header {
    position: relative;
    background-image: url(../img/our-products/ourproducts_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    height: 600px;
    padding-top: 135px;
}
.our-projects .header .title {
    color: #fff;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 3.3rem;
}
.our-projects .header .subtitle {
    color: #ffc92c;
    font-weight: bold;
    font-size: 2.8rem;
}
.our-projects .information {
    margin-top: 100px;
}
.our-projects .information p {
    font-size: 1.35rem;
}

.our-projects .projects-menu .title {
    color: #0b1a37;
    font-size: 3rem;
    text-align: center;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    margin: 30px 0;
}
.projects-menu .link {
    display: block;
}
.projects-menu .link:hover {
    text-decoration: none;
}
.projects-menu .project-one {
    position: relative;
    height: 305px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.projects-menu .bedroom {
    background-image: url(../img/our-products-individual/galeriafoto_1.png);
}
.projects-menu .closet {
    background-image: url(../img/our-products-individual/closet_1.png);
}
.projects-menu .information-project {
    height: 100%;
    background-color: rgba(242,80,80,.95);
    opacity: 0;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.projects-menu .information-project .title {
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.projects-menu .project-one:hover .information-project {
    opacity: 1;
}
/* -------- Page - project individual -------- */
.information.individual .title {
    color: #f44f55;
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-size: 3.3rem;
    margin-bottom: 71px;
}
.lightboxOverlay {
    background-color: #0e2c46;
    opacity: .95;
}
.lb-nav a.lb-prev {
    margin-left: -65px;
    opacity: 1;
}
.lb-nav a.lb-next {
    opacity: 1;
    margin-right: -65px;
}
.lb-data .lb-close {
    display: none;
}
.lightbox .lb-image {
    border: 0px;
    border-radius: 0;
}
.information.individual .image {
    margin-bottom: 25px;
}
/* --------------------------- RESPONSIVO --------------------------- */
@media (max-width:1440px) {
    /* Html */
    .links .nav-link {
        font-size: 1.1rem;
    }
    .links .nav-link:hover {
        font-size: 1.5rem;
    }
    /* Index */
    #index-scroll .logo {
        margin-top: 150px;
        height: 180px;
    }
    #index-scroll .desc {
        font-size: 1.15rem;
    }
    #section-about-us .principal .title {
        font-size: 4rem;
    }
    .facilities .content .title {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    #section-our-products .content {
        margin-top: 250px;
    }
    #section-our-products .title {
        font-size: 4rem;
    }
    #section-contact .title {
        font-size: 3rem;
    }
    .contact span {
        font-size: 1.15rem;
    }
    .form .form-control {
        font-size: 1.15rem;
    }
    #section-home .first {
        max-height: 450px;
        max-width: 120%;
        margin-bottom: -15px;
        margin-left: 80px;
    }
    #section-contact {
        background-size: cover, auto 150px;
    }
}
/*----*/
@media (max-width:1281px) {
    /* Index */
    #index-scroll .logo {
        margin-top: 150px;
        height: 150px;
        width: auto;
    }
    #section-home .first {
        max-height: 500px;
        margin-left: -40px;
    }
    #section-home .second {
        margin-right: 0px;
        height: 100%;
        width: 100%;
    }
}
/*----*/
@media (max-width:1281px) and (min-width:992px) {
    /* Index */
    .swiper-slide {
        padding-left: 250px;
    }
    #section-contact {
        background-size: cover, auto 100px;
    }
   
    #section-our-products,
    #section-contact {
        padding-left: 0!important;
    }

}
/*----*/
@media (max-width:1025px) and (min-width:992px) {
    /* Index */
    #section-our-products,
    #section-contact {
        padding-left: 0!important;
    }
}
/*----*/
@media (min-width:992px) {
   .navbar.index {
        animation: navbar-index 1s forwards;
        -webkit-animation: navbar-index 1s forwards; 
        animation-duration: 1s;
        animation-delay: .3s;
        opacity: 0;
        left: 0;
    }
    @keyframes navbar-index {
        from {
            opacity: 0;
            left: -55px;
        }
        to {
            opacity: 1;
            left: 0;
        }
    }
    #section-our-products {
        padding-left: 150px;
    }
}
/*----*/
@media (max-width:991px) {
    .navbar .navbar-toggler-icon {
        width: 49px;
        height: 25px;
    }
    .navbar.index {
        width: 100%;
        padding: 15px 0;
        min-height: 0px;
        height: auto;
        background-image: none;
    }
    .navbar.index .content {
        float: none;
        width: auto;
    }
    .index .navbar-brand {
        margin: 0;
    }
    .navbar.index .navbar-toggler {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 15px;
    }
    .sidebar {
        margin-left: auto;
        right: 0;
        left: auto;
        margin-right: 0;
        padding-top: 30px;
        overflow: visible;
    }
    .sidebar.collapse {
        margin-left: 0;
        height: 0;
    }
    .sidebar.collapsing {
        width: 100%;
    }
    .sidebar.collapse.show {
        margin-left: auto;
        height: 100%;
        width: 100%;
    }
    .sidebar .links {
        margin-left: 50px;
    }
    .sidebar .links .nav-link {
        text-align: right;
    }
    
    .links .nav-link {
        font-size: 1rem;
    }
    .links .nav-link:hover,
    .links .nav-link:active {
        font-size: 1.35rem;
    }
    /* Index */
    .swiper-slide#section-home {
        padding:35px;
    }
    .swiper-slide {
        padding: 0;
    }
    #section-our-products .content {
        margin-top: 300px;
    }
    /* */
    #section-home .zero {
        max-height: inherit;
        max-width: 100%;
        right: 0;
        margin-right: 0px;
    }
    #section-about-us .zero {
        display: none!important;
        visibility: hidden;
        max-height: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0px;
    }
    /*
    #section-home .first {
        max-height: 450px;
        margin-left: -150px;
    }
    #section-home .second {
        height: 100%;
        margin-left: -270px;
    }*/
    #section-our-products {
        height: 100vh;
        background-image: url(../img/home/second/05_fotosmuebles.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto 200px;
        padding-left: 0;
    }
    #section-our-products .first {
        max-height: 270px;
    }
    #section-contact {
        background-size: cover, auto 100px;
    }
    /* Pages */
    .about-us .header .title {
        font-size: 4rem;
    }
    .about-us .header {
        background-position: -100px 0px;
    }
    .lightbox {
        position: fixed;
        transform: translate(0%, -50%);
        top: 50%!important;
        /* bottom: 0; */
        margin-top: auto;
        margin-bottom: auto;
    }
    
}

/*----*/
@media (min-width: 768px) {
}
/*----*/
@media (max-width: 767px) {
    /* Index */
    #index-scroll .logo {
        height: 150px;
    }
    .section.index {
        z-index: 5;
    }
    #index-scroll .btn {
        font-size: .95rem;
    }
    #section-about-us .facilities {
        position: absolute;
        top: 0;
        right: 0;
        height: 50vh;
        bottom: 0;
        margin-top: 50px;
    }
    #section-about-us .principal .title {
        padding-top: 150px;
        font-size: 3rem;
        }
    #section-our-products .title {
        font-size: 3rem;
    }
    #section-home .background {
        margin-left: 0;
        overflow: hidden;
        height: 45vh;
    }
    /* */
    #section-home .zero:first-child {
        max-height: 100%;
        max-width: inherit;
        right: 0;
        margin-right: 0px;
    }
    /*
    #section-home .first {
        max-width: 200%;
        margin-left: -150px;
    }
    #section-home .second {
        width: auto;
        max-height: 100%;
        margin-right: -500px;
        margin-left: auto;
        left: auto;
        right: 0;
        height: auto;
    }*/
    #section-our-products .first {
    }
    #section-our-products {
        background-position: center bottom;
    }
    #section-our-products .container-fluid,
    #section-our-products .row,
    #section-our-products .col-lg-6 {
        height: 100%;
    }
    #section-our-products .content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }
    #section-our-products .col-md-10.col-lg-8.col-xl-6 {
        display: block;
        position: absolute;
        height: auto;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
        margin-top: 75px;
        margin-bottom: 100px;
    }
    /* Pages */
    .about-us .header {
        display: block!important;
        height: 350px;
        background-size: auto 250px;
        background-position: left bottom;
    }
    .about-us .header .title {
        font-size: 3.2rem;
        margin-top: 35px;
    }
    .our-projects .header {
        display: block!important;
        height: 350px;
        padding-top: 0;
        background-position: -400px 0;
    }
    .our-projects .header .title {
        font-size: 2.8rem;
        margin-top: 35px;
        margin-right: 50px;
    }
    .our-projects .header .subtitle {
        font-size: 2.4rem;
    }
}    
/*----*/
@media (max-width: 575px) {
    /* Footer */
    .footer span {
        display: block;
        margin-bottom: 10px;
    }
    .footer .developed {
        margin-top: 5px;
        text-align: left;
    }
    /* Index */
    #index-scroll {
        height: auto;
        min-height: 100vh;
    }
    .swiper-slide {
        padding-left: 0;
    }
    /* Home */
    .swiper-slide#section-home {
        min-height: 100vh;
    }
    #index-scroll .logo {
        max-height: 100px;
        margin: 70px auto 0 auto;
    }
    .section.about {
        z-index: 5;
    }
    #index-scroll .desc {
        font-size: .9rem;
        line-height: 1.45rem;
    }
    /* About Us */
    #section-about-us {
        min-height: 100vh;
        height: auto;
    }
    .section.about .container-fluid {
        height: 100%;
    }
    .section.about .row {
        height: 100%;
    }
    #section-about-us .principal .title {
        padding-top: 90px;
        font-size: 1.75rem;
    }
    #section-about-us .principal .btn.pink {
        margin-bottom: 25px;
    }
    #section-about-us .desc {
        font-size: .95rem;
        padding-right: 0;
        margin-top: 10px;
        line-height: 1.5rem;
    }
    #section-about-us .facilities {
        /*
        position: relative;
        height: 100%;
        */
        top: auto;
        right: 0;
        height: 45vh;
        bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }
    .facilities .content .title {
        margin: 0;
    }
    .facilities .content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px;
    }
    .title .color-blue {
        opacity: 1!important;
    }
    /* Our Products */
    #section-our-products {
        height: 100vh;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto 200px;
        padding-left: 0;
    }
    #section-our-products .background {
        z-index: 0;
    }
    #section-our-products .title {
        font-size: 2rem;
    }
    /* Contact */
    #section-contact .title {
        font-size: 1.7rem;
        margin-bottom: 20px;
    }
    #section-contact {
        min-height: 100vh;
        background-size: cover, auto 80px;
    }
    #section-contact .content {
        margin-top: 120px;
    }
    .contact span {
        font-size: .75rem;
    }
    .contact span .icon {
        height: 15px;
        width: 15px;
    }
    .form .form-group {
        margin-bottom: 5px;
    }
    .form .form-control {
        font-size: .95rem;
        height: calc(1.1em + .75rem + 2px);
    }
    .form textarea.form-control {
        height: 100px;
    }
    
    /* Pages */
    .navbar.sites .navbar-brand img {
        width: 105px;
        height: 55px;    
    }
    .sites.collapse, .sites.collapsing {
        margin-top: 75px;
        left: 0;
    }
    .about-us {
        background-size: auto 150px;
        padding-bottom: 250px;
    }
    
    .about-us .information p {
        font-size: 1.15rem;
    }
    .about-us .information .title {
        font-size: 2.25rem;
        margin: 35px auto;
    }
    .about-us .information {
        margin-top: 55px;
    }
    /* -- */
    .our-projects .header {
        background-position: -550px 0px;
    }
    .our-projects .header .title {
        font-size: 1.75rem;
        margin-right: 120px;
    }
    .our-projects .header .subtitle {
        font-size: 1.1rem;
    }
    .our-projects .information p {
        font-size: 1.15rem;
    }
    .our-projects .projects-menu .title {
        font-size: 2.25rem;
        margin: 35px auto;
    }
    .information.individual .title {
        font-size: 2.5rem;
        margin-bottom: 25px;
    }
    .information.individual .image img {
        width: 100%;
    }
    .lb-nav a.lb-prev {
        margin-left: -5px;
    }
    .lb-nav a.lb-next {
        margin-right: -5px;
    }
}
/*----*/
@media (min-width: 576px) {}
/*----*/
@media (max-width: 320px) and (max-height: 500px) {
    #section-home,
    #section-about-us,
    #section-our-products,
    #section-contact {
    }
    
    #section-home .background {
        height: 40vh;
    }
    #section-about-us .principal .title {
        padding-top: 90px;
        font-size: 1.3rem;
        opacity: 1!important;
    }
    #section-about-us .desc {
        font-size: .7rem;
    }
    #section-about-us .principal .btn.pink {
        margin-top: 6px;
        margin-bottom: 0;
        font-size: .7rem;
    }
    #section-about-us .facilities {
        height: 40vh;
    }
    #section-contact .content {
        margin-top: 88px;
    }
    #section-contact .title {
        margin-bottom: 0;
    }
    .contact span {
        font-size: .7rem;
    }

}
@media (max-width: 360px) and (max-height: 615px) {
    
    #section-home .zero:first-child {
        max-width: 100%;
        right: 0;
        margin-right: 0px;
    }
    #section-about-us {
    }
    #section-about-us .desc {
        line-height: inherit;
    }
}
/*----*/
@media (max-width: 376px) {
    /* Index */
    #index-scroll .btn {
        font-size: .75rem;
    }
    #section-home .background {
        overflow: hidden;
        /* height: 100%; */
        width: 100%;
        position: absolute;
        left: 0;
    }
    /* About Us */
    #section-about-us .principal .title {
    }
    #section-about-us .desc {
        font-size: .75rem;
        margin-bottom: 0;
    }
    #section-about-us .content.principal {
        padding-bottom: 25px;
    } 
    #section-about-us .principal .btn.pink {
        margin-top: 15px;
        margin-bottom: 0;
    }
    #section-about-us .col-md-6:last-child {
        padding: 0;
    }
    .facilities .content .title {
        font-size: .85rem;
        line-height: inherit;
    }
   
    /* Our Products */
    #section-our-products {
        background-image: url(../img/home/second/05_fotosmuebles.png);
        background-position: center bottom;
        background-size: auto 100px;
        padding-left: 0;
    }
    #section-our-products .content {
        margin-top: 0px;
    }
    /* Contact */
    #section-our-products .title {
        font-size: 2rem;
    }
    #section-contact {
        background-size: cover, auto 80px;
    }
    #section-contact .title {
        font-size: 1.7rem;
        margin-bottom: 20px;
    }
    .form textarea.form-control {
        height: 50px;
        font-size: .75rem;
    }
    .form {
        margin-top: 15px;
    }
    /* Pages */
    .our-projects .header {
        background-position: -610px 0px;
    }
}