/* Theme Name: Plantilla Boas de Ibiza 2023 Theme URI: www.boasdeibiza.com Author: We Love Media S.L. Author URI: https://www.welovemedia.es/ Description: Plantilla para la web de Boas de Ibiza Version: 1.0 */ /* Gris oscuro: #3F5252 Rojo: #F76555 Marron oscuro: #DAD2BC dad2bc Beige: #DAD2BC Azulito: rgba(175,214,212,0.48) !important Dorado: #7b5f39 */ .gallery-wrapper { height: 100vh; display: flex; align-items: center; overflow: hidden; } .gallery { display: flex; width: 400%; height: 80vh; } .gallery img { width: 45vw; object-fit: cover; padding: 0 50px } /**/ .fdis{font-family: degular-display, sans-serif;font-weight: 200;font-style: normal;} .ftext{font-family: degular-text, sans-serif;font-weight: 300;font-style: normal;} .animated{animation-duration: 2.5s !important;} body{background-color: #dad2bc80 !important; font-family: degular-text, sans-serif !important; color: #3F5252 !important; font-weight: 300 !important; font-size: 24px !important; line-height: 1.2em ; overflow-x: hidden} p{line-height: 1.2em !important} h1{font-size: 80px !important; line-height: 1em !important} .imgw100 *{width: 100%} .hidden {display: none !important;} #to-top-btn{position: fixed; bottom: 30px; right: 30px; cursor: pointer; display: none; z-index: 1} #to-top-btn.show{display: block} h2.fdis{font-size: 65px; line-height: 1em} .btn_flecha{display: inline-block; position: relative; padding-right: 30px; text-decoration: none; color: black; font-size: 26px} .btn_flecha:after{ content: ''; display: block;background-image: url('images/flecha.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: 20px; width: 120px; height: 40px; position: absolute; right: -60px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease;} .btn_flecha:hover{color: #000} .btn_flecha:hover::after { transform: translate(5px, -50%); } .btn_flecha.white{color: #fff} .btn_flecha.white:after{background-image: url('images/flecha-white.png');} .btn_red{background-color: #F76555; border: 1px solid #F76555; color: #EEEADF; padding: 10px 30px; text-transform: uppercase; border-radius: 30px; font-size: 18px; text-decoration: none; transition: background-color 0.3s ease-in-out;} .btn_red:hover{background-color: transparent; color: #F76555} /* Header */ .frasetop{color: #DAD2BC; margin-bottom: 0; padding-left: 30px} .right_top span{font-size: 16px; padding-left: 5px; font-weight: 400 !important} .burger::before, .burger::after {width: 35px !important;left: -7px;} .idiomasheader li {list-style: none; display: inline-block; position: relative;} .idiomasheader > li > ul { -ms-transition: none; z-index: 10; -webkit-transition: none; transition: none; display: block !important; width: 5em; -webkit-box-shadow: 0px 19px 35px rgba(0,0,0,0.11); box-shadow: 0px 19px 35px rgba(0,0,0,0.11); padding: 15px 20px; position: absolute; top: -999em; background-color: #454545; text-align: center !important; left: 0px;} .idiomasheader > li:hover > ul { top: 29px;} .idiomasheader > li > ul a, .idiomasheader span{text-transform: uppercase; text-decoration: none; cursor: pointer; color: #fff; font-size: 16px} body.home .logoblack{display: none} body:not(.home) .logowhite{display: none} body:not(.home) header{background-color: #DAD2BC} body:not(.home) header *{color: #3F5252 !important} /* Menu mov */ #menulat{background-color: #DAD2BC !important} .profile p{font-size: 14px; padding: 20px 0;} #menulat .nav li{display: block; width: 100%; padding-bottom: 10px; transition: background-color 0.5s ease-in-out;} #menulat .nav li a{text-decoration: none; color: #000; font-size: 32px; line-height: 1.3em; padding: 10px 0; display: block; transition: color 0.5s ease-in-out;} #menulat .nav li:hover{background-color: rgb(123, 95, 57, 0.2)} .share .iphone p, .share .iwhatsapp p, .share .imail p{margin-bottom: 10px !important} .share .iphone a, .share .iwhatsapp a, .share .imail a{font-size: 18px;} .imail p:before{content: ""; display: block; background-image: url('images/envelope.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 30px; height: 30px; float: left} .show-sidebar #mburger{left: inherit; right: 0} .side-inner .row{margin-top: 80px} .side-inner ul{border-top: 1px solid #000} .side-inner ul li{border-bottom: 1px solid #000} .side-inner p.tbig{font-size: 28px; line-height: 1.2em; margin-bottom: 60px;color: #000} .side-inner p.tbig a{color: #000} .llegar span{ padding-left: 10px} .llegar{color: #000;} .llegar:hover, .side-inner p.tbig a:hover{color: #7b5f39 !important} body:not(.home) .burger::before, body:not(.home) .burger span, body:not(.home) .burger::after{background: #3F5252} aside .side-inner .col-12 p{font-size: 20px; color: #000} .burger.active span{transition: transform 0.3s ease;} .burger.active:hover:before {transform: rotate(90deg) !important;} .burger.active:hover:after {transform: rotate(0deg) !important;} .show-sidebar aside .toggle .burger::before, .show-sidebar aside .toggle .burger span, .show-sidebar aside .toggle .burger::after {background: #000 !important; } #menulat .nav li a:before{color: #7b5f39 !important; font-size: 24px; padding-right: 20px; transition: color 0.5s ease-in-out;} #menulat .nav li:first-child a:before{content: "01";} #menulat .nav li:nth-child(2) a:before{content: "02";} #menulat .nav li:nth-child(3) a:before{content: "03";} #menulat .nav li:nth-child(4) a:before{content: "04";} #menulat .nav li:nth-child(5) a:before{content: "05";} #menulat .nav li:nth-child(6) a:before{content: "06";} #menulat .nav li:hover a, #menulat .nav li:hover a:before{color: #3F5252 !important} /* Footer */ footer{padding-top: 100px; background-color: #3F5252} footer #footertop.container .row{position: relative; line-height: 90px} .frasefooter{position: absolute; font-size: 90px; color: #DAD2BC; text-align: center; z-index: 0; font-family: degular-text, sans-serif; opacity: 0.3} footer #footertop .nav li a{text-decoration: none; color: #DAD2BC; text-transform: uppercase; font-size: 20px; padding: 0 20px; z-index: 1} footer .nav{z-index: 1} #legal .nav{justify-content: center; padding: 50px 0} footer #legal .nav li a{text-decoration: none; color: #DAD2BC; font-size: 20px; padding: 0 20px; z-index: 1} #contentfooter{margin-top: 60px} #contentfooter p{color: #DAD2BC; font-size: 24px} #contentfooter p.tbig{font-size: 36px; line-height: 1.2em; margin-bottom: 60px} #contentfooter p.tbig a{color: #dad2bc} footer a:hover{opacity: 0.7} /* Home */ .home header{position: absolute; top: 0; z-index: 100; width: 100%} .titslide{font-family: degular-display, sans-serif !important; /*font-size: 66px !important;*/ line-height: 1em !important} .btn_slide{font-size: 18px !important; font-family: degular-text, sans-serif !important; line-height: 1em !important; padding: 10px 30px 13px !important; font-weight: 300;} #home1{padding: 80px 0} #home1 h1{margin-bottom: 30px} /*#home1 p, #home3 p{font-size: 36px; line-height: 1.2em}*/ #home1 .vc_col-md-5{animation-delay:1s} #home1 .vc_col-md-7 .vc_column-inner{padding-right: 60px} #home2 .fdis{font-size: 60px} #home2 .vc_column-inner{text-align: center} #home2 .wpb_text_column p{font-size: 26px; line-height: 1.2em} #home2 .wpb_single_image{margin-bottom: 28px} #home2 .wpb_single_image img{margin-top: 15px} #home3{margin-top: 150px } #home4{margin: 100px 0 20px 0} #home4 .wpb_wrapper {white-space: nowrap; overflow: hidden; position: relative; } #home4 .scrolltext{display: inline-block; font-size: 120px; animation: marquee 50s linear infinite; color: rgba(123, 95, 57, 1)} @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } #home5{min-height: 75vh} #home5 .vc_custom_heading{line-height: 1; margin-bottom: 20px} #home5 p{color: rgba(218, 210, 188, 1); max-width: 700px} #home5 .vc_col-sm-6.vc_parallax{animation-delay: 0.8s} #home6 .vc_col-sm-4:first-child .wpb_single_image{animation-delay: 0.5s} #home6 .vc_col-sm-4:nth-child(2) .wpb_single_image{animation-delay: 1s} #home6 .vc_col-sm-4:nth-child(3) .wpb_single_image{animation-delay: 1.5s} #home7 {margin-top: 100px} #home7 .fdis{font-size: 40px; max-width: 420px; margin-bottom: 35px} #b7home .fdis{font-size: 56px; text-transform: uppercase} #galerria .wpb_raw_code{margin-bottom: 0} #home2a{margin: 100px 0} #home2b h2{position: relative; z-index: 10} /**/ #b1home{margin-top: 80px} #h1home{font-family: "Mograph"; font-size: 56px; color: #DAD2BC; line-height: 1.2em; } .btn_venta{background-color: #AFD6D4; border: 1px solid #AFD6D4; color: #000; border-radius: 30px; padding: 10px 30px; text-decoration: none; min-width: 150px; display: inline-block; text-align: center; text-transform: uppercase} .btn_venta:hover, .btn_alquiler:hover{background-color: transparent; color: #000} .btn_alquiler{background-color: #DAD2BC; border: 1px solid #dad2bc; color: #000; border-radius: 30px; padding: 6px 30px 10px; text-decoration: none; min-width: 150px; display: inline-block; text-align: center; text-transform: uppercase} #b1home .btn_venta{margin-right: 25px} #b2home{margin-top: 40px} /*#b2home img{max-width: 1000px; display: inline-block}*/ #b2home .wpb_gallery{max-width: 1000px} #b2home .flexslider{border: none; background-color: transparent} #b3home{margin-top: 60px} #b3home .vc_col-sm-6 .vc_column-inner{padding-left: calc(100% - 660px); padding-right: 100px} #b3home .vc_col-sm-6 p{font-size: 36px; line-height: 1.2em} #b4home{margin: 120px 0} #b4home .vc_col-sm-8 .vc_column-inner{padding-left: calc(82% - 660px); padding-right: 50px;} #b4home .vc_col-sm-8 p{font-size: 36px; line-height: 1.2em} #b4home .wpb_raw_code{padding-right: 130px; padding-bottom: 70px;} #b4home .wpb_raw_code .btn_alquiler{margin-top: 20px} #b4home .vc_col-sm-8 .wpb_single_image{padding-left: 100px} #b5home{padding: 100px 20%} #b5home h2{font-size: 46px; line-height: 1.2em} #b5home p{font-size: 36px; line-height: 1.2em} #b5home .vc_col-sm-6:first-child{padding-left: 40px; padding-top: 40px; padding-right: 40px} #b5home .vc_col-sm-6:first-child .vc_column-inner{max-width: 550px} #b5home .vc_col-sm-6:last-child .vc_column-inner{max-width: 800px} #b6home{padding-left: 20%} #b7home{text-align: center; padding: 100px 0 0} #b7home h3{font-size: 46px; font-family: "Mograph"; padding-bottom: 10px} #b7home .wpb_single_image{margin-bottom: 0} #b7home .wpb_text_column{max-width: 1200px; margin: 0 auto 80px;} #b8home{height: 80vh; min-height: 600px; padding: 60px; position: relative} #b8home h3{font-size: 56px; font-family: "Mograph"; color: #3F5252} #b8home .btn_venta{position: absolute; bottom: 0; right: 0} #b8home .wpb_column{height: 100%} /* Listado */ #pagetop_apart{margin-top: 40px} #pagetop_apart h1{font-size: 60px; font-family: "Mograph"} .single_ap{position: relative; margin-bottom: 60px} .single_ap img{width: 100%} .labelred{background-color: #F76555; color: #000; text-transform: uppercase; font-size: 16px; border-radius: 25px; padding: 7px 30px} .single_ap .labelred{position: absolute; top: 20px; right: 20px} .single_ap h2{font-family: "Mograph"; font-size: 32px; padding-top: 20px} .single_ap h2 a{text-decoration: none; color: #DAD2BC} .backap{position: absolute; top: 0; background: rgba(0,0,0,0.6); width: calc(100% - 24px); height: calc(100% - 67px); padding: 40px; visibility: hidden; opacity: 0; transition: all 0.2s} .single_ap:hover .backap{visibility: visible; opacity: 1;} .link_more{border-radius: 25px; padding: 10px;} .link_more img{width: 30px} .frontap .link_more{background-color: #3F5252; bottom: 85px} .backap .link_more{background-color: #DAD2BC; bottom: 20px; right: 18px !important;} .single_ap .link_more{position: absolute; right: 30px;} .backmetros{font-family: "Mograph"; font-size: 26px; margin-bottom: 30px} .backap .icarac{color: #fff; font-size: 26px; font-family: "Mograph"; margin-bottom: 15px} .backap .icarac .ihabitaciones{background-image: url('images/i-habitacionesw.svg'); width: 35px; height: 35px} .backap .icarac .iduchas{background-image: url('images/i-duchasw.svg'); width: 35px; height: 35px} .backap .icarac .igarage{background-image: url('images/i-garagew.svg'); width: 35px; height: 35px} #filt_pers{margin: 30px 0} #filt_pers select{background-color: transparent; border-radius: 25px; border: 1px solid #DAD2BC; padding: 10px 30px; color: #DAD2BC; min-width: 200px; appearance:none; cursor: pointer} #filt_pers .contsel{position: relative; float: left; margin-right: 20px; cursor: pointer} #filt_pers .contsel:before{content: ""; display: inline-block; background: url('images/arrow-down.svg') no-repeat; width: 20px; height: 20px; position: absolute; right: 25px; background-size: contain; top: 50%; transform: translateY(-50%);pointer-events: none;} #filt_pers .btn{background-color: #DAD2BC; color: #7B5F39; text-transform: uppercase; padding: 12px 30px; border-radius: 25px; min-width: 200px} .forms{margin-bottom: 50px} /* Apartamentos */ /*#apart1{text-align: center; margin: 80px 0 50px;position: relative} #apart1 .wpb_single_image{position: absolute; top: -150px; right: calc(50% - 250px)} #apart1 img{max-width: 500px}*/ .contenedor {display: flex; justify-content: center; position: relative} .botones {margin-right: 20px;} .div-contenido > a {display: none; background-color: #F76555; border: 1px solid #F76555; color: #DAD2BC; padding: 8px 20px 10px 20px; float: left; border-radius: 30px; text-decoration: none; line-height: 22px; font-size: 22px;} .div-contenido > a:hover{background-color: transparent; color: #F76555} .div-contenido a.activo:after{content: ""; display: inline-block; background-image: url('images/arrow-down.svg'); background-repeat: no-repeat; width: 16px; height: 16px; background-size: contain; margin-left: 15px} .div-contenido > .activo {display: block;} .botones p, .div-contenido p{float: left; margin: 3px 20px 0 0; font-size: 22px} .botones div{background-color: #F76555; border: 1px solid #f76555; border-radius: 30px; padding: 7px 10px 11px; color: #DAD2BC; float: left; margin-right: 10px; width: 45px; line-height: 25px; font-size: 25px; cursor: pointer; text-align: center} .botones div:hover{background-color: transparent; color: #f76555} #apart2{margin: 80px 0 60px} #apart2 h2{ line-height: 1; /*max-width: 650px;font-size: 65px;*/ margin-bottom: 30px} #apart2 .wpb_raw_code{margin-top: 10px} .menuanchor{padding-left: 30px} .menuanchor p{margin-bottom: 5px} .menuanchor a{font-size: 26px; color: #000; line-height: 1} .menuanchor a:hover{background-color: rgba(175,214,212) !important; color: #000} #apart2 .vc_col-lg-5{padding-right: 5%} #apart3 .vc_col-sm-5:nth-child(3){position: relative; top: 200px; left: -120px} #apart4{padding: 100px 0} #apart4 h2{font-size: 65px; margin-bottom: 20px; text-transform: uppercase; font-family: degular-display, sans-serif;} #apart5{margin-bottom: 100px} #apart5 .vc_pageable-load-more-btn{display: none} #apart5 h2{text-align: center; position: absolute; z-index: 10; left: 60px; color: #7B5F39; font-size: 100px; top: 30px} #apart5 .vc_col-sm-3 *{height: 100%} #apart5 .vc_col-sm-3 img{object-fit: cover; } #apart5 .wpb_single_image, #apart5 .wpb_raw_code{margin-bottom: 0} #apart5 .btn_alquiler{position: absolute; bottom: 40px; right: 60px} #apart6 h2, #apart7 h2{font-size: 100px; color: #7B5F39; text-transform: uppercase} #apart6{margin-top: 100px; margin-bottom: 100px} #apart6 h2{margin-bottom: 60px} #apart6 p{font-size: 24px; line-height: 1.2em} #apart6 img{height: 90px} #apart6 .wpb_text_column{text-align: center; margin-bottom: 50px} #apart6 .wpb_single_image{margin-bottom: 10px} #apart7{margin: 100px 0} #apart7 .wpb_text_column .wpb_fadeIn{padding: 20px 0} #apart8{padding-top: 80px; padding-bottom: 80px} #apart8 .wpcf7-submit{background-color: #F76555; border: 1px solid #F76555; color: #EEEADF; padding: 10px 30px; text-transform: uppercase; border-radius: 30px; font-size: 18px; text-decoration: none; line-height: 1} #apart8 .wpcf7-acceptance .wpcf7-list-item-label{font-size: 16px} #apart8 .legal p{font-size: 16px; line-height: 1} #apart8 h3{font-size: 56px; margin-bottom: 60px} #apart8 input.wpcf7-text, #apart8 input.wpcf7-email {background-color: transparent; border: 0; border-bottom: 1px solid #3F5252; font-size: 26px; margin-bottom: 30px; width: 100%} #apart8 label{font-size: 26px} #apart8 textarea{background-color: transparent; border: 1px solid #3F5252; width: 100%; margin-top: 5px} input:focus, textarea:focus{border-color: #3F5252 !important; outline: none} #apart8 .col-lg-6{max-width: 40%; overflow: hidden; margin-right: 10%;} .wpcf7-not-valid-tip{font-size: 16px} .wpcf7-list-item{margin-left: 0; } .bservicios p{width: 50%; float: left} .bservicios p:before{content: ""; display: inline-block; background-image: url('images/i-check-b.svg'); width: 26px; height: 24px; margin-right: 10px; background-size: contain; background-repeat: no-repeat} #apart2 .wpb_wrapper p { opacity: 0; animation: fadeIn 1s forwards; } @keyframes fadeIn { to { opacity: 1; } } #apart2 .wpb_wrapper p:nth-child(1) { animation-delay: 0.2s; } #apart2 .wpb_wrapper p:nth-child(2) { animation-delay: 0.4s; } #apart2 .wpb_wrapper p:nth-child(3) { animation-delay: 0.6s; } #apart2 .wpb_wrapper p:nth-child(4) { animation-delay: 0.8s; } #apart2 .wpb_wrapper p:nth-child(5) { animation-delay: 1s; } #apart2 .wpb_wrapper p:nth-child(6) { animation-delay: 1.2s; } /*#b_apartamento{max-width: calc(100% - 15px)}*/ .royalSlider.rsDefault .rsBullets{background-color: transparent; bottom: 10px} .royalSlider.rsDefault .rsBullet, .royalSlider.rsDefault .rsBullet span{width: 15px; height: 15px} #top_apar{width: 100% !important; margin: 0;} #top_apar .vc_column-inner{padding: 0} #top_apar .vc_column-inner > .wpb_wrapper{position: relative} #top_apar h1{position: absolute; top: 150px; padding-left: 20%; z-index: 1; font-family: 'Mograph'; color: #7B5F39; font-size: 60px} #sec_apart{max-width: 1600px; margin: 60px auto 0; width: calc(100% - 80px)} #sec_apart h2.fmograph{font-size: 60px} #sec_apart .text_desc p{font-size: 26px; line-height: 1.5em} .caract_apar{margin-top: 80px !important; margin-bottom: 80px} .caract_apar h2, .serv_apar h2, .desc_apar h2{text-transform: uppercase; font-size: 24px; padding-bottom: 30px} .desc_apar{margin-top: 80px !important; margin-bottom: 80px !important} .desc_apar a{font-size: 26px; color: #DAD2BC} #sec_footapart{max-width: 1400px; margin: 80px auto; padding-right: 180px; width: calc(100% - 100px)} #sec_footapart p{font-family: 'Mograph';} .contacta_apart{padding-left: 100px !important; padding-top: 80px} .contacta_apart h3{font-size: 36px} .contacta_apart .btn_boas{background-color: #F76555; color: #000; text-transform: uppercase; padding: 10px 30px; margin-top: 20px; margin-bottom: 30px; border-radius: 30px; border: none; display: inline-block} .contacta_apart .wpb_text_column{margin-bottom: 25px} .contacta_apart .vc_column-inner > .wpb_wrapper > *:not(.wpb_single_image){padding-left: 100px !important} .contacta_apart .wpb_single_image{margin-top: 100px} .contacta_apart .modal-dialog{max-width: 800px} .contacta_apart .modal-content{background-color: #454545} .contacta_apart .modal-body{padding: 30px} .contacta_apart .modal-body h2{margin-bottom: 20px} .contacta_apart .wpcf7-form .row{margin-bottom: 20px} .contacta_apart .wpcf7-form input, .contacta_apart .wpcf7-form select, .contacta_apart .wpcf7-form textarea{width: 100%; padding: 5px; margin-top: 5px} .contacta_apart .wpcf7-form label{width: 100%} .contacta_apart .wpcf7-submit{background-color: #DAD2BC; color: #000; border-radius: 25px; padding: 10px 30px !important; text-decoration: none; min-width: 150px; display: inline-block; text-align: center; text-transform: uppercase; width: auto !important; border: none} .contacta_apart .wpcf7-not-valid-tip{color: #fff; font-size: 14px} .iphone a, .iwhatsapp a, .imail a{color: #FFFFFF; font-size: 22px; text-decoration: none} .iphone p:before{content: ""; display: block; background-image: url('images/phone.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 30px; height: 30px; float: left} .iwhatsapp p:before{content: ""; display: block; background-image: url('images/whatsapp.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 30px; height: 30px; float: left} .icarac{display: flex !important;align-items: center !important;font-size: 26px; margin-bottom: 30px} .icarac i{background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 45px; height: 45px} .imetros{background-image: url('images/i-metros-b.svg'); } .imetros_terraza{background-image: url('images/i-terraza-b.svg');} .ihabitaciones{background-image: url('images/i-habitaciones-b.svg');} .iduchas{background-image: url('images/i-duchas-b.svg');} .iwc{background-image: url('images/i-wc-b.svg');} .igarage{background-image: url('images/i-garage-b.svg');} .serv_apar .col-lg-5{display: flex !important;align-items: center !important;font-size: 26px; margin-bottom: 20px} .icheck{background-image: url('images/i-check.svg');background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 23px; height: 23px} .iplanos{background-image: url('images/i-plano.svg');background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 45px; height: 45px} .ifolleto{background-image: url('images/i-notas.svg');background-repeat: no-repeat; background-position: center center; background-size: contain; margin-right: 20px; width: 45px; height: 45px} /* El edificio */ #bedificio1{margin: 120px 0 100px} #bedificio1 h1, .bedificio1 h1{font-size: 100px; margin-bottom: 40px} .bedificio1 .vc_col-sm-7 .vc_column-inner{padding-right: 50px} .bedificio1 .wpb_single_image {padding: 60px;} #bedificio2 h2{padding-left: 100px} #bedificio3{margin: 150px 0} #bedificio3 .wpb_column:first-child .vc_column-inner *{height: 100%} #bedificio3 img{object-fit: cover} #bedificio3 .wpb_text_column{padding: 20px 0} #bedificio4 h2{font-size: 65px; text-transform: uppercase; margin-bottom: 25px} #bedificio4 p{text-align: center; max-width: 1000px; margin: 0 auto 40px} #bedificio5{margin: 120px 0} #bedificio5 h3{color: #7B5F39; font-size: 90px; padding-top: 10px} #bedificio5 h2{color: #7B5F39; font-size: 150px; margin-bottom: 40px; position: relative; left: -200px; width: auto; white-space: nowrap; line-height: 0.7em} /*#bedificio5 p{font-size: 26px}*/ #bedificio5 .vc_col-sm-6:last-child{padding-left: 50px} #bedificio6{margin-bottom: 100px} #bedificio6 h2{text-align: center !important; color: #7B5F39; font-size: 120px; text-transform: uppercase; margin-bottom: 30px} #bedificio6 p{font-size: 24px ; text-align: center} #bedificio6 .wpb_single_image{margin-bottom: 20px} #bedificio6 .vc_row{margin-top: 60px} #bedificio7 h2{color: #AFD6D4; font-size: 120px; padding-top: 35%} #bedificio7 p{color: #AFD6D4; font-size: 26px} #bedificio6 .vc_row .wpb_column { opacity: 0; animation: fadeIn 1s forwards; } #bedificio6 .vc_row .wpb_column:nth-child(1) {animation-delay: 0.4s; } #bedificio6 .vc_row .wpb_column:nth-child(2) {animation-delay: 0.8s; } #bedificio6 .vc_row .wpb_column:nth-child(3) {animation-delay: 1.2s; } #bedificio6 .vc_row .wpb_column:nth-child(4) {animation-delay: 1.6s; } #bedificio6 .vc_row .wpb_column:nth-child(5) {animation-delay: 2s; } #bedificio6 .vc_row .wpb_column:nth-child(6) {animation-delay: 2.4s; } #bedificio4a{margin: 100px 0 40px} /*#bedificio4a p{font-size: 26px;}*/ #bedificio4a h2{text-transform: uppercase} #bedificio4a .vc_col-md-6:first-child .vc_column-inner{padding-left: 50px} #bedificio4a .vc_col-md-6 .vc_single_image-img{position: absolute; top: 0} #home2b{margin-top: 120px} #home2b .wpb_single_image{position: relative; top: -130px; z-index: -1;} /* About */ #babout1 .vc_col-lg-4:nth-child(3){padding-left: 100px} #babout1 h1{font-size: 100px} #babout1 p{margin: 40px 0} #babout2{overflow: visible} #babout2 .vc_col-md-6:first-child{position: relative; top: -200px; z-index: 10; left: -100px} #babout2 .vc_col-md-6:last-child .wpb_single_image:first-child{position: relative; left: -200px; z-index: 11; margin-top: 50px} /* Servicios */ #bservicios1{margin-top: 70px; margin-bottom: 100px} #bservicios1 h1{font-size: 100px; margin-bottom: 20px} /*#bservicios1 .wpb_column:last-child{margin-top: 100px}*/ .vc_tta-panel-heading{background: transparent !important; border: 0 !important} .vc_tta-panel-title span{color: #3F5252; font-family: degular-display; font-size: 36px; font-weight: 300} .vc_tta.vc_general .vc_tta-panel{border-bottom: 1px solid #3F5252; padding-bottom: 20px} .vc_tta.vc_general .vc_tta-panel-title > a{padding-top: 30px !important; padding-right: 70px !important} .vc_tta-panel-body p{font-size: 26px} .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon{right: 0; width: 35px; height: 35px; border-radius: 25px; background-color: #7B5F39} #bservicios1 .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before{border-width: 1px 0 0 0 !important; left: 7px; right: 7px; border-color: #fff !important} #bservicios1 .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after{border-width: 0 0 0 1px !important; bottom: 7px; top: 7px} #bservicios1 .vc_col-sm-7 {margin-top: 20px} #bservicios1 .vc_col-sm-7 .listservicios p{font-size: 36px; border-bottom: 1px solid; padding: 20px 0; font-weight: 300; font-family: degular-display; margin: 0} #bservicios1 .listservicios .wpb_wrapper, #bservicios1 .vc_tta-panels{border-top: 1px solid} /* Otros */ .wpb_gmaps_widget .wpb_wrapper{padding: 0 !important} #pcontacto .wpcf7-form input, #pcontacto .wpcf7-form textarea{width: 100%; padding: 5px; margin-top: 5px} #pcontacto .wpcf7-form label{width: 100%} #pcontacto .wpcf7-submit{background-color: #DAD2BC; color: #000; border-radius: 25px; padding: 10px 30px !important; text-decoration: none; min-width: 150px; display: inline-block; text-align: center; text-transform: uppercase; width: auto !important; border: none} #pcontacto .wpcf7{margin: 40px 40px 100px 0} .blegal *{font-size: 24px} .wpb_text_column a{color: #3F5252} .wpb_text_column a:hover{color: #7B5F39} .creditos{font-size: 16px !important} #brenovacionluces{padding: 80px 0} @media (min-width:1921px){ body,p{font-size: 34px; line-height: 1.2em} h1{font-size: 100px !important; line-height: 1em !important} } @media (max-width:1920px){ h2.fdis{font-size: 50px} #bedificio5 h3{font-size: 80px; padding-top: 20px; line-height: 1; margin-bottom: 0} #bedificio5 h2{font-size: 130px; left: -175px; margin-bottom: 20px} .bedificio1 .wpb_single_image{padding: 0} .bedificio1 .wpb_single_image img {max-width: 370px} .bedificio1 .vc_col-sm-7 .vc_column-inner{padding-top: 40px} } @media (max-width:1599px){ header img{max-width: 300px} .frasetop{padding-left: 20px;font-size: 16px;} aside .toggle{padding-top: 35px !important} #b5home {padding: 100px 10%;} #b6home {padding-left: 10%;} #top_apar .royalSlider{height: calc(-100px + 100vh) !important} #home5 .vc_custom_heading.fdis, #apart6 h2, #apart7 h2, #apart5 h2, #bedificio2 h2, #bedificio6 h2, #bedificio7 h2, #bedificio1 h1{font-size: 80px !important} #bedificio1{margin-top: 80px} #babout1{padding-top: 30px !important} #babout1 p{margin-top: 0} #babout2 .vc_col-md-6:last-child .wpb_single_image:last-child img{max-width: 600px; width: 100%} #home4 .scrolltext{font-size: 100px} } @media (max-width:1399px){ #menulat .nav li{padding-bottom: 0} #menulat .nav li a{font-size: 24px} #menulat .nav li a::before{font-size: 21px} #b3home .vc_col-sm-6 .vc_column-inner{padding-left: 40px; padding-right: 5%} #b4home .vc_col-sm-8 .vc_column-inner{padding-left: 40px} #b4home .vc_col-sm-8 .wpb_single_image{padding-left: 0} #b4home .wpb_raw_code{padding-right: 0} .contacta_apart .vc_column-inner > .wpb_wrapper > :not(.wpb_single_image){padding-left: 20px !important} .contacta_apart { padding-left: 50px !important;} .titslide{font-size: 56px !important} #bedificio1 h1{margin-bottom: 10px} #bedificio5 h3 { font-size: 65px; padding-top: 0;} #bedificio5 h2 { font-size: 110px;} #bedificio6 .vc_row .vc_col-sm-1{display: none} #bedificio6 .vc_row .vc_col-sm-2{width: 20%} #babout1 .vc_col-lg-4:nth-child(3){padding-left: 50px; padding-right: 20px} #bedificio4a p{font-size: 22px} #contentfooter p.tbig{font-size: 30px} #home2b h2{font-size: 80px !important} #apart6 p {font-size: 20px;} #apart6 img {height: 70px;} } @media (max-width:1199px){ h1 {font-size: 68px !important;} .right_top span{display: none} #h1home{font-size: 46px} #b3home .vc_col-sm-6 p, #b4home .vc_col-sm-8 p, #b5home p{font-size: 28px} #b4home{margin-bottom: 0} #b5home h2 {font-size: 36px;} #top_apar h1{font-size: 50px; top: 100px} #sec_apart h2.fmograph{font-size: 50px} #sec_apart .text_desc p { font-size: 22px;} .caract_apar h2, .serv_apar h2, .desc_apar h2{font-size: 20px} .icarac, .desc_apar a{font-size: 22px} .icarac i, .iplanos, .ifolleto{width: 40px; height: 40px} .serv_apar .col-lg-5{font-size: 22px; margin-bottom: 15px; } #pagetop_apart h1{font-size: 50px} .backap .icarac i{width: 30px; height: 30px} .backap .icarac, .backmetros{font-size: 22px} #bedificio1 .vc_col-lg-6 .vc_column-inner{margin-left: 70px !important} #bedificio3 .wpb_single_image{margin-right: 40px !important} #bedificio5 .vc_col-sm-6:last-child { padding-left: 20px;} #bedificio6 img{max-width: 60px} #bedificio6 .vc_row p{font-size: 20px; line-height: 1.2} #bedificio4a .vc_col-md-6 .vc_single_image-img{bottom: -30px; top: inherit} #apart3 .vc_col-sm-5:nth-child(3){top: 100px; left: -100px;} #apart6 .wpb_single_image{padding-top: 30px !important; padding-bottom: 30px !important} #home4 .scrolltext{font-size: 80px} } @media (max-width:991px){ h2.fdis, #apart2 h2{font-size: 52px} header .right_top{display: none !important} footer .container{max-width: calc(100% - 80px)} footer .nav li a{font-size: 18px; padding: 0 10px;} #b1home{margin-top: 40px} #h1home {font-size: 36px;} #b3home .vc_col-sm-3:nth-child(2) .vc_column-inner{padding-right: 10px !important} #b3home .vc_col-sm-3:last-child .vc_column-inner{padding-left: 10px !important} #home3{margin-bottom: 50px} #babout2 .vc_col-md-6:last-child .wpb_single_image:first-child{left: 0; margin-top: 0} .contacta_apart{padding: 0 !important} #sec_footapart{padding-right: 0} .contacta_apart .vc_column-inner > .wpb_wrapper > :not(.wpb_single_image){padding-left: 0 !important} #filt_pers .contsel{margin-bottom: 20px} .titslide {font-size: 46px !important; } .gallery-wrapper{height: auto} .gallery{display: block; width: 100%; height: auto} .gallery img{padding: 15px 30px; width: 100%} #home5 .vc_col-md-6.vc_parallax .vc_column-inner:before, #home5 .vc_col-sm-6:nth-child(2) .vc_column-inner:before{padding-bottom: 75%} footer{padding-top: 50px} #contentfooter{margin-top: 0} footer .nav{display: flex; justify-content: center} footer #footertop.container .row{line-height: 30px} #contentfooter p.tbig, #contentfooter p{font-size: 20px} .side-inner p.tbig, .llegar span{font-size: 20px} .show-sidebar #mburger{padding-right: 0} #home5 .vc_custom_heading.fdis, #apart6 h2, #apart7 h2, #apart5 h2{font-size: 64px !important} .botones p, .div-contenido p{width: 100%; margin-bottom: 10px} #apart7 .wpb_text_column{margin-bottom: 40px} #bedificio1{margin-top: 20px; margin-bottom: 20px} #bedificio1 .vc_col-lg-6 .vc_column-inner{margin-left: 0 !important} #bedificio1 .vc_col-lg-4{padding-left: 30px; padding-right: 30px} #bedificio2 h2{padding-left: 0} #bedificio3{margin: 50px 0 100px} #bedificio3 .vc_col-md-6{order: 2} #bedificio3 .vc_col-md-5 .vc_column-inner{padding: 0 30px} #bedificio3 .wpb_single_image{margin-right: 0 !important} #bedificio4 .vc_column-inner{padding: 0} #bedificio4 .vc_custom_heading, #bedificio4 .wpb_text_column{padding: 0 30px} #bedificio5{margin-bottom: 0} #bedificio5 .wpb_text_column{display: none !important} #bedificio5 .vc_col-sm-6:last-child{padding-left: 10px !important; margin-top: 40px} #bedificio5 h3 {font-size: 52px;} #bedificio5 h2 {font-size: 90px; left: -110px} #bedificio5 .vc_col-sm-6:first-child{padding: 0} #bedificio6 .wpb_single_image{padding: 40px 0 !important} #bedificio6 img{max-width: 50px} #bedificio6 .vc_row .wpb_column:nth-child(3) .wpb_single_image{padding: 36px 0 !important} #bedificio6 .vc_row p{font-size: 18px} #bedificio7 .vc_col-sm-4 .vc_column-inner{padding: 0 20px} #bedificio7 p{font-size: 20px} #babout2 .vc_col-md-6:first-child{top: 20px; left: 0} #babout2 .vc_col-md-6:last-child{top: 20px; left: 0} #bedificio4a .vc_col-md-6 .vc_single_image-img{position: relative; bottom: inherit} #bedificio4a .vc_col-md-6:first-child .vc_column-inner{padding-left: 0px} #bservicios1 .vc_tta-panel-title span{font-size: 28px} #bservicios1 .vc_tta.vc_general .vc_tta-panel-title > a{padding: 20px 0 5px 0 !important} #bservicios1 .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon{top: 38px; right: 0} #bservicios1 .vc_tta.vc_general .vc_tta-panel-body{padding: 15px 0} #bservicios1 .vc_tta-panel-body p {font-size: 20px; line-height: 1.2em} .bedificio1 .vc_col-sm-7 .vc_column-inner{padding-top: 40px} .bedificio1 .wpb_single_image img{width: 100%} #home2b .wpb_single_image{top: -100px} #bedificio4a{margin-top: 0} } @media (min-width: 768px) and (max-width:991px){ #apart2 .vc_col-sm-4 .vc_column-inner{padding: 0} #apart2 .btn_red{padding: 10px 20px} #apart2 .menuanchor{padding-left: 20px} } @media (max-width:767px){ #h1home{margin-bottom: 25px} #home1 .vc_col-md-7 .vc_column-inner{padding-right: 15px} #home1b img{max-width: 350px} #b3home .vc_col-sm-6 .vc_column-inner{margin-bottom: 40px} #b3home .vc_col-sm-3.wpb_column .vc_column-inner{padding: 0 !important} #b4home .vc_col-sm-8 .vc_column-inner{padding: 0} #b4home .wpb_raw_code{padding: 0 40px} #b5home {padding: 50px 40px;} #b5home .vc_col-sm-6:first-child{padding: 0 0 30px 0} #b6home{padding-left: 0} #home6 .vc_column-inner{padding-left: 15px !important; padding-right: 15px !important} #pagetop_apart h1 { font-size: 42px;} #menulat .nav li a{font-size: 20px} #menulat .nav li{padding-bottom: 2px} .side-inner .row {margin-top: 60px;} .side-inner p.tbig{margin: 30px 0} #apart3 .vc_col-sm-5:nth-child(3){top: 0; left: 0} #apart4{padding: 80px 0} #bedificio5{display: grid; margin-top: 20px} #bedificio5 .vc_col-sm-6:first-child{order: 2} #bedificio5 h3{text-align: center !important} #bedificio5 h2{text-align: center !important; left: inherit} #bedificio6 .vc_row .vc_col-sm-2{width: 30%; float: left;} #bedificio6 .vc_row .wpb_column:nth-child(5){clear: both} #bedificio7 h2{padding-top: 0} #babout1 .vc_col-sm-6:nth-child(2){order: 2} #babout1 .vc_col-lg-4:nth-child(3){padding-left: 30px; padding-right: 30px} #home2b h2 {font-size: 68px !important;} #home2b .wpb_single_image{top: -70px} } @media (max-width:690px){ .frasetop{display: none} footer .container .row{line-height: 1.5em} .frasefooter{font-size: 70px; line-height: 50px} #contentfooter p{line-height: 1.1em} footer .col-9{width: 100%} .contenedor{display: block} .botones{display: inline-block; margin-bottom: 20px} } @media (max-width:575px){ body,p, #bedificio4 p, .blegal *, #apart8 input.wpcf7-text, #apart8 input.wpcf7-email, #apart8 label{font-size: 20px} h1 {font-size: 50px !important;} h2.fdis, #apart2 h2 {font-size: 40px !important;} .btn_alquiler{font-size: 18px} #galerria .gallery img, #babout1 .vc_col-lg-4:nth-child(3) {padding: 15px 15px;} header img{max-width: 250px} aside .toggle {padding-top: 20px !important;} #home1{padding-top: 40px; padding-bottom: 40px} #top_apar .royalSlider{height: calc(-73px + 100vh) !important} .royalSlider.rsDefault .rsBullet, .royalSlider.rsDefault .rsBullet span { width: 10px; height: 10px;} .titslide {font-size: 38px !important; } .side-inner p.tbig, .llegar span, aside .side-inner .col-12 p{font-size: 18px} .side-inner .profile img{max-width: 80%} #apart6 .vc_column-inner{padding-left: 20px} #bedificio2{background: none !important} #bedificio2 h2{font-size: 60px !important;} #bedificio5 {grid-template-columns: 100%;} #bedificio5b .wpb_column{padding: 0 20px} #bedificio6 .vc_col-sm-12{padding: 0 20px} #bedificio6 .vc_row .wpb_column:nth-child(5){clear: inherit} #bedificio6 .vc_row .vc_col-sm-2{width: 50%; float: left} #bedificio6 .vc_row .vc_col-sm-2:nth-child(2n){clear: both} #apart8{padding-top: 0} #apart8 h3 {font-size: 40px;} #home2b {margin-top: 40px;} #home2a {margin: 50px 0;} .menuanchor{padding-left: 0} #home7 {margin-top: 50px;} #home7 h1{margin-bottom: 20px} #home7 h2.fdis{font-size: 30px !important} #b7home{padding-top: 30px} } @media (max-width:480px){ #b3home{margin-top: 0} #top_apar h1{padding-left: 40px; top: 80px} #sec_apart{width: calc(100% - 40px); margin-top: 10px} #sec_footapart{width: calc(100% - 40px);} #home5 .vc_custom_heading.fdis, #apart6 h2, #apart7 h2, #apart5 h2 { font-size: 42px !important; } .bservicios p {width: 100%} #bedificio5 h3 { font-size: 42px;} #bedificio5 h2{font-size: 16vw} footer .container {max-width: calc(100% - 40px);} #home2b h2 {font-size: 54px !important; } #home2b .wpb_single_image{top: -40px} #apart4 {padding: 40px 0;} #home4 .scrolltext{font-size: 60px} footer #footertop .nav{display: block; margin: 0 !important;} footer #footertop .nav li a{padding: 0 10px} footer {padding-top: 10px;} #contentfooter p.tbig, #contentfooter p, footer #legal .nav li a {font-size: 16px} #contentfooter p.tbig{margin-bottom: 30px} #legal .nav{padding: 10px 0 30px} } /*1400 - 1200 - 992 - 768 - 576*/