/* -------------------------------------------------------------- Theme Name: BO-HOME/V3 Theme URI: https://brings-online.com/demo/wordpress-immobilien-themes/home-v3/ Description: WordPress-Theme für Immobilienmakler. BO-HOME liefert alles, um Immobilienobjekte zu verwalten und zu präsentieren. Auch für Anfragen zu den Immobilienobjekten sind Formulare und Funktionen vorbereitet. Version: 2.2.2 Tested up to: 6.8 Requires PHP: 7.4 Author: sb | brings-online.com Author URI: https://brings-online.com Text Domain: bobox Domain Path: /languages License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html -------------------------------------------------------------- */ @import url("css/fonts.css"); @import url("css/icofont.min.css"); /* ============= reset ============== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;} input[type="text"], input[type="submit"], textarea, select { -webkit-appearance:none;-moz-appearance:none;appearance:none;} input::placeholder, select::placeholder, textarea::placeholder {opacity:1 !important;} ::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder, ::-moz-placeholder {opacity:1 !important;} html { height: 100%; margin:0; padding:0;} html {-webkit-text-size-adjust: none;} body { height:100%; margin:0; padding:0; text-align:center;font-family:'Catamaran', sans-serif; font-weight:200; font-size:100%; color:#152736; background:#f7f8fa} body {overflow-x:hidden;} img { border:none;} h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;} ul, li { list-style:none;} .clear { clear:both;} em {font-style:italic;} strong {font-weight:400;} sub, sup {font-size:10px !important;} .hidden {visibility:hidden;} .visible {visibility:visible;} .bo-red {color:#9F2B33;} .bo-blue {color:#486081;} .bo-green {color:#90A86D;} .bo-darkblue {color:#152736;} .bo-darkgrey {color:#58626F;} .bo-lightgrey {color:#F7F8FA;} .bo-grey {color:#F2F3F4;} /* ========================= clear ========================= */ .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both; } .clearfix {*zoom: 1;} .clear { clear:both;} /* ======================= shortcode grid ====================== */ .columns {margin:0; padding:10px 0;} .columns p {padding:5px 15px 5px 0;} .columns .col1-3 img { max-width:97.5%; height:auto;} .col1-1 { width:100%; } .col1-2 {width:50%;} .col1-3 {width:33.333333%;} .col1-4 {width:25%;} .col2-3 {width:66%;} .col3-4 {width:75%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; float:left; display:inline-block; padding:1px 0;} .inner { margin:0 25px 0 0; } div.columns .col2-3 .inner:last-child { margin:0;} .col1-4 .inner { padding:0 17px 0 0;} /* ========================= structure ========================= */ .superwrap { width:100%; margin:0; padding:0; text-align:center;position:relative;} #header {margin:0; padding:0; height:auto; position:relative; } .wrapper.footer {padding-bottom:20px;} .content {margin-left:auto; margin-right:auto; max-width:1520px; padding:0; text-align:left; position:relative; } .content.page-content,.content.homepage-content, .content.fullpage-content, .content.footercontent { padding-left:40px;padding-right:40px; background:#FFFFFF; } .bo-article-content {margin:0; padding:0;} .content.pagebottom {padding-left:40px;padding-right:40px;} .top-logo-menu-section {margin-left:auto; margin-right:auto; max-width:1560px;} .top-logo-menu-section { padding-left:20px;padding-right:20px; background:#FFFFFF; } @media screen and (max-width: 1024px) {.content.page-content, .content.homepage-content, .content.fullpage-content { padding-left:20px;padding-right:20px;}} @media screen and (max-width: 480px) {.content.page-content, .content.homepage-content, .content.fullpage-content { padding:0 15px;}} .homepage-section {height:auto; text-align:center; overflow:hidden; } .inner-section {padding:20px 0; text-align:left;} #sidebar {padding-left:60px;} .img-responsive {width:100%;height:auto; display:block;} hr, hr.wp-block-separator { margin:15px 0; display: block; height:1px; background:none; border:none; border-bottom:1px dotted #ccc;} .desktop-only {display:block;} .mobile-only {display:none;} .bo-columns-section {display:flex;} .bo-column-right {flex-basis:28%;} .bo-column-left {flex-basis:72%;} .has-max-width-50 {max-width:50%; margin-left:auto;margin-right:auto;} .has-max-width-60 {max-width:60%; margin-left:auto;margin-right:auto;} .has-max-width-70 {max-width:70%; margin-left:auto;margin-right:auto;} .has-max-width-80 {max-width:80%; margin-left:auto;margin-right:auto;} .has-max-width-90 {max-width:90%; margin-left:auto;margin-right:auto;} @media screen and (max-width: 1440px) {.has-max-width-90 {max-width:100%;} } @media screen and (max-width: 1024px) { .has-max-width-50 {max-width:70%;} .has-max-width-60 {max-width:80%;} .has-max-width-70 {max-width:90%;} .has-max-width-80 {max-width:90%;} .bo-column-right {flex-basis:32%;} .bo-column-left {flex-basis:68%;}} @media screen and (max-width: 940px) { .has-max-width-50 {max-width:80%;} .has-max-width-60 {max-width:80%;} .has-max-width-70 {max-width:90%;} .has-max-width-80 {max-width:100%;} .has-max-width-90 {max-width:100%;} .bo-column-right {flex-basis:34%;} .bo-column-left {flex-basis:66%;} .desktop-only {display:none;} .mobile-only {display:block;}} @media screen and (max-width: 800px) { .has-max-width-50 {max-width:100%;} .has-max-width-60 {max-width:100%;} .has-max-width-70 {max-width:100%;} .has-max-width-80 {max-width:100%;} .has-max-width-90 {max-width:100%;} .bo-column-right {flex-basis:36%;} .bo-column-left {flex-basis:64%;}} @media screen and (max-width: 640px) { .bo-columns-section {flex-wrap:wrap;} .bo-column-right {flex-basis:100%;} .bo-column-left {flex-basis:100%;} #sidebar {padding-left:0;} } /* ========================= font ========================= */ body, h1, h2, h3, h4, h5,.bo-quicksearch2-headline, .bo-quicksearch3-headline, .footer-box input#searchinput, input, textarea, button, select, form input[type="submit"], .top-short-menu, #topmenu {font-family:'Catamaran', sans-serif; } h1, h2, h3, h4, h5,.bo-quicksearch2-headline, .bo-quicksearch3-headline {font-weight:200; line-height:1.35em;padding:0; margin:10px 0;} h1 {font-size:36px;} h2 {font-size:30px;} h3 {font-size:27px;} h4 {font-size:24px; margin:0;font-weight:400; } h5 {font-size:22px; margin:0;font-weight:400; } h2 a, h3 a, h4 a, h5 a {text-decoration:none;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration:none; } .logotitle {font-size:30px; line-height:1em; letter-spacing:0.5px; text-transform:uppercase; margin:0; padding:0; font-weight:600; } .logotitle a {text-decoration:none;} .logosubtitle {font-size:16px; line-height:1.2em; margin:0 0 0 1px; padding:0; font-weight:400;} .pagetitle, h1.pagetitle {font-size:34px; line-height:1.6em; margin:0 0 40px 0; padding:40px 0 0 0; position:relative; } .pagetitle:after {content:""; position:absolute; bottom:-10px; left:0; height:2px; width:65px;} h1.pagetitle span {display:inline-block;} h1.pagetitle span:after {content:" - ";padding:0 5px;} h1.pagetitle span:last-child:after {content:"";} .pagetitle.centerheadline {text-align:center} .pagetitle.centerheadline:after {left:0; right:0; margin:auto; } .archivetitle span {display:inline-block; margin:0 15px; position:relative;} .archivetitle.leftheadline span:first-child {margin:0 15px 0 0;} .archivetitle span:after {content:"."; position:absolute; top:-10px;right:-22px} .archivetitle span:last-child:after {display:none;} h2.property-section-headline {font-size:34px;position:relative; text-align:center;margin:30px 0;padding-bottom:20px;} h2.property-section-headline:after {content:""; position:absolute; bottom:0; left:0; right:0; margin:auto; height:2px; width:120px;} @media screen and (max-width: 940px) {h2.property-section-headline {font-size:28px;} } @media screen and (max-width: 600px) {h1 {font-size:32px !important;font-weight:400; line-height:1.5em !important;} } .slogan { margin:0; display: block; text-align: center;position:relative; } .preambel {font-weight:600; padding:25px 0 5px 0; text-transform:uppercase;font-size:13px;} .slogan > span { position:relative; height:2px; width:80px; display: inline-block;margin-bottom:25px;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:34px; line-height:1.4em; margin:0; padding:0 0 10px 0; font-weight:200;} .slogan.left {text-align: left;} .slogan.right {text-align:right;} .slogan.center {text-align:center;} a {text-decoration:none;} p { padding:8px 0; margin:0; line-height:1.8em; font-size:18px;} p a, li a, label a {text-decoration:none; color:#9F2B33;} article ul { margin:20px 0 25px 20px; padding:0;font-size:18px; } article ul li {list-style-type:square; padding-left:5px; line-height:1.55em; margin:6px 0; } article ul ul {margin:5px 0 15px 10px; padding:0;} article ul li ul li { list-style-type:circle; } article ul.check, article ul.check2, article ul.pfeil, article ul.pfeil2 {margin:20px 0; } article ul.check li, article ul.check2 li, article ul.pfeil li, article ul.pfeil2 li {list-style:none; position:relative; padding-left:40px;} article ul.check li:before, article ul.check2 li:before, article ul.pfeil li:before, article ul.pfeil2 li:before {position:absolute; top:0;left:0; width:35px;font-family:"Icofont";color:#9F2B33;} article ul.check li:before {content:"\eed6"; font-size:30px;} article ul.check2 li:before {content:"\eed7"; font-size:20px;width:30px;} article ul.pfeil li:before {content:"\eac7"; font-size:20px;width:30px;} article ul.pfeil2 li:before {content:"\ea7c"; font-size:20px;width:30px;} .bo-simple-objsearch .objectsearch input[type="text"], .contactform select,.contactform input, .contactform textarea, .footer-box input#searchinput {font-weight:400;} form input, form textarea, form button {font-weight:400;} /* ========================= button border-radius ========================= */ .bo-content-button a, .ibox a.more-link, .bo-block-cta-button-1, .bo-block-cta-button-2, .bo-property-more a,.contactform button, .bo-home-form input[type="submit"], .wpcf7 input[type="submit"], .bo-request-button a, .bo-favorites-single span.bo-favorite-button, .bo-favorites-single .bo-favorites-list-button a, .bo-favorites-single-button span, .bo-favorites-list-button a {border-radius:1px; outline-offset:1px; outline:1px solid #9F2B33;} .wp-block-button a {border-radius:1px;} /* ===================== colors ================= */ .bo-request-button a, .contactform button, .bo-taxsearch button.bo-taxform-button-submit, .bo-taxsearch a.bo-taxform-button-reset.prop-taxsearch2-button-reset:hover,.bo-simple-objsearch input[type="submit"],.property-nav .page-numbers.current,.bo-request-button a,#bo-quicksearch-searchform input#searchsubmit,#bo-quicksearch-searchform input#search2submit,.footer-box input#searchsubmit,.bo-top-object-title, form.searchform-wp-search input#searchsubmit, .ibox a.more-link, .open-mobile-taxsearch, .bo-comment-count, .cookie-button, #gototop a, .bo-property-marker, .bo-shortcode-button .button-content, .open-mobile-taxsearch, .bo-favorites-single-button span, .bo-favorites-list-button a, .bo-home-form input[type="submit"],.wpcf7 input[type="submit"], .bo-header-phonebox, .bo-property-more a, .bo-content-button a, .bo-block-cta-button-1, .bo-block-cta-button-2, .bo-portfolio-marker {background:#9F2B33;color:#ffffff;} .pagetitle:after, h2.property-section-headline:after, #respond input#submit,.bo-comment-count,.sidebarbox ul li:hover:before, .sidebarbox ul li.current-cat:before, .sidebarbox ul li.current-menu-item:before,.sidebarbox ul li.current-menu-parent:hover:before, .sidebarbox ul ul.sub-menu li:hover:before, .slogan > span, .bo-button-separator div:after, .bo-button-separator div:before {background:#9F2B33;} .preambel,.property-nav .page-numbers, .bo-carousel-pager .slick-next:hover, .bo-carousel-pager .slick-prev:hover, .bo-property-carousel-wrapper:hover .bo-carousel-pager, .bo-gallery-slider .slick-prev, .bo-gallery-slider .slick-next, .contactform span.selectwrap:after, .contactform label.agreelabel a, .bo-favorites-single span.bo-favorite-button, .bo-favorites-single .bo-favorites-list-button a, .no-prop-info p, ul.team-profile-contact-data li a:hover, #comments-box a.comment-reply-link, ul.comment-list li.bypostauthor .comment-author, .bo-meta i, .bo-blog-single-nav i, .bo-blog-single-nav a:hover, .bo-meta a:hover, .sidebarbox ul li:hover > a, .sidebarbox ul li.current-cat > a, .sidebarbox ul li.current-menu-item > a, .sidebarbox .tagcloud a:hover, #wp-calendar a, .footer-box ul li:hover:before,.footer-box a:hover,.footer-box input#searchinput, .bo-top-object-image .bo-loop-favorite, .slide-slick-prev:hover, .slide-slick-next:hover, .bo-faq-headline i, .ibox .box-icon, .featobj-thumbnail .bo-loop-favorite,.breadcrumb a,.blog-grid-item:hover .blog-grid-item-title,.blog-shortcode-item:hover .blog-grid-item-title, .bo-property-content-top .bo-loop-favorite i,.bo-property-image .bo-loop-favorite i {color:#9F2B33;} .bo-property-carousel-wrapper .slick-dots li button:hover, .bo-property-carousel-wrapper .slick-dots li button:focus, .bo-property-carousel-wrapper .slick-dots li.slick-active button, #respond input#submit, .bo-block-prop-slider .slick-dots li button:hover, .bo-block-prop-slider .slick-dots li button:focus, .bo-block-prop-slider .slick-dots li.slick-active button, .bo-testimonial-carousel .slick-dots li.slick-active button, article p a, article li a, article label a {border-color:#9F2B33;} .logotitle, .logotitle a, .logosubtitle, .topline-socials .smicons span::before,#topmenu .submenu-button:after, .bo-property-icons span i, .activatemap .mapwrap .activatemap-info a, .mapinfo a, .activateframe .framewrap .activateframe-info a, a.post-more, #comments-box a, .bo-blog-single-nav a, .bo-meta a, .wp-calendar-nav-prev a, .wp-calendar-nav-next a, .footer-box ul li:before { color:#58626f; } .filter-button-group button.button { background:#fff;color:#58626f; border:1px solid #58626f; } .sidebarbox .widgettitle {border-bottom:1.5px solid #58626F} .filter-button-group button.is-checked, .blog-grid-item-image .blog-category, .blog-grid-item-image .blog-category a, .activatemap .mapwrap .activatemap-button, .activateframe .framewrap .activateframe-button,.fixedline { background:#58626f;color:#fff;} .sidebarbox ul li:before, .smicons span {background:#58626f;} /* ===================== top ================= */ .logo {margin:0 60px 0 0 ;padding:0;position:relative;text-align:left;max-width:400px;align-self:center} .logo img {width:100%; height:auto; display:block;} .top-menus {display:flex; flex-direction:column; justify-content:space-between; } .top-short-menu {display:flex;flex-direction:row;flex-wrap:nowrap; justify-content:flex-end;align-items:center; vertical-align:center;margin:0 0 20px 0;font-weight:200;} .topline-menu {display:inline-block; margin-right:20px;} .topline-menu ul {list-style:none; margin:0; padding:0; } .topline-menu ul li { display:inline-block; padding:0 10px 0 0; font-size:13px; } .topline-menu ul li:last-child { padding:0;} .topline-menu ul li a, .topline-content a {color:#152736} .topline-menu ul li a:hover,.topline-menu ul li.current-menu-item a, .topline-content a:hover {text-decoration:none;} .topline-data span { padding:0 7px;} .topline-data span i { margin-right:5px;} .topline-socials {display:inline-block;padding-left:15px;} .topline-socials .smicons {display:inline-block; margin:0; padding:0;} .topline-socials .smicons span {background:none; width:16px; height:18px; display:inline-flex; margin:0 6px 0 0; padding:0; text-align:center;} .topline-socials .smicons span::before {font-size:16px;line-height:18px;margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .bo-header-phonebox {padding:5px 10px; margin:0 0 0 20px; text-align:left;display:flex; vertical-align:center; align-items:center;} .bo-header-phonebox a {display:flex; vertical-align:center; align-items:center; justify-content:flex-start;color:#fff;white-space:nowrap;line-height:1.2em;} .tbox-text-number {display:flex; flex-direction:column;margin-left:10px; justify-content:flex-start;} /* ===================== main menu ===================== */ .top-full-menu {margin:0 0 0 auto; text-align:right; display:flex; align-items:center;} .top-logo-menu-section {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;align-items:center; vertical-align:center; padding-top:5px; padding-bottom:5px; margin-bottom:5px;margin-top:5px;} #topmenu{margin:0; position:relative; font-weight:400;} #topmenu,#topmenu ul li,#topmenu ul li a,#topmenu #head-mobile {list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #topmenu:after,#topmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #topmenu ul li a {color:#152736;} #topmenu ul li.current-menu-item > a, #topmenu ul li.active > a, #topmenu ul li.current_page_parent > a, #topmenu ul li.current_page_ancestor > a, #topmenu ul li:hover > a {color:#9F2B33;} #topmenu ul li.active:before, #topmenu ul li.current_page_parent:before, #topmenu ul li.current_page_ancestor:before {background:#9F2B33;} #topmenu ul {list-style:none; margin:0; padding:0;} #topmenu ul li {list-style:none; position:relative; display:inline-block; padding:0; margin:0;} #topmenu ul li:last-child {padding-right:0;} #topmenu ul > li > a {text-decoration:none; padding:20px 15px 20px 15px; margin:0; display:block;font-size:14px;font-weight:600;text-transform:uppercase; position:relative; } #topmenu ul ul {position:absolute;left:-9999px;z-index:9999; margin-top:0; padding-top:5px;padding-bottom:5px;background:#FFFFFF;} #topmenu ul li:hover > ul{left:3px; width:auto;} #topmenu ul li.edge:hover > ul{left:inherit; right:4px; width:auto; } #topmenu ul ul li {height:0;max-height:0;opacity:0;border-bottom:1px dotted transparent; background:#FFFFFF;transition: max-height 400ms ease;} #topmenu ul ul li a {padding:0 15px; text-align:left;min-width:190px;font-size:15px;font-weight:400; text-transform:none; line-height:1em; text-decoration:none;opacity:0;transition: opacity 500ms ease;} #topmenu li:hover > ul > li{height:auto;max-height:40px;opacity:1; margin:0; display:block;width:100%;white-space:nowrap; border-bottom:1px dotted rgba(0,0,0,.15); } #topmenu li:hover > ul > li:last-child {border-bottom:none;} #topmenu ul li:hover ul li a {padding:15px 20px 15px 15px;opacity:1; } #topmenu ul ul > li:hover > a {color:#9F2B33; } #topmenu ul ul li:last-child > a,#topmenu ul ul li.last-item > a{border-bottom:0} #topmenu ul ul ul {margin-left:100%; top:-1px;} #topmenu ul ul li.has-sub > a:after{position:absolute;top:15px;right:5px;width:15px;height:15px;display:block;content:"\ea69"; font-family:"icofont";font-size:12px;} #topmenu ul li a.bo-ps2id-highlight, #topmenu ul li a.bo-ps2id-clicked {color:#9F2B33;} #topmenu ul li.edge ul li.has-sub > a{padding-left:30px; padding-right:0;} #topmenu ul li.edge ul li.has-sub > a:after{right:0;left:5px; content:"\ea67";} #topmenu ul li.edge ul li.has-sub ul {margin-left:calc(-100% - 2px);top:-1px;} #topmenu ul ul li.edge.has-sub > a{padding-left:30px; padding-right:0;} #topmenu ul ul li.edge.has-sub > a:after{right:0;left:5px; content:"\ea67";} #topmenu ul ul li.edge ul {margin-right:calc(100% - 5px);margin-left:0; } .fixednav {position:fixed !important; z-index:9999; left:0;top:0; width:100% !important; max-width:100%; background:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);} .fixednav.animated {animation-duration:450ms;} .fixednav .top-short-menu {display:none;} .fixednav .top-full-menu {margin-top:0;} .fixednav .logo {padding-top:5px !important; padding-bottom:5px !important} #topmenu ul li.bo-external-link a:before {content:"\ef20"; font-family:"icofont"; margin-right:7px; color:#9F2B33;} @media screen and (max-width: 1300px) {.top-logo-menu-section {padding-right:10px;} #topmenu ul > li > a {padding:20px 10px 20px 10px; }} @media screen and (max-width: 1024px) { .logo {z-index:9999;} .top-logo-menu-section {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;align-items:center; vertical-align:center; padding-top:5px; padding-bottom:5px; margin-bottom:5px;margin-top:5px;} .top-short-menu { position:absolute; top:5px; right:10px;} .top-full-menu {width:100%; position:absolute; top:55px; right:0; display:flex; flex-direction:row-reverse;height:auto; } .fixednav .top-full-menu {top:27px;} .bo-header-phonebox {position:absolute; right:90px; top:-5px;} .mobilebutton {position:absolute; top:5px;right:5px; width:50px; height:40px; text-align:center; cursor:pointer;z-index:999;} .mobilebutton.has-phone-box {} .mobilebutton:after{position:absolute;display:block;height:6px;width:35px;border-top:5px solid #9F2B33;border-bottom:5px solid #9F2B33;content:'';top:11px;} .mobilebutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; position:absolute; display:block; height:5px; width:35px; background:#9F2B33; content:''; top:0;} .mobilebutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;border:0;height:5px;width:30px;top:15px;background:#9F2B33;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .mobilebutton.menu-opened:before{background:#9F2B33;width:30px;top:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #topmenu { position:relative; z-index:999; width:100%; padding-top:56px;} #topmenu ul {text-align:left;display:none; } #topmenu ul li {width:100%; background:#fff;border-bottom:1px dotted #ccc;padding-left:20px;} #topmenu ul ul {display:none;position:relative;left:auto; padding-bottom:10px;} #topmenu ul ul li {height:auto;opacity:1;-webkit-transition:none;-ms-transition:none;transition:none; padding:0; background:none;} #topmenu ul ul li a {padding:15px 5px; text-align:left;font-size:16px; font-weight:200; text-transform:none; text-decoration:none; } #topmenu ul ul ul {margin-left:0; top:auto; height:auto; padding-bottom:10px;position:relative; } #topmenu ul ul li {opacity:1; transition:none; } #topmenu ul li:hover ul {left:0; width:100%; } #topmenu ul li ul.sub-menu.open {left:0; width:100%; } #topmenu li:hover > ul > li, #topmenu li > ul.sub-menu.open > li {height:auto;max-height:2000px;opacity:1; margin:0; display:block;width:100%;white-space:nowrap;border-bottom:1px dotted #ccc; } #topmenu li:hover > ul > li:last-child, #topmenu li > ul.sub-menu.open > li:last-child {border-bottom:none; } #topmenu ul li:hover ul li a, #topmenu ul li ul.sub-menu.open li a {opacity:1; padding:15px 5px;} #topmenu > ul > li:before {display:none;} #topmenu > ul > li:hover:before {display:none;} #topmenu .submenu-button {position:absolute;z-index:99;right:15px;top:15px;display:block;height:40px;width:40px;cursor:pointer} #topmenu .submenu-button:after{position:absolute;top:0;right:0;width:20px;height:20px;display:block;content:'\ea99';font-family:"icofont";font-size:16px;} #topmenu .submenu-button.submenu-opened:after {content:'\eaa1';} #topmenu ul ul li.has-sub > a:after {display:none;} #topmenu ul ul li.has-sub .submenu-button {right:10px;} } @media screen and (max-width: 600px) { .top-logo-menu-section {flex-wrap:wrap;} .top-menus {width:100%;} .top-full-menu {top:60px; } .logo {margin-top:25px !important} .top-short-menu { width:100%;text-align:center;display:block;margin:0 0 30px 0;} .topline-socials {display:inline-block;padding-left:0;} .fixednav .top-full-menu {top:27px; } .fixednav .logo {margin-top:0 !important} } @media screen and (max-width: 540px) { .bo-header-phonebox {display:none;} #topmenu ul li {padding-left:10px;} .logo {max-width:230px !important} } /* ============ header ========= */ #header {width:100%; } .header-image-wrapper {width:100%; max-width:1600px; margin:0 auto; margin-top:-5px; position:relative; overflow:hidden; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:stretch; justify-content:flex-start; vertical-align:center; } .header-image-wrapper.reverse-wrapper {flex-direction:row-reverse; } .home-start-image {width:100%; margin:0;} .home-start-image img {object-fit:cover;width:100%; height:100%;} .home-start-image.has-searchbox-image {width:65%; display:inline-block;} .home-start-image.has-searchbox-image img {height:100%; width:100%;} .home-start-searchbox {width:35%;display:inline-block;background:#F7F8FA; height:100%; position:relative; z-index:11; display:flex; align-items:center;} .home-start-searchbox:before {content:""; position:absolute; top:0; left:0; height:100%; width:300px; z-index:-1; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); transform-origin:50% 0; outline-style:solid; outline-width:5px; outline-offset:3px;-webkit-backface-visibility: hidden; will-change: transform; -webkit-perspective: 1000;} .home-start-searchbox.reverse-box:after {content:""; position:absolute; top:0; right:0; height:100%; width:300px; z-index:-1; -webkit-transform: skewX(10deg); transform: skewX(10deg); transform-origin:50% 0; outline-style:solid; outline-width:5px; outline-offset:3px;-webkit-backface-visibility: hidden; will-change: transform; -webkit-perspective: 1000; } .home-start-searchbox.reverse-box:before {display:none;} .home-start-textbox {width:30%;display:inline-block;background:#F7F8FA;height:100%;position:relative; z-index:11; } .home-start-textbox:before {content:""; position:absolute; top:0; left:0; height:100%; width:300px; z-index:-1; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); transform-origin:50% 0; outline-style:solid; outline-width:5px; outline-offset:3px; -webkit-backface-visibility: hidden; will-change: transform; -webkit-perspective: 1000;} .home-start-textbox.reverse-box:after {content:""; position:absolute; top:0; right:0; height:100%; width:300px; z-index:-1; -webkit-transform: skewX(10deg); transform: skewX(10deg); transform-origin:50% 0; outline-style:solid; outline-width:5px; outline-offset:3px; -webkit-backface-visibility: hidden; will-change: transform;-webkit-perspective: 1000; } .home-start-textbox.reverse-box:before {display:none;} .textboxcontainer { margin:0; padding:0; align-items:center; display:flex; height:100%; } .textboxwrap {padding:10px 20px; text-align:left; } .bo-headertextbox-headline {font-size:32px;line-height:1.3em;font-weight:600;} .bo-headertextbox-subtitle {font-size:26px;line-height:1.3em;} .bo-headertextbox-text p {margin:7px 0; font-size:17px; line-height:1.6em;} .textboxwrap .bo-content-button {margin-right:10px;} .header-slider-wrapper {width:100%; max-width:1600px; margin:0 auto; margin-top:-5px; position:relative;} .header-slider-wrapper.wrapper-has-searchbox {display:flex; align-items:stretch;flex-direction:row; } .slideshow {padding:0; margin:0; position:relative; width:100%;} .slideshow.has-searchbox-image {width:70%;} .slideshow figure {width:100%; height:100%;} .slideshow figure img {object-fit:cover; object-position:50% 50%;width:100%; height:100%;} @media screen and (max-width: 1300px) { .slideshow.has-searchbox-image, .home-start-image.has-searchbox-image {width:60%;} .home-start-searchbox, .home-start-textbox {width:40% !important;} } @media screen and (max-width: 1024px) { .slideshow.has-searchbox-image, .home-start-image.has-searchbox-image {width:50%;} .home-start-searchbox {width:50% !important;} .home-start-textbox {width:50% !important;} } @media screen and (max-width: 940px) { .header-image-wrapper, .header-slider-wrapper.wrapper-has-searchbox {flex-wrap:wrap; height:auto !important;} .home-start-image.has-searchbox-image, .slideshow.has-searchbox-image {width:100% !important;height:400px; } .slideshow-item.has-searchbox-image {max-height:400px;} .home-start-textbox:before, .home-start-searchbox:before {display:none;width:0;outline:0;} .header-image-wrapper.wrapper-has-searchbox, .header-slider-wrapper.wrapper-has-searchbox {height:auto !important;max-height:auto !important;} .home-start-textbox {width:100% !important;display:block;height:auto !important;padding:20px; box-sizing:border-box} .home-start-searchbox {width:100% !important;display:block;height:auto !important;padding:10px 20px;box-sizing:border-box} .bo-headertextbox-text {margin:0;} .bo-headertextbox-text p {font-size:15px; } .home-start-searchbox form.quick2search {padding:0;} .home-start-searchbox:before, .home-start-searchbox.reverse-box:after {display:none;} } @media screen and (max-width: 820px) { .textboxwrap {padding:10px 15px;} } @media screen and (max-width: 480px) { .home-start-textbox {padding:10px 0;} .home-start-searchbox {padding:10px 0;} .home-start-image.has-searchbox-image {width:100% !important;height:280px; } .home-start-image.has-searchbox-image, .slideshow.has-searchbox-image {height:280px; } .slideshow-item.has-searchbox-image {max-height:280px;} } .header-image-caption { position:absolute; z-index:1; margin:auto; color:#fff; font-size:36px; text-align:left;} .header-image-caption figcaption { color:#fff; background:rgba(0,0,0,.35); padding:.5em; width:auto; display:inline-block; } .header-image-caption.caption-right {right:50px;} .header-image-caption.caption-left {left:50px;} .header-image-caption.caption-center {text-align:center; width:100%;} .header-image-overlay {background:rgba(0,0,0,.5); position:absolute; top:0; left:0; width:100%;height:100%; } .header-map-wrapper {width:100%; max-width:1460px; margin:0 auto; position:relative;} .header-map-wrapper.wrapper-has-searchbox {display:flex; align-items:stretch;} .header-map-content {width:70%;} @media screen and (max-width: 800px) { .header-image-caption.caption-right {right:20px;} .header-image-caption.caption-left {left:20px;} .header-image-caption {font-size:22px !important} .header-image-caption figcaption {display:block; } } .slideshow-item {position:relative;height:100%;} .slick-dots {position:absolute;z-index:555; bottom: 20px;width:100%; text-align:center;} .slick-dots li{display: inline-block;width:20px; height:20px; margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0; display: block;width:20px;height:20px;padding:5px 2px;cursor: pointer; color: transparent;border: 1px solid #fff;outline:none;background:rgba(255,255,255,.8);border-radius:100%;} .slick-dots li button:hover,.slick-dots li button:focus,.slick-dots li.slick-active button{background:rgba(255,255,255,.3);} .slideshow.has-searchbox-image .slick-dots {text-align:left;left:20px;} @media screen and (max-width: 940px) { .image-wrapper {margin:0 auto;} } @media screen and (max-width: 896px) { .image-wrapper.slide-has-quicksearch2 .slick-dots {display:none !important;} } @media screen and (max-width: 640px) { .slick-dots li{width:15px; height:15px; margin: 0 3px;} .slick-dots li button{width:15px;height:15px;} } /* ===================== fixed - bottom ================= */ .fixedline { margin:0 auto; width:100%; max-width:1600px; text-align:center; padding:15px 0; z-index:9981; position:sticky; bottom:-100px; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); transform: translateZ(0);} .fixedline-menu ul li a, .fixedline-content a, .fixed-socials .smicons span::before {color:#F7F8FA} .fixedline-content {margin:0 auto; padding:0 20px; display:flex; justify-content:space-between;align-items:center; width:calc(100% - 40px);max-width:1520px;} .fixed-left { margin:0; padding:0; text-align:left;} .fixed-right { margin:0; padding:0; text-align:right;} .fixedline-menu ul {list-style:none; margin:0; padding:0;} .fixedline-menu ul li { display:inline-block; padding:0 10px 0 0; text-transform:uppercase;font-size:13px; } .fixedline-menu ul li:last-child { padding:0;} .fixedline-menu ul li a:hover,.fixedline-menu ul li.current-menu-item a, .fixedline-content a:hover {text-decoration:none;} .fixed-socials {display:inline-block;padding-left:15px;} .fixed-socials .smicons {display:inline-block; margin:0; padding:0;} .fixed-socials .smicons span {background:none; width:22px; height:22px; display:inline-flex; margin:0 2px 0 0; padding:0; text-align:center;} .fixed-socials .smicons span::before {font-size:16px;line-height:22px;margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .fixedline-data span { padding:0 0 0 35px;margin-right:20px; font-size:16px;letter-spacing:.5px; position:relative;} .fixedline-data span.fixedline-phone:before {content:"\efba"; font-family:"Icofont"; font-size:25px; position:absolute; top:-2px; left:0; } .fixedline-data span.fixedline-mail:before {content:"\ef14"; font-family:"Icofont"; font-size:25px; position:absolute; top:-2px; left:0; } @media screen and (max-width: 940px) { .fixedline {padding:10px 0; } .fixedline-content {padding:0 10px;flex-wrap:wrap; justify-content:center; width:calc(100% - 20px); } .fixed-left { margin:0 0 10px 0; text-align:center;width:100%;} .fixed-right { margin:0; text-align:center;width:100%;} } @media screen and (max-width: 480px) { .fixedline-content {flex-wrap:wrap; justify-content:center; align-items:center;} .fixed-left {margin:5px 0; text-align:center;} .fixed-right { margin:3px 0; padding:0; text-align:center;} .fixed-socials {display:block;padding-left:0; padding-top:15px;} } /* ============ property grids/list ========= */ .bo-property-single-article {padding-bottom:60px;} .bo-property-grid {width:100%; display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch; margin-top:60px;margin-bottom:60px;} .bo-property-listing {width:100%; display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch; margin-top:60px;margin-bottom:60px;} .bo-property-grid.related-grid {justify-content:center;margin-bottom:80px;} .bo-viewed-objects-list {margin-bottom:60px;} .bo-property-box {width:calc(50% - 15px); margin:0 30px 0 0; margin-bottom:40px; padding:1px; box-sizing:border-box;position:relative;min-height:265px;border:1px solid #F2F3F4; background:#F7F8FA;} .bo-property-box.bo-portfolio-box {width:calc(50% - 20px); margin:0 10px 0 10px; margin-bottom:40px; min-height:auto !important; border:1px solid #F2F3F4; background:#F7F8FA;} .portfolio-listing .bo-property-box {min-height:200px;} .bo-property-box:nth-child(even) {margin-right:0;} .bo-property-box.bo-portfolio-box:nth-child(even) {margin-right:10px;} .bo-single-property-box .bo-property-box {width:100%; margin-right:0; margin-bottom:20px;min-height:265px;} .bo-property-content {display:flex; flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%; height:100%; } .bo-property-v3-content {width:65%; padding:0; display:flex; flex-direction:column; justify-content:flex-start; } .bo-property-image {position:relative;margin:0;width:35%;height:100%; } .bo-property-image img {object-fit:cover; height:100%; width:100%;object-position:50% 50%;} .bo-single-property-box .bo-property-image img.img-responsive {object-fit:cover; height:100% !important; width:100%; object-position:50% 50%; } .bo-single-property-box .bo-property-image {height:100% !important; min-height:265px; display:flex;} .bo-single-property-box .bo-property-image img {height:100% !important; } .bo-property-box.bo-portfolio-box .bo-property-image {position:relative;margin:0;width:40%; height:210px; } .bo-property-v3-content > div {} .bo-property-v3-content > div:last-child {justify-content:flex-end;margin-top:auto; } .bo-property-box.bo-portfolio-box .bo-property-v3-content > div:last-child {justify-content:flex-end;margin-top:auto; } .bo-single-property-box .bo-property-box {min-height:265px; } .bo-single-property-box .bo-property-image {height:100% !important; min-height:265px; display:flex;} .bo-single-property-box .bo-property-image img {height:100% !important; } .bo-property-data-wrap {z-index:101;width:calc(100% - 40px); padding:25px 20px; } .bo-property-details-wrap {display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; padding:10px;margin-top:0; } .bo-property-box h2 {font-size:21px;line-height:28px; margin-bottom:5px;font-weight:400;} .bo-property-box p {font-size:16px;line-height:24px; margin-bottom:5px;} .bo-property-box a {color:#152736;} .bo-property-location {font-size:16px;margin:0 0 10px 0;} .bo-property-price {margin:10px;font-size:22px;font-weight:400;} .bo-property-icons {font-size:15px;} .bo-property-icons strong {font-size:17px;font-weight:400;} .bo-property-icons span {display:inline-block; margin:0 7px;} .bo-property-box .bo-loop-favorite {position:absolute;z-index:99; left:-1px; top:-1px; border:none;padding:3px 0 0 4px;} .bo-property-box .bo-loop-favorite:before {content:"";width:0;height:0;border-style: solid;border-width: 50px 40px 0 0;border-color:#F7F8FA transparent transparent transparent;position:absolute;top:0;left:0;z-index:-1;} .bo-property-box .bo-loop-favorite i {font-size:18px; } .bo-property-marker {position:absolute; bottom:20px; left:0;} .bo-property-marker.single-marker {z-index:115;bottom:auto; top:20px;left:20px; margin:0;} .bo-property-marker.single-featured-marker {z-index:115;bottom:auto; top:20px;left:20px;} .bo-property-marker {display:inline-block;padding:6px 15px; font-weight:400; font-size:16px;} @media screen and (max-width: 1200px) { .bo-property-details-wrap { flex-wrap:wrap; justify-content:flex-start;} .bo-property-icons {justify-content:flex-start;width:100%;}} @media screen and (max-width: 1100px) {.bo-property-box {width:100%; margin-right:0;} .bo-property-box.bo-portfolio-box {width:100%; margin:0;margin-bottom:40px;}} @media screen and (max-width: 600px) { .bo-property-content {flex-wrap:wrap;} .bo-property-image {margin:0;width:100%;height:auto; } .bo-property-v3-content {width:100%;} .bo-property-data-wrap {width:calc(100% - 30px); padding:15px; } .bo-property-image img {object-fit:contain; height:auto; width:100%; } .bo-property-box.bo-portfolio-box .bo-property-image {position:relative;margin:0;width:100%; height:auto; } } /* ============ property list pagination ========= */ .property-nav { margin:45px 0 60px 0; width:100%; display:flex; justify-content:center; text-align:center;font-weight:400;} .property-nav:empty {display:none;} .property-nav .page-numbers {text-decoration:none; width:20px;padding:4px 10px;} .property-nav .next.page-numbers,.property-nav .prev.page-numbers {border:1px solid #fff;} .property-nav-numbers {width:100%;} /* ============ property carousel ========= */ .bo-property-carousel-wrapper {position:relative; padding-bottom:40px;} .bo-property-car {margin:0 auto; width:100%; height:100%; } .bo-property-box.carousel-box.slick-slide {margin-right:10px; margin-left:10px; } .bo-property-box.carousel-box .bo-property-image { height:100% !important} .bo-property-carousel-wrapper .slick-track {display: flex !important; } .bo-property-box.carousel-box.slick-slide {height:inherit !important; display:flex !important; justify-content:center; align-items:center; } .bo-property-carousel-wrapper .slick-dots {position:absolute;z-index:1011; bottom:-10px;width:100%; margin:0; text-align:center;} .bo-property-carousel-wrapper .slick-dots li {display: inline-block;width:25px; height:20px; margin:0 10px 0 0;padding: 0;cursor: pointer;} .bo-property-carousel-wrapper .slick-dots li button {font-size: 0;line-height: 0; display: block;width:25px;height:20px;padding:0;cursor: pointer; color: transparent;border: 0;outline:none;background:none;border-radius:0;border-bottom:3px solid #ccc;} .bo-carousel-pager { position:absolute;left:0; right:0; bottom:10px; width:calc(100% - 40px); padding:0 20px;margin:auto; display:flex; justify-content:space-between; } .bo-carousel-pager .slick-prev, .bo-carousel-pager .slick-next {font-size:24px;opacity:.5;color:#aaa;text-align:center;margin-top:0; border-radius:100%;cursor:pointer;display:inline-block;position:relative;z-index:7777;} .bo-carousel-pager .slick-next {justify-content:flex-end; margin-left:auto;} .bo-carousel-pager .slick-prev{justify-content:flex-start; margin-right:auto;} .bo-carousel-pager .slick-next:hover, .bo-carousel-pager .slick-prev:hover {opacity:1; } @media screen and (max-width: 600px) { .bo-property-box.carousel-box .bo-property-image { height:auto !important} .bo-property-box.carousel-box.slick-slide {margin-right:0; margin-left:0; } .bo-carousel-pager { width:100%; padding:0;} .bo-property-carousel-wrapper .slick-dots li {width:15px; height:20px; margin:0 7px 0 0;} .bo-property-carousel-wrapper .slick-dots li button {width:15px;} } /* ============ property featured carousel ========= */ .featobj-carousel-wrapper .slick-dots {text-align:left;margin:0 0 0 10px; } .featobj-carousel-wrapper {margin-top:-5px;margin-left:auto; margin-right:auto; max-width: 1600px; } .featobj-carousel-item {display:flex; flex-direction:row; flex-wrap:nowrap; } .featobj-carousel-item .featobj-thumbnail {width:62.5%} .featobj-thumbnail img {width:100%; height:auto; display:block;} .featobj-carousel-item .featobj-carousel-content-wrapper {width:37.5%; background:#f7f8fa; position:relative; z-index:11;} .featobj-carousel-item .featobj-carousel-content-wrapper:before {content:""; position:absolute; top:0; left:0; height:100%; width:300px; z-index:-1; transform: skewX(-10deg); transform-origin:50% 0; outline-style:solid; outline-width:0 0 0 5px; outline-offset:3px;outline-color:#F7F8FA;background:#F7F8FA;} .featobj-carousel-content {height:100%; display:flex; flex-direction:column; justify-content:center;text-align:left; padding:0 40px; width:calc(100% - 80px) !important; } .featobj-carousel-content .bo-property-icons span {display:inline-block; margin:0 10px 10px 0;} .featobj-carousel-content .bo-property-icons strong {font-weight:400;} .featobj-carousel-content .bo-property-price {margin:30px 0 0 0; font-size:25px;} .featobj-carousel-content .featobj-headline {font-size:28px;line-height:1.4em;} .featobj-carousel-content .bo-property-location {font-size:13px; text-transform:uppercase; font-weight:400; margin:15px 0;} .featobj-thumbnail .bo-loop-favorite {position:absolute; right:20px; top:0; background:rgba(255,255,255,.8); border:none; padding:5px 10px;} .featobj-thumbnail .bo-loop-favorite i {font-size:23px; } .bo-property-more { margin:50px 0 20px 0; display:inline-block; } .bo-property-more a {white-space:nowrap;padding:12px 20px 10px 20px; white-space:nowrap; display:inline-block; width:auto;text-decoration:none;font-size:17px;transition:all, 300ms; font-weight:400;line-height:1em;} @media screen and (max-width: 1200px) { .featobj-carousel-content {padding:0 20px; width:calc(100% - 40px) !important; } .bo-property-more { margin:20px 0 10px 0; } .featobj-carousel-content .bo-property-price {margin:15px 0 0 0;} .featobj-carousel-item div:first-child {width:55%} .featobj-carousel-item .featobj-carousel-content-wrapper {width:45%; } .featobj-carousel-wrapper .bo-property-marker {position:absolute; top:20px; left:-110px; z-index:999; }} @media screen and (max-width: 1024px) {.featobj-carousel-content .featobj-headline {font-size:23px;line-height:1.2em;} .featobj-carousel-content .bo-property-price {margin:10px 0 0 0;}} @media screen and (max-width: 940px) { .featobj-carousel-item {flex-wrap:wrap; margin-bottom:30px; } .featobj-carousel-item .featobj-thumbnail {width:100% !important; max-height:400px;} .featobj-carousel-item .featobj-thumbnail img {width:100% !important;height:100%; object-fit:cover; object-position:50% 50%;} .featobj-carousel-item .featobj-carousel-content-wrapper {width:100%; padding-bottom:30px;} .featobj-carousel-item .featobj-carousel-content { width:100%; text-align:center;display:block; padding:25px 20px; width:calc(100% - 40px) !important;} .featobj-carousel-content .bo-property-location {margin:10px auto 10px auto; width:100% !important;} .featobj-carousel-content .bo-property-more { margin:25px 0 10px 0; } .featobj-carousel-wrapper .slick-dots {bottom:15px; text-align:center; margin:0; } .featobj-carousel-wrapper .slick-dots li button {outline:none;background:#F2F3F4;} .featobj-carousel-item .featobj-carousel-content-wrapper:before {display:none;} .featobj-carousel-wrapper .bo-property-marker {top:-60px; left:-120px; } } @media screen and (max-width: 480px) {.featobj-carousel-wrapper .bo-property-marker {top:-60px; left:-40px; }} /* ====================== property details gallery =================== */ .property-gallery-single-wrap {position:relative; margin:-5px -40px 20px -40px; padding:0; width:calc(100% + 80px); max-height:530px; overflow:hidden;} .property-slider-wrap {position:relative; margin:0;width:100%;} .property-slider .slider-item { margin:0 3px; position:relative; height:530px; overflow:hidden;} .property-slider .slider-item img {width:100%;height:100%;max-height:530px; opacity:1; object-fit:cover;object-position:50% 50%;} .property-slider .slider-item.slick-active img {opacity:1;} .property-slider .slider-item span {display:block;position:absolute; top:0; left:0; background:rgba(0,0,0,.3); width:100%; height:100%} .property-slider .slider-item.slick-center span {display:none;} .property-slider .slick-prev{left:0; background:rgba(0,0,0,.5); top:45%; position:absolute; visibility:hidden;z-index:992;padding:3px 8px 3px 3px; cursor:pointer;color:#000;} .property-slider .slick-next{right:0; background:rgba(0,0,0,.5); top:45%;position:absolute;visibility:hidden;z-index:992;padding:3px 3px 3px 8px;cursor:pointer;} .property-slider .slick-prev:before{content:'\eac6'; font-family:"Icofont";} .property-slider .slick-next:before{content:'\eac7'; font-family:"Icofont";} .property-slider button {background:transparent; border:none; font-size:0;} .property-slider .slick-next:before, .property-slider .slick-prev:before{font-size:30px;font-weight:400;line-height:1;opacity:1;color:#fff;} .property-slider .slick-next.slick-disabled:before, .property-slider .slick-prev.slick-disabled:before{opacity:.25} .property-slider:hover .slick-next, .property-slider:hover .slick-prev {visibility:visible;} .slider-img-count {position:absolute; bottom:20px;left:20px; margin:auto;} .slider-img-count span {background:rgba(255,255,255,.85);color:#000;font-size:15px;padding:5px 15px;} .property-top-button-wrap {display:flex; flex-wrap:nowrap; flex-direction:row;justify-content:center;margin:0 0 40px 0; width:100%;} .bo-favorites-single-button {cursor:pointer;} .bo-favorites-single-button span, .bo-favorites-list-button a {padding:8px 20px 7px 15px;margin:0 5px;font-size:15px;text-transform:uppercase;text-align:center;transition:all, 300ms;display:flex; justify-content:space-between;align-items:center; border-radius:3px;} .bo-favorites-single-button span a {color:#fff;} .bo-favorites-single-button span i, .bo-favorites-list-button i,.bo-request-button a i {margin-right:10px;} .bo-request-button a {font-size:15px;text-transform:uppercase;text-align:center;display:inline-block; padding:8px 20px 7px 15px;margin:0 5px;border-radius:3px;} @media screen and (max-width: 1024px) { .property-gallery-single-wrap {margin:-5px -20px 20px -20px; padding:0; width:calc(100% + 40px);max-height:400px;} .property-slider .slider-item {height:400px;} .property-slider .slider-item img {max-height:400px;}} @media screen and (max-width: 800px) { .property-slider .slider-item {height:auto;max-height:auto;} .property-slider .slider-item img {height:100%;object-fit:cover;object-position:50% 50%;} .property-top-button-wrap {flex-wrap:wrap;margin:0 0 30px 0; } .bo-favorites-single-button span, .bo-favorites-list-button a, .bo-request-button a {margin:5px;}} @media screen and (max-width: 480px) { .property-gallery-single-wrap {max-height:280px;} .property-slider .slider-item {height:280px;} .property-top-button-wrap {flex-wrap:wrap;margin:0; }} /* ====================== property details docs =================== */ .propdocs {margin:0; padding:0; position:relative;} .propdocs ul {padding-left:60px; display:flex;flex-wrap:wrap; justify-content:flex-start;width:calc(100% - 60px); box-sizing:border-box;} .propdocs ul li {list-style-type:circle;font-size:18px;line-height:1.5em;width:30%;margin-right:1.5%} .propdocs a, .propdocs a:hover {border-bottom:none;} .propdocs small {line-height:1.4em;} @media screen and (max-width: 800px) {.propdocs ul li {width:calc(48% - 20px);margin-right:20px;}} @media screen and (max-width: 600px) {.propdocs ul li {width:calc(100% - 20px);margin-right:10px;margin-left:10px;} .propdocs:before {top: 10%; transform:none; }} @media screen and (max-width: 420px) {.propdocs ul {padding-left:20px; width:calc(100% - 20px); } .propdocs:before {top:5px;left:5px; font-size:30px; }} /* ====================== property details contactform =================== */ .contactform { margin:0; padding:15px 0; } .contactform-row {margin:5px 0;display:flex;} .contactform label { font-size:15px; display:inline-block; margin:7px 0 0 0;} .contactform input {width:100%;background:rgba(255,255,255,.15); border:1px solid #EAEBEF;color:#152736;border-radius:1px; padding:15px 6px; font-size:17px; box-sizing:border-box;margin-right:10px;font-weight:200;} .contactform-row.has-2-items input, .contactform-row.has-2-items span {display:inline-block;width:50%;} .contactform-row.has-2-items input:nth-child(2) {margin-right:0;} .contactform-row.has-3-items input:nth-child(3) {margin-right:0;} .contactform-row.has-3-items span.selectwrap {margin-right:10px;display:block;width:28%;} .contactform-row.has-1-items {flex-direction:column;flex-wrap:wrap;} .contactform-row.has-1-items div {width:100%;} .contactform-row.submitrow {text-align:center;} .contactform-row.accrow {margin:0 auto;} .contactform span.selectwrap {position:relative;} .contactform span.selectwrap:after {content:"\eac8";font-family:"icofont"; position:absolute; top:17px;right:5px; } .contactform select {width:100%;background:rgba(255,255,255,.15); border:1px solid #EAEBEF; color:#152736;border-radius:1px; padding:15px 15px 15px 6px; margin:0 0 15px 0; font-size:17px;font-weight:200;box-sizing:border-box;} .contactform textarea {margin:10px 0; background:rgba(255,255,255,.25); border:1px solid #EAEBEF;color:#152736; border-radius:1px; padding:10px; font-size:17px;font-weight:200; width:calc(100% - 22px);} .contactform input:focus, .contactform textarea:focus { border-color:#ccc;outline:none;} .contactform button { cursor:pointer; margin:35px auto; border:none; font-size:17px;text-transform:uppercase; padding:15px 35px; transition:border-radius, 300ms; } .contactform button:hover {border-radius:2px; } .contactform input[type="radio"], .contactform input[type="checkbox"] {width:20px; margin:10px 0 5px -3px; float:left;} .contactform label.shortleft { display:inline-block; margin-left:5px; width:calc(100% - 30px); line-height:1.4em;} .error { position:relative;} .error {display:block; color:#c00;} .bo-property-contact {display:flex; flex-direction:column;justify-content:flex-start;margin:0 auto; width:60%;} .property-contact-info {margin-top:30px; margin-bottom:30px;text-align:left;} @media screen and (max-width: 1280px) {.bo-property-contact {width:80%;}} @media screen and (max-width: 940px) {.bo-property-contact {width:90%;}} @media screen and (max-width: 480px) {.bo-property-contact {width:100%;}} .contact-team {flex-basis:100%; width: 100%; margin:0 auto 60px auto;} .contact-request {flex-basis:100%;width: 100%; margin:0 auto;} .g-recaptcha {transform:scale(0.91); transform-origin:0 0;margin-top:20px;} @media screen and (max-width: 1200px) { .g-recaptcha {transform:scale(0.85); } } @media screen and (max-width: 1100px) { .g-recaptcha {transform:scale(0.8); } } @media screen and (max-width: 1024px) { .g-recaptcha {transform:scale(0.72); } } @media screen and (max-width: 960px) { .g-recaptcha {transform:scale(0.65); } } @media screen and (max-width: 896px) { .g-recaptcha {transform:scale(1); } } .contactform-search-section {padding:25px 0;margin:20px 0; } .mail-is-sent {text-align:center; padding:15px; background:#f7f8fa;} .mail-is-sent {top:20%; left:0; right:0; margin:auto; max-width:400px; } .bo-portfolio-searchform {padding-top:40px;margin-bottom:60px; border-top:1px dotted #ccc; } @media screen and (max-width: 680px) { .contactform { margin:0; padding:15px 0; } .contactform-row {margin:5px 0;} .contactform-row.accrow {margin:0 0 0 10px;} .contactform-row.has-3-items {flex-wrap:wrap;} .contactform-row.has-3-items input:nth-child(1) {width:100%; margin-right:0;} .contactform-row.has-3-items input:nth-child(2) {width:calc(50% - 10px); margin-right:20px;} .contactform-row.has-3-items input:nth-child(3) {width:calc(50% - 10px); margin-left:0;margin-right:0;} } @media screen and (max-width: 480px) { .contactform-row {flex-wrap:wrap;margin:0;} .contactform-row.has-2-items input, .contactform-row.has-2-items span {margin-right:0;margin-bottom:5px;display:block;width:100%;} .contactform-row.has-3-items input:nth-child(1) {width:100%; margin-right:0;} .contactform-row.has-3-items input:nth-child(2) {width:100%; margin-right:0;} .contactform-row.has-3-items input:nth-child(3) {width:100%; margin-left:0;margin-right:0;} .form-row {flex-wrap:wrap; } .form-item {margin:0; width:100%; } } .bo-home-form {margin:20px 0; padding:0; width:100%; text-align:center;} .form-row {display:flex;flex-direction:row;flex-wrap:nowrap; width:100%;margin-bottom:10px; } .form-item {margin:0 30px 0 0; width:calc(50% - 15px); padding:2px 0; box-sizing:border-box} .form-item:last-child {margin-right:0; } .bo-home-form input {width:100%; padding:15px 4px; border:1px solid #EAEBEF; border-radius:1px; font-size:14px; box-sizing:border-box;} .bo-home-form textarea {width:100%;box-sizing:border-box; border:1px solid #EAEBEF; border-radius:1px; padding:10px 4px; font-size:14px;margin-top:20px; } .bo-home-form input[type="submit"] {display:block; width:auto; cursor:pointer; margin:25px auto; border:none; font-size:17px;text-transform:uppercase; padding:15px 35px; transition:border-radius, 300ms; } .contactform button:hover {border-radius:2px; } .wpcf7 input {width:100%; padding:15px 4px; border:1px solid #EAEBEF;border-radius:1px; font-size:14px; box-sizing:border-box;background:rgba(255,255,255,.25);} .wpcf7 input:focus {outline:none;} .wpcf7 select {width:100%; padding:15px 4px; border:1px solid #EAEBEF; border-radius:1px; font-size:14px; box-sizing:border-box;background:rgba(255,255,255,.25);} .wpcf7 input[type="submit"] {display:block; width:auto; cursor:pointer; margin:25px auto; border:none; font-size:17px;text-transform:uppercase; padding:12px 35px; transition:border-radius, 300ms; } .wpcf7 textarea {width:100%;box-sizing:border-box; border:1px solid #EAEBEF; border-radius:1px; padding:10px 4px; font-size:14px;margin-top:20px;background:rgba(255,255,255,.25); } .wpcf7 textarea:focus {outline:none;} .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {width:15px; margin:5px 10px 0 -25px; position:absolute; } .wpcf7-list-item {text-align:left;margin:10px 0; padding-left:25px;} .wpcf7 label {font-size:14px;line-height:1.3em; text-align:left; position:relative; } .bo-home-form label {display:flex; justify-content:flex-start; align-items:top;line-height:1.5em; } .bo-home-form input[type="radio"], .bo-home-form input[type="checkbox"] {position:relative;margin-top:-15px;} /* ====================== profilebox =================== */ .profilebox i {margin-right:7px; line-height:1.1em;} .profilebox {text-align:center;} .profilebox .profileimg {max-width:150px; margin:40px auto 10px auto;} .profilebox img { width:100%; height:auto; display:block; border-radius:100%;} .profilemail, .profilephone, .profilemobile, .profilefax { display:block; padding:3px 0; font-size:18px; } .profilename {font-size:23px; font-weight:400; display:block; } .profilesubtitle {font-size:18px; font-weight:400; display:block; } .profilecontact {margin:30px 0 0 0;} .profilemail a, .profilephone a, .profilemobile a { color: #152736;text-decoration:none;} .footer-box .profilebox {text-align:left;} .footer-box .profilebox ul, .footer-box .profilebox ul li {list-style:none;padding-left:0;} .footer-box .profilebox ul li i, .footer-box .profilebox ul li span {display:inline-block; margin-right:5px;} .footer-box .profilebox ul li:before {content: ''; display:none;} .footer-box .profilebox ul li.secaddr {padding-bottom:5px;} .sidebarbox .profilebox {text-align:left;} .sidebarbox .profilebox ul, .sidebarbox .profilebox ul li {list-style:none;padding-left:0;} .sidebarbox .profilebox ul li {border:none; padding:0; } .sidebarbox .profilebox ul li i, .sidebarbox .profilebox ul li span {display:inline-block; margin-right:5px;} .sidebarbox .profilebox ul li:before {content: ''; display:none;} .sidebarbox .profilebox ul li.secaddr {padding-bottom:5px;} .prop-profile-contactbox .profilebox {display:flex;justify-content:flex-start; width:100%; vertical-align:stretch; height:300px;} .prop-profile-contactbox .profilebox .profileimg {width:40%; max-width:40%; height:100% !important; margin:0;} .prop-profile-contactbox .profilebox .profileimg img { width:100%; height:100%; object-fit:cover; object-position:50% 0; display:block; border-radius:0;} .prop-profile-contactbox .profilecontent {width:calc(60% - 40px); margin:0; padding:20px 0 20px 40px; text-align:left; background: #f7f8fa;} .profilecontact {margin-bottom:20px;} @media screen and (max-width: 480px) { .prop-profile-contactbox .profilebox {flex-wrap:wrap; height:auto;} .prop-profile-contactbox .profilebox .profileimg {width:calc(100% - 40px); padding:0 20px; max-width:100%; height:auto !important;} .prop-profile-contactbox .profilecontent {width:calc(100% - 80px); margin:0 auto; padding:20px;} } @media screen and (max-width: 396px) { .prop-profile-contactbox .profilebox {flex-wrap:wrap; height:auto;} .prop-profile-contactbox .profilebox .profileimg {width:calc(100% - 20px); padding:0 10px;} .prop-profile-contactbox .profilecontent {width:calc(100% - 40px); margin:0 auto; padding:20px 10px;} } /* ====================== property details sidebar =================== */ .bo-property-sidebar {max-width:80%;margin:30px auto;} .sidebar-prop-infos {display:flex;flex-direction:row;flex-wrap:wrap;background:#f7f8fa; padding:20px; } .sidebar-prop-detail {margin:0; width:33.3333%; font-size:19px;font-weight:400; text-align:center;} .sidebar-prop-detail div {text-align:left;margin:15px 40px;} .sidebar-prop-detail i {margin-right:15px; } .sidebar-prop-detail span {display:block; font-size:13px;font-weight:200;} .single-portfolio .propfacts div:last-child {border-bottom:none;} .single-portfolio .propfacts div {padding:12px 0;} .single-portfolio .propfacts span {font-size:13px; display:inline-block; width:50%;} @media screen and (max-width: 1360px) {.bo-property-sidebar {max-width:90%;}} @media screen and (max-width: 1200px) {.bo-property-sidebar {max-width:100%;}} @media screen and (max-width: 940px) {.sidebar-prop-detail div {text-align:left;margin:15px 20px;}} @media screen and (max-width: 600px) {.sidebar-prop-detail div {text-align:left;margin:15px 0;} .sidebar-prop-detail {width:50%;}} @media screen and (max-width: 380px) {.sidebar-prop-detail div {text-align:left;margin:15px 20px;} .sidebar-prop-detail {width:100%; }} .propaddress {padding:10px; position:relative; max-width:70%; margin:0 auto 20px auto; text-align:center; } .propaddress p {font-size:16px; padding:0; } .floorplans {height:auto; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start;margin-bottom:30px;} .plan-item {flex-basis:calc(50% - 30px ); margin:10px 60px 10px 0;} .plan-item:nth-child(even) {margin-right:0;} .floorplans img {width:100%; height:auto; display:block; margin:0; border-radius:2px;} .reset-favorites-list {flex-basis:100%;display:flex;justify-content:flex-end; margin-top:30px; } h3.no-favorites {text-align:center;flex-basis:100%;} .no-favorites {background:#F7F8FA; padding:15px 0;} /* ====================== portfolio details / single featured images =================== */ .bo-portfolio-objekt-top {display:flex; flex-direction:row;flex-wrap:wrap; justify-content:flex-start;background:#f7f8fa; padding:20px 10px 10px 10px;margin:0 auto 60px auto; max-width:80%; } .bo-portfolio-objekt-top div {display:inline-block;flex-basis:calc(33.3333% - 30px); padding:5px 15px;font-weight:400;margin-bottom:10px;} .bo-portfolio-objekt-top div span {font-weight:200} .portfolio-featured-image {position:relative; margin:-5px -40px 0 -40px; padding:0; width:calc(100% + 80px);height:600px} .portfolio-featured-image img {width:100%;height:100%; object-fit:cover; object-position:50% 50%;} .portfolio-featured-image .bo-portfolio-marker {padding:5 40px;} .bo-portfolio-marker {position:absolute; top:20px; left:0; padding:5px 10px; font-weight:400;} .bo-portfolio-object-bottom {margin:0 auto 100px auto; max-width:80%; } a.bo-portfolio-more {padding:0 0 20px 20px; color:#152736; font-weight:400; display:inline-block;} .property-featured-image {position:relative; height:600px} .property-featured-image img {width:100%;height:100%; object-fit:cover; object-position:50% 50%;} @media screen and (max-width: 1440px) { .portfolio-featured-image, .property-featured-image {height:500px} } @media screen and (max-width: 1200px) { .bo-portfolio-objekt-top {max-width:100%; } .bo-portfolio-object-bottom {max-width:100%; } } @media screen and (max-width: 1024px) { .portfolio-featured-image {margin:-5px -20px 0 -20px; padding:0; width:calc(100% + 40px);height:400px} .property-featured-image {height:400px} .bo-portfolio-marker {bottom:40px; top:auto;}} @media screen and (max-width: 800px) {.portfolio-featured-image, .property-featured-image {height:340px}} /* ====================== property details tabs =================== */ .bo-property-object-bottom {padding-bottom:60px;} #tabContainer { position:relative; width:80%; margin:25px auto; } #tabContainer #tabitems {z-index:100; margin:0; padding:0; display:flex;justify-content:flex-start;width:100%; background:#9F2B33;} #tabContainer #tabitems li:hover a.active, #tabContainer #tabitems li.ui-state-active:hover a {} #tabContainer #tabitems li a, #tabContainer #tabitems li {outline:none !important} #tabContainer #tabitems li a i {display:none;} #tabContainer #tabitems li {list-style:none;margin:0;border:none;border-right:1px solid #fff;padding:0;display:inline-block;text-align:center;} #tabContainer #tabitems li:last-child {border-right:none;} #tabContainer #tabitems li a {color:#fff; display:block; line-height:35px; padding:5px 20px; text-decoration:none; margin:0;border:none;font-weight:400; font-size:17px;} #tabContainer #tabitems li a:hover,#tabContainer #tabitems li a.active,#tabContainer #tabitems li.ui-state-active a, #tabContainer #tabitems li a.active,#tabContainer #tabitems li.ui-state-active a {color:#9F2B33;background:#f7f8fa; } #tabContainer .tabtext { margin:8px auto; position:relative; z-index:99; text-align:left; padding:10px 0; width:100%;} @media screen and (max-width: 1600px) {#tabContainer #tabitems li a {padding:5px 15px;font-size:16px;}} @media screen and (max-width: 1360px) {#tabContainer {width:90%;}} @media screen and (max-width: 1200px) {#tabContainer {width:100%;}} @media screen and (max-width: 1100px) {#tabContainer #tabitems li a {padding:5px 13px;font-size:15px;}} @media screen and (max-width: 1023px) { #tabContainer #tabitems {flex-wrap:wrap;border-bottom:none; background:#F7F8FA; justify-content:flex-start;} #tabContainer #tabitems li a {color:#fff;padding:5px 25px;}} @media screen and (max-width: 480px) { #tabContainer #tabitems {justify-content:center;padding:3px;} #tabContainer #tabitems li a {padding:5px 22px;border:none;border-right:none;} #tabContainer #tabitems li {border:none;border-right:none;margin:0 1px 3px 1px;} } .prop-all-data { font-size:16px; padding:0;} .prop-all-data table { margin:5px 0; padding:0; line-height:1.6em; width:100%; } .prop-all-data table td { padding:10px;margin-bottom:1px; vertical-align:top;border-bottom:1px solid #F2F3F4;} .prop-all-data table tr:first-child td {border-top:none !important; } .prop-all-data table tr:last-child td {border-bottom:none !important; } .prop-all-data td.keys {width:40%; background:#f7f8fa;border-bottom:none;} .prop-all-data td i { font-size:18px;} @media screen and (max-width: 520px) {.prop-all-data table td { padding:8px;font-size:14px;}} .propfeatures {margin:15px 0;} .propfeatures span { border:1px solid #fff; border-radius:4px; padding:6px 10px; font-size:18px; line-height:26px; margin:3px 3px 6px 3px; display:inline-block; font-weight:400;} .print-tab-header {display:none;} .bo-areamap-wrapper {margin:40px 0; width:100%;} /* ====================== property details energy scale =================== */ .energy-scale-horizontal {padding:0;margin-bottom:40px;margin-top:40px;} .energy-scale-steps-horizontal {width:100%; padding:8px 0 0 0; background-image:linear-gradient(90deg, #2d6c1a 0,#ffcf4d 50%,#9b1410); border-radius:2px;} .energy-scale-steps-horizontal .eeclass span {display:inline-block; height:35px;line-height:35px; font-size:18px;padding:0; text-align:center;border-right:1px solid #fff;color:#fff;} .energy-scale-steps-horizontal .eeclass span:nth-child(1) {width:calc(10.90909% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(2) {width:calc(7.27272% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(3) {width:calc(9.090909% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(4) {width:calc(9.090909% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(5) {width:calc(10.90909% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(6) {width:calc(10.90909% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(7) {width:calc(14.54545454% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(8) {width:calc(18.18181818% - 2px); } .energy-scale-steps-horizontal .eeclass span:nth-child(9) {width:calc(9.090909% - 2px); border-right:none;} .energy-scale-steps-horizontal .eenumber {background:#fff;margin:8px 0 0 0;} .energy-scale-steps-horizontal .eenumber span {display:inline-block; height:20px;line-height:20px;width:calc(9.09090909% - 3px);font-size:12px;text-align:left; padding:0 3px 5px 0;background:#fff;} .energy-scale-steps-horizontal .eenumber span:last-child {border:none;} .energy-scale-value-horizontal {width:100%;position:relative;} .energy-scale-value-horizontal .horizontal-value-step {display:inline-block;background:#606774;color:#fff; width:0;padding:0;font-size:0; margin-top:0; position:absolute;top:0;text-align:center;} .energy-scale-value-horizontal .horizontal-value-step:before {content:"";width:0;height:0;border-left: 20px solid transparent; border-right: 20px solid transparent;border-top: 20px solid #fff;position:absolute;top:-7.5px; left:5px;} @media screen and (max-width: 940px) { .energy-scale-value-horizontal .horizontal-value-step:before {border-left: 10px solid transparent; border-right: 10px solid transparent;border-top: 10px solid #fff;position:absolute;top:-5px; left:2.5px;} } .activatemap {display:block; background:url(images/placeholder-maps.jpg) center center no-repeat; background-size: cover;padding:0;margin:0; text-align:center; font-size:13px;} .activatemap .mapwrap .activatemap-content {background:#fff; padding:20px; font-size:20px; max-width:300px; min-height:100px; margin:0 auto; } .activatemap .mapwrap {background:rgba(0,0,0,.5); padding:75px 25px;} .activatemap .mapwrap .activatemap-button {font-size:12px; font-weight:400; margin-bottom:25px; text-transform:uppercase;padding:10px 0;cursor:pointer;border-radius:3px;} .activatemap .mapwrap .activatemap-button:hover {border-radius:0;} .activatemap .mapwrap .activatemap-info {font-size:13px; line-height:20px;} #map {width:100%; max-width:100%; height:500px; } #map iframe {width:100%; height:auto; display:block; } .mapinfo { padding:0; text-align:left; width:280px;background:#F7F8FA;} .objimagewrap {float:left !important;width:125px;margin:0; } .objtextwrap {float:left !important; width:calc(100% - 135px);margin:0; padding-top:3px;} .objimagewrap img {width:100%; height:auto; display:block; } .mapinfo span { display:block; padding:3px 0 2px 15px;} .mapinfo span strong {font-size:15px;} .activateframe {display:block; background:url(images/placeholder-frames.jpg) center center no-repeat; background-size: cover;padding:0;margin:0; text-align:center; font-size:13px;} .activateframe .activateframe-content {background:#fff; padding:20px; font-size:20px; max-width:220px; min-height:100px; margin:0 auto; } .activateframe .framewrap {background:rgba(0,0,0,.3); padding:75px 25px; padding-bottom:50px; } .activateframe .framewrap .activateframe-button {font-size:12px; font-weight:400; margin-top:25px; text-transform:uppercase;padding:10px 0;cursor:pointer;border-radius:3px;} .activateframe .framewrap .activateframe-button:hover {border-radius:0;} .activateframe .framewrap .activateframe-info {font-size:13px; line-height:20px;} /* ====================== property details bottom gallery =================== */ .property-bottom-gallery {display:flex; flex-direction:row;flex-wrap:wrap; justify-content:center; width:80%; margin: 0 auto; } .property-bottom-gallery figure {margin-right:20px;margin-bottom:15px;width:calc(25% - 15px);max-width:325px;height:217px;overflow:hidden; } .property-bottom-gallery figure img {width:100%; height:100%;display:block; object-fit:cover; object-position:50% 50%;} .property-bottom-gallery figure:nth-child(4) {margin-right:0;} @media screen and (max-width: 800px) { .property-bottom-gallery {flex-wrap:wrap;} .property-bottom-gallery figure {margin-right:20px;margin-bottom:20px;width:calc(50% - 10px); } .property-bottom-gallery figure:nth-child(2n + 2) {margin-right:0; } } @media screen and (max-width: 480px) { .property-bottom-gallery {flex-wrap:wrap;} .property-bottom-gallery figure {width:100% !important; margin-right:0 !important;} } /* ============ portfolio / filter ================== */ .filters { margin:45px 0 20px 10px; padding:0; display:flex; flex-wrap:nowrap; justify-content:flex-start; } .filter-button-group {flex-basis:1; } .filter-button-group:first-child {margin-right:60px;} .mobilefilter {display:none;} .filter-button-group button.button {padding:10px 15px; border-radius:2px; margin:0 3px 5px 0; font-size:15px;font-weight:200; cursor:pointer;} @media screen and (max-width: 800px) {.filters { flex-wrap:wrap; justify-content:flex-start; } .filter-button-group button.button {padding:10px 10px;margin:0 2px 5px 0; font-size:14px;} } /* ============ taxonomy / search ================== */ .bo-property-taxsearch-wrapper {margin:10px 0 40px 0;} .bo-taxsearch {text-align:left; } .bo-taxform-form {width:100%; display:flex; align-items:stretch; justify-content:flex-start;} .bo-taxform-button {width:15%;margin:0; } .bo-taxform-select {padding:0;height:100%;width:85%;} .taxsearch-content {width:100%; max-width:1160px; position: absolute; bottom:5px; z-index:10011; left: 0; right: 0; margin: auto} .taxsearch-content-inner {padding:3px;} .taxsearch-content-inner .bo-taxform-button {width:calc(15% - 3px);margin:0 3px 0 0; } .taxsearch-content-inner .bo-taxsearch button.bo-taxform-button-submit {border-top:4px solid transparent; border-bottom:4px solid transparent;} .bo-taxsearch ul { width:100%;display:flex;flex-direction: row; flex-wrap:wrap;justify-content:flex-start;padding:0;} .bo-taxsearch ul li {list-style:none; margin:3px 5px 3px 0; padding:2px 0; display: inline-block; width: calc(100% / 3 - 5px);position:relative; } .bo-taxsearch ul li select { width:100% } .bo-taxsearch ul li:after {content:'\ea67'; top:16px; right:9px; font-family: "Icofont"; font-size:14px; position:absolute; z-index:11; color:#9F2B33;} article .bo-taxsearch ul {margin:0 !important;} article .bo-taxsearch ul li {margin:3px 5px 3px 0 !important; padding:0; line-height:1em; } .bo-taxsearch .chosen-container {width:100%; } .bo-taxsearch .chosen-container-single {width:100%;} .bo-taxsearch .chosen-container-single .chosen-single {width:100%; font-size:15px;font-weight:200; } .bo-taxsearch ul li ul li {width:100%; display:block;font-size:15px;line-height:26px !important;} .bo-taxsearch button.bo-taxform-button-submit {display:block; text-align:center; padding:0 5px; font-size:17px; font-weight:400; cursor:pointer;width:100%;height:100%;border:none;border-top:3px solid #fff; border-bottom:3px solid #fff; transition:background, 300ms;} .bo-taxform-button.taxsearch2-button {border-right-width:5px;width:calc(17% - 3px);} .bo-taxsearch button.bo-taxform-button-submit.prop-taxsearch2-button-submit {font-size:17px; width:100%;height:49px; box-sizing:border-box;border:none;margin-top:2px; } .bo-taxsearch a.bo-taxform-button-reset.prop-taxsearch2-button-reset {display:block; width:100%;height:49px; line-height:49px; text-align:center; font-size:17px;font-weight:400; margin-top:5px; border:none; background:#f7f8fa; color:#9F2B33;} .sc-taxsearch-content {width:100%; margin: auto;} .sc-taxsearch-content-inner {padding:3px;} article .sc-taxsearch-content-inner .bo-taxsearch button.bo-taxform-button-submit {border:none;border-top:none; border-bottom:none;} /* ============ sidebar search ================== */ .bo-taxsearch-sidebar li { position:relative;} .bo-taxsearch-sidebar li.offertype:before, .bo-taxsearch-sidebar li.proptype:before, .bo-taxsearch-sidebar li.location:before, .bo-taxsearch-sidebar li.price:before, .bo-taxsearch-sidebar li.size:before, .bo-taxsearch-sidebar li.rooms:before, .bo-taxsearch-sidebar li.keywords:before {font-family: "Icofont"; font-size:16px; color:#dedede; position:absolute; top:16px; left:10px;z-index:11; } .bo-taxsearch-sidebar li:after { content: '\ea67'; top:16px; right:9px; font-family: "Icofont"; font-size:14px; position:absolute; z-index:11;} /* ============ quicksearches ================== */ .bo-quicksearch-items-wrapper {display:flex; width:calc(100% - 170px); justify-content:flex-start; align-items:center; } .bo-quicksearch-keyword {display:inline-block; width:300px; margin:0; padding:0; } .bo-quicksearch-tax {display:inline-block; width:calc(100% - 300px);margin: 0; padding:0;} .bo-quicksearch2-mobile-button, .bo-quicksearch3-mobile-button {display:none;} .bo-quicksearch2-search-data, .bo-quicksearch3-search-data {display:block; } .bo-quicksearch2-headline {font-size:28px;font-weight:400; line-height:1.8em;margin:6px 0;} .bo-quicksearch2-text {font-size:16px; line-height:1.6em;margin:0;padding-bottom:20px !important; display:block; } .bo-quicksearch3-headline {font-size:28px;font-weight:400; line-height:1.8em;margin:6px 0;} .bo-quicksearch3-text {font-size:16px; line-height:1.6em;margin:0;padding-bottom:20px !important; display:block; } #bo-quicksearch-searchform {text-align:left; margin:15px 0; padding:2px 2px 2px 10px; border-radius:2px; display:flex; background:#F7F8FA } #bo-quicksearch-searchform.quick2search,#bo-quicksearch-searchform.quick3search {flex-direction:column; padding:15px 40px; margin:0;border-radius:0;background:transparent;} #bo-quicksearch-searchform input.bo-quick-input {box-sizing:border-box; width:100%; padding:10px; margin-bottom:0;background:rgba(255,255,255,.9); border:1px solid #f2f3f4;font-size:15px;font-weight:200;} #bo-quicksearch-searchform input.bo-quick-input:focus {outline:none;} #bo-quicksearch-searchform input.bo-quick-input::placeholder, #bo-quicksearch-searchform select::placeholder, #bo-quicksearch-searchform input::placeholder {opacity:1;} #bo-quicksearch-searchform.quick2search input.bo-quick-input {margin:3px 0;} #bo-quicksearch-searchform.quick3search input.bo-quick-input {margin-bottom:3px;background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15);} ul.bo-quick-select { width:100%;display:flex;flex-direction: row; flex-wrap:nowrap;justify-content:flex-start;margin:0; padding:0;} ul.bo-quick-select li {list-style: none; margin:0 3px; padding:0; display: inline-block; width: calc(100% / 2 - 6px); position:relative;font-size:15px; } ul.bo-quick-select li ul li {width:100%; display:block; margin:3px 0 3px 10px; padding:8px 5px !important;font-weight:200; } ul.bo-quick-select li select { width:100%; } ul.bo-quick-select .chosen-container {width:100%; } ul.bo-quick-select .chosen-container-single {width:100% ;} ul.bo-quick-select li:after { content: '\ea67'; top:12px; right:9px; font-family: "Icofont"; font-size:15px; position:absolute; z-index:11;color:#ccc;} ul.bo-quick-select li ul li:after {content:"";} ul.bo-quick-select .chosen-container-single .chosen-single {width:100% !important; background:rgba(255,255,255,.9) ;border-radius:2px; box-sizing:border-box;height:45px; padding-left:10px;font-size:15px;font-weight:200;border-color:#f2f3f4; } ul.bo-quick-select.search2select { flex-direction:column; } ul.bo-quick-select.search2select li {width:100%;list-style: none; margin:3px 0; padding:0; display:block; } ul.bo-quick-select.search2select li ul li { margin:3px 0 3px 10px; padding:8px 0; display:block; } ul.bo-quick-select.search3select { flex-direction:column; } ul.bo-quick-select.search3select li {width:100%;list-style: none; margin:3px 0; padding:0; display:block; } ul.bo-quick-select.search3select li ul li { margin:3px 0 3px 10px; padding:8px 0; display:block; } ul.bo-quick-select.search3select .chosen-container-single .chosen-single {background:rgba(255,255,255,.15); border-color:rgba(255,255,255,.15); } @media screen and (max-width: 480px) {ul.bo-quick-select.search3select li select {background:rgba(255,255,255,.15); border-color:rgba(255,255,255,.15); }} #bo-quicksearch-searchform input#searchsubmit {width:160px; padding:18px 5px; margin:1px 1px 1px 0; text-align:center; font-size:17px; border:none; border-radius:0 2px 2px 0; cursor:pointer;margin-left:auto; } #bo-quicksearch-searchform input#search2submit {width:100%;padding:15px 0; margin-top:15px; display:block;text-align:center; font-size:15px;text-transform:uppercase; border:none; border-radius:0; cursor:pointer; color:#fff; } #bo-quicksearch-searchform input#search3submit {width:100%;padding:15px 0; margin-top:15px; display:block;text-align:center; font-size:15px;text-transform:uppercase; border:none; border-radius:0; cursor:pointer; color:#fff; } .quicksearch-content {width:calc(100% - 80px);padding:0 40px; position:relative; margin: auto; text-align:left; } @media screen and (max-width: 1200px) {.quicksearch-content { width:100%;padding:0;}} /* * */ .open-mobile-taxsearch {display:none;} @media screen and (max-width: 940px) { .open-mobile-taxsearch {display:block;position:relative;font-size:18px;text-transform:uppercase; margin:0 auto; padding:10px 20px; text-align:center;border-radius:2px; cursor:pointer; } .open-mobile-taxsearch span {display:inline-block; width:auto; padding:0 40px;position:relative; } .open-mobile-taxsearch span:after {content:"\ea99"; font-family:"icofont"; font-size:23px; color:#fff; position:absolute;top:2px;right:0; } .bo-quicksearch2-mobile-button, .bo-quicksearch3-mobile-button {display:block;position:relative;font-size:18px;text-transform:uppercase; margin:0 auto; padding:0; text-align:center; border-radius:2px; cursor:pointer; width:100%; } .bo-quicksearch2-mobile-button:after, .bo-quicksearch3-mobile-button:after {content:"\ea99"; font-family:"icofont"; font-size:27px; color:#fff; position:absolute;top:0;right:10px; } .bo-quicksearch2-mobile-button.search-opened:after, .bo-quicksearch3-mobile-button.search-opened:after, .open-mobile-taxsearch.search-opened:after {content:"\eaa1";} .bo-quicksearch2-search-data,.bo-quicksearch3-search-data {display:none; border-top:1px solid #fff; margin-top:20px; padding-top:20px; } #bo-quicksearch-searchform.quick1search {display:none;} .quicksearch-content { width:calc(100% - 60px);padding:0 30px;} .quicksearch2-content {position:relative; margin:0; height:auto;width:100%;box-sizing:border-box; } .quicksearch2-content, .quicksearch3-content {padding:0 10px; } #bo-quicksearch-searchform {padding:0 5px 5px 5px;} .bo-quicksearch-items-wrapper {flex-direction:column; width:100%; justify-content:flex-start; align-items:top; } .bo-quicksearch-keyword {display:block; width:100%; margin:0; padding:5px 0 0 0; } .bo-quicksearch-tax {display:block; width:100%;margin:2px 0 0 0; padding:0;} .bo-quicksearch-tax li {width:100%;margin:0; padding:0;} .bo-quicksearch-tax ul.bo-quick-select {width:100%;flex-direction:column;flex-wrap:wrap; margin:0;} .bo-quicksearch-tax ul.bo-quick-select li {list-style:none; margin:2px 0; display:block; width:100%; position:relative;font-size:15px;} #bo-quicksearch-searchform input#searchsubmit {width:100%; margin-top:10px; } #bo-quicksearch-searchform.quick2search,#bo-quicksearch-searchform.quick3search {padding:15px 20px;} .bo-taxsearch .open-mobile-taxsearch {position:relative;right:auto;left:auto;bottom:auto; margin:auto;margin-bottom:20px;width:100%; padding:15px 0; } .bo-taxsearch .chosen-container-single .chosen-single {font-size:16px;} .bo-taxsearch ul li ul li {font-size:16px;} .bo-taxsearch button.bo-taxform-button-submit {font-size:22px;} .bo-taxsearch button.bo-taxform-button-submit br {display:none;} .bo-taxsearch button.bo-taxform-button-submit.prop-taxsearch2-button-submit {font-size:15px; } .bo-taxsearch a.bo-taxform-button-reset.prop-taxsearch2-button-reset {font-size:15px; } .bo-taxform-form {flex-wrap:wrap; display:none;} .bo-taxform-button {width:100%;margin:0; } .bo-taxform-select {padding:0;height:100%;width:100%;} .taxsearch-content {position: relative; bottom:0;} .taxsearch-content-inner .bo-taxform-button {width:calc(100% - 10px);margin:5px;} .taxsearch-content-inner .bo-taxform-button br {display:none;} .bo-taxsearch ul { width:calc(100% - 5px);padding:0 0 20px 10px;} .bo-taxsearch ul li {list-style: none; margin:3px 5px 3px 0; padding:0; display:block; width: calc(100% - 5px); } .bo-taxsearch button.bo-taxform-button-submit {padding:12px 0; width:calc(100% - 20px); margin-left:10px; margin-right:10px; border-radius:2px;} .bo-taxform-button.taxsearch2-button {width:100%;display:flex; justify-content:space-between;margin-top:5px;} .bo-taxsearch button.bo-taxform-button-submit.prop-taxsearch2-button-submit {font-size:19px; width:49%;} .bo-taxsearch a.bo-taxform-button-reset.prop-taxsearch2-button-reset { font-size:19px; width:49%;margin-top:1px;padding-bottom:1px;border-radius:2px;} }/* eof 940 */ @media screen and (max-width: 480px) { .open-mobile-taxsearch span {padding:0;} .open-mobile-taxsearch span:after {top:2px;right:-30px; } .quicksearch-content { width:calc(100% - 10px);padding:0 5px;} } @media screen and (max-width: 480px) { .bo-taxform-select ul li select {background:none !important; border:1px solid #eaebef !important; height:45px; padding-left:10px;font-size:15px;font-weight:200;color:#152736;} ul.bo-quick-select.search1select li select {width:100% !important; background:#fff !important; border-radius:2px; box-sizing:border-box; height:45px; padding-left:10px;font-size:15px;font-weight:200; border:1px solid #f2f3f4;color:#152736; } ul.bo-quick-select.search3select li select {background:rgba(255,255,255,.15) !important;border-radius:2px; border:1px solid rgba(255,255,255,.15) !important; height:45px; padding-left:10px;font-size:15px;font-weight:200;} } .bo-taxsearch li ul li:after, .bo-taxsearch-sidebar li ul li:after {content:"";} .bo-taxsearch li:empty, .bo-taxsearch-sidebar li:empty {display:none;} .bo-simple-objsearch {margin:0; padding:10px 0; display:flex; justify-content:flex-start;} .bo-simple-objsearch .objectsearch {background:#fff;padding:9px 10px 10px 10px; border:1px solid #ebebeb; } .bo-simple-objsearch .objectsearch i {color:#ccc;font-size:18px } .bo-simple-objsearch .objectsearch input[type="text"] {border:none; padding:10px; } .bo-simple-objsearch .objectsearch input[type="text"]:focus {border:none; outline:none; } .bo-simple-objsearch input[type="submit"] {border:none;padding:10px 12px;font-size:15px;} .bo-search-result-info {background:#F7F8FA; padding:5px 10px 10px 10px;margin-bottom:10px;} .bo-search-vars {font-weight:400;} .bo-results-new-search {margin:40px 0 60px 0;} .bo-results-new-search h4 {margin-left:20px;} .no-prop-info p {font-weight:400;font-size:18px;} /* =================== socials =================== */ .smicons span { width:30px; height:30px; display:inline-flex; margin:0 5px 5px 0; padding:0; border-radius:2px; text-align:center;} .smicons span img {border-radius:2px;} .smicons span::before {font-size:17px;line-height: 30px;color:#fff; margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .smicons span.google::before {content:"\ed43"; } .smicons span.twitter::before {content:"\ed7a";} .smicons span.insta::before {content:"\ed46";} .smicons span.fb::before {content:"\ed37";} .smicons span.xing::before {content:"\ed87";} .smicons span.linked::before {content:"\ed4d";} .smicons span.yt::before {content:"\ed8b";} .smicons span.vimeo::before {content:"\ed7f";} .smicons span.pin::before {content:"\ed5d";} .smicons span.rss::before {content:"\ed64";} .smicons span.mail::before {content:"\ef14";} .smicons span.phone::before {content:"\f008";} /* =================== agents =================== */ .team-profile-section {padding:30px 0;} .team-single-content {display:flex; flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:calc(100% - 20px);align-items:stretch; vertical-align:center;padding:10px; background:#f7f8fa; margin-top:50px;} .team-single-content .team-single-image {width:calc(20% - 40px); margin-right:40px;} .team-single-content .team-single-image img {width:100%; height:100%; object-fit:cover; object-position:50% 50%; } .team-single-content .team-single-data {width:40%;margin-top:10px;} .team-single-content .team-single-text {width:calc(40% - 40px);margin-left:40px;margin-top:10px;} article.team-single-text-article {margin:0; padding:0;} .team-single-image img {border-radius:2px;} .team-single-content h1 {font-size:26px;font-weight:200;line-height:1.2em;} .team-single-content h2 {font-size:22px; line-height:1em; margin-bottom:0; padding-bottom:0;} .team-profile-contact {border-top:1px dotted #ccc; margin:20px 0; max-width:100%;} ul.team-profile-contact-data {display:block;} ul.team-profile-contact-data {list-style:none;margin:10px 0; padding:0;} ul.team-profile-contact-data li {list-style:none; margin:0 20px 0 0; padding:5px 0;width:100%;font-size:18px;} ul.team-profile-contact-data li i {margin-right:15px;} @media screen and (max-width: 1280px) { .team-single-content .team-single-image {width:calc(25% - 30px); margin-right:30px;} .team-single-content .team-single-data {width:35%;} } @media screen and (max-width: 1024px) { .team-single-content {flex-wrap:wrap;} .team-single-content .team-single-image {width:calc(35% - 40px); margin-right:40px;} .team-single-content .team-single-data {width:65%;} .team-single-content .team-single-text {width:calc(100% - 40px);margin-left:0; padding:20px;} } @media screen and (max-width: 800px) { .team-single-content .team-single-image {width:calc(40% - 40px);} .team-single-content .team-single-data {width:60%;} } @media screen and (max-width: 600px) { .team-single-content .team-single-image {width:calc(45% - 20px); margin-right:20px;} .team-single-content .team-single-data {width:55%;} } @media screen and (max-width: 480px) { .team-single-content .team-single-image {width:100%; margin-right:0;} .team-single-content .team-single-data {width:calc(100% - 20px);margin-left:0; padding:10px;} .team-single-content .team-single-text {width:calc(100% - 20px);margin-left:0; padding:10px;}} .bo-team-properties {margin:60px 0;} .bo-agents-grid {width:100%; display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch; padding:20px 0 60px 0;} .bo-agents-grid .bo-agent-box {width:calc(50% - 10px); margin:10px 20px 10px 0;} .bo-agents-grid .bo-agent-box:nth-child(2n + 2) {margin-right:0;} .bo-agent-box {width:calc(100% - 10px); margin:10px 5px; border:1px solid #f2f3f4; box-sizing:border-box} .bo-agent-box {display:flex;} .bo-agent-box-img {width:40%; max-width:40%; height:100% !important; margin:0;} .bo-agent-box-img img { width:100%; height:100%; object-fit:cover; object-position:50% 0; display:block; border-radius:0;} .bo-agent-box-content {width:calc(60% - 40px); margin:0; padding:20px 0 20px 40px; text-align:left; background: #f7f8fa; } @media screen and (max-width: 940px) { .bo-agents-grid .bo-agent-box {width:calc(100% - 80px); margin:10px 40px;} } @media screen and (max-width: 800px) { .bo-agents-grid .bo-agent-box {width:100%; margin:10px 0;} } @media screen and (max-width: 480px) { .bo-agent-box {flex-wrap:wrap;} .bo-agent-box-img {width:100%; max-width:100%; height:auto !important;} .bo-agent-box-img img { width:100%; height:auto;display:block;} .bo-agent-box-content {width:calc(100% - 40px); margin:0; padding:20px;} } /* ================= testimonials ============ */ .bo-testimonial-carousel {padding:0;margin:45px 0; } .bo-testimonial-data.slick-slide {width:100%;display:flex; flex-direction:row;flex-wrap:nowrap;justify-content:center;vertical-align:center;align-items:center; } .bo-testimonial-quote {width:calc(100% - 80px);margin:0 40px; text-align:center; } .bo-testimonial-quote p {font-style:italic; margin:0; padding:5px 0;} .bo-testimonial-quote strong {font-style:italic;} .bo-testimonial-cite {font-size:20px; font-weight:400; display:inline-block;margin-top:20px;} .bo-testimonial-carousel .slick-dots{ position:relative; display:block; width:100%;padding:0;margin:40px 0 0 0;list-style: none;text-align:center;} .bo-testimonial-carousel .slick-dots li button {font-size: 0;line-height: 0; display: block;width:25px;height:20px;padding:0;cursor: pointer; color: transparent;border: 0;outline:none;background:none;border-radius:0;border-bottom:3px solid #ccc; } .carousel-links .bo-testimonial-data.slick-slide {justify-content:flex-start !important} .carousel-links .bo-testimonial-quote, .bo-testimonial-carousel.carousel-links .slick-dots {text-align:left;} .bo-testimonial-carousel.carousel-links .slick-dots {margin-left:35px;width:calc(100% - 35px)} .carousel-rechts .bo-testimonial-data.slick-slide {justify-content:flex-end !important} .carousel-rechts .bo-testimonial-quote, .bo-testimonial-carousel.carousel-rechts .slick-dots {text-align:right;} .bo-testimonial-carousel.carousel-rechts .slick-dots {margin-right:35px; width:calc(100% - 35px)} @media screen and (max-width: 800px) { .bo-testimonial-quote {width:calc(100% - 40px);margin:0 20px;} } @media screen and (max-width: 600px) { .bo-testimonial-quote {width:100%; margin:0;} .bo-testimonial-carousel .slick-dots li button {width:15px;} } /* =================== table =================== */ article table { width:80%; margin:15px 0; padding:10px; border:1px solid #F2F3F4;border-radius:2px; font-size:15px;} article table td { border-bottom:1px solid #F2F3F4;border-top:1px solid #fff; padding:7px 10px; margin:0 3px; width:auto;} article table td.key {background:#F7F8FA; width:200px; font-size:14px; } article table tr:last-child td { border-bottom:none;} article table th { border-bottom:1px solid #F2F3F4; padding:7px 10px; line-height:1.5em; font-weight:normal; } /* =================== text search =================== */ form.searchform-wp-search {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;} .search404 form.searchform-wp-search {max-width:600px;margin:30px 0 80px 0;} form.searchform-wp-search input {-webkit-appearance:none;} form.searchform-wp-search input#searchinput {display:inline-block; width:calc(100% - 130px); background:none; border:1px solid #F2F3F4; margin:10px; font-style:italic; padding:15px 10px; } form.searchform-wp-search input#searchinput:focus {-webkit-appearance:none; outline: none; color:#333; border:1px solid #F2F3F4; } form.searchform-wp-search input#searchsubmit {width:80px; text-transform:uppercase; display:inline-block; cursor:pointer; margin:1px; border:none !important; border-radius:1px; text-align:center; } form.searchform-wp-search input#searchsubmit:hover, .searchbox input#searchsubmit:focus {} .search-item-list {margin:15px 0; padding:10px 10px 30px 10px; border-top:1px dotted #F2F3F4;} .search-item {margin:10px 0; padding-bottom:20px; border-bottom:1px dotted #ccc;display:flex;} .search-item-thumb {margin:0 25px 0 0; max-width:300px; } .search-item-thumb img {width:100%; height:auto; display:block; border-radius:3px;} .search-item p {font-size:18px; margin:0; padding:0 15px 5px 0;} a.post-more { display:inline-block; font-weight:bold; font-size:15px;} /* =================== blog =================== */ h2.comment-reply-title {font-size:16px; font-weight:600; background:#F7F8FA; padding:10px;} p.comment-notes {font-size:14px; margin:5px 0; padding:0;} #respond label {display:block; font-size:15px; font-weight:400; } #respond label span {font-size:13px; } #respond input,#respond textarea {width:calc(100% - 14px); font-size:14px; padding:7px; margin:0 0 7px 0; border:1px solid #F2F3F4; border-radius:3px; } #respond input[type="checkbox"] {width:30px; float:left;margin-top:8px; } #respond p.comment-form-cookies-consent label {font-size:14px; font-weight:400; } #respond input#submit {color:#FFFFFF;width:auto; font-size:15px; cursor:pointer; margin-top:15px; padding:10px 20px;} #comments-box {margin:30px 0 0 0; padding:20px 60px 40px 0; width:calc(100% - 60px); } a#cancel-comment-reply-link {display:block;} .comment-author .says { display:none;} .comment-author {font-weight:bold;} .comment-meta {font-size:13px;} #comments-box a.comment-reply-link {font-size:13px;font-weight:400; margin:5px; text-align:right; display:block;} ul.comment-list { margin:15px 0 0 0; list-style:none; padding:0; } ul.comment-list li { padding:5px 10px; margin:0 0 15px 0; font-size:1em; line-height:1.6em; border-bottom:1px dotted #F2F3F4; list-style:none;} ul.comment-list li.bypostauthor {} ul.comment-list ul {margin:15px 0; border:1px dotted #F2F3F4; padding:10px;} ul.comment-list ul li {border-bottom:none;} .bo-comment-count {border-radius:100%; width:25px; height:25px;margin-right:5px;display:inline-block; text-align:center; } .blog-grid-section {padding:20px 0; margin:0; } .blog-grid { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; } .blog-grid-item {width:calc(33.3333% - 30px); margin:20px 45px 45px 0; display:flex;flex-direction:column; flex-wrap:wrap; justify-content:flex-start; } .blog-grid-item:nth-child(3n + 3) {margin-right:0;} .bo-blog-description.centerdesc {text-align:center; } .blog-grid-item-content {padding:10px; margin:0; height:100%;} .blog-grid-item-title h2 {font-size:22px;font-weight:400;} .blog-grid-item-image {margin:0; padding:0; position:relative;} .blog-grid-item-image img {padding:0;height:auto;margin:-11px -11px 20px -11px; width:calc(100% + 22px);} .blog-grid-item-image .blog-category {position:absolute; bottom:10px; left:0;font-size:14px; padding:10px;} .blog-grid-item-content .bo-content-button a {font-size:16px;} .bo-blog-single-meta {margin:60px 0 10px 0; padding:10px 0; border-top:1px dotted #F2F3F4; border-bottom:1px dotted #F2F3F4} .bo-meta {font-size:16px; padding:5px 0;} .bo-meta i {font-size:12px; } .bo-blog-single-nav {clear:both; height:auto; margin:10px 0 80px 0;font-size:14px; } .bo-blog-single-nav .navleft {width:50%; float:left; vertical-align: middle;} .bo-blog-single-nav .navright {width:50%; float:right; vertical-align: middle; text-align:right;} .blog-shortcode-section {display:flex; justify-content:flex-start;flex-direction:row;flex-wrap:wrap; align-items:stretch;} .blog-shortcode-item {width:calc(33.3333% - 30px); margin:20px 45px 25px 0;box-sizing:border-box; } .blog-shortcode-item:nth-child(3n + 3) {margin-right:0;} a.blog-grid-item-link { padding:5px 10px; display:block;} @media only screen and (max-width: 1024px) { .blog-shortcode-item {width:calc(50% - 10px); margin:20px 20px 25px 0;} .blog-shortcode-item:nth-child(3n + 3) {margin-right:20px;} .blog-shortcode-item:nth-child(2n + 2) {margin-right:0;} .blog-grid-item {width:calc(50% - 10px); margin:20px 20px 25px 0; } .blog-grid-item:nth-child(3n + 3) {margin-right:20px;} .blog-grid-item:nth-child(2n + 2) {margin-right:0;} } @media only screen and (max-width: 600px) { .blog-shortcode-item {width:calc(100% - 40px); margin:20px 20px 25px 20px;} .blog-shortcode-item:nth-child(2n + 2) {margin-right:20px;} .blog-shortcode-item:nth-child(3n + 3) {margin-right:20px;} .blog-grid-item {width:calc(100% - 40px); margin:20px 20px 25px 20px; } .blog-grid-item:nth-child(3n + 3) {margin-right:20px;} .blog-grid-item:nth-child(2n + 2) {margin-right:20px;} } @media only screen and (max-width: 420px) { .blog-shortcode-item {width:100%; margin:20px 0 25px 0;} .blog-shortcode-item:nth-child(2n + 2) {margin-right:0;} .blog-shortcode-item:nth-child(3n + 3) {margin-right:0;} .blog-grid-item {width:100%; margin:20px 0 25px 0; } .blog-grid-item:nth-child(3n + 3) {margin-right:0;} .blog-grid-item:nth-child(2n + 2) {margin-right:0;} } .sidebar-thumbnail {float:left; width:60px;height:40px; margin:0 15px 0 0; padding:0;} .sidebar-thumbnail img {border-radius:2px;width:60px; height:40px; } .footer-box .sidebar-thumbnail {float:left; width:60px; margin:0 15px 0 0;} /* =================== sidebar =================== */ .sidebarbox {padding:0 0 45px 0; margin:0; } .sidebarbox .widgettitle { padding:0 0 5px 0; margin:0 0 15px 0; font-size:16px; text-transform:uppercase; font-weight:400;} .sidebarbox .widgettitle [class^="icofont-"]:before, .sidebarbox .widgettitle [class*=" icofont-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;} .sidebarbox ul {margin:0; padding:0; list-style:none;} .sidebarbox ul li {margin:3px 0;padding:6px 0 6px 20px; list-style:none; border-bottom:1px dotted #F2F3F4;position:relative;font-size:16px;color:#152736;} .sidebarbox ul li:before {content:""; width:2px; height:2px;position:absolute; top:17px; left:2px;transition:all ease 300ms;} .sidebarbox ul li:hover:before, .sidebarbox ul li.current-cat:before, .sidebarbox ul li.current-menu-item:before {content:"";height:calc(100% - 10px);position:absolute; top:4px;transition-delay:50ms;} .sidebarbox ul.sidebar-current-posts li {padding-left:5px;} .sidebarbox ul.sidebar-current-posts li:before, .sidebarbox ul.sidebar-current-posts li:hover:before {display:none !important;} .sidebarbox ul.sidebar-current-posts, .sidebarbox ul.sidebar-current-posts li {list-style:none; line-height:20px; font-size:13px;} .sidebarbox ul li a {color:#152736;display:block;} .sidebarbox ul li a:hover {text-decoration:none;} .sidebarbox ul ul.sub-menu {display:none;} .sidebarbox ul li.current-menu-item ul.sub-menu, .sidebarbox ul li.current-menu-parent ul.sub-menu {display:block;} .sidebarbox ul ul.sub-menu li:last-child {border-bottom:none;} .sidebarbox ul ul.sub-menu li:hover:before {content:"";height:3px;position:absolute; top:18px;} .sidebarbox ul li.current-menu-parent:hover:before {width:2px; height:3px;position:absolute; top:18px; left:2px;} .sidebarbox .tagcloud a {color:#152736;line-height:1.5em;} .sidebarbox #searchform.searchform-wp-search { margin:0 0 45px 0; padding:0; width:100%; height:60px; display:flex; justify-content:flex-start;} .sidebarbox #searchform input#searchinput { border:1px solid #f2f3f4; background:#fff; margin:0 10px 0 0; padding:19px 15px; font-size:13px; font-style:italic; border-radius:2px;display:inline-block; } .sidebarbox #searchform input#searchinput:focus {border:1px solid #ccc; } .sidebarbox #searchform input#searchsubmit {font-size:14px; text-transform:uppercase; width:85px; display:inline-block; padding:0; margin:0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} @media screen and (max-width: 640px) {.sidebarbox ul.sidebar-current-posts, .sidebarbox ul.sidebar-current-posts li {font-size:14px;} } /* ========================= Calendar =========================*/ #calendar_wrap {margin:0; } #wp-calendar {empty-cells: show; margin:0; padding:0; font-size:13px; width:100%;} #wp-calendar #next a {text-align: right;} #wp-calendar #prev a {text-align: left;} #wp-calendar a {display: block;font-weight:400; text-decoration:none; padding:6px 2px; margin:-6px -2px;} #wp-calendar caption {display:none;} #wp-calendar th {padding: 3px 0; text-align: center; border:1px solid #F2F3F4; } #wp-calendar td {padding:6px 2px; text-align: center; border:1px solid #F2F3F4; } #wp-calendar th, #wp-calendar a, #wp-calendar td.pad:hover { background-color: #F7F8FA; } .wp-calendar-nav-prev a, .wp-calendar-nav-next a {padding-top:5px;} /* =================== footer =================== */ .pagebottom {background:#F3F3F4;} .breadcrumb { margin:0; padding:7px 20px 5px 20px; font-size:14px; line-height:1.5em; } .breadcrumb #crumbs li { display:inline-block; margin:0 5px; } .breadcrumb a:hover { text-decoration:underline;} .footer-widgets { padding:20px; display:flex; justify-content:flex-start;} .footer-box {flex-basis:calc(25% - 15px); width:calc(25% - 15px); margin-right:20px; font-size:14px;} .footer-box:nth-child(4) {margin-right:0;} .footer-box .footerboxtitle { margin:10px 0 20px 0; padding:0 0 10px 0; font-size:18px; text-transform:uppercase; line-height:30px; font-weight:400; border-bottom:1px solid #F3F3F4;} .footer-box ul { margin:5px 0 25px 0; list-style:none; } .footer-box ul li {font-size:16px; line-height:32px; list-style:none; padding-left:20px; position:relative;} .footer-box ul li:before {content: '\eaca'; font-family:"Icofont"; font-size:13px; position:absolute; top:-1px; left:-2px; transition:all ease 300ms;} .footer-box ul li:hover:before {left:3px;} .footer-box a {color:#152736; text-decoration:none;} .footer-box a:hover {text-decoration:none;} .footer-box p { margin:0; padding:5px 0; font-size:1em;} .footer-box #map-canvas { width:100%; height:300px; padding:0; margin:5px; border-radius:3px; } .footer-box #map-canvas iframe { width:100%; height:200px; } .footer-box #map-canvas a { color:#152736; text-decoration:none; margin:0 0 0 10px; font-size:10px;} .sidebarbox img, .sidebar-blog-image img, .footer-box img {max-width:100%; height:auto; border-radius:3px; } .sidebarbox img {margin:10px 0 30px 0;} .footer-box img {margin:5px 0;} .footer-box #searchform { margin:10px 0;width:100%; height:60px; display:flex; justify-content:flex-start;} .footer-box #searchform input#searchinput {border:1px solid #f2f3f4; background:#fff; margin:0 10px 0 0; padding:19px 15px; font-size:13px; font-style:italic; border-radius:2px;display:inline-block;} .footer-box #searchform input#searchinput:focus {border:1px solid #ccc; } .footer-box #searchform input#searchsubmit {font-size:14px; text-transform:uppercase; width:85px; display:inline-block; padding:0; margin:0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} @media screen and (max-width: 940px) { .footer-widgets {flex-wrap:wrap;} .footer-box {flex-basis:calc(50% - 15px); width:calc(50% - 15px); } .footer-box:nth-child(2) {margin-right:0;} .pagebottom {text-align:center} .breadcrumb { margin:0 auto; padding:8px 20px; } } @media screen and (max-width: 600px) { .footer-widgets {flex-wrap:wrap;} .footer-box {flex-basis:100%; width:100%; margin-right:0; } } .bottomline { margin:0; font-size:12px; text-align:center; padding:25px 0; border-top:1px dotted rgba(0,0,0,.2) } /* =================== wp-block / wp-core =================== */ .alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw;} .alignwide {margin:0 -40px;width:calc(100% + 80px);} .wp-block-group .wp-block-group__inner-container {padding:10px 40px;box-sizing:border-box;} .wp-block-group.alignfull .wp-block-group__inner-container {padding:5px 40px;box-sizing:border-box;max-width:1460px;margin-left:auto;margin-right:auto;} .wp-block-cover {margin-top:0 !important;margin-bottom:0 !important;} .wp-block-cover.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw;} .wp-block-cover .wp-block-cover__inner-container {max-width:1460px !important;padding:0 20px; margin:0 auto;} @supports (-webkit-touch-callout: inherit) { .wp-block-cover.has-parallax, .wp-block-cover-image.has-parallax, .wp-block-cover__image-background.has-parallax {background-attachment: scroll;} } .wp-block-button a {font-size:19px; padding:15px 25px; transition:all, 300ms;} .wp-block-button:hover a {border-radius:6px !important;opacity:.9;} .wp-block-buttons.alignfull .wp-block-button, .wp-block-buttons.alignfull .wp-block-button a {display:block !important; width:100% !important} .wp-block-gallery.has-nested-images figcaption{padding:15px 0 !important;color:#ffffff !important;font-size:14px !important;font-weight:400;background:rgba(86,89,102,.8) !important;} #TB_caption { line-height:1.6em; margin:0; padding:10px 0 10px 15px; height:auto;} #TB_secondLine { margin:0; padding:5px 0 0 0 !important; font-size:.85em;} #TB_caption a {color:#000;} .wp-block-column .wp-block-image .alignleft{float:left;margin:0 1em 0 0}.wp-block-column .wp-block-image .alignright{float:right;margin:0 0 0 1em} @media screen and (max-width: 1500px) { .wp-block-group.alignfull .wp-block-group__inner-container {max-width:100%;} .wp-block-cover .wp-block-cover__inner-container {max-width:100% !important;} .wp-block-cover.alignfull.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover.alignfull.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover.alignfull.is-position-bottom-left .wp-block-cover__inner-container {width:100%; max-width:100% !important; } .wp-block-cover.alignfull.is-position-center-right .wp-block-cover__inner-container {width:100%; max-width:100% !important;} } @media screen and (max-width: 1024px) { .alignwide {margin:0 -20px; width:calc(100% + 40px);} .wp-block-group .wp-block-group__inner-container {padding:5px 20px;} .wp-block-group.alignfull .wp-block-group__inner-container {padding:5px 20px;} } /* =================== home-blocks =================== */ /* button */ .bo-content-button {display:inline-block;} .bo-content-button a {padding:15px 20px 12px 20px; white-space:nowrap; margin:15px 10px 5px 0; width:auto;text-decoration:none;font-size:17px; transition:all, 300ms; display:flex; justify-content:flex-start; flex-direction:row; flex-wrap:nowrap; align-items:stretch; vertical-align:center;font-weight:400;line-height:1em;} .bo-content-button:hover a {opacity:.9;} .bo-content-button a.button-has-icon {padding:10px 25px 15px 15px; } .button-left-icon {padding-right:10px;} .button-left-icon i {font-size:25px;} .cookie-button {text-align:center; font-size:17px; padding:10px 25px; display:inline-block; cursor:pointer; margin:5px 0;} .cookie-button:hover {border-radius:6px;opacity:.9;transition:border-radius,300ms;} .bo-shortcode-button {display:inline-block;margin:15px 10px 5px 0;} .bo-shortcode-button .button-content {display:flex; height:100%;min-height:40px; vertical-align:center;align-items:center; } .bo-shortcode-button .button-text {padding:0;} .bo-shortcode-button .button-icon { background: rgba(0,0,0,.05); display:flex; align-self:stretch;vertical-align:center;border-right:1px solid rgba(255,255,255,.1); padding:0 10px } .bo-shortcode-button .button-icon i {font-size:22px;line-height:1em; align-self:center;} .bo-shortcode-button a { display:block;padding:10px 21px 10px 13px;color:#fff;font-size:18px;font-weight:400;} .bo-shortcode-button:hover a { background:rgba(0,0,0,.05);} /* button separator */ .bo-button-separator {width:100%; text-align:center; position:relative; margin:15px 0; padding:10px 0; height:auto; position:relative; overflow:hidden; } .bo-button-separator div {display:inline-block; padding:10px; position:relative;} .bo-button-separator div:after, .bo-button-separator div:before {content:""; position:absolute; top:50%;height:1px; width: 99999px; } .bo-button-separator div:after {right:100%; margin-right:30px;} .bo-button-separator div:before {left:100%; margin-left:30px;} .bo-button-separator div a {padding:10px 25px; outline:1px solid; outline-offset:1px;border-radius:2px;font-weight:400;font-size:18px;display:block;} @media screen and (max-width: 940px) { .bo-content-button a {white-space:normal; flex-wrap:wrap; justify-content:center; } .bo-shortcode-button a { font-size:20px;}} @media screen and (max-width: 480px) { .bo-content-button, .bo-shortcode-button {display:block;} .wp-block-button, .wp-block-button a {display:block; width:100%; } .bo-button-separator div {display:block; } .bo-button-separator div:before, .bo-button-separator div:after {display:none;} } /* top object */ .bo-top-object-item.mobile-object {height:0;visibility:hidden;} @media screen and (max-width: 800px) { .bo-top-object-item.mobile-object {height:auto;visibility:visible;} .bo-top-object-item.desktop-object {height:0;visibility:hidden;} } .bo-top-object-item .bo-property-marker {bottom:auto; top:20px;} .bo-top-object-image .bo-loop-favorite {position:absolute; right:20px; top:0; background:rgba(255,255,255,.8); border:none; padding:10px;} .bo-top-object-image .bo-loop-favorite i {font-size:23px; } .bo-top-object-item {display:flex; flex-direction:row; flex-wrap:nowrap;justify-content:flex-start;align-items:stretch; width:100%; height:auto;background:#f7f8fa;} .bo-top-object-col {flex-basis:55%; width:55%;} .bo-top-object-col.top-object-image-col {flex-basis:45%; width:45%; } .bo-top-object-image {position:relative; width:100%; height:100%;align-items:stretch;display:flex;} .bo-top-object-image img {width:100%;height:100%;object-position:50% 50%;object-fit:cover;} .bo-top-object-image .simplefavorite-button {position:absolute; bottom:15px;} .bo-top-object-content {padding:10px 20px;height:100%; display:flex;flex-direction:column; vertical-align:center;justify-content:center;} .bo-top-object-content .bo-top-object-topdetails {margin-top:auto;} .bo-top-object-tax {font-size:15px;line-height:20px;font-weight:400; margin:0; padding:0;width:100%; } .bo-top-object-title {margin:20px 0; padding:10px;font-weight:200; font-size:20px;line-height:1.5em;display:inline-block;align-self:flex-start;} .bo-top-object-content h2 {font-size:25px;margin:7px 0; line-height:1.4em;} .bo-top-object-desc p {font-size:18px; line-height:25px;} .bo-top-object-item a {border:none;} .bo-top-object-details {font-size:15px; margin-top:auto;margin-left:-20px;margin-right:-20px;margin-bottom:10px; display:flex;flex-direction:row; justify-content:flex-start; vertical-align:center;align-items:center; background:#F2F3F4; padding:10px 20px;} .bo-top-object-details span {margin:0; padding:0 15px; display:inline-block;border-right:1px dotted #ccc; } .bo-top-object-details span:last-child {border-right:none;padding-right:0;} .bo-top-object-price {font-size:20px;font-weight:400; border-right:1px dotted #ccc; padding:0 10px 0 0;} /* top object slider */ .bo-block-prop-slider.mobile-slider {height:0;visibility:hidden;} .bo-block-prop-slider .slick-dots {position:absolute;z-index:1011; bottom:-40px;width:100%; margin:0; text-align:center;} .bo-block-prop-slider .slick-dots li {display: inline-block;width:25px; height:20px; margin:0 10px 0 0;padding: 0;cursor: pointer;} .bo-block-prop-slider .slick-dots li button {font-size: 0;line-height: 0; display: block;width:25px;height:20px;padding:0;cursor: pointer; color: transparent;border: 0;outline:none;background:none;border-radius:0;border-bottom:3px solid #ccc;} .slide-slick-prev, .slide-slick-next {cursor:pointer;display:inline-block;position:absolute;bottom:-40px;z-index:7777;color:#ccc;font-size:20px; } .slide-slick-prev {left:5px; bottom:-51px;} .slide-slick-next {right:5px;bottom:-51px;} @media screen and (max-width: 1024px) { .bo-top-object-col {flex-basis:60%; width:60%;} .bo-top-object-col.top-object-image-col {flex-basis:40%; width:40%;} } @media screen and (max-width: 940px) { .bo-top-object-col {flex-basis:67%; width:67%;} .bo-top-object-col.top-object-image-col {flex-basis:33%; width:33%;} } @media screen and (max-width: 800px) { .bo-block-prop-slider.desktop-slider {height:0;visibility:hidden;} .bo-block-prop-slider.mobile-slider {height:auto;visibility:visible;} .bo-top-object-item.mobile-object {height:auto;visibility:visible;} .bo-top-object-item.desktop-object {display:none;} .bo-top-object-item {display:flex; flex-direction:row; flex-wrap:wrap;justify-content:flex-start;align-items:stretch; width:100%; height:auto;} .bo-top-object-col {flex-basis:100%; width:100%;} .bo-top-object-content h2 {font-size:28px;} } @media screen and (max-width: 500px) { .bo-top-object-details {flex-wrap:wrap; justify-content:flex-start;} .bo-top-object-price {font-size:20px;font-weight:400; border-right:none;border-bottom:1px dotted #ccc; padding:10px 5px; display:block; width:calc(100% - 10px);} .bo-top-object-details span {padding:8px; display:inline-block;border-right:1px dotted #ccc; } } /* double box */ .bo-double-box {width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;} .bo-double-box.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw;} .bo-double-box.alignwide {margin:0 -40px;width:calc(100% + 80px);} .bo-double-first {width:50%;align-self:stretch;display:flex;align-items:center; } .bo-double-text {width:calc(100% - 80px); margin:0 0 0 auto; padding:0 40px; } .bo-double-text-right {width:calc(100% - 80px); margin:0 auto 0 0; padding:0 40px;} .bo-double-text {position:relative; height:100%; z-index:10; display:flex;flex-direction:column; justify-content:center;} .bo-double-text-right {position:relative; height:100%; z-index:10; display:flex;flex-direction:column; justify-content:center;} .bo-double-text-right.tb-has-diagonal:after {transform: skewX(-10deg); transform-origin:50% 0;} .bo-double-text-right.tb-has-diagonal:after {content:""; position:absolute; top:0; left:0; height:100%; width:100px; z-index:-1; } .bo-double-text.tb-has-diagonal:before {transform: skewX(10deg); transform-origin:50% 0;} .bo-double-text.tb-has-diagonal:before {content:""; position:absolute; top:0; right:0; height:100%; width:100px; z-index:-1; ;} .bo-double-second {width:50%;position:relative; overflow:hidden;} .bo-double-box h1 {margin:0; padding:0;font-size:34px; font-weight:400;} .bo-double-box h2 {font-size:30px;font-weight:400;} .bo-double-box h3 {font-size:26px;} .bo-double-box p {padding-bottom:25px;} .bo-double-text .bo-content-button a , .bo-double-text-right .bo-content-button a {display:inline-block; width:auto } .bo-double-mobile {display:none} @media screen and (max-width: 1024px) {.bo-double-box.alignwide {margin:0 -20px; width:calc(100% + 40px);}} @media screen and (max-width: 940px) { .bo-double-text {width:calc(100% - 40px); margin:0 0 0 auto; padding:0 20px; } .bo-double-text-right {width:calc(100% - 40px); margin:0 auto 0 0; padding:0 20px;}} @media screen and (max-width: 820px) { .bo-double-mobile {display:block;} .bo-double-desktop {display:none;} .bo-double-box {width:100%; } .bo-double-box.bo-double-mobile .bo-double-first {width:100% !important; } .bo-double-box.alignfull.bo-double-mobile .bo-double-first {margin-bottom:0} .bo-double-text,.bo-double-text-right {padding:20px;margin:0; width:100%;} .bo-double-box.bo-double-mobile {overflow:visible;} .bo-double-box.bo-double-mobile .bo-double-second {width:100%; overflow: visible;max-height:360px; } .bo-double-img {max-height:360px;}} @media screen and (max-width: 480px) { .bo-double-box.alignwide {margin:0 -15px; width:calc(100% + 30px);} .bo-double-box.bo-double-mobile .bo-double-second {max-height:280px; } .bo-double-img {max-height:280px;}} /* triple box */ .bo-triple-box {width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;overflow:hidden;} .bo-triple-box.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw;} .bo-triple-box .bo-triple-col {width:33.33333%;flex-basis:33.3333%; } .bo-triple-box .bo-triple-col:not(.col-has-image) {align-self:stretch;display:flex;align-items:center;} .bo-triple-text {margin:0 auto; padding:0 20px; } .bo-triple-box.alignfull .bo-triple-text {margin:0 auto; padding:0 40px; } .bo-triple-box h2, .bo-triple-box h3, .bo-triple-box h4, .bo-triple-box h5 { font-size:27px;} .bo-triple-box a.bo-triple-more:hover .bo-triple-img {opacity:.8} .bo-triple-box .bo-content-button {margin-top:25px;} .bo-triple-mobile {display:none;} @media screen and (max-width: 840px) { .bo-triple-desktop {display:none;} .bo-triple-mobile {display:block;} .bo-triple-box {width:100%;display:flex;flex-direction:row;flex-wrap:wrap !important;justify-content:center;align-items:center;overflow:hidden;} .bo-triple-box .bo-triple-col.col-has-image {flex-basis:100%;} .bo-triple-box .bo-triple-col:not(.col-has-image) {flex-basis:50%; padding-bottom:15px; padding-top:15px;} .bo-triple-text {padding:0 20px 0 20px;width:calc(100% - 40px);}} @media screen and (max-width: 480px) { .bo-triple-box .bo-triple-col:not(.col-has-image) {flex-basis:100% !important;width:100% !important; margin-left:0 !important;margin-right:0 !important; }} /* vertical box */ .bo-vertical-box {width:100%;display:flex;flex-direction:column;justify-content:center; align-items:center; overflow:hidden;background:#F7F8FA;margin:0; position:relative; box-sizing:border-box; } .bo-vertical-text-top, .bo-vertical-text-bottom {padding:10px 20px;} .bo-vertical-second {position:relative; overflow:hidden;} .bo-vertical-img img {height:auto; max-width:100%;display: block;vertical-align: middle;} .bo-vertical-box h2 {font-size:23px; line-height:1em;font-weight:400;} .bo-vertical-box h3 {font-size:18px;font-weight:400;} .bo-vertical-box p {font-size:16px;line-height:1.55em; margin-bottom:15px;} .bo-vertical-mobile {display:none;} .bo-vertical-desktop {display:block;} /* faq */ .bo-faq-headline {margin:3px 0 0 0; padding:14px 10px; position:relative; cursor:pointer; } .bo-faq-headline i {font-size:23px;position:absolute; margin:5px 10px 0 5px; } .bo-faq-headline i {transition: 300ms ease-in-out; transition-delay:100ms;transform:rotate(360deg); } .bo-faq-headline h3 {font-size:19px; font-weight:200; margin:0; padding:0; line-height:30px;padding-left:50px;} .bo-faq-answer {padding:15px; margin:0 0 15px 0; } .bo-faq-headline.active-headline i {transform:rotate(180deg); } /* contact */ .block-contact-box {background:#F7F8FA;} .block-contact-box {border-radius:3px; padding:10px;} .block-contact-box i {float:left; margin-right:10px;margin-top:2px;} .block-contact-box-name {display:block; font-weight:400; font-size:20px; line-height:1.5em;} ul.block-contact-box-list {margin:20px 0 0 0; padding:0; list-style:none;} ul.block-contact-box-list li {margin:7px 0; padding:0; list-style:none; line-height:1.4em;font-size:16px;} ul.block-contact-box-list li a {color:#152736;} ul.block-contact-box-list li a:hover {border-bottom:none;} /* iconbox */ .ibox {margin:5px 1px; padding:15px; position:relative; z-index:80; border-radius:3px;} .ibox [class^="fa-"]:before, .boxcontent [class*=" fa-"]:before {margin:0; padding:0; width:1em; height:1em; line-height:1em; } .ibox .box-title {font-size:20px;line-height:1.5em;font-weight:400;} .ibox .box-subtitle {font-size:18px;line-height:1.5em;font-weight:400;} .ibox .box-icon { width:auto;float:left; margin:-5px 10px 5px -5px;} .ibox p { line-height:1.75em; padding:8px 0 5px 0; margin:0; } .ibox a.more-link {font-weight:400; display:inline-block; padding:15px 25px;margin-top:20px; transition:border-radius,300ms; white-space:nowrap; } .ibox a.more-link:hover {border-radius:2px;} a.more-link:empty {display:none;} .bo-block-cta-section {background-size: cover;} .bo-block-cta-container {max-width: 1460px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding:0 30px; background-size:cover;background-position:50%;} .bo-block-cta-wrapper {max-width:40%;} .bo-block-cta-section.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw; overflow:hidden;} .bo-column-left .bo-block-cta-section.alignfull {margin:0 calc(74% - 50vw);max-width: 100vw;width: 100vw; overflow:hidden;} .bo-block-cta-section.alignfull .bo-block-cta-wrapper {margin-left:0;} .bo-block-cta-heading {font-size:30px; font-weight:400; } article h1.bo-block-cta-heading:after {content:""; height:0;width:0;} h1.bo-block-cta-heading, h2.bo-block-cta-heading, h3.bo-block-cta-heading {line-height:1.3em; margin:0; padding:10px 0 0 0;} .bo-block-cta-heading.bo-cta-has-custom-hbg {display:inline-block;} .bo-block-cta-subtitle {line-height:1.4em; font-size:20px; font-weight:400; } .bo-block-cta-text {margin-top:10px; margin-bottom: 10px; } .bo-block-cta-text p {font-size:16px; line-height:24px; } .bo-block-cta-buttons {margin-top:30px;} .bo-block-cta-button-1, .bo-block-cta-button-2 { display:inline-block; padding:12px 25px 10px 25px; transition:border-radius,300ms; white-space:nowrap;font-size:17px; } .bo-block-cta-button-1 {margin-right: 10px;} .bo-block-cta-button-1:hover, .bo-block-cta-button-2:hover {border-radius:2px;} .bo-cta-has-custom-hbg, .bo-cta-has-custom-tbg {padding:20px;} @media screen and (max-width: 1024px) {.bo-block-cta-wrapper { max-width: 60%; }} @media screen and (max-width: 896px) { .bo-block-cta-section { background-attachment: scroll !important; } .bo-block-cta-heading-mobile {font-size:90%;} .bo-block-cta-wrapper { max-width: 80%; }} @media screen and (max-width: 600px) { .bo-block-cta-button-1, .bo-block-cta-button-2 {padding:12px 15px;margin-bottom:10px;} .bo-cta-has-custom-hbg, .bo-cta-has-custom-tbg {padding:10px 10px;} .bo-block-cta-container {display: flex; align-items:flex-end; justify-content:flex-end; padding:0 20px; background-size:cover;background-position:50%;} .bo-block-cta-wrapper { max-width:100%; width:calc(100% - 20px); margin-left:0;margin-bottom:15px; } p.bo-block-cta-text {font-size:15px; line-height:1.5em;} .bo-block-cta-heading {font-size:25px !important; } .bo-block-cta-subtitle {font-size:20px !important;} } .animated {animation-duration:800ms;} @-webkit-keyframes fadeIn {from { opacity: 0;}to { opacity: 1;}} @keyframes fadeIn {from { opacity: 0;} to { opacity: 1; }} .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0); visibility: visible;} to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }} @keyframes slideInUp {from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }} .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown {from {-webkit-transform:translateZ(0);transform:translateZ(0)} to {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden} } @keyframes slideOutDown{from {-webkit-transform:translateZ(0);transform:translateZ(0)} to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}} .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes slideInRight {from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }} @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }} .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight;} @keyframes slideInLeft {from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }} .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft;} /* ======================= wp block columns */ .wp-block-columns {margin-bottom:0 !important} @media (min-width: 600px) and (max-width: 781px) {.wp-block-columns.has-3-columns .wp-block-column:nth-child(1) .bo-vertical-box {margin:0 0 20px 0;}} @media (min-width: 600px) and (max-width: 801px) { .wp-block-columns.has-3-columns{flex-wrap:wrap !important;} .wp-block-columns.has-3-columns .wp-block-column:nth-child(1) { flex-basis: 100% !important; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(2) { margin:20px 5px 0 0 ; flex-basis: 25% !important;} .wp-block-columns.has-3-columns .wp-block-column:nth-child(3) { margin:20px 0 0 5px; flex-basis: 25% !important;} .wp-block-columns.has-3-columns .wp-block-column:nth-child(1) .bo-vertical-box {margin:0;} } @media (max-width: 940px) { .wp-block-columns.has-4-columns {flex-wrap:wrap !important;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:calc(50% - 20px);}} @media screen and (max-width: 940px) {.bo-property-objekt-top {flex-wrap:wrap;}} #gototop { display:none;} #gototop a {right:0; top:200px; color:#fff; text-decoration:none; font-size:25px; margin:0;cursor:pointer;width:30px; height:30px;line-height:30px;padding:5px 0;border-radius:3px 0 0 3px;position:fixed; z-index:999; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;transition: all 0.3s; } #gototop a:hover {padding-right:20px;} @media screen and (max-width: 800px) {#gototop a {top:auto; bottom:80px;right:0;}} @media screen and (max-width: 480px) { #gototop a {display:none !important;} .header-image-caption {display:none;} .fixedline { position:relative; bottom:0; z-index:2; } .fixed-left {margin:5px 0; text-align:center;line-height:2em;} .fixed-right { margin:5px 0; padding:0; text-align:center;line-height:2em;} .fixed-socials {display:block;padding-left:0; padding-top:15px;} .ibox .box-icon {float:none; margin:-5px 10px 5px 0;} .bo-double-box {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw;}} @media screen and (max-width: 420px) {.bo-gallery-slider{min-height:180px;}} /* === 360 === */ .vr-slider {position:relative; overflow:hidden; width:100%; padding-top:50%;} .vr-slider iframe {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}