/*
--------------------------------------------------------------
Theme Name: BO onePAGEplus
Theme URI: https://brings-online.com/demo/wordpress-theme-onepageplus/
Description:  Responsives onePage WordPress Theme 
Version: 1.4
Author: sb | brings-online.com
Author URI: https://brings-online.com 
Text Domain: bobox
Domain Path: /languages
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
--------------------------------------------------------------
*/

/* ============= reset bootstrap normalize ============== */

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: 'Open Sans', sans-serif; font-weight:300; font-size: 15px; line-height:1.65em;  color:#525252;  }
img { border:none;}
ul, li { list-style:none;}
em {font-style:italic;}
strong {font-weight:700;}

/* =========================  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;}
.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:35px 0;}
.columns p {padding:5px 15px 5px 0;}
.columns img { max-width:100%; 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-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; float:left;}
.inner { margin:0 15px 0 15px; }
.col1-4 .inner { padding:0 7px 0 7px;}

/* ========================= structure ========================= */

#header {margin:0; padding:0; height:auto; position:relative; background:#fff; border-bottom:1px solid #ebebeb;}
.wrapper {width:100%; margin:0; padding:0; text-align:center; }
.page-content {margin:0 auto; padding:0 15px; text-align:left; position:relative; }
.footer {background:#585556; color:#fff;}
.contentcol {padding-right:30px;}
.container {padding:0 15px; margin-right: auto; margin-left: auto;}
.page-entry { padding-bottom:45px;}

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

h1,h2,h3,h4,h5,h6, p { margin:10px 0;}
p { padding:0 0 10px 0; }

h1 { font-size:32px; font-weight: 300;}
h2 {font-size:26px; font-weight: 300; line-height:1.65em;}
h3 { font-size:21px; font-weight: 300; line-height:1.65em;}
h4 {font-size:18px; font-weight: 600; line-height:1.65em;}
h5 { font-size:16px; font-weight: 300;}
h6 {font-size:14px; font-weight: 600;}
h1 a,h2 a,h3 a,h4 a, h5 a, h6 a,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover, h5 a:hover, h6 a:hover {color:#525252; text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover, h5 a:hover, h6 a:hover {font-weight:500;}

a {text-decoration:none;}
a:hover { text-decoration:none;}
p a:focus, p a:active {color:#585556;}
p a, li a, article a {color:#A0580E;}
p a, li a, label a, article a {text-decoration:none;}
p a:hover, li a:hover, article a:hover {color:#A0580E; text-decoration:underline;}

.text-left {text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.text-justify { text-align: justify;}

.logo { margin-right:50px; }
.logotitle { font-family: 'Nunito', sans-serif; font-weight:400; color:#585556; text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF; display: block;}
.logotitle a { color:#585556;   text-decoration:none;}
.pagetitle {font-size:28px; line-height:1.6em; margin:30px 0 20px 0; padding:0; border-bottom:1px dotted #ccc; }

/* ========================= shortcode headlines ========================= */ 

h1.headline-eins {font-size:28px; }
h2.headline-eins {font-size:23px; }
h3.headline-eins {font-size:20px; }
h4.headline-eins {font-size:17px; }
h1.headline-eins, h2.headline-eins, h3.headline-eins, h4.headline-eins {font-weight:300; display: block; white-space: nowrap; margin:10px 0 20px 0; padding: 0 0 7px 0; position: relative;}
h1.headline-eins:after, h2.headline-eins:after, h3.headline-eins:after, h4.headline-eins:after {content: " ";  height:2px; background: #A0580E; width:50px; display: inline-block; position: absolute; bottom:0; left:0;}

h1.headline-zwei { font-size:24px; }
h2.headline-zwei { font-size:20px; }
h3.headline-zwei { font-size:18px; }
h4.headline-zwei { font-size:15px; }
h1.headline-zwei, h2.headline-zwei, h3.headline-zwei, h4.headline-zwei  {text-transform: uppercase; margin: 10px 0 15px 0; font-weight:300;}
h1.headline-zwei:before, h2.headline-zwei:before, h3.headline-zwei:before, h4.headline-zwei:before {content:""; width:10px; height: 10px; background:#A0580E; display: inline-block; margin: 0 10px 0 0 ;}

h1.headline-drei {font-size:28px; font-weight: 300; margin:15px 0;}
h2.headline-drei {font-size:23px; font-weight: 300; margin:15px 0;}
h3.headline-drei {font-size:20px; font-weight: 300; margin:15px 0;}
h4.headline-drei {font-size:17px; font-weight: 300; margin:15px 0;}
h1.headline-drei:before, h2.headline-drei:before, h3.headline-drei:before, h4.headline-drei:before {content:""; width:7px; height: 7px; background:#A0580E; display: inline-block; border-radius:100%; margin: 0 10px 0 0 ;}

.cta1container h1.headline-eins, .cta1container h1.headline-zwei, .cta1container h1.headline-drei {font-size:34px; }
.cta1container h2.headline-eins, .cta1container h2.headline-zwei, .cta1container h2.headline-drei {font-size:28px; }

/* ========================= separator headlines ========================= */ 

.separator-headline.eins { margin:15px 0; display: block; text-align: center; overflow: hidden; white-space: nowrap; }
.separator-headline.eins > span { position: relative; display: inline-block;}
.separator-headline.eins > span:before, .separator-headline.eins > span:after {content: ""; position: absolute; top: 55%; width: 9999px; height: 2px; background: #A0580E; }
.separator-headline.eins > span:before { right: 100%; margin-right: 35px; }
.separator-headline.eins > span:after { left: 100%; margin-left: 35px;}
.separator-headline.eins h1, .separator-headline.eins h2, .separator-headline.eins h3, .separator-headline.eins h4, .separator-headline.eins h5 { font-size:28px; line-height:1em; font-weight:300;}

.separator-headline.zwei { margin:25px 0 10px 0; display: block; text-align: center; overflow: hidden; }
.separator-headline.zwei h1, .separator-headline.zwei h2, .separator-headline.zwei h3, .separator-headline.zwei h4, .separator-headline.zwei h5 { font-size:32px;font-weight:600;}

.separator-headline.drei { margin:15px 0 25px 0; display: block; text-align: center; white-space: nowrap; }
.separator-headline.drei > span { position: relative; display: inline-block;}
.separator-headline.drei > span:after {content: " ";  height:3px; background: #A0580E; width:50px; display: inline-block; }
.separator-headline.drei h1, .separator-headline.drei h2, .separator-headline.drei h3, .separator-headline.drei h4, .separator-headline.drei h5 { font-size:26px; line-height:1.2em;  font-weight:400; }

/* ======= separator ======= */

.separator.eins {margin:35px 15px; display: block; height:2px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(229,229,229,0.98) 49%, rgba(230,230,230,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(229,229,229,0.98) 49%,rgba(230,230,230,1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(229,229,229,0.98) 49%,rgba(230,230,230,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}

.separator.zwei {margin:35px 15px; display: block; height:1px; border-bottom:1px dotted #ccc;}
.separator.drei {margin:15px 15px 35px 15px; display: block; height:20px; background:#fff; box-shadow:0 5px 5px -5px #ccc;}
.separator.vier {margin:45px; display: block; height:1px; border-bottom:2px dashed #A0580E; }

/* ======= sections ======= */

.onepage-section {height: auto; text-align: center; overflow: hidden; }
.intro-section { padding-top:80px;}
.topseparate { padding-top:80px; border-bottom:15px solid #585556;}
.inner-section {padding:50px 0; text-align:left;}
.box-image {width:100%;}
.box-image img {width:100%; height:auto;}

/* ======= counter ======= */

.countercontainer .col-ofc, .countercontainer .col-otc, .countercontainer .col-ohc {text-align:center;}
.counter-circle {margin:0 auto; background:rgba(255,255,255, .325); border:5px solid #585556; border-radius:100%; text-align:center; padding:20px 5px 5px 5px;}
.countercontainer .col-ofc .counter-circle {width:230px; height:230px;}
.countercontainer .col-otc .counter-circle {width:250px; height:250px;}
.countercontainer .col-ohc .counter-circle {width:320px; height:320px;}

.counter-circle .icon {font-size:50px; display:block; color:#A0580E;}
.counter-circle .percent {font-size:38px; line-height:65px; display:block;}
.counter-circle .text { font-size:14px; display:block;}
.col-ohc .counter-circle .percent {font-size:45px; line-height:65px; }
.col-ohc .counter-circle .icon {font-size:60px; }
.col-ohc .counter-circle .text { font-size:17px;}
.col-otc .counter-circle .percent {font-size:42px; line-height:60px; }
.col-otc .counter-circle .icon {font-size:55px; }
.col-otc .counter-circle .text { font-size:17px;}


/* ======= testimonials ======= */

.testimonial-item {text-align:center;}
.testimonial-thumb { margin:0 auto 20px auto; max-width:100px;}
.testimonial-thumb img {border:6px solid #ebebeb;}
.testimonial-item {padding-top:25px;}
.testimonial-quote blockquote { padding:0 15px; margin:20px 50px; border:0; }
.testimonial-quote blockquote:before {}
.testimonial-quote blockquote p { padding:0; margin:0; font-size:16px; line-height:1.8em; font-style: italic;}
.testimonial-quote cite {color:#999;}


.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li {position: relative; display: inline-block; width: 25px; height: 30px; margin: 0; padding: 0; cursor: pointer; }
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px;  height: 20px; padding:0;  cursor: pointer; color: transparent; border: 0; outline:0; background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-size:40px !important; line-height: 40px; position: absolute; top: 0; left: 0; width: auto; height:auto; content: '\2022'; text-align: center; color:#C8C6C9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {color: #585556;}

/* bootstrap custom */

.btn-default {background:#A0580E; border: 1px solid #A0580E; color:#fff; transition:all linear 300ms;}
.btn-default:hover {background:#585556; border: 1px solid #585556; color:#fff; padding: 6px 20px; }

/* ======= iconbox ======= */

.boxcontent {padding:10px; border:1px dotted #ccc; display:block; line-height:1.5em; text-align: center;   }
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  margin:0; padding:0; line-height:1.2em; font-size:60px; color:#585556;  }
.boxcontent h3 {font-size:19px; }
.boxcontent p { font-size: 14px; }
.boxcontent .box-icon { display:block;}
.content-button a {background: #A0580E; color:#fff; padding:7px 15px; border-radius:2px; margin:10px auto; width:auto; display:inline-block; font-size:.9em; text-transform:uppercase; text-decoration:none; font-weight:600; text-align:center; transition:all linear 300ms;}
.content-button a:hover {background:#585556; color:#fff; text-decoration:none;  padding:7px 25px; } 
.content-button a:focus, .content-button a:active {color:#fff;}

/* ======= servicebox ======= */

.servicebox {padding:15px; border:1px solid; border-color: #f2f2f2 #ededed #ebebeb; background: #fff;   }
.servicebox:hover { -webkit-box-shadow: 2px 2px 4px -3px rgba(0,0,0,0.45);
-moz-box-shadow: 2px 2px 4px -3px rgba(0,0,0,0.45);
box-shadow: 2px 2px 4px -3px rgba(0,0,0,0.45);}
.servicebox a {color:#525252;}
.servicebox .box-icon { display:inline-block; float: left; margin:5px 30px 20px 0;}
.servicebox [class^="icon-"]:before, .servicebox [class*=" icon-"]:before {  margin:0; padding:0; line-height:1.2em; font-size:58px; color:#C8C6C9;  transition:all linear 500ms; }
.servicebox:hover [class^="icon-"]:before, .servicebox:hover [class*=" icon-"]:before {  color:#A0580E; }
.servicebox h3 {font-size:16px; font-weight: 600; margin:5px 0 0 0; }
.servicebox p { font-size: 14px; }

/* ======= teambox ======= */

.teambox {padding:10px; text-align: center;}
.teambox p {color:#727271; padding: 0; line-height: 1.3em;}
.teambox .teambox-image {position:relative;}
.teambox .box-overlay { position:absolute; top:0; left:0; width:100%; height:100%; padding:37% 10px; background:rgba(255,255,255,0.75); visibility: hidden; border:1px solid #ebebeb; transition:all, linear, 1s; opacity: 0;  }
.teambox .teambox-image:hover .box-overlay { visibility: visible; opacity: 1;  }
.teambox span { display:inline-block; color:#fff;line-height: 1.5em; font-size: 20px; height:43px; width:43px; padding:5px; background:#C8C6C9; border-radius:100%; margin-right:5px;  }
.teambox-info p.text-uppercase { font-weight:600;}
.teambox span a {color:#fff;}
.teambox span .icon-phone:before {font-size: 21px; }
.teambox span:hover {color:#fff; background:#A0580E; text-decoration: none;}
.teambox a.btn-default { margin-top: 12px; }
.teambox-info {margin-top:10px; padding: 10px; }
.team-contact-button {margin-top:30px;}
.small-separator {border-bottom:1px solid #C8C6C9; margin:5px auto; width:30%;}

/* ======= portfoliobox ======= */

.portfoliobox { background:#fff; padding:15px 15px 5px 15px; text-align: center; border:1px solid; border-color: #f2f2f2 #ededed #ebebeb; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; }
.portfoliobox .box-image {position: relative;}
.portfoliobox .box-overlay { position:absolute; top:0; left:0; width:100%; height:100%; padding:37% 10px; background:rgba(255,255,255,0.55);  visibility: hidden; transition:all, linear, 1s; opacity: 0; }
.portfoliobox:hover .box-overlay { visibility:visible; opacity: 1;  }
.portfoliobox h4.pf-title { margin-top:20px;font-size:14px; color: #727271; }
.portfoliobox p.pf-subtitle {font-size:13px; color: #727271; margin:5px auto; padding:0;}

/* ======= pricebox ======= */

.pricebox { border-radius:3px; text-align:center; border:1px solid #A39EA2;}
.priceboxheader { background:#A39EA2; color:#fff; padding:10px;}
.priceheadline { text-transform:uppercase; font-size:16px; line-height:1.5em; padding:5px 0; font-weight:500;}
.price { font-size:43px; line-height:50px; font-weight:bold; display:block; }
.pricesubtitle { font-size:12px; padding:5px 0 ;}
.priceboxcontent {background:#fff; padding:10px 0;}
.priceboxcontent ul { margin:0; padding:0;}
.priceboxcontent ul li { padding:7px 0; line-height:1.6em; border-bottom:1px solid #ebebeb;}
article .priceboxcontent ul li { list-style-type:none;}
.priceboxbottom { padding:5px 0;}

.pricebox .content-button a {background: #ffffff; box-shadow:0 0 7px #f2f2f2 inset; 	color:#A39EA2; border:1px solid #A39EA2; }
.pricebox .content-button a:hover {background: #ffffff; box-shadow:0 0 12px #f2f2f2 inset; color:#585556; border:1px solid #585556;}

/* ======= contactsection ======= */

.contactcontainer .op-map {margin-top:35px; }
.contactinfo { padding:0;}
.contactinfo p {font-size:14px;}
.address-icon {float:left; width:50px; height:auto; margin-right:30px; }
.address-location {float:left; width:calc(100% - 85px); font-size:14px; }
address [class^="icon-"]:before, address [class*="icon-"]:before {font-size:50px; margin:10px 0 0 0 !important; color:#C8C6C9;}

.contactcontainer .wpcf7-form {margin:0 0 0 50px; width:calc(100% - 60px);}
.sidebarbox .wpcf7-form {margin:10px 0 0 0; padding:5px; width:calc(100% - 20px); border:none;}
.wpcf7 label { font-size:12px; display:block; margin:3px 0 0 0; font-weight: 300;}
.wpcf7 input {width:100%; border:1px solid #e3e3e3; background:#fff; padding:4px 3px; margin:0; font-family: 'Open Sans', sans-serif; font-size:.9em; box-sizing:border-box; box-shadow:0 0 2px #f2f2f2 inset;}
.wpcf7 select {width:auto; border:1px solid #e3e3e3; background:#fff; padding:4px 15px 4px 4px; margin:0; font-family: 'Open Sans', sans-serif; font-size:.9em; box-sizing:border-box; box-shadow:0 0 2px #f2f2f2 inset;}
.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: 'Open Sans', sans-serif;  width:100%;  border:1px solid #e3e3e3; background:#fff;  padding:4px 3px; font-size:14px; box-sizing:border-box; box-shadow:0 0 2px #f2f2f2 inset;}
.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:#A0580E; box-shadow:none;  }
.wpcf7 .wpcf7-submit:hover, #respond input#submit:hover {border:none; background:#585556;  }
.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; }

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

/* ======= outrosection ======= */

video#bgvid { width:100%; }
img#bgvid  { width:100%; }


/* ===================== header images/slides ===================== */

.home-start-image { width:100%; height:auto; }
.home-start-image img { width:100%; height:auto; display:block;}

.slidewrap {position:relative;}
.slideshow {padding:0; margin:0; position:relative; width:100%;  }
.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:#ccc; position:absolute; left:2%; top:45%; z-index:10001;  width:50px; height:50px; padding-top:12px; font-size:26px; border:1px dotted #ccc; }
.cycle-next { display:none; color:#ccc; position:absolute; right:2%; top:45%; z-index:10002; width:50px; height:50px; padding-top:12px; font-size:26px; border:1px dotted #ccc;}
.slidewrap:hover .cycle-prev, .slidewrap:hover .cycle-next {display:block; cursor:pointer; }
.slidewrap:hover .cycle-prev:hover, .slidewrap:hover .cycle-next:hover {background: rgba(255,255,255,.5); color:#A0580E;}

p.slideshowbtn a:hover, p.slideshowbtn:hover {background:#ccc !important;}


/* ========================= animation - lists ========================= */

.hiddenblock {opacity:0;}
.visibleblock {opacity:1 !important;}
.hidden {opacity:0;}
.visible {opacity:1;}

.contentani { animation-delay:300ms;}
.sidebarani { animation-delay:600ms;}

.ib, .tb, .testimonials { padding:25px 0;}
.ib .col-otc:nth-child(1) { animation-delay:200ms;}
.ib .col-otc:nth-child(2) { animation-delay:400ms;}
.ib .col-otc:nth-child(3) { animation-delay:600ms;}

.ib .col-ohc:nth-child(1) { animation-delay:200ms;}
.ib .col-ohc:nth-child(2) { animation-delay:400ms;}
.ib .col-ohc:nth-child(3) { animation-delay:600ms;}
.ib .col-ohc:nth-child(4) { animation-delay:800ms;}

.ib .col-ofc:nth-child(1) { animation-delay:200ms;}
.ib .col-ofc:nth-child(2) { animation-delay:350ms;}
.ib .col-ofc:nth-child(3) { animation-delay:500ms;}
.ib .col-ofc:nth-child(4) { animation-delay:650ms;}

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

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

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

.sb { margin:25px 0 15px 0;}
.sb .col-ohc:nth-child(2n+2) { margin-right:0 ;}
.sb .col-ohc:nth-child(2n+1) { clear:left ;}

/* ============  go to top - contact ========= */

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

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

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

.post-nav { margin:0 0 25px 0; padding:15px 0 0 0; font-size:.8em; }
.page-numbers {padding:5px; border-radius:2px; margin:0 3px 0 0;}
.post-nav a {text-decoration:none; color:#fff; background:#A0580E;}
.post-nav a:hover {text-decoration:none;}
.post-nav a:focus, .post-nav a:active {color:#fff;}
.post-nav .current {background:#C8C6C9; color:#fff; }
.nav-next {float:left; width:30%; }
.nav-previous {float:right; width:30%; text-align:right;}
.more-link {color:#A0580E;}

.blogposts {padding:35px 0;}
.postbox { padding:25px 0;  position:relative; text-align: left; }
.postbox article { padding:5px 0;}
.postbox h2 { margin:0; padding:0; font-size:20px; font-weight:400; }
.postbox p { font-size:14px; padding-bottom:5px;}
.postbox .blog-list-thumb { float:left; margin:0 30px 0 0; max-width:300px;}
.postbox .blog-list-thumb img { width:100%; height:auto; display:block; border-radius:3px;}
.posttop {font-size:13px; text-transform: uppercase; font-weight: 600;}
.posttop a {color:#A0580E; }
.post-more {text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:13px; color:#A0580E;}
.post-more:hover, .posttop a:hover { color:#C8C6C9;}

.allposts { padding:5px 0; margin:25px 0;  text-align:center;}
.allposts a { width:auto; display:inline-block; padding:6px 15px; font-size:.9em; text-transform:uppercase; text-decoration:none; font-weight:400; background:#A0580E; color:#fff; border-radius:2px; transition:padding linear 200ms; }
.allposts a:hover {text-decoration:none; padding:6px 25px; background: #585556; }
.allposts a:focus, .allposts a:active {color:#fff;}

.meta {font-size:12px;}
.meta-category {  margin:10px 0; padding:5px 10px; line-height:2em; border:1px dotted #ccc; display:block;  }
.meta-category a { color:#A0580E; text-decoration:none; }

.postmeta { padding:5px; margin:10px 0 0 0; border:1px dotted #ccc;  }
.postmeta a {color:#A0580E; text-decoration:none;}
.blog-meta-tag a { color:#A0580E; padding:3px 10px; border:1px dotted #ccc; border-radius:1px; margin:0 4px 5px 0; transition:all linear 200ms; display:inline-block; }
.blog-meta-tag a:hover, .meta-category a:hover, .postmeta a:hover {color:#585556;}

.page-nav { margin:35px 0 10px 0; padding:5px 0; border-top:1px dotted #ccc; font-size:12px; }
.page-nav .left { float:left; width:50%; text-align:left;}
.page-nav .right { float:right; width:50%; text-align:right;}
.page-nav a { color:#585556; text-decoration:none;}
.page-nav a:hover {color:#A0580E;}

.sticky { border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:25px; }
.bypostauthor { font-style:italic;}

.more-meta {width:20%; display: inline-block; }
.metadate {font-style:italic; font-size:10px; margin:-10px 0 10px 0; padding:0;}
.teaser-list-thb {position:relative;}

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

.footermenu { padding:0; text-align:left; }
.footermenu ul { margin:0; padding:0; list-style:none; }
.footermenu ul li { display:inline; font-size:.8em; 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:.775em; text-align:right; padding:5px 0; }


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

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

.textwidget img {max-width: 100%; }
img[class*="align"], img[class*="wp-image-"] {height: auto; }
img.size-full, img.size-large {max-width: 99.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:50%; }
.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% - 5px);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:0; margin-right:0;  max-width: 1200px;}
.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 );  margin-right : calc( -100vw / 2 + 100% / 2 );  max-width    : 100vw;}
.wp-block-image.alignfull img {border-radius:0;}
figcaption {text-align:center; font-size:13px; font-weight:bold;}
.wp-block-media-text {margin:25px 0;}

.wp-block-cover.alignwide {margin-left:0; margin-right:0; width:100%;  max-width: 1200px;}
.wp-block-cover.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 );  width:100vw ;  max-width: 100vw;}

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


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

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

img.alignright { float:right; margin:5px 0 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;}

.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 table, article table.wp-block-table {  width:calc(100% - 10px); margin:25px 0; font-size:.9em; padding:0; border:1px solid #f0f0f0;}

article table td { border-bottom:1px solid #f0f0f0; 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: #fbfbfb; }
article table tr:last-child td { border-bottom:none;}
article table a {color:#A0580E;}

article ul { margin:15px 0; padding:0 0 0 20px; font-size:1em;}
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; font-size:1em; }
article ol li { margin:5px 0; padding:0; line-height:1.5em; list-style-type:decimal; }

article blockquote { padding:35px 15px; margin:20px 65px; border:0; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
article blockquote:before {font-family: "fontello";  content: '\e885'; font-size:62px; line-height:1.25em; color:#C8C6C9; margin-right:35px; float:left;}
article blockquote p { padding:0; margin:0; font-size:1em; line-height:1.8em; font-style: italic;}

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

.toggle-box { margin:25px 0 50px 0; padding:0; max-width:97%; }
.toggle-headline { border:1px dotted #ccc; border-radius:2px; padding:7px 0 7px 6px; margin:5px 0; cursor:pointer;}
.toggle-headline h3 { font-size:18px; margin:0 !important; padding:0 !important; line-height:1.5em; }
.toggle-headline h3:before { float:left;   content: '\e83f'; font-family:'fontello'; font-size:20px;  margin-right:15px; font-weight:normal; color:#A0580E; }
.toggle-headline.arr h3:before { content: '\e840'; }
.toggle-more { padding:0 0 10px 0; }

.tab-box  {position:relative; max-width:97%; 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: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-radius:3px 3px 0 0; color:#bbb; font-size:1em; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 3px 0 0; border:1px dotted #ccc; 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:#A0580E; }
.tab-box  ul.tabber li a.active { color:#A0580E; 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:99;}

a.boxbutton { margin:10px 0 0 0; width:auto; display:inline-block; padding:6px 15px; font-size:.9em; text-transform:uppercase; text-decoration:none; font-weight:600; background:#A0580E; color:#fff; border-radius:2px; transition:padding linear 200ms}
a.boxbutton:hover {text-decoration:none; padding:6px 25px; }

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

/* ======================== 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:#fbfbfb; 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:#A0580E; border:none !important; text-align:center; -webkit-appearance:none !important; }
.notfoundsearch input#searchsubmit:hover {background:#585556;}

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

.sidebarbox { border:1px dotted #ccc; padding:5px 10px 10px 10px; margin:10px 0 25px 0; }
.blankbox { border:none !important; padding: 10px 0 !important;}
.sidebarbox:last-child {margin:10px 0 0 0;}
#sidebar .widgettitle { padding:5px 0; margin-bottom:7px; font-size:1.12em; 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 h3 { font-size:1.2em; line-height:1.5em; margin:0; padding:0; }
#sidebar h3 a {text-decoration:none;  }
#sidebar p { font-size:.925em;}
#sidebar ul { font-size:.95em; margin:5px 0; padding:0; list-style:none; }
#sidebar ul li { line-height:1.6em; border-bottom:1px solid #ebebeb; border-top:1px solid #fff; padding:5px 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:#A0580E; }
#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:#A0580E;}
#sidebar ul li:first-child { border-top:none;}
#sidebar ul li:last-child { border-bottom:none;}
#sidebar ul li a { color:#525252; text-decoration:none; display:block;}
#sidebar ul li ul { display:none; font-size:.85em;}
#sidebar ul li.current_page_item.menu-item-has-children ul, #sidebar ul li.current_page_parent ul { display:block;}
#sidebar ul li ul li { border-bottom:none ; border-top: none ; padding:4px 0;}
#sidebar ul li ul li:before {font-size:10px; }

.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:#4f4f4f; 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:Arial, Helvetica, 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:#C8C6C9; color:#fff; font-size:11px; text-transform:uppercase; font-weight:600; width:80px; float:right; display:inline-block; padding:5px; margin:4px 0 0 0;  cursor:pointer;  border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:1px;}
.sidebarbox input#searchsubmit:hover { background:#ccc;}

#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: #fbfbfb; }
#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:#A0580E; display:inline-block;}
#sidebar .profilebox ul li a:hover { text-decoration:underline;}
#sidebar .profilebox ul li .phone a {color:#525252; display:inline-block;}

/* ========================= Calendar =========================*/

#calendar_wrap {margin:5px 0 0 0;  }
#wp-calendar {empty-cells: show; margin:0; padding:0; font-size:.9em; width:100%;}
#wp-calendar #next a {text-align: right;}
#wp-calendar #prev a {text-align: left;}
#wp-calendar a {display: block; color:#A0580E; font-weight:bold; text-decoration:underline; }
#wp-calendar caption {display:none;}
#sidebar #wp-calendar th {text-align: center; background:#C8C6C9; border:none; padding:7px; font-size:1.2em; line-height:1.5em; font-weight:normal; text-shadow:none;}
#wp-calendar td {padding:3px; text-align: center; border:1px solid #ddd;	}

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

.smicons {margin:15px 0 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; }

.sliderbutton {background:#A0580E ;}
.sliderbutton:hover {background:#585556;}