/* Developer: Juan Ignacio Cieri */ /* Developer URI: http://juancieri.com */ @import url("https://fonts.googleapis.com/css?family=Lato|Lora:400,400i,700i"); @font-face { font-family: 'verlag-bold'; src: url(../../fonts/verlag-bold.eot); src: url(../../fonts/verlag-bold.eot?#iefix) format("embedded-opentype"), url(../../fonts/verlag-bold.woff2) format("woff2"), url(../../fonts/verlag-bold.woff) format("woff"), url(../../fonts/verlag-bold.ttf) format("truetype"), url(../../fonts/verlag-bold.svg#verlag-bold) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'verlag-book'; src: url(../../fonts/verlag-book.eot); src: url(../../fonts/verlag-book.eot?#iefix) format("embedded-opentype"), url(../../fonts/verlag-book.woff2) format("woff2"), url(../../fonts/verlag-book.woff) format("woff"), url(../../fonts/verlag-book.ttf) format("truetype"), url(../../fonts/verlag-book.svg#verlag-book) format("svg"); font-weight: normal; font-style: normal; } .wow { visibility: hidden; } body { padding: 0; margin: 0; } main { margin-bottom: 500px; } @media screen and (max-width: 992px) { main { margin-bottom: 650px; } } @media screen and (max-width: 768px) { main { margin-bottom: 600px; } } @media (max-width: 610px) { main { margin-bottom: 670px; } } @media (max-width: 530px) { main { margin-bottom: 730px; } } .full-height { max-height: 55vh; overflow-y: auto; overflow-x: hidden; } @media screen and (max-width: 768px) { .full-height { max-height: none; overflow: visible; } } #map { width: 100%; height: 130px; } .primary-color { color: #67b65c !important; } .title { text-transform: uppercase; color: black; font-family: "verlag-bold", sans-serif; font-size: 65px; margin: 0 0 60px 0; } .title.medium { font-size: 37px; margin: 0 0 30px 0; } .title.small { font-size: 24px; } @media screen and (max-width: 768px) { .title { font-size: 35px; } .title.medium { font-size: 25px; } .title.small { font-size: 20px; } } .white-bg { background: white; } .black-bg { background: black; } .btn { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: "verlag-bold", sans-serif; font-size: 16px; text-transform: uppercase; outline: none !important; padding: 10px 15px; border: 2px solid black; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-primary { background: black; } .btn-primary:hover { background: rgba(0, 0, 0, 0.4); } .btn-secondary { background: white; color: black; } #search { background: #4d4b4b; border: 1px solid #c6c6c6; } #search .form-group { margin: 0; } #search .search-box, #search .search-select, #search .search-btn { padding: 20px 0; } @media (max-width: 530px) { #search .search-box, #search .search-select, #search .search-btn { padding: 10px 0; } } #search .form-control { font-size: 14px; } #search select { background: none; text-align: center; border: none !important; padding: 0; text-transform: uppercase; font-family: "verlag-bold", sans-serif; font-size: 14px; color: white; outline: none !important; width: 100%; position: relative; } #search select option { color: #706f6f; } #search form { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #search form div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 768px) { #search form { display: block; } } #search .search-select { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #search .search-select li { position: relative; margin: 0 10px; /* &:before { content: "\f0dd"; font-family: 'FontAwesome'; position: absolute; right: 3px; top: -10px; color: $primary-color; font-size: 20px; z-index: 3; } */ } @media screen and (max-width: 1200px) { #search .search-select { display: -webkit-box; display: -ms-flexbox; display: flex; } #search .search-select li { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (max-width: 530px) { #search .search-select { display: block; } #search .search-select li { display: block; margin: 10px 0; } } #search .search-btn { -ms-flex-item-align: end; align-self: flex-end; max-width: 120px; width: 100%; } @media screen and (max-width: 768px) { #search .search-btn { max-width: 100%; } } #search .search-btn .btn { padding-top: 5px; padding-bottom: 5px; background: #67b65c; border-color: #67b65c; } #search .search-box { -ms-flex-item-align: start; align-self: flex-start; max-width: 200px; width: 100%; } @media screen and (max-width: 768px) { #search .search-box { max-width: 100%; } } .form .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; height: 35px; color: #706f6f; font-size: 18px; font-family: "Lato", sans-serif; } .form textarea { height: 70px !important; } .form .has-error .form-control { background: rgba(255, 0, 0, 0.4); color: white; } .modal-header .title { margin: 0; } .modal-body p { font-family: "Lora", serif; font-size: 18px; } header { position: relative; padding: 10px 0; border-bottom: 3px solid red; } header.smaller .away { top: -3px !important; } header.smaller #nav { position: fixed; top: 0; width: 100%; background: black; border-bottom: 3px solid red; } @media (min-width: 768px) { header.smaller #nav { padding-top: 10px; } header.smaller .away span { display: none; } } #social { list-style: none; padding: 10px 70px 0px 0; margin: 0 0 20px 0; color: white; font-size: 20px; font-weight: 700; text-transform: uppercase; } #social strong a { margin-left: 10px; } #social li { display: inline-block; margin: 0 5px; } #social a { color: white; font-size: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; z-index: 99; } #social a:hover { color: #67b65c; text-decoration: none; } #social img { max-width: 40px; } @media (max-width: 990px) { #social { padding: 0; margin: 0; } #social ul { padding: 0; } #social .text-right { text-align: center !important; } } #nav { background: none; z-index: 5; border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin: 0; } #search ul { list-style: none; padding: 0; margin: 0; } #search li { display: inline-block; } #menu { position: relative; } #menu .away { position: absolute; right: 0; top: -12px; border: 2px solid #67b65c; } #menu .away span { text-transform: none; font-size: 12px; } @media (min-width: 990px) and (max-width: 1100px) { #menu .away span { display: none; } } @media (max-width: 1200px) { #menu .away { position: relative; top: 10px; } } @media (min-width: 990px) and (max-width: 1100px) { #menu .away { top: -2px; } } @media screen and (max-width: 768px) { #menu .away { top: 0; } } #menu a { color: white; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: "verlag-book", sans-serif; font-size: 14px; text-transform: uppercase; padding: 4px 20px; } #menu a:hover { color: #b9b9b7; } @media (max-width: 1200px) { #menu a { padding: 10px; } } @media (min-width: 990px) and (max-width: 1100px) { #menu a { font-size: 12px; } } #menu .highlight a { background: #67b65c; } #menu .active a { color: #67b65c; background: none; } @media (min-width: 990px) and (max-width: 1100px) { #menu > ul { text-align: right; } } #logo { position: absolute; padding: 30px 30px 0px 30px; bottom: 15px; } #logo img { max-width: 220px; } #logo a { display: inline-block; } @media (max-width: 990px) { #logo { position: relative; bottom: 0; padding: 0; text-align: center; } #logo a { display: inline-block; margin: 0; } } @media screen and (max-width: 768px) { #logo img { max-width: 100%; } } @media (min-width: 768px) { .navbar-nav { width: 100%; text-align: center; } .navbar-nav > li { float: none; display: inline-block; } } #contacto { padding: 70px 0; } #contacto .title { color: white; } #contacto form { margin: 0 0 0px 0; } #contacto address { margin: 0; } #contacto address a { color: white; } #contacto address a:hover { text-decoration: none; color: white; } #contacto address ul { list-style: none; padding: 20px 0; margin: 0; color: white; font-family: "verlag-bold", sans-serif; font-size: 25px; } #contacto address li { position: relative; padding-left: 70px; } #contacto address li:before { position: absolute; left: 0; content: ""; } #contacto address li.tel { margin: 0 0 20px 0; } #contacto address li.tel:before { background: url(../../img/phone-icon.png) no-repeat center center; background-size: cover; width: 25px; height: 55px; top: 12px; left: 7px; } #contacto address li.dire:before { background: url(../../img/address-icon.png); background-size: cover; width: 40px; height: 50px; top: -10px; } footer { background: #efefef; position: fixed; bottom: 0; width: 100%; z-index: -1; padding: 40px 0 0 0; border: 1px solid #c6c6c6; } footer h6 { color: black; font-size: 20px; font-family: "verlag-bold", sans-serif; margin: 0 0 20px 0; } footer .social { list-style: none; padding: 0; margin: 0; } footer .social li { font-family: "verlag-bold", sans-serif; font-size: 18px; margin: 10px 0; position: relative; padding-left: 45px; } footer .social li.facebook:before { position: absolute; content: ""; left: 0; top: 15px; font-size: 33px; color: black; background: url(../../img/facebook-icon.png) no-repeat center center; background-size: 40px; width: 30px; height: 40px; } footer .social li.instagram:before { position: absolute; content: ""; left: 0; font-size: 33px; color: black; top: -10px; background: url(../../img/instagram-icon.png) no-repeat center center; background-size: 40px; width: 30px; height: 40px; } footer .social a { color: #706f6f; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } footer .social a:hover { text-decoration: none; color: black; } @media screen and (max-width: 768px) { footer .social { margin-bottom: 30px; } } footer p { font-family: "verlag-book", sans-serif; color: #706f6f; font-size: 17px; } #copyright { background: white; padding: 15px 0; color: #706f6f; font-family: "verlag-book", sans-serif; font-size: 16px; margin: 40px 0 0 0; } #copyright a { color: #706f6f; } @media screen and (max-width: 768px) { #copyright { text-align: center !important; } #copyright .text-right { text-align: center; } } .owl-carousel { position: relative; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { color: #67b65c; opacity: 0; font-size: 30px; } .owl-carousel .owl-nav .owl-prev { position: absolute; top: calc(50% - 15px); left: 0px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .owl-carousel .owl-nav .owl-next { position: absolute; right: 0px; top: calc(50% - 15px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .owl-carousel:hover .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev { opacity: 1; } .owl-carousel:hover .owl-nav .owl-next { right: 30px; } .owl-carousel:hover .owl-nav .owl-prev { left: 30px; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; width: 100%; bottom: 20px; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #67b65c; } #artista-slider { margin-bottom: 10px; } #artista-slider .item { width: 100%; position: relative; text-align: center; } #artista-slider .item img { display: block; height: 460px; width: auto; margin: 0 auto; } @media screen and (max-width: 768px) { #artista-slider { margin-top: 30px; } #artista-slider .item img { height: auto; max-width: 100%; } } #artista-slider .overlay { background: black; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; color: white; font-size: 16px; font-family: "verlag-book", sans-serif; text-align: right; padding: 3px 15px; z-index: 3; } #carousel .item { overflow: hidden; } #carousel .item a { display: block; width: 100%; height: 150px; overflow: hidden; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #carousel .item a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .propiedad-slider .item { width: 100% !important; text-align: center !important; } .propiedad-slider .item a { display: block; outline: none !important; } .propiedad-slider .item img { width: auto !important; max-width: 100%; height: 100%; max-height: 480px; margin: 0 auto; } .propiedad-slider .item.video a { position: relative; } .propiedad-slider .item.video a:before { content: "\f01d"; font-family: 'FontAwesome'; position: absolute; color: black; z-index: 3; font-size: 100px; top: calc(50% - 60px); left: calc(50% - 40px); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: .6; } .propiedad-slider .item.video a:hover:before { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 1; } .propiedad-slider .owl-dots { counter-reset: slides-num; position: absolute; width: auto; max-width: 120px; bottom: 0; } .propiedad-slider .owl-dots:after { content: "/ " counter(slides-num); display: inline-block; vertical-align: middle; padding-left: 5px; color: #706f6f; font-family: "verlag-bold", sans-serif; font-size: 24px; } .propiedad-slider .owl-dot { display: inline-block; counter-increment: slides-num; margin-right: 5px; } .propiedad-slider .owl-dot span { display: none !important; } .propiedad-slider .owl-dot.active:before { content: counter(slides-num); display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 0; color: #67b65c; font-family: "verlag-bold", sans-serif; font-size: 24px; } #slider { position: relative; } #slider .item { position: relative; height: calc(100vh - 191px); min-height: 600px; overflow: hidden; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } #slider .slogan { position: absolute; color: white; font-family: "verlag-bold", sans-serif; font-size: 30px; bottom: 100px; right: 50px; z-index: 3; } #slider .slogan span { color: red; position: relative; padding: 0 0 5px 0; } #slider .slogan span:before { content: ""; width: 100%; height: 4px; background: red; position: absolute; bottom: 0; left: 0; } #nosotros { padding: 80px 0; background: #fcfcfc; } #nosotros p { color: #706f6f; font-size: 18px; font-family: "Lora", serif; } @media screen and (max-width: 768px) { #nosotros p { font-size: 18px; } } #nosotros em { color: #706f6f; font-style: italic; font-weight: 700; margin: 20px 0; display: block; } #nosotros blockquote { font-family: "Lora", serif; font-style: italic; color: #706f6f; padding: 0; border: none; } .parallax { display: block; width: 100%; height: 440px; background: url(../../img/bg.jpg) no-repeat center center; background-size: cover; } @media (min-width: 768px) { .parallax { background-attachment: fixed; } } #perfil { padding: 80px 0 0 0; } #perfil p { color: #706f6f; font-family: "Lora", serif; font-size: 18px; max-width: 1060px; margin: 0 auto 10px auto; } @media screen and (max-width: 768px) { #perfil p { font-size: 18px; } } #perfil em { font-style: italic; } #servicios-tasaciones { padding: 80px 0; } #servicios-tasaciones img { margin: 0 auto 60px auto; } #servicios, #tasaciones { padding-top: 15px; padding-bottom: 15px; } #servicios > div, #tasaciones > div { max-width: 700px; margin: 0 auto; } #servicios p, #tasaciones p { color: #706f6f; font-family: "Lora", serif; font-size: 18px; line-height: 22px; margin-bottom: 20px; } #servicios p strong, #tasaciones p strong { color: black; } #servicios ul { list-style: none; padding: 0; margin: 0; } #servicios ul strong { color: black; font-family: "Lora", serif; font-weight: 700; font-size: 20px; } #servicios ul li { font-family: "Lora", serif; color: #706f6f; font-size: 18px; margin: 15px 0; } #servicios .slogan { font-family: "verlag-bold", sans-serif; font-size: 22px; } #servicios .slogan span { color: red; position: relative; padding: 0 0 5px 0; } #servicios .slogan span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: red; } @media screen and (max-width: 768px) { #servicios { margin-bottom: 30px; } } .copy { position: absolute; top: 40px; right: 55px; color: white; font-family: "verlag-bold", sans-serif; font-size: 20px; opacity: 0.7; } #artistas-header { background: white; } #artistas-header #logo-header img { max-width: 380px; } #artistas-header > .container { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid black; } #artistas-header .social { list-style: none; padding: 0; margin: 25px 0 30px 0; } #artistas-header .social li { display: inline-block; margin: 0 10px; } #artistas-header .social a { color: black; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 33px; } #artistas-header .social a:hover { color: #67b65c; } #artistas-header .return { text-transform: none; color: black; font-family: "verlag-bold", sans-serif; font-size: 16px; } #artistas-header .return span { color: #67b65c; } #artistas-header .return:hover { text-decoration: none; } #arte-content { padding: 40px 0; } #arte-content aside ul { list-style: none; padding: 0; margin: 0; } #arte-content aside li { margin: 0; position: relative; padding-left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #arte-content aside li:before { content: "\f0da"; font-family: 'FontAwesome'; color: #67b65c; font-size: 22px; margin-right: 20px; } #arte-content aside li:hover { padding-left: 10px; } #arte-content aside a { color: black; font-family: "verlag-book", sans-serif; font-size: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #arte-content aside a:hover { color: #67b65c; text-decoration: none; } #arte .title { margin: 0; font-size: 55px; } #arte .title.medium { margin: 0 0 20px 0; font-size: 30px; text-transform: none; } #arte #content h4 { text-transform: uppercase; color: black; font-family: "verlag-bold", sans-serif; font-size: 22px; margin: 0 0 10px 0; } #arte #content p { color: black; font-family: "verlag-book", sans-serif; font-size: 17px; } #arte #content p strong { font-family: "verlag-bold", sans-serif; margin-right: 5px; } .mCSB_dragger .mCSB_dragger_bar { background: none !important; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #67b65c; left: -3px; } #tasaciones-grid { padding: 50px 0; } .tasaciones-item { margin: 0 0 20px 0; background: #4d4b4b; padding: 30px 50px 30px 30px; } @media screen and (max-width: 768px) { .tasaciones-item { padding: 15px; } } .tasaciones-item:last-child { margin: 0; } .tasaciones-item > .row { margin: 0; } .tasaciones-item:hover .tasaciones-image a { background-size: auto 120% !important; } @media (min-width: 768px) { .tasaciones-item > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } .tasaciones-image { overflow: hidden; padding: 0; position: relative; } .tasaciones-image a { display: block; width: 100%; height: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: auto 110% !important; background-repeat: no-repeat !important; background-position: center center !important; } @media screen and (max-width: 768px) { .tasaciones-image a { position: relative; height: 300px; } } .tasaciones-info { position: relative; padding: 0; } .tasaciones-info > div { padding: 20px 35px; background: #9a9a98; } .tasaciones-info .format { display: inline-block; background: black; color: white; text-transform: uppercase; font-family: "verlag-bold", sans-serif; font-size: 18px; padding: 3px 12px; position: absolute; top: calc(50% - 15px); right: -58px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tasaciones-info .format.alquiler { right: -72px; } .tasaciones-info h4 { display: inline-block; padding-right: 33%; margin: 0; color: black; text-transform: uppercase; font-family: "verlag-bold", sans-serif; font-size: 22px; } .tasaciones-info h5 { font-family: "verlag-bold", sans-serif; font-size: 21px; text-transform: none; color: white; margin: 0 0 15px 0; } .tasaciones-info .price { position: absolute; top: 20px; right: 35px; color: white; font-family: "Lora", serif; font-size: 31px; } .tasaciones-info .price span { font-size: 21px; } .tasaciones-info .type { color: white; text-transform: uppercase; font-family: "verlag-bold", sans-serif; font-size: 14px; margin: 0 0 20px 0; } .tasaciones-info ul { list-style: none; padding: 0; margin: 0; } .tasaciones-info li { display: inline-block; padding: 0 20px; border-right: 1px solid #184543; color: white; font-family: "Lora", serif; font-style: italic; font-size: 29px; } .tasaciones-info li:first-child { padding-left: 0; } .tasaciones-info li:last-child { border: none; } .tasaciones-info li span { color: white; text-transform: uppercase; font-family: "verlag-bold", sans-serif; font-size: 13px; font-style: normal; } @media screen and (max-width: 1200px) { .tasaciones-info li { padding: 0 15px; font-size: 26px; } .tasaciones-info li span { font-size: 10px; } } @media screen and (max-width: 992px) { .tasaciones-info .price { position: relative; left: 0; top: 0; margin: 5px 0; } .tasaciones-info h4 { padding: 0; } } @media screen and (max-width: 768px) { .tasaciones-info .format, .tasaciones-info .alquiler { right: 0 !important; top: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } } @media (max-width: 530px) { .tasaciones-info li { padding: 0 10px; } .tasaciones-info > div { padding: 20px 15px; } } @media (max-width: 450px) { .tasaciones-info li { padding: 0 5px; font-size: 18px; } } .propiedad-header { background: #9a9a98; border: 1px solid #c6c6c6; padding: 20px 0; } .propiedad-header .container { position: relative; } .propiedad-header .close-btn { font-family: "verlag-bold", sans-serif; font-size: 55px; position: absolute; top: 10px; right: -30px; z-index: 3; } .propiedad-header .close-btn a { color: black; padding: 0; margin: 0; display: inline-block; } .propiedad-header .close-btn a:hover { text-decoration: none; } @media screen and (max-width: 768px) { .propiedad-header .close-btn { position: relative; right: 0; } .propiedad-header .close-btn a { margin: 0 0 15px auto; float: right; } } .propiedad-header .title.medium { margin: 0; font-size: 32px; } .propiedad-header .title.small { margin: 0 0 25px 0; font-size: 22px; } .propiedad-header p { color: black; font-size: 17px; text-transform: uppercase; margin: 0; font-family: "verlag-bold", sans-serif; } .propiedad-header .price { font-size: 33px; font-family: "Lora", serif; } .propiedad-header .price span { font-size: 21px; } .propiedad-header .type { background: #c6c6c6; display: inline-block; color: white; text-transform: uppercase; font-size: 20px; font-family: "verlag-bold", sans-serif; padding: 4px 10px; margin: 10px 0 0 0; } .propiedad-slider { margin: 40px 0 70px 0; } .propiedad-info { margin-bottom: 30px; } .propiedad-info ul { list-style: none; padding: 0; margin: 0; } .propiedad-info li { display: inline-block; padding: 0 20px; border-right: 1px solid #184543; color: black; font-family: "Lora", serif; font-style: italic; font-size: 30px; } .propiedad-info li em { font-size: 22px; } .propiedad-info li:first-child { padding-left: 0; } .propiedad-info li:last-child { border: none; } .propiedad-info li span { color: #706f6f; text-transform: uppercase; font-family: "verlag-bold", sans-serif; font-size: 12px; font-style: normal; } @media screen and (max-width: 1200px) { .propiedad-info li { padding: 0 15px; font-size: 26px; } .propiedad-info li span { font-size: 10px; } } @media (max-width: 530px) { .propiedad-info li { padding: 0 10px; } .propiedad-info > div { padding: 20px 15px; } } @media (max-width: 450px) { .propiedad-info li { padding: 0 5px; font-size: 18px; } } @media screen and (max-width: 768px) { .propiedad-info .btn-primary { display: block; margin: 30px 0 0 0; } } .propiedad-content { padding: 30px 0; } .propiedad-content h6 { text-transform: uppercase; font-family: "Lato", sans-serif; font-size: 25px; margin: 0 0 50px 0; color: black; } .propiedad-content h6 strong { font-weight: 700; } .propiedad-content img { max-width: 300px; margin: 0 auto 130px auto; } .propiedad-content .title { font-size: 20px; display: block; margin: 0 0 10px 0; } .propiedad-content p { font-family: "Lato", sans-serif; color: black; font-size: 15px; } .propiedad-content ul { list-style: none; padding: 0; margin: 0 0 30px 0; } .propiedad-content li { color: black; font-family: "Lato", sans-serif; font-size: 15px; } .propiedad-content .content { margin-bottom: 30px; } #map2 { width: 100%; height: 280px; margin: 0 0 30px 0; }