/* -------------------------------------------------------------- Theme Name: BO-Office Theme URI: https://brings-online.com/demo/wordpress-theme-office/ Description: WordPress/Gutenberg Theme für Unternehmenswebseiten aller Art Version: 1.2.2 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/slick.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;} 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: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; font-size:100%; color:#424A59; } textarea {font-family: 'PT Sans', sans-serif; } 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:700;} /* ========================= mobile positions ========================= */ .mobile-only {display:none;} .desktop-only {display:block} /* ========================= main structure ========================= */ .superwrap { width:100%; margin:0; padding:0; text-align:center;} .wrapper {max-width:1400px; margin:0 auto; padding:0; } #sidebar {padding-left:25px; } .top-header {margin:0 auto; padding:0 20px; height:auto; position:relative; display: block;background:#F0F1F6; color:#383F4B; text-align: right; } .main-header {margin:0 auto; max-width:1360px; padding:15px 20px 0 20px; height:auto; position:relative; } .container { max-width:100%; margin:0 auto; padding:0 20px; text-align:left; position:relative; } .footer {background:#383F4B; color:#fff; position:static; text-align:left;} .footer-content {max-width:1400px; margin:0 auto; padding:0 20px; } .page-header { position:relative;} .spacer { padding:0 0 30px 0;} .page-content { padding:0 20px;} /* ========================= structure grid ========================= */ .col-full { width:100%; margin:0;} .col-ttfull { width:65%; margin:1.5% 0; float:left;} .col-otfull { width:35%; margin:1.5% 0; float:left;} .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;} .gl .col-ofc { width:25%; margin:1.5% 0; margin-right:0; 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:30px 0;} .columns p {padding:5px 0;} .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; padding:0;} .inner { margin:0; padding:0 30px 0 0; } .col1-4 .inner { margin:0; padding:0 20px 0 0; } .col1-2:nth-child(2n+2) .inner {padding:0;} .col1-3:nth-child(3n+3) .inner {padding:0;} .col1-4:nth-child(4n+4) .inner {padding:0;} /* ========================= grid - lists ========================= */ .gl .col-ohc:nth-child(2n+2) { margin-right:0 ;} .gl .col-ohc:nth-child(2n+1) { clear:left ;} .gl .col-otc:nth-child(3n+3) { margin-right:0 ;} .gl .col-otc:nth-child(3n+1) { clear:left ;} .gl .col-ofc:nth-child(4n+4) { margin-right:0 ;} .gl .col-ofc:nth-child(4n+1) { clear:left;} /* ========================= font ========================= */ h1,h2,h3,h4,h5,h6 {line-height:1.6em; margin:5px 0; padding:0; font-weight: 400; font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;} h1 { font-size:30px;} h2 { font-size:27px;} h3 { font-size:24px;} h4 { font-size:20px;} h5 { font-size:18px; } h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#424A59; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#606774; text-decoration:none; } .pagetitle { display:block; text-align:left; margin:25px 0; } .pagetitle > span { position: relative; height:3px; background:#B0314A; width:50px; display: inline-block;} .pagetitle h1 {font-size:28px; line-height:1.2em; font-weight:300; } a {text-decoration:none;} p { padding:6px 0; margin:0; line-height:1.75em; font-size:17px;} p a, li a, label a {text-decoration:none;} p a, li a {color:#B0314A;} article li a:hover, label a:hover {text-decoration:underline;} article p a {border-bottom:1px dotted #B0314A;} article p a:hover { text-decoration:none; border-bottom-style:solid;} /* ===================== top-header ================= */ .headercontact { max-width:1360px; margin:0 auto; padding:10px 20px; position:relative; } .contactbox { float:right; width:50%; margin:0; padding:0; text-align:right; font-weight:600;} .opensearch { cursor:pointer; width:30px; height:28px; padding:0; display:inline-block; text-align:center; } .opensearch i { font-size:20px; color:#B0314A; line-height:29px; } .openphone, .openmail { cursor:pointer; padding:0 10px; display:inline-block; font-size:14px; line-height:21px; } .openphone a, .openmail a {color:#424A59; } .openphone i, .openmail i, .openmail:hover i, .openphone:hover i { font-size:17px; color:#B0314A; } .searchbox { border:1px solid rgba(255,255,255,.8); background:#fff; padding:3px 5px 3px 0px; border-radius:2px; font-size:16px; font-weight:bold; width:360px; position:absolute; top:10px; right:50px; } .phonebox a, .mailbox a {color:#7A8394;} .phonebox a:hover, .mailbox a:hover {color:#B0314A;} .searchbox form#searchform { margin:0; padding:0; } .searchbox input {-webkit-appearance:none;} .searchbox input#searchinput {display:inline-block; width:calc(100% - 90px); background:none; border:none; margin:0; font-style:italic; padding:3px 0; color:#7A8394; } .searchbox input#searchinput:focus { color:#000;} .searchbox input#searchsubmit {color:#fff; width:80px; text-transform:uppercase; display:inline-block; cursor:pointer; background:#B0314A; padding:5px; margin:0; border:none !important; border-radius:1px; text-align:center; } .top-left { float:left; width:50%; margin:0; padding:0; text-align:left;} .topline-menu ul {list-style:none; margin:3px 0 0 0; padding:0;} .topline-menu ul li { display:inline-block; padding:0 15px 0 0; font-size:13px; font-weight:600;} .topline-menu ul li a, .topline-content a { color:#383F4B;} .topline-menu ul li.current-menu-item a {color:#B0314A;} .topline-menu ul li a:hover, .topline-content a:hover {color:#B0314A; text-decoration:none;} /* ===================== header banner ================= */ .main-menu {float:right; text-align: right; max-width:calc(100% - 300px); } .logo {padding:0; margin:0; max-width:300px; float:left; text-align: left; display: table;} .logo img {width:100%; height:auto; display:block;} .logotitle { display: table-cell; vertical-align: middle; } .logotitle a { font-size:2.5em; font-weight:600; color:#606774; text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF; color:#606774; text-decoration:none;} .pagetop {background:#E6E8ED; padding:1px 0; margin:1px 0;} .pagetop.fulltop {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} .breadcrumb { margin:0; padding:12px 20px; font-size:12px; line-height:1em; font-weight:bold; text-align:left; border-top:1px dotted #DDDCE6; border-bottom:1px dotted #DDDCE6;} .breadcrumb #crumbs li { float:left; margin:0 5px;} .breadcrumb a { color:#B0314A;} /* ===================== main menu ===================== */ #topmenu{text-align:right; color:#424A59; } #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 {text-align:right; margin:0 auto; padding:0;} #topmenu ul li{ display:inline-block; text-transform:uppercase;} #topmenu ul li a {padding:25px 12px 32px 12px;font-size:13px;letter-spacing:0.7px;text-decoration:none;color:#424A59;font-weight:700; } #topmenu > ul > li.has-sub > a{padding-right:30px;} #topmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:10px;width:15px;height:15px;display:block; font-size:14px;content:'\eab2'; font-family:"icofont";} #topmenu ul ul {position:absolute;left:-9999px; z-index:10001; border:1px solid #E6E8ED; border-top:1px solid #fff; border-radius:0 0 4px 4px; background:#fff; padding:0;} #topmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; } #topmenu li:hover > ul{left:-5px; width:auto;} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu li:hover > ul > li{height:38px; margin:0 !important; display:block;white-space: nowrap;} #topmenu ul ul ul{margin-left:100%;top:-1px; border-top:1px solid #E6E8ED; } #topmenu ul li.edge:hover > ul{left:inherit; right:4px; width:auto; } #topmenu ul ul li a {padding:0 15px; height:38px; text-align:left;min-width:180px; display:block;font-size:13px; line-height:38px;font-weight:700; text-decoration:none; text-transform:none; border-bottom:1px solid #E6E8ED;} #topmenu ul ul li:last-child a {border-bottom:none;} #topmenu ul ul li.has-sub > a:after{position:absolute;top:0;right:5px;width:15px;height:15px;display:block;content:"\eaa0"; font-family:"icofont";font-size:14px;} #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:"\eab5";} #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:"\eab5";} #topmenu ul ul li.edge ul {margin-right:calc(100% - 5px);margin-left:0; } #topmenu ul ul li.has-sub:hover,#topmenu ul li.has-sub ul li.has-sub ul li:hover{background:#F0F1F6;} #topmenu ul li:hover a {color:#B0314A;} #topmenu ul li.current-menu-item:hover > a {color:#B0314A;} #topmenu ul li.active > a, #topmenu ul li.current_page_parent > a, #topmenu ul li.current_page_ancestor > a {color:#B0314A;} #topmenu ul li:hover ul li a {color:#424A59;} #topmenu ul li ul li:hover > a { background:#F0F1F6;} #topmenu ul li ul li:hover ul li a {color:#424A59; } #topmenu ul li ul li ul li:hover > a {background:#F0F1F6; } #topmenu ul li ul li.active a, #topmenu ul li ul li.current_page_parent a, #topmenu ul li ul li.current_page_ancestor a, #topmenu ul li ul li.current-menu-item a {background:#F0F1F6; } #topmenu ul li ul li ul li.active a, #topmenu ul li ul li ul li.current_page_parent a, #topmenu ul li ul li ul li.current_page_ancestor a {color:#424A59;background:#fff;} .fixednav { z-index:999999; position:fixed !important; right: 0; top: 0; width: 100%; background:#fff; border-bottom:1px solid #ebebeb; box-shadow: 0 3px 2px -2px rgba(0,0,0,.3); } .header-wrap.fixednav .top-header { display:none;} .fixednav #topmenu ul li > a {padding-top:7px; padding-bottom:22px;} .fixednav #topmenu ul li ul li a {padding-top:0; padding-bottom:0;} .fixednav #topmenu > ul > li.has-sub > a:after{top:6px;} .fixednav .logo img { max-width:100px;} .fixednav .logotitle a { font-size:1.5em; } /* ========================= content class ========================= */ .img-responsive {width:100%; height:auto;} .img-border {border:1px solid #F0F1F6; padding:10px;} .img-border figcaption {font-weight:bold;} /* =================== misc ===================== */ .hidden {opacity:0;} .visible {opacity:1;} .screen-reader-text { visibility:hidden;} hr { margin:25px 0 15px 0; display: block; height: 1px; border:none; border-bottom:1px dotted #7A8394; clear:both;} .page-content {position:relative;} .page-content table { width:calc(100% - 2px); margin:15px 0; font-size:.85em; padding:0; border:1px solid #e5e5e5; border-radius:5px; box-sizing:border-box;} .page-content table td { border-bottom:1px solid #E6E8ED; padding:7px 10px; margin:0 3px; width:auto;} .page-content table th { border-bottom:1px solid #E6E8ED; padding:10px; font-size:1.3em; line-height:1.5em; font-weight:normal; } .page-content table tr:last-child td { border-bottom:none;} .page-content table.wp-block-table td { border-bottom:1px solid #E6E8ED; border-left:1px solid #E6E8ED; padding:8px 10px; margin:0 3px; line-height:1.75em; width:auto;} .page-content table.wp-block-table td:first-child {border-left:none;} .page-content ul, .landing-content ul { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ul li, .landing-content ul li { list-style:square; padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:16px;} .page-content ul ul, .landing-content ul ul {margin:5px 0;} .page-content ol, .landing-content ol { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ol li, .landing-content ol li { padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:15px;list-style-type:decimal; } .page-content iframe, .landing-content iframe {max-width:100%; } .page-content ul.wp-block-social-links, .landing-content ul.wp-block-social-links {margin:0; padding:0; list-style:none;} .page-content ul.wp-block-social-links li, .landing-content ul.wp-block-social-links li {margin:0 5px 0 0; padding:0; list-style:none;} .page-content .wp-block-gallery, .landing-content .wp-block-gallery {margin:25px 0; padding:0;} .page-content .wp-block-gallery ul, .landing-content .wp-block-gallery ul {margin:0; padding:0;} .page-content .wp-block-gallery li, .landing-content .wp-block-gallery li {margin:8px 0; padding:0;} .bo-video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:25px 0; } .bo-video-block iframe, .bo-video-block object, .bo-video-block embed, .bo-video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } blockquote { padding:0 0 0 20px; margin:20px 30px 25px 0;} blockquote:before {font-family: "icofont"; content: '\efce'; font-size:48px; color:#DEE0E4; margin-right:25px; position:absolute; width:60px;} blockquote p { padding:0 0 0 85px; margin:0; line-height:1.6em; font-style: italic;} blockquote cite {float:right;font-size:14px; font-weight:600;} code {background:#f0f1f6; border:1px dotted #ebebeb; padding:6px 25px; margin:3px 0; display:block; line-height:1.8em;} code.sc {display:block;} .tab-box {position:relative; width:calc(100% - 12px); margin:30px 0; padding:5px; border:1px solid transparent; border-radius:2px; } .tab-box ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;} .tab-box ul.tabber li {float:left; list-style:none; margin:0; padding:0; background:none;} .tab-box ul.tabber li a { border:1px solid #DEE0E4; border-bottom:none; border-radius:2px 2px 0 0; color:#424A59; font-size:13px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 0 0 3px; background:#E6E8ED;} .tab-box ul.tabber li:last-child a {} .tab-box ul.tabber li a:hover {background: #fff; color:#B0314A; } .tab-box ul.tabber li a.active { background: #fff; } .tab-box .panel { border:1px solid #DEE0E4; 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;} .toggle-box { margin:25px 0; padding:0; max-width:100%; } .toggle-headline {margin:1px 0; padding:5px 0 5px 10px; background:#E6E8ED; position:relative; border-radius:2px 2px 0 0; border-bottom:1px solid #DEE0E4; cursor:pointer; } .toggle-headline h4 { font-size:16px; line-height:1.1em; font-weight:600; text-transform:none; } .toggle-headline h4:before { float:left; content: '\eab2'; font-family:"icofont"; font-size:15px; font-weight:400; margin-right:15px; color:#424A59; } .toggle-up h4:before {content: '\eab9';} .toggle-more { padding:10px; border-bottom:1px solid #E6E8ED;} .page-content iframe { margin:25px 0; border-radius:2px;} .page-content iframe, .widget iframe {max-width: 100%; } /* ========================= wp blocks ========================= */ .alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} li.blocks-gallery-item figure figcaption {text-align:center !important; font-size:15px !important; padding-right:0 !important; padding-left:0 !important; } .wp-block-image figure figcaption {text-align:center;} .wp-block-media-text {margin:25px 0;} .wp-caption-text {font-weight:600;} .wp-block-button {text-transform:uppercase; font-weight:bold;} .wp-block-button a {font-size:12px;} .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;} .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-group.alignfull .wp-block-group__inner-container {max-width:1360px; padding:10px 20px; margin:0 auto;} .wp-block-cover.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container {max-width:1360px; padding:10px 20px; margin:0 auto;} .wp-block-cover {overflow:visible !important;} .wp-block-cover__inner-container {overflow:visible !important;} .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-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;} .nomargin .wp-block-column:first-child {margin-left:0 !important;} .nomargin .wp-block-column:last-child {margin-right:0 !important;} /* ===================== bo blocks - contact ===================== */ .block-contact-box {margin:10px 0; padding: 0;} .block-contact-box h3 {font-size:21px; line-height: 1.4em; margin: 0; padding: 0; font-weight:400;} .block-contact-box h4 {font-size:17px;line-height: 1.4em; margin: 0; padding: 0; font-weight:400;} ul.block-contact-box-list {list-style: none; margin:15px 0 10px -3px; padding: 0;} ul.block-contact-box-list li { list-style:none; line-height: 1.5em;} ul.block-contact-box-list li span {width:23px; height:23px; border-radius:1px; display: inline-block; margin-right:5px; opacity: .9; text-align: left; color:#383F4B; } ul.block-contact-box-list li a {color:#333;} ul.block-contact-box-list li:hover span {opacity:.8;} /* ===================== price box ===================== */ .block-price-box {padding:15px; border:1px solid #E6E8ED; border-radius:4px 4px 0 0; border-bottom:3px double #E6E8ED; } .block-price-box-header {padding:0 0 10px 0; border-bottom:1px solid #E6E8ED;} .block-price-box-header h4 {font-size:16px;display: inline-block; padding-left:10px; text-transform: uppercase;} .block-price-box-header span { display: inline-block; font-size:30px; width:40px; border-right:1px solid #E6E8ED;} .block-price-box-header i {color:#7A8394;} .block-price-box-description {padding:10px 0;} .block-price-box-description p {font-size:16px;} .block-price-box-list {border-top:1px solid #E6E8ED; padding: 10px 0 10px 20px; margin:0; width:calc(100% - 20px)} .block-price-box-price {border-top:1px solid #E6E8ED;font-size:30px; font-weight: 600; padding:10px 0 0 0;} .block-price-box-button {margin-top:25px;} .block-price-box-button a {background:#B0314A; color:#fff; display:inline-block; padding:8px 25px; width:auto; border-radius:2px;} .block-price-box-button a:hover {opacity:.9;} /* ====== counter ========== */ .counterbox {margin:40px 0;} .counter {display: block;margin:0 0 10px 0;font-size:50px;color:#B0314A;border-bottom:2px solid #ccc; padding-bottom:10px; } .counterbox .counter-icon {font-size:20px; float:left; width:40px; height:40px; line-height:1em; color:#ccc;} .counterbox .counter-info {float:left; width:calc(100% - 50px);} .counterbox .counter-headline { display:block; font-weight:700; font-size:14px;} .counterbox .counter-text { display:block; font-size:13px;} .counterbox:after {content:""; clear:both;} /* ===================== iconbox ===================== */ .boxcontent {padding:0; display:block; } .boxcontent:after {content:""; clear:both;} .boxcontent [class^="icofont-"]:before, .boxcontent [class*=" icofont-"]:before { padding:0; width:1em; height:1em; line-height:1; } .boxcontent [class^="fa-"]:before, .boxcontent [class*=" fa-"]:before { padding:0; width:1em; height:1em; line-height:1; } .boxcontent h3 {margin:0; padding:0 0 5px 0; font-size:16px; text-transform:uppercase; } .boxcontent p { font-size:15px; line-height:1.5em; padding:0 0 5px 0; margin:0; } .boxcontent a.more-link {font-weight:700; display:inline-block; font-size:13px; text-transform:uppercase; margin:20px 0 15px 0; padding:10px 20px; border:2px solid #606774;color:#606774; } .boxcontent a.more-link:hover {border-radius:5px;} .box-icon { width:auto; margin-bottom:5px; display:block; color:#606774; } .box2 {margin:25px 0; padding:15px; border:1px dotted #606774;} .more-link:empty {display:none;} /* ===================== icon / button ===================== */ a.icon-button {background:#F0F1F6; text-align:left; padding:20px 0; display:block; color:#383F4B;} a.icon-button:hover {opacity:.8;} .bic {float:left; margin: -10px 25px 0 10px; font-size:46px; width:auto;} .icon-button-row1, .icon-button-row2 {display:block; line-height:1.2em;} .icon-button-row1 {font-size:15px;} .icon-button-row2 {font-size:18px; font-weight:600;} .content-button {width:auto; } .content-button a {border:2px solid #B0314A; color:#B0314A; padding:10px 20px; margin:10px 0; display:inline-block; font-size:13px; text-transform:uppercase; font-weight:700; letter-spacing:.5px;} .content-button a:hover {border-radius:5px;} .sc-button {margin:15px 0;} .sc-button a {display: inline-block; position: relative;padding:10px 20px;text-align:center;background:#383F4B; color:#fff;font-size:14px; text-transform:uppercase; letter-spacing:.5px; margin:0;font-weight:bold; -webkit-transition: background 0.6s, padding 0.6s, color 0.2s; -moz-transition: background 0.6s, padding 0.6s, color 0.2s; -ms-transition: background 0.6s, padding 0.6s, color 0.2s; -o-transition: background 0.6s, padding 0.6s, color 0.2s; transition: background 0.6s, padding 0.6s, color 0.2s; border-radius:2px; overflow:hidden;} .sc-button a span{ display: inline-block; position:relative; z-index:2; } .sc-button a:before {content:""; width: 0; height: 100%;display: block;position: absolute; background:#B0314A; color:#fff; z-index: -1; padding: 0;left:0; top:0; } .sc-button a:hover:before{-webkit-transition: background 750ms linear, width 500ms ease;-moz-transition: background 750ms linear, width 500ms ease; -ms-transition: background 750ms linear, width 500ms ease;-o-transition: background 750ms linear, width 500ms ease; transition: background 750ms linear, width 500ms ease;z-index:1;width: 100%;} .sc-button i { margin-right:10px; font-size:18px;} /* ============ simplebox ========= */ .simplebox {border:1px dotted #c6c8cf; border-radius:2px; padding:15px; margin:20px 0; max-width:calc(100% - 32px); background:#fff; text-align:center;} .simplebox:hover {border:1px solid #c6c8cf; } .simplebox a {display:block; color:#383F4B;} .simplebox .box-icon {margin:15px auto;} .simplebox .box-icon i {font-size:60px; color:#7A8394;} .simplebox h3 {text-transform:uppercase; font-size:14px; font-weight:bold;} .simplebox p {font-size:15px; line-height:1.7em; padding:10px 15px;} /* ============ slogan ========= */ .slogan { margin:25px 0; display: block; text-align: center; } .slogan > span { position: relative; height:3px; background:#B0314A; width:50px; display: inline-block;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:30px; line-height:1.2em; font-weight:300; } .slogan.links {text-align: left;} .slogan.rechts {text-align:right;} .slogan.zentriert {text-align:center;} /* ============ bo block cta ========= */ .bo-block-cta-section {background-size: cover;} .bo-block-cta-container {max-width: 1360px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 60px 20px; } .bo-block-cta-wrapper { max-width: 740px; animation-delay:300ms; padding-left: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: #f0f1f6; line-height:1.2em; font-weight:400; margin-left:-3px;} .bo-block-cta-heading:after { color: #f0f1f6; } .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; background-color: #fff; 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:700;} .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:0; margin-left:-8px; margin-right:5px; float:left;font-size: 14px;} /* ============ bottom cta ========= */ .cta-wrapper {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} .cta-wrapper .container {max-width:1310px; margin:0 auto; padding:0 25px; } /* =================== team page ================= */ .team-section { margin:0 -15px; padding:0 0 45px 0; position:relative; text-align:left; } .team-container {display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;} .team-list-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; border-radius:2px 2px 0 0; padding:10px; transition:all, ease-in, 750ms; width:calc(25% - 43px); margin:15px 10px; flex-basis:auto; flex-grow:0; } .page-template-default .team-list-box {width:calc(33% - 43px);} .tax-department .team-list-box {width:calc(33% - 43px); } ul.teampage.profilelist {margin:0; padding:15px 0; background:none; list-style:none; width:100%; } .teampage.profile-social {background:none; margin:0; padding:5px 0 0 0;} .teambox ul.profilelist li {font-size:14px; line-height:24px; } .teambox ul.profilelist li span i {font-size:14px; line-height:24px; } .team-list-box-image { display:block; padding:0; transition:all, ease-in, 750ms; opacity:1; text-align:center; position:relative; } .team-list-box-image img { width:100%; height:auto; display:inline-block; border-radius:2px 2px 0 0;} .team-single-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; border-radius:2px 2px 0 0; padding:10px; transition:all, ease-in, 750ms; width:calc(100% - 22px); margin:15px 0; } .teambox ul.profilelist li.profiletitle, .teambox ul.profilelist li.profilesubtitle, .team-list-box ul.profilelist li.profiletitle, .team-list-box ul.profilelist li.profilesubtitle {background:#F0F1F6; font-size:14px; padding:3px 5px; } .team-list-box ul.profilelist li {font-size:14px; } .team-more {display:block; position:absolute; top:calc(40% - 20px); left:0; right:0; width:40px; height:40px; border-radius:50%; padding:0; font-size:15px; line-height:43px; margin:0 auto; background:rgba(255,255,255,.8); opacity:0; transition:all, ease-in, 1200ms; text-align:center; color:#B0314A;} .team-more i.icofont-plus {margin:0 auto;} .team-list-box:hover .team-more, .team-single-box:hover .team-more {opacity:1;} .team-more:hover {background:rgba(255,255,255,.9);} /* =================== team profile ================= */ .profile-info {display:flex; margin-bottom:25px;} .single-profile {background:#F0F1F6; display:flex; flex-direction:column; justify-content: space-between;} .team-single-img img {width:calc(100% - 8px); height:auto; display:block;} .single-profile-box {padding:15px 15px 0 15px; } ul.profilelist { padding:0; list-style:none;} ul.profilelist li {margin:0; padding:5px 0; border-bottom:1px dotted rgba(0,0,0,.1); font-size:16px; line-height:28px; display:flex;} ul.profilelist li:last-child {border-bottom:none;} ul.profilelist li.profiletitle {font-size:18px; border-bottom:none; line-height:20px; font-weight: 600;} ul.profilelist li.profilesubtitle {font-size:16px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted rgba(0,0,0,.2); line-height:20px; } ul.profilelist li span {width:25px; display:flex-start;} ul.profilelist li span i {font-size:14px; line-height:28px; opacity:.8;} .profile-social {background:rgba(255,255,255,.2); margin-top:auto; border-top:1px dotted rgba(0,0,0,.1);border-bottom:1px dotted rgba(0,0,0,.1); padding:15px 0 0 15px;} /* ========================= social media icons ========================= */ .smicons {padding:0 0 10px 0;} .smicons span {background:#383F4B; width:36px; height:36px; display:inline-flex; margin:0 6px 5px 0; padding:0; border-radius:50%; text-align:center;} .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:#ccc;} /* ===================== portfolio ===================== */ .project-data {background:#F0F1F6; padding:15px; margin: 0 -25px 25px 25px; } .project-data-headline {background:#7A8394; color:#fff; font-size:16px; font-weight:700; display:block; max-width:calc(100% - 10px); padding:10px 0 10px 10px;} ul.project-data-list {margin-top:15px; padding-left:0;} ul.project-data-list li {margin:0; padding:8px 0; border-bottom:1px dotted rgba(0,0,0,.1); font-size:15px; line-height:28px; display:flex;} ul.project-data-list li:last-child {border-bottom:none;} ul.project-data-list li span {width:30px; display:flex-start;} ul.project-data-list li span i {font-size:13px; line-height:28px; opacity:.8;} .masonry { display:flex;flex-direction: row;flex-wrap: wrap; justify-content:space-between; margin:35px 0; padding: 0; } .masonry-item {position:relative;display: inline-block; background: #fff; padding:10px 10px 6px 10px; width:calc(33.333333% - 24px); margin:1px; flex-basis:auto; flex-grow:1; border:1px solid #E6E8ED; border-radius:2px; } .pfcategory .masonry-item {width:calc(50% - 24px); padding:12px 10px 6px 10px; } .masonry-item img {max-width:100%;height: auto;} .pf-item-content {display:none; position:absolute; padding:5px; top:0; left:0; width:calc(100% - 10px); height:calc(100% - 10px); background:transparent; text-align:center; -webkit-transition:500ms ease all; } .masonry-item:hover .pf-item-content {display:block;} .pf-item-content:hover {background:rgba(255,255,255,.8);} .pf-item-content-info {position:absolute; top: 30%; left: 50%; transform: translate(-50%, -30%);} .pf-item-content h3 {font-size:15px; line-height:18px; font-weight:700; margin:5px 0; } a.portfolio-more {width:auto; padding:7px 15px; margin:10px 0 5px 0; display:inline-block;font-size:14px;font-weight:600;background:#B0314A; color:#fff;border-radius:2px; } .portfoliobox-item {position:relative;display: inline-block; background: #fff; padding:10px 10px 6px 10px; margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:1px solid #E6E8ED; border-radius:3px; } .portfoliobox-item img {max-width:100%;height: auto;} .portfoliobox-item:hover .pf-item-content {display:block;} /* ================= servicebox =============== */ /* slb */ .slb h2 {font-size:17px; margin:0; padding:0; line-height:1.35em; text-transform:uppercase;} .slb h3 {font-size:17px; margin:0; padding:0; line-height:1.35em; text-transform:uppercase;} .slb p { font-size:15px; margin:0; padding:10px 0; line-height:1.7em; } .service-section { margin:0 -15px; padding:0 0 45px 0; position:relative; text-align:left; } .service-container {display:flex;flex-direction: row;flex-wrap: wrap; justify-content:flex-start;} .service-list-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; padding:15px; transition:all, ease-in, 750ms; width:calc(33.3333% - 63px); margin:15px; flex-basis:auto; flex-grow:0; } .archive .service-list-box {width:calc(50% - 63px);} .service-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; padding:15px; transition:all, ease-in, 750ms; margin:15px 0; width:calc(100% - 32px); } .service-list-box-image { display:block; padding:0 0 10px 0; transition:all, ease-in, 750ms; opacity:1; text-align:center; position:relative; } .service-list-box-image img { width:100%; height:auto; display:inline-block;} .service-list-box a, .service-box a {color:#424A59;} .service-box:hover, .service-list-box:hover, .service-taxlist-box:hover {border:1px solid #c6c8cf; border-bottom:3px double #c6c8cf; } .service-box:hover .service-list-box-image,.service-box:hover .service-list-box-image, .service-taxlist-box:hover .service-list-box-image{opacity:.9;} .service-more {display:block; position:absolute; top:calc(50% - 25px); left:0; right:0; width:120px; padding:10px 15px; font-size:13px; font-weight:600; margin:0 auto; background:rgba(255,255,255,.8); opacity:0; transition:all, ease-in, 1200ms;} .service-box:hover .service-more, .service-list-box:hover .service-more, .service-taxlist-box:hover .service-more {opacity:1;} .service-more:hover {background:rgba(255,255,255,1);} /* ===================== offers ===================== */ .offer-container {margin:25px -15px 45px -15px; display:flex;flex-direction:row;flex-wrap: wrap; justify-content: flex-start; padding:0; } .offer-list-box {position:relative; border:1px solid; border-bottom:3px double; border-color: #F0F1F6; border-radius:2px 2px 0 0; padding:15px 15px 10px 15px; width:calc(33.3333% - 63px); margin:15px; flex-basis:auto; flex-grow:0; display:flex; flex-direction:column; justify-content: flex-start;} .archive .offer-list-box {width:calc(50% - 63px);} .offer-list-box-image {max-height:265px; margin-bottom:10px; overflow:hidden; } .offer-list-box-image img {width:100%; height:auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .offer-list-box-image:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .offer-list-box-content a {color:#424A59;} .offer-list-box-content h3 {font-size:19px; margin:0; padding:0; line-height:1.35em;} .offer-list-box-content p {font-size:15px; margin:0; padding:5px 0; line-height:1.65em;} .offer-list-box-bottom {padding-top:15px; margin-top:auto;} a.offer-more {display:block; padding:10px 0; font-size:14px; text-transform:uppercase; font-weight:600; background:#7A8394; opacity:1; transition:all, ease-in, 1200ms; text-align:center; color:#fff;} a.offer-more:hover {background:#383F4B;} .box-meta { background:#F0F1F6; padding:8px 0 12px 5px;display:block;width:calc(100% - 5px); font-size:11px; border-radius:2px 2px 0 0 ; border-bottom:1px solid #fff;} .box-meta i {font-size:10px;} .meta-left, .meta-right {min-height:1px;} .meta-right { text-align:right; } .box-meta .meta-left a {color:#424A59; text-transform:uppercase; font-weight:600; } .box-meta .meta-left a:hover {color:#B0314A;} /* ===================== separate ===================== */ .separator-top {border-bottom:1px dotted #DEE0E4; margin:15px 0;} .separator-headline { margin:15px 0 25px 0; display: block; text-align:center; } .separator-headline > span { position: relative; display: inline-block;} .separator-headline > span:after {content: " "; height:3px; background:#606774; width:50px; display: inline-block; } .separator-headline h4 { font-size:23px; line-height:1.3em; font-weight:700; text-transform:uppercase; } .separator-headline p { padding:5px 85px; } .separatorleft .separator-headline { text-align:left; } .separatorleft .separator-headline p { padding:5px 0; } /* ===================== img stat ===================== */ .image-wrapper { height:auto; position:relative; z-index:1000; margin:0; padding:0; overflow:hidden; } .home-start-image {overflow:hidden;} .home-start-image img { width:100%; height:auto; display:block; position:relative; } .home-start-full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} /* ===================== img slider ===================== */ .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:30px;padding:0; text-align:center; margin:0; font-size:0; border:1px dotted #7A8394;cursor:pointer;position:absolute;z-index:9999; background:#7A8394; visibility:hidden; } .slideshow .slick-prev{left:calc(50% - 35px); bottom:15px;} .slideshow .slick-next{right:calc(50% - 35px); bottom:15px;} .slideshow .slick-prev:before{content:'\ea68'; font-family:"icofont";} .slideshow .slick-next:before{content:'\ea69'; font-family:"icofont";} .slideshow .slick-next:before, .slideshow .slick-prev:before{font-size:20px;line-height:1;opacity:1;color:#fff;} .slideshow .slick-next.slick-disabled:before, .slideshow .slick-prev.slick-disabled:before{opacity:.25} .slideshow .car-button-left, .slideshow .car-button-right {visibility:hidden; opacity:0; width:auto; padding:0; position:absolute; top:45%; z-index:2000; transition:opacity, ease, 1s;} .slideshow:hover .car-button-left, .slideshow:hover .car-button-right {visibility: visible;opacity: 1; } .slideshow .car-button-right { right:15px; } .slideshow .car-button-left {left:15px; } .slideshow:hover .slick-next, .slideshow:hover .slick-prev {visibility:visible;} /* ===================== google maps ===================== */ #map-canvas iframe {width:100%; height:300px; display:block; } #map-canvas {margin:0; padding:0;} /* ===================== category filter ===================== */ .filters { margin:25px 0; padding:0 0 0 5px ; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items:flex-end;} .mobilefilter {display:none;} .filter-button-group button {width:auto; border:1px dotted #DEE0E4; background:#F0F1F6; padding:0 15px; height:36px; font-size:12px; line-height:1em; cursor:pointer; color:#333; text-transform:uppercase;margin-bottom:2px; } .filter-button-group .is-checked {color:#B0314A; } .filter-button-group button:first-child i {font-size:14px;} /* ========================= go to top/bottom - contact ======================== */ #gototop { display:none; position:fixed; z-index:10000; right:20px; bottom:75px; } #gototop a { border:1px dotted #7A8394; padding:4px 9px 5px 9px; border-radius:3px; color:#7A8394; text-decoration:none; font-size:20px; display: block; margin:5px 0; line-height:1em;} /* ========================= blog ======================== */ .catdescription {margin:5px 0 25px 0; padding:15px; background:#F0F1F6; } .taxdescription {margin-top:30px;} .catdescription p {font-size:15px; margin:0; padding:0; line-height:1.65em;} .bl {margin:45px 0;} .bl .col-ohc:nth-child(2n+2) { margin-right:0 ;} .bl .col-ohc:nth-child(2n+1) { clear:left ;} .bl-two {display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap; margin:45px 0;} .blogtwo-item {flex-basis:calc(33.3333% - 20px); width:calc(33.3333% - 20px); margin:10px;} .blogpost { margin:0; padding:0 0 30px 0;} .blogpost .col-ofc:nth-of-type(4n) { margin-right:0 !important;} .postbox {border:1px solid #E6E8ED; border-bottom:3px double #E6E8ED; padding:3px; border-radius:4px 4px 0 0; } .posttop { float:left; width: calc(100% - 100px);} .postbox h2 { font-size:15px; line-height:1.5em; margin:0; padding:0;} .postbox p {font-size:15px; line-height:1.65em; } .postbox .postbox-img {margin:0 0 5px 0;} .postbox .postbox-img img {width:100%; height:auto; display:block; border-radius:2px;} .postbox .postbox-text {padding:5px 10px;} .postbox .postbox-more {text-decoration:none; text-transform:uppercase; font-weight:600; font-size:14px; color:#B0314A;} .postbox .postbox-more:hover { color:#383F4B;} .blogloop-box {margin:0 10px 25px 0; border:1px solid #E6E8ED; border-bottom:3px double #E6E8ED; padding:13px 13px 0 12px; border-radius:4px 4px 0 0; } .blogloop-img {margin:0 0 15px 0;} .blogloop-img img {width:100%; height:auto; display:block; border-radius:2px;} .blogloop-box h2 { font-size:17px; line-height:1.5em; margin:5px 0; padding:0; } .blogloop-box p {font-size:15px; line-height:1.65em; } .blogloop-meta {font-size:13px; border-top:1px dotted #DEE0E4; padding-top:5px;} .blogloop-meta a {color:#B0314A;} .blogloop-meta .meta-date, .blogloop-meta .meta-author { padding:5px; display:inline-block;} .blogloop-meta .meta-category {border-top:1px dotted #DEE0E4; padding:8px 5px 2px 5px; margin:5px 0;} .blogloop-meta .meta-tags {margin:5px 0; padding:8px 5px 5px 5px; border-top:1px dotted #DEE0E4; } .blogloop-meta .meta-tags a {padding:5px; border-radius:2px;} .blogtwo-item .blogloop-box {margin:0 0 25px 0; border:1px solid #E6E8ED; border-bottom:3px double #E6E8ED; padding:13px 13px 0 12px; border-radius:4px 4px 0 0; } .blogtwo-item .blogloop-img {margin:-13px -13px 15px -12px;} .blogtwo-item .blogloop-img img {border-radius:2px 2px 0 0 ;} @media screen and (max-width: 800px) { .blogtwo-item {flex-basis:calc(50% - 20px); width:calc(50% - 20px); } } @media screen and (max-width: 480px) { .blogtwo-item {flex-basis:100%; width:100%; margin:10px 0;} } .single-meta {border-top:1px dotted #DEE0E4; padding:15px 0; margin:20px 0; font-size:14px;} .single-meta a {color:#B0314A;} .single-meta .meta-date, .single-meta .meta-author { padding:5px; display:inline-block;} .single-meta .meta-category {border-top:1px dotted #DEE0E4; border-bottom:1px dotted #DEE0E4; padding:6px 5px; margin:5px 0;} .single-meta .meta-tags {margin:15px 0; padding:2px 5px;} .single-meta .meta-tags a {padding:5px; border-radius:2px;background:#606774; color:#fff;} .single-meta .meta-tags a:hover {background:#7A8394; } .single-meta .meta-category a:hover, .blogloop-meta .meta-category a:hover, .blogloop-meta .meta-tags a:hover { text-decoration:underline;} .single-page-nav { background:#f0f1f6; margin:15px 0; padding:8px; font-size:13px; text-transform:uppercase; font-weight:700;} .single-page-nav a {color:#606774;} .single-page-nav a:hover {color:#B0314A;} .single-page-nav .navleft {width:50%; float:left;} .single-page-nav .navright {width:50%; float:right; text-align:right;} .single-page-nav .navright a:after {content:'\ea79'; font-family:"icofont"; font-size:14px; margin:1px 10px;} .single-page-nav .navleft a:before {content:'\ea78'; font-family:"icofont"; font-size:14px; margin:1px 10px;} /* ======================== comments ============================ */ #comments-box { margin:30px 0 25px 0; padding:20px 0; font-size:15px;} .comment-author img, .comment-author .says { display:none;} .comment-author a {font-weight:bold;} .comment-meta {font-size:13px;} #comments-box a {color:#606774;} #comments-box a.comment-reply-link {color:#B0314A; font-weight:bold; margin:5px; text-align:right; display:block;} .comments-title { font-size:1.3em; margin:0; padding:0;} .comments-subtitle { font-size:1.1em; margin:0; padding:0;} ol.comment-list { margin:15px 0 0 0; list-style:none; padding:0; } ol.comment-list li { padding:5px 10px; margin:0 0 15px 0; font-size:1em; line-height:1.6em; border-bottom:1px dotted #DEE0E4; list-style:none;} ol.comment-list ol {margin:15px 0;} ol.comment-list ol li {border-bottom:none; } #comments-box ol.comment-list ol li a.comment-reply-link {text-align:left; margin:5px 0; } #respond { margin:25px 0 0 0; padding:0 0 15px 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:95%; padding:7px 5px; font-family: Arial, Helvetica, sans-serif; font-size:.95em; margin:2px 0 7px 0; border:1px solid #e5e5e5; border-radius:3px; } #respond textarea {font-family: Arial, Helvetica, sans-serif; font-size:.95em; padding:5px; height:130px; width:95%; margin:5px 0; border:1px solid #e5e5e5; border-radius:5px;} #respond #submit {width:auto; font-size:.95em; cursor:pointer; margin-top:15px; padding:5px 20px 6px 20px;} #respond .memberbox {margin:5px 0;} .category-description { margin:0 0 25px 0; padding:0 0 10px 0; border-bottom:1px dotted #DEE0E4; } .category-description p { font-size:14px; line-height:1.65em; margin:0; padding:0;} .post-nav { border-top:1px dotted #DEE0E4; border-bottom:1px dotted #DEE0E4; margin:15px 0; padding:15px 0; font-size:14px; } .post-nav .page-numbers {padding:5px 8px; border-radius:1px; margin:0 3px 0 0; background:#E6E8ED;} .post-nav a {text-decoration:none; color:#383F4B; } .post-nav a:hover {background:#7A8394; color:#fff; } .post-nav .current {background:#7A8394; color:#fff;} .sticky { margin:-8px; padding:5px; border:8px solid #E6E8ED; border-radius:3px 3px 0 0;} .bypostauthor { font-style:italic;} /* =================== galleries =================== */ .wp-caption { max-width:100%; 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%} .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:5px 10px 5px 25px; border-radius:3px; } img.alignleft {float:left; margin:5px 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:5px 10px 5px 25px; border-radius:3px; } figure.alignleft {float:left; margin:5px 25px 5px 0; border-radius:3px; } figure.aligncenter { margin:10px auto; border-radius:3px; } figure.alignnone { margin:10px 0; 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; } #TB_secondLine a {color:#333;} /* =================== contactforms cf7 =================== */ .wpcf7-form {margin:0; padding:10px 0; } .wpcf7-form .columns {margin:0; padding:0;} .wpcf7 label { font-size:13px; display:block; margin:7px 0 0 0;} .wpcf7 input { width:calc(100% - 8px); border:1px solid #e3e3e3; border-radius:3px; padding:8px 3px; margin:0 0 10px 0; background:rgba(255,255,255,.85); font-family: 'Nunito Sans', sans-serif; font-size:14px;box-sizing:border-box; } .wpcf7 select {width:auto; background:rgba(255,255,255,.85);border:1px solid #e3e3e3; border-radius:3px; padding:8px 3px; margin:0 0 10px 0; font-size:14px; box-sizing:border-box;} .wpcf7 textarea {font-family: 'Nunito', sans-serif; width:calc(100% - 8px); background:rgba(255,255,255,.85); border:1px solid #e3e3e3; border-radius:3px; padding:8px 3px; font-size:14px; box-sizing:border-box;} .wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #999;} .wpcf7 .wpcf7-submit { cursor:pointer; background:#B0314A; color:#fff; padding:10px 20px; border-radius:2px; margin:25px 5px 10px 0; width:auto; display:inline-block; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:700; letter-spacing:.5px; text-align:center; border:none; } .wpcf7 .wpcf7-submit:hover {opacity:.9; text-decoration:none; padding:10px 20px; } .wpcf7-form p {margin:0; padding:0; } .wpcf7-radio {margin:-5px 0 20px -20px; padding:0; display:block;} .wpcf7-checkbox {margin:0 0 0 -20px; padding:0; display:block;} .wpcf7 .wpcf7-submit { width:auto;} .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {width:auto; display:inline-block; margin:0 10px 10px 0;} .wpcf7 input[type="radio"]:checked ~ * {color:#000;} .wpcf7 input[type="number"] {} .wpcf7 legend { font-size:1.35em; font-weight:400; margin:-45px 5px 15px 0; padding:10px; background:#fff;} .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; display:inline-block; } .wpcf7 .wpcf7-acceptance label a {color:#B0314A;} .wpcf7-form p {margin:0; padding:0;} .wpcf7-captchar {max-width:100px;} div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {padding:10px; background:#E6E8ED; border:none; border-left:4px solid;} div.wpcf7-mail-sent-ok {border-color: #398f14;} div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {border-color: #ff4000;} span.wpcf7-not-valid-tip {position:relative; color:#ff4000; font-size:12px; font-style:italic;} #sidebar .wpcf7 .wpcf7-submit { margin:5px 5px 10px 0; } #sidebar .wpcf7-form {margin:0; padding-top:15px; width:calc(100% - 15px); border:none; } .offer-request-form {background:#f0f1f6; padding:10px; margin:0 -25px 35px 0;} .offer-request-title {background:#7A8394; color:#fff; font-size:16px; font-weight:700; display:block; max-width:calc(100% - 10px); padding:10px 0 10px 10px;} /* ================== 404 ================= */ .notfoundsearch{ margin:35px 0; padding:15px 10px; background:#f0f1f6; border-radius:2px; max-width:calc(100% - 50px); } .notfoundsearch form#searchform { margin:0; padding:0; } .notfoundsearch input#searchinput {font-size:13px; padding:10px 5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left; background:rgba(255,255,255,.9); border:1px solid #E6E8ED; width: calc(100% - 140px); -webkit-appearance:none !important;} .notfoundsearch input#searchinput:focus { color:#333;} .notfoundsearch input#searchsubmit {color:#fff; width:90px; float:right; font-size:13px; display:inline-block; padding:10px 0; margin:3px 20px 0 0; cursor:pointer; background:#B0314A; border:none !important; text-align:center; -webkit-appearance:none !important; } .notfoundsearch input#searchsubmit:hover {background:#383F4B;} .fourofour {color:#f0f1f6; font-size:120px; font-weight:bold;} /* =============== search =============== */ .search-item-list {margin:15px 0; padding:10px; border-top:1px dotted #DEE0E4;} .search-item {margin:15px 0 25px 0; padding-bottom:10px; border-bottom:1px dotted #DEE0E4;} .search-item-thumb {float:left; margin:0 30px 10px 0; max-width:200px; } .search-item-thumb img {width:100%; height:auto; display:block; border-radius:3px;} .search-item p {font-size:15px;} a.post-more { display:inline-block; color:#383F4B; font-weight:bold;font-size:14px;} /* print */ .print-image {display:none;} /* =================== sidebar ===================*/ .sidebarbox {padding:10px 0 25px 0; margin:0; } #sidebar .widgettitle { padding:8px 0 8px 10px; margin:0 -20px 10px 0; font-size:14px; text-transform:uppercase; font-weight:700; letter-spacing:.5; background:#F0F1F6; } .sidebarbox .widgettitle [class^="icofont-"]:before, .sidebarbox .widgettitle [class*=" icofont-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;} #sidebar p { font-size:15px;} #sidebar ul { font-size:15px; margin:5px 0 15px 15px; padding:0; list-style:none; } #sidebar ul li {line-height:1.6em; border-bottom:1px dotted #E6E8ED; padding:5px 0 5px 0; list-style:none; list-style-position: inside;text-indent:-0.9em;} #sidebar ul li:before {content: '\ea69'; font-family: "icofont"; font-size:10px; float:left; margin-right:15px; color:#DEE0E4; } #sidebar ul li a { color:#424A59; text-decoration:none; display:block;} #sidebar ul li:hover > a, #sidebar ul li.current-menu-item > a, #sidebar ul li.current-cat > a, #sidebar ul li.current-menu-parent > a {color:#B0314A} #sidebar ul li:hover:before, #sidebar ul li.current_page_item:before, #sidebar ul li.current-menu-item:before, #sidebar ul li.current-cat:before, #sidebar ul li.current-menu-parent:before {color:#B0314A;} #sidebar ul li ul { margin:5px 0 5px 15px; display:none; } #sidebar ul li.current-menu-parent ul, #sidebar ul li.current-menu-item ul {display:block; } #sidebar ul li ul li { padding:3px 0; border-bottom:none; border-top: none;} #sidebar ul li.current-menu-item ul, #sidebar ul li.current_page_item ul, #sidebar ul li.current-cat ul, #sidebar ul li.current_page_parent ul {display:block;} .sidebarbox img {max-width:100%; height:auto; } .tagcloud { margin:0; padding:10px;} .tagcloud a { color:#424A59; text-decoration:none; line-height:1.8em;} .tagcloud a:hover {color:#B0314A;} .sidebarbox #searchform { margin:0;} .sidebarbox input#searchinput {width:calc(100% - 100px); border:1px solid #E6E8ED; background:#fff; margin:3px 0; padding:6px 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:#383F4B; color:#fff; font-size:12px; text-transform:uppercase; width:80px; float:right; display:inline-block; padding:6px 0 7px 0; margin:3px 0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} .sidebarbox input#searchsubmit:hover { background:#7A8394;} #sidebar table { width:100%; margin:15px 0; font-size:13px; padding:0; border:1px solid #E6E8ED; border-radius:2px; background: #ffffff; box-sizing:border-box;} #sidebar table td { border-bottom:1px solid #E6E8ED; border-top:1px solid #fff; border-right:1px solid #E6E8ED; border-left:1px solid #fff; padding:10px; margin:0;} #sidebar table td:last-child, #sidebar table th:last-child { border-right:none;} #sidebar table td:first-child { border-left:none;} #sidebar table th { border-bottom:1px solid #E6E8ED; border-right:1px solid #f0f0f0; padding:10px; font-size:1.3em; line-height:1.5em; font-weight:normal; text-shadow:#ddd 1px 1px; background: #F3F5FA; } #sidebar table tr:last-child td { border-bottom:none;} /* ========================= Sidebar CTA =========================*/ .sidebar-bocta-box {position:relative;} .sidebar-bocta-box img {width:100%; height:auto; border-radius:2px; } .sidebar-bocta-box h3 {font-size:17px; } .sidebar-bocta-box .has-image-headline { background:#B0314A; opacity:.9; padding:5px 15px; position:absolute; bottom:25px; left:0; z-index:999; transition:all ease-in 300ms;} .sidebar-bocta-box:hover .has-image-headline { opacity:1; padding:5px 35px 5px 15px; } .sidebar-bocta-box .has-image-headline h3 {color:#fff;} .sidebar-bocta-box a {background:none; border:none;} /* ========================= Calendar =========================*/ #calendar_wrap {margin:0; } #wp-calendar {empty-cells: show; margin:0; padding:0; font-size:14px; width:100%;} #wp-calendar #next a {text-align: right;} #wp-calendar #prev a {text-align: left;} #wp-calendar a {display: block; color:#B0314A; text-decoration:underline; } #wp-calendar caption {display:none;} #wp-calendar th {padding: 3px 0; text-align: center; border:1px solid #E6E8ED; background-color: #f0f1f6; font-size:13px !important; } #wp-calendar td {padding:3px; text-align: center; border:1px solid #E6E8ED; } #wp-calendar .pad:hover { background-color: #F0f1f6; } .wp-calendar-nav {padding:0 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:#B0314A;; } /* =================== footer boxes =================== */ .footer-widgets { padding:25px 0; border-bottom: 1px dotted rgba(255,255,255,.6)} .footer-box { width:23.179255319148%; float:left; margin-right:2.427659574468%; font-size:.9em; } .footer-box .footerboxtitle { margin:0 0 10px 0; padding:0 0 10px 0; font-size:1.1em; text-transform:uppercase; line-height:1.4em; border-bottom:1px dotted #fff;} .footer-box ul { margin:15px 0 5px 15px; } .footer-box ul li { line-height:1.6em; list-style-type:square; padding-left:5px;} .footer-box a { text-decoration:none; color:#f2f2f2;} .footer-box a:hover { text-decoration:underline; color:#fff; } .footer-box p { margin:0; padding:5px 0; font-size:15px; line-height:1.55em; } .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 #map-canvas { max-width:95%; height:auto; padding:0; margin:5px; border-radius:3px; } .footer-box #map-canvas iframe { max-width:100%; height:auto;} .footer-box #map-canvas a { color:#454545; text-decoration:none; margin:0 0 0 10px; font-size:10px;} .bottomline { margin:1px 0 0 0; font-size:.75em; text-align:center; padding:15px 0; } .footer-widgets:empty {padding:0 !important;} /* ========================= profilebox ========================= */ #sidebar .profilebox {border:1px dotted #F0F1F6; padding:10px 10px 10px 15px;} #sidebar .profilebox ul { margin:0; padding:0; list-style:none !important; } #sidebar .profilebox ul li {font-size:15px; line-height:1.6em; border-bottom:none; border-top:none; padding:0; list-style-position: outside; text-indent: 0; list-style:none !important;} #sidebar .profilebox ul li:before {content: ''; float:none; margin-right:0; display:none; } #sidebar .profilebox ul li.secaddr {margin-bottom:10px;} #sidebar .profilebox ul li a {color:#424A59; display:inline-block;} .footer-box .profilebox ul { margin:10px 0 0 0; padding:0; list-style:none !important; } .footer-box .profilebox ul li {font-size:15px; line-height:1.6em; border-bottom:none; border-top:none; padding:0; list-style-position: outside; text-indent: 0; list-style:none !important;} .footer-box .profilebox ul li:before {content: ''; float:none; margin-right:0; display:none; } .footer-box .profilebox ul li.secaddr {margin-bottom:10px;} .footer-box .profilebox ul li a {color:#fff; display:inline-block;} .footer-box .profilebox ul li a:hover, #sidebar .profilebox ul li a:hover { text-decoration:underline;} /* ========================= timeline ========================= */ .botimeline li {list-style:none !important; margin:0;} .botimeline {margin:50px 0 0 0;padding: 0;list-style: none;position: relative;} .botimeline li:before { content:''; position: absolute;bottom:0; height: 100%; width:2px; background: #7A8394; left:180px; margin-left:0;} .botimeline li:nth-child(1):before {top:15%;height:130px;} .botimeline li:last-child:before {top:0;height:30px;} .botimeline > li {position: relative;} .botimeline li:nth-child(2) {margin-top:30px;} .botimeline > li .tmtime { display: block; position: relative; font-weight:700; width:148px ;text-align:right;padding:0 32px 0 0; } .botimeline > li .tmtime span {font-size: 16px;} .botimeline > li .tmtime span:first-child {font-size: 16px;} .botimeline > li .tmlabel {margin: 0 0 0 220px; padding: 1.2em 2em 1em 0; text-align: left;position: relative;top: -46px;} .botimeline li:nth-child(1) {color:#7A8394; padding: 1em 2em 2em 0;text-align: left; position: relative;} .botimeline > li .tmlabel p {text-align: left;} .botimeline > li:last-child {margin-bottom: 40px;} .botimeline > li .tmlabel h4 { margin:0; padding: 0;font-size: 16px;text-align: left;font-weight: 600; text-transform: none;letter-spacing: 0;} .botimeline > li .tmlabel p {font-size: 15px; line-height:23px;} .botimeline > li:nth-child(odd) .tmlabel:after {border-right-color: #7A8394;} .botimeline > li .tmicon {width:40px;height:40px;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;font-size:16px;line-height:40px; -webkit-font-smoothing: antialiased; position: absolute; color: #FFFFFF; background:#7A8394; border-radius: 50%; text-align: center;left:180px;top:-5px; margin:0 0 0 -19px;} .botimeline > li .tmicon:nth-child(1) {width: 60px;height:60px;font-size:36px; line-height:60px; -webkit-font-smoothing: antialiased;position: absolute;color: #FFFFFF;background: #7A8394;border-radius: 50%;text-align: center;left:180px;top:0; margin: 0 0 0 -29px;} .botimeline > li .tmicon:nth-child(1) i {margin:0; padding:0;line-height: 1em;} /* ========================= mail poet ========================= */ form.mailpoet_form.mailpoet_form_widget {border:2px solid #F0F1F6; padding:10px 15px;} .mailpoet_paragraph input.mailpoet_text {width:calc(100% - 6px); padding:8px 3px; border:1px solid #ebebeb; display:block; box-sizing:border-box; font-size:14px;} input.mailpoet_submit {cursor:pointer; color:#fff; border:none; font-size:13px; font-weight:bold; text-transform:uppercase; padding:10px 15px; border-radius:2px; background:#B0314A; box-shadow:none; } p.mailpoet_paragraph{line-height:18px;} input.mailpoet_submit:hover {border:none; background:#003952; } /* ========================= 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;} /* ========================= atomic blocks ========================= */ .ab-block-container { margin-bottom:0;} .ab-block-profile .ab-social-links li i{font-size:18px;background:#0393e3;color:#fff;padding:10px;border-radius:100px;height:18px;width:18px;text-align:center} .ab-block-profile {background: #383F4B; color: #F0F1F6; margin: 0 auto; padding: 2%; border-radius: 3px;margin-bottom: 1.2em;display: flex;flex-flow: row wrap; justify-content: space-around; width:96%; } .ab-profile-text { margin-top:-10px !important;} .ab-profile-title {margin:0 !important; padding:0; } .ab-profile-text p {margin:0 !important; padding:0; } .ab-social-links li {font-size:0 !important;} .ab-block-post-grid-image img {width:100%; height:auto;} .ab-block-post-grid-header h4.ab-block-post-grid-title {font-size:20px; } .ab-block-post-grid-header h3.ab-block-post-grid-title {font-size:21px; } .ab-block-post-grid-header h2.ab-block-post-grid-title {font-size:22px; } .ab-block-post-grid-text .ab-block-post-grid-excerpt p {font-size:16px ;} .ab-block-post-grid-excerpt p:nth-child(2) {margin-top:0; padding:0;} a.ab-block-post-grid-link.ab-text-link {color:#B0314A; } .wp-block-atomic-blocks-ab-cta {padding-top:80px; padding-bottom:80px;} .ab-cta-button {margin-top:25px;} .ab-block-accordion .ab-accordion-title {background-color:#f0f1f6; cursor:pointer;} .ab-accordion-text p {font-size:16px !important;} .ab-block-container.aligncenter {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} /* =========================== responsive ===================== */ @media screen and (max-width: 896px) { .mobile-only {display:block !important;} .desktop-only {display:none !important;} } @media screen and (max-width: 1360px) { .wp-block-atomic-blocks-ab-container {padding-left:20px; padding-right:20px;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-4-columns .wp-block-column:first-child {margin-left:0;} .wp-block-columns.has-4-columns .wp-block-column:last-child {margin-right:0;} } @media (min-width: 782px) {.wp-block-columns {flex-wrap: wrap; } } @media (min-width: 896px) {.wp-block-columns {flex-wrap: nowrap; } } @media (min-width: 600px) { .wp-block-columns {justify-content:flex-start;} .wp-block-column {flex-basis: calc(50% - 20px);flex-grow:0; } } @media (min-width: 600px) { .wp-block-column:nth-child(odd) {margin-right: 15px; } .wp-block-column:nth-child(even) {margin-left: 15px; } .wp-block-column:not(:first-child) {margin-left: 22px; } .wp-block-column:not(:last-child) {margin-right: 15px; } } @media screen and (max-width: 1400px) { #sidebar .widgettitle { margin:0 -20px 10px 0;} .ab-block-container.aligncenter {margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;width:calc(100vw - 40px);max-width:100vw;} } @media screen and (max-width: 1200px) { .wrapper {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; max-width:1200px; } #topmenu ul li a {padding:25px 8px 30px 8px;letter-spacing:0; } } @media screen and (max-width: 1024px) { h1 { font-size:27px;} h2 { font-size:25px;} h3 { font-size:22px;} h4 { font-size:18px;} h5 { font-size:18px; } .slb h2 {font-size:15px; } .slb h3 {font-size:15px; } .slb p { font-size:14px; } h2.ab-profile-name {font-size:22px !important;} .ab-profile-text p {font-size:15px !important;} #topmenu ul li a {font-size:13px;} .sc-button a {padding:10px 15px;font-size:14px; text-transform:uppercase; letter-spacing:.5px; margin:0;font-weight:500;} .separator-headline p { padding:5px 45px; } ul.team-list li, article ul.team-list li { font-size:14px; } ul.team-list li i {margin-right:5px; font-size:16px;} .wp-block-columns.has-4-columns {flex-wrap:wrap; justify-content:flex-start;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:calc(25% - 15px);} .wp-block-columns.has-4-columns .wp-block-column:first-child {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:last-child {margin-right: 0; } .wp-block-columns { display: flex; flex-wrap: wrap; justify-content:flex-start; } .wp-block-columns.has-3-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:calc(33.33333% - 20px);} .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; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 3) {margin-right: 0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 1) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column {margin-left:20px;margin-right:20px;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(50% - 40px);} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right: 0; } .service-list-box { padding:10px; width:calc(33.3333% - 43px); margin:15px 10px; } .service-box {padding:10px; width:calc(100% - 22px); } .team-section { margin:0; } .team-list-box {width:calc(25% - 43px); margin:15px 10px; } .offer-section {margin:25px 0 45px 0;} .offerbox-item { width:100%;} .offerbox-item2 { width:100%;} .offer-list-box {padding:10px; width:calc(33.33333% - 53px);} .archive .offer-list-box {width:calc(50% - 53px);} .mobilespacer {max-height:10px !important; } .blogloop-box {margin:0 0 25px 0; padding:10px 10px 0 10px; } .bic {margin: -10px 15px 0 5px; font-size:36px;} .icon-button-row1 {font-size:14px;} .icon-button-row2 {font-size:15px;} .sidebarbox { padding:5px 0 20px 5px; } #sidebar .widgettitle { margin:0 -20px 10px 0; } .footer-box .footerboxtitle { font-size:1.05em;} .cta-inner #map-canvas {margin:0 0px; padding:0;} } /* ======================= eof 1024 */ @media screen and (max-width: 896px) { .main-header {padding-bottom:10px;} .headercontact { max-width:876px; margin:0 auto; padding:10px 10px; position:relative; } p,article li { font-size:15px;} h1 { font-size:25px;} h2 { font-size:22px;} h3 { font-size:20px;} h4 { font-size:18px;} .bo-block-cta-heading .bo-block-cta-heading-mobile, .slogan-mobile {font-size:85% ;} .mobile-wrap-top { display:none;} .wp-block-columns.has-2-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(50% - 20px);} #topmenu #head-mobile {display:block !important;padding:18px 0;font-weight:700; background:transparent; } #topmenu{ background:transparent; } #topmenu { position:absolute; top:45px; right:0; margin:0; text-align:left; padding:0; z-index:99999; width:65%; } #topmenu ul{ display:none; float:none; text-align:left; background:#fff; padding:15px 0 15px 15px; border-bottom: 1px solid #7A8394; } #topmenu ul ul {position:relative;float:none;left:0;margin:-1px 0 0 -15px;padding:5px 0 15px 15px;border-radius:0; background:#F0F1F6; border:none; } #topmenu ul ul ul{position:relative;float:none;left:0;margin:0;padding:0;border-radius:0; border:none; } #topmenu ul ul ul{top:auto; margin-top:0;} #topmenu ul li {width:100%; float:none;height:auto !important;} #topmenu ul li a {padding:15px 0; border-bottom:1px solid #F0F1F6;} #topmenu ul ul li a {padding:15px 0; margin:0; border-bottom:none; } #topmenu li > ul > li{height:auto !important; } #topmenu ul ul li{height:auto; } #topmenu li:hover > ul > li{height:auto; } #topmenu ul ul li a { height:auto; line-height:1;} #topmenu li:hover > ul{left:0; width:auto;} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu ul ul li:hover a {background:none !important;} #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:30px;width:50px} #topmenu .submenu-button:after{position:absolute;top:10px;right:25px;width:20px;height:20px;display:block;color:#7A8394;content:'\eab2';font-family:"icofont";font-size:18px;} #topmenu > ul > li.has-sub > a:after, #topmenu ul ul li.has-sub > a:after{display:none;} .mobilebutton{ width:60px;height:48px; position:absolute;right:5px;top:-35px;cursor:pointer;z-index: 12399994; margin-bottom:2px; } .mobilebutton:after{position:absolute;top:24px;right:20px;display:block;height:6px;width:30px;border-top:5px solid #383F4B;border-bottom:5px solid #383F4B;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:5px;width:30px;background:#383F4B;content:''} .mobilebutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:5px;width:25px;background:#383F4B;-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:#383F4B;width:25px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} .fixednav {position:inherit !important; } .header-wrap.fixednav .top-header { display:block;} .fixednav #topmenu ul li > a {padding-top:15px; padding-bottom:15px;} .fixednav #topmenu ul li ul li a {padding-top:15px; padding-bottom:15px;} .service-box { padding:10px; width:calc(100% - 22px); margin:15px 0; } .service-list-box { padding:10px; width:calc(33.3333% - 32px); margin:15px 5px; } .masonry-item {width:calc(50% - 28px); margin:1px; } .team-list-box {padding:5px; width:calc(33.33333% - 33px); margin:15px 10px; } .offer-list-box {padding:10px; width:calc(50% - 53px);} .blogloop-box {margin:0 0 25px 0; padding:15px 15px 0 15px; } .ab-block-profile .ab-social-links li i{font-size:16px;padding:10px;height:16px;width:16px;} .smicons span {width:28px; height:28px; margin:0 6px 5px 0; } .smicons span::before {font-size:16px; line-height:28px;} .smicons span.google::before {font-size:18px;} .separator-headline p { padding:5px 20px; } .cta-inner { padding:0 15px;} .col-ttc { width:100%; margin:1.5% 0;} .col-otc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc {margin-right:0 ; float:none ;} .col1-2, .col1-3, .col2-3 {width:100% !important; float:none; display:block;} .col1-4 {width:50%;} .col1-4 .inner, .col1-3 .inner, .col2-3 .inner {padding-bottom:25px; } .footer-widgets { padding:15px 0 15px 10px;} .footer-box { width:48.786170212699%; float:left; margin-right:2.427659574468%; font-size:.9em; margin-top:10px; margin-bottom:25px; } .fbsecond {margin-right:0 !important;} .footer-box .footerboxtitle { font-size:1em; font-weight:bold; } .sc-button a {padding:10px 20px;font-size:13px;} #sidebar {margin:45px 25px 0 25px; padding:0;} #sidebar .widgettitle { margin:0 0 15px 0; font-size:15px; } .project-data { margin: 0 25px 25px 25px; } .offer-request-form { margin:0 0 35px 0;} #sidebar ul, #sidebar .profilebox ul li {font-size:17px;} #sidebar ul, #sidebar .profilebox ul {padding-left:10px;} } /* ======================= eof 896*/ @media screen and (max-width: 800px) { .wp-block-columns.has-4-columns {flex-wrap:wrap; justify-content:flex-start;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:25px;margin-right:25px;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:calc(50% - 25px);} .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even) {margin-right: 0; } .wp-block-columns.has-4-columns.nomargin .wp-block-column {flex-basis:calc(50% - 2px);} .counterbox .counter-headline { font-size:17px;} .counterbox .counter-text { font-size:14px; line-height:1.6em;} } /* ======================= eof 800 */ @media screen and (max-width: 680px) { .contactbox { float:none; width:100%; margin:0; padding:15px 0 0 0; text-align:center;} .top-left { float:none; width:100%; margin:0; padding:0; text-align:center;} .searchbox { width:calc(100% - 60px); position:absolute; top:40px; right:30px; padding:6px 5px 6px 0px; font-size:18px; } .wp-block-columns.has-3-columns .wp-block-column {margin-left:20px;margin-right:20px;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:calc(100% - 40px);} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left: 20px; } .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right: 20px; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 3) {margin-right:20px; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 1) {margin-left:20px; } .wp-block-columns.has-2-columns .wp-block-column {margin-left:20px;margin-right:20px;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(100% - 40px);} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left: 20px; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right: 20px; } .wp-block-columns.nowrap.has-3-columns .wp-block-column {max-width:100%;} .wp-block-columns.nowrap.has-3-columns .wp-block-column:first-child {margin-left:0; } .wp-block-columns.nowrap.has-3-columns .wp-block-column:last-child {margin-right:0; } .bic {float:left; margin: -10px 30px 0 30px; font-size:46px; } .icon-button-row1 {font-size:15px;} .icon-button-row2 {font-size:18px;} ul.ab-social-links {text-align:center !important; margin:0 auto !important;} .service-section { margin:0; } .service-list-box { padding:10px; width:calc(50% - 43px); margin:15px 10px; } .team-list-box {padding:10px; width:calc(50% - 43px); margin:15px 10px; } ul.profilelist li {font-size:14px; line-height:25px; } ul.profilelist li.profiletitle {font-size:17px; } ul.profilelist li.profilesubtitle {font-size:15px; margin-bottom:5px; padding-bottom:10px; } .bo-block-cta-button-1 {margin-right: 0;} }/* ======================= eof 680*/ @media screen and (max-width: 600px) { .team-section-box { width:calc(50% - 20px); } .col-full { width:100%; margin:0;} .col-otc { width:100%; margin:1.5% 0;} .col-ttfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-otfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .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:none; display: block; float:none;} .columns {margin:0; padding:30px 0;} .columns p {padding:5px 0;} .columns .col1-3 img { max-width:97.5%; height:auto;} .col1-1, .col1-2,.col1-3,.col1-4,.col3-4, .col2-3 {width:100%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:10px 0 25px 0; float:none; padding:1px 0;} .inner { margin:0; padding:0; } .col1-4 .inner { margin:0; padding:0; } #sidebar {margin:45px 0 0 0;} #sidebar .widgettitle { margin:0 0 15px 0; } .project-data { margin: 0 0 25px 0; } img.alignright, img.alignleft, figure.alignright, figure.alignleft {float:none !important; margin:10px auto !important; } .wp-block-image {margin-left:0;margin-right:0;} .topline-menu ul li {padding:0 10px 0 0; font-size:12px; font-weight:400;} .bo-block-cta-button-1, .bo-block-cta-button-2 { padding: 8px 10px; font-size: 13px; line-height:24px;} } /* ======================= eof 600*/ @media screen and (max-width: 480px) { .footer-widgets { padding:15px 0 15px 10px;} .footer-box { width:100%; float:none; margin-right:0; padding-bottom:20px; } .fbsecond {margin-right:0 !important;} .tab-box ul.tabber { height:auto; position:relative;left:0;} .tab-box ul.tabber li a { padding:0 7px; font-size:12px;margin:0 1px 0 0;} .tab-box .panel { margin:5px 0 0 0; } .wp-block-cover.has-left-content.alignfull p.wp-block-cover-text {margin-left:0;} .wp-block-cover.has-right-content.alignfull p.wp-block-cover-text {margin-right:0;} #topmenu { width:85%; } .wp-block-columns.has-3-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:100%;} .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; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 3) {margin-right:0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 1) {margin-left:0; } .wp-block-columns.has-2-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right:0; } .wp-block-columns.has-4-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even) {margin-right: 0; } .wp-block-columns.has-4-columns.nomargin .wp-block-column {flex-basis:100%;} .service-list-box { padding:15px; width:calc(100% - 33px); margin:15px 0; } .bic {float:left; margin: -10px 30px 0 10px; font-size:46px; } .team-section-box { width:calc(100% - 60px); padding:10px 30px; } .team-list-box {padding:15px; width:calc(100% - 33px); margin:15px 0 15px 0; } .botimeline li:before { left:140px; } .botimeline > li .tmlabel {margin: 0 0 0 180px; padding: 1.2em 5px 1em 0;} .botimeline > li .tmicon {left:140px;} .botimeline > li .tmtime { width:118px ;text-align:left;padding:0 22px 0 0; } .botimeline > li .tmicon:nth-child(1) {left:140px;} .masonry-item {width:calc(100% - 28px); margin:1px; } .pfcategory .masonry-item {width:calc(100% - 28px); } .offer-list-box {padding:10px; width:calc(100% - 43px);} .archive .offer-list-box {width:calc(100% - 43px); } .archive .service-list-box {width:calc(100% - 33px);margin:15px 0; } .profile-info {display:table; margin-bottom:25px;} .fixednav {position:relative !important;} .opensearch {display:none;} .topline-menu ul li {padding:0 10px 0 0; font-size:12px; font-weight:400;} .openphone, .openmail { font-size:12px; font-weight:400; } } /* ======================= eof 480*/ @media only screen and (max-width: 320px) {.pf-masonry {-moz-column-count: 1; -webkit-column-count: 1;column-count: 1;} } @media only screen and (min-width: 321px) and (max-width: 768px){.pf-masonry {-moz-column-count: 2;-webkit-column-count: 2; column-count: 2;} } @media only screen and (min-width: 769px) and (max-width: 1200px){.pf-masonry {-moz-column-count: 3;-webkit-column-count: 3; column-count: 3;} } @media only screen and (min-width: 1201px) {.pf-masonry {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;} }