/*
--------------------------------------------------------------
Theme Name: BO-Jura
Theme URI: https://brings-online.com/demo/wordpress-theme-jura/
Description:  Responsives WordPress Theme - zum Beispiel für Kanzleien. 
Version: 1.5.2
Tested up to: 6.1
Requires PHP: 7.0
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");
@import url("print.css");

/* ============= reset ============== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
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: 'Ubuntu', sans-serif; font-size:94%; color:#5e5e5e; background:#F7F8FA; }
img { border:none;}
h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;}
ul, li { list-style:none;}
em {font-style:italic;}
strong {font-weight:bold;}

/* =========================  grid =========================  */ 

.col-full { width:100%; margin:1.5% 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;}
.formcolumn {width:48%; margin-right:2%; float:left; }

.cr {margin-right:0 !important;}
.ct {margin-top: 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;}
.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;}
.bgpattern { position:absolute; top:0; left:0; height:50%; width:100%; z-index:1; background:#343C51 url(images/header/retina-dust.png) top left repeat; border-bottom:5px solid rgba(255,255,255,.3)}
#header {margin:0; padding:0; height:auto; position:relative; z-index:3;}
.wrapper {max-width:1200px; margin:0 auto; padding:1px 0; box-shadow:0 0 3px #ddd; position:relative; z-index:2; background:#fff; }
.headerwrap {max-width:1204px; margin:0 auto; padding:0;}
.content { margin:0; padding:0 20px; text-align:left; position:relative; }
.headercontent { margin-bottom:-2px; }
.page-content {padding-bottom:35px;  }
.blogwrap, .iconboxwrap { padding:5px 15px; margin:0 auto; }
.pagetop {padding:5px 0; text-align:right; margin-bottom:10px;}
.footer { position:relative; z-index:4; background:#343C51; color:#fff; -webkit-box-shadow: 0px -1px 6px -1px rgba(153,153,153,1);
-moz-box-shadow: 0px -1px 6px -1px rgba(153,153,153,1); box-shadow: 0px -1px 6px -1px rgba(153,153,153,1);}
.footercontent {max-width:1164px; margin:0 auto; padding:0 20px; text-align:left;}
.imagebox-separator { background:#fff; height:3px; margin:-3px 0 0 0;}


/* ========================= phonebox ========================= */

.rectangle { margin:45px 0 65px 0; width:100%; position:relative; height:auto; }
.recleft { float:left; width:55%; display:inline-block; background:#343c51; height:100px; position:relative; z-index:10; color:#fff;}
.recright { float:right; width:45%; display:inline-block; height:100px;  background:#B34C32; position:relative; z-index:9; color:#fff;}
.pbtext1 {font-size:22px; line-height:1.3em; padding:15px 0 0 0; font-family: 'PT Serif', serif; font-weight:400; font-style:italic;}
.pbtext2 {font-size:16px; line-height:1.2em; padding:10px 0 0 0; font-family: 'PT Serif', serif; font-weight:400; font-style:italic;}
.homephone { font-size:36px; line-height:1.4em; padding:16px 0 0 0 ;  font-weight:bold; text-align:left; letter-spacing:1px; font-family: 'Ubuntu Condensed', sans-serif;}
.homephone i {font-size:50px; margin:3px 10px 0 65px;line-height:1;float:left;}
.homephone a {color:#fff;}
#triangleleft { position:absolute; top:0; right:-50px; z-index:12;
  width: 0; height: 0; border-left: 50px solid #343c51; border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
#triangleright { position:absolute; top:0; left:-50px; z-index:11;
  width: 0; height: 0; border-right: 50px solid #B34C32; border-top: 50px solid transparent; border-bottom: 50px solid transparent; }

/* ========================= animation ========================= */

.hidden {opacity:0;}
.visible {opacity:1;}
.contentani { animation-delay:300ms;}
.sidebarani { animation-delay:600ms;}
.ib .col-otc:nth-child(1) { animation-delay:100ms; }
.ib .col-otc:nth-child(2) { animation-delay:300ms; }
.ib .col-otc:nth-child(3) { animation-delay:500ms; }

.ib .col-ohc:nth-child(1) { animation-delay:100ms;}
.ib .col-ohc:nth-child(2) { animation-delay:300ms;}
.ib .col-ohc:nth-child(3) { animation-delay:500ms;}
.ib .col-ohc:nth-child(4) { animation-delay:700ms;}

.ib .col-ofc:nth-child(1) { animation-delay:100ms;}
.ib .col-ofc:nth-child(2) { animation-delay:300ms;}
.ib .col-ofc:nth-child(3) { animation-delay:500ms;}
.ib .col-ofc:nth-child(4) { animation-delay:700ms;}

@-webkit-keyframes fadeIn {  from { opacity: 0; }  to { opacity: 1; }}
@keyframes fadeIn {  from { opacity: 0; }  to { opacity: 1; }}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-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);
  }
}
.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; }
.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn; }
.slideInLeft { -webkit-animation-name: slideInLeft;  animation-name: slideInLeft; }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight;}


/* ========================= font ========================= */ 

h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu Condensed', sans-serif;}
h1 { font-size:28px; line-height:1.6em; margin:0 0 5px 0; padding:0; }
h2 { font-size:24px; line-height:1.6em; margin:5px 0; padding:0;  }
h3 { font-size:21px; line-height:1.5em; margin:10px 0 5px 0; padding:0;  }
h4 { font-size:19px; line-height:1.5em; margin:0; padding:0;  }
h5 { font-size:16px; line-height:1.5em; margin:0; padding:0; font-weight:bold; }

h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#5e5e5e;  }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#5e5e5e; text-decoration:none; }

.logotitle { font-family: 'Nunito', sans-serif; font-size:57px; line-height:.75em; margin:0; padding:0; font-weight:400; color:#575D65; text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF;}
.logotitle a { color:#575D65;   text-decoration:none;}
.logosubtitle { font-size:.85em; line-height:1.1em; margin:3px 0 10px 2px; padding:0; font-weight:normal; color:#575D65; }
.pagetitle { margin:10px 0 10px 0; padding:0; border-bottom:1px dotted #ccc; }

a {text-decoration:none;}
p { padding:5px 0 10px 0; margin:0; line-height:1.9em; font-weight:300; }
p, li {font-weight:300; font-size:14px; }
p a, li a {color:#B34C32;}
p a, li a, label a {text-decoration:none;}
p a:hover, li a:hover, label a:hover {text-decoration:underline;}

/* ===================== top ================= */

.topline { color:#fff; padding:10px 0; margin:0; width:100%; text-align:center; position:relative; z-index:4; }
.topline-content { font-size:.85em; max-width:1200px; margin:0 auto;  }
.top-left { float:left; width:50%; margin:0; padding:0; text-align:left;}
.top-right { float:right; width:50%; margin:0; padding:0; text-align:right;}
.topline-menu ul {list-style:none; margin:0; padding:0;}
.topline-menu ul li { display:inline-block; padding:0 10px; text-transform:uppercase; font-size:.85em;}
.topline-menu ul li a, .topline-content a { color:#ffffff;}
.topline-menu ul li.current-menu-item a {color:#ffffff;}
.topline-menu ul li a:hover, .topline-content a:hover {color:#ebebeb; text-decoration:none;}
.topline-data span { padding:0 7px;}
.topline-data span i { margin-right:5px;}

.logo {margin:0; padding:20px 0; }
.logo img {width:100%; height:auto; display:block;}

.pagetop  { margin:15px 20px 0 20px; background:#F7F8FA;}
.breadcrumb { margin:0; padding:6px 0; font-size:12px; line-height:1em; color:#525252; }
.breadcrumb #crumbs { }
.breadcrumb #crumbs li { display:inline-4lock; float:left; margin:0 5px;}
.breadcrumb a { color:#B34C32;}
.breadcrumb a:hover { text-decoration:underline;}

/* ===================== main menu ===================== */

.header-left { float:left; max-width:300px; margin:0; padding:0; text-align:left;}
.header-right { float:right; width:calc(100% - 300px); margin:0; padding:0; text-align:left;}

#topmenu{text-align:center; border-top:1px solid #343C51; border-bottom:1px solid #343C51; }
#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:center; }
#topmenu ul li{ display:inline-block; font-family: 'Ubuntu', sans-serif; text-transform:uppercase;}
#topmenu ul li a {padding:12px 15px;font-size:14px;letter-spacing:0.5px;text-decoration:none;color:#525252;font-weight:500; }
#topmenu > ul > li.has-sub > a{padding-right:30px}
#topmenu > ul > li.has-sub > a:after{position:absolute;top:18px;right:11px;width:8px;height:2px;display:block;background:#777;content:''}
#topmenu > ul > li.has-sub > a:before{position:absolute;top:15px;right:14px;display:block;width:2px;height:8px;background:#777;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#topmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#topmenu > ul > li.has-sub:hover > a:after {background:#B34C32;}
#topmenu > ul > li.has-sub:hover > a:before {background:#B34C32;}
#topmenu ul ul{position:absolute;left:-9999px; z-index:10001;}
#topmenu ul ul li{height:0;background:#fff;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#topmenu li:hover > ul{left:auto; width:auto;   }
#topmenu li:hover > ul > li{height:33px; margin:0 !important; display:block;white-space: nowrap;border-bottom:1px solid #F7F8FA;}
#topmenu ul ul ul{margin-left:100%;top:0}
#topmenu ul ul li a {padding:10px 15px; text-align:left;min-width:180px; display:block;font-size:14px; text-transform:none; line-height:1em;font-weight:400; text-decoration:none;}
#topmenu ul ul li:last-child > a,#topmenu ul ul li.last-item > a{border-bottom:0}
#topmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#777;content:''}
#topmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#777;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#topmenu ul ul li.has-sub:hover > a:after {background:#B34C32;}
#topmenu ul ul li.has-sub:hover > a:before {background:#B34C32;}
#topmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#topmenu ul ul li.has-sub:hover,#topmenu ul li.has-sub ul li.has-sub ul li:hover{background:#F7F8FA;}

#topmenu ul li:hover a,#topmenu ul li.active a, #topmenu ul li.current_page_parent a, #topmenu ul li.current_page_ancestor a {color:#B34C32;}
#topmenu ul li:hover ul li a {color:#525252;}
#topmenu ul li ul li:hover a {color:#B34C32;}
#topmenu ul li ul li:hover ul li a {color:#525252;}
#topmenu ul li ul li ul li:hover a {color:#B34C32;}
#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 {color:#B34C32;}
#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:#B34C32;}

.header-right #topmenu{background:#fff; border:none; text-align:right; margin-top:25px; }
.header-right #topmenu ul {text-align:right;}
.header-right #topmenu ul ul li{background:#fff;}
.header-right #topmenu ul ul li.has-sub:hover,.header-right #topmenu ul li.has-sub ul li.has-sub ul li:hover{background:#F7F8FA;}
.header-right #topmenu ul li{ display:inline-block; font-family: 'Ubuntu', sans-serif; text-transform:uppercase;}
.header-right #topmenu > ul > li > a{font-size:14px;letter-spacing: inherit;}
.header-right #topmenu ul ul li a{font-size:13px;}

.fixednav .header-right #topmenu{margin-top:0; }

.toggleMenu { display:none;}
.fixednav { z-index:999999; position:fixed !important; left: 0; top: 0; width: 100%; border-bottom:1px solid #ccc; box-shadow:0 0 2px #ccc; background:rgba(255,255,255,.95) !important;} 
.fixednav .headercontent {max-width:1200px; margin:0 auto;}
.fixednav .logothumb {display:block; float:left; padding:10px; }
.fixednav .logothumb img { max-width:120px; height:auto;}
.fixednav .logotitle { font-size:38px; line-height:.85em; margin:0; padding:0; }
.fixednav .logosubtitle { display:none; }

/* ==================== footer menu ================== */

.footermenu { padding:0; }
.footermenu ul { margin:0; padding:0; list-style:none; }
.footermenu ul li { display:inline; font-size:.9em; margin:0; padding:0 10px; border-right:1px dotted #fff;}
.footermenu ul li:last-child { border-right:none;}
.footermenu ul li a { color:#efefef; }
.footermenu ul li a:hover { color:#fff; }
.footermenu ul li.current-menu-item a {color:#fff;}

.bottomline { margin:0; font-size:.8em; text-align:right; padding:5px 0; }

/* ===================== homepage ===================== */

.image-wrapper { width:100%;  height:auto; position:relative; z-index:1; background:#fff; margin:15px 0;   }
.home-start-image img { width:100%; height:auto;  display:block; position:relative; border-radius:2px; }

.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;}

.cycle-prev { display:none; color:#fff; position:absolute; left:15px; top:40%; z-index:151;  width:35px; font-size:30px; }
.cycle-next { display:none; color:#fff; position:absolute; right:15px; top:40%; z-index:152; width:35px; font-size:30px; }
.image-wrapper:hover .cycle-prev, .image-wrapper:hover .cycle-next {display:block; cursor:pointer; }
.image-wrapper:hover .cycle-prev, .image-wrapper:hover .cycle-next {display:block; cursor:pointer; }
.slidercontent { position:absolute; top:5%; right:10%; z-index:53;}


.ib { margin:5px 0 15px 0;}
.ib .col-ohc:nth-child(2n+2) { margin-right:0 ;}
.ib .col-ohc:nth-child(2n+1) { clear:left ;}
.ib .col-otc:nth-child(3n+3) { margin-right:0 ;}
.ib .col-otc:nth-child(3n+1) { clear:left ;}
.ib .col-ofc:nth-child(4n+4) { margin-right:0 ;}
.ib .col-ofc:nth-child(4n+1) { clear:left;}

.wal {padding:15px 0;}
.wal .col-ohc:nth-child(2n+2) { margin-right:0 ;}
.wal .col-ohc:nth-child(2n+1) { clear:left ;}
.wal .col-otc:nth-child(3n+3) { margin-right:0 ;}
.wal .col-otc:nth-child(3n+1) { clear:left ;}
.wal .col-ofc:nth-child(4n+4) { margin-right:0 ;}
.wal .col-ofc:nth-child(4n+1) { clear:left;}

/* =================== team profile ================= */ 

.al { position:relative; overflow:visible; }

#filters { padding:15px 0 0 0 ; }
#filters button { background:#F7F8FA; border:none; padding:8px; font-size:.9em; color:#727271; cursor:pointer;}
#filters button i { }
#filters button:hover, #filters .is-checked { background:#B34C32; color:#F7F8FA;}

.teambox {  padding:10px 0; text-align:center; position:relative; width:260px; margin:15px;}
.ib .teambox { width:auto; height:auto; display:block;  margin:5px 0 25px 0;}
.teambox h3 { font-size:16px; line-height:1.4em; margin:0; padding:0; font-weight:300; }
.teambox h4 { font-size:13px; line-height:1.3em; margin:0; padding:0; font-weight:300; }
.teamthumb { padding:0; overflow:hidden; width:100%; height:auto; margin-bottom:10px; }
.teamthumb img {  width:100%; height:auto; border-radius:4px; }
.col-ohc .teamthumb { max-width:545px; max-height:363px;}
.col-otc .teamthumb { max-width:350px; max-height:233px;}
.col-ofc .teamthumb { max-width:250px; max-height:166px;}
.teamthumb img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity:.95; }
.teamthumb:hover img { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); opacity:1;}
.teambox .boxbutton {padding:7px 15px 6px 15px; margin-top:20px; }

.teamsidebar { border-left: 1px dotted #ccc; padding-left:15px;}
.team-profile-image {padding:0;}
.team-profile-image img { width:100%; height:auto; border-radius:3px;}
.team-profile-data h3 { font-size:20px; line-height:1.4em; margin:0; padding:0; color:#727271; font-weight:300; }
.team-profile-data h4 { font-size:16px; line-height:1.3em; margin:0; padding:0; color:#727271; font-weight:300;  }
.team-profile-data h4 span, .team-profile-data h3 span {}
.team-profile-data a {color:#727271; }
.team-profile-data a.boxbutton {color:#fff;}
.team-profile-data .profilekey {color:#727271; font-size:.9em;}
.team-profile-data {color:#727271; }
.team-profile-data ul { margin:15px 0 0 0;}
.team-profile-data ul li { line-height:1.6em; font-size:15px;}

/* =================== work area  ================= */ 

.wabox {  padding:10px 0; text-align:left;}
.wabox h2 { font-size:18px; line-height:1.4em; margin:0; padding:0;  }
.wabox p { line-height:1.7em; font-size:.9em;}
.wathumb { padding:0; overflow:hidden; width:100%; height:auto; margin-bottom:10px; }
.wathumb img {  width:100%; height:auto; border-radius:4px; }
.col-ohc .wathumb { max-width:545px; max-height:363px;}
.col-otc .wathumb { max-width:350px; max-height:233px;}
.col-ofc .wathumb { max-width:250px; max-height:166px;}
.wathumb img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.wathumb:hover img { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); }

.wahomebox { border:1px dotted #ccc; padding:5px; background:#fff;}
.wahomebox i { float:left; font-size:26px; background:#F7F8FA; color:#ccc; padding:5px; margin-right:15px; transition: all 750ms ease; }
.wahomebox h2 { display:block; margin:0; padding:12px 0 14px 0; font-size:18px; line-height:1em; }
.wahomebox a { display:block;}
.wahomebox a h2 {color:#525252;}
.wahomebox:hover i { background:#B34C32; color:#fff;}

/* ================ portfolio ================== */

.portbox {border:1px dotted #ccc; border-radius:2px; padding:10px; margin:25px 10px; position:relative;}
.portbox img { width:100%; height:auto; opacity:1; transition:opacity ease 300ms;}
.portbox:hover img { opacity:.7;}

/* =============== */

#TB_prev {content:'';}
#TB_next {content:'';}
#TB_prev:before, #TB_next:before { position:absolute; top:45%; font-size:30px; line-height:1.15em; font-family: "fontello"; background:#f4f6f6; border-radius:100%; cursor:pointer; }
#TB_prev:before { left:-20px; padding:10px 17px 10px 14px;  content: '\e844'; }
#TB_next:before { right:-20px; padding:10px 14px 10px 17px;  content: '\e845';}
#TB_window { height:auto !important; background:#f4f6f6 !important; padding-bottom:15px;}
#TB_window a { color:#777;}
#TB_window img { border:1px solid #ebebeb !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;}
.screen-reader-text { visibility:hidden;}

#tabContainer { position:relative; width:100%; margin:25px 0; }
#tabContainer #tabitems { height:38px; z-index:100; margin:0; padding:0; text-align:left; background:#f2f2f2; }
#tabContainer #tabitems li { list-style:none; margin:0; padding:0; background:none; display:inline-block; }
#tabContainer #tabitems li a { border-right:1px solid rgba(103,102,102,.25); color:#525252; display:block; height:38px; line-height:36px; padding:0 15px; text-decoration:none; margin:0; background: #f2f2f2;}
#tabContainer #tabitems li a {font-weight:normal;}
#tabContainer #tabitems li:last-child a {}
#tabContainer #tabitems li a:hover {color:#fff;  background:#B34C32; }
#tabContainer #tabitems li a.active {color:#fff; background:#B34C32; }
#tabContainer .tabtext { margin:8px 0 0 0; position:relative; z-index:99; text-align:left; border:1px dotted #ccc; padding:15px; }
#tabContainer .tabtext h3 { text-transform:uppercase; width:80%; border-bottom:1px dotted #ccc; padding:3px 0 3px 15px; line-height:1.3em; margin:10px 0 5px -15px;}


/* ===================  galleries =================== */

.textwidget img {max-width: 100%; }
img[class*="align"], img[class*="wp-image-"] {height: auto; }
img.size-full, img.size-large {max-width: 97.5%; width: auto; }

.wp-caption img { max-width:100%; display:block; height:auto;}
.wp-caption-text { font-size:1em; font-weight:300; color:#727271;  margin:0 2%; }
.gallery-caption {text-wrap:normal !important; }
.gallery img {max-width: 94%; padding: 1%; margin:5px 0;	border: 1px solid #ebebeb; border-radius:4px; height:auto; }
.gallery {clear: both; overflow:hidden; margin:0 auto; }
.gallery .gallery-item {overflow: hidden; float:left; margin:10px 0 0; text-align:center; list-style:none; }
.gallery-item:hover img {border:1px solid #ccc;}

.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%}.gallery-columns-11 .gallery-item{width:9.09%}.gallery-columns-12 .gallery-item{width:8.33%}.gallery-columns-13 .gallery-item{width:7.69%}.gallery-columns-14 .gallery-item{width:7.14%}.gallery-columns-15 .gallery-item{width:6.66%}.gallery-columns-16 .gallery-item{width:6.25%}.gallery-columns-17 .gallery-item{width:5.88%}.gallery-columns-18 .gallery-item{width:5.55%}.gallery-columns-19 .gallery-item{width:5.26%}.gallery-columns-20 .gallery-item{width:5%}.gallery-columns-21 .gallery-item{width:4.76%}.gallery-columns-22 .gallery-item{width:4.54%}.gallery-columns-23 .gallery-item{width:4.34%}.gallery-columns-24 .gallery-item{width:4.16%}.gallery-columns-25 .gallery-item{width:4%}.gallery-columns-26 .gallery-item{width:3.84%}.gallery-columns-27 .gallery-item{width:3.7%}.gallery-columns-28 .gallery-item{width:3.57%}.gallery-columns-29 .gallery-item{width:3.44%}.gallery-columns-30 .gallery-item{width:3.33%}

img.alignright, figure.alignright  { float:right; margin:5px 0 5px 25px; border-radius:3px; }
img.alignleft, figure.alignleft {float:left; margin:5px 25px 5px 0; border-radius:3px;  }
img.aligncenter, figure.aligncenter { margin:10px auto;  border-radius:3px; }
img.alignnone, figure.alignnone { margin:10px 0; border-radius:3px;}

.wp-block-gallery img, .wp-block-image img {border-radius:3px;}
.wp-block-gallery .blocks-gallery-item figcaption{width:calc(100% - 20px);max-height:100%;overflow:auto;padding:40px 10px 5px;}
.wp-block-image, ul.wp-block-gallery {margin:25px 0;}

/* =========================  gutenberg blocks extra =========================  */ 

.alignwide {margin-left:-20px; margin-right:-20px;  max-width: 1200px;}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {border-radius:0;}
figcaption {text-align:center; font-size:13px; }
.wp-block-media-text {margin:25px 0;}
.wp-block-cover.alignwide {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px);  max-width: 1260px;}

p.wp-block-cover-text {font-weight:normal;}

/* =================== misc =================== */

hr { clear:both; display:block; margin:20px 0; height:1px; border:none; background:transparent; border-bottom:1px dotted #ccc;}

.post-thumb { float:left; margin:10px 25px 10px 0; border-radius:3px; max-width:50%;  }
.post-thumb img { width:100%; height:auto; display:block;}

article h2 {padding:10px 0 5px 0;}
article table {  width:calc(100% - 2px); margin:15px 0; font-size:.9em; padding:0; border:1px solid #e5e5e5; border-radius:3px; 
background: #ffffff; box-sizing:border-box;}
article 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;}
article table td:last-child, article table th:last-child { border-right:none;}
article table td:first-child { border-left:none;}
article table th { border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; padding:10px; font-size:1.2em; line-height:1.5em; font-weight:normal; background: #F7F8FA; }
article table tr:last-child td { border-bottom:none;}
article table a {color:#B34C32;}
article ul { margin:10px 0 25px 0; padding:0 0 0 20px; }
article ul li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}
article ol { margin:10px 0 25px 25px; padding:0;  }
article ol li { margin:5px 0; padding:0; line-height:1.5em; list-style-type:decimal; }

article ul.wp-block-gallery, article ul.wp-block-gallery li {margin:0; padding:0;}
article ul.wp-block-gallery {margin-top:25px; margin-bottom:25px;}
article li.blocks-gallery-item {margin:0; padding:0;}
article ul.blocks-gallery-grid {margin-top:25px; margin-bottom:25px;}

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:0 0 25px 2px; padding:0; list-style:none;  }
ul.check li { list-style:none; line-height:1.5em; margin:5px 0;}
ul.check li:before {font-family: "fontello";  content: '\e80d'; margin-right:12px;}
ul.standard { margin:0 0 25px 20px; padding:0;  }
ul.standard li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}
ul.pfeil { margin:0 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: "fontello";  content: '\e842'; margin-right:12px; }

blockquote { padding:15px; margin:20px 0; background:#F7F8FA;}
blockquote:before {font-family: "fontello";  content: '\e885'; font-size:60px; color:#999; margin:0; display:inline-block;  float:left; width:80px; }
blockquote p { padding:0; margin:0; line-height:1.9em; font-style: italic; display:inline-block;  width:calc(100% - 80px);}
blockquote:after { clear:both;}

code { background:#ebebeb; padding:5px; margin:2px 0; display:block;}

.toggle-box { margin:10px 0 20px 0; padding:0; max-width:100%; }
.toggle-headline { margin:5px 0; cursor:pointer;}
.toggle-headline h4 { line-height:2.5em; font-weight:400; font-size:17px; padding:0; border-top:1px solid ebebeb; border-bottom:1px solid #ebebeb; display:block; }
.toggle-headline h4:before { float:left;   content: '\e80f'; font-family:'fontello'; font-size:16px; padding:0; margin-right:15px; font-weight:300; color:#fff; width:36px; height:38px; background:#B34C32; border-radius:2px; text-align:center; transition: all 750ms ease; font-style:normal; }
.toggle-headline.arr h4:before { content: '\e810'; background:#B34C32; color:#fff; }

.toggle-more { padding:10px 0 20px 55px; }

.tab-box  {position:relative; width:100%; margin:20px 0; padding:0; border:1px solid transparent; border-radius:3px; }
.tab-box  ul.tabber { height:36px; position:absolute; top:1px; left:0; z-index:2; 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-radius:3px 3px 0 0; color:#525252; font-size:1em; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 3px 0 0; background:#B34C32; color:#fff; border:1px solid #B34C32; border-bottom:none;}
.tab-box  ul.tabber li:last-child a {}
.tab-box  ul.tabber li a:hover {background: #fff; border:1px dotted #ccc; border-bottom:none; color:#B34C32; }
.tab-box  ul.tabber li a.active { color:#B34C32; background: #fff; border:1px dotted #ccc;  border-bottom:none;}
.tab-box .panel  { background:#fff; border:1px dotted #ccc; border-radius:0 3px 3px 3px; margin:38px 0 0 0; padding:20px 15px 10px 15px; position:relative; z-index:1;}

.boxbutton { font-family: 'Ubuntu Condensed', sans-serif; letter-spacing:0.5px; margin:10px 0 0 0; width:auto; display:inline-block; padding:5px 15px; font-size:14px;  text-decoration:none;  background:#B34C32; color:#fff; border-radius:2px;}
.boxbutton:hover { background:#575D65; }

.boxcontent {padding:10px; border:1px dotted #ccc; display:block; line-height:1.5em;   }
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  margin:0; padding:0; line-height:1em; font-size:42px; color:#ccc;  }
.boxcontent h3 { margin:0; padding:0; }
.boxcontent p { font-size:.9em; line-height:1.8em;}

.box-icon { float:left; width:auto; margin-right:20px; display:inline-block;}
.cwrap { float:left; width:calc(100% - 65px);}

.content-button a {font-family: 'Ubuntu Condensed', sans-serif; letter-spacing:0.5px; margin:10px 0; width:auto; display:inline-block; padding:9px 15px; font-size:14px;  text-decoration:none;  background:#B34C32; color:#fff; border-radius:2px;}
.content-button a:hover { background:#575D65; }
.content-button i { margin-right:10px; font-size:18px;}

article iframe { margin:25px 0; padding:2px; border:1px solid #e3e3e3; border-radius:2px;}
article iframe, .widget iframe {max-width: 97.5%;  }

#gototop { display:none; background: rgba(204,204,204,.8); padding:5px 8px; position:fixed; z-index:10000; border-radius:3px; right:20px; bottom:75px; text-transform:uppercase;}
#gototop a {color:#fff; text-decoration:none; font-size:1.4em;}
#gototop:hover { background:#bbb;}

.separator-headline { margin:25px 0 15px 0; display: block; text-align: center; overflow: hidden; white-space: nowrap; }
.separator-headline > span { position: relative; display: inline-block;}
.separator-headline > span:before, .separator-headline > span:after {content: ""; position: absolute; top: 50%; width: 9999px; height: 2px; border-bottom:1px dotted #575D65; }
.separator-headline > span:before { right: 100%; margin-right: 50px; }
.separator-headline > span:after { left: 100%; margin-left: 50px;}
.separator-headline h4 { font-size:23px;font-weight:400;}


/* =========================  blog ======================== */

.blogpost { margin:0; padding:0 0 15px 0;}
.blogpost .col-ohc:nth-child(2n+2) { margin-right:0 ;}
.blogpost .col-ohc:nth-child(2n+1) { clear:left ;}
.blogpost .col-otc:nth-child(3n+3) { margin-right:0 ;}
.blogpost .col-otc:nth-child(3n+1) { clear:left ;}
.blogpost .col-ofc:nth-child(4n+4) { margin-right:0 ;}
.blogpost .col-ofc:nth-child(4n+1) { clear:left;}

.blogthumb {margin:10px 25px 10px 0; max-width:220px; float:left; }
.blogthumb img { width:100%; height:auto; display:block; border-radius:3px;}

.category-description { margin:0 0 10px 0; padding:10px 15px;  background:#F7F8FA; border:1px solid #ebebeb; }
.category-description p { line-height:1.8em; margin:0; padding:0;}

.post-nav { margin:0 0 25px 0; padding:15px 0 0 0; font-size:.9em; font-family: 'Ubuntu Condensed', sans-serif;}
.page-numbers {padding:5px 7px; border-radius:2px; margin:0 2px 0 0; background:#ebebeb;}
.post-nav a {text-decoration:none; color:#575D65;}
.page-numbers:hover {background:#B34C32; color:#fff;}
.post-nav .current {background:#B34C32; color:#fff; }
.nav-next {float:left; width:30%; }
.nav-previous {float:right; width:30%; text-align:right;}

.blog-list-box { margin:0 0 20px 0; padding:10px 0; }
.blog-list-thumb { float:left; margin:8px 25px 5px 0;}
.postbox .blog-list-thumb { float:none; margin:0 0 10px 0;}
.blog-list-thumb img { width:100%; height:auto; display:block; border-radius:3px;}
.blog-list-box h2 {margin:0; padding:0; }
.more-link {color:#B34C32;}

.blog-meta-tag a { background:#B34C32; color:#fff; padding:3px 10px; font-size:.9em; border-radius:3px; margin:0 4px 0 0; transition:background linear 200ms }
.blog-meta-tag a:hover {background:#575D65;}

.posttop { float:left; width: calc(100% - 110px);}
.postbox h3 { margin:0; padding:0; font-size:18px; }
.postbox p { line-height:1.5em; margin:0; padding:0 0 5px 0; font-size:.9em; }
.postbox .blog-list-thumb { float:left; max-width:36%; margin:15px 10px 2px 0; border:2px solid #ebebeb; border-radius:1px;}
.postbox .blog-list-thumb img { width:100%; height:auto; display:block;}
.postmeta { font-size:.85em; color:#575D65; padding-top:5px; margin:5px 10px 0 0; border-top:1px dotted #ccc;}
.postmeta a {color:#575D65; text-decoration:none;}
.postmeta a:hover { color:#B34C32;}
.post-more {text-decoration:none; font-weight:bold; font-size:14px; color:#B34C32; font-family: 'Ubuntu Condensed', sans-serif;}
.post-more:hover { color:#575D65;}
.postbox { margin:0; padding:10px 0; }
.postbox article { padding:0;}

.postdate { float:left; width: 70px; text-align: center; margin:0 20px 0 0; padding:8px 5px; background:#343C51; color:#fff; }
.postdate .day { display:block; font-size:1.5em;}
.postdate .month { font-size:.8em;}

.sticky { margin:0 0 25px 0; padding:10px; background:#F7F8FA;}
.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;}
.meta-category {  margin:10px 0; padding:5px 10px; font-size:.9em; line-height:2em; border:1px dotted #ccc;  }
.meta-category a { color:#B34C32; text-decoration:none; }

.page-nav { margin:25px 0 10px 0; padding:5px 0; border-top:1px dotted #ccc; font-size:.85em; }
.page-nav .left { float:left; width:50%; text-align:left;}
.page-nav .right { float:right; width:50%; text-align:right;}
.page-nav a { color:#666; text-decoration:none;}

/* =================== contactform =================== */ 

.wpcf7-form {margin:20px 0 25px 0; width:100%;}
.sidebarbox .wpcf7-form {margin:10px 0 0 0; padding:5px; width:calc(100% - 20px); border:none;}
.wpcf7 label { font-size:.9em; display:block; margin:7px 0 0 0;}
.wpcf7 input {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 7px 0; font-family: 'Ubuntu', sans-serif; font-size:.9em; box-sizing:border-box;}
.wpcf7 select {width:auto; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 15px 4px 4px; margin:0 0 7px 0; font-family: 'Ubuntu', sans-serif; font-size:.9em; box-sizing:border-box; color:#727272;}
.wpcf7 select option {color:#575D65;}
.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"]  {width:30px; margin:10px 0 5px 0; display:inline-block; float:left;}
.wpcf7 .shortleft { display:inline-block; margin-left:5px; float:left; width:calc(100% - 40px);}
.wpcf7 textarea {font-family: 'Ubuntu', sans-serif; width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.9em; box-sizing:border-box;}
.wpcf7 textarea:focus { border:1px solid #999;}
.wpcf7 .wpcf7-submit, #respond input#submit { cursor:pointer; color:#fff; margin-top:15px; border:none;  font-size:1em; padding:6px 15px; border-radius:4px; background:#B34C32;  }
.wpcf7 .wpcf7-submit:hover, #respond input#submit:hover {border:none; background:#575D65;  }
.wpcf7 .wpcf7-submit { width:auto;}
.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"]  {width:30px; display:inline-block;}
.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;}

.error { position:relative;}
.error {display:block; color:#B34C32;}


/* ======================== comments  ============================ */

#comments {  margin:30px 0 25px 0; padding:20px 0; }
.comments-title { font-size:1.3em; margin:0; padding:0;}
.comments-subtitle { font-size:1.1em; margin:0; padding:0;}

ul.commentlist { margin:15px 0 0 0; list-style:none; padding:0; }
ul.commentlist li { padding:5px 10px; margin:5px 0 15px 0;  font-size:1em; line-height:1.6em; border:1px dotted #ccc; list-style:none;}
ul.commentlist li.odd {background:#fff;}
ul.commentlist .commentmetadata { font-size:.8em;  }
ul.commentlist .comment-reply-link {  font-size:.8em;}
.commentlist .says { display:none;}
.commentlist cite { font-style:normal; margin:0; padding:0;}

ul.commentlist li img { float:left; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:2px; margin:5px 25px 5px 0;}
.commentlist ul.children { margin:5px 0 5px 20px;}
.commentlist ul.children li { border:1px solid #e3e3e3; padding:5px 10px 0 10px; }

#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;}

/* ================== 404 ================= */ 

.notfoundsearch{ margin:35px 0; padding:5px 10px 15px 10px; background:#F7F8FA; border:1px solid #ebebeb; border-radius:3px;  }
.notfoundsearch form#searchform {  margin:0; padding:0; }
.notfoundsearch input#searchinput {font-size:1em; padding:5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left;  background:rgba(255,255,255,.8); border:1px solid #ebebeb; 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:.9em; width:80px; float:right; display:inline-block; padding:5px; margin:3px 50px 0 0;  cursor:pointer; background:#B34C32; border:none !important; text-align:center; -webkit-appearance:none !important; }
.notfoundsearch input#searchsubmit:hover {background:#575d65;}

/* =================== sidebar ===================*/

.sidebarbox { padding:0; margin:10px 0 25px 0; }
.sidebarbox:last-child {margin:10px 0 0 0;}
#sidebar .widgettitle {font-family: 'Ubuntu Condensed', sans-serif; letter-spacing:1px; padding:5px 0; margin-bottom:7px; font-size:16px; font-weight:bold; text-transform:uppercase; border-bottom:1px dotted #ccc; }
.sidebarbox .widgettitle [class^="icon-"]:before, .sidebarbox .widgettitle [class*=" icon-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;}

#sidebar {background:#F7F8FA; padding:5px 10px;}
#sidebar h3 { line-height:1.5em; margin:0; padding:0; }
#sidebar h3 a {text-decoration:none;  }
#sidebar p { line-height:1.65em; font-size:.9em;}
#sidebar ul {  margin:5px 0; padding:0; list-style:none; font-size:.9em; }
#sidebar ul li { line-height:1.7em; border-bottom:1px solid #ebebeb; border-top:1px solid #fff; padding:6px 0; }
#sidebar ul li:before {content: '\e842';  font-family: "fontello"; font-size:12px; float:left; margin-right:15px; color:#bbb; }
#sidebar ul li:hover:before, #sidebar ul li.current_page_item:before, #sidebar ul li.current-menu-item:before, #sidebar ul li:hover > a,
#sidebar ul li.current_page_item > a, #sidebar ul li.current-menu-item > a {color:#B34C32; }
#sidebar ul li.current_page_item > a, #sidebar ul li.current-menu-item > a { font-weight:bold;}
#sidebar ul li.current-cat > a, #sidebar ul li.current-cat:before  {color:#B34C32;}
#sidebar ul li:first-child { border-top:none;}
#sidebar ul li:last-child { border-bottom:none;}
#sidebar ul li a { color:#5e5e5e; text-decoration:none; display:block;}
#sidebar ul li ul { font-size:.85em; margin-left:10px;}

#sidebar ul li ul li { border-bottom:none ; border-top: none ; padding:4px 0;}
#sidebar ul li ul li:before {font-size:10px; }
#sidebar ul li .post-date {  font-size:12px; color:#575D65; display:block; margin-left:25px;}

.tagcloud { margin:0; padding:6px 0 10px 0;}
.tagcloud a { color:#888; text-decoration:none; line-height:1.6em;}

#sidebar #map-canvas { max-width:100%; }
#sidebar #map-canvas a { color:#454545; text-decoration:none; margin:0 0 0 10px; font-size:10px;}
#sidebar #map-canvas iframe {max-width:100%; }

.sidebarbox #searchform { margin:0;}
.sidebarbox input#searchinput {width:calc(100% - 100px); border:1px solid #e0e0e0; background:#fff; margin:3px 0;  padding:6px 5px; font-family: 'Ubuntu Condensed', sans-serif; font-size:.9em; font-style:italic; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; float:left; }
.sidebarbox input#searchinput:focus {border:1px solid #ccc;  }
.sidebarbox input#searchsubmit {background:#B34C32; font-family: 'Ubuntu Condensed', sans-serif; font-size:.9em; color:#fff; width:80px; float:right; display:inline-block; padding:5px; margin:3px 0;  cursor:pointer;  border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;}
.sidebarbox input#searchsubmit:hover { background:#575D65;}

#sidebar table {  width:100%; margin:0; font-size:.85em; padding:0; border:none; background: #ffffff; box-sizing:border-box;}
#sidebar table td { border-bottom:1px solid #f0f0f0; border-top:1px solid #fff; border-right:1px solid #f0f0f0; border-left:1px solid #fff; padding:5px 3px; 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 #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: #F7F8FA; }
#sidebar table tr:last-child td { border-bottom:none;}


#sidebar .profilebox ul { font-size:.95em; margin:5px 0; padding:0; list-style:none; }
#sidebar .profilebox ul li { line-height:1.6em; border-bottom:none; border-top:none; padding:0; }
#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:#B34C32; display:inline-block;}
#sidebar .profilebox ul li a:hover { text-decoration:underline;}

/* ========================= 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:#B34C32; text-decoration:none; padding:8px 2px; margin:-8px -2px;}
#wp-calendar a:hover {background-color:#F7F8FA; }
#wp-calendar caption {display:none;}
#wp-calendar th {padding: 3px 0; text-align: center;  border:1px solid #ebebeb; background-color:#F7F8FA; }
#sidebar #wp-calendar td {padding:8px 2px; text-align: center; 	}
#wp-calendar td.pad:hover { background-color:#F7F8FA; }

.wp-calendar-nav {padding:7px 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:#575D65; }

/* =========================  social media icons  =========================  */ 

.smicons {margin:5px 0;}
.smicons span {  width:36px; height:36px; display:inline-block; margin:0 6px 3px 0; }
.smicons span img {width:100%; height:auto; border-radius:3px;}
.smicons a:hover { opacity:.7; }

/* =========================   carousel =========================   */

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; bottom:-30px; right:0px; display: block;
    width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: #F7F8FA; border-radius:2px; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'fontello'; font-size: 20px; line-height: 1; opacity: .75; color: #575D65; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev {right: 35px;}
.slick-prev:before { content: '\e847'; }
.slick-next { right: 0;}
.slick-next:before {content: '\e848'; }

/* =========================   colorscheme home =========================   */

.dark {color:#fff !important;}
.dark a {color:#fff !important;}
.dark .separator-headline > span:before, .dark .separator-headline > span:after {background:#fff;}
.dark .separator-headline h4 { color:#fff;}
.light {color:#525252 !important;}

/* =========================== media queries  ===================== */ 

@media screen and (max-width: 1024px)  {
.boxed {max-width:960px !important; } 
.slidercontent { top:10%; right:3%;}
.boxed .slidercontent {top:5%; right:2%;}
#topmenu > ul > li > a{padding:12px 10px;font-size:13px;letter-spacing:0;font-weight:500; }
.fixednav .header-left { float:left; max-width:150px; margin:0; padding:0; text-align:left;}
.fixednav .header-right { float:right; width:calc(100% - 150px); margin:0; padding:0; text-align:left;}

#sidebar #map-canvas iframe {height:100% !important;}
#gototop { right:15px !important; bottom:25px !important; }
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:36px;   }
.boxcontent { padding:7px;}
}
	
@media screen and (max-width:834px){
#topmenu{width:100%; }
#topmenu ul{width:100%;display:none; text-align:left;}
#topmenu ul li{width:100%;border-bottom:1px solid #ebebeb; padding:0;}
#topmenu ul li:last-child{border-bottom:none;}
#topmenu ul li:hover{}
#topmenu ul ul li,#topmenu li:hover > ul > li{height:auto}
#topmenu ul li a,#topmenu ul ul li a{width:100%;border-bottom:0}
#topmenu > ul > li{float:none}
#topmenu ul ul li a{padding-left:25px}
#topmenu ul ul li{}
#topmenu ul ul li:hover{}
#topmenu ul ul ul li a{padding-left:35px}
#topmenu ul ul li a{color:#525252;background:none}
#topmenu ul ul li:hover > a,#topmenu ul ul li.active > a{color:#525252}
#topmenu ul ul,#topmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#topmenu > ul > li.has-sub > a:after,#topmenu > ul > li.has-sub > a:before,#topmenu ul ul > li.has-sub > a:after,#topmenu ul ul > li.has-sub > a:before{display:none}

#topmenu #head-mobile {display:block !important;padding:35px 0;color:#333;font-size:14px;font-weight:700; background:transparent; }

.mobilebutton{width:100%;height:48px; position:absolute;right:0;top:15px;cursor:pointer;z-index: 12399994; margin-bottom:2px; }
.mobilebutton:after{position:absolute;top:22px;right:20px;display:block;height:6px;width:23px;border-top:3px solid #525252;border-bottom:3px solid #525252;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:23px;background:#525252;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:22px;background:#525252;-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:#525252;width:22px;-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:34px;width:34px}
#topmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#727271;content:''}
#topmenu ul ul .submenu-button:after{top:15px;right:13px}
#topmenu .submenu-button.submenu-opened:after{background:#727271}
#topmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#727271;content:''}
#topmenu ul ul .submenu-button:before{top:12px;right:16px}
#topmenu .submenu-button.submenu-opened:before{display:none}
#topmenu ul ul ul li.active a{border-left:none}
#topmenu > ul > li.has-sub > ul > li.active > a,#topmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

.header-left { float:none; max-width:100%; margin:0; padding:0; text-align:left;}
.header-right { float:none; width:100%; margin:0; padding:0; text-align:left;}
.header-right #topmenu { margin-top:-15px;}
.header-right #topmenu ul{width:100%;text-align:left;}
.header-right #topmenu ul {background:#fff;}
.header-right #topmenu ul ul {}
.header-right .mobilebutton { background:#F7F8FA; }
}	
	
		
@media screen and (max-width: 834px)  {
.ib { margin:0 0 25px 0;}
.content-button a { padding:3px 10px; font-weight:500; font-size:.9em; }
.content-button i { margin-right:6px; font-size:16px;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:28px;   }
a.boxbutton { padding:4px 10px; font-size:.815em; }
a.boxbutton:hover { padding:4px 15px; }
.col-ofc { width:48.786170212699%; margin:1.5% 0; margin-right:2.427659574468%; float:left;}
.blogpost .col-ofc:nth-child(2n+2) { margin-right:0;}
.blogpost .col-ofc:nth-child(2n+1) { clear:left; }

.recleft { width:52%; }
.recright {  width:48%; }
.pbtext1 {font-size:20px; }
.pbtext2 {font-size:15px; }
.homephone i {font-size:32px;}
.homephone { font-size:28px;  padding:30px 0 0 0 ;}
.teambox h3 { font-size:15px;}
.teambox h4 { font-size:11px; }

#tabContainer #tabitems li a {font-size:.9em;  padding:0 10px;  }
#sidebar .widgettitle { font-size:1em;  }
#sidebar p, #sidebar li { font-size:90%; }
img.size-full, img.size-large { max-width:97%; height:auto;}
img.size-medium { max-width:50%; height:auto;}
.fixednav { position:inherit !important; z-index:-1; height:0; }	
}

@media screen and (max-width: 680px)  {
.content {  padding:0 15px; }
.pagetop  { margin:15px 15px 0 15px; }
a.opensearch { right:24px; }
.boxcontent {margin-bottom:20px;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:36px;   }
.pagetitle {font-size:1.6em; line-height:1.4em; max-width:80%; }
#tabContainer #tabitems { height:32px; }
#tabContainer #tabitems li a {font-size:.85em;  padding:0 8px; height:32px; line-height:30px; }
.team-profile-data h3 { font-size:16px; }
.team-profile-data h4 { font-size:12px; }
.team-profile-data .profilekey {font-size:.85em;}
.team-profile-data ul { margin:15px 0 0 0;}
.team-profile-data ul li { line-height:1.6em; font-size:12px;}
.separator-headline { white-space:  normal !important; }
.top-left { float:none; width:calc(100% - 30px); margin:2px 0 15px 0; padding:0 15px; text-align:center;}
.top-right { float:none; width:calc(100% - 30px); margin:5px 0; padding:0 15px; text-align:center;}
}

@media screen and (max-width: 640px)  {

.col-full { width:100%; margin:1% 0 !important;}
.col-otc { width:100%; margin:1.5% 0;}
.col-ttfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-otfull { width:100%; margin:1.5% 0; display: inline; 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 !important; display: block; float:none !important;}

.col1-1 { width:100% !important; }
.col1-2 {width:100% !important;}
.col1-3 {width:100% !important;}
.col1-4 {width:100% !important;}
.col2-3 {width:100% !important;}
.col3-4 {width:100% !important;}
.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:1.5% 0; display: block !important; float:none !important;}
.inner { padding:0 0 0 0 !important;}
	
.rectangle { margin:45px 0; width:100%; position:relative; height:auto; }
.recleft { float:none; width:100%; display:block; height:auto; padding-bottom:25px;}
.recright { float:none; width:100%; display:block; height:auto; padding-bottom:25px;}
.pbtext1 {font-size:20px; }
.pbtext2 {font-size:16px; }
.homephone { font-size:36px; text-align:center; }
.homephone i {font-size:36px; float:none; margin-left:0;}
#triangleleft { display:none; }
#triangleright { display:none; }
}

@media screen and (max-width: 414px)  {
h1 { line-height:1.4em; }
.separator-headline h4 { font-size:1.1em; font-weight:300;}
.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;}
#tabContainer #tabitems li a {font-size:.75em;  padding:0 7px;}
#header { background-image:none !important;}
.size-thumbnail { max-width:75% !important; height:auto !important;}
.teamsidebar { border:none !important; padding-left:8px;}
.top-left { width:calc(100% - 10px); padding:0 5px;}
.top-right {width:calc(100% - 10px); padding:0 5px;}
.slick-prev, .slick-next { position: absolute; bottom:0; right:0px;}
}