/* -------------------------------------------------------------- Theme Name: BO-STUDIO Theme URI: https://brings-online.com/demo/wordpress-theme-studio/ Description: Responsives Theme für WordPress plus Gutenberg. BO-Studio wurde so entwickelt, dass es sich für eine Vielzahl von Webseiten einsetzen lässt. Von der onePage Visitenkarte bis zur umfangreichen Präsentation inklusive Online-Shop: Alles ist möglich. Requires at least: 5.0.0 Requires PHP: 7.4 Tested up to: 6.5 Version: 1.5.1 Author: sb|bo - 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("css/slick.css"); /* ============= reset ============== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;} input[type="text"], input[type="submit"], textarea, select {-webkit-appearance:none;-moz-appearance:none;appearance:none;} html { height: 100%; margin:0; padding:0;} html {-webkit-text-size-adjust: none;} body {overflow-x:hidden;} body { height:100%; margin:0; padding:0; text-align:center; font-weight: 300; font-family: 'Lato', sans-serif; font-size:100%; color:#424A59; } textarea, input[type="text"],input[type="email"],input[type="tel"], select {font-family:'Lato', sans-serif; font-size:15px; font-weight:400; } img { border:none;} h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;} ul, li { list-style:none;} .clear { clear:both;} em {font-style:italic;} strong {font-weight:500;} a.onepageanchor {margin:0;padding:0;} /* ========================= positions ========================= */ .mobile-only {display:none;} .desktop-only {display:block} .bo-has-position-left {text-align:left;} .bo-has-position-right {text-align:right;} .bo-has-position-center {text-align:center;} .wp-block-button.alignleft {text-align:left;} .wp-block-button.alignright {text-align:right;} .wp-block-button.aligncenter {text-align:center;} .wp-block-cover {margin-top:0 !important;margin-bottom:0 !important;} .wp-block-cover.alignwide {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1200px;} .wp-block-cover.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw; overflow:hidden;} .wp-block-cover .wp-block-cover__inner-container {max-width:1160px; margin:0 auto;} .wp-block-cover p.has-text-align-left {text-align:left;} .wp-block-cover p.has-text-align-right {text-align:right;} .wp-block-cover p.has-text-align-center {text-align:center;} /* ========================= main structure ========================= */ #onetop {position:absolute;top:0px;} .superwrap { width:100%; margin:0; padding:0; text-align:center;} .wrapper {max-width:1200px; margin:0 auto; padding:0; } .main-header {margin:0 auto; max-width:1160px; padding:0 20px; height:auto; position:relative; } .container {max-width:100%; margin:0 auto; padding:0 20px; text-align:left; position:relative; } .footer {position:static; text-align:left; background:#F7F8FA; } .footer-content {max-width:1160px; margin:0 auto; padding:0 20px;} .page-header {position:relative;} .spacer {padding:0 0 30px 0;} .page-content {padding:0 20px;} .bo-single-entry {padding-bottom:60px;} .archive-content {padding:20px 20px 60px 20px;} .search-content {padding:20px 0;} .header-wrap {width:100vw; padding-bottom:0;border-bottom:1px solid #E6E7F0; background:#FFFFFF;position:fixed; top:0; left:0; z-index:99999;border-top:7px solid #83AD63; } .header-wrap.scrollnav {border-top:none;} .bo-offer-section, .bo-service-section {padding:20px 0 60px 0;} .bo-page-entry {padding-top:30px;} .bo-blog-section {padding:40px 0;} #sidebar {padding:30px 0 30px 25px;} /* ========================= main grid ========================= */ .col-full { width:100%; margin:0;} .col-ttfull { width:65%; margin:0; float:left;} .col-otfull { width:35%; margin:0; float:left;} .col-ttc { width:65.85744680851%; margin:0;} .col-otc { width:31.7%; margin:0;} .col-ofc { width:23.179255319148%; margin:0;} .col-ofic { width:20%; margin:0;} .col-ohc {width:48.786170212699%; margin:0;} .col-ttc, .col-otc, .col-ohc, .col-ofc {margin-right:2.3%; float:left;} .col-ofic { float:left;} .cr {margin-right:0 !important;} .ct {margin-top: 0 !important;} .cb {margin-bottom: 0 !important;} .mr { margin-right:25px;} .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both; } .clearfix {*zoom: 1;} .clear { clear:both;} /* ======================= content grid ====================== */ .columns {margin:0; padding:0;} .columns p {padding:5px 0;} .col1-1 { width:100%; } .col1-2 {width:50%;} .col1-3 {width:33.333333%;} .col1-4 {width:25%;} .col2-3 {width:66%;} .col3-4 {width:75%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; float:left; padding:0;} .inner { margin:0; padding:0 30px 0 0; } .col1-4 .inner { margin:0; padding:0 20px 0 0; } .col1-2:nth-child(2n+2) .inner {padding:0;} .col1-3:nth-child(3n+3) .inner {padding:0;} .col1-4:nth-child(4n+4) .inner {padding:0;} /* ========================= font ========================= */ h1,h2,h3,h4,h5,h6 {line-height:1.6em; margin:5px 0; padding:0; font-family: 'Montserrat', sans-serif; font-weight:300; } h1 { font-size:30px;} h2 { font-size:25px;} h3 { font-size:22px;} h4 { font-size:19px;} h5 { font-size:17px; } h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#424A59; } .headtitle {width:100vw;padding:25px 0; background:#F7F8FA; border-bottom:1px solid #E6E7F0; margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width: 100vw; position:relative;} .pagetitle { display:block; text-align:left; margin:0 auto; max-width:1160px; padding:0 20px; } .pagetitle h1 {font-size:23px; font-weight:600; line-height:1em; margin:0; padding:0; color:#606774; } a {text-decoration:none !important;} p { padding:6px 0; margin:0; line-height:1.75em;font-size:17px; } p a, li a, label a, p a:hover, li a:hover, label a:hover {text-decoration:none;} p a, li a {color:#83AD63;} article p a {border-bottom:1px dotted #83AD63;} article p a:hover { text-decoration:none; border-bottom-style:solid;} /* ========================= content classes ========================= */ .img-responsive {width:100%; height:auto; display:block;} .img-border {border:1px solid #F0F1F6; padding:10px;} .img-border figcaption {font-weight:bold;} .hidden {opacity:0;} .visible {opacity:1;} .screen-reader-text { visibility:hidden;} hr, hr.wp-block-separator { margin:25px 0 15px 0; display: block; height: 1px; border:none; border-bottom:1px dotted #7A8394; clear:both;} .bo-spacer {margin:10px 0; display: block; height: 1px; clear:both;} blockquote { padding:10px; margin:25px 0; text-align:center;} blockquote p { padding:0 0 20px 0; margin:0; font-size:22px; line-height:1.6em; font-style: italic;} blockquote cite {font-size:14px; font-weight:600;} blockquote cite:after {content:""; height:1px; background:#83AD63; width:50px; margin:10px auto; display:block;} /* ===================== top-header ================= */ .breadcrumb-wrapper {display:block; text-align:right; margin:0 auto; max-width:1200px; padding:0; position:relative;} .breadcrumb {position:absolute; top:-15px; right:15px; font-size:11px; font-weight:400; text-transform:uppercase; color:#606774; } .breadcrumb a { color:#424A59; } .breadcrumb a:hover {color:#83AD63;} .headbanner {padding:0;display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; position:relative; } .main-menu { margin-left: auto; text-align: right;} .contactbox { margin:0; padding:0 0 0 20px; text-align:right; } .opensearch { cursor:pointer; padding:0 2px; display:inline-block; text-align:center; } .opensearch i { font-size:15px; color:#555B6E;line-height:21px; } .openphone, .openmail,.opencal { cursor:pointer; padding:0 2px; display:inline-block; font-size:14px; line-height:21px; } .openphone i, .openmail i, .opencal i { font-size:17px; color:#555B6E; } .openphone:hover i, .openmail:hover i, .opencal:hover i, .opensearch:hover i { color:#83AD63;} .opencal.active i,.openphone.active i,.openmail.active i,.opensearch.active i { color:#83AD63; } .searchbox { border:1px solid rgba(255,255,255,.8); background:#FFFFFF; padding:3px 5px 3px 0px; border-radius:2px; font-size:16px; font-weight:bold; } .contactbox-innerbox .close {position:absolute; top:2px; right:3px; color:#777; font-weight:500;font-size:14px;} .contactbox-innerbox {top:80px; margin-top:10px; right:0; z-index:99999; position: absolute; background: #FFFFFF; padding:20px 15px; border:3px solid #F7F8FA;width: auto; height: auto;text-align:left;border-radius: 3px; -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.3)); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.3));} table.header-schedule {border:none; max-width:300px; padding:5px; font-size:13px; } table.header-schedule td {border-bottom:1px solid #ccc; padding:5px 3px; margin:2px;} table.header-schedule td.key {font-weight:500; padding-right:10px;} .contactbox-innerbox.phonebox,.contactbox-innerbox.mailbox {font-size:16px; font-weight:500;} .contactbox-innerbox a {color:#83AD63;} .contactbox-innerbox a:hover {color:#555B6E; } .searchbox form#searchform { margin:0; padding:0; } .searchbox input {-webkit-appearance:none;} .searchbox input#searchinput {display:inline-block; width:calc(100% - 85px); background:none; border:none; margin:0; font-style:italic; padding:3px 0; color:#7A8394; } .searchbox input#searchinput:focus { color:#000;} .searchbox input#searchsubmit {color:#FFFFFF; width:80px; text-transform:uppercase; display:inline-block; cursor:pointer; background:#83AD63; padding:5px; margin:0; border:none !important; border-radius:1px; text-align:center; } /* ===================== header banner ================= */ .logo {padding:10px 0; margin:0; text-align:left; max-width:200px; } .logo img {width:100%; height:auto; display:block;} .logotitle { display: table-cell; vertical-align: middle; } .logotitle a { font-size:2.5em; font-weight:600; color:#606774; text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF; text-decoration:none; } /* ===================== main menu ===================== */ #topmenu{text-align:right; color:#424A59; } #topmenu,#topmenu ul li,#topmenu ul li a,#topmenu #head-mobile {list-style:none;line-height:1;display:block;position:relative;} #topmenu:after,#topmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #topmenu #head-mobile {display:none;} #topmenu ul {text-align:right; margin:0 auto; padding:0;} #topmenu ul li{ text-align:left; display:inline-block; text-transform:uppercase; padding:0 10px;} #topmenu ul li a {font-size:13px;padding:34px 0;line-height:1.5em;text-decoration:none;color:#424A59;font-weight:400;-moz-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s} #topmenu ul ul {position:absolute;left:-9999px; z-index:10001;border:1px solid #E6E8ED; border-top:1px solid transparent;border-radius:0 0 4px 4px; background:#FFFFFF; padding:0;min-width:180px; } #topmenu ul ul li{ height:38px; opacity:0;padding:0 10px 0 0; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s } #topmenu li:hover > ul {left:0; width:auto;} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu li:hover > ul > li{height:38px;opacity:1;display:block;padding:0 10px 0 15px;width:calc(100% - 25px);white-space:nowrap;} #topmenu ul ul li:nth-child(2) {transition-delay:100ms;} #topmenu ul ul li:nth-child(3) {transition-delay:150ms;} #topmenu ul ul li:nth-child(4) {transition-delay:200ms;} #topmenu ul ul li:nth-child(5) {transition-delay:250ms;} #topmenu ul ul li:nth-child(6) {transition-delay:300ms;} #topmenu ul ul li:nth-child(7) {transition-delay:350ms;} #topmenu ul ul ul {margin-left:100%;top:-1px; border-top:1px solid transparent; } #topmenu ul ul li a {padding:0; height:38px; text-align:left;display:block;font-size:13px; line-height:38px;font-weight:400; text-decoration:none; text-transform:none; border-bottom:1px solid #E6E8ED;} #topmenu ul ul li:last-child a {border-bottom:none;} #topmenu ul ul li.has-sub:after{position:absolute;top:13px;right:5px;width:15px;height:15px;display:block;content:"\eaa0"; font-family:"icofont";font-size:10px;} #topmenu ul li > a:after {border-bottom:1px solid transparent; content:"";width:100%;position:absolute;left:0;bottom:24px; transition: all 0.5s} #topmenu ul li:hover > a:after { border-color:#83AD63;} #topmenu ul ul li > a:after {display:none;} #topmenu ul li.current-menu-item:hover > a {color:#83AD63; } #topmenu ul li.active > a, #topmenu ul li.current_page_parent > a, #topmenu ul li.current_page_ancestor > a { color:#83AD63; } #topmenu ul li.active > a:after, #topmenu ul li.current_page_parent > a:after, #topmenu ul li.current_page_ancestor > a:after {border-color:#83AD63; } #topmenu ul li:hover > a {color:#83AD63; } #topmenu ul li a span.menu-item-description {font-size:11px; text-transform:none;} #topmenu ul li a.bo-ps2id-highlight:after, #topmenu ul li a.bo-ps2id-clicked:after {border-color:#83AD63;} #topmenu ul li a.bo-ps2id-highlight, #topmenu ul li a.bo-ps2id-clicked {color:#83AD63;} #topmenu ul li.bo-menu-highlight > a {background:#555B6E; padding:8px 7px; border-radius:1px; color:#ffffff;} #topmenu ul li.bo-menu-highlight:hover > a {color:#ffffff;border-radius:3px;} #topmenu ul li.bo-menu-highlight:hover > a:after,#topmenu ul li.bo-menu-highlight > a:after {border:none; } #topmenu ul li.bo-menu-highlight ul.sub-menu:before {content:" "; padding-top:25px; margin:0 -2px;background:#fff; display:block;border:none; } /* ================= testimonials ============ */ .bo-testimonial-carousel {padding:25px 0;margin:45px 0;} .bo-testimonial-data { text-align:center; height:auto;} .bo-testimonial-avatar {max-width:80px; margin:0 auto; padding:0;} .bo-testimonial-avatar img {width:100%; height:auto; border-radius:100%; } .bo-testimonial-quote p { max-width:calc(100% - 60px); margin:15px 0; padding:5px 45px; font-size:17px;} .bo-testimonial-cite {font-size:14px; font-weight:600; } .bo-testimonial-cite:after {content:""; height:1px; background:#83AD63; width:50px; margin:10px auto; display:block;} .bo-testimonial-carousel .slick-dots{ position:relative; display:block; width:100%;padding:0;margin:0;list-style: none;text-align:center;} .bo-testimonial-carousel .slick-dots li{position: relative;display: inline-block;width:15px; height:15px; margin: 0 3px;padding: 0;cursor: pointer;} .bo-testimonial-carousel .slick-dots li button{font-size: 0;line-height: 0; display: block;width:15px;height:15px;padding:5px 2px;cursor: pointer; color: transparent;border: 0;outline: none;background: transparent;} .bo-testimonial-carousel .slick-dots li button:hover, .bo-testimonial-carousel .slick-dots li button:focus{ outline: none;} .bo-testimonial-carousel .slick-dots li button:hover:before,.bo-testimonial-carousel .slick-dots li button:focus:before{ opacity: 1;} .bo-testimonial-carousel .slick-dots li button:before{font-family: 'Icofont'; font-size:10px;line-height: 20px;position: absolute; top: 0;left: 0;width: 15px;height:15px; content:"\efc0"; text-align: center; opacity: .25;color: #484B59;} .bo-testimonial-carousel .slick-dots li.slick-active button:before{opacity:.75;color: black;} .bo-testimonial-single {margin:60px 0;display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start;align-items:center;} .bo-testimonial-image {margin:10px 40px 0 0;} .bo-testimonial-image img {border-radius:100%;} /* ================= page content ============ */ .page-content {position:relative;} .page-content table { width:calc(100% - 2px); margin:15px 0; font-size:.85em; padding:0; border:1px solid #e5e5e5; border-radius:5px; box-sizing:border-box;} .page-content table td { border-bottom:1px solid #E6E8ED; padding:7px 10px; margin:0 3px; width:auto;} .page-content table th { border-bottom:1px solid #E6E8ED; padding:7px 10px; line-height:1.5em; font-weight:normal; } .page-content ul { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ul li { list-style:square; padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:16px;} .page-content ul ul {margin:5px 0;} .page-content ol { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ol li { padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:15px;list-style-type:decimal; } .page-content iframe {max-width:100%; } .page-content .wp-block-gallery {margin:25px 0; padding:0;} .page-content .wp-block-gallery ul {margin:0; padding:0;} .page-content .wp-block-gallery li {margin:8px 0; padding:0;} .bo-video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:25px 0; } .bo-video-block iframe, .bo-video-block object, .bo-video-block embed, .bo-video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } code {background:#F7F8FA; border:1px dotted #E6E7F0; padding:6px 25px; margin:3px 0; display:block; line-height:1.8em;} code.sc {display:block;} .tab-box {position:relative; width:calc(100% - 12px); margin:30px 0; padding:5px; border:1px solid transparent; border-radius:2px; } .tab-box ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;} .tab-box ul.tabber li {float:left; list-style:none; margin:0; padding:0; background:none;} .tab-box ul.tabber li a { border:1px solid #DEE0E4; border-bottom:none; border-radius:1px 1px 0 0; font-size:14px; font-weight:400; display:block; height:41px; line-height:40px; padding:0 12px; text-decoration:none; margin:0 1px 0 3px; background:#F7F8FA;color:#828282;} .tab-box ul.tabber li:last-child a {} .tab-box ul.tabber li a:hover, .tab-box ul.tabber li a.active { background:#FFFFFF;color:#424A59; } .tab-box .panel { border:1px solid #DEE0E4; border-radius:0 3px 3px 3px; margin:42px 0 0 0; padding:25px 10px 10px 10px; position:relative; z-index:99;} .tab-box .panel h3 {border:none; text-transform:inherit; display:inherit; font-size:17px; margin:0;} .toggle-box { margin:25px 0; padding:0; } .page-content iframe, .widget iframe {max-width: 100%; } /* ================= box blocks ================= */ .googlemap {position:relative;padding-bottom:400px;height: 0;overflow: hidden;} .googlemap iframe {position:absolute;top:0;left:0;width: 100% !important;height: 400px;} .bo-location-box {background:#F7F8FA;margin:10px 0; } .bo-location-title {font-size:18px; font-weight:500;margin-top:20px; padding:5px 10px; background:#83AD63;color:#FFFFFF; width:calc(100% - 40px);} .bo-location-address {padding:10px;} .bo-location-address p {font-size:15px;} .bo-price-box {background:#FFFFFF;margin-top:75px; padding:65px 20px 20px 20px; position:relative;text-align:center;} .bo-price-box-price {position:absolute; top:-55px; left:calc(50% - 55px); border-radius:100%; width:90px;height:90px; border:10px solid #FFFFFF; background:#83AD63;color:#FFFFFF;} .bo-price-box-price .price {position:relative;top: 50%; transform: translateY(-50%);font-size:28px;font-weight:500; line-height:17px;} .bo-price-box-price .price span {font-size:12px;font-weight:300;} .bo-price-box-title {font-size:19px; line-height:1.6em; font-weight:500; margin:10px 0;padding-bottom:10px;text-transform:uppercase; } .bo-price-box-separator {border-bottom:3px dotted #E6E7F0; width:50%; height:1px;margin:0 auto; } .bo-price-box-text p {font-size:15px; margin:15px 0;} .bo-price-box-button a {font-size:14px; font-weight:500; border-radius:7px; border:1px dotted #83AD63; color:#83AD63; padding:6px 10px; display:inline-block;} .bo-price-box-button a:hover {border-style:solid;} .bo-icon-box {border:1px solid #F7F8FA; padding:10px;margin:5px 0;} .bo-icon-box.box-center-pos {text-align:center;} .box-icon {margin:5px 0 0 0;} .box-icon.icon-left-pos {float:left; margin-right:20px;} .box-icon.icon-right-pos {float:right; margin-left:20px;} .box-icon.icon-center-pos {text-align:center; margin-bottom:15px;} h3.bo-icon-box-title {margin:0; padding:0; font-size:18px; font-weight:700; } .bo-icon-box-subtitle {margin:0 0 10px 0;line-height:1.2em; padding:0; font-size:14px; font-weight:500;} .bo-icon-box p {font-size:15px;} .bo-icon-box-button a {font-size:14px; text-transform:uppercase; font-weight:500; color:#424A59; padding:10px 0; display:inline-block;} .bo-iconbutton {border:1px solid #E6E7F0; margin:15px 0; padding:0; position:relative; display:flex; justify-content: flex-start; border-radius:4px; align-items:center; } .bo-iconbutton-icon {padding:0 10px;} .bo-iconbutton-text {padding:5px 20px;} .bo-iconbutton-title {font-size:15px; font-weight:500;padding-bottom:3px;} .bo-iconbutton-subtitle {font-size:12px; } .bo-iconbutton-icon i {display:inline-block; height:100%; line-height:1em; font-size:60px;color:#83AD63;} a .bo-iconbutton {color:#424A59;} a .bo-iconbutton:hover {border:1px dotted #ccc;} .bo-imagebox { position:relative; margin:10px 0 20px 0;} .bo-imagebox img {width:100%; height:auto; display:block;} .bo-imagebox-overlay {position:absolute; bottom:5px; left:5px; background:rgba(255,255,255,.9); width:calc(100% - 30px); padding:5px 10px 20px 10px;} .bo-imagebox-overlay.overlay-top-position {bottom:inherit; top:5px;} .bo-imagebox-overlay.overlay-topleft-position {bottom:inherit; top:20px; left:0; width:calc(100% - 40px);} .bo-imagebox-overlay.overlay-topright-position {bottom:inherit; top:20px;left:inherit;right:0; width:calc(100% - 40px);} .bo-imagebox h4, .bo-imagebox .bo-image-box-title {font-size:20px;} .bo-imagebox p {font-size:15px;line-height:1.4em;} .bo-imagebox-overlay:before {content:""; border-bottom:2px dotted rgba(255,255,255,.8); position:absolute;height:1px;width:calc(100% - 20px); top:-15px;} .bo-imagebox-overlay.overlay-top-position:after,.bo-imagebox-overlay.overlay-topleft-position:after,.bo-imagebox-overlay.overlay-topright-position:after {content:""; border-bottom:2px dotted rgba(255,255,255,.8); position:absolute;height:1px;width:calc(100% - 20px); bottom:-15px;} .bo-imagebox-overlay.overlay-top-position:before,.bo-imagebox-overlay.overlay-topleft-position:before,.bo-imagebox-overlay.overlay-topright-position:before {display:none;} .bo-imagebox-teaser {position:absolute; top:30px; left:30px; background:#FFFFFF; width:calc(100% - 80px); padding:10px; text-align:center;border-radius:1px;} .bo-imagebox .bo-imagebox-teaser h4 {font-size:19px; margin:0; padding:0;} .bo-imagebox .bo-imagebox-teaser p {font-size:14px;line-height:1.55em;margin:0; padding:0;} .bo-imagebox-button a {position:absolute; bottom:-20px; left: 50%; transform: translateX(-50%); background:#83AD63; color:#FFFFFF; padding:15px; font-size:13px; text-transform:uppercase;font-weight:500;transition:all ease 300ms;} .bo-imagebox-button:hover a {padding:15px 20px;} .bo-block-cta-section {background-size: cover;} .bo-block-cta-container {max-width: 1160px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding:0 20px; background-size:cover;background-position:50%;} .bo-block-cta-wrapper { max-width: 45%; animation-delay:200ms; animation-duration:800ms; margin-left:30px;} .bo-block-cta-overlay {animation-delay:300ms; } .bo-block-cta-section.alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw; overflow:hidden;} .bo-block-cta-section.alignfull .bo-block-cta-wrapper {margin-left:0;} .bo-block-cta-heading {color:#424A59; line-height:1.2em; font-size:30px; font-weight:400; } .bo-block-cta-heading.bo-cta-has-custom-hbg {display:inline-block;} .bo-block-cta-heading:after { color:#424A59; } .bo-block-cta-text { color:#424A59; margin-top:0; margin-bottom: 10px; } .bo-block-cta-buttons {margin-top:30px;} .bo-block-cta-button-1, .bo-block-cta-button-2 { display: inline-block; padding:12px 24px; border-radius: 0; font-size: 14px; line-height:24px; text-transform: uppercase;letter-spacing: 1px; margin-bottom: 10px; font-weight:700;} .bo-block-cta-button-1 {margin-right: 10px;} .bo-block-cta-button-1:hover, .bo-block-cta-button-2:hover {border-radius:5px;} .bo-cta-has-custom-hbg, .bo-cta-has-custom-tbg {padding:20px;} .bo-double-box {width:100%;display:flex;justify-content:center; align-items:center; overflow:hidden;background:#83AD63; max-height:600px; position:relative; } .bo-double-box.bo-box-fullwidth {width:100vw;left:50%;right:50%;margin-left:-50vw; margin-right:-50vw; } .bo-double-first {width:50%; height:100%;} .bo-double-text {max-width:550px; margin:0 0 0 auto; padding:0 20px 0 30px; color:#FFFFFF;} .bo-double-text-right {max-width:550px; margin:0 auto 0 0; padding:0 20px 0 30px; color:#FFFFFF;} .bo-double-second {width:50%;position:relative; overflow:hidden;} .bo-double-img img {height:auto; max-width: 100%;display: block;vertical-align: middle;} .bo-color-box-wrapper {margin-top:-1px; margin-bottom:-1px;} .bo-teambox { padding:15px; text-align:center;background:#FFFFFF; border:1px solid #F7F8FA; } .bo-teambox i {font-size:14px;} .bo-teambox-image {margin:0 auto; max-width:200px;} .bo-teambox-image img { width:100%; height:auto; display:block; border-radius:100%;} .bo-teambox-image.bo-teambox-image-square2 img {border-radius:5px;} .bo-teambox-image.bo-teambox-image-square img {border-radius:0;} .bo-teambox-content {margin:15px 0;} .bo-teambox a { color:#484B59; text-decoration:none; border-bottom:none !important;} .bo-teambox .bo-teambox-title, .bo-teambox .bo-teambox-subtitle, .bo-teambox .bo-teambox-name {display:block; margin:3px 0;} .bo-teambox .bo-teambox-name {font-size:17px; font-weight:500;} .bo-teambox .bo-teambox-title {font-size:15px;} .bo-teambox .bo-teambox-subtitle {font-size:14px;margin:8px 0;} ul.bo-teambox-contact {margin:0; padding:0; list-style:none;} ul.bo-teambox-contact li {margin:0; padding:3px 0; list-style:none;font-size:15px;} .bo-teambox-social {margin:25px 0 0 0; } .box-smicons {padding:5px 0 0 0;margin:0;} .sc-smicons {margin:15px 0;} .box-smicons span {background:#555B6E; width:30px; height:30px; display:inline-flex; margin:0 5px 5px 0; padding:0; border-radius:50%; text-align:center;} .box-smicons span img {border-radius:3px;} .box-smicons span::before {font-size:17px;line-height: 30px;color:#F7F8FA; margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .box-smicons span:hover:before {color:#FFFFFF;} .box-smicons span.google::before {content:"\ed43"; } .box-smicons span.google:hover {background:#DC4A3D;} .box-smicons span.twitter::before {content:"\ed7a";} .box-smicons span.twitter:hover {background:#55ACEE;} .box-smicons span.insta::before {content:"\ed46";} .box-smicons span.insta:hover {background:#9B6954;} .box-smicons span.fb::before {content:"\ed37";} .box-smicons span.fb:hover {background:#3B579D;} .box-smicons span.xing::before {content:"\ed87";} .box-smicons span.xing:hover {background:#00605E;} .box-smicons span.linked::before {content:"\ed4d";} .box-smicons span.linked:hover {background:#0077B6;} .box-smicons span.yt::before {content:"\ed8b";} .box-smicons span.yt:hover {background:#E12B25;} .box-smicons span.vimeo::before {content:"\ed7f";} .box-smicons span.vimeo:hover {background:#1AB7EA;} .box-smicons span.pin::before {content:"\ed5d";} .box-smicons span.pin:hover {background:#BD081C;} .box-smicons span.rss::before {content:"\ed64";} .box-smicons span.rss:hover {background:#F26522;} .box-smicons span.mail::before {content:"\ef14";} .box-smicons span.mail:hover {background:#AD0203;} .box-smicons span.phone::before {content:"\f008";} .box-smicons span.phone:hover {background:#AD0203;} /* ================= loops ================= */ .bo-box-section {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;align-items:flex-start;} .bo-more-button a {background:#83AD63; color:#FFFFFF !important; opacity:0; padding:15px; position:absolute; z-index:99; top:0px; left: 50%; transform: translate(-50%, 0); transition:all 0.5s;} .bo-more-button a:hover {border-radius:5px;} .bo-service-box {border:1px solid #E6E7F0; padding:10px; flex-basis:calc(33% - 42px); width:calc(33% - 42px); margin:10px; align-items:top;border-radius:0 0 2px 2px; position:relative; overflow:hidden;transition:all 0.5s; margin-bottom:40px;} .bo-service-box-thumb {margin-bottom:20px;} .bo-service-box-thumb img {width:100%; height:auto; display:block;} .bo-service-box-icon {float:left; margin-right:15px;} .bo-service-box-icon i {font-size:53px; float:left; margin:0;line-height:1em;color:#83AD63;} .bo-service-box a {color:#484B59; } .bo-service-box p {font-size:14px;} .bo-service-box h3 {margin:0;font-size:18px;} .bo-service-box .bo-service-more {font-size:12px; background:#F7F8FA; padding:10px 10px 5px 0; font-weight:700; text-transform:uppercase; text-align:right; position:absolute; bottom:-60px; left:0; width:calc(100% - 10px);transition:all 0.5s;} .bo-service-box:hover {padding:10px 10px 40px 10px;margin-bottom:10px;} .bo-service-box:hover .bo-service-more { bottom:0;} .bo-offer-box {padding:0 0 10px 0;background:#F7F8FA; flex-basis:calc(33% - 20px); width:calc(33% - 20px); margin:10px 10px 30px 10px; align-items:top;border-radius:2px;overflow:hidden; position:relative;} .bo-offer-box:hover {-webkit-box-shadow:0px 5px 6px 3px rgba(50, 50, 50, 0.15); -moz-box-shadow:0px 4px 10px 3px rgba(50, 50, 50, 0.15);box-shadow:0px 4px 10px 3px rgba(50, 50, 50, 0.15); } .bo-offer-box-thumb {margin-bottom:10px; position:relative;overflow:hidden;} .bo-offer-box-thumb img {width:100%; height:auto; display:block;border-radius:3px 3px 0 0;} .bo-offer-box a {color:#484B59;} .bo-offer-box-info h3 {margin:5px 0 0 0; padding:0;font-size:15px; font-weight:500; } .bo-offer-box-info {padding:0 10px;} .bo-offer-box:hover .bo-more-button a {top:80px; opacity:1; font-weight:500;} .bo-offer-meta {font-size:13px;font-weight:400; padding:0 3px 10px 9px; position:relative; display:inline-block; } .bo-offer-meta i {font-size:6px; padding:0 3px; position:absolute; top:5px; left:-3px; } .bo-offer-meta a {color:#555B6E;} .bo-offer-meta:first-child {padding:0 3px 10px 0;} .bo-offer-meta:first-child i {display:none;} .offer-meta-subtitle {font-size:15px;line-height:1.5em; margin:0; padding:0;} .offer-meta-box {background:#E7E8EC; padding:1px 10px; display:flex; justify-content:space-between; align-items:center; margin-top:15px; } .offer-meta-duration {font-size:15px; margin:5px 0;} .offer-meta-price {font-size:21px; margin:5px 0; font-weight:500;} .bo-offer-meta-section {text-align:center; position:absolute; bottom:-80px; left:0; width:calc(100% - 20px); background:rgba(255,255,255,.7); padding:8px 10px 0 10px;transition:all 0.5s; } .bo-offer-box:hover .bo-offer-meta-section {bottom:0;} .bo-product-box {padding:0 0 20px 0;background:#F7F8FA; flex-basis:calc(33% - 20px); width:calc(33% - 20px); margin:10px; border-radius:2px;overflow:hidden; position:relative; text-align:center;} .bo-product-box:hover {-webkit-box-shadow:0px 5px 6px 3px rgba(50, 50, 50, 0.15);-moz-box-shadow:0px 4px 10px 3px rgba(50, 50, 50, 0.15);box-shadow:0px 4px 10px 3px rgba(50, 50, 50, 0.15); } .bo-product-box-thumb {margin-bottom:10px; position:relative;overflow:hidden;} .bo-product-box-thumb img {width:100%; height:auto; display:block;border-radius:3px 3px 0 0;} .bo-product-box a {color:#484B59;} .bo-product-box-info h3 {margin:5px 0 0 0; padding:0;font-size:16px; font-weight:500; } .bo-product-box-info {padding:0 10px 30px 10px;} .bo-product-box .bo-product-more-button a {background:#83AD63; color:#FFFFFF; padding:10px 15px; font-weight:500; font-size:14px;} .bo-product-box .bo-product-more-button a:hover {border-radius:5px;} .bo-portfolio-box {box-shadow:0 4px 2px 0px rgba(50, 50, 50, 0.15); padding:2px; flex-basis:calc(33% - 26px); width:calc(33% - 26px); margin:10px; align-items:top; border-radius:3px; position:relative;} .bo-portfolio-box-thumb {margin:0; padding:0;} .bo-portfolio-box-thumb img {width:100%; height:auto; display:block;border-radius:3px;} .bo-portfolio-box a {color:#484B59;} .bo-portfolio-box h3 {font-size:36px; line-height:22px;} .portfolio-grid-section {padding:20px 10px; max-width: 1360px; margin:45px auto; } .portfolio-grid {display: grid; grid-template-columns: repeat(1, minmax(100px,1fr)); grid-gap:10px; grid-auto-rows: 0;} @media only screen and (max-width: 1023px) and (min-width: 640px) { .portfolio-grid {grid-template-columns: repeat(2, minmax(100px,1fr)); }} @media only screen and (min-width: 1024px) { .portfolio-grid {grid-template-columns: repeat(3, minmax(100px,1fr)); }} .portfolio-grid-item, .portfolio-grid-item-content {position:relative; } .portfolio-grid-item-title {text-align:center;position:absolute;bottom:-50px;opacity:0; left:0; right:0; padding:5px 10px; width:calc(100% - 20px); background:rgba(255,255,255,.7);transition:all 0.3s;} .portfolio-grid-item:hover .portfolio-grid-item-title {bottom:0;opacity:1;} .portfolio-grid-item-image {margin:0; padding:0;} .portfolio-grid-item-image img {box-shadow:0 4px 2px 0px #E6E7F0; padding:0;border-radius:3px; height:auto; opacity:1; transition: all 0.3s;} .portfolio-grid-item:hover .portfolio-grid-item-image img {} .portfolio-grid-item-title i {font-size:23px; color:#484B59; transition: all 0.3s;transition-delay:0.3s;} .portfolio-grid-item:hover .portfolio-grid-item-title i {color:#83AD63;} .portfolio-grid-item-title h3 {font-size:14px; font-weight:700; } .portfolio-grid-item a {color:#484B59;} /* ===================== filter ===================== */ .filters { margin:35px 0 10px 0; padding:15px 0; text-align:center;} .mobilefilter {display:none;} .filter-button-group button {width:auto; border:none; outline:none;background:none; padding:0 10px; height:26px; font-size:14px; font-weight:500; line-height:1em; cursor:pointer; color:#83AD63; text-transform:uppercase;margin:10px 0; border-radius:6px; } .filter-button-group button:hover {color:#484B59;} .filter-button-group .is-checked {color:#484B59; } .filter-button-group button:first-child i {font-size:18px;} /* ===================== portfolio ===================== */ .pfcolumn {padding:40px 0;} .pfcolumn .image-wrapper img {border-radius:5px;} .pfcolumn .slideshow .slick-next, .pfcolumn .slideshow .slick-prev {visibility:visible;} .portfolio-page-nav { margin:15px 0; padding:8px; border-top:1px dotted rgba(230,231,240,.8);} .portfolio-page-nav a {color:#606774;} .portfolio-page-nav a:hover {color:#83AD63;} .portfolio-page-nav .navleft {width:50%; float:left;} .portfolio-page-nav .navright {width:50%; float:right; text-align:right;} .portfolio-page-nav .navright a:after {content:'\ea79'; font-family:"icofont"; font-size:36px; margin:1px 0;} .portfolio-page-nav .navleft a:before {content:'\ea78'; font-family:"icofont"; font-size:36px; margin:1px 0;} /* ========================= wp block extras ========================= */ .wp-block-group.alignfull{margin-top: 0 !important;margin-bottom: 0 !important;padding-bottom:0 !important;padding-top:0 !important;} .alignfull {margin:0 calc(50% - 50vw);max-width: 100vw;width: 100vw; overflow:hidden;} li.blocks-gallery-item figure figcaption {text-align:center !important; font-size:15px !important; padding-right:0 !important; padding-left:0 !important; } .wp-block-image figure figcaption {text-align:center;} .wp-block-media-text {margin:25px 0;} .wp-caption-text {font-weight:500;} .gallery-caption {font-weight:500;} .wp-block-button {text-transform:uppercase; font-weight:bold;} .wp-block-button a {font-size:12px;} .wp-block-group__inner-container {margin:0 auto;max-width:1160px; padding:0 20px;} .nomargin .wp-block-column {margin:1px !important;} .nomargin .wp-block-column:first-child {margin-left:0 !important;} .nomargin .wp-block-column:last-child {margin-right:0 !important;} /* ===================== button ===================== */ .content-button {display:inline-block;} .content-button a {background:#83AD63; color:#FFFFFF; padding:12px 20px; border-radius:2px; margin:15px 5px 15px 0; width:auto; display:inline-block; font-size:15px; text-transform:uppercase; text-decoration:none; font-weight:400; } .content-button a:hover { text-decoration:none; background:#555B6E;} .content-button a i {font-size:23px; line-height:1; } .content-button .button-left-icon {margin:-12px 10px -12px -20px; padding:9px 10px; float:left;background:rgba(0,0,0,.1); height:auto; width:auto;display:inline-block;} .content-button.large a {padding:16px 25px; font-size:17px; } .content-button.large a i {font-size:31px; line-height:1; } .content-button.large .button-left-icon {margin:-15px 15px -15px -25px; padding:10px; } .content-button.small a {padding:9px 15px; font-size:13px; } .content-button.small a i {font-size:19px; line-height:1; } .content-button.small .button-left-icon {margin:-9px 10px -9px -15px; padding:8px 10px; } /* ============ slogan ========= */ .slogan { margin:25px 0; display: block; text-align: center; } .preambel {font-weight:500; color:#83AD63;padding:5px 0; text-transform:uppercase;font-size:12px;} .slogan > span { position: relative; height:3px; background:#83AD63; width:50px; display: inline-block;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:30px; line-height:1.2em; font-weight:300; } .slogan.links {text-align: left;} .slogan.rechts {text-align:right;} .slogan.zentriert {text-align:center;} /* ===================== singles ===================== */ .offer-container {margin:25px -15px 45px -15px; display:flex;flex-direction:row;flex-wrap: wrap; justify-content: flex-start; padding:0; } .bo-offer-aside {margin-top:30px;} .offer-single-image {margin:30px 0 35px 0;} .offer-single-image img {width:100%; height:auto; display:block;} ul.offer-single-list-features { margin:10px 0; padding:0; list-style:none;} ul.offer-single-list-features li {margin:0; padding:0;list-style:none; font-size:14px; line-height:1.4em;} ul.offer-single-list-features li:before {content:"\eed7"; font-size:12px; font-family:"Icofont";margin-right:10px;} .offer-single-details { border-top:1px solid #FFFFFF; background:#F7F8FA;padding:10px;} .offer-single-details span {display:block;} .offer-single-details p {font-size:14px;} .offer-single-title {font-size:18px;line-height:1.5em; margin:0; padding:0; font-weight:400;} .offer-single-subtitle {font-size:15px;line-height:1.5em; margin:0; padding:0;} .offer-single-box {background:#83AD63; padding:10px; color:#FFFFFF; display:flex; justify-content:space-between; align-items:center;} .offer-single-duration {font-size:15px; margin:5px 0;} .offer-single-duration i {margin-right:5px;} .offer-single-price {font-size:25px; margin:5px 0; font-weight:500;} .offer-feature-box {border:1px solid #E6E7F0; margin:15px 0; padding:0; position:relative; display:flex; justify-content: flex-start; border-radius:4px 0 0 4px; align-items:center; } .offer-iconbox-icon {padding:0 10px;} .offer-iconbox-text {padding:5px 20px;} .offer-iconbox-title {font-size:15px; font-weight:500;padding-bottom:3px;} .offer-iconbox-subtitle {font-size:12px; } .offer-feature-box i {display:inline-block; height:100%; line-height:1em; font-size:60px;color:#555B6E;} .bottom-request-section {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background:#f0f1f6; margin-top:45px; margin-bottom:0; padding:20px 0;} .bottom-request-section .bottom-request-section-content {padding-right:30px; } .bottom-request-section .bottom-request-section-form {padding-left:30px;} .service-single-image img {border-radius:2px;} .service-single-categories, .offer-single-categories {margin:25px 0;} .service-single-categories span, .offer-single-categories span {font-size:14px; font-weight:500; margin:0 3px;} .service-single-categories span a, .offer-single-categories span a {color:#83AD63;} .service-single-categories span:hover a, .offer-single-categories span:hover a {color:#555B6E;} .service-single-categories span:before, .offer-single-categories span:before {content:'\ea69'; font-family:"icofont"; margin:0 2px;} .bo-formbox {background:rgba(240,241,246,.5);position:relative; padding:15px;} .bo-formbox-content {margin-bottom:25px;} /* ===================== faq ===================== */ .bo-faq-headline {margin:3px 0 0 0; padding:5px 0 5px 5px; position:relative; border:1px dotted #E6E7F0; border-left-color:transparent; border-right-color:transparent; cursor:pointer; } .bo-faq-headline i {font-size:20px;position:absolute; margin:6px 10px 0 0; color:#83AD63;transition: 300ms ease-in-out; transition-delay:100ms; } .bo-faq-headline i {transition: 300ms ease-in-out; transition-delay:100ms; } .bo-faq-headline h3 {font-size:14px; font-weight:500; padding-left:30px;} .bo-faq-answer {padding:15px; border:1px dotted #E6E7F0;border-top:none;margin:0 0 15px 0;} /* ===================== img stat ===================== */ .image-wrapper { height:auto; position:relative; z-index:1000; margin:0; padding:0; overflow:hidden; } .bo-start-image {overflow:hidden;} .bo-start-image img { width:100%; height:auto; display:block; position:relative; } .bo-start-full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} /* ===================== img slider ===================== */ .slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden; } .bo-slideshow-item {padding:0; margin:0; width:100%; height:auto; position:relative; overflow:hidden; } .slideshow img {width:100%; height:auto; margin:0; padding:0; display:block;position:relative;} .slideshow .slick-next, .slideshow .slick-prev {width:30px;height:30px;padding:0; text-align:center; margin:0; font-size:0; border:none;cursor:pointer;position:absolute;z-index:9998; background:rgba(255,255,255,.5); visibility:hidden; } .slideshow .slick-prev{left:calc(50% - 35px); bottom:15px;} .slideshow .slick-next{right:calc(50% - 35px); bottom:15px;} .slideshow .slick-prev:before{content:'\ea68'; font-family:"icofont";} .slideshow .slick-next:before{content:'\ea69'; font-family:"icofont";} .slideshow .slick-next:before, .slideshow .slick-prev:before{font-size:20px;line-height:1;opacity:1;color:#555B6E;} .slideshow .slick-next.slick-disabled:before, .slideshow .slick-prev.slick-disabled:before{opacity:.25} .slideshow:hover .slick-next, .slideshow:hover .slick-prev {visibility:visible;} .slideshow-info-box {max-width:400px; background:#ffffff; height:auto; padding:15px 20px 20px 20px;text-align:left;} .slideshow-info-box-title {font-size:23px; font-weight:500;} .slideshow-info-box-caption {font-size:16px;line-height:1.65em;} .slideshow-info-wrapper {position:absolute; top:20%;left:0;right:0; z-index:9999; max-width:1140px; margin-right:auto;margin-left:auto;} .slideshow-box-pagination { position:absolute; bottom:10px; left:15px;} .sbp-next, .sbp-prev {width:30px; height:10px; border-bottom:3px solid; display:inline-block; margin:0 3px;cursor:pointer;} .sbp-prev {border-color:#555B6E;} .sbp-next {border-color:#83AD63;} /* ========================= go to top/bottom - contact ======================== */ #gototop { display:none; position:fixed; z-index:10000; right:10px; bottom:75px; } #gototop a { border:1px solid #83AD63; padding:9px; border-radius:100%; color:#83AD63; text-decoration:none; font-size:20px; display: block; margin:5px 0; line-height:1em;} #gototop a:hover { opacity:.8;} #globalmail { background: #83AD63;padding:4px 8px 4px 5px;border-radius:33px 0 0 33px;display:none;position:fixed; z-index:999999; right:0; bottom:195px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;transition: all 0.3s;} #globalmail a {background:#83AD63;border:1px solid #fff; padding:9px; border-radius:100%; color:#fff; text-decoration:none; font-size:26px; display: block; margin:0; line-height:1em;cursor:pointer; } #globalmail:hover {padding-right:30px;} .bo-mail-overlay {position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background: rgba(0,0,0,.8);z-index: 999998;} .bo-mail-overlay-content {width:500px; background: #fff; padding:15px; text-align: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left:auto; margin-right:auto; z-index: 999999;} .bo-mail-overlay-close {position: absolute; top:-50px; right:-50px; font-size:40px; color:#fff;} /* ========================= blog ======================== */ .catdescription {margin:15px 20px; padding:0; } .catdescription p {margin:0; padding:7px 0; font-size:15px; } .bo-blog-section .col-ohc:nth-child(2n + 2) {margin-right:0;} .bo-blog-section .col-otc:nth-child(3n + 3) {margin-right:0;} .bo-blog-section .col-ohc:nth-child(2n + 1) {clear:both;} .bo-blog-section .col-otc:nth-child(3n + 1) {clear:both;} .bo-blog-col3 {flex-basis:calc(33% - 20px); width:calc(33% - 20px);margin:10px;} .blogloop-box {margin:0 0 15px 0; padding:0 1px 25px 1px; border-bottom:1px dotted #E6E7F0; } .blogloop-img {margin:15px 0;} .blogloop-img img {width:100%; height:auto; display:block; border-radius:2px;} .blogloop-box.sc-blogbox .blogloop-img {margin:0 0 15px 0;} .blogloop-box h2 { font-size:20px; line-height:1.5em; margin:0 0 10px 0; padding:0 0 10px 0;font-weight:500; } .blogloop-box h2 a {color:#424A59;} .blogloop-box.sc-blogbox h2 {margin:0; padding:10px 0; font-size:18px; } .blogloop-box p {font-size:17px; line-height:1.65em; } .blogloop-box.sc-blogbox p {font-size:16px; line-height:1.55em; } a.bo-blog-simple-more {color:#83AD63; font-weight:500;font-size:14px;} .bo-meta {font-size:13px; } .bo-meta i {font-size:16px;} .bo-meta a {color:#83AD63;} .bo-meta-category {font-weight:500; text-transform:uppercase;font-size:11px; } .bo-meta-date, .bo-meta-author, .bo-blog-com {display:inline-block; } .bo-blog-com {float:right;} .bo-blog-com span {background:#E6E7F0; border-radius:100%;padding:2px 6px;margin:-5px 0 0 5px; } .bo-blog-meta-tags {margin:20px 0;} .bo-blog-meta-tags .bo-meta-tags {margin:5px 0; padding:8px 0; } .bo-blog-meta-tags .bo-meta-tags a {padding:5px 7px; border-radius:4px;background:#E6E7F0;color:#484B59; font-weight:500;} .bo-blog-meta-tags .bo-meta-tags a:hover {color:#83AD63; } .bo-blog-more-button {margin:35px 0; } .bo-blog-more-button a {background:#83AD63; color:#FFFFFF; font-weight:500; padding:10px 15px; transition:all 0.5s;} .bo-blog-more-button a:hover {background:#555B6E;border-radius:5px;} .bo-single-post-img img {border-radius:4px; margin:10px 0 25px 0;} .bo-blog-single-meta {padding:15px 0;} .bo-blog-single-meta div {margin:5px 0;} .bo-blog-single-nav {clear:both; height:auto; margin:25px 0;padding:20px 0; border-top:1px dotted #E6E7F0;border-bottom:1px dotted #E6E7F0; } .bo-blog-single-nav .navleft {width:50%; float:left; vertical-align: middle;} .bo-blog-single-nav .navright {width:50%; float:right; vertical-align: middle; text-align:right;} .bo-blog-single-nav .navleft figure {width:60px;height:60px; overflow:hidden;float:left; margin:0 15px 0 0; border-radius:100%; } .bo-blog-single-nav .navright figure {width:60px;height:60px; overflow:hidden;float:right; margin:0 0 0 15px; border-radius:100%; } .bo-blog-single-nav img {border-radius:100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;transition: all 0.3s;} .bo-blog-single-nav .navleft:hover img, .bo-blog-single-nav .navright:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .bo-blog-single-nav p {font-size:15px; font-weight:500;margin:10px 0 0 0; padding:0;} .bo-blog-single-nav span {font-size:13px; font-weight:300; display:block; } .bo-blog-single-nav a {color:#484B59;} /* ======================== comments - pagination ============================ */ h2.comment-reply-title {font-size:16px; font-weight:500; background:#F7F8FA; padding:10px;} p.comment-notes {font-size:14px; margin:5px 0; padding:0;} #respond label {display:block; font-size:15px; font-weight:500; } #respond label span {font-size:13px; } #respond input,#respond textarea {width:calc(100% - 14px); font-size:14px; padding:7px; margin:0 0 7px 0; border:1px solid #e5e5e5; border-radius:3px; } #respond input[type="checkbox"] {width:30px; float:left;margin-top:8px; } #respond p.comment-form-cookies-consent label {font-size:14px; font-weight:400; } #respond input#submit {background:#83AD63;color:#FFFFFF;border-color:#83AD63; width:auto; font-size:15px; cursor:pointer; margin-top:25px; padding:10px 20px;} #comments-box { margin:30px 0 25px 0; padding:20px 0; } a#cancel-comment-reply-link {display:block;} .comment-author .says { display:none;} .comment-author {font-weight:bold;color:#606774;} .comment-meta {font-size:13px;} #comments-box a {color:#606774;} #comments-box a.comment-reply-link {color:#83AD63; font-size:13px;font-weight:500; margin:5px; text-align:right; display:block;} ul.comment-list { margin:15px 0 0 0; list-style:none; padding:0; } ul.comment-list li { padding:5px 10px; margin:0 0 15px 0; font-size:1em; line-height:1.6em; border-bottom:1px dotted #E6E7F0; list-style:none;} ul.comment-list li.bypostauthor .comment-author {color:#83AD63; } ul.comment-list li.bypostauthor {} ul.comment-list ul {margin:15px 0; border:1px dotted #E6E7F0; padding:10px;} ul.comment-list ul li {border-bottom:none;} .bo-comment-count {background:#555B6E;color:#FFFFFF; border-radius:100%; width:25px; height:25px;margin-right:5px;display:inline-block; text-align:center; } .post-nav { margin:0 0 15px 0; padding:0; font-size:16px;font-weight:400;} .post-nav .page-numbers {padding:0; width:30px; height:30px; line-height:28px; border-radius:100%; margin:0 3px 0 0; background:#F7F8FA; display:inline-block;text-align:center;} .post-nav a {text-decoration:none; color:#83AD63; } .post-nav a:hover {background:#83AD63; color:#FFFFFF !important; } .post-nav .current {background:#83AD63; color:#FFFFFF;} .sticky { margin:-8px; padding:5px; border:8px solid #E6E8ED; border-radius:3px 3px 0 0;} .bypostauthor { font-style:italic;} /* ===================== gallery ================= */ .gallery img {width:calc(100% - 4px); height:auto; margin:0 2px; border-radius:3px;} .gallery{clear:both;overflow:hidden;margin:0;} .gallery .gallery-item {overflow:hidden;float:left;margin:0;text-align:center;list-style:none} .gallery-columns-0 .gallery-item{width:100%} .gallery-columns-1 .gallery-item{width:100%} .gallery-columns-2 .gallery-item{width:50%} .gallery-columns-3 .gallery-item{width:33.33%} .gallery-columns-4 .gallery-item{width:25%} .gallery-columns-5 .gallery-item{width:20%} .gallery-columns-6 .gallery-item{width:16.66%} .gallery-columns-7 .gallery-item{width:14.28%} .gallery-columns-8 .gallery-item{width:12.5%} .gallery-columns-9 .gallery-item{width:11.11%} .gallery-columns-10 .gallery-item{width:10%} .footer-box .gallery,.sidebarbox .gallery {padding:10px 0;} img.alignright { float:right; margin:5px 10px 5px 25px; border-radius:3px; } img.alignleft {float:left; margin:5px 25px 5px 0; border-radius:3px; } img.aligncenter { margin:10px auto; border-radius:3px; } img.alignnone { margin:10px 0; border-radius:3px;} figure.alignright img { float:right; margin:5px 10px 5px 25px; border-radius:3px; } figure.alignleft img {float:left; margin:5px 25px 5px 0; border-radius:3px; } figure.aligncenter img { margin:10px auto; border-radius:3px; } figure.alignnone img { margin:10px 0; border-radius:3px;} .textwidget img {max-width: 100%; } img[class*="align"], img[class*="wp-image-"] {height: auto; } img.size-full, img.size-large {max-width: 100%; width: auto; } #TB_secondLine a {color:#333;} /* =================== contactforms cf7 =================== */ .wpcf7-form {margin:0; padding:0; width:calc(100% - 15px);} .sidebarbox .wpcf7-form {margin:10px 0 0 0; padding:5px; width:calc(100% - 20px); border:none;} .wpcf7 input, .wpcf7 textarea, .wpcf7 select {width:calc(100% - 20px); border:1px solid #E6E7F0; border-radius:3px; padding:12px 3px; margin:0 0 10px 0; font-size:14px; font-family:'Lato', sans-serif; font-weight:400; background:rgba(255,255,255,.8);} .wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {background:rgba(255,255,255,.9);} .wpcf7 label { font-size:13px; display:block; margin:7px 0 0 0;} .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {width:auto;display:inline-block; margin:0 10px 0 0;} .wpcf7 input[type="radio"]:checked ~ * {color:#000;} .wpcf7 input[type="date"] {color:#666;} .wpcf7 input[type="number"] {max-width:65px;} .wpcf7 .wpcf7-submit {padding:15px;margin:15px 0; border-radius:2px; background:#83AD63;border-color:#83AD63; color:#FFFFFF;font-family:'Lato', sans-serif; font-size:12px; font-weight:400;text-transform:uppercase; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#484B59;border-color:#484B59;color:#FFFFFF; } button.single-submit {width:100%;} .wpcf7 .wpcf7-submit:disabled {opacity:1 !important;} .wpcf7 .wpcf7-acceptance {margin:5px 0 15px -10px; display:block; width:calc(100% - 10px);} .wpcf7 .wpcf7-acceptance label {font-size:12px; line-height:1.4em; display:inline-block; } .error { position:relative;} .error {display:block; color:#c00;} .wpcf7-form p {position:relative; margin:0; padding:0;font-size:14px;} .wpcf7-form p i {position: absolute;color:#666; z-index: 100; font-size: 16px !important; top:14px;left:5px; } .wpcf7-form p i.icofont-pencil-alt-2{top:14px;left:5px;font-size: 16px;} .wpcf7 p.formicon .wpcf7-text, .wpcf7 p.formicon .wpcf7-textarea, .wpcf7 p.formicon .wpcf7-select, .wpcf7 p.formicon .wpcf7-date {padding-left:30px;} .wpcf7-form a {color:#83AD63;} .offer-request-form {background:#F7F8FA; padding:10px; margin:0 -25px 35px 0;} .offer-request-title {background:#7A8394; color:#FFFFFF; font-size:16px; font-weight:700; display:block; max-width:calc(100% - 10px); padding:10px 0 10px 10px;} /* ================== 404 ================= */ .notfoundsearch{ margin:35px 0; padding:15px 10px; background:#F7F8FA; border-radius:2px; max-width:calc(100% - 50px); } .notfoundsearch form#searchform { margin:0; padding:0; } .notfoundsearch input#searchinput {font-size:13px; padding:10px 5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left; background:rgba(255,255,255,.9); border:1px solid #E6E8ED; width: calc(100% - 140px); -webkit-appearance:none !important;} .notfoundsearch input#searchinput:focus { color:#333;} .notfoundsearch input#searchsubmit {color:#FFFFFF; width:90px; float:right; font-size:13px; display:inline-block; padding:10px 0; margin:3px 20px 0 0; cursor:pointer; background:#83AD63; border:none !important; text-align:center; -webkit-appearance:none !important; } .notfoundsearch input#searchsubmit:hover {background:#555B6E;} .fourofour {color:#F7F8FA; font-size:140px; font-weight:bold;} /* =============== search =============== */ .search-item-list {margin:15px 0; padding:10px 10px 60px 10px; border-top:1px dotted #DEE0E4;} .search-item {margin:15px 0 25px 0; padding-bottom:10px; border-bottom:1px dotted #DEE0E4;} .search-item-thumb {float:left; margin:0 25px 10px 0; max-width:300px; } .search-item-thumb img {width:100%; height:auto; display:block; border-radius:3px;} .search-item p {font-size:15px; margin:0; padding:0 0 5px 0;} a.post-more { display:inline-block; color:#555B6E; font-weight:bold;font-size:14px;} /* print */ .print-image {display:none;} /* =================== widgets =================== */ .footer-widgets { padding:45px 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;} .footer-box { flex-basis:25%; margin-right:40px; } .footer-box:last-child {margin-right:0; } .footer-box .footerboxtitle { margin:0 0 5px 0; padding:0 0 5px 0; font-size:15px; text-transform:uppercase; font-weight:700; border-bottom:1px dotted rgba(0,0,0,.2);} .footer-box ul { margin:10px 0 20px 0; list-style:none; } .footer-box ul li { line-height:1.75em; list-style:none; font-size:15px;} .footer-box a {color:#424A59; } .footer-box a:hover { color:#83AD63; } .footer-box p { margin:0; padding:5px 0; font-size:15px; line-height:1.65em; } .footer-box [class^="icon-"]:before, .footer-box [class*=" icon-"]:before {margin:0 4px 0 0 !important; padding:1px 0 0 0 !important; color:#FFFFFF; font-size:18px; } .footer-box #map-canvas { max-width:95%; height:auto; padding:0; margin:5px; border-radius:3px; } .footer-box #map-canvas iframe { max-width:100%; height:auto;} .footer-box #map-canvas a { color:#424A59; text-decoration:none; margin:0 0 0 10px; font-size:10px;} .bottomline { margin:1px 0 0 0; font-size:.75em; text-align:center; padding:15px 0; border-top: 1px dotted rgba(0,0,0,.1); } .footer-widgets:empty {padding:0 !important;} /* ====== profilebox */ .sidebarbox .profilebox {border:1px dotted #E6E7F0; padding:10px 10px 10px 15px;} .sidebarbox .profilebox ul { margin:0; padding:0; list-style:none !important; } .sidebarbox .profilebox ul li {font-size:14px; font-weight:300; line-height:1.6em; border-bottom:none; border-top:none; padding:0; list-style-position: outside; text-indent: 0; list-style:none !important;} .sidebarbox .profilebox ul li.bo-profile-company {font-size:15px;font-weight:500;} .sidebarbox .profilebox ul li:before {content: ''; float:none; margin-right:0; display:none; } .sidebarbox .profilebox ul li.secaddr {margin-bottom:15px;} .sidebarbox .profilebox ul li a {color:#424A59; display:inline-block;} .sidebarbox .profilebox ul li:hover {padding:0;} .footer-box .profilebox ul { margin:10px 0 0 0; padding:0; list-style:none !important; } .footer-box .profilebox ul li {font-size:15px; line-height:1.6em; border-bottom:none; border-top:none; padding:0; list-style-position: outside; text-indent: 0; list-style:none !important;} .footer-box .profilebox ul li:before {content: ''; float:none; margin-right:0; display:none; } .footer-box .profilebox ul li.secaddr {margin-bottom:10px;} .footer-box .profilebox ul li a {color:#424A59; display:inline-block;} .footer-box .profilebox ul li a:hover, #sidebar .profilebox ul li a:hover { text-decoration:underline;} /* ====== sidebar/footer-box */ .sidebarbox {padding:10px 0 25px 0; margin:0; } .sidebarbox .widgettitle { padding:15px 0 15px 10px; margin:0 0 10px 0; font-size:13px; text-transform:uppercase; font-weight:500; background:#F0F1F6; } .sidebarbox .widgettitle [class^="icofont-"]:before, .sidebarbox .widgettitle [class*=" icofont-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;} .sidebarbox ul {margin:0; padding:0; list-style:none;} .sidebarbox ul li {margin:3px 0;padding:5px 0; list-style:none;border-bottom:1px dotted #E6E7F0;font-size:15px; font-weight:400;transition:all ease 300ms;position:relative;} .sidebarbox ul li:before {content:"\ea79"; font-family:"Icofont"; font-size:10px; position:absolute; top:5px; left:0;opacity:0;transition:all ease 400ms;} .sidebarbox ul li:hover:before, .sidebarbox ul li.current-cat:before, .sidebarbox ul li.current-menu-item:before {opacity:1;} .sidebarbox ul > li:hover, .sidebarbox ul li.current-cat, .sidebarbox ul li.current-menu-item {padding-left:15px;} .sidebarbox ul li a {color:#424A59; display:block;} .sidebarbox ul li:hover > a, .sidebarbox ul li.current-cat > a, .sidebarbox ul li.current-menu-item > a {color:#83AD63;} .sidebarbox ul ul.sub-menu li {border-bottom:none;} .sidebarbox ul.product-categories li:before {content:"\ea79"; font-family:"Icofont"; font-size:10px; position:absolute; top:5px; left:0;opacity:0;transition:all ease 300ms;} .sidebarbox ul.product-categories li:hover:before, .sidebarbox ul.product-categories li.current-cat:before {opacity:1;} .sidebarbox ul.product-categories li:hover, .sidebarbox ul.product-categories li.current-cat {padding-left:15px;} .sidebar-thumbnail {float:left; width:60px;height:60px; margin:0 15px 0 0; padding:0;} .sidebar-thumbnail img {border-radius:100%;width:60px; height:60px; } .footer-box .sidebar-thumbnail {float:left; width:60px; margin:0 15px 0 0;} ul.sidebar-current-posts li {padding:5px 0; list-style:none;} .sidebarbox ul.sidebar-current-posts li:hover {padding:5px 0;} .footer-box ul.sidebar-current-posts {margin-left:0;} .footer-box ul.sidebar-current-posts li:before, #sidebar ul.sidebar-current-posts li a:before {content: ''; display:none;} .sidebarbox ul.sidebar-current-posts li:before {content:""; margin-right:0;} .sidebar-current-posts .post-date {font-size:11px; color:#727271;} .woocommerce-product-search input {padding:9px 10px;width:calc(100% - 100px);font-size:13px;} .woocommerce-product-search button {padding:10px; background:#83AD63; border:none;color:#FFFFFF; font-size:13px; font-weight:500; text-transform:uppercase;} .sidebarbox #searchform input {display:inline-block;} .sidebarbox #searchform input[type="text"] {padding:9px 10px;width:calc(100% - 120px);font-size:13px; border:1px solid #E6E7F0;} .sidebarbox #searchform input[type="submit"] {cursor: pointer; padding:10px; background:#83AD63; border:none;color:#FFFFFF; font-size:13px; max-width:100px; font-weight:500; text-transform:uppercase;} .footer-box #searchform input {display:inline-block;} .footer-box #searchform input[type="text"] {padding:9px 10px;width:calc(100% - 120px);font-size:13px; border:1px solid #E6E7F0;} .footer-box #searchform input[type="submit"] {cursor: pointer;padding:10px; background:#83AD63; border:none;color:#FFFFFF; font-size:13px; max-width:100px; font-weight:500; text-transform:uppercase;} .sidebarbox ul.product_list_widget li:after {clear:both; content:"";display:table;} .sidebarbox ul.product_list_widget li img {border-radius:100%;margin-top:0;margin-right:5px;width:60px; height:60px;float:right; } .sidebarbox ul.product_list_widget li .product-title {font-size:13px;font-weight:500;} .sidebarbox ul.cart_list.product_list_widget li {font-size:13px;} .sidebarbox ul.product_list_widget li .product-title {color:#83AD63;} .sidebarbox ul.product_list_widget li {border-bottom:1px dotted #E6E7F0;} .sidebarbox ul.product_list_widget li a {color:#83AD63;} .sidebarbox ul.product_list_widget li:hover {padding-left:0;} .sidebarbox ul.product_list_widget li:before {content:"";} .footer-box ul.product_list_widget li:after {clear:both; content:"";display:table;} .footer-box ul.product_list_widget li img {border-radius:100%;margin-top:0;margin-right:5px;width:60px; height:60px;float:right; } .footer-box ul.product_list_widget li .product-title {font-size:13px;font-weight:500;} .footer-box ul.cart_list.product_list_widget li {font-size:13px;} .footer-box ul.product_list_widget li .product-title {color:#83AD63;} .footer-box ul.product_list_widget li {border-bottom:1px dotted #E6E7F0;padding-bottom:5px;} .footer-box ul.product_list_widget li a {color:#83AD63;} .footer-box .woocommerce-Price-amount {display:block;} .widget_shopping_cart_content {background:#F7F8FA; padding:10px;} ul.cart_list .remove, ul.cart_list .remove_from_cart_button {color:#000 !important; padding:10px 5px; float:right;} .widget_shopping_cart_content p {font-size:14px !important;} .widget_shopping_cart_content .button {background:#E6E7F0 !important; margin-right:5px !important;} .sidebarbox .tagcloud a {color:#424A59;line-height:1.5em;} .sidebarbox .tagcloud a:hover {color:#83AD63; } /* ========================= 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:#83AD63; text-decoration:none; padding:6px 2px; margin:-6px -2px;} #wp-calendar a:hover {background-color: #F0F1F6; } #wp-calendar caption {display:none;} #wp-calendar th {padding: 3px 0; text-align: center; border:1px solid #E6E7F0; background-color: #F0F1F6; } #wp-calendar td {padding:6px 2px; text-align: center; border:1px solid #E6E7F0; } #wp-calendar td.pad:hover { background-color: #F0F1F6; } .wp-calendar-nav-prev a, .wp-calendar-nav-next a {color:#424A59; padding-top:5px;} /* ========================= Sidebar Image/Shortcode =========================*/ .sidebar-bocta-box {position:relative; text-align:center; height:auto;} .sidebar-bocta-box img {width:100%; height:auto; border-radius:2px; } .sidebar-bocta-box .sidebar-box-headline {font-size:21px; font-weight:700; color:#FFFFFF; margin:5px;} .sidebar-bocta-box .has-image-content { background:rgba(0,0,0,.3); padding:15px; width:calc(100% - 30px); height:calc(100% - 30px); position:absolute; top:0; left:0; z-index:999;vertical-align:center; } .sidebar-bocta-box .has-image-content .image-content {position: relative; top: 50%; transform: translateY(-50%);} /* ================== footer banner ================= */ .footerbottom {width:calc(100vw - 40px);padding:35px 20px; background-color:#555b6e; margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width: 100vw} .footerbottomcontent {max-width:1160px; padding:20px; margin:0 auto; text-align:center; color:#FFFFFF;} .footerbottomcontent form {text-align:left;} .footerbottomtitle {font-size:23px;margin:10px 0; font-weight:500;} .footerbottomcontent form {width:100%; text-align:center; margin:20px; } .footerbottomcontent form input[type="submit"] {margin:0 0 0 5px;border-radius:1px;font-size:14px; font-weight:500;} .footerbottomcontent form input[type="email"] {margin:0; padding:14px 5px; border-radius:1px;font-size:15px; font-weight:500; width:500px;} .footerbottomcontent form p {margin:10px 0;} .footerbottomcontent {background:rgba(255,255,255,.7);} /* ========================= animation ========================= */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .bo-block-cta-wrapper.animated {animation-duration:1500ms;} .bo-block-cta-overlay.animated {animation-duration:1500ms;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to {opacity: 1; -webkit-transform: none; transform: none; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;} .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;} /* ===================== woo ================= */ .bo-woocommerce-wrapper {padding-top:42px;padding-bottom:80px;} .bo-woocommerce-wrapper .woocommerce-result-count {display:none;} .bo-woocommerce-wrapper .woocommerce-ordering {position:relative;} .bo-woocommerce-wrapper .woocommerce-ordering select {padding:10px; width:calc(100% - 4px); border:1px solid #E6E7F0; border-radius:3px; margin:0; box-sizing:border-box;color:#484B59;font-size:14px;font-family: 'Lato', sans-serif;} .bo-woocommerce-wrapper .woocommerce-ordering:after {content:"\ea67"; font-family:"Icofont"; font-size:14px; position:absolute; right:12px; top:13px; color:#83AD63; } .bo-woocommerce-wrapper .price {color:#555B6E !important;font-size:15px !important;} .bo-woocommerce-wrapper h2.woocommerce-loop-product__title {color:#484B59; font-size:16px !important; font-weight:500; margin-top:-10px !important;} .bo-woocommerce-wrapper a.button, .bo-woocommerce-wrapper button.button, .bo-woocommerce-wrapper input.button { background:#83AD63 ; color:#FFFFFF; padding:15px; border-radius:1px; font-weight:500; font-size:13px; text-transform:uppercase;} .bo-woocommerce-wrapper input#submit { background:#83AD63 !important; color:#FFFFFF !important; padding:15px !important; border-radius:1px; font-weight:400 !important; font-size:13px; text-transform:uppercase !important; } .bo-woocommerce-wrapper button.single_add_to_cart_button {background:#83AD63 !important;} .bo-woocommerce-wrapper button.single_add_to_cart_button.wc-variation-selection-needed {padding:15px !important;} .bo-woocommerce-wrapper table.variations tr td:first-child{width:1%; white-space:nowrap;} .bo-woocommerce-wrapper table.variations {padding:10px 0; justify-content:flex-start; width:100%;} .bo-woocommerce-wrapper table.variations label {font-size:14px; font-weight:300 !important; background:#F7F8FA; width:calc(100% - 20px) !important;margin-top:3px !important; padding:10px 10px 15px 10px;} .bo-woocommerce-wrapper table.variations select {background:#FFFFFF; border:1px solid #E6E7F0; padding:7px 10px; margin-top:0 !important; max-width:calc(100% - 22px);} .bo-woocommerce-wrapper a.reset_variations {display:block; color:#000;} .bo-woocommerce-wrapper a.button:hover, .bo-woocommerce-wrapper button.button:hover, .bo-woocommerce-wrapper input.button:hover, .bo-woocommerce-wrapper #review_form #submit:hover {background:#484B59;color:#FFFFFF;} .bo-woocommerce-wrapper ul.products li.product {background:#F7F8FA; text-align:center; padding-bottom:15px;} .bo-woocommerce-wrapper ul.products li.product img {border-radius:4px 4px 0 0;} .bo-woocommerce-wrapper ul.products li.product.outofstock img {opacity:.5;} a.added_to_cart {display:block !important; font-size:12px;} .bo-woocommerce-wrapper .panel h2 {font-size:19px;} .bo-woocommerce-wrapper .wc-tabs-wrapper {padding-top:25px;} .bo-woocommerce-wrapper .wc-tabs-wrapper ul.wc-tabs li {font-size:13px;} .bo-woocommerce-wrapper .quantity input[type="number"] {padding:12px 2px} .bo-woocommerce-wrapper .summary form.cart {margin-top:20px;} .bo-woocommerce-wrapper .summary p.price {font-weight:bold;} .bo-woocommerce-wrapper .product_meta span {display:block; margin:3px 0; font-size:14px; line-height:1.5em; } .bo-woocommerce-wrapper .product_meta span.sku {display:inline-block;} .bo-woocommerce-wrapper .product_meta {border:1px dotted #EAE8EA; border-radius:2px; margin:5px 0; padding:10px;} .bo-woocommerce-wrapper .product_meta a {color:#83AD63;} .bo-woocommerce-wrapper .related.products {padding-top:30px; border-top:1px dotted #E6E7F0;} .bo-woocommerce-wrapper .related.products > h2 {font-size:19px; border-bottom:2px solid #E6E7F0; padding:10px 5px;margin-bottom:20px;} a.showcoupon {color:#000 !important;} .bo-woocommerce-wrapper .woocommerce-message a.button {background:#555B6E !important;color:#FFFFFF !important;} .woocommerce-billing-fields {} .woocommerce-billing-fields input[type="text"],.woocommerce-billing-fields input[type="email"],.woocommerce-billing-fields input[type="tel"] {border:1px solid #E6E7F0; padding:10px;border-radius:2px;} .woocommerce-shipping-fields input[type="text"],.woocommerce-shipping-fields input[type="email"] {border:1px solid #E6E7F0; padding:10px;border-radius:2px;} .woocommerce-additional-fields textarea {border:1px solid #E6E7F0; padding:10px;border-radius:2px;} h3#order_review_heading {margin-top:40px;} .woocommerce-checkout-payment {background:#F7F8FA !important;} ul.wc_payment_methods li {list-style:none !important;} #payment .button {background:#83AD63 ; color:#FFFFFF; padding:15px 20px; border-radius:1px; font-weight:500; font-size:13px; text-transform:uppercase;} table.shop_table .product-name a {color:#000;font-weight:500;} a.checkout-button.button {background:#555B6E !important;} a.checkout-button.button:hover {background:#83AD63 !important;} figure.woocommerce-product-gallery__wrapper {} .woocommerce-tabs ul.wc-tabs {background:#F7F8FA; padding:15px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li {background:none; border:none; border-radius:0;margin:0;padding:0 10px;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after,.woocommerce div.product .woocommerce-tabs ul.tabs li::before {display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:10px 20px;font-size:14px;font-weight:400;text-transform:uppercase;color:#444;text-decoration:none} .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;background:rgba(255,255,255,.8);} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:rgba(255,255,255,1);color:#83AD63;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {} .comment-text {margin:0 !important; } #reviews ol.commentlist {margin-top:20px !important; padding:0;} #reviews ol.commentlist li {list-style:none;} .comment-respond {margin-top:30px !important;} .woocommerce-review-link {font-size:13px; color:#83AD63;} .woocommerce ul.products li.product .star-rating { position:absolute; top:10px; left:10px;} table.woocommerce-product-attributes {border:1px solid #EAE8EA !important;} table.woocommerce-product-attributes th {font-size:14px;background:none !important;} table.woocommerce-product-attributes td {padding:5px !important; background:none !important;} table.woocommerce-product-attributes p {font-size:13px} table.woocommerce-product-attributes tr:last-child td, table.woocommerce-product-attributes tr:last-child th {border-bottom:none;} .sku_wrapper:before {content:"\eed0"; font-family:"Icofont"; font-size:14px;margin-right:10px;} .sku_wrapper {padding:0 0 10px 0} .woocommerce-product-gallery ol li {margin:0 !important;padding:0 !important;} .contactbox .show-woolink a {background:#83AD63; color:#FFFFFF !important; font-size:15px;line-height:21px; border-radius:100%; width:23px; height:23px; display:inline-block; text-align:center; } .bo-woocommerce-wrapper .woocommerce-pagination {} ul.page-numbers {border:none !important;} ul.page-numbers li {border-radius:100%;border:1px solid #83AD63;margin-right:3px !important;background:none !important;border-right:1px solid #83AD63 !important;} ul.page-numbers li:hover a {background:#83AD63 !important; color:#ffffff !important;} ul.page-numbers li span.page-numbers.current {background:#83AD63 !important;color:#ffffff !important;} .bo-woocommerce-wrapper .up-sells > h2 {font-size:19px; border-bottom:2px solid #E6E7F0; padding:10px 5px;margin-bottom:20px;} .woocommerce-message{border-top-color:#83AD63 !important;background-color:#f7f8fa !important;} .woocommerce-message::before{content:"\e015";color:#83AD63 !important} .woocommerce-info{border-top-color:#555B6E !important;background-color:#f7f8fa !important;} .woocommerce-info::before{color:#555B6E !important} .woocommerce-error{border-top-color:#b81c23;background-color:#f7f8fa !important;} .woocommerce-error::before{content:"\e016";color:#b81c23} .woocommerce-message a.restore-item {color:#83AD63;} #customer_details h3 {border-bottom:1px dotted rgba(0,0,0,.2);padding-bottom:5px;margin-bottom:10px;} #customer_details h3 {border-bottom:1px dotted rgba(0,0,0,.2);padding-bottom:5px;margin-bottom:10px;color:#83AD63;font-weight:400;} h3#order_review_heading {border-bottom:1px dotted rgba(0,0,0,.2);padding-bottom:5px;margin-bottom:10px;color:#83AD63;font-weight:400;} table.shop_table thead {background:#F7F8FA;font-size:16px} .reviewer {font-size:13px;} .star-rating {font-size:11px !important;color:#E2AE49;} /* =========================== responsive ===================== */ .mobilemenu {display:none;} .bo-double-mobile {display:none;} @media screen and (max-width: 896px) { .mobile-only {display:block !important;} .desktop-only {display:none !important;} } @media screen and (max-width: 1200px) { /*.wrapper {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; max-width:1200px; } */ .slideshow-info-wrapper {left:20px;} } @media screen and (max-width: 1024px) { .contactbox { padding-left:10px; } #topmenu ul li{padding:0 5px;} #topmenu ul li a {font-size:12px;} #gototop {right:5px;} #globalmail:hover {padding-right:20px;} .slideshow-info-box {padding:5px 10px 10px 10px;max-width:460px;} .slideshow-info-box-title {font-size:20px;} .slideshow-info-box-caption {font-size:15px;} .slideshow-info-wrapper {top:20px;left:20px;} .bo-block-cta-wrapper { max-width:65%;} } /* ======================= eof 1024 */ @media screen and (max-width: 940px) { .headbanner {padding:0;display:block; } .header-wrap {border-top:none;} .contactbox { position:absolute;right:55px;top:22px; padding:0;z-index:999999; } .mobilebutton{ position:fixed;right:10px;top:10px;cursor:pointer;z-index:999998; background:#83AD63;border-radius:100%;width:45px; height:45px;text-align:center; } .mobilebutton i {color:#fff; font-size:24px; line-height:45px;} .mobilemenu {display:block;} #topmenu{ background:#ffffff; } #topmenu { position:relative;text-align:left; margin:0; padding:0; z-index:99999; width:100%; } #topmenu ul{ display:none; float:none; text-align:left; padding:20px 10px; } #topmenu ul li a {padding:15px 5px; border-bottom:1px solid #E6E7F0; font-size:14px;} #topmenu ul li > a:after {border-bottom:none;} #topmenu ul li {width:calc(100% - 15px); float:none; background:#FFFFFF;} #topmenu ul ul {position:relative;float:none;left:0; padding-left:10px; border:none;border-bottom:1px solid #E6E7F0; } #topmenu ul ul ul {margin-left:0;top:0; } #topmenu ul ul li {opacity:1; transition:none; } #topmenu li:hover ul li{padding:0;width:100%;} #topmenu .submenu-button {position:absolute;z-index:99;right:15px;top:3px;display:block;height:41px;width:46px;cursor:pointer} #topmenu .submenu-button:after{position:absolute;top:10px;right:25px;width:20px;height:20px;display:block;content:'\eab2';font-family:"icofont";font-size:18px;} #topmenu .submenu-button.submenu-opened:after {position:absolute;top:10px;right:25px;width:20px;height:20px;display:block;content:'\eab9';font-family:"icofont";font-size:18px;} #topmenu > ul > li.has-sub > a:after, #topmenu ul ul li.has-sub > a:after{display:none;} #topmenu ul li.bo-menu-highlight > a {padding:15px 0 15px 10px; border-radius:0;} #topmenu ul li.bo-menu-highlight:hover > a {border-radius:0;} .bo-block-cta-heading {font-size:40px !important; } .bo-block-cta-buttons {margin-top:15px;} .bo-imagebox-teaser {top:10px;left:20px;width:calc(100% - 60px);} .bo-imagebox .bo-imagebox-teaser h4, .bo-imagebox .bo-image-box-title {font-size:17px; font-weight:400;} .bo-imagebox .bo-imagebox-teaser p {font-size:13px;line-height:1.4em;} .bo-imagebox-button a {bottom:-30px;white-space:nowrap;} .bo-price-box-title {font-size:17px;} } /* ======================= eof 940*/ @media screen and (max-width: 896px) { .bo-service-box {border:1px solid #E6E7F0; padding-left:5px;padding-right:5px;padding-top:5px; flex-basis:calc(33.3333% - 25px); width:calc(33.3333% - 25px); margin:5px; margin-bottom:40px;} .bo-service-box:hover {padding-left:5px;padding-right:5px;padding-top:5px;} .bo-offer-box { flex-basis:calc(33% - 10px); width:calc(33% - 10px); margin:10px 5px 30px 5px; } .bo-product-box {flex-basis:calc(33% - 10px); width:calc(33% - 10px); margin:10px 5px; } .bo-more-button a {padding:10px; width:120px; text-align:center; } .bo-offer-box .bo-more-button a {font-size:12px;} .bo-offer-box:hover .bo-more-button a {top:20px;} .bo-double-box p {font-size:15px;} h1 { font-size:26px;} h2 { font-size:22px;} h3 { font-size:19px;} h4 { font-size:17px;} h5 { font-size:15px; } p { line-height:1.65em;font-size:16px; } .footer-widgets { flex-wrap:wrap;} .footer-box {flex-basis:47%; width:47%;margin-left:0; margin-right:3%; margin-bottom:15px; } .offer-iconbox-icon {padding:0 5px;} .offer-iconbox-text {padding:5px 5px 5px 10px;} .offer-iconbox-title {font-size:14px;} .offer-feature-box i {font-size:46px;} .bo-imagebox h4 {font-size:19px;} .bo-imagebox p {font-size:15px;line-height:1.4em;} .mobile-wrap-top {display:none !important;;} #globalmail {display:none !important;} .breadcrumb-wrapper {text-align:left;} .breadcrumb {position:relative; top:15px; right:inherit; left:0; padding-left:20px; font-size:10px; } .bo-block-cta-wrapper { max-width:85%;} } @media screen and (max-width: 800px) { .sidebar-bocta-box .sidebar-box-headline {font-size:25px;} .slideshow-info-box {max-width:460px; padding:5px 10px 10px 10px;} .slideshow-info-box-title {font-size:19px; font-weight:400;} .slideshow-info-box-caption {font-size:14px;line-height:1.55em;} .slideshow-info-wrapper {top:20px;left:20px;right:0;} .footerbottomtitle {font-size:21px;margin:7px 0;} .footerbottomcontent p {margin:5px 0;font-size:15px;} .footerbottomcontent form p {line-height:1.2em;} .footerbottomcontent form {width:calc(100% - 40px); } .footerbottomcontent form input[type="submit"] {} .footerbottomcontent form input[type="email"] {font-size:15px; width:400px;} .cta-inner { padding:0 15px;} .col-ttc { width:100%; margin:1.5% 0;} .col-otc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc {margin-right:0 ; float:none ;} .col1-2, .col1-3, .col2-3 {width:100% !important; float:none; display:block;} .col1-4 {width:50%;} .col1-4 .inner, .col1-3 .inner, .col2-3 .inner {padding-bottom:25px; } #sidebar {padding:25px 0;} } /* ======================= eof 800 */ @media screen and (max-width: 768px) { .footer-box {flex-basis:46%; width:46%;margin-left:0; margin-right:3%; margin-bottom:15px;} } @media screen and (max-width: 680px) { .bo-block-cta-heading {font-size:30px !important;} .wp-block-spacer {max-height:20px !important;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:23px !important;} .woocommerce-tabs ul.wc-tabs {padding:10px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li {padding:0 5px;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:5px 10px;font-size:13px;} .bo-blog-single-nav { margin:25px 0 0 0;padding:10px 0;} .bo-blog-single-nav .navleft {width:100%; float:none; padding-bottom:30px; margin-bottom:15px; border-bottom:1px dotted #E6E7F0; } .bo-blog-single-nav .navright {width:100%; float:none;} } @media screen and (max-width: 640px) { .slideshow .slick-next, .slideshow .slick-prev,.slideshow:hover .slick-next, .slideshow:hover .slick-prev {display:none; visibility:hidden;} .slideshow-info-box {max-width:100%; padding:15px 20px 20px 20px; text-align:center;} .slideshow-info-box-title {font-size:19px; font-weight:400;} .slideshow-info-box-caption {font-size:15px;line-height:1.55em;} .slideshow-info-wrapper {top:auto;left:auto;right:auto;position:relative; } .slideshow-box-pagination { position:absolute; bottom:10px; left:0; right:0; margin-left:auto; margin-right:auto;} .bo-blog-col3 {flex-basis:calc(100% - 22px); width:calc(100% - 22px); } .bo-service-box {padding-left:10px;padding-right:10px;padding-top:10px; flex-basis:calc(100% - 22px); width:calc(100% - 22px); margin:10px 0 0 0; margin-bottom:40px;} .bo-service-box:hover {padding-left:10px;padding-right:10px;padding-top:10px;} .bo-offer-box {flex-basis:calc(100% - 20px); width:calc(100% - 20px); margin:10px 10px 30px 10px;} .bo-more-button a {padding:25px; text-align:center; } .bo-offer-box .bo-more-button a {font-size:16px; font-weight:500;} .bo-offer-box:hover .bo-more-button a {top:70px;} .bo-product-box {flex-basis:calc(100% - 20px); width:calc(100% - 20px); margin:10px; } .bo-block-cta-text { font-size:15px; line-height:1.5em;} .bo-block-cta-button-1, .bo-block-cta-button-2 {padding:8px 15px;font-size: 13px;letter-spacing:.5px; } .bo-cta-has-custom-hbg, .bo-cta-has-custom-tbg {padding:10px 10px;} .bo-block-cta-container {display: flex; align-items:flex-end; justify-content:flex-end; padding:0 20px; background-size:cover;background-position:50%;} .bo-block-cta-wrapper { max-width:100%; margin-left:20px;margin-bottom:20px; } } @media screen and (max-width: 600px) { .contactbox { position:relative; top:inherit; right:inherit; padding:10px 20px; margin:0 -20px; width:calc(100%); background:#f7f7fa; } .opensearch i {font-size:18px;line-height:23px; } .openphone, .openmail,.opencal {padding:0 5px;line-height:23px; } .openphone i, .openmail i, .opencal i {font-size:20px;} .contactbox .show-woolink a {font-size:20px;line-height:23px;width:26px; height:26px;margin-left:5px; } .contactbox-innerbox {top:120px; right:0; z-index:99999; position: absolute; background: #FFFFFF; padding:20px 15px; border:3px solid #F7F8FA;width:auto;height:auto;text-align:left;border-radius: 3px; -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.3)); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.3));} .bo-imagebox {margin:30px 0;} .bo-imagebox h4 {font-size:23px;} .bo-imagebox p {font-size:17px;line-height:1.6em;} .bo-imagebox-teaser {top:30px;left:30px;width:calc(100% - 80px);} .bo-imagebox .bo-imagebox-teaser h4 {font-size:20px;} .bo-imagebox .bo-imagebox-teaser p {font-size:15px;line-height:1.5em;} .bo-imagebox-button a {bottom:-20px;white-space:nowrap;} .footer-box {flex-basis:100%; width:100%; margin-right:0; } .footer-box .footerboxtitle { margin:15px 0 10px 0; } .footerbottomtitle {font-size:19px;margin:5px 0;} .footerbottomcontent p {margin:5px 0;font-size:14px;} .footerbottomcontent form {width:100%; margin:20px 0; } .footerbottomcontent form input[type="email"] {font-size:15px; width:300px;} .col-full { width:100%; margin:0;} .col-otc { width:100%; margin:1.5% 0;} .col-ttfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-otfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-ttc { width:100%; margin:1.5% 0;} .col-ofc { width:100%; margin:1.5% 0;} .col-ohc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc, .col-ofc, .col-ohc {margin-right:none; display: block; float:none;} .columns {margin:0; padding:30px 0;} .columns p {padding:5px 0;} .columns .col1-3 img { max-width:97.5%; height:auto;} .col1-1, .col1-2,.col1-3,.col1-4,.col3-4, .col2-3 {width:100%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:10px 0 25px 0; float:none; padding:1px 0;} .inner { margin:0; padding:0; } .col1-4 .inner { margin:0; padding:0; } .bo-double-mobile {display:block;} .bo-double-desktop {display:none;} .bo-double-box {width:100%; } .bo-double-box.bo-box-fullwidth {width:100vw;left:50%;right:50%;margin-left:-50vw; margin-right:-50vw; } .bo-double-first {width:100%; } .bo-double-text {padding:20px 20px 10px 20px;margin:0; max-width:calc(100% - 40px);} .bo-double-text-right {padding:20px 20px 10px 20px;margin:0; max-width:calc(100% - 40px);} .bo-double-second {width:100%; } .filters {margin:25px 0 10px 0; padding:0;} .filter-button-group {text-align:center;} .filter-button-group button { display:block; margin:0 auto; text-align:center; } } /* ======================= eof 600*/ @media screen and (max-width: 480px) { .footerbottomtitle {font-size:17px;} .footerbottomcontent form input[type="email"] {font-size:14px; width:260px;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:20px !important; } h1 { font-size:24px;} h2 { font-size:20px;} h3 { font-size:17px;} h4 { font-size:15px;} h5 { font-size:15px; } p { line-height:1.65em;font-size:15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li {display:block;margin:0;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:5px 5px;font-size:11px;display:block;margin:2px 0;} .bo-woocommerce-wrapper a.button, .bo-woocommerce-wrapper button.button, .bo-woocommerce-wrapper input.button { padding:10px; font-size:12px; } .bo-woocommerce-wrapper input#submit { padding:10px !important; font-size:12px; } .bo-woocommerce-wrapper button.single_add_to_cart_button.wc-variation-selection-needed {padding:10px !important;} } /* ======================= eof 480*/