body { font-family: 'Roboto Condensed', sans-serif; margin: 0; padding: 0; color: #ffffff; font-weight: 400; }
a, a:hover, a:visited, a:active { text-decoration: none; }
.blue { color: #0f9ab3 !important; }
.white { color: #ffffff !important; }
.black { color: #000000 !important; }
.light { font-weight: 300; }
.light-italic { font-weight: 300i; }
.regular { font-weight: 400; }
.regular-italic { font-weight: 400i; }
.bold { font-weight: 700; }
.bold-italic { font-weight: 700i; }
.border-left { border-left: 5px solid #ffffff !important; }
.border-left-black { border-left: 5px solid #000000 !important; }
.collapsing { -webkit-transition: none; transition: none; display: none;
}
/* Container */
.container { margin: 0 auto 0 auto; }
@media (max-width: 640px) {
.container { max-width: 490px; width: 90%; margin: 0 auto 0 auto; }
.container-fluid { padding-left: 0; padding-right:0; }
}
.modal-dialog { max-width: 90%; margin: 30px auto; }
.modal-body { position:relative; padding:0px; }
.close { position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:#fff; opacity:1; }
/* Navbar */
.header { background-color: #ffffff; height: 60px; }
.navbar a.navbar-brand { display: block; background: url('../img/web/logo_edificio_alvarado.png') no-repeat; width: 75px; height: 122px; background-size: contain; background-position: center; margin-top: -13px; z-index: 100; background-size: contain; }
.navbar .navbar-toggler { margin-top: -65px; }
.navbar ul.navbar-nav { border: none; border-radius: 0px; height: auto; margin-top: 0; background-color: #15ad8b; position: absolute; top: 60px; left: 0; right: 0; }
.navbar ul.navbar-nav > li { text-align: center; height: 100px; font-weight: 500; text-transform: uppercase; margin: 0 auto;}
.navbar ul.navbar-nav > li > a.nav-link,
.navbar ul.navbar-nav > li > a:visited.nav-link{ font-weight: 400; color: #ffffff !important; padding-left: 0; padding-right: 0; padding-top: 30px; font-size: 20px;}
.navbar ul.navbar-nav > li > a:hover.nav-link { color: #ffffff !important; padding-left: 0; padding-right: 0; }
.navbar ul.navbar-nav > li.active > a.nav-link,
.navbar ul.navbar-nav > li.active > a:hover.nav-link,
.navbar ul.navbar-nav > li.active > a:visited.nav-link,
.navbar ul.navbar-nav > li.active > a:active.nav-link { font-weight: 400; color: #ffffff !important; font-size: 20px; padding-left: 0; padding-right: 0; }
.navbar .navbar-toggler { border: 0; outline: none; }
.navbar .navbar-menu-icon { background: url('../img/mobile/menu.png') no-repeat; background-size: contain; width: 30px; height: 21px; border: 0; }
.navbar .nav-button { background-color: #e00814; width: 170px; height: 36px; color: #ffffff; border-radius: 5px; border: none; margin-top: 15px; }
.navbar .navbar-scroll { background: url("../img/web/menu-scroll.png") no-repeat; width: 65px; height: 65px; margin-top: 15px; background-size: contain; background-position: center; display: none; }
.navbar .navbar-scroll.active { display: inline-block; }
@media (min-width: 992px) {
.header { background-color: #12212f; height: 100px; }
.navbar { display: block; margin: 0; padding: 0px 0 0 0; height: 70px; }
.navbar a.navbar-brand,
.navbar a.navbar-brand.active { display: block; background: url('../img/web/logo_edificio_alvarado.png') no-repeat; width: 95px; height: 152px; margin-top: 0; background-size: contain; background-position: center;}
.navbar ul.navbar-nav { height: 22px; padding: 0; padding-top: 0; background-color: unset; position: unset; }
.navbar ul.navbar-nav > li { text-align: center; height: 60px; font-weight: 500; text-transform: uppercase; margin: -40px 15px 0 0px; }
.navbar ul.navbar-nav > li:first-child { margin-left: 0;}
.navbar ul.navbar-nav > li:last-child { margin-right: 0;}
.navbar ul.navbar-nav > li > a.nav-link,
.navbar ul.navbar-nav > li > a:visited.nav-link { font-size: 14px; font-weight: 600; color: #ffffff !important; padding: 0; }
.navbar ul.navbar-nav > li > a:hover.nav-link { color: #15ad8b !important; padding: 0; text-decoration: #15ad8b solid underline !important; }
.navbar ul.navbar-nav > li.active > a.nav-link,
.navbar ul.navbar-nav > li.active > a:hover.nav-link,
.navbar ul.navbar-nav > li.active > a:visited.nav-link,
.navbar ul.navbar-nav > li.active > a:active.nav-link { font-weight: 600; color: #15ad8b !important; font-size: 14px; padding: 0;text-decoration: #15ad8b solid underline !important; }
.navbar .navbar-toggler { border: 0; outline: none; position: absolute; right: 0; top: 5px;}
.navbar .navbar-menu-icon { background: url('../img/mobile/menu.png') no-repeat; background-size: contain; width: 60px; height: 60px; border: 0; }
.navbar .nav-button { background-color: #e00814; width: 170px; height: 36px; color: #ffffff; border-radius: 5px; border: none; margin-top: 15px; }
.navbar .navbar-scroll { background: url("../img/web/menu-scroll.png") no-repeat; width: 65px; height: 65px; margin-top: 15px; background-size: contain; background-position: center; display: none; }
.navbar .navbar-scroll.active { display: inline-block; }
}
@media (max-width: 340px) {
.navbar a.navbar-brand { width: 150px; }
}
/* Fix Safari */
@media not all and (min-resolution:.001dpcm) {
@media (max-width: 992px) {
.navbar a.navbar-brand { display: block; background: url('../img/web/logo_edificio_alvarado.png') no-repeat; width: 75px; height: 122px; background-size: contain; background-position: center; margin-top: 50px; z-index: 100; background-size: contain; }
.navbar .navbar-toggler { margin-top: 0px; }
}
}
/* Main Image */
.main-video { width: 100%; height: 892px; object-fit: cover; position: absolute; z-index: -1; top: 60px;}
.video-opacity { background: #000000; opacity: 0.3; width: 100%; height: 892px; position: absolute; z-index: 0; top: 0px;}
.main-image { width: 100%; margin-top: 0px; padding-top: 120px; padding-bottom: 100px; }
.main-image .main-text-slogan { font-size: 23px; text-align: center; margin: 0 auto; z-index: 1;}
.main-image .form-container { background-image: url("../img/mobile/transparencia.png"); width: 100%; padding: 25px 15px; margin-top: 20px; border-radius: 10px; z-index: 1;}
.main-image .form-container .form-title { font-size: 13px; text-align: center; z-index: 1;}
.main-image .form-container .contact-form .text-label { margin-bottom: 12px; margin-top: 12px; font-size: 13px; z-index: 1;}
.main-image .form-container .contact-form input { border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; width: 100%; font-size: 16px; padding: 3px 10px 3px 10px; background-color: transparent; z-index: 1;}
.main-image .form-container .contact-form-button { background: #15ad8b; color: #ffffff; font-size: 14px; width: 100%; border-radius: 5px; margin-top: 20px; z-index: 1;}
.success { padding: 1em; margin-top: 2rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; z-index: 1;}
.error { padding: 1em; margin-top: 2rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #b94a48; background-color: #f2dede; border: 1px solid rgba(185, 74, 72, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; z-index: 1;}
@media (min-width: 641px) {
}
@media (min-width: 992px) {
.main-video { width: 100%; height: 960px; object-fit: cover; position: absolute; z-index: -1; top: 70px; }
.main-image { width: 100%; height: 960px; padding-top: 140px; padding-bottom: 100px; }
.main-image .main-text-slogan { font-size: 50px; line-height: 45px; text-align: center; margin: 0px auto 0 auto; }
.main-image .form-container { background-image: url("../img/mobile/transparencia.png"); width: 100%; padding: 35px 0px; margin-top: 60px; border-radius: 10px; }
.main-image .form-container .form-title { font-size: 18px; text-align: center; }
.main-image .form-container .contact-form .text-label { margin-bottom: 15px; margin-top: 15px; font-size: 16px; }
.main-image .form-container .contact-form input { border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; width: 100%; font-size: 18px; padding: 5px 10px 5px 10px; background-color: transparent; }
.main-image .form-container .contact-form-button { background: #15ad8b; color: #ffffff; font-size: 18px; width: 100%; border-radius: 5px; margin-top: 53px; width: 70px; }
}
/* Play Button */
.play-button { position: relative; bottom: 0; right: 0; margin: 20px auto 0 auto; background: url("../img/mobile/icono_play_video.png") no-repeat center; width: 65px; height: 65px; border: none; z-index: 100000000; outline: none !important; }
.play-button.scrolled { position: fixed; bottom: 20px; right: 20px; margin: unset;}
/* Logos */
.logos-container { height: 130px; padding-top: 25px; background-color: #ffffff; }
.logos-container .logos { width: 100%; height: 80px; }
.logos-container .logos.logo-building { background: url("../img/mobile/logo_edificio.png") no-repeat center; background-size: contain; }
.logos-container .logos.logo-ceramica { background: url("../img/mobile/logo_ceramica_del_norte.png") no-repeat center; border: 2px solid #c5c5c5; border-top: none; border-bottom: none; }
.logos-container .logos.logo-soler { background: url("../img/mobile/logo_soler.png") no-repeat center; background-size: contain; }
@media (max-width: 440px ) {
.logos-container { height: auto; padding-top: 15px; padding-bottom: 15px; }
.logos-container .logos.logo-building,
.logos-container .logos.logo-ceramica,
.logos-container .logos.logo-soler { background-size: contain; border: none; }
}
@media (min-width: 992px) {
.logos-container { height: auto; padding-top: 25px; padding-bottom: 25px; }
.logos-container .logos { width: 100%; height: 80px; }
.logos-container .logos.logo-building { background: url("../img/web/logo_edificio.png") no-repeat center; background-size: contain; }
.logos-container .logos.logo-ceramica { background: url("../img/web/logo_ceramica_del_norte_gris.png") no-repeat center; border: 2px solid #c5c5c5; border-top: none; border-bottom: none; }
.logos-container .logos.logo-soler { background: url("../img/web/logo_soler.png") no-repeat center; background-size: contain; }
}
/* Future */
.future { background: url("../img/mobile/filtro_pensa_en_futuro.jpg") no-repeat center; height: 420px; width: 100%; padding-top: 100px; }
.future .think-future { background: url("../img/mobile/pensa-en-futuro.png") no-repeat center; width: 100%; height: 97px; }
.future .future-title { color: #15ad8b; font-size: 50px; text-align: center; line-height: 1; }
.future .container-carousel { margin-top: 50px; }
.future .carousel-item { text-align: center; }
.future .carousel-icon-group { margin: 0 auto; }
.future .carousel-icon-group .carousel-icon { background-size: contain !important; }
.future .carousel-icon-group .carousel-icon.icon-key { background: url("../img/mobile/icono_departamentos_slide.png") no-repeat center; width: 39px; height: 46px; }
.future .carousel-icon-group .carousel-icon.icon-floor { background: url("../img/mobile/icono_pisos_slide.png") no-repeat center; width: 39px; height: 40px; }
.future .carousel-icon-group .carousel-icon.icon-tower { background: url("../img/mobile/icono_torres_slide.png") no-repeat center; width: 38px; height: 43px; }
.future .carousel-icon-group .carousel-icon.icon-bed { background: url("../img/mobile/icono_dormitorios_slide.png") no-repeat center; width: 45px; height: 30px; margin-top: 5px; }
.future .carousel-icon-group .carousel-icon.icon-car { background: url("../img/mobile/icono_cochera_slide.png") no-repeat center; width: 45px; height: 20px; margin-top: 10px; }
.future .carousel-icon-group .carousel-icon.icon-shops { background: url("../img/mobile/icono_local_comercial_slide.png") no-repeat center; width: 45px; height: 45px; }
.future .carousel-icon-group .carousel-separator { background: url("../img/mobile/linea_contador1.png"); width: 3px; height: 46px; margin: 0 15px; }
.future .carousel-icon-group .carousel-text { font-size: 22px; margin-top: 6px; }
.future .carousel-icon-group .carousel-text-small { font-size: 22px; margin-top: 0px; line-height: 1; }
.future .carousel-icon-group .carousel-text-number { font-size: 22px; margin-top: 6px; }
@media (min-width: 640px) {
.future { background: url("../img/tablet/Pensa-en-Futuro1.jpg") no-repeat center; height: 421px; width: 100%; padding-top: 120px; }
.future .think-future { background: url("../img/web/pensa-en-futuro.png") no-repeat center; width: 100%; height: 133px; }
.future .future-title { color: #15ad8b; font-size: 105px; text-align: center; line-height: 1; }
.future .container-carousel { margin-top: 30px; }
.future .carousel-item { text-align: center; }
.future .carousel-icon-group { margin: 0 auto 0 0; }
.future .carousel-icon-group .carousel-text { font-size: 30px; margin-top: 0; }
.future .carousel-icon-group .carousel-text-small { font-size: 30px; margin-top: 6px; line-height: 1; text-align: center;}
.future .carousel-icon-group .carousel-text-number { font-size: 30px; margin-top: 0; }
}
@media (min-width: 992px) {
.future { background: url("../img/web/Pensa-en-Futuro1.jpg") no-repeat center; height: 421px; width: 100%; padding-top: 80px; }
}
/* Map */
.green-container { background: url("../img/mobile/transparencia.png"); width: 100%; padding: 30px 0; margin-top: -1px; text-align: center; z-index: 111;}
.green-container .container-320 { max-width: 320px; }
.green-container .closeby { max-width: 320px; width: 100%; font-size: 20px; text-align: center; margin: 0 auto; margin-bottom: 20px; }
.green-container .closeby-container { max-width: 320px; width: 100%; display: inline-flex; margin: 0 auto 30px auto; }
.green-container .closeby-container .closeby-icon { width: 45px; height: 35px; border-right: 2px solid #ffffff; background-size: contain !important; }
.green-container .closeby-container .closeby-icon.icon-square { background: url("../img/web/icono_plaza.png") no-repeat center left; }
.green-container .closeby-container .closeby-icon.icon-downtown { background: url("../img/web/icono_minutos.png") no-repeat center left; }
.green-container .closeby-container .closeby-icon.icon-food { background: url("../img/web/icono_gastronomia.png") no-repeat center left; }
.green-container .closeby-container .closeby-text { font-size: 15px; text-align: left; margin-left: 20px; padding-top: 7px; }
.map { height: 480px; width: 100%; }
@media (min-width: 641px) and (max-width: 1110px ) {
.location-map { background: url("../img/tablet/Cerca-de-Todo.jpg") no-repeat center; width: 100%; height: 462px; }
}
@media (min-width: 992px) {
.green-container { z-index: 1010; left: 60%; width: 400px; position: relative; top: 100px; text-align: left; padding-left: 30px; padding-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.green-container .closeby { margin: unset; margin-bottom: 25px; }
.green-container .container-320 { max-width: unset; }
.green-container .closeby-container { max-width: unset; width: 100%; display: inline-flex; margin: 0 auto 30px auto; }
.map { height: 480px; width: 100%; margin-top: -279px; z-index: 10; }
.location-map { background: url("../img/web/Cerca-de-Todo.jpg") no-repeat center; width: 100%; height: 799px; }
}
/* 3D Picture */
.pic-3d { background: url("../img/mobile/recorrido.jpg") no-repeat center; width: 100%; height: 800px; }
.tour-video { width: 100%; height: 800px; object-fit: cover; position: relative; z-index: -1; margin-bottom: -8px; }
@media (min-width: 640px) {
.pic-3d { background: url("../img/web/recorrido_virtual.jpg") no-repeat center; width: 100%; height: 818px; }
}
/* Enquiries */
.enquiries { background: #12212f; padding: 25px 0; }
.enquiries .enquiries-title { font-size: 20px; text-align: center; }
.enquiries a .enquiries-button,
.enquiries a .enquiries-button:active,
.enquiries a .enquiries-button:hover,
.enquiries a .enquiries-button:visited { border: 2px solid #ffffff; color: #ffffff; width: 100%; max-width: 390px; text-align: center; text-decoration: none; border-radius: 5px; margin: 0 auto; padding: 2px 0; margin-top: 20px; }
@media (min-width: 640px) {
.enquiries .enquiries-title { font-size: 25px; text-align: center; }
.enquiries a .enquiries-button,
.enquiries a .enquiries-button:active,
.enquiries a .enquiries-button:hover,
.enquiries a .enquiries-button:visited { border: 2px solid #ffffff; color: #ffffff; width: 100%; max-width: 390px; text-align: center; text-decoration: none; border-radius: 5px; margin: 0 auto; padding: 2px 0; margin-top: 20px; font-size: 16px; }
}
/* Design */
.design { width: 100%; overflow: hidden; position: relative; }
.design .animated-text { font-size: 100px; font-weight: 700; text-transform: uppercase; position: absolute; width: 2250px; height: 100%; margin: 0; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: animated-text 15s linear infinite; -webkit-animation: animated-text 15s linear infinite; animation: animated-text 15s linear infinite; }
.design .carousel-inner .carousel-item .carousel-image { width: 100%; height: 620px; padding-top: 30px; background-size: cover !important; }
.design .carousel-inner .carousel-item .carousel-image.image-pool { background: url("../img/web/0.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-bedroom { background: url("../img/web/1.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-kitchen { background: url("../img/web/2.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-living-room { background: url("../img/web/3.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-front-night { background: url("../img/web/4.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-front-day { background: url("../img/web/5.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-front-right { background: url("../img/web/6.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-front-left { background: url("../img/web/7.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-pool-side { background: url("../img/web/8.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-view { background: url("../img/web/9.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-view-girl { background: url("../img/web/10.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-front-people { background: url("../img/web/11.jpg") no-repeat center; }
.design .carousel-inner .carousel-item .carousel-image.image-decoration { background: url("../img/web/12.jpg") no-repeat center; }
.carousel-container-text { text-align: center; max-width: 890px;}
.design .carousel-inner .carousel-item .image-text { margin: 0 auto; text-align: center; font-size: 14px; background: #15ad8b; padding: 0 15px; text-transform: uppercase; display: inline-flex; }
.design .carousel-inner .carousel-item .image-text-small { margin: 0 auto; text-align: center; font-size: 12px; text-shadow: #000000 1px 1px 1px;}
@-moz-keyframes animated-text { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } }
@-webkit-keyframes animated-text { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } }
@keyframes animated-text { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } }
@media (min-width: 992px ) {
.design .carousel-inner .carousel-item .carousel-image { width: 100%; height: 620px; padding-top: 160px; background-size: cover !important; }
.design .carousel-inner .carousel-item .image-text { margin: 0 auto; text-align: left; font-size: 25px; background: #15ad8b; font-weight: 700; }
.design .carousel-inner .carousel-item .image-text.right { text-align: right; }
.design .carousel-inner .carousel-item .image-text-small { margin: 0 auto; text-align: center; font-size: 16px; }
}
@media (min-width: 1110px){
.design .animated-text { font-size: 100px; width: 2200px; }
}
/* Warranty */
.warranty { background: url("../img/mobile/detalle-ceramica.jpg") no-repeat left top; width: 100%; height: 80px; }
.warranty .warranty-text { color: #921e28; font-size: 14px; display: inline-flex; margin-top: 30px; }
.warranty .warranty-icon { background: url("../img/mobile/logo_ceramica_del_norte1.png") no-repeat center; width: 100%; height: 32px; max-width: 136px; background-size: contain; margin: 0 auto; margin-top: -10px; }
@media (max-width: 576px ){
.warranty .warranty-text { color: #921e28; font-size: 10px; display: block; text-align: center; margin-top: 14px; }
.warranty .warranty-icon { margin-top: 0px; }
}
@media (max-width: 465px ){
/* .warranty .warranty-text { margin-top: 0px; } */
}
@media ( min-width: 992px ) {
.warranty { background: url("../img/web/detalle-ceramica.jpg") no-repeat left top; width: 100%; height: 153px; }
.warranty .warranty-text { color: #921e28; font-size: 18px; display: inline-flex; margin-top: 50px; padding-left: 25px; }
.warranty .warranty-icon { background: url("../img/web/logo_ceramica_del_norte.png") no-repeat center; width: 285px; height: 67px; max-width: 285px; background-size: contain; margin: -15px auto 0 auto; }
}
@media ( min-width: 1200px ) {
.warranty .warranty-text { padding-left: 70px; margin-top: 65px; }
.warranty .warranty-icon { background: url("../img/web/logo_ceramica_del_norte.png") no-repeat center; width: 285px; height: 67px; max-width: 285px; background-size: contain; margin: -25px auto 0 auto; }
}
.youtube-container { width: 100%; border: none; }
/* Footer */
.footer { background: url("../img/mobile/footer_mobile.jpg") no-repeat top center; width: 100%; padding: 60px 0; margin-top: -7px}
.footer .footer-title { font-size: 20px; text-transform: uppercase; text-align: center; }
.footer .footer-logo { background: url("../img/mobile/logo_edificio_alvarado1.png") no-repeat center; width: 100%; height: 168px; margin: 30px auto; }
.footer .footer-container { max-width: 421px; border-top: 2px solid #ffffff; }
.footer .footer-container .questions { font-size: 16px; text-align: center; margin: 20px 0; }
.footer .footer-container .phone { background: url("../img/mobile/icono_telefono.png") no-repeat left; font-size: 16px; text-align: center; margin: 20px auto; color: #ffffff; text-decoration: none; width: 170px; }
.footer .social-icons { margin: 20px auto 0 auto; text-align: center; }
.footer .social-icons .social-icon { width: 30px; height: 30px; display: inline-flex; margin: 0 30px; }
.footer .social-icons .social-icon.instagram { background: url("../img/mobile/icono_instagram.png") no-repeat center; }
.footer .social-icons .social-icon.facebook { background: url("../img/mobile/icono_facebook.png") no-repeat center; }
.footer .social-icons .social-icon.youtube { background: url("../img/mobile/icono_youtube.png") no-repeat center; }
.footer .footer-container .separator { display: none; }
.footer .footer-address { text-align: center; max-width: 300px; margin: 0 auto; }
.footer .footer-address-container { margin: 0 auto; }
@media ( min-width: 640px ) {
.footer { background: url("../img/web/Footer.png") no-repeat top center; width: 100%; padding: 60px 0; }
}
@media (min-width: 992px) {
.footer .social-icons { margin: 40px auto 0 auto; text-align: center; }
.footer .social-icons .social-icon { width: 30px; height: 30px; display: inline-flex; margin: 0 20px; }
.footer .social-icons .social-icon.instagram { background: url("../img/web/icono_instagram.png") no-repeat center; }
.footer .social-icons .social-icon.facebook { background: url("../img/web/icono_facebook.png") no-repeat center; }
.footer .social-icons .social-icon.youtube { background: url("../img/web/icono_youtube.png") no-repeat center; }
.footer .footer-address { text-align: center; max-width: unset; }
}
@media (min-width: 1110px) {
.footer .footer-title { font-size: 20px; text-transform: uppercase; text-align: center; }
.footer .footer-logo { background: url("../img/web/logo_edificio_alvarado-footer.png") no-repeat center; width: 100%; height: 127px; margin: 30px auto; }
.footer .footer-display { display: inline-flex; }
.footer .footer-container { max-width: 980px; border-top: 2px solid #ffffff; text-align: center; }
.footer .footer-container .separator { font-size: 18px; text-align: center; margin: 20px 10px; display: inline-flex; }
.footer .footer-container .questions { font-size: 18px; text-align: center; margin: 20px 0; }
.footer .footer-container .phone { background: url("../img/web/icono_telefono.png") no-repeat left; font-size: 18px; text-align: right; margin: 20px auto; color: #ffffff; text-decoration: none; width: 165px; }
}