/* -------------------------------------------------------------- Theme Name: BO-SBB22 Theme URI: https://brings-online.com/demo/wordpress-theme-beladomo/ Description: WordPress-Theme für Immobilienmakler. Beladomo liefert alles, um Immobilienobjekte zu verwalten und ansprechend zu präsentieren. Version: 1.0.1 Requires PHP: 7.3 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, sub, sup, 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;} 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: 'PT Sans', sans-serif; font-weight:400; color:#525252;} 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; color:#000000;} .grey {background:#f2f2f2;} .hidden {visibility:hidden;} .visible {visibility:visible;} ._brlbs-cb-googlemaps {margin-left:auto; margin-right:auto; text-align:center;} /* ========================= grid ========================= */ .col-full { width:100%; margin:1.5% 0;} .col-ttfull { width:69%; margin:1.5% 0; float:left;} .col-otfull { width:28%; margin:1.5% 0; float:left;margin-left:3%} .col-ttc { width:65.85744680851%; margin:1.5% 0;} .col-otc { width:31.714893617021%; margin:1.5% 0;} .col-ofc { width:23.179255319148%; margin:1.5% 0;} .col-ofic { width:20%; margin:1.5% 0;} .col-ohc {width:48.786170212699%; margin:1.5% 0;} .col-ttc, .col-otc, .col-ohc, .col-ofc {margin-right:2.427659574468%; float:left;} .col-ofic { float:left;} .formcolumn {width:48%; margin-right:2%; float:left; } .cr {margin-right:0 !important;} .ct {margin-top: 0 !important;} .cb {margin-bottom: 0 !important;} .mr { margin-right:25px;} .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both; } .clearfix {*zoom: 1;} .clear { clear:both;} /* ======================= content 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;} #header {margin:0; padding:0; height:auto; position:relative; background:fff;} .wrapper {width:100%; margin:0; padding:0; text-align:center; } .content { max-width:1250px; margin:0 auto; padding:0 25px; text-align:left; position:relative;background:#fff; } .content.transparent-content {background:transparent !important} .footer, .footer .content {background:#f2f2f2;} .homepage-section {height: auto; text-align: center; overflow: hidden; } .content.page-content.bloghome {padding-bottom:65px;} .inner-section {padding:20px 0; text-align:left;} #sidebar {padding-left:20px;} .img-responsive {width:100%;height:auto; display:block;} .mobile-only {display:none;} .desktop-only {display:block;} .group-60 {width:60%; margin-left:20%;margin-right:20%;} .group-70 {width:70%; margin-left:15%;margin-right:15%; } .group-80 {width:80%; margin-left:10%;margin-right:10%;} @media screen and (max-width: 1024px) { .content {padding:0;margin:0 5%;} .group-70 {width:90%; margin-left:5%;margin-right:5%; } .group-60 {width:70%; margin-left:15%;margin-right:15%;} .group-80 {width:90%; margin-left:5%;margin-right:5%;} } @media screen and (max-width: 840px) { .content {padding:0;margin:0 5%;} .group-70 {width:90%; margin-left:5%;margin-right:5%; } .group-60 {width:90%; margin-left:5%;margin-right:5%;} .group-80 {width:100%; margin-left:0;margin-right:0;} } @media screen and (max-width: 420px) { .content {padding:0;margin:0 10%;} .group-70 {width:100%; margin-left:0;margin-right:0; } .group-60 {width:100%; margin-left:0;margin-right:0;} .group-80 {width:100%; margin-left:0;margin-right:0;} } .prop-description {margin-bottom:45px;} .property-details {background:#f2f2f2; padding:60px 0;margin-top:90px;margin-bottom:90px;} .property-video {margin-top:45px;margin-bottom:45px;} .propvirtual {background:#f2f2f2; padding:0;margin-top:90px;margin-bottom:90px;} .prophighlightlist {margin-top:45px;margin-bottom:45px; display:block; } .propfloorplans {background:#f2f2f2;padding:0;margin-top:90px;margin-bottom:90px;} .propenergydata {padding:0;margin-top:45px;margin-bottom:90px;} .proplocation {margin-top:45px;} .propbottomgallery {margin-bottom:45px;} .propcontact {background:#f2f2f2; margin-top:90px; margin-bottom:90px;padding:60px 0;} .proprelated {margin-top:45px;} .portfolio-related-wrapper {background:#f2f2f2; margin:15px 0; padding:25px 0; margin:0 calc(50% - 50vw);max-width:100vw;width:100vw;} /* ========================= font ========================= */ h1, h2, h3 {font-family: 'PT Serif', serif; margin:10px 0; padding:0;color:#640026;} h1 { font-size:34px;line-height:44px;} h2 { font-size:30px;line-height:40px;} h3 { font-size:22px;line-height:28px;} h4, h5 {font-family: 'PT Sans', sans-serif; font-weight:400; } h4 {font-size:18px;line-height:28px;} h5 {font-size:18px;} h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#640026; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#640026; text-decoration:none; } .single-property .pagetitle, .single-portfolio .pagetitle, .blog .pagetitle, .archive .pagetitle {text-align:center;} .portfoliotitle {margin-bottom:60px;} .singleposttitle {margin-top:10px; text-align:center;} .taxonomytitle span {display:inline-block; padding:0 25px 0 0; position:relative; } .taxonomytitle span:after {content:"\ef0c"; font-family:"icofont"; font-size:10px; position:absolute; right:8px;top:3px; } .taxonomytitle span:last-child:after {content:""; } .listpage-post-title { font-size:22px;line-height:28px;} a {text-decoration:none;} p { padding:6px 0; margin:0; line-height:28px; font-size:18px;} p a, li a, label a {text-decoration:none;color:#640026;} p a:hover, li a:hover, label a:hover {text-decoration:underline;} button {font-family: 'PT Sans Narrow', sans-serif;font-size:18px; } hr, hr.wp-block-separator { margin:15px 0; display: block; height:1px; background:none; border:none; border-bottom:1px dotted #ccc;} /* ===================== top / bottom ================= */ .logo {margin:0; padding:0;position:absolute;top:0; left:20px; z-index:99999 !important;width:102px;height:186px;} .logo img {width:100%; height:auto; display:block;} .fixednav .logo {max-width:55px;} @media screen and (max-width: 1024px) {.logo {left:20px;} } @media screen and (max-width: 480px) {.logo {max-width:75px;} } .pagebottom {background:#ddd; padding:5px 0} .breadcrumb { margin:0; padding:1px 0; font-size:9px; line-height:1.5em; font-weight:400; text-transform:uppercase;} .breadcrumb #crumbs li { display:inline-block; float:left; margin:0 5px; } .breadcrumb a { color:#808080;} .breadcrumb a:hover { text-decoration:underline;} /* ===================== main menu ===================== */ .header-left { float:left; max-width:160px; margin:0; padding:0; text-align:left;} .header-right { float:right; width:calc(100% - 160px); margin:0; padding:6px 0 0 0; text-align:left;} #topmenu{margin:0; padding:0; width:100%; position:relative;font-family: 'PT Sans Narrow', sans-serif; } #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 #head-mobile{display:none} #topmenu ul {float:right; list-style:none; margin:0; padding:0; } #topmenu ul li{ list-style:none; position:relative; float:left; display:inline-block; padding:0; margin:0;font-size:16px;text-transform:uppercase;} #topmenu ul li a {color:#808080; text-decoration:none; padding:40px 18px; margin:0; display:block;} #topmenu ul ul {position:absolute;left:-9999px;z-index:999; padding-bottom:5px; background:#ffffff; } #topmenu ul li:hover > ul {left:10px;width:auto;box-shadow:0 0 5px 5px rgba(0,0,0,.1)} #topmenu ul li.edge:hover > ul{left:inherit; right:4px; width:auto; } #topmenu ul ul li {height:0;opacity:0; } #topmenu li:hover > ul > li{height:auto;opacity:1; margin:0; display:block;width:100%;white-space:nowrap;border-bottom:1px solid #dddddd; } #topmenu li:hover > ul > li:last-child {border-bottom:none;} #topmenu ul ul li a {padding:0 15px; text-align:left;min-width:180px;font-size:16px;text-transform:none; line-height:1em; text-decoration:none;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;transition:all 300ms ease;} #topmenu ul li:hover ul li a {padding:12px 15px; } #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:0} #topmenu ul li:hover > a, #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 {color:#640026;} #topmenu ul ul li.has-sub > a:after{position:absolute;top:9px;right:5px;width:15px;height:15px;display:block;content:"\ea69"; font-family:"icofont";font-size:12px;} #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; border-top:1px solid #E6E8ED; } #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; } @media screen and (min-width: 1025px) { #topmenu ul li.highlight a {background:#808080;color:#fff; padding:10px 15px; margin:30px 0 30px 17px; border-radius:1px; } #topmenu ul li.highlight:hover a {background:#640026;} } .toggleMenu { display:none;} .fixednav {position:fixed !important;z-index:9999; left: 0; top: 0; width: 100%; background:#fff; border-bottom:1px solid #dddddd; transition-delay:200ms;} @media screen and (max-width: 1024px) { #header {height:90px;} #topmenu { position:absolute;z-index:998; margin:0; text-align:left; padding:0; top:0; right:-5.5%; width:65%; } #topmenu ul{ display:none; float:none; text-align:left; padding:25px 0; height:100vh; background:#fff; } #topmenu ul li{width:100%;border-bottom:1px solid #ddd; padding:5px 0; text-transform:normal;} #topmenu ul li a { padding:15px 40px;font-size:18px; font-weight:400; } #topmenu ul ul li a {font-size:16px; } #topmenu ul ul, #topmenu ul ul ul{position:relative;float:none;left:0;padding:0;border-radius:0; background:none; border:none; height:auto; } #topmenu ul ul li a {padding:8px 40px 8px 60px; } #topmenu ul li:hover ul li a {padding:8px 40px 8px 60px; } #topmenu ul li:last-child{border-bottom:none;} #topmenu ul ul li,#topmenu li:hover > ul > li{height:auto;opacity:1;} #topmenu ul li:hover > ul {left:0;box-shadow:none; position:relative;} #topmenu ul ul li.has-sub > a:after{content:"";} #topmenu ul li a,#topmenu ul ul li a{border-bottom:0} #topmenu > ul > li{float:none} #topmenu ul ul ul{margin-left:0;top:0} #topmenu #head-mobile {display:block !important;height:90px;background:transparent; } #topmenu ul li:last-child:hover ul {left:auto; width:auto;} #topmenu ul ul li:last-child:hover ul {left:auto; width:auto;} #topmenu ul li:last-child:hover ul {float:none;left:auto;width:100%; } .mobilebutton {margin-top:0;} .mobilebutton{position:absolute; width:65px;height:50px;right:20px;top:20px;cursor:pointer; } .mobilebutton:after{position:absolute;top:24px;right:20px;display:block;height:6px;width:30px;border-top:3px solid #640026;border-bottom:3px solid #640026;content:''} .mobilebutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:3px;width:30px;background:#640026;content:''} .mobilebutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:3px;width:25px;background:#640026;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .mobilebutton.menu-opened:before{top:23px;background:#640026;width:25px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #topmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:41px;width:46px;cursor:pointer} #topmenu .submenu-button.submenu-opened{} #topmenu ul ul .submenu-button{height:41px;width:46px} #topmenu .submenu-button:after {position:absolute;top:20px;right:20px;width:40px;height:40px;display:block;color:#808080;content:'\eaca'; font-family:"icofont"} #topmenu ul ul .submenu-button:after{top:15px;right:22px} #topmenu .submenu-button.submenu-opened:after{content:'\eac8';} #topmenu > ul > li.has-sub > ul > li.active > a,#topmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} }/* eof 1024 */ @media screen and (max-width: 480px) { #topmenu {right:0;margin:0 calc(50% - 50vw);max-width:100vw;width:100vw;z-index:99997; } #topmenu ul {margin:0 calc(50% - 50vw);max-width:100vw;width:100vw; z-index:99998;height:auto;padding:65px 0 10px 0;} } /* ============ header ========= */ .image-wrapper { width:100%; height:auto; position:relative; z-index:900; } .home-start-image img { width:100%; height:auto; display:block; position:relative; } .slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden; } .slideshow div {padding:0; margin:0; width:100%; height:auto; overflow:hidden;} .slideshow img {width:100%; height:auto; margin:0; padding:0; display:block;} .slideshow .slick-next, .slideshow .slick-prev {color:#fff;width:30px;height:50px;padding:0; text-align:center; margin:0; font-size:0; cursor:pointer;position:absolute;z-index:905; visibility:hidden;background:none;border:none; } .slideshow .slick-prev{left:10px; top:35%;} .slideshow .slick-next{right:20px; top:35%;} .slideshow .slick-prev:before{content:'\ea78'; font-family:"icofont";} .slideshow .slick-next:before{content:'\ea79'; font-family:"icofont";} .slideshow .slick-next:before, .slideshow .slick-prev:before{font-size:40px;line-height:1;opacity:1;color:rgba(255,255,255,.9);} .slideshow .slick-next.slick-disabled:before, .slideshow .slick-prev.slick-disabled:before{opacity:.25} .slideshow:hover .slick-next, .slideshow:hover .slick-prev {visibility:visible;} .slideshow-item {position:relative;} .slidercontent { position:absolute; bottom:5%; right:0; left:0;max-width:1160px;margin: auto; z-index:910;} .boxed .slidercontent {top:3%; right:3%;} .hboxwrap { text-align:left; } .hbox-content { background:rgba(255,255,255, .85); padding:10px 20px;} /* ============ extras ========= */ .group-iconbox figure {max-width:80px;} .group-iconbox figure img {max-width:80px;} .group-iconbox p {padding-left:20px; padding-right:20px;} .wp-block-button.open-hidden-group {display:none;} .pressbox {margin:90px 0 40px 0;} .pressbox-logos {display:flex;flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; vertical-align:center;width:100%;padding:0;} .wrapper.bottom {background:#fff;padding:20px 0 10px 0} .bottomline {display:flex; flex-direction:row; flex-wrap:nowrap;justify-content:space-between; vertical-align:center; align-items:center;background:#fff;text-transform:uppercase;font-size:14px;} .above-headline-data {font-size:18px; text-align:center;} .above-headline-data span, .below-headline-data span {display:inline-block; margin:0 5px;} .below-headline-data {font-size:20px; text-align:center;margin-top:20px;} .prop-anchor {margin-top:45px;margin-bottom:45px;text-align:center;} .prop-anchor span {text-transform:uppercase;font-family: 'PT Sans Narrow', sans-serif;font-size:18px; background:#dddddd; margin:5px 2px; padding:7px 25px; cursor:pointer; display:inline-block; } .prop-anchor span a {color:#525252;} .prop-anchor span:hover {background:#808080;color:#fff;} .prop-anchor span:hover a {color:#fff;} .map-description {text-align:center;} .header-spacer {height:110px;} @media screen and (max-width:480px) {.header-spacer {height:75px;}} .wp-block-group {padding-left:0 !important; padding-right:0 !important} .form-input-wrapper .selectwrap {position:relative;width:calc(50% - 5px);margin-right:50%; display:block; } .form-input-wrapper .selectwrap:after {content:"\ea67"; font-family:"icofont"; position:absolute; top:15px; right:14px;font-size:14px; color:#808080;} .prop-location-list span {font-weight:bold;color:#640026;margin:5px 0 -2px 0; display:block;} .propdata-list {margin:15px 0;} .propdata-list .propdata-list-item {margin:-7px 0; padding:0; display:block;font-size:16px;} .propdata-list div span {display:inline-block; width:100px;margin:0;padding;0;} a.prop-more {font-weight:bold;color:#640026;} a.prop-more.portfolio-more {margin-top:15px; display:block;} .prop-all-data {display:flex; flex-direction:row; flex-wrap:nowrap;margin-top:40px;} .prop-all-data div {width:50%;flex-basis:50%;display:inline-block;margin:0 30px 0 0;padding:0;} .single-property h2 {font-size:28px;} .property-video {text-align:center;margin:20px 0;} .propvideo {margin-top:60px;margin-bottom:60px;} ul.prop-highlights {margin:30px 0 0 0;padding:0; list-style:none;} ul.prop-highlights li {padding:20px 0 20px 60px; font-size:18px; border-top:1px solid #ddd;position:relative;list-style:none;} ul.prop-highlights li:last-child {border-bottom:1px solid #ddd;} ul.prop-highlights li:before {content:"\e906";font-family:"sbb-webicons"; font-size:36px;position:absolute;left:5px;top:12px;color:#640026 } ul.prop-bulletlist {margin:30px 0 0 0; padding:0 0 0 20px; list-style:circle;} ul.prop-bulletlist li {padding:0; font-size:18px; line-height:26px; } ul.prop-bulletlist li {list-style:circle !important; } .floorplan-nav {margin-top:20px;padding:10px 0;border-top:2px solid #fff;} .floorplan-nav .plan-thumb-item {cursor:pointer;} .property-bottom-gallery {display:flex; flex-direction:row;flex-wrap:wrap; justify-content:flex-start; width:100%; } .property-bottom-gallery figure img {width:100%; height:auto;display:block;} .property-bottom-gallery figure {margin-right:15px;margin-bottom:15px;} .property-bottom-gallery figure:nth-child(1) {width:calc(50% - 7.5px)} .property-bottom-gallery figure:nth-child(2) {width:calc(50% - 7.5px);margin-right:0;} .property-bottom-gallery figure:nth-child(3) {width:calc(33.3333% - 10px);margin-right:15px;} .property-bottom-gallery figure:nth-child(4) {width:calc(33.3333% - 10px);margin-right:15px;} .property-bottom-gallery figure:nth-child(5) {width:calc(33.3333% - 10px);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;} } .form-input-wrapper {display:flex; flex-wrap:row; flex-wrap:wrap; justify-content:flex-start; width:100%;} .form-input-wrapper {margin-top:40px;} .form-input-wrapper p {width:100%;} .form-input-wrapper p.shortwidth {width:50% !important;} /*.form-input-wrapper p:nth-child(2),.form-input-wrapper p:nth-child(3) {width:50%;} */ /*.form-input-wrapper p:nth-child(4),.form-input-wrapper p:nth-child(5) {width:50%;} */ /* =========== fixed contact button ======== */ .bo-fixed-items {} #globalphone { top:190px;} #globalapt { top:273px;} #globalmail {top:355px; } #globalmail,#globalphone,#globalapt { background:#640026;width:80px;position:fixed; z-index:997; right:0; padding-right:0; -moz-transition: padding 0.3s; -webkit-transition: padding 0.3s;transition: padding 0.3s; } #globalphone a{background:#640026;padding:1px 0 8px 0;color:#fff; text-decoration:none; font-size:58px; display: block; margin:0; line-height:15px;cursor:pointer;} #globalapt a {background:#640026;padding:2px 0 9px 0;color:#fff; text-decoration:none; font-size:55px; display: block; margin:0; line-height:10px;cursor:pointer;} #globalmail a{background:#640026;padding:4px 0 9px 0;color:#fff; text-decoration:none; font-size:58px; display: block; margin:0; line-height:5px;cursor:pointer;} #globalmail:hover,#globalphone:hover, #globalapt:hover {padding-right:20px;} #globalmail a span, #globalphone a span, #globalapt a span {display:block; font-size:13px;line-height:15px;text-transform:uppercase;font-family: 'PT Sans Narrow', sans-serif;} #globalmail a span {margin-top:-5px;} @media screen and (max-width: 980px) { .bo-fixed-items {display:block;background:rgba(110,110,110,.95) !important; z-index:997; height:60px; position:fixed; bottom:0; left:0; width:100% !important;max-width:100% !important;} .mobile-fixed-spacer {padding-bottom:80px !important;} #globalmail, #globalphone, #globalapt {bottom:0;right:inherit;top:auto !important;width:30%; border-right:1px solid #fff; background:transparent; display:flex; } #globalmail {border-right:none;} #globalmail a,#globalphone a, #globalapt a {background:transparent;padding:10px;font-size:50px;display:block; margin:0; line-height:10px;cursor:pointer;text-align:center;} #globalmail:hover,#globalphone:hover, #globalapt:hover {padding-right:0;} #globalmail {right:0;} #globalphone {right:66.6666%;} #globalapt {right:33.3333%;} #globalmail a span, #globalphone a span, #globalapt a span {display:inline-block; float:right;margin:19px 0 0 10px;font-size:16px;} .bottomline {flex-wrap:wrap;} .bottomline > span {display:block; width:100%; margin-bottom:25px;} } @media screen and (max-width: 420px) { .bo-fixed-items {height:58px; } #globalmail a,#globalphone a, #globalapt a {padding:10px 0 10px 0;font-size:36px; line-height:20px} #globalmail a {font-size:38px;padding:10px 0 8px 0; } #globalmail a span, #globalphone a span, #globalapt a span {margin:14px 0 0 2px;font-size:13px;} } /* ============ taxonomy / search ================== */ .taxsearch-content {max-width:1260px;position:relative;margin:0 auto;margin-bottom:120px} .bo-custom-taxsearch {background:#fff;width:70%; margin:0 15%; position:absolute;left:0;right:0;bottom:-43px; box-shadow:0 0 8px 8px rgba(0,0,0,.2);} .bo-taxsearch-headline {padding:15px 40px 0 40px;} .bo-taxsearch-text p{margin:0; padding:0 40px;} .bo-taxsearch-form {display:flex;flex-direction:row;justify-content:space-between;margin-top:40px;} ul.bo-taxsearch-select {display:flex;flex-direction:row;justify-content:flex-start;width:calc(100% - 150px)} ul.bo-taxsearch-select > li {display:inline-block;margin-right:2px;width:33.333%;position:relative;background:#f2f2f2;} ul.bo-taxsearch-select > li select {border:none !important;} .bo-custom-taxsearch .chosen-container {width:100%; text-align:left;border:none !important;padding:0;} .bo-custom-taxsearch .chosen-container-single {width:100%;} .bo-custom-taxsearch .chosen-container-single .chosen-single {width:100%; text-align:left;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;padding:0 30px 0 20px;height:43px;line-height:43px;} ul.bo-taxsearch-select > li:after{position:absolute;top:15px;right:15px;width:5px;height:5px;display:block;content:"\ea67"; font-family:"icofont";font-size:12px;color:#808080;} .bo-custom-taxsearch .chosen-container .chosen-results {background:#f2f2f2;padding:10px;width:100%;} .bo-custom-taxsearch .chosen-container .chosen-results li{padding:10px 5px 10px 13px;list-style:none;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;border-bottom:1px solid #ddd;} .bo-custom-taxsearch .chosen-container .chosen-results li:last-child{border-bottom:none;} .bo-custom-taxsearch .chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0;border:none;background:#f2f2f2;} .bo-taxsearch-button button {background:#640026; color:#ffffff;border:none;padding:10px 0;height:43px; width:150px;cursor:pointer; } .bo-taxsearch-button button:hover {background:#808080; } .bo-custom-template-taxsearch {width:calc(100% + 10px); margin:20px -5px; } .bo-custom-template-taxsearch ul.bo-taxsearch-select {display:flex;flex-direction:row;justify-content:flex-start;width:calc(100% - 300px)} .bo-custom-template-taxsearch .bo-taxsearch-button {width:300px;display:flex;justify-content:flex-start; flex-wrap:nowrap;} .bo-custom-template-taxsearch .bo-taxsearch-button button, .bo-custom-template-taxsearch .bo-taxsearch-button a {background:#640026; color:#ffffff;border:none;padding:10px 0; cursor:pointer; font-family: 'PT Sans Narrow', sans-serif;font-size:18px;width:50%;margin:0 1px; text-align:center;} .bo-custom-template-taxsearch .bo-taxsearch-button a {height:auto;background:#808080;} .bo-custom-template-taxsearch .chosen-container {width:100%; text-align:left;border:none !important;padding:0;} .bo-custom-template-taxsearch .chosen-container-single {width:100%;} .bo-custom-template-taxsearch .chosen-container-single .chosen-single {width:100%; text-align:left;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;padding:0 30px 0 20px;height:43px;line-height:43px;} .bo-custom-template-taxsearch ul.bo-taxsearch-select > li:after{position:absolute;top:15px;right:15px;width:5px;height:5px;display:block;content:"\ea67"; font-family:"icofont";font-size:12px;color:#808080;} .bo-custom-template-taxsearch .chosen-container .chosen-results {background:#f2f2f2;padding:10px;width:100%;} .bo-custom-template-taxsearch .chosen-container .chosen-results li{padding:10px 5px 10px 13px;list-style:none;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;border-bottom:1px solid #ddd;} .bo-custom-template-taxsearch .chosen-container .chosen-results li:last-child{border-bottom:none;} .bo-custom-template-taxsearch .chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0; border:none; background:#f2f2f2;} @media screen and (max-width: 1024px) { .bo-custom-taxsearch {width:83%; margin:0 8.5%;} } @media screen and (max-width: 820px) { .bo-custom-template-taxsearch ul.bo-taxsearch-select {width:100%; margin:0 auto;} .bo-custom-template-taxsearch .bo-taxsearch-button {width:100%; margin:0 auto; margin-top:2px;} .bo-custom-template-taxsearch .bo-taxsearch-form {justify-content:flex-start;flex-wrap:wrap;} } @media screen and (max-width:768px) { .taxsearch-content {margin:0;margin-bottom:220px; } .bo-custom-taxsearch {width:90%; margin:0 5%; bottom:-180px;} } @media screen and (max-width: 600px) { .taxsearch-content {margin:0;margin-bottom:40px; } .bo-custom-taxsearch {width:90%; margin:0 5%;bottom:20px;position:relative;} .bo-taxsearch-headline {padding:15px 20px 0 20px;} .bo-taxsearch-text p{margin:0; padding:0 20px;} .bo-taxsearch-form {flex-wrap:wrap;} ul.bo-taxsearch-select {width:100%;flex-wrap:wrap;color:#808080 !important; display:block;} ul.bo-taxsearch-select > li {margin-right:0;width:100%; border-bottom:1px solid #ddd; padding:10px 0;} ul.bo-taxsearch-select > li select {border:none !important;color:#525252; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; background:none;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;} .bo-taxsearch-button {width:100%;} .bo-taxsearch-button button {width:100%;height:50px;} } /* prop lists */ .pl {display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start; margin-top:25px;} .tax-no-results {margin:25px 0; font-weight:500;} .no-prop-info,.search-separator {background:#f2f2f2;} .no-prop-info {padding:5px; display:block; width:100%; margin:10px 0; } .bo-search-vars {font-size:18px; font-weight:bold;} .search-separator {width:100%; height:3px;margin:15px 0;} .bo-results-new-search {padding:25px 0 60px 0; width:100%;} .propbox time {visibility:hidden;display:none; height:0;width:0;} .propbox-2col-wrapper {flex-basis:calc(50% - 20px);margin:0 40px 20px 0;} .propbox-2col-wrapper:nth-child(even) {flex-basis:calc(50% - 20px);margin:0 0 20px 0;} .propbox-2col-wrapper.prop-item {width:calc(50% - 26px);} .propbox-3col-wrapper {flex-basis:calc(33.33333% - 22px); margin:0 33px 60px 0;} .propbox-3col-wrapper:nth-child(3n + 3) {margin-right:0; } .propbox-3col-wrapper.prop-item {width:calc(33.33333% - 22px);} .propbox-4col-wrapper {flex-basis:calc(25% - 12px); margin:0 5px 20px 5px;} .propbox-4col-wrapper.prop-item {width:calc(25% - 12px);} .portfolio-list {margin-bottom:65px;margin-left:-10px;margin-right:-10px; width:calc(100% + 20px)} .portfolio-list .propbox-3col-wrapper {flex-basis:calc(33.3333% - 32px); margin:0 15px 20px 15px;} .portfolio-list .propbox-3col-wrapper:nth-child(3n+3) {margin-right:15px;} .portfolio-list .propbox-3col-wrapper.prop-item {width:calc(33.3333% - 32px);} .propbox {background:#fff;padding:0; position:relative;} .propbox-data-content {padding:20px 20px;margin:0; background:#fff;} .propbox h2.custom-prop-headline {font-size:22px;line-height:32px;color:#525252;margin:0;padding:0;} .propbox h2.custom-prop-headline a, .propbox h2.custom-prop-headline a:hover {color:#525252;} .portfolio-data {padding:20px 20px;} .propbox a {color:#525252; } .propbox a.prop-more {font-weight:bold;color:#640026;} .propbox:hover a { text-decoration:none;} .propbox .propthumb { margin:0; width:100%; padding:0; position:relative; overflow:hidden; } .propbox .propthumb img { width:100%; height:auto; display:block; border-radius:2px 2px 0 0; } .propbox .prop-location { width:100%; margin:0 0 10px 0;} .propbox .prop-location span {padding:3px 7px; margin:0 5px 0 0; font-size:13px; text-transform:uppercase; background:#f2f2f2;} .propbox .propdata {margin-top:15px;} .propbox span { margin:0 10px 0 0; line-height:2em; } .propbox .prop-size, .propbox .prop-rooms, .propbox .prop-bathrooms {font-size:14px; padding:3px 0;} .propbox .prop-price { width:50%; float:left; margin:0; padding:0; font-size:23px; color:#640026 } .propbox .prop-price small {font-weight:300; font-size:13px; line-height:1em;display:block;} .propbox .prop-icons { width:50%; float:right; text-align:right; } .propbox-4col-wrapper .propbox .prop-price { width:100%; float:none; margin:0; padding:0;} .propbox-4col-wrapper .propbox .prop-icons { width:100%; float:none; margin-top:10px;padding-top:10px; text-align:left; border-top:1px dotted #ccc;} .propbox-4col-wrapper .propbox span { margin:0 5px 0 0; line-height:2em; } .propbox-4col-wrapper .propbox .prop-size, .propbox-4col-wrapper .propbox .prop-rooms {font-size:12px; padding:3px 0;} .sc-single-prop .propbox .prop-bathrooms {display:none;} .propbox .newobj, .propbox .soldobj { background-color:#640026; color:#fff; -moz-transform:rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size:16px; font-weight: 600; letter-spacing:.4px; padding:4px 5px; position: absolute; right: -45px; top:30px; width:180px; text-align:center; text-transform: uppercase;} .carousel-wrapper {position:relative;} .carobj-carousel-item {padding:0 15px;} .car-pager { position:absolute; top:25%; left:0; width:100%; color:#ccc; padding:0; font-size:30px; height:60px; margin:0;} .carousel-wrapper:hover .car-pager {color:#32A4FC;} .car-prev {position:absolute; left:-20px;cursor:pointer; } .car-next {position:absolute;right:-20px;cursor:pointer; } /* ============ slogan ========= */ .separator-headline { margin:25px 0; display: block; text-align: left; } .separator-headline > span { position: relative; height:3px; background:#32A4FC; width:65px; display: inline-block;} .separator-headline h4 { font-size:24px; line-height:1.4em; font-weight:300; } .slogan { margin:25px 0;display:block;text-align: center; } .preambel {padding:5px 0 0 0; font-size:18px;} .slogan > span {} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { } .slogan.links {text-align: left;} .slogan.rechts {text-align:right;} .slogan.zentriert {text-align:center;} .claim-wrapper {height:auto; padding:15px 0; margin:0; text-align:center; background:#f2f2f2;} .claim {margin:0 auto; max-width:1160px; padding:0 20px; } .claim.claim-right {text-align:right;} .claim.claim-left {text-align:left;} .claim.claim-center {text-align:center;} .claim h1, .claim h2, .claim h3, .claim h4, .claim h5 { font-size:26px; line-height:1.45em; font-weight:300; } /* ============ double box ========= */ .bo-double-box {width:100%;display:flex;justify-content:center;align-items:center;margin:0;} .bo-double-box.alignfull {margin:0 calc(50% - 50vw);max-width:100vw;width:100vw;} .bo-double-first {width:40%;align-self:stretch;display:flex;align-items:center;} .bo-double-second {width:60%; overflow:hidden; } .bo-double-text {width:calc(100% - 80px); margin:0; padding:0 40px;} .bo-double-text-right {width:calc(100% - 80px); margin:0; padding:0 40px;} .bo-double-box .slogan { margin:15px 0;display:block;text-align:left; } /* ================== favorites ============== */ .favorites-list {list-style:none; border:none;} .favorites-list li{zoom:1;border-bottom:1px dotted #ccc; border-top:none; padding:25px 0;margin:0} .favorites-list li:before,.favorites-list li:after{content:" ";display:table} .favorites-list li:after{clear:both} .favorites-list li img{float:left;margin-right:50px !important; } .favorites-list li a {font-size:17px; font-weight:500; text-decoration:underline;} .bo-favorites-single {margin:0 0 23px 0;min-height:31px;} button.simplefavorite-button {padding:8px 10px 7px 10px; background:#640026; border: 1px solid #640026; border-radius:1px; margin:0 0 0 15px; cursor:pointer; display:inline; float:right; font-family: 'PT Sans Narrow', sans-serif;font-weight:500; font-size:14px; color:#fff; } .propbox button.simplefavorite-button {background:rgba(255,255,255,.9); border: 1px solid #fff; color:#640026;} button.simplefavorite-button.active {background:#640026; border: 1px solid #640026; color:#fff; opacity:1;} .propbox button.simplefavorite-button {padding:6px 10px; margin:0;float:none; position:absolute; bottom:10px; left:10px; } .bo-favlist { border-top:1px dotted #ccc; padding:25px 0; margin-top:25px;} .bo-favlist h3.nofavs { padding-top:25px;} button.simplefavorites-clear {padding:5px 10px; background:#f2f2f2; border: 1px solid #dddddd; border-radius:1px; font-size:12px; text-align:center; line-height:1.57em; cursor:pointer; float:left;} button.simplefavorites-clear:hover, button.simplefavorites-update:hover {color:#525252; border: 1px solid #ccc;} button.simplefavorites-clear:before {content:'\eee4'; font-family:"icofont"; padding-right:10px;} button.simplefavorites-clear:after, button.simplefavorites-update:after {content:""; clear:both !important;} button.simplefavorites-update {padding:5px 10px; background:#f2f2f2; border: 1px solid #dddddd; border-radius:1px; font-size:12px; text-align:center; line-height:1.57em; cursor:pointer; float:right; } button.simplefavorites-update:before {content:'\efd1'; font-family:"icofont"; padding-right:10px;} button.simplefavorites-clear:disabled { opacity:1 !important; } .favcount {width:40px; height:30px; margin:0; background:#f2f2f2; z-index:1001; } /* ====================== properties =================== */ .sidebar-prop-infos,.propicons-item,.propdocs,.slider-nav,.activateframe,#tabContainer #tabitems,#tabContainer #tabitems li a,.profile-sidebarbox{background:#f2f2f2; } .sidebar-prop-infos {padding:10px;margin:15px 0;border-radius:3px;} .bo-favorites-list {padding:5px 10px; background:#32A4FC; border: 1px solid #32A4FC; border-radius:1px; margin:0 0 0 5px; float:right; font-size:12px; text-align:center; line-height:1.62em; font-weight:500; color:#fff; } .bo-favorites-list a {color:#fff;} .propicons-item {padding:10px;border: 1px solid #dddddd; border-radius:3px; margin:0 5px 0 0; float:left; font-size:12px; text-align:center; line-height:1; font-weight:500; } .propicons-item a {color:#484B59;} .propicons-item i { font-size:18px; } .propicons-item span {border-left:1px solid #fff; padding-left:10px; margin-left:10px;line-height:16px;display:inline-block;} .propicons-item.propviews i.icofont-binoculars {float:left; } .propprice { font-size:1.75em; margin-top:25px;} .propfacts { font-size:14px; margin:0;} .propfacts div {padding:8px 0; border-bottom:1px dotted #ccc;} .propfacts div i {margin-right:15px; color:#777;} .propfacts a { color:#424242; } .propaddress {border:1px solid #dddddd; border-radius:3px; padding:10px; position:relative;margin-bottom:20px;} .propaddress:before {position:absolute; top:7px; left:3px; content:"\ef79"; font-family:"icofont";font-size:28px; color:#484B59; } #sidebar .propaddress p {font-size:13px; padding:0 0 0 30px; font-weight:400;} .propdocs {margin:15px 0; padding:5px 10px; border:1px solid #dddddd; border-radius:3px;position:relative;} .propdocs:before {position:absolute; content:"\ef06"; top:10px; left:10px; font-size:50px; color:#484B59; font-family:"icofont";} .propdocs ul {padding-left:60px;} .propdocs ul li {list-style-type:circle;font-size:14px;} .propdocs a {color:#484B59;} .property-gallery-single-wrap {position:relative; margin:0 0 40px 0; padding:0;} .property-slider-wrap {position:relative; margin:0 0 15px 0;width:100%;} .property-slider .slider-item { margin:0 5px; max-width:1024px;background:#000;} .property-slider .slider-item img {width:100%; max-width:1024px; height:auto;opacity:.75; } .property-slider .slider-item.slick-active img {opacity:1;} .property-slider .slick-prev{left:0; background:rgba(255,255,255,.8); top:45%; position:absolute; visibility:hidden;z-index:992;padding:3px 8px 3px 3px; cursor:pointer;} .property-slider .slick-next{right:0; background:rgba(255,255,255,.8); top:45%;position:absolute;visibility:hidden;z-index:992;padding:3px 3px 3px 8px;cursor:pointer;} .property-slider .slick-prev:before{content:'\e904'; font-family:"sbb-webicons";} .property-slider .slick-next:before{content:'\e905'; font-family:"sbb-webicons";} .property-slider button {background:transparent; border:none; font-size:0;} .property-slider .slick-next:before, .property-slider .slick-prev:before{font-size:50px;font-weight:bold;line-height:1;opacity:1;color:#640026;} .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:30px;width:100%;} .slider-img-count span {background:#640026;color:#fff;font-family: 'PT Sans Narrow', sans-serif;font-size:16px;padding:7px 20px;margin-left:50px; } @media screen and (max-width: 480px) {.slider-img-count span {margin-left:0px; }} #map {width:100%; max-width:100%; height:400px;margin:60px 0 15px 0; } #map iframe {width:100%; height:auto; display:block; } .mapinfo { padding:0 10px 0 0; text-align:left; width:280px;background:#f2f2f2;} .mapinfo a {color:#484B59;} .objimagewrap {float:left !important; margin-right:5px; 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;} .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:220px; min-height:100px; margin:0 auto; } .activatemap .mapwrap {background:rgba(0,0,0,.5); padding:25px; padding-bottom:50px; } .activatemap .mapwrap .activatemap-button {background:#32A4FC; color:#fff; font-size:12px; font-weight:500; 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;} .activatemap .mapwrap .activatemap-info a {color:#32A4FC;} .activateframe {display:block;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,.5); padding:25px; padding-bottom:50px; } .activateframe .framewrap .activateframe-button {background:#32A4FC; color:#fff; font-size:12px; font-weight:500; 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;} .activateframe .framewrap .activateframe-info a {color:#32A4FC;} .single-newobj {background-color: rgba(255,255,255,0.9); color:#32A4FC; text-align:center; text-transform:uppercase; font-size:12px; font-weight:500; letter-spacing:1px; padding:15px; position: absolute; right:10px; top: 65px; width:auto; z-index:12;} .single-soldobj {background-color: rgba(255,255,255,0.9); color:#484B59; text-align:center; text-transform:uppercase; font-size:12px; font-weight:500; letter-spacing:1px; padding:15px; position: absolute; right:10px; top: 10px; width:auto; z-index:12;} .floorplans {height:auto; width:100%; display:block;} .floorplans img {width:100%; height:auto; display:block; margin:0 0 10px 0; border-radius:3px;} .ui-tabs {position: relative;padding: .2em;} .ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;} .ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text;} .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer;} .ui-tabs .ui-tabs-panel {display: block;border-width: 0; padding: 1em 1.4em; background: none;} #tabContainer { position:relative; width:100%; margin:25px 0; } #tabContainer #tabitems { height:48px; z-index:100; margin:0; padding:0; text-align:left;} #tabContainer #tabitems li { list-style:none; margin:0; padding:0; background:none; display:inline-block; } #tabContainer #tabitems li a { border-right:1px solid #fff; color:#484B59; font-size:12px; text-transform:uppercase; display:block; height:48px; line-height:46px; padding:0 13px 0 10px; text-decoration:none; margin:0;font-weight:500;} #tabContainer #tabitems li:last-child a {border-right:none;} #tabContainer #tabitems li a:hover,#tabContainer #tabitems li a.active,#tabContainer #tabitems li.ui-state-active a {color:#fff; background:#32A4FC; } #tabContainer .tabtext { margin:8px 0 0 0; position:relative; z-index:99; text-align:left; border:1px solid #f2f2f2; padding:10px; width:calc(100% - 22px);} #tabContainer #tabitems li a i {margin-right:3px;} .openrequestform { float:right; clear:right; cursor:pointer; color:#fff; font-size:24px; margin:-6px 5px 0 0;} .requestformtitle { padding:12px 5px 12px 10px; font-size:15px; text-transform:uppercase; color:#fff; background:#484B59; cursor:pointer; font-weight:400; } #sidebar .requestform p.rfinfo {font-size:13px; padding:10px 10px 0 10px;} #sidebar .requestform input {} .prop-all-data { } .prop-all-data table { margin:5px 0; padding:0; line-height:1.6em; width:100%; } .prop-all-data table td { padding:6px 10px;margin-bottom:1px; border-bottom:1px solid #ddd; vertical-align:top;} .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:50%;} .prop-all-data td i { font-size:18px;} .propfeatures {margin:15px 0;} .propfeatures span { border:1px solid #fff; border-radius:4px; padding:6px 10px; font-size:14px; line-height:20px; margin:3px 3px 6px 3px; display:inline-block; font-weight:400;} .propfeatures span i {} .print-tab-header {display:none;} .filters { margin:25px 0 25px 0; 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 { background:#F2F2F2; border:1px solid #F2F2F2; padding:10px 15px; margin:0 3px 0 0; font-size:16px;color:#808080; text-transform:uppercase; font-weight:500; cursor:pointer;} .filter-button-group .is-checked {color:#fff;background:#640026;} .blogfilter {margin-top:50px;} a.filterbutton {font-family: 'PT Sans Narrow', sans-serif; background:#F2F2F2; border:1px solid #F2F2F2; padding:10px 15px; margin:3px 3px 0 0; font-size:16px;color:#808080; text-transform:uppercase; font-weight:500; cursor:pointer; display:inline-block;} a.filterbutton.current-filter-button {color:#fff;background:#640026;} a.filterbutton:first-child {margin-right:-2px !important} .ui-group { display:inline-block; width:auto; height:auto; margin-left:-5px; padding:0; } .ui-group:first-child {margin-left:0;} .group-title { position:relative; height:36px; line-height:36px; font-size:12px; text-transform:uppercase; font-weight:400; cursor:pointer; margin:15px 0 0 0; padding:0 10px 0 0;min-width:100px;} .group-title:after {position:absolute; right:5px; font-size:26px; font-family:"icofont"; content:"\ea7d"; color:#32A4FC;} .button-group {position:absolute; top:37px; left:-9999px; z-index:110; border:1px solid #DEE0E4; background:#fff; border-radius:0 0 2px 2px;} .ui-group:hover .button-group {left:inherit; right:0; padding:5px; width:auto; min-width:164px;white-space:nowrap;} .button-group li.is-checked {color:#32A4FC;} .button-group li {height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; border-bottom:1px solid #DEE0E4; padding:0 8px; line-height:32px; font-size:13px;text-transform:none;} .ui-group:hover .button-group li {height:32px;} .button-group li:last-child {border-bottom:none;} .button-group li:hover {color:#32A4FC;} .sort-filter { padding:0;margin-right:6px; text-align:right; } .sort-filter .sort-button-group {display:inline-block; text-align:left;} /* ==== Energy Scale ==== */ .energy-scale-horizontal {padding:0;margin-bottom:40px;margin-top:40px;} .energy-scale-steps-horizontal {width:100%; padding:5px 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; margin:2px 0;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;} .energy-scale-steps-horizontal .eenumber span {display:inline-block; height:20px;line-height:20px;width:calc(9.09090909% - 3px);margin:4px 0;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;} } /* ======== top objects ======= */ .bo-top-object-item.mobile-object {height:0;visibility:hidden;} .bo-top-object-item {display:flex; flex-direction:row; flex-wrap:nowrap;justify-content:flex-start;align-items:stretch; width:100%; height:auto;} .bo-top-object-col {flex-basis:50%; width:50%;} .bo-top-object-image {position:relative;height:100%;align-items:stretch;} .bo-top-object-image img {width:100%;height:100%;display:block;object-position:center center;object-fit:cover;} .bo-top-object-image .newobj, .bo-top-object-image .soldobj {background-color: rgba(255,255,255,0.9); color:#32A4FC; text-align:center; text-transform:uppercase;font-size:13px; font-weight:500; letter-spacing:1px; padding:15px; position: absolute; left:15px; top: 15px; width:auto;z-index:10;} .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:12px;line-height:15px; margin:0; padding:0;width:100%; } .bo-top-object-title {background:#32A4FC; margin:20px 0; padding:10px; font-size:18px;line-height:1.5em; color:#fff; width:60%; align-self:flex-start;} .bo-top-object-content h2 {font-size:21px;margin:7px 0; line-height:1.4em;} .bo-top-object-content h2 a {font-weight:400 !important} .bo-top-object-desc p {font-size:15px; line-height:25px;} @media screen and (max-width: 600px) { .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-block-prop-slider {padding:0 0 40px 0; margin:0; width:100%;position:relative;} .bo-block-prop-slider .slick-next, .bo-block-prop-slider .slick-prev {width:50%;height:10px; padding:15px 0; margin:0; font-size:0; cursor:pointer;position:absolute;z-index:905; background:none;border:none; } .bo-block-prop-slider .slick-prev:after,.bo-block-prop-slider .slick-next:after {content:""; width:100px; height:2px; background:#dddddd;position:absolute;z-index:98;} .bo-block-prop-slider .slick-prev:after {left:30px;} .bo-block-prop-slider .slick-next:after {right:30px;} .bo-block-prop-slider .slick-prev{left:0; bottom:0;text-align:left; } .bo-block-prop-slider .slick-next{right:0; bottom:0;text-align:right; } .bo-block-prop-slider .slick-prev:before, .bo-block-prop-slider .slick-next:before {font-family:"icofont";position:absolute; top:2px; font-size:28px;z-index:99;color:#dddddd; } .bo-block-prop-slider .slick-prev:before {content:"\ea71";left:0;} .bo-block-prop-slider .slick-next:before {content:"\ea72";right:3px;} .bo-block-prop-slider .slick-prev:hover:before, .bo-block-prop-slider .slick-next:hover:before{color:#32A4FC; } .bo-block-prop-slider .slick-next:before, .bo-block-prop-slider .slick-prev:before{} .bo-block-prop-slider .slick-next:hover:after, .bo-block-prop-slider .slick-prev:hover:after {background:#32A4FC;} .bo-block-prop-slider .slick-next.slick-disabled:after, .bo-block-prop-slider .slick-prev.slick-disabled:after{opacity:.45} .bo-block-prop-slider.mobile-slider {display:none;} @media screen and (max-width: 600px) { .bo-block-prop-slider.mobile-slider {display:block;} } .bo-top-object-details {font-size:13px; margin-top:auto; display:flex;flex-direction:row; justify-content:flex-start; vertical-align:center;align-items:center; height:50px;border-top:1px dotted #ccc;padding-bottom:15px;} .bo-top-object-details span {margin:0; padding:0 10px; display:inline-block;border-right:1px dotted #ccc; } .bo-top-object-details span:last-child {border-right:none;padding-right:0;} .bo-top-object-details i {margin-right:7px;font-size:16px;} .bo-top-object-price {font-size:17px;font-weight:400; border-right:1px dotted #ccc; padding:0 10px 0 0;} @media screen and (max-width: 940px) { .bo-top-object-details {flex-wrap:wrap; height:auto;} .bo-top-object-price {display:block;width:100%; padding:10px 0;border:none;} .bo-top-object-details span {margin:0; padding:0 5px; display:inline-block; white-space:nowrap;} .bo-top-object-details span:nth-child(2) {padding-left:0; } .bo-top-object-details i {margin-right:5px;font-size:13px;} .bo-top-object-content h2 {font-size:20px;} } @media screen and (max-width: 600px) { .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-details span {margin:0; padding:12px 0; display:block; width:100%;border-right:none;border-bottom:1px dotted #ccc;} .bo-top-object-details span:last-child {border-bottom:none;} } /* ======== team list / team box ======= */ .al {display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start; align-items:flex-start; margin-top:25px;margin-bottom:25px; } .profile-column {flex-basis:calc(25% - 33px); margin:0 10px 30px 10px;padding:5px 5px 0 5px;border:1px solid #dddddd; border-radius:3px;} .profile-column.team-item {width:calc(25% - 33px);} .profile-column.block-team-item {margin:20px 0; width:calc(100% - 12px);} .profile-column .profile-socials, .sc-single-agent .profile-socials {padding:5px 0 2px 0;margin:0 -3px 2px -3px; border-radius:0 0 2px 2px;} .al .profilename, .sc-single-agent .profilename {font-size:16px; font-weight:400; } .al .profilesub, .sc-single-agent .profilesub {font-size:14px;} .al .profilebox .profileimg, .sc-single-agent .profilebox .profileimg {max-width:140px; margin:10px auto; overflow:hidden; border-radius:100%;} .al .profilebox .profileimg img, .sc-single-agent .profilebox .profileimg img {width:calc(100% - 10px); border:5px solid #f2f2f2; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .al .profilebox .profileimg:hover img, .sc-single-agent .profilebox .profileimg:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .profilebox {text-align:center;} .profilecontact { padding:15px;} .profilebox i {font-size:14px;} .profilebox .profileimg {max-width:140px; margin:10px auto;} .profilebox img, .sidebarbox .profilebox img { width:100%; height:auto; display:block; border-radius:100%;} .profilename, .profilemail, .profilephone, .profilemobile, .profilefax { display:block; padding:7px 0; font-size:14px; } .profilename {font-size:18px; font-weight:400; } .profilemail a, .profilephone a, .profilemobile a { color:#484B59; text-decoration:none;} .profilemail, .profilephone, .profilemobile, .profilefax {} .footer-box .profilebox ul {margin:0; padding:0;list-style:none; text-align:left;} .footer-box .profilebox ul li {line-height:1.65em; list-style:none;} .footer-box .profilebox ul li.secaddr {margin-bottom:10px;} .profile-socials {background:#484B59; padding:5px 0 3px 0; } .profile-socials:empty .smicons {display:none;} .smicons {padding:0;margin:0;} .smicons span {background:#484B59; width:32px; height:32px; display:inline-flex; margin:0 6px 5px 0; padding:0; border-radius:50%; text-align:center;} .smicons span img {border-radius:3px;} .smicons span::before {font-size:20px;line-height: 35px;color:#fff; margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .smicons span.google::before {content:"\ed43"; font-size:21px;} .smicons span.google:hover {background:#DC4A3D;} .smicons span.twitter::before {content:"\ed7a";} .smicons span.twitter:hover {background:#55ACEE;} .smicons span.insta::before {content:"\ed46";} .smicons span.insta:hover {background:#9B6954;} .smicons span.fb::before {content:"\ed37";} .smicons span.fb:hover {background:#3B579D;} .smicons span.xing::before {content:"\ed87";} .smicons span.xing:hover {background:#00605E;} .smicons span.linked::before {content:"\ed4d";} .smicons span.linked:hover {background:#0077B6;} .smicons span.yt::before {content:"\ed8b";} .smicons span.yt:hover {background:#E12B25;} .smicons span.vimeo::before {content:"\ed7f";} .smicons span.vimeo:hover {background:#1AB7EA;} .smicons span.tum::before {content:"\ed78";} .smicons span.tum:hover {background:#36465D;} .smicons span.pin::before {content:"\ed5d";} .smicons span.pin:hover {background:#BD081C;} .smicons span.rss::before {content:"\ed64";} .smicons span.rss:hover {background:#F26522;} .smicons span.mail::before {content:"\ef14";} .smicons span.mail:hover {background:#AD0203;} .smicons span.phone::before {content:"\f008";} .smicons span.phone:hover {background:#AD0203;} .footer-box .smicons span {background:none; width:32px; height:auto; display:inline-flex; margin:0 6px 5px 0; padding:0; text-align:center;} #TB_overlay { background:#222 !important; opacity:.955 !important; filter: alpha(opacity=97) !important; position: fixed; } #TB_prev {content:'';} #TB_next {content:'';} #TB_prev:before, #TB_next:before {color:#f2f2f2; position:absolute; top:25%; font-size:50px; line-height:1.15em; font-family: "icofont"; cursor:pointer; } #TB_prev:before { left:-50px; content: '\ea6c'; } #TB_next:before { right:-50px; content: '\ea6d';} #TB_window { background:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #TB_window a {color:#eee !important} #TB_caption { line-height:1.5em; margin:0; padding:0; height:auto; color:#eee !important} #TB_secondLine { margin:0; padding:4px 0 0 0 !important; font-size:12px;} #TB_window img { border:3px solid #E6E8ED !important;} #TB_caption { line-height:1.6em; margin:0; padding:0; height:auto;} #TB_secondLine { margin:0; padding:4px 0 0 0 !important; font-size:.85em;} .fancybox-caption {bottom: 0 !important;color:#f2f2f2 !important;text-transform:normal;font-size: 17px !important; font-weight: 400;left: 0;line-height:1em;padding: 75px 0 25px 0 !important;pointer-events: none;right: 0; margin:auto;text-align: center;z-index: 99996;} .fancybox-caption__body {background:rgba(31,31,32,.9);line-height:2em !important; padding:25px 10px 30px 10px; -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);} .screen-reader-text { visibility:hidden;} .tb-close-icon {display: block; color: #eee !important; text-align: center; line-height: 49px !important; width: 49px !important; height: 49px !important; position: absolute; top: 0; right: 0; } .tb-close-icon:before { content: "\f158"; font: normal 40px/49px dashicons !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #TB_closeWindowButton:hover .tb-close-icon, #TB_closeWindowButton:focus .tb-close-icon {color: #fff !important; } #TB_closeWindowButton:focus .tb-close-icon { -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } /* ==== profile box ==== */ .bo-profile-block-box {display:flex; width:100%; flex-direction:row;flex-wrap:nowrap;justify-content:space-between;} .bo-profile-block-image {display:inline-block;flex-basis:calc(40% - 20px);align-self:center;} .bo-profile-block-image figure.bo-profile-image {margin:10px;} .bo-profile-block-content {flex-basis:calc(60% - 40px);display:flex; flex-direction:column; justify-content:center;text-align:center; vertical-align:center;padding:0 20px;} h2.bo-profile-box-name {font-size:21px;text-transform:uppercase;font-weight:500; display:block; text-align:center;margin-top:35px;margin-bottom:0;line-height:1.5em;} h3.bo-profile-box-subtitle {font-size:19px; display:block; text-align:center;position:relative;padding-top:10px;margin-top:10px;} h3.bo-profile-box-subtitle:after {content:""; position:absolute; top:0; width:60px; height:1px;background:#484B59;margin:auto;left:0;right:0;} .bo-profile-box-text {margin:0 40px;} .bo-profile-box-text p {font-size:15px;} .bo-profile-block-content ul {margin: 15px auto; text-align:left;} .bo-profile-block-content ul li {position:relative; padding-left:25px; list-style:none; font-size:15px;} .bo-profile-block-content ul li:before {content:"\eed9"; font-family:"icofont"; font-size:15px; position:absolute; left:0; top:0; margin-right:10px;} .bo-profile-box-icons {border-top:1px dotted #484B59; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; vertical-align:center;margin-top:auto;} .bo-profile-box-icons span {width:50%;flex-basis:50%;position:relative;display:flex;justify-content:center; vertical-align:center;align-items:center;font-size:16px;height:40px;margin:10px 5px;border-right:1px dotted #484B59;} .bo-profile-box-icons span:last-child {border-right:none;} .bo-profile-box-icons a {color:#484B59} .bo-profile-box-icons span.profile-phone:before,.bo-profile-box-icons span.profile-mail:before {font-family:"icofont"; width:50px;font-size:32px; } .bo-profile-box-icons span.profile-phone:before {content:"\efba";} .bo-profile-box-icons span.profile-mail:before {content:"\ef88";} @media screen and (max-width: 1200px) { .bo-profile-block-content {flex-basis:calc(60% - 20px);padding:0 10px;} } @media screen and (max-width: 940px) { .bo-profile-mobile-icons {width:100%;} .bo-profile-block-box {display:flex; width:100%; flex-direction:row;flex-wrap:wrap;justify-content:space-between;} } @media screen and (max-width: 640px) { .bo-profile-block-box {display:flex; width:100%; flex-direction:row;flex-wrap:wrap;justify-content:flex-start;} .bo-profile-block-content {flex-basis:calc(100% - 20px);padding:0 10px;display:block;} .bo-profile-block-image {display:block;flex-basis:100%;margin:0;} .bo-profile-block-image figure.bo-profile-image {margin:0;} .bo-profile-block-content ul {margin: 15px 25px 30px 25px; } h2.bo-profile-box-name {font-size:24px;} h3.bo-profile-box-subtitle {font-size:18px; display:block; padding-top:15px;margin-top:15px;} } @media screen and (max-width: 480px) { .bo-profile-box-icons {flex-wrap:wrap; padding-left:15px;} .bo-profile-box-icons span {width:100%;flex-basis:100%;border:none;justify-content:flex-start; } } /* =================== team profile ================= */ .team-profile-data,.block-contact-box {background:#f2f2f2;} .team-profile-image img { border:1px dotted #ccc; padding:5px; width:100%; height:auto;} .team-profile-info { padding:10px; margin:20px 0 20px 30px; width:calc(70% - 50px); float:left;} .team-profile-data { margin-top:20px; padding:10px; width:calc(30% - 20px); float:left;} .team-profile-meta {font-size:13px;font-weight:400; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #dddddd;} .team-profile-meta span {display:inline-block; padding:0 10px; border-right:1px solid #dddddd;} .team-profile-meta span:last-child {border-right:none;} .team-profile-meta a {color:#32A4FC;} .bo-team-properties {padding:35px 0;} .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:15px; 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.3em;font-size:14px;} ul.block-contact-box-list li a {color:#484B59;} /* ================== request ==================== */ .request-single-box, .request-list-box {border:1px solid #dddddd; margin:15px 0; padding:10px; position:relative; } .pl .request-list-box {flex-basis:calc(50% - 44px); margin:15px 20px 15px 0; padding-bottom:0;} .pl .request-list-box:nth-child(even) {flex-basis:calc(50% - 24px); margin-right:0; } .request-list-box:nth-child(2n + 2) {margin-right:0;} .request-list-box:hover { border-style:dotted;} .request-list-box h3 {line-height:1em; font-size:18px; margin-bottom:15px;} .request-list-data {font-size:13px; margin-bottom:15px; } .request-list-data span {display:block; padding:3px 0;} .request-list-data span i {padding-right:5px;} .request-single-box span { display:block; padding:4px 0;} .request-single-box table { margin:15px 0 0 0; padding:0; width:100%; font-size:14px;} .request-single-box table td { border-bottom:1px dotted #ccc; padding:5px; margin:0;} .request-single-box table tr:last-child td { border-bottom:none;} .requestimage { max-width:230px; padding:0; margin:0 auto;} .requestimage img { width:100%; height:auto;} .request-single-box p { font-weight:400; padding:5px;} .request-button a {background:#32A4FC; color:#fff; padding:8px 15px; border-radius:2px; margin:10px 5px 10px 0; width:auto; display:inline-block; font-size:12px; text-transform:uppercase; text-decoration:none; font-weight:400; } .request-button a:hover { text-decoration:none; background:#484B59; } .request-contact-box {background:#f2f2f2; margin:25px 0; padding:5px 10px 5px 20px; position:relative; } /* ================= testimonials ============ */ .testimonial-item {position:relative;margin:30px 0;} .testimonial-item:before {content:"";position:absolute; width:70%; height:1px; border-top:1px solid #ddd;margin:0 15%; top:-20px;} .testimonial-item:after {content:"";position:absolute; width:70%; height:1px; border-top:1px solid #ddd;margin:0 15%; bottom:-30px;} .testimonial-item cite {font-weight:400;margin-top:40px;display:block;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;} .testimonial-carousel .slick-dots{ position:absolute; bottom:-50px; display:block; width:100%;padding: 0;margin: 0;list-style:none;text-align:center;} .slick-dots li{position: relative;display: inline-block;width:40px; height:5px; margin:0 5px;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0; display: block;width:40px;height:5px;padding:0;cursor: pointer; color: transparent;border:0;outline: none;background:transparent;} .slick-dots li button:hover,.slick-dots li button:focus{ outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;} .slick-dots li button:before{position: absolute; top: 0;left: 0;width: 40px;height:5px; content:""; text-align:center; opacity: .25;background:#525252;} .slick-dots li.slick-active button:before{ opacity:.75;} /* ================= servicebox =============== */ .service-list-box {border:1px solid #dddddd; margin:15px 0; padding:5px 0; position:relative; display:flex; justify-content: flex-start; border-radius:4px 0 0 4px; } .pl .service-list-box {flex-basis:calc(50% - 12px); width:calc(50% - 12px); margin:15px 5px 15px 5px;} .pl .service-list-box:nth-child(even) {flex-basis:calc(50% - 12px); width:calc(50% - 12px); margin:15px 5px 15px 5px;} .service-list-box a {color:#484B59;} .service-list-box-thumb {flex-basis:35%; margin:-5px 0; padding:6px; background:#f2f2f2; } .service-list-box-info {flex-basis:calc(65% - 20px); padding:0 10px;} .service-list-box-info h2 {font-size:17px; margin:0; padding:5px 0;} .service-list-box-info p {font-size:14px; padding:0; margin:0; line-height:1.65em;} .service-list-box-thumb img { width:100%; margin:0; height:auto; display:block; border-radius:4px 0 0 4px; } /* ===================== button ===================== */ .content-button a {background:#640026; color:#fff; padding:10px 20px; border-radius:1px; margin:10px 5px 10px 0; width:auto; display:inline-block; font-family: 'PT Sans Narrow', sans-serif;font-size:18px;text-decoration:none; font-weight:400; } .content-button a i {font-size:23px; line-height:1; } .content-button .button-left-icon {margin:-12px 10px -12px -20px; padding:9px 10px; float:left;background:rgba(0,0,0,.1); height:auto; width:auto;display:inline-block;} .content-button:hover a {background:#808080;} .wp-block-button:hover a {background-color:#808080 !important;} .content-border-button a {color:#640026; border:2px solid #640026; padding:12px 20px; border-radius:2px; margin:10px 5px 10px 0; width:auto; display:inline-block; font-size:14px; letter-spacing:.2px; text-transform:uppercase; text-decoration:none; font-weight:400; } .content-border-button:hover a {color:#808080; border:2px solid #808080;} .cookie-button {background:#484B59; color:#fff; padding:10px 15px; border-radius:2px; margin:10px 0; width:auto; display:inline-block; font-size:12px; text-transform:uppercase; text-decoration:none;cursor:pointer;font-weight:400; } .cookie-button:hover {text-decoration:none; background:#32A4FC; } .wp-block-button {font-weight:400;} .wp-block-button a {font-family: 'PT Sans Narrow', sans-serif;font-size:18px;padding:10px 20px;background:#640026; color:#fff; } /* ===================== faq ===================== */ .bo-faq-headline {margin:1px 0 0 0; padding:15px 10px; position:relative; border-top:0px dotted #dddddd; border-bottom:4px solid #FFFFFF; cursor:pointer; background:#f2f2f2;box-sizing:border-box; } .bo-faq-headline i {font-size:17px;position:absolute; margin:5px 0; color:#32A4FC; } .bo-faq-headline i {transition: 300ms ease-in-out; transition-delay:100ms;transform:rotate(360deg); } .bo-faq-headline h3 {font-size:22px; line-height:26px; margin:0; font-weight:400; padding-left:30px;} .bo-faq-answer {padding:15px 0; border-bottom:1px dotted #dddddd;margin:0 0 15px 0; } .bo-faq-answer p {font-size:18px; line-height:28px; } .bo-faq-headline.active-headline {border-bottom:none;} .bo-faq-headline.active-headline i {transform:rotate(180deg); } .bo-leftslide {animation-delay:200ms} .bo-rightslide {animation-delay:600ms} .bo-triple-desktop {} .bo-triple-mobile {display:none;} .bo-triple-box {width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;overflow:hidden;} .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;justify-content:flex-start;} .bo-triple-text {margin:0 auto; padding:0 20px 0 40px; color:#ffffff; text-align:left;width:calc(100% - 60px);} .bo-triple-box a {color:#ffffff;} .bo-triple-box .bo-triple-col:nth-child(1) {animation-delay:200ms} .bo-triple-box .bo-triple-col:nth-child(2) {animation-delay:400ms} .bo-triple-box .bo-triple-col:nth-child(3) {animation-delay:600ms} .bo-triple-box.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw;} .alignwide .bo-triple-col.col-has-image {margin:-1px;} .bo-triple-box .content-button, .bo-triple-box .content-border-button {margin-top:20px;} .bo-triple-box h2, .bo-triple-box h3, .bo-triple-box h4, .bo-triple-box h5 {font-weight:400;font-size:22px;} .bo-vertical-box {width:100%;display:flex;flex-direction:column;justify-content:flex-start; overflow:hidden;background:#ffffff;margin:0; position:relative; box-sizing:border-box;text-align:left; } .bo-vertical-first {} .bo-vertical-text {padding:20px 5px; text-align:center;} .bo-vertical-second {position:relative; overflow:hidden;} .bo-vertical-img img {height:auto; max-width:100%;display: block;vertical-align: middle;} /* ===================== singles ===================== */ .post-thumb { float:left; margin:10px 25px 10px 0; padding:5px; background:#f2f2f2; border:1px solid #dddddd; border-radius:3px; max-width:50%; } .post-thumb img { width:100%; height:auto; display:block;} .page-entry table { width:calc(100% - 2px); margin:15px 0; font-size:.85em; padding:0; border:1px solid #e5e5e5; border-radius:5px; background: #ffffff; box-sizing:border-box;} .page-entry table td { border-bottom:1px solid #f0f0f0; border-top:1px solid #fff; border-right:1px solid #f0f0f0; border-left:1px solid #fff; padding:10px; margin:0;} .page-entry table td:last-child, .page-entry table th:last-child { border-right:none;} .page-entry table td:first-child { border-left:none;} .page-entry table th { border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; padding:10px; font-size:1.3em; line-height:1.5em; font-weight:normal; text-shadow:#ddd 1px 1px; background: #f2f2f2; } .page-entry table tr:last-child td { border-bottom:none;} /* =================== misc =================== */ article ul { margin:20px 0 25px 20px; padding:0; } article ul li {list-style-type:disc; padding-left:5px; margin:6px 0; font-size:18px;} article ul ul {margin:5px 0 15px 10px; padding:0;} article ul li ul li { list-style-type:circle; } article ul.prop-highlights {margin:30px 0 0 0;padding:0; list-style:none;} article ul.prop-highlights li {padding:20px 0 20px 60px; margin:0; list-style:none;} article .wp-block-gallery ul {margin:25px 0; padding:0;} article .wp-block-gallery ul li {margin:8px 0; padding:0;} article ol { margin:10px 0 25px 25px; padding:0; } article ol li { margin:5px 0; padding:0; list-style-type:decimal; line-height:28px;font-size:18px; } article ul.wp-block-social-links {margin:0; padding:0; list-style:none;} article ul.wp-block-social-links li {margin:0 5px 0 0; padding:0; list-style:none;} ul.check { margin:10px 0 25px 2px; padding:0; list-style:none; } ul.check li { list-style:none; margin:6px 0;} ul.check li:before {font-family: "icofont"; content: '\eed7'; margin-right:12px;} ul.standard { margin:10px 0 25px 20px; padding:0; } ul.standard li { list-style:square; padding-left:5px; margin:5px 0;} ul.pfeil { margin:10px 0 25px 2px; padding:0; list-style:none; } ul.pfeil li { list-style:none; line-height:1.5em; margin:5px 0;} ul.pfeil li:before {font-family: "icofont"; content: '\ea69'; margin-right:12px; } blockquote { padding:0 0 0 20px; margin:20px 30px 25px 0;} blockquote:before {font-family: "icofont"; content: '\efce'; font-size:48px; color:#ccc; margin-right:25px; float:left;} blockquote p { padding:0; margin:0; line-height:1.6em; font-style: italic;} code { background:#f2f2f2; padding:10px 5px; margin:2px 0; display:block; font-size:14px; line-height:1.7em;} pre {overflow-x: auto; white-space: pre-wrap; word-wrap: break-word;} .toggle-box { margin:10px 0 20px 0; padding:0; max-width:100%; } .toggle-headline { background: #f2f2f2; border:1px solid #dddddd; border-radius:2px; padding:6px 0 6px 6px; margin:2px 0; cursor:pointer;} .toggle-headline h3 { font-size:18px; margin:0; padding:0; line-height:1.5em; font-weight:300; } .toggle-headline h3:before { float:left; content: '\efc0'; font-family:"Icofont"; font-size:16px; margin-right:15px; } .toggle-headline.toggle-up h3:before {content: '\ef98'; } .toggle-more { padding:15px 10px;} .tab-box {position:relative; width:calc(100% - 12px); margin:30px 0; padding:5px; border:1px solid transparent; border-radius:2px; } .tab-box ul.tabber, article .tab-box ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;width:100%;} .tab-box ul.tabber li, article .tab-box ul.tabber li {float:left !important;display:inline-block; list-style:none; margin:0; padding:0; background:none;} .tab-box ul.tabber li a { border:1px solid #dddddd; border-bottom:none; border-radius:2px 2px 0 0; color:#484B59; font-size:13px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; display:inline-block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 0 0 3px; background:#f2f2f2;} .tab-box ul.tabber li:last-child a {} .tab-box ul.tabber li a:hover {background:#fff; color:#32A4FC; } .tab-box ul.tabber li a.active { background:#fff;color:#32A4FC; } .tab-box .panel { border:1px solid #dddddd; border-radius:0 3px 3px 3px; margin:38px 0 0 0; padding:25px 10px 10px 10px; position:relative; z-index:99;} .tab-box .panel h3 {border:none; text-transform:inherit; display:inherit; font-size:17px; margin:0;} .page-entry iframe { margin:25px 0; border-radius:2px;} .page-entry iframe, .widget iframe, article iframe {max-width: 100%; } #gototop { display:none; background:#f2f2f2; padding:5px 8px; position:fixed; z-index:10000; border-radius:3px; right:20px; bottom:125px;} #gototop a {color:#32A4FC; text-decoration:none; font-size:30px;} #gototop:hover { background:#ccc;} /* =================== iconbox shortcode */ .cboxcontent {padding:10px; margin:10px 0; color:#606774; border:1px solid #dddddd; border-radius:2px; display:block; text-align:center; box-shadow:0 6px 4px -6px rgba(0,0,0,.3); } .cboxcontent [class^="icon-"]:before, .cboxcontent [class*=" icon-"]:before { margin:0; padding:0; line-height:1em;} .cboxcontent [class^="icofont-"]:before, .cboxcontent [class*=" icofont-"]:before { margin:0; padding:0; line-height:1em; } .cboxcontent [class^="fa-"]:before, .cboxcontent [class*=" fa-"]:before { margin:0; padding:0; line-height:1em;} .cboxcontent h3 { margin:10px 0 5px 0; padding:0; font-size:15px; text-transform:uppercase;} .cboxcontent p { font-size:14px; line-height:1.6em;} .cboxcontent .boxtext {padding-bottom:10px;} a.boxbutton { margin:15px 0 0 0; width:auto; display:inline-block; padding:8px 15px; font-size:13px; text-transform:uppercase; text-decoration:none; font-weight:500; border:2px solid #606774;color:#606774; border-radius:2px; transition:padding linear 200ms} a.boxbutton:hover {text-decoration:none; padding:8px 25px; } /* ========================= blog / archives ======================== */ .sticky { margin:0 0 10px 0; padding:10px; background:#f2f2f2;} .bypostauthor { font-style:italic;} .more-meta {width:20%; display: inline-block; } .meta {display: inline-block;} .metadate {font-style:italic; font-size:10px; margin:-10px 0 10px 0; padding:0;} .teaser-list-thb {position:relative;} .category-description p {text-align:center;} .bo-blog-description {display:block; margin:0 0 30px 0; } .blog-list-box { margin:0 0 20px 0; padding:1px; border:1px solid #dddddd; border-radius:3px; position:relative;} .blog-list-thumb { width:40%; position:relative; float:left; } .blog-list-thumb img { width:100%; height:auto; display:block; border-radius:3px 0 0 0;} .blog-list-content {width:calc(60% - 40px); padding:5px 10px 5px 30px; float:left;} .blog-list-box h2 {margin:0; padding:5px 0; font-size:17px; font-weight:400; line-height:1.5em;} .blog-list-box p {margin:0; padding:0; font-size:14px;} .blog-list-box .postdate {position:absolute;top:0; left:0; width:62px; text-align: center; margin:0; padding:5px 0; background:rgba(72,75,89,.9); color:#fff; border-radius:3px 0 0 0;} .blog-list-box .postdate .day { display:block; font-size:26px; font-weight:400;} .blog-list-box .postdate .month { font-size:11px;} .blog-list-box .meta-category { margin:0; padding:5px; font-size:14px; line-height:1.8em; min-height:23px; } .blog-list-box .meta-category a { color:#484B59; text-decoration:none; } .blog-list-box a.blog-read-more {display:block; background:#fff; padding:5px 0 0 30px; color:#484B59; font-size:12px; text-transform:uppercase; font-weight:500; position:absolute; bottom:10px; right:10px; } .blog-list-box .separator {width:100%; height:1px; border-bottom:1px dotted #dddddd; } .blogposts { margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; width:100%;} .blogbox {padding:0; margin:0;background:#fff;} .blogposts .blogbox {flex-basis:calc(33.3333% - 22px); margin:15px 33px 15px 0;} .blogposts .blogbox:nth-child(3n + 3) {margin-right:0;} .blogbox-thumb {} .blogbox-thumb img {width:100%; height:auto;} .blogbox-content {padding:20px 20px;} .blogbox-content p {margin:0; padding:0;} .blogbox-content a.blog-more {margin-top:10px; color:#640026; font-weight:bold; display:block;} .blogbox .meta-category {margin-top:10px; padding:10px 0 5px 0; border-top:1px dotted #ccc; font-size:12px; } .blogbox .meta-category a {color:#484B59;} .blogbox .meta {display:block; padding:3px 0; line-height:15px;} .blogbox .meta i { font-size:11px; margin-right:10px; } .blogbox .meta-category:empty {display:none;} .single-meta {padding:0; margin:90px 0 35px 0; font-size:18px;} .single-meta a {color:#640026;font-weight:400;} .single-meta .meta-date, .single-meta .meta-author {display:inline-block;} .single-meta .meta-category {padding:0; margin:5px 0; display:block;} .single-meta .meta-tags {margin:5px 0; padding:0 5px;} .single-meta .meta-category a:hover, .single-meta .meta-tags a:hover, .blogloop-meta .meta-category a:hover, .blogloop-meta .meta-tags a:hover { color:#808080;} .single-meta .meta-category:empty {display:none;} .single-post-nav { margin:35px 0 0 0; padding:0; font-size:18px; } .single-post-nav .left { float:left; width:50%; text-align:left;} .single-post-nav .right { float:right; width:50%; text-align:right;} .single-post-nav a { color:#640026; text-decoration:none;font-weight:400;} .single-post-nav .left:empty, .single-post-nav .right:empty {display:none;} .single-post-thumbnail img {width:100%; height:auto; display:block;} .posttop { float:left; width: calc(100% - 100px);} .postbox h3 {font-size:1.15em; } .posttext p { line-height:1.7em; } .postbox .blog-list-thumb { float:left; max-width:36%; margin:15px 10px 2px 0; border:2px solid #dddddd; border-radius:1px;} .postbox .blog-list-thumb img { width:100%; height:auto; display:block;} .postmeta { font-size:.85em; color:#727271; padding-top:5px; margin:5px 10px 0 0; border-top:1px dotted #ccc;} .postmeta a {color:#727271; text-decoration:none;} .postmeta a:hover { color:#32A4FC;} .post-more {text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:.9em; color:#C4122F;} .post-more:hover { color:#484B59;} .postbox { margin:0; border:1px dotted #ccc; padding:0 10px 10px 10px; } .postbox article { padding:5px 0;} .post-nav { margin:40px 0 100px 0; padding:0; font-size:16px; text-align:center;} .post-nav:empty {display:none;} a.page-numbers {padding:5px 10px; border-radius:1px; margin:0 2px 0 0;background:#640026; color:#fff; } .page-numbers.current {padding:5px 10px; border-radius:1px; margin:0 2px 0 0;background:#808080; color:#fff; } a.page-numbers.next, a.page-numbers.prev {background:none; color:#640026;} .nav-next {float:left; width:30%; } .nav-previous {float:right; width:30%; text-align:right;} /* =================== galleries =================== */ .wp-caption { max-width:calc(100% - 10px); padding:5px; border:1px dotted #DEE0E4;border-radius:5px; } .wp-caption img {max-width:100%;display:block;height:auto; } .columns .col1-4:nth-child(4n+4) .inner .wp-caption {max-width:calc(100% - 20px);} .columns .col1-3:nth-child(3n+3) .inner .wp-caption {max-width:calc(100% - 30px);} .columns .col1-2:nth-child(2n+2) .inner .wp-caption {max-width:calc(100% - 30px);} .wp-caption-text{font-size:14px;margin:0 2%} .gallery-caption{text-wrap:normal !important} .gallery img {width:calc(100% -20px); height:auto; margin:5px 10px; border-radius:5px;} .gallery{clear:both;overflow:hidden;margin:25px auto} .gallery .gallery-item{overflow:hidden;float:left;margin:10px 0 0;text-align:center;list-style:none} .gallery-columns-0 .gallery-item{width:100%} .gallery-columns-1 .gallery-item{width:100%} .gallery-columns-2 .gallery-item{width:50%} .gallery-columns-3 .gallery-item{width:33.33%} .gallery-columns-4 .gallery-item{width:25%} .gallery-columns-5 .gallery-item{width:20%} .gallery-columns-6 .gallery-item{width:16.66%}to .gallery-columns-7 .gallery-item{width:14.28%} .gallery-columns-8 .gallery-item{width:12.5%} .gallery-columns-9 .gallery-item{width:11.11%} .gallery-columns-10 .gallery-item{width:10%} img.alignright { float:right; margin:15px 10px 5px 25px; border-radius:3px; } img.alignleft {float:left; margin:15px 25px 5px 0; border-radius:3px; } img.aligncenter { margin:10px auto; border-radius:3px; } img.alignnone { margin:10px 0; border-radius:3px;} figure.alignright { float:right; margin:15px 10px 5px 25px; } figure.alignleft {float:left; margin:15px 25px 5px 0; } figure.aligncenter { margin:0; } figure.alignnone { margin:0; } figure.alignwide {margin:0;} figure.wp-block-image img {border-radius:3px;} .textwidget img {max-width: 100%; } img[class*="align"], img[class*="wp-image-"] {height: auto; } img.size-full, img.size-large {max-width: 100%; width: auto; } figure.alignright img, figure.alignleft img, figure.aligncenter img, figure.alignnone img, figure img {border-radius:2px;} #TB_secondLine a {color:#333;} /* ========================= gutenberg blocks extra ========================= */ .alignwide {margin-left: -25px; margin-right: -25px; max-width: 1300px;} .alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} figcaption {text-align:center; font-size:13px; font-weight:bold;max-width:calc(100% - 20px) !important; padding-left:10px; padding-right:10px;} .wp-block-gallery.columns-1 li.blocks-gallery-item {margin-bottom:35px;} .wp-block-media-text {margin:25px 0;} .wp-block-cover.alignwide {margin-left: -20px !important; margin-right: -20px !important; width:calc(100% + 40px) ; max-width: 1200px;} .wp-block-cover.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); width:100vw ; max-width: 100vw;} .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-group.alignfull .wp-block-group__inner-container {max-width:1250px ; padding:0; margin:0 auto;} .wp-block-cover.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container {width:100%; max-width:1250px;padding:0 25px; margin:0 auto;} @media screen and (max-width: 1024px) { .wp-block-cover.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container, .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-group.alignfull .wp-block-group__inner-container {} } .wp-block-column .wp-block-cover {height:auto !important;} .wp-block-cover {overflow:visible !important;} .wp-block-cover__inner-container {overflow:visible !important;} .wp-block-image figure figcaption {text-align:center;} .wp-block-media-text {margin:25px 0;} .wp-caption-text {font-weight:700;} .wp-block-cover.alignwide {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} .wp-block-cover.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); width:100vw ; max-width: 100vw; text-align:center !important; } .wp-block-cover.alignfull p.wp-block-cover-text {width:100%; max-width:1360px; margin:0 auto; } .wp-block-cover.has-left-content.alignfull p.wp-block-cover-text {text-align:left;} .wp-block-cover.has-right-content.alignfull p.wp-block-cover-text {text-align:right;} .wp-block-cover p.wp-block-cover-text {line-height:1.5em;} .wp-block-cover.has-left-content:not(.alignfull) p.wp-block-cover-text {margin-left:15px;} .wp-block-cover.has-right-content:not(.alignfull) p.wp-block-cover-text {margin-right:15px;} .wp-block-cover.has-left-content.alignwide p.wp-block-cover-text {margin-left:30px;} .wp-block-cover.has-right-content.alignwide p.wp-block-cover-text {margin-right:30px;} .wp-block-cover {margin-bottom:0;min-height:300px;} .nomargin .wp-block-column {margin:1px !important;} .wp-block-columns.has-4-columns.nomargin .wp-block-column, .wp-block-columns.has-3-columns.nomargin .wp-block-column, .wp-block-columns.has-2-columns.nomargin .wp-block-column {margin:1px !important; } .wp-block-column.nomargin {margin:1px !important; } .nomargin .wp-block-column:first-child {margin-left:0 !important;} .nomargin .wp-block-column:last-child {margin-right:0 !important;} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left:0;} .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right:0;} .pb-section {position:relative; margin:0; padding:0; } .pb-content {position: absolute; top:40px; right:40px; background:rgba(255,255,255,.8); padding:15px; max-width:300px; animation-delay:1s; text-align:left;} .pb-content p {font-size:14px;} /* ============ bo block cta ========= */ .bo-block-cta-section {background-size: cover;} .bo-block-cta-container {max-width: 1160px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 60px 20px; } .bo-block-cta-wrapper { width:calc(100% - 40px); max-width:1000px; animation-delay:300ms; padding:0 20px;} .bo-block-cta-overlay {animation-delay:300ms; } .bo-block-cta-section.alignfull .bo-block-cta-wrapper {margin-left:0;} .bo-block-cta-heading {color: #f2f2f2; line-height:1.2em; font-weight:400; margin-left:-3px;} .bo-block-cta-heading:after { color: #f2f2f2; } .bo-block-cta-text { color: #fff; margin-top:0; margin-bottom: 10px; } .bo-block-cta-buttons {margin-top:30px;} .bo-block-cta-button-1, .bo-block-cta-button-2 { display: inline-block; padding: 8px 24px; border-radius: 0; border: solid #fff 2px; background-color: transparent; color: #fff;font-size: 14px; line-height:24px; text-transform: uppercase;letter-spacing: 1px; margin-bottom: 10px; font-weight:400;} .bo-block-cta-button-1 {margin-right: 10px;background-color: #fff;color: inherit; } .bo-block-cta-button-1:hover, .bo-block-cta-button-2:hover {opacity:.8;} .bo-block-cta-button-1 i,.bo-block-cta-button-2 i {margin-top:2px; margin-left:-10px; margin-right:10px; float:left;font-size: 20px;} .wp-block-column .bo-block-cta-section.alignwide {margin-left:0 !important; margin-right:0 !important;} /* ===================== iconbox ===================== */ .ibox {margin:5px 0; padding:15px; border:1px solid #dddddd; box-shadow:0 6px 4px -6px rgba(0,0,0,.3); position:relative; z-index:100; border-radius:3px;} .ibox [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before { margin:0;padding:0; width:1em; height:1em; line-height:1em; } .ibox [class^="icofont-"]:before, .boxcontent [class*=" icofont-"]:before { margin:0;padding:0; width:1em; height:1em; line-height:1em; } .ibox [class^="fa-"]:before, .boxcontent [class*=" fa-"]:before {margin:0; padding:0; width:1em; height:1em; line-height:1em; } .ibox .box-title {font-size:19px;line-height:1.2em;font-weight:400;} .ibox .box-subtitle {font-size:13px;line-height:1.5em;font-weight:400; } .ibox .box-icon { width:auto; color:#424A59; float:left; margin:-5px 10px 5px -5px;} .ibox p { font-size:14px; line-height:1.75em; padding:5px 0; margin:0; } .ibox a.more-link {font-weight:500; display:inline-block; font-size:13px; text-transform:uppercase; margin:25px 0 0 0; padding:10px 20px; background:#484B59;color:#fff; } .ibox a.more-link:hover {border-radius:5px;} a.more-link:empty {display:none;} .ibox2 {margin:5px 0; border:1px solid #dddddd; border-radius:2px; padding:15px;text-align:center; background:#fff;} .ibox2 .circle { width: 100px; height:100px; border-radius:100%; background: #f2f2f2; position: relative; margin:0 auto 15px auto; } .ibox2 .hex-icon {position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);} .ibox2 .hex-icon i {font-size:50px;} .ibox2 h3 {margin:15px 0 5px 0; font-size:21px; font-weight:400;} .ibox2 p {margin:5px 0; font-size:15px;} .ibox2 .separator {width:100px; height:3px; background:#dddddd; margin:10px auto;} .ibox2 a.simple-button {font-weight:500; display:inline-block; font-size:13px; text-transform:uppercase; margin:25px 0 0 0; padding:10px 20px; background:#484B59;color:#fff; } a.simple-button:hover {border-radius:5px;} .ibox2 a.simple-button:empty {display:none;} .ibox3 {border:1px solid #f2f2f2; background:rgba(255,255,255,.3); border-radius:3px; position:relative; margin:10px 15px 10px 0; padding:5px 0; } .ibox3-icon {position:absolute; top:0; left:0; height:calc(100% - 2px); width:100px; background:#f2f2f2; margin:1px; border-radius:3px 0 0 3px; padding:0;} .ibox3-icon i {font-size:45px; position:absolute; top:calc(50% - 23px); left:calc(50% - 25px);} .ibox3-content { margin:0; padding:10px 10px 10px 120px;} .ibox3-content h3 {font-size:14px; text-transform:uppercase; font-weight:500; line-height:1.5em;margin:0; padding:0;} .ibox3-content p {font-size:14px; margin:0; padding:0; line-height:1.5em;} a .ibox3-icon i, a .ibox3-content h3, a .ibox3-content p {color:#484B59;} .has-background-dim .ibox3-content h3, .has-background-dim .ibox3-content p {color:#484B59;} @media screen and (max-width: 940px) { .page-content .ibox3-content { margin:0; padding:10px 0 10px 100px;} .page-content .ibox3-icon { width:80px; } } @media screen and (max-width: 860px) { .page-content .ibox3-content { margin:0; padding:10px 0 10px 90px;} .page-content .ibox3-icon { width:75px; } } /* =================== contactform =================== */ .contactform { margin:40px 0 0 0; padding:0; width:100%; } .wpcf7-form {margin:0; padding:0; width:100%;} .sidebarbox .wpcf7-form {margin:10px 0 0 0; padding:5px; width:calc(100% - 20px); border:none;} .contactform label, .wpcf7 label { font-size:14px; display:block; margin:7px 0 0 0;} .contactform input, .wpcf7 input {width:calc(100% - 10px); border:1px solid #fff; border-radius:1px; padding:12px 3px 12px 6px; margin:0 5px 10px 5px; font-family: 'PT Sans Narrow', sans-serif; font-size:18px; box-sizing:border-box;} .contactform select, .wpcf7 select {width:calc(100% - 5px); border:1px solid #fff; border-radius:1px; padding:12px 15px 12px 6px; margin:0 0 10px 5px; font-family: 'PT Sans Narrow', sans-serif; font-size:18px; box-sizing:border-box; background:#fff;color:#808080;} .contactform textarea, .wpcf7 textarea {font-family: 'PT Sans Narrow', sans-serif; font-size:18px; width:calc(100% - 10px);margin:0 5px; border:1px solid #fff; border-radius:1px; padding:10px 3px 10px 6px; box-sizing:border-box;} .contactform input:focus, .contactform textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #ccc;} .contactform button, .wpcf7 .wpcf7-submit, #respond input#submit { cursor:pointer; color:#fff; margin-top:40px; border:none; font-family: 'PT Sans Narrow', sans-serif;text-transform:none; font-size:18px; padding:10px 25px; border-radius:1px; background:#640026; display:inline-block; } .contactform button:hover, .wpcf7 .wpcf7-submit:hover, #respond input#submit:hover {background:#808080} .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; float:left; width:calc(100% - 30px); line-height:1.4em;} .contactform label.agreelabel a {color:#640026;} .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {width:auto; display:inline-block; margin:0 10px 0 0;} .wpcf7 input[type="radio"]:checked ~ * {color:#000;} .wpcf7 .wpcf7-acceptance {margin:5px 0 15px -10px; display:block; width:calc(100% - 10px);} .wpcf7 .wpcf7-acceptance label {font-size:12px; line-height:1.4em; } .wpcf7 .wpcf7-submit { width:auto;} .wpcf7 input[type="number"] {max-width:65px;} .wpcf7 legend { font-size:1.35em; font-weight:400; margin:-45px 5px 15px 0; padding:10px; background:#fff;} .wpcf7 .wpcf7-list-item-label {font-size:14px; line-height:1em; } .error { position:relative;} .error { display:block; color:#640026; margin-left:10px;} .wpcf7 .wpcf7-not-valid-tip { color:#640026; padding:0px 0px 12px 12px;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color:#640026; padding:10px 10px; color:#640026; } .wpcf7 form.sent .wpcf7-response-output { border-color:#808080; padding:10px 10px; color:#808080; } .contactform p {position:relative; margin:0; padding:0;display:block;} .wpcf7-form p {position:relative; margin:0; padding:0;} .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); } } /* =================== cta box =================== */ .cta-inner { padding:0;} .page-content .cta-inner { padding:0 60px; } .ctacontainer .cta-inner { margin:0 25px; } .ctacontainer h1 {font-size: 32px; font-weight:300;} .ctacontainer h2 {font-size: 26px;} .ctacontainer h3 {font-size: 24px; font-weight:300;} .ctacontainer p { font-size:16px; line-height:1.7em; font-weight:300;} .ctacontainer .content-button { display:inline-block; margin-top:25px;} /* ======================== comments ============================ */ #comments { margin:30px 0 25px 0; padding:20px 0; } .comment-reply-title { font-size:19px; margin:0; padding:0; } .comment-form a, .comment-list a {color:#484B59;} .comment-form p {font-size:13px;} .comment-author {font-weight:400; font-size:15px;padding:3px 0;} ol.comment-list { margin:15px 0 0 0; list-style:none; padding:0; } ol.comment-list li { padding:5px 10px; margin:5px 0 15px 0; font-size:14px; line-height:1.6em; border:1px solid #dddddd; border-radius:2px; list-style:none;} ol.comment-list li.odd {background:#fff;} ol.comment-list .commentmetadata { font-size:12px; } ol.comment-list .comment-reply-link { font-size:12px;} .comment-list .says { display:none;} .comment-list cite { font-style:normal; margin:0; padding:0;} ol.comment-list li img { float:left; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:2px; margin:5px 25px 5px 0;} .comment-list ol.children { margin-top:20px;} .comment-list ol.children li { background:#f2f2f2; padding:7px; } #respond { margin:30px 0; padding:0; } #respond .memberbox { padding:5px 0 0 0;} #respond .inputbox { padding:10px 0 0 0;} #respond label {display:block; font-size:.9em; } #respond label span {font-size:.8em; } #respond input { width:calc(100% - 10px); padding:7px 5px; font-family: 'Rubik', sans-serif; font-size:13px; margin:2px 0 7px 0; border:1px solid #e5e5e5; border-radius:3px; } #respond textarea { font-family: 'Rubik', sans-serif; font-size:13px; padding:5px; height:130px; width:calc(100% - 10px); margin:5px 0; border:1px solid #e5e5e5; border-radius:3px; } #respond #submit { width:auto; font-size:13px; cursor:pointer; margin-top:15px; padding:5px 20px 6px 20px; } #respond .memberbox { margin:5px 0;} /* ================== 404 ================= */ .notfoundsearch{ margin:35px 0; padding:5px 10px 15px 10px; background:#f2f2f2; border:1px solid #dddddd; border-radius:3px; } .notfoundsearch form#searchform { margin:0; padding:0; } .notfoundsearch input#searchinput {font-size:14px; padding:8px 5px; margin:3px 0 0 0; display:inline-block; float:left; background:#fff; border:1px solid #dddddd; color:#333; width: -webkit-calc(100% - 170px); width: calc(100% - 170px); -webkit-appearance:none !important;} .notfoundsearch input#searchinput:focus { color:#333;} .notfoundsearch input#searchsubmit {color:#fff; font-size:13px;text-transform:uppercase; width:100px; float:right; display:inline-block; padding:7px 15px 8px 15px; border-radius:3px; margin:5px 50px 0 0; cursor:pointer; background:#484B59; border:none !important; text-align:center; -webkit-appearance:none !important;font-weight:400; } .search-list-box {border-bottom:1px dotted #ccc; margin:20px 0;padding:10px 0;} .search-list-thumb {float:left; margin:0 25px 0 0; max-width:150px; } .search-list-thumb img {width:100%; height:auto; border-radius:3px;} .search-list-box h2 {font-size:20px;} .search-list-box p {font-size:15px;} /* =================== sidebar ===================*/ .sidebarbox { border:1px solid #f2f2f2; padding:5px; margin:14px 0 20px 0; border-radius:2px; } .widgettitle { padding:10px 0 10px 10px; margin:0 0 15px 0; font-size:14px; text-transform:uppercase; font-weight:400; border-bottom:1px solid #dddddd; background:#f2f2f2; } .widgettitle [class^="icon-"]:before, .sidebarbox .widgettitle [class*=" icon-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;} .bo-taxsearch-sidebar .widgettitle {margin:0;} .sidebarbox p { font-size:14px;} .sidebarbox ul { margin:5px 0 0 0; padding:0; list-style:none; } .sidebarbox ul li {font-size:14px; line-height:1.6em; border-bottom:1px dotted #dddddd; padding:5px 0 5px 20px; position:relative; } .sidebarbox ul li:before {content: '\ea69'; font-family: "icofont"; font-size:10px; height:20px; position:absolute; top:5px; left:3px; width:20px; color:#bbb; } .sidebarbox ul li:hover:before, .sidebarbox ul li.current_page_item:before, .sidebarbox ul li.current-menu-item:before {color:#32A4FC;} .sidebarbox ul li.current-cat a, .sidebarbox ul li.current-cat:before {color:#32A4FC;font-weight:400;} .sidebarbox li.current-menu-item a, .sidebarbox li.current-cat-item a {color:#32A4FC;font-weight:400;} .sidebarbox ul [aria-current] {color:#32A4FC;} .sidebarbox ul li:first-child { border-top:none;} .sidebarbox ul li:last-child { border-bottom:none;} .sidebarbox ul li a { color:#4f4f4f; text-decoration:none; display:block;} .sidebarbox ul li ul { margin-left:18px;} .sidebarbox ul li ul li { padding:3px 0 !important; border-bottom:none !important; border-top: none !important;} .sidebarbox .profilebox {text-align:center;} .sidebarbox .profilebox ul {margin:0; padding:0 5px;list-style:none; text-align:left;} .sidebarbox .profilebox ul li {line-height:1.45em; list-style:none; border-bottom:none;padding:2px 0;} .sidebarbox .profilebox ul li.secaddr {margin-bottom:10px;} .sidebarbox .profilebox ul li:before {content:"";margin:0;} .sidebarbox .profilebox ul li i,.sidebarbox .profilebox ul li a { display:inline-block;} .sidebarbox .profilebox ul li a {} .sidebarbox img {border-radius:2px; width:100%; height:auto;} .tagcloud { margin:0; padding:6px 0 10px 0;} .tagcloud a { color:#888; text-decoration:none; line-height:1.6em;} .tagcloud a:hover {color:#C4122F;} .sidebarbox #map-canvas { max-width:100%; } .sidebarbox #map-canvas a { color:#454545; text-decoration:none; margin:0 0 0 10px; font-size:10px;} .sidebarbox #map-canvas iframe {max-width:100%; } .sidebarbox #searchform { margin:10px 0 10px 5px;} .sidebarbox input#searchinput {width:calc(100% - 100px); border:1px solid #f2f2f2; background:#fff; margin:0; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; border-radius:2px; float:left; color:#7A8394; } .sidebarbox input#searchinput:focus {border:1px solid #7A8394; } .sidebarbox input#searchsubmit {background:#484B59; color:#fff; font-size:12px; text-transform:uppercase; width:75px; float:right; display:inline-block; padding:10px 0; margin:1px 5px 1px 0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} .sidebarbox input#searchsubmit:hover { background:#32A4FC;} .sidebarbox table { width:calc(100% - 10px); margin:15px 0; font-size:13px; padding:0; border:1px solid #e5e5e5; border-radius:2px; background: #ffffff; box-sizing:border-box;} .sidebarbox table td { border-bottom:1px solid #f0f0f0; border-top:1px solid #fff; border-right:1px solid #f0f0f0; border-left:1px solid #fff; padding:10px; margin:0;} .sidebarbox table td:last-child, .sidebarbox table th:last-child { border-right:none;} .sidebarbox table td:first-child { border-left:none;} .sidebarbox table th { border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; padding:10px; font-size:15px; line-height:1.5em; font-weight:400; background: #f2f2f2; } .sidebarbox table tr:last-child td { border-bottom:none;} .sidebar-thumbnail {float:left; max-width:80px; margin:3px 15px 0 0; padding:0;} .footer-box .sidebar-thumbnail {float:left; max-width:60px; margin:0 15px 0 0;} ul.sidebar-current-posts li {padding:5px 0; list-style:none;} .footer-box ul.sidebar-current-posts {margin-left:0;} .footer-box ul.sidebar-current-posts li:before, #sidebar ul.sidebar-current-posts li a:before {content: ''; display:none;} .sidebarbox ul.sidebar-current-posts li:before {content:""; margin-right:0;} .sidebar-current-posts .post-date {font-size:11px; color:#727271;} /* =================== footer boxes =================== */ .footer-widgets { padding:90px 0; display:flex; justify-content:flex-start;} .footer-box {flex-basis:23.179255319148%; width:23.179255319148%; margin-right:2.427659574468%; font-size:15px; } .footer-box .footerboxtitle {padding:0 0 10px 0; font-size:22px; font-family: 'PT Serif', serif; margin:0 0 10px 0; color:#640026;font-weight:400;} .footer-box ul { margin:13px 0 25px 0; } .footer-box ul li {text-transform:uppercase; font-size:15px; line-height:1.5em; margin-bottom:5px; list-style-type:none;} .footer-box a { text-decoration:none; color:#525252;} .footer-box a:hover { text-decoration:none;color:#640026; } .footer-box p { margin:0; padding:5px 0; font-size:15px;} .footer-box .textwidget p { margin:0; padding:0; font-size:15px; line-height:22px;} .footer-box [class^="icon-"]:before, .footer-box [class*=" icon-"]:before {margin:0 4px 0 0 !important; padding:1px 0 0 0 !important; color:#fff; font-size:18px; } .footer-box:nth-child(4) {text-align:right; } .footer-box .profilebox ul {margin:15px 0 25px 0} .footer-box .profilebox ul li {text-transform:none;line-height:1.5em; margin:0;} .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:#484B59; 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; } .footer-box img {margin:5px 0;} .footer-box #searchform { margin:10px 0 10px 5px;} .footer-box input#searchinput {width:calc(100% - 100px); border:1px solid #f2f2f2; background:#fff; margin:0; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; border-radius:2px; float:left; color:#7A8394; } .footer-box input#searchinput:focus {border:1px solid #7A8394; } .footer-box input#searchsubmit {background:#32A4FC; color:#fff; font-size:12px; text-transform:uppercase; width:75px; float:right; display:inline-block; padding:10px 0; margin:1px 5px 1px 0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} .footer-box input#searchsubmit:hover { background:#32A4FC;} /* =================== Plugin Google Reviews =================== */ .rplg .rplg-badge-fixed {z-index:9998 !important; right:5px !important; bottom:15px !important;} .grecaptcha-badge { display:none !important; } @media screen and (max-width: 980px) { .rplg .rplg-badge-fixed { bottom:85px !important;} } /* ========================= 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; color:#32A4FC; text-decoration:none; padding:6px 2px; margin:-6px -2px;} #wp-calendar a:hover {background-color: #f2f2f2; } #wp-calendar caption {display:none;} #wp-calendar th {padding: 3px 0; text-align: center; border:1px solid #dddddd; background-color: #f2f2f2; } #wp-calendar td {padding:6px 2px; text-align: center; border:1px solid #dddddd; } #wp-calendar td.pad:hover { background-color: #f2f2f2; } .wp-calendar-nav {padding:5px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;font-size:14px; font-weight:500;} .wp-calendar-nav .pad {flex-basis:2;} .wp-calendar-nav a {color:#32A4FC; } /* ===== twenty20 before/after ===== */ .custom-twtw-slider-wrap {background:#f2f2f2; margin:0 calc(50% - 50vw);max-width:100vw;width:100vw; padding:60px 0; text-align:center;} .custom-twtw-slider {max-width:1250px;margin-top:60px; margin-right:auto; margin-left:auto;height:auto;min-height:400px;} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { background:#640026; } .twentytwenty-handle {height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #640026; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius: 1px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; background:#640026; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 #640026, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #640026, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #640026, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 #640026, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #640026, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #640026, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } /* ========================= animated ========================= */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .bo-block-cta-wrapper.animated {animation-duration:1500ms;} .bo-block-cta-overlay.animated {animation-duration:1500ms;} @-webkit-keyframes fadeIn {from { opacity: 0;}to { opacity: 1;}} @keyframes fadeIn {from { opacity: 0;} to { opacity: 1; }} @-webkit-keyframes fadeInRight {from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }} @keyframes fadeInRight {from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to {opacity: 1; -webkit-transform: none; transform: none; }} .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;} .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} .fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} @keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-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;} @-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}} @keyframes fadeOut{0%{opacity:1}to{opacity:0}} .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-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; } .bo-double-mobile {display:none;} .bo-vertical-mobile {display:none;} .bo-profile-block-box.bo-profile-mobile {visibility:hidden;height:0;} /* ====================== mobile =================== */ @media screen and (max-width: 1200px) { #topmenu ul li:last-child:hover ul {left:calc(-100% + 23px); width:auto; } #topmenu ul ul li:last-child:hover ul {left:auto; width:auto;} .car-prev {right:-15px;} .car-next {left:-15px;} .blogposts { margin:0 20px; width:calc(100% - 40px);} } /* eof 1200 */ @media screen and (max-width: 1100px) { #tabContainer #tabitems li a {font-size:12px; padding:0 8px 0 5px; font-weight:400; } .boxed {margin:0 auto; box-shadow:none; padding:0;} }/* eof 1100 */ @media screen and (max-width: 940px) { .bo-profile-block-box.bo-profile-desktop {display:none;} .bo-profile-block-box.bo-profile-mobile {visibility:visible;height:auto;} } @media screen and (max-width: 940px) { .service-list-box-thumb {flex-basis:40%; } .service-list-box-info {flex-basis:calc(60% - 25px); } .propbox-1col-wrapper .propbox .proptext, .propbox-1col-wrapper .propbox .prop-bathrooms {display:none;} }/* eof 940 */ @media screen and (max-width: 896px) { .propimagewrap { position: relative; margin-left:auto; margin-right:auto;} #tabContainer #tabitems li a {font-size:12px; padding:0 13px 0 10px; font-weight:500; } .col-ttfull { width:100%; margin:1.5% 0; float:none !important;} .col-otfull { width:100%; margin:1.5% 0; float:none !important;} #sidebar {padding-left:0;} .footer-widgets { flex-wrap:wrap;} .footer-box {flex-basis:48%; width:48%; margin-right:4%; } .footer-box:nth-child(2n + 2) {margin-right:0;} .footer-box:nth-child(4) {text-align:left; } .profile-sidebarbox .profilename,.profile-sidebarbox .profilesub,.profile-sidebarbox .profilemail,.profile-sidebarbox .profilephone,.profile-sidebarbox .profilemobile,.profile-sidebarbox .profilefax { padding:4px 0; font-size:16px; } .team-profile-info { width:calc(60% - 50px); } .team-profile-data { width:calc(40% - 20px); } .mobile-only {display:block;} .desktop-only {display:none;} .blogposts .blogbox:nth-child(3) { display:none;} .blogposts .blogbox {flex-basis:calc(50% - 25px); margin:15px 20px 15px 10px;} .blogposts .blogbox:nth-child(2n + 2) {margin-right:0;} .propvirtual.alignfull .content {max-width:100% !important; margin-left:0; margin-right:0;} .propvirtual .bo-double-box {flex-wrap:wrap;} .propvirtual .bo-double-first {width:100%;} .propvirtual .bo-double-second {width:100%;} }/* eof 896 */ @media screen and (max-width: 840px) { .profile-column {flex-basis:calc(50% - 34px); margin:0 10px 30px 10px; } .profile-column.team-item {width:calc(50% - 34px); } .service-list-box {flex-wrap:wrap; } .service-list-box-thumb {flex-basis:100%; margin:-5px 0; padding:6px; background:#f2f2f2; } .service-list-box-thumb img { border-radius:4px; } .service-list-box-info {flex-basis:calc(100% - 20px); padding:10px;} .propicons { float:none; clear:right; margin-top:5px; } .propprice { font-size:1.25em; line-height:2em;display:block; padding-top:15px;} .propfacts { float:none; clear:none; font-size:.85em; padding:10px 5px;} .blogposts .blogbox {flex-basis:calc(50% - 21px); margin:15px 12px 15px 0;} .blogposts .blogbox:nth-child(4n+4) {margin-right:0;} .blogposts .blogbox:nth-child(2n+2) {margin-right:0;} .wp-block-column.nomargin .sc-single-agent .profilename {font-size:14px;} .wp-block-column.nomargin .profile-column.block-team-item .profilename {font-size:13px;} .wp-block-column.nomargin .sc-single-agent .profilesub {font-size:14px;} .wp-block-column.nomargin .profile-column.block-team-item .profilesub {font-size:13px;} .bo-block-cta-heading-mobile {font-size:90%;} .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);} }/* eof 840 */ @media screen and (max-width: 800px) { .topline-data span {display:block; margin-bottom:3px;} .filters { flex-wrap:wrap ; justify-content:space-between; } .filter-button-group {flex-basis:100%; margin-bottom:15px;} .filter-button-group:first-child {margin-right:0;} .filter-button-group button { margin:0 3px 3px 0; } .propbox-3col-wrapper {flex-basis:calc(50% - 22px); } .propbox-3col-wrapper:nth-child(3n + 3) {} .propbox-3col-wrapper {flex-basis:calc(50% - 20px); margin:0 40px 60px 0;} .propbox-3col-wrapper:nth-child(2n + 2) {margin-right:0; } .propbox-3col-wrapper:nth-child(3n + 3) {margin-right:40px; } .propbox-3col-wrapper:nth-child(6) {margin-right:0; } .propbox-3col-wrapper.prop-item {width:calc(50% - 20px);} .portfolio-list .propbox-3col-wrapper {flex-basis:calc(50% - 32px); margin:0 15px 20px 15px;} .portfolio-list .propbox-3col-wrapper:nth-child(3n+3) {margin-right:15px;} .portfolio-list .propbox-3col-wrapper.prop-item {width:calc(50% - 32px);} .prop-all-data {display:flex; flex-direction:row; flex-wrap:wrap;margin-top:40px;} .prop-all-data div {width:100%;flex-basis:100%;display:block;margin:0;padding:0;} .propbox-4col-wrapper {flex-basis:calc(50% - 22px); } .propbox-4col-wrapper.prop-item {width:calc(50% - 22px);} .propbox-2col-wrapper .propbox .prop-price { width:100%; float:none; margin:0; padding:0; font-weight:500; font-size:20px; } .propbox-2col-wrapper .propbox .prop-icons { width:100%; float:none; margin-top:10px;padding-top:10px; text-align:left; border-top:1px dotted #ccc;} .col-full { width:100%; margin: 0 !important;} .col-otc { width:100%; margin:1.5% 0;} .col-ttc { width:100%; margin:1.5% 0;} .col-ofc { width:100%; margin:1.5% 0;} .col-ohc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc, .col-ofc, .col-ohc {margin-right:0 !important; display: block; float:none;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {width:100% !important; margin:1.5% 0; display:block !important; float:none !important;} .inner { padding:0 !important;} .col1-3 img {width:100%; height:auto; display:block;} }/* eof 800 */ @media screen and (max-width: 781px) { .bo-double-mobile {display:block;} .bo-double-desktop {display:none;} .bo-vertical-mobile {display:block;} .bo-vertical-desktop {display:none;} .bo-double-box {width:100%; } .bo-double-box.bo-double-mobile .bo-double-first {width:100% !important; margin-bottom:20px} .bo-double-box.alignfull.bo-double-mobile .bo-double-first {margin-bottom:0} .bo-double-text,.bo-double-text-right {padding:60px 10% 60px 10%;margin:0; width:80%;} .bo-double-box.bo-double-mobile {overflow:visible;} .bo-double-box.bo-double-mobile .bo-double-second {width:100%; overflow: visible; } } /* eof */ @media screen and (max-width: 760px) { #tabContainer #tabitems li a span {display:none; } #tabContainer #tabitems li a {line-height:50px;} #tabContainer #tabitems li a i {margin-right:0;font-size:20px; padding:5px 15px;} } /* eof 760 */ @media screen and (min-width: 600px) and (max-width:1024px) { .group-awards .wp-block-columns.has-6-columns {flex-wrap:wrap !important;} .group-awards .wp-block-columns.has-6-columns .wp-block-column {margin:0 0 20px 0; width:33.333% !important; flex-basis:33.333% !important; text-align:center; } .group-awards .wp-block-columns.has-6-columns .wp-block-column img {} } @media (min-width:600px) and (max-width:940px) { .wp-block-columns.has-4-columns {flex-wrap:wrap !important;} .wp-block-columns.has-4-columns .wp-block-column {margin:0 10px 40px 10px !important; flex-basis:calc(50% - 20px) !important; max-width:calc(50% - 20px) !important; } } @media screen and (max-width: 600px) { .bo-block-cta-container {padding: 60px 10px; } .bo-block-cta-wrapper { width:calc(100% - 20px); padding:0 10px;} #bo-quicksearch-searchform {margin-left:0;margin-right:0; border-radius:0;} #bo-quicksearch-searchform input#searchsubmit {width:110px; border-radius:0;} .propbox-2col-wrapper, .propbox-2col-wrapper:nth-child(even), .propbox-2col-wrapper.prop-item {flex-basis:100%;margin:0 0 30px 0;} .propbox-3col-wrapper {flex-basis:calc(100% - 20px); margin:0 10px 60px 10px;} .propbox-3col-wrapper:nth-child(2n + 2) {margin-right:10px; } .propbox-3col-wrapper:nth-child(3n + 3) {margin-right:10px; } .propbox-3col-wrapper:nth-child(6) {margin-right:10px; } .propbox-3col-wrapper.prop-item {width:calc(100% - 20px);} .propbox-4col-wrapper {flex-basis:100%; margin:0; margin-bottom:20px;} .propbox-4col-wrapper.prop-item,.propbox-3col-wrapper.prop-item,.propbox-2col-wrapper.prop-item {width:100%;} #tabContainer #tabitems li a i {margin-right:0;font-size:18px; padding:5px 10px;} .wp-block-columns.has-4-columns {flex-wrap:wrap !important;} .wp-block-columns.has-4-columns .wp-block-column {margin:0 10px 20px 10px !important; flex-basis:calc(100% - 20px) !important; max-width:calc(1000% - 20px) !important; } .group-awards .wp-block-columns.has-6-columns .wp-block-column {width:50% !important; flex-basis:50% !important; text-align:center;margin:0 0 40px 0; } .pressbox-logos {flex-wrap:wrap;} .pressbox-logos div {flex-basis:33.333%;margin:0; padding:0;} .blogposts .blogbox {flex-basis:100%; margin:15px 0;} .footer-box {flex-basis:100%; width:100%; margin-right:0; padding-bottom:30px;margin-bottom:10px;border-bottom:1px dotted #ddd; } .footer-box:nth-child(4) {border-bottom:none; } .post-nav-numbers {float:none; width:100%;} .prop-id-search {width:auto; float:none; margin:20px 0 0 0; padding:0; text-align:right;} .footer-box {flex-basis:100%; width:100%; margin-right:0; } .footer-box .footerboxtitle { margin:15px 0 10px 0; } .claim {padding:0 10px; } .wp-block-column.nomargin .sc-single-agent .profilename {font-size:15px;} .wp-block-column.nomargin .profile-column.block-team-item .profilename {font-size:15px;} .wp-block-column.nomargin .sc-single-agent .profilesub {font-size:15px;} .wp-block-column.nomargin .profile-column.block-team-item .profilesub {font-size:15px;} .wp-block-column.nomargin .sc-single-agent .profilebox .profileimg {max-width:150px; margin:10px auto; } .profilemail, .profilephone, .profilemobile, .profilefax { display:block; padding:7px 0; font-size:15px; } .bo-block-cta-heading-mobile {font-size:75%;} .portfolio-list .propbox-3col-wrapper {flex-basis:calc(100% - 2px);margin-left:0; margin-right:0;} .portfolio-list .propbox-3col-wrapper:nth-child(3n+3) {margin-right:0px;} .portfolio-list .propbox-3col-wrapper.prop-item {width:calc(100% - 2px);} .propbox-1col-wrapper .propbox .prop-price {width:100%; float:none; font-size:16px;} .propbox-1col-wrapper .propbox .prop-icons { width:100%; float:none; text-align:left; padding-top:10px;margin-top:10px; border-top:1px dotted #ccc; } .team-profile-info { margin:20px 0 20px 0; width:calc(100% - 20px);float:none; } .team-profile-data { width:calc(100% - 20px);float:none; } } /* eof 600 */ @media screen and (max-width: 530px) { #tabContainer #tabitems li a i {margin-right:0;font-size:18px; padding:5px 0;} #tabContainer .tabtext {padding:10px 5px; width:calc(100% - 12px);} }/* eof 530 */ @media screen and (max-width: 480px) { .bo-fixed-items div a span {display:none !important} .pl .service-list-box {flex-basis:calc(100% - 2px); width:calc(100% - 2px); margin:15px 0;} .pl .service-list-box:nth-child(even) {flex-basis:calc(100% - 2px); width:calc(100% - 2px); margin:15px 0; } .col-otc { width:100%; margin:1.5% 0; margin-right:0; float:none; display:block;} .col-ofc { width:100%; margin:1.5% 0; margin-right:0; float:none; display:block;} .profile-column {flex-basis:calc(100% - 30px); margin:0 10px; margin-bottom:20px; } .profile-column:nth-child(2n+2) {margin-right:0 10px;} .profile-column.team-item {width:calc(100% - 30px); margin-bottom:20px; } .blog-list-box { margin:0 0 20px 0; padding:1px; border:1px solid #dddddd; border-radius:3px; position:relative;} .blog-list-thumb { width:100%; position:relative; float:none; max-height:200px; overflow:hidden; } .blog-list-thumb img { width:100%; height:auto; display:block; border-radius:3px 3px 0 0;} .blog-list-content {width:calc(100% - 40px); padding:5px 10px; float:none;} .blogposts .blogbox {flex-basis:calc(100% - 11px); margin:15px 0;} .blogposts .blogbox:nth-child(4n+4) {margin-right:0;} .blogposts .blogbox:nth-child(2n+2) {margin-right:0;} img.alignright, figure.alignright { float:none; margin:20px auto; display:block; } img.alignleft, figure.alignleft {float:none; margin:20px auto; display:block; } .pl .request-list-box {flex-basis:calc(100% - 22px); margin:15px 0; padding-bottom:0;} .pl .request-list-box:nth-child(even) {flex-basis:calc(100% - 22px); margin-right:0; } .wp-block-cover__inner-container p:first-child {font-size:23px !important;} .wp-block-cover__inner-container p:nth-child(2) {font-size:17px !important;} .propbox-1col-wrapper .propbox .propthumb { float:none; width:100%; margin:0; padding:0; position:relative; overflow:hidden; } .propbox-1col-wrapper .propbox .prop-all-left { float:none; width:calc(100% - 14px); padding:0 7px; } .propbox-1col-wrapper .propbox {padding:7px; } .top-left { float:none; width:100%; margin:0; padding:0; text-align:center;} .top-right { float:none; width:100%; margin:0; padding:0; text-align:center;} .topline-data span {display:inline-block; margin-bottom:12px;margin-top:15px;} .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; } .bo-triple-box h2, .bo-triple-box h3, .bo-triple-box h4, .bo-triple-box h5 {font-size:20px;word-break: break-all;} .footer-box:nth-child(4) {text-align:center; } .wp-block-button.open-hidden-group{display:block; } .hidden-group {display:none;} .group-iconbox .wp-block-column {margin-bottom:40px;} .prop-anchor span {margin:4px 0; padding:7px 5px; display:block; } .prop-all-data table {margin-left:-5px;} .prop-all-data table td { padding:6px 0;} .prop-all-data td.keys {width:auto;} .prop-all-data table td:not(.keys) {text-align:right;} }/* eof 480 */