@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap');

/*
Theme Name: Business One Page Hanbuilt
Template: business-one-page
*/

/* --- child theme styles: --- */

body {
    font: 17px / 26px 'Outfit', sans-serif !important;
	color: #202020;
}

.house { color: #202020 !important; }
.light { color: #C0C0C0 !important; }
.grey { color: #404040 !important; }
.white { color: #ffffff !important; }
.black { color: #000000 !important; }

.housebg { background: #202020; }
.lightbg { background: #E6E6E6; }
.greybg { background: #404040; }

.whitebg { background: #ffffff; color: #000000; }
.blackbg { background: #000000; color: #ffffff; }

.whitebg a { color: #000000 !important; }
.blackbg a { color: #ffffff !important; }

#masthead { border-bottom: 1px solid #000000; padding-bottom: 0; }
#mobile-header-primary { float: right; }

a:link, 
a:visited {
    color: #202020;
    text-decoration: none;
}


a:hover,
a:active {
    color: #000000;
    text-decoration: none;
}

.entry-content a:link, .entry-summary a:link, .page-content a:link, .comment-content a:link, .widget .textwidget a:link,
.entry-content a:visited, .entry-summary a:visited, .page-content a:visited, .comment-content a:visited, .widget .textwidget a:visited,
.entry-content a:active, .entry-summary a:active, .page-content a:active, .comment-content a:active, .widget .textwidget a:active
 {
    color: #202020;
    text-decoration: none;
}

.entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .widget .textwidget a:hover {
    color: #C0C0C0;
    text-decoration: none;
}

/* remove float-away header */
.site-header { position:static; }

.headroom, .headroom--pinned, .headroom--unpinned {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}

.headroom--not-top { box-shadow: none; }

.site-content .content-area { padding: 0; }

.site-main { margin-top: 0 !important; padding-top: 0 !important; }
.site-content { margin-top: 0 !important; padding-top: 0 !important; }
/* /remove float-away header */

.site-header .container, .mobile-site-header .container { width: 100%; max-width: 1600px !important; padding: 10px !important; margin: 0 auto !important; box-sizing: border-box; }

.mobile-site-header { padding: 0; background: #202020; border-bottom: 1px solid #d9dbde; }

.site-branding { float: none; text-align: center; }
.site-branding img, .mobile-site-branding img { width: 100%; }

.header-right { float: none; text-align: center;}

.header-right .site-title {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
	display: none;
}
.header-right .site-title a {
    color: #202020;
	display: none; 
}
.header-right .site-title a:hover {
    text-decoration: none;
}
.header-right .site-description {
    margin: 9px 0;
    font-size: 16px;
    line-height: 20px;
    color: #C0C0C0;
    letter-spacing: 0.03em;
	display: none; 
}

.mobile-site-title, .mobile-site-description { display: none; }

.main-navigation {
    flex-basis: auto;
	flex-grow: 0;
/*	margin-right: 40px; */
}

.main-navigation ul li {
	font-size: 18.5px;
	font-weight: 300;
    padding-bottom: 9px;
	margin: 0 40px 0 0;
}

.main-navigation ul li a, .main-navigation ul li > a {
    border-bottom: 1px solid transparent;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover > a {
    padding: 0 0 0 0;
}
/*
.main-navigation ul ul {
    left: auto !important;
	right: 0;
	width: auto !important;
	white-space: nowrap;
	margin-left: auto !important;
	margin-right: -99999px;
}

.main-navigation ul li:hover ul, .main-navigation ul li:focus-within>ul {
    margin-right: 0;
}
*/
.main-navigation ul ul,
.main-navigation ul ul li {
	font-size: 16px;
	padding: 0;
}

.main-navigation ul li a {
    color: #202020;
}
.main-navigation ul li a:hover {
    color: #ffffff;
}

.main-navigation ul>li a,
.main-navigation ul>li a:visited,
.main-navigation ul>li a:active
{
    color: #ffffff;
}
.main-navigation ul>li a:hover {
    color: #ffffff;
}

.main-navigation ul>li.current-menu-item>a {
    color: #ffffff;
}

.main-navigation ul li ul li a,
.main-navigation ul li ul li a:visited,
.main-navigation ul li ul li a:active
{
    color: #202020;
}
.main-navigation ul li ul li a:hover {
    color: #000000;
}

.main-navigation ul li ul li.current-menu-item>a {
    color: #202020 !important;
}

#metaslider-id-41 .caption-wrap,
.caption-wrap {
	position: absolute;
    bottom: unset !important;
    top: 50% !important;
    left: 50% !important;
	transform: translate(-50%,-50%) !important;
	background: rgba(0, 0, 0, 0.6) !important;
	width: 90%;
	border-radius: 18px;
}

.caption-wrap .caption {
    padding: 30px 15px !important;
	box-sizing: border-box;
	text-align: center;
	background: transparent !important;
}

.caption .caption-heading, .caption h2 { font-family: 'Zalando Sans Expanded', sans-serif; font-weight: 700; margin: 15px auto !important; font-size: 1.5em; line-height: 1.5em; color: #ffffff !important; text-transform: uppercase; }
.caption p { font-size: 1.2em; line-height: 1.2em; font-weight: 300; margin: 5px 0 !important; }

.caption-wrap .caption a.button {
    color: #202020 !important;
    background: #ffffff !important;
}
.caption-wrap .caption a.button:hover {
    color: #ffffff !important;
    background: #000000 !important;
}

.featured-image .caption-wrap,
.side-image .caption-wrap { display: none; }

.site-content {	
	margin-top: 0 !important; 
	border-top: 0 none !important; 
	padding: 35px !important; 
	box-sizing: border-box;
}

.home .site-content>.container { width: 100%; margin: 0; padding: 0; }
.home .site-content { margin-top: 0 !important; padding-bottom: 0;}
.home .site-content .content-area { padding-top: 0 !important; }

.home .entry-header { display: none !important; }
.home .page-content, .home .hentry, .home .entry-content, .home .entry-summary { margin: 0; }

.home #welcome { padding: 75px 0; }

.testimonials { background: #E6E6E6; padding: 50px 0 25px 0; }

.reviews>div{ max-width: 95%; margin: 0 auto; }

.home #services { background: #ffffff; padding: 50px 0 25px 0; }
.home #services-content { background: #ffffff url('/wp-content/uploads/2025/12/Hanbuilt_57_2000x1333.avif') center center no-repeat; background-size: cover; }

.home #metaslider_41 { margin-bottom: 0 !important; }

.home #metaslider_41 .flex-control-nav {
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
}
	
.home #metaslider_41 .flex-control-nav li a {
	background: #ffffff;
	margin: 5px;
	height: 18px;
	width: 18px;
	border-radius: 50%;
}
	
.home #metaslider_41 .flex-control-nav li a.flex-active {
	background: #000000 !important;
	opacity: 0.8;
}

/* .home .fm-right { transform: translateY(-100px); } */

.connect-icons { position: absolute; top: -60px; right: 10px; display: inline-block; z-index: 5; }
.connect-icons img { width: 32px; height: 32px; }

.featured-image {
	height: 600px;
	max-height: calc(50vh);
}

.side-image-wrap { width: 100%; }
.side-image  { display: none; }

.site-footer {
    background: #202020; /* was #C0C0C0 */
    padding: 0;
    color: #ffffff;
	font-weight: 200 !important;
}

.site-footer a:link,
.site-footer a:visited,
.site-footer a:active {
    color: #ffffff;
}
.site-footer a:hover {
    color: #ffffff;
	text-decoration: underline;
}

.site-footer .footer-t {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.footer-t .widget p, .companyinfo p, .sticky-banner p {
    margin: 9px 0;
}	
.footer-t .widget ul, .companyinfo ul, .sticky-banner ul {
    list-style: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 9px 0;
    padding: 0;
}

.footer-logos { border-top: 1px solid #C0C0C0; color: #C0C0C0; padding: 27px 9px; box-sizing: border-box; }
.footer-logos h6 { margin: 9px auto; }
.footer-logos a { color: #202020 !important; }
.footer-logos a:hover { color: #404040 !important; }

.companyinfo ul li, .sticky-banner ul li {
    display: inline;
}

.dashicons { transform: translateY(15%); }

.content-area .post .entry-header .entry-meta a {
    color: #202020;
	text-decoration: none;
}

.content-area .post .entry-header .entry-meta .posted-on a:hover {
    text-decoration: underline;
    color: #252626;
}

.content-area .post .entry-header .entry-meta .byline a {
    color: #202020;
}

#secondary .widget ul li a {
    color: #202020;
}

#secondary .widget ul li a:hover {
    color: #252626;
    text-decoration: underline;
}

#business_one_page_recent_post-2 h3.entry-title { text-align: left; font-weight: 300 !important; }

.blog .content-area .post .entry-header .entry-title a,
.category .content-area .post .entry-header .entry-title a,
.archive .content-area .post .entry-header .entry-title a {
    color: #202020;
}

.blog .content-area .post .entry-header .entry-title a:hover,
.category .content-area .post .entry-header .entry-title a:hover,
.archive .content-area .post .entry-header .entry-title a:hover {
    text-decoration: none;
    color: #252626;
}

.blog .content-area .post .entry-content .btn-readmore, 
.category .content-area .post .entry-content .btn-readmore, 
.archive .content-area .post .entry-content .btn-readmore,
.button,
.button-large,
.wpcf7-submit {
	background: #202020 !important;
	background-color: #202020 !important;
	color: #ffffff !important;
	display:inline-block;
	margin: 9px auto;
	padding: 5px 25px;
	appearance: none !important;
	cursor: pointer;
	border-radius: 7px;
	font-size: 18px;
	font-weight: 400;
	border: 0 none;
	text-decoration: none !important;
	width: auto;
	height: auto;
}
.blog .content-area .post .entry-content .btn-readmore:hover, 
.category .content-area .post .entry-content .btn-readmore:hover, 
.archive .content-area .post .entry-content .btn-readmore:hover,
.button:hover,
.button-large:hover,
.wpcf7-submit:hover {
	background: #C0C0C0 !important;
	background-color: #C0C0C0 !important;
	color: #000000 !important;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	text-decoration: none !important;
}
.button-large {font-size: 26px;}

#primary .post-thumbnail { display: none; }

.banner  {
    margin-top: 0;
	border-top: 0 none;
}

.banner-text {
	z-index: unset;
	bottom: 20% !important;
}

.banner-text .text .title {
	background: rgba(0,0,0,0.5); font-family: Outfit, sans-serif; padding-right: 15px; padding-left: 15px;
}
.banner-text .text .btn-more {
	background: #202020;
	color: #ffffff;
	font-weight: 200;
}
.banner-text .text .btn-more:hover {
    background: #ffffff;
	color: #202020;
}

.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span {
    border-color: #202020;
    background: #202020;
}

.wpcf7-form textarea {
    height: auto;
    resize: both;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea, .wpcf7-form select {
    width: 100%;
    font: 16px/20px 'Outfit', sans-serif;
    padding: 9px;
	border: 1px solid #c0c0c0 !important;
	border-radius: 9px;
    box-sizing: border-box;
	margin: 5px 0;
}

.wpcf7-form select {
    width: auto;
}

.wpcf7-form input[type="submit"] {
    font: 19px/52px 'Outfit', sans-serif;
    letter-spacing: 1px;
    border: 0;
    box-shadow: none;
    text-align: center;
    text-shadow: none;
	width: auto;
	margin: 0 auto;
}

span.wpcf7-list-item {
	margin: 0;
}

.row { width: 100% !important; margin: 0 !important; padding: 35px 0 !important; box-sizing: border-box !important; }

.outer-wrapper { max-width: 1300px !important; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.inner-wrapper { max-width: 1160px !important; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.narrow-wrapper { max-width: 820px !important; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.tight-wrapper { max-width: 620px !important; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }

.containernarrow { width: 90%; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box; }
.containerwide { width: 90%; max-width: 1600px !important; margin: 0 auto !important; box-sizing: border-box; }

.region-tags { font-weight: 200 !important; color: #404040 !important; text-transform: uppercase; }

input[type="checkbox"] {width: 26px; height: 26px; padding: 6px 3px; border: 1px solid #a5a5a5; border-radius: 6px; vertical-align: middle;}
.smalltextbox { padding: 3px !important; max-width: 75px !important; }

.cf7sr-g-recaptcha { margin-left: 25px; }

.content-area .post .entry-content .highlight {
    color: #ffffff;
    background: #202020;
}

.videowrapper {
	position: relative !important;
	padding-bottom: 56.25%; 	/* 16:9 */
	padding-top: 0;
	height: 0;
}
.videowrapper > iframe
{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	overflow: auto !important;
}

.companyinfo {}

.copyright {
    background: #000000;
    color: #ffffff;
    padding: 16px 36px 16px 0;
}

.copyright a, .copyright a:active, .copyright a:visited {
    color: #ffffff !important;
}

.copyright a:hover {
    color: #ffffff !important;
	text-decoration: underline;
}

.scrollup {
	right: 23px;
}

h1,h2,h3,h4,h5,h6 { font-family: 'Zalando Sans Expanded', sans-serif !important; color: #202020; text-transform: uppercase; margin: 1.25em auto; text-align: center; }

.content-area .post .entry-content h1, .content-area .page .entry-content h1,
.content-area .post .entry-header .entry-title, .content-area .page .entry-header .entry-title, 
h1 { font: 42px/46px 'Zalando Sans Expanded', sans-serif; font-size: 42px; font-weight: 700; margin: 1.25em auto; }
h2 { font: 32px/36px 'Zalando Sans Expanded', sans-serif; font-size: 32px; font-weight: 700; }
h3 { font: 28px/32px 'Zalando Sans Expanded', sans-serif; font-size: 28px; font-weight: 700; }
h4 { font: 24px/28px 'Zalando Sans Expanded', sans-serif; font-size: 24px; font-weight: 300; }
h5 { font: 20px/24px 'Zalando Sans Expanded', sans-serif; font-size: 20px; font-weight: 300; }
h6 { font: 18px/20px 'Zalando Sans Expanded', sans-serif; font-size: 18px; font-weight: 300; }

ul, ol { margin-inline-start: 0; margin: 0 0 1.5em 0; }

.house-style { font-family: 'Zalando Sans Expanded', sans-serif !important; text-transform: uppercase; font-weight: 700; }

.content-area .post .entry-content blockquote, .content-area .page .entry-content blockquote {
    max-width: 90%;
	width: 700px;
	margin: 1.5em auto;
	font-size: 1.4em;
    line-height: 1.4em;
    color: #202020;
    padding: 25px 25px 25px 100px;
    position: relative;
	font-style: normal;
	border-left: 0 none;
	background: #E6E6E6;
	border-radius: 24px;
}

.content-area .post .entry-content blockquote:after, .content-area .page .entry-content blockquote:after {
    background: url(images/bg-quote.png) no-repeat;
}

blockquote:before, blockquote:after, q:before, q:after {
	margin-top: 40px;
	margin-left: 30px;
    left: 0 !important;
}

.relative { position: relative; }

.uppercase { text-transform: uppercase; }
.hidden { display: none !important; }

.floatleft {float: left;}
.floatright {float: right;}
.floatleftimg {float: left; margin: 0 10px 10px 0;}
.floatrightimg {float: right; margin: 0 0 10px 10px;}
.no-wrap-text {overflow: hidden;}
.leftalign {text-align: left;}
.rightalign {text-align: right;}
.centered {text-align: center;}

b, strong, .strong, .bold {font-weight: 700;}
.notbold {font-weight: 300;}

.column-70 {width: 70%;}
.column-66 {width: 66.67%;}
.column-60 {width: 60%;}
.column-50 {width: 50%;}
.column-30 {width: 40%;}
.column-33 {width: 33.33%;}
.column-30 {width: 30%;}
.column-25 {width: 25%;}
.column-20 {width: 20%;}
.smallest {font-size: 0.75em;}
.smaller {font-size: 0.85em;}
.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.3em;}
.tight {margin: 0 !important; padding: 0 !important; min-height: 0 !important;}
.tight p {margin: 0; padding: 0;}
.tight ul {margin: 0; padding: 0;}
.tight li {margin: 0; padding: 0;}
.tight a {margin: 0; padding: 0;}
.nowrap { white-space: nowrap; }
.clear {clear: both;}
.clearleft {clear: left;}
.separator {clear: both; height: 6px; min-height: 0 !important;}
.spacer {clear: both; height: 15px; min-height: 0 !important;}
.bigspacer {clear: both; height: 18px; min-height: 0 !important;}
.bigspace {clear: both; height: 50px; min-height: 0 !important;}
.spaced {margin: 5px;}
.rounded {border-radius: 4px;}
.radiused {border-radius: 8px;}
.curved {border-radius: 12px;}
.padded {padding: 15px; box-sizing: border-box;}
.paddedpercent {padding: 15px 5% !important; box-sizing: border-box;}
.vpadded {padding: 35px 10px; box-sizing: border-box;}
.vpaddedpercent {padding: 35px 10% !important; box-sizing: border-box;}
.bordered {border: 1px solid #333333;}
.thickbordered { border: 2px solid #333333;}
.dashed {border: 1px dashed #333333;}
.indented {margin-left: 25px;}
.shaded {background: #E7EAF3;}
.shaded-dark {background: #f0f2f7;}
.shadowed { box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.text-shadowed { text-shadow: 3px 3px 4px rgba(59, 59, 59, 1); }

ul.house li, li.house { list-style-type: none; background: url('/images/favicon.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }

li.pdf { list-style-type: none; background: url('images/pdf_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.ppt { list-style-type: none; background: url('images/ppt_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.doc { list-style-type: none; background: url('images/doc_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.xls { list-style-type: none; background: url('images/xls_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.web { list-style-type: none; background: url('images/web_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.email { list-style-type: none; background: url('images/email_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.facebook { list-style-type: none; background: url('images/facebook_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.linkedin { list-style-type: none; background: url('images/linkedin_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.instagram { list-style-type: none; background: url('images/instagram_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.x, li.twitter { list-style-type: none; background: url('images/x_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.youtube { list-style-type: none; background: url('images/youtube_38.png') 0 0 no-repeat; padding: 12px 0 12px 40px; margin: 0; }
li.nobull {list-style: none; padding: 5px 0 5px 0; margin: 0; }
ul.house li a, li.house a, li.pdf a, li.ppt a, li.doc a, li.xls a, li.web a, li.img a, li.email a, li.facebook a, li.youtube a, li.nobull a {display: block;}

.pricing-table {
	width: auto;
	margin: 35px auto;
	border: 0 none;
	border-collapse: collapse;	
	background: #E6E6E6;
	border-radius: 18px;
}
.pricing-table tbody {	
	display: block;
	padding: 9px;
}
.pricing-table tr {
	border-bottom: 1px solid #202020;
}
.pricing-table tr:last-of-type {
	border-bottom: 0 none;
}
.pricing-table th {
	font-weight: bold;
	padding: 9px;
}
.pricing-table td {
	padding: 9px;
}

.flexbox
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
    justify-content: flex-start;
	margin: 0 auto;
}

.flexbox.right { align-items: flex-end; }
.flexbox.center { justify-content: center; }
.flexbox.spaced { justify-content: space-between; }
.flexbox.items-centered { flex-direction: row !important; align-items: center !important; }

.flexbox h2 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.6em !important; }
.flexbox h3 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.45em !important; }
.flexbox h4 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.3em !important; }
.flexbox h5 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.15em !important; }
.flexbox p { padding: 0; margin: 0.75em 1.5em; font-size: 1em; }
.flexbox ul, .flexbox ol { text-align: left !important; }
.flexbox a { font-size: 1em; }
.flexbox img { border-radius: 0 !important; display: block; max-width: 100%; margin: 0 auto; }

.flexbox-item,
.flexbox-item-2,
.flexbox-item-3,
.flexbox-item-4,
.flexbox-item-5
{
	display: flex;
	flex: 1 1 96%;
	flex-direction: column;
	align-items: stretch;
	padding: 0 !important;
	margin: 18px 1%;
	box-sizing: border-box;
}

.flexbox-item-5.video { flex: 0 1 46.5%; }

.flexbox-cta {
	display: flex; /* set the context */
	flex: 1; /* flex an equal amount of space */
	align-items: flex-end; /* pin to bottom */
}
.flexbox-cta div { margin: 0 auto; }

img.fillwidth { width: 100%; }

.detail, .hidedetail { display: none; }

.notmediumscreen { display: inline-block; }

@media only screen and (max-width: 430px)
{
	.featured-image {
		height: calc(30vh)
	}
	.banner-text .text .title {
		display: block;
		padding: 9px;
		font-size: 16px;
		line-height: 18px;
		margin: 0 0 9px
	}
	.banner-text .text .btn-more { line-height: 28px; padding: 5px; }
	
	#metaslider-id-41 .caption-wrap .caption-heading { display: none; }
}

@media only screen and (max-width: 767px)
{
	.notmediumscreen { display: none; }

	.banner-text .text .title { display: block; }

	.floatleftimg {float: none; margin: 10px;}
	.floatrightimg {float: none; margin: 10px;}

	.column-70 {width: 100%;}
	.column-66 {width: 100%;}
	.column-60 {width: 100%;}
	.column-50 {width: 100%;}
	.column-40 {width: 100%;}
	.column-33 {width: 100%;}
	.column-30 {width: 100%;}
	.column-25 {width: 100%;}
	.column-20 {width: 100%;}

	.flexbox { flex-direction: column; }
	.flexbox-item { width: 96%; margin: 10px 2%; }
}

@media only screen and (max-width: 991px)
{
	.mobile-masthead { background: rgba(0, 0, 0, 0.9); }
	.mobile-site-header { border-bottom: 1px solid #000000; }
	
	.mobile-menu-opener {
        width: 45px;
        height: 35px;
        border: 1px solid #ccc;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        padding: 9px 0;
        cursor: pointer;
        top: 10px;
        right: 10px;
        z-index: 20;
        position: absolute;
        background: #ffffff;
    }

	.mobile-menu-opener:hover { background: #C0C0C0; }

	.logged-in .mobile-menu-opener { top: 50px; }

    .mobile-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 320px;
        max-width: 100%;
        height: 100%;
        z-index: 10;
        padding-top: 92px;
        display: none;
    }

	.mobile-main-navigation #primary-menu {
		border-bottom: 1px solid #000000;
	}

	.mobile-main-navigation ul li:hover {
		background: rgba(0,0,0,0.1);
	}

	.mobile-main-navigation ul li a {
		color: #000000;
		border-top: 1px solid #000000;
	}

	.mobile-main-navigation ul li a:hover, .mobile-main-navigation ul li a:focus, .mobile-main-navigation ul li a:active {
		color: #000000;
		text-decoration: none;
	}

	.mobile-main-navigation ul li .angle-down {
        border-left: 0 none;
        border-bottom: 0 none;
		color: #000000 !important;
		outline: 0 none !important;
    }
	.mobile-main-navigation ul li .angle-down:after {
		background: url('images/angle-down-black.png');
		background-size: contain;
	}
	.mobile-main-navigation ul li .angle-down.active {
		color: #000000 !important;
		outline: 0 none !important;
    }
	.mobile-main-navigation ul li .angle-down.active:after {
		background: url('images/angle-down-black.png');
		background-size: contain;
	}

    .mobile-main-navigation ul li .angle-down:focus {
        outline: 1px dotted #f4b400;
    }

	.smallscreen { display: block; }
	.notsmallscreen { display: none; }

	.site-content {	
		padding: 10px !important; 
	}

	.container, .containerwide { width: 90%; margin: 0 auto !important; box-sizing: border-box; }
	.home .site-content>.container { width: 100%; }
	
	.fm-label { color: transparent !important; background: transparent !important; width: 0 !important; max-width: 0 !important; min-width: 0 !important; height: 0 !important; max-height: 0 !important; min-height: 0 !important; }

}

@media only screen and (min-width: 600px)
{
	.in-page-navigation ul li { width: 50%; }
	.flexbox-item-5
	{
		flex: 0 1 46.5%;
	}

	.connect-icons { position: absolute; top: -80px; right: 10px; display: inline-block; z-index: 5; }
	.connect-icons img { width: auto; height: auto; }

}

@media only screen and (min-width: 700px)
{
	.flexbox-item-2,
	.flexbox-item-3,
	.flexbox-item-4
	{
		flex: 0 1 46.5%;
	}
	.flexbox-item-5,
	.flexbox-item-5.video
	{
		flex: 0 1 31%;
	}

	.caption-wrap {
		width: auto !important;
		min-width: 40% !important;
		max-width: 80% !important;
	}
	.caption-wrap .caption { padding: 15px !important; }
	.caption .caption-heading, .caption h2 { font-size: 3em; line-height: 1.5em; }
	.caption p { font-size: 1.5em; line-height: 1.5em; margin: 15px 0 !important; }
}

@media screen and (min-width: 800px)
{
	
	.formfield {clear: both; margin: 5px 0;}
	.formlabel {width: 30% !important; text-align: left !important; margin-right: 10px; }
	.formlabelwide {width: 50% !important; margin-right: 10px; }

	.in-page-navigation ul li { float: none; width: auto; display: table-cell; }
}

@media only screen and (min-width: 992px)
{
	.site-branding { float: left; text-align: left; flex-basis: 0; flex-grow: 1; }
	.site-branding img { max-width: 300px; }
	.header-right { float: right; text-align: right; }

	.featured-image.has_side_image { display: none; }

	.side-image-wrap { display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; align-items: stretch; justify-content: flex-start; flex: 1 1 50%; }
	.side-image-wrap>div { flex: 0 1 100%; }
	.side-image-wrap>div:nth-child(1) { flex: 0 1 33%; }
	.side-image-wrap>div:nth-child(2) { flex: 0 1 66%; }

	.side-image { display: flex; position: relative; height: 100vh; }
	
	.side-image-wrap>div.site-content {
		max-width: 1100px;
	}

	.flexbox-wide-item-2
	{
		flex: 0 1 46.5%;		
	}

	.flexbox-item-3,
	.flexbox-item-4
	{
		flex: 0 1 31%;
	}

	.two-columns, .three-columns { columns: 2; }

	.site-header { background: rgba(0,0,0,0.9); border-bottom: 0 none; }

	.home #metaslider-id-41	{
		width: 100% !important;
		height: 100vh !important;
		background: #ffffff;
	}
	.home #metaslider_container_41 img, 
	.home #metaslider_container_41 video
	.home .ms-local-video	{
		object-fit: cover;
		height: 100vh !important;
		border-radius: 0;
	}

	.home #metaslider_41 .flex-control-nav {
		bottom: 20%;
	}
	
	.home #metaslider_41 .flex-control-nav li a {
		margin: 5px;
		height: 24px;
		width: 24px;
	}

	.local-video { padding-bottom: 0 !important; }
}

@media only screen and (min-width: 1180px)
{
 	.flexbox-item-4
	{
		flex: 0 1 23%;
	}
 	.flexbox-item-5
	{
		flex: 0 1 18%;
	}
}

@media only screen and (min-width: 1380px)
{
 	.flexbox-item-4
	{
		flex: 0 1 23%;
	}
	.three-columns { columns: 3; }
}

@media print { 
	/* all print styles go here */

	body { background: #ffffff; padding: 0; }

	#header-left-section, #header-logo-image, #header-text { float: none; margin: 0; width: 100%; text-align: center; }
	#site-navigation { display: none; }

	.site-branding, .header-left, .header-right { display: block; float: none; width: 100%; text-align: center; }
	.site-branding img, .header-left img { margin: 0 auto; text-align: center; }
	
	#main-navigation, .banner, .videocontainer, .featured-image, .scrolldown, .scrollup, #contactform { display: none !important; }

	.flexbox, .flexbox-item, .flexbox-item-2, .flexbox-wide-item-2, .flexbox-item-3, .flexbox-item-4, .flexbox-item-5 { width: 100%; display: block; }

	#primary { width: 100%; }
	#secondary { display: none !important; }

	.noprint { display: none !important; }
	.column-70.floatleft,
	.column-66.floatleft,
	.column-60.floatleft,
	.column-50.floatleft,
	.column-40.floatleft,
	.column-33.floatleft,
	.column-30.floatleft,
	.column-25.floatleft,
	.column-20.floatleft {width: 100%; float: none;}
	.two-columns, .three-columns { columns: 1; }
	.details { display: block; }
	.closedetails { display: none; }

	.button,
	.button-large,
	form input[type="submit"] { display: none; }
	
	.in-page-navigation { display: none; }
	
	.footer-logos,
	.footer-widgets,
	#copyright-privacy,
	#copyright-sitemaps,
	#copyright-webmaster { display: none; }
}