/*
Theme Name: HDIVersion
Theme URI: https://www.synapseresults.com/
Author: Synapse Results
Description: Child theme for Genesis Framework created by Synapse Results.
Version: 1.0
Template: genesis
*/

/* Table of Contents

	- Imports
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Gravity Forms
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
	- Content Area
		- Entries
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Media Queries
		- max-width: 1139px
		- max-width: 1023px
		- max-width: 767px
		- max-width: 720px
		- max-width: 640px
		- max-width: 480px

		*/


/*
Imports
---------------------------------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
	--------------------------------------------- */

	article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:none;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-footer:before,
.site-inner:before {
	display: table;
	content: " ";
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-footer:after,
.site-inner:after {
	display: table;
	clear: both;
	content: " ";
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background-color: #ffffff;
	color: #333333;
	font-family: roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 22px;
	line-height:2.2rem;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

body a {
	font-weight: 500;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #a6a6a6;
	text-decoration: none;
}
a.read-more{
	background: url("images/icon-black-right-arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	color:#000000;
	padding-right: 18px;
}

a img {
	margin-bottom: -4px;
	margin-bottom: -0.4rem;
}

img {
	width: 100%;
	height: auto;
}

a:hover {
	color: #333;
}

p {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	padding: 0;
}

strong {
	font-weight: 700;
}
strong.sentence-title {
	color:#000000;
}
ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	margin: 40px 40px 24px;
	margin: 4rem 4rem 2.4rem;
}

blockquote::before {
	display: block;
	position: relative;
	top: -10px;
	left: -20px;
	content: "\201C";
	font-size: 30px;
	font-size: 3rem;
	height: 0;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

cite {
	font-style: normal;
}
.last { margin-right:0 !important; }

.last br { display: none; }

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: roboto, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 16px;
	margin: 0 0 1.6rem;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}
.sidebar-home h2 {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.sidebar-home h4 {
	display: inline;
	font-size: 15px;
}
aside.sidebar-media > h2, aside.sidebar-services > h2 {
	color: #898989;
	font-size: 1.6rem;
	font-weight: normal;
	padding-left: 1rem;
}
/*li.slideRight, li.slideCenter {
    box-shadow: 0px -137px 94px -24px black inset;
}
*/
/* Objects
--------------------------------------------- */


/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #eee inset;
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 16px;
	padding: 1.6rem;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #333;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	padding: 16px 24px;
	padding: 1.6rem 2.4rem;
	text-transform: uppercase;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	background-color: #f15123;
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
	border-radius: 3px;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
	padding: 0.6rem 0;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	max-width: 100%px;
}

.site-inner {
    position: relative;
    min-height: 85vh;
}
.site-inner #main-content {
	margin: 26px auto 3rem;
	padding: 0 1.2em;
    max-width: 1400px;
}
@media only screen and (min-width: 1600px ) {
	.site-inner #main-content {
		padding: 0 2.7em;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.site-inner #main-content {
		padding: 0 8em;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
	.site-inner #main-content {
		padding: 0 12em;
	}
}

body.home #primary {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (min-width: 1110px) {
	body.home #primary {
		display: flex;
		flex-direction: row;
		align-items: initial;
		justify-content: center;
	}
}

#secondary:not(.sidebar-home), #main-content aside:not(.sidebar-home) {
	background-color: #EBEBEB;
	margin: 0 50px 0 0;
	margin: 0 5rem 0 0;
	padding:10px 15px;
	padding:1rem 1.5rem;
	width: 280px;
}

.services-template #secondary {
	background-color: #EBEBEB;
	margin: 0 50px 0 0;
	margin: 0 5rem 0 0;
	padding:10px 15px;
	padding:1rem 1.5rem;
	width: 220px !important;
}

#primary {
	width: 100%;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 920px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: right;
	width: 740px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 520px;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	display:none;
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.alignright .avatar {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.search-form input[type="submit"] {
	position: absolute;
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	width: 1px;
}

.sticky {
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 2.4rem;
}

img.alignnone {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
	margin: 0 2.4rem 2.4rem 0;
}

img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
	margin: 0 0 2.4rem 2.4rem;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
}

.gallery-caption {
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}
.clearfix { clear:both; }

/* Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.archive-description,
.author-box {
	background-color: #fff;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.archive-description {
	padding: 40px 40px 24px;
	padding: 4rem 4rem 2.4rem;
}

.author-box {
	padding: 40px;
	padding: 4rem;
}

.author-box-title {
	color: #333;
	font-family: roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}

.author-box a {
	border-bottom: 1px solid #ddd;
}

.author-box p {
	margin-bottom: 0;
}

.author-box .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

/* Titles
--------------------------------------------- */

.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
}
body.home header.entry-header {
	display:none;
}
body.home .entry-content h1 {
	font-size:3.6rem;
	margin-bottom: 22px;
}
.entry-title a,
.sidebar .widget-title a {
	color: #333;
}

.entry-title a:hover {
	color: #666;
}

.widget-title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	text-transform: uppercase;
}

.sidebar .widget-title a {
	border: none;
}

.archive-title {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

@media (max-width: 768px) {
	/* .entry-header {
		padding-top: 20px;
	} */
}

/*
Widgets
---------------------------------------------------------------------------------------------------- */

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	padding: 0 0 24px;
	padding: 0 0 2.4rem;
}

.featured-content .entry-title {
	border: none;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
}

.featured-content .entry-title a {
	border: none;
}

.slides li div span {
	display: block;
}
.slides li div .project {
	font-size: 20px;
	margin-left: 4px;
	margin-top: 0.2em;
}


/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget {
	color: #999;
}

.enews-widget .widget-title {
	color: #fff;
}

.enews-widget input {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

.enews-widget input:focus {
	border: 1px solid #ddd;
}

.enews-widget input[type="submit"] {
	background-color: #f15123;
	color: #fff;
	margin: 0;
	width: 100%;
}

.enews-widget input:hover[type="submit"] {
	background-color: #fff;
	color: #333;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper form .gform_body .ginput_container input,
div.gform_wrapper form .gform_body .ginput_container input[type="text"],
div.gform_wrapper form .gform_body .ginput_container select,
div.gform_wrapper form .gform_body .ginput_complex label {
	font-size: 16px!important;
	font-size: 1.6rem;
	height:30px !important;
	height:3rem !important;
	padding: 15px !important;
	padding: .5rem !important;
	width:100% !important;
}
div.gform_wrapper form .gform_body .ginput_container textarea {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 15px !important;
	padding: .5rem !important;
	width:100% !important;
}
.gform_footer input[type="submit"] {
	height:50px !important;
	width:130px !important;
}
div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 10px 0 0;
	margin: 1rem 0 0;
}

div.gform_wrapper .gform_footer input[type="submit"] {
	font-size: 14px;
	font-size: 1.4rem;
}
.gform_wrapper .ginput_complex .ginput_right select {
	margin:0 !important;
}
.gform_wrapper .top_label .gfield_label {
	color:#333333;
}

#input_1_4_1_label, #input_1_4_4_label, #input_1_4_5_label, #input_1_4_6_label {
	color:#333333;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight:bold;
	padding: 15px !important;
	padding: .5rem !important;
}

.gfield_label {
	color:#333333;
	font-size: 17px!important;
	font-size: 1.7rem;
	font-weight:bold;
}

#input_1_4_3_container {
	color:#333333;

	font-weight:bold;
}

/* Jetpack
--------------------------------------------- */

img#wpstats {
	display: none;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #000000;
}

.site-header .wrap {
	max-width:100%;
	padding: 20px 25px 10px;
	padding: 2rem 2.5rem 1rem;
}
.site-header nav .wrap {
	padding: 0;
}
.site-header #mobile-menu-btn {
	display:none;
}
.site-header .header-widget-area {
	display:none;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	font-family: roboto, sans-serif;
	font-weight: 700;
	width: 200px;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1;
	margin: 0 0 8px;
	margin: 0 0 0.8rem;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	color: #333;
}

.site-description {
	color: #999;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0;
}

.header-image .site-title a {
	float: left;
	min-height: 164px;
	width: 100%;
}

.site-description { display:none;}

.logo {
	float: left;
	top: 0;
	max-width: 200px;
}

@media only screen and (min-width: 430px) {
    .logo {
		position: relative;
		top: 6px;
		width: initial;
		max-width: 275px;
		margin: 0 0 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .logo {
		top: -5px;
    }
}


.site-header .header-widget-area {
	width: 100%;

}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	text-align: right;
	width: 800px;
}

.header-image .site-header .widget-area {
	padding: 40px 0;
	padding: 4rem 0;
}

.site-header .search-form {
	float: right;
	margin-top: 24px;
	margin-top: 2.4rem;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #999;
	font-family: roboto, sans-serif;
	font-weight: 500;
	line-height: 1.5;
	margin-top:17px;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	margin-left:32px;
	text-align: left;
}
#menu-global-nav > li {
	/* border-bottom:3px solid #000000; */
}
.genesis-nav-menu .sub-menu li {
	width: 100%;
	border-bottom:0 !important;
	margin-left: 0;
	outline:none;
}

.genesis-nav-menu a {
	display: block;
	position: relative;
	border: medium none;
	color:#FFFFFF;
	font-size: 15px;
	font-size:1.5rem;
	font-weight: normal;
	padding: 0;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #acacac;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
	color: #999;
}

.genesis-nav-menu .sub-menu {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 170px;
	z-index: 99;
}

/*.genesis-nav-menu .sub-menu li#menu-item-2375 a {
	width: auto;
}
.genesis-nav-menu #menu-item-2373 .sub-menu li a {
	width: 180px;
	}*/
	.genesis-nav-menu .sub-menu .sub-menu li a {
		width: 175px;
	}

	.genesis-nav-menu .sub-menu a:hover {
		color:#000000;
	}

	.genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-nav-menu .menu-item:hover > .sub-menu {
		opacity: 1;
	}
	.nav-primary:not(.is_mobile) .genesis-nav-menu .sub-menu .menu-item:hover > .sub-menu {
		/* left: 100%; */
	}
	.genesis-nav-menu > .first > a {
		padding-left: 0;
	}

	.genesis-nav-menu > .last > a {
		padding-right: 0;
	}

	.genesis-nav-menu > .right {
		display: inline-block;
		float: right;
		list-style-type: none;
		padding: 28px 0;
		padding: 2.8rem 0;
		text-transform: uppercase;
	}

	.genesis-nav-menu > .right > a {
		display: inline;
		padding: 0;
	}

	.genesis-nav-menu > .rss > a {
		margin-left: 48px;
		margin-left: 4.8rem;
	}

	.genesis-nav-menu > .search {
		padding: 14px 0 0;
		padding: 1.4rem 0 0;
	}


/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	display: block;
	float:right;
	width:auto;
}

.nav-primary a:hover,
.nav-primary .current-menu-item > a {
	color: #acacac;
}

.nav-primary .sub-menu a:hover {
	color: #999999 !important;
}

/*@media (min-width: 768px) {
	.nav-primary {
		display: block!important;
	}
}*/


/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	background-color: #fff;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Media Page & children
--------------------------------------------- */
div.media-item {
	margin-bottom:20px;
	margin-bottom:2rem;
}
figure.media-item-image {
	float: left;
	height: 110px;
	margin-top:5px;
	margin-top:.5rem;
	width: 110px;
}
figure.media-item-image img {
	height:110px;
	width:110px;
}
div.media-item-main {
	float: left;
	margin-left: 35px;
	width: 535px;
}
.news div.media-item-main {
	width: 70%;
}
div.media-item-main h3 {
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	margin-bottom:0;
}
div.media-item-main h3 a{
	color:#000000;
}
div.media-item-main p {
	display: inline;
	line-height: 24px;
	line-height: 2.4rem;
}
div.media-item-main p {
	display: inline;
	line-height: 24px;
	line-height: 2.4rem;
}
div.media-item small {
	display: inline;
	color:#000000;
	font-size:16px;
	font-size: 1.6rem;
	font-style:italic;
	line-height:24px;
	line-height: 2.4rem;
}
#news > h2, #press-releases > h2, .post-header > h2 {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color:#000000;
	font-size:24px;
	font-size: 2.4rem;
	padding: 15px 0;
	padding:1.5rem 0;
}
#above-content {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color:#000000;
	margin-bottom:30px;
	margin-bottom:3rem;
}
#above-content span, #above-content h1 {
	display:inline-block;
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	height:60px;
	height:6rem;
	line-height:60px;
	line-height:6rem;
	margin-bottom:0;
}
#above-content a, a.back-to-link {
	display:inline-block;
	background: url("images/icon-grey-left-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	float:right;
	font-size:15px;
	font-size:1.5rem;
	height:60px;
	height:6rem;
	line-height:60px;
	line-height:6rem;
	padding-left:18px;
	padding-left:1.8rem;
	font-weight: 500;
}
figure.single-media-image {
	float: right;
	margin: 0 0 25px 25px;
	margin: 0 0 2.5rem 2.5rem;
	max-width: 320px;
}

div#media-article small {
	display: inline;
	color:#000000;
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	line-height:2.2rem;
}
div#media-article p {
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	line-height:2.2rem;
}

div#media-article ol, div#media-article ul {
	float:left;
	margin: 0 0 20px 45px;
	/* width: 100%; */
}

div#media-article ul li {
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	line-height:2.2rem;
	list-style: none outside disc;
}

div#media-article ol li {
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	line-height:2.2rem;
	list-style: none outside decimal;
}

.scroll-top {
	display:none;
}

/* Products Page & children
--------------------------------------------- */
.fancybox-container ~ #wpadminbar {
	display: none !important;
}

#photo-gallery:after {
	display: table;
	clear: both;
	content: '';
}


#photo-gallery .photo {
	display: block;
	float: left;
	margin-bottom: 2rem;
	margin-right: 4%;
	width: 22%;
}



#photo-gallery .photo:nth-child(4n) {
	margin-right: 0;
}



#photo-gallery .photo:nth-child(4n+1) {
	clear: both;
}


#photo-gallery p .photo:nth-child(4n+1) {
	clear: none;
}
#product-categories a.product-category img,
#products a.product img,
#photo-gallery .photo img {
	filter:alpha(opacity=100); /* For IE8 and earlier */
	opacity:1;
	/*-webkit-transition:opacity .3s ease-in 0s;
	-moz-transition:opacity .3s ease-in 0s;
	-ms-transition:opacity .3s ease-in 0s;
	-o-transition:opacity .3s ease-in 0s;
	transition:opacity .3s ease-in 0s;*/

}
#product-categories a.product-category img:hover,
#products a.product img:hover,
#photo-gallery .photo img:hover {
	filter:alpha(opacity=60); /* For IE8 and earlier */
	opacity:0.6;
}

@media only screen and (min-width: 769px) {
	

#photo-gallery-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	grid-auto-flow: dense;
  }

  #photo-gallery-grid a {
	aspect-ratio: 1/1;
	display: block;
}

#photo-gallery-grid .gallery_photo:nth-child(4n + 1) {
	grid-row: span 3;
	grid-column: span 3;
  }

  #photo-gallery-grid .gallery_photo:nth-child(8n + 2),
  #photo-gallery-grid .gallery_photo:nth-child(8n + 7)
   {
	grid-row: span 2;
	grid-column: span 2;
  }

}
@media only screen and (max-width: 768px) {

	#photo-gallery-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		grid-auto-flow: dense;
	  }
	
	  #photo-gallery-grid a {
		aspect-ratio: 1/1;
		display: block;
	}
	
	#photo-gallery-grid .gallery_photo:nth-child(3n + 1) {
		grid-row: span 2;
		grid-column: span 2;
	  }

}

#photo-gallery-grid a img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
	margin: 0;
	display: block;
}

.fancybox-controls {
	background-color: rgba(30,30,30,1);
	border-bottom: 6px solid #fff;
}

.fancybox-enabled .fancybox-bg {
	background: #fff;
}

.fancybox-enabled .fancybox-container--ready .fancybox-bg {
    opacity: 1;
}

.fancybox-enabled div.fancybox-caption-wrap {
	background: #fff;
	padding-top: 6px;
}

.fancybox-enabled div.fancybox-caption-wrap .fancybox-caption {
	color: #000;
	border-top: 1px solid rgba(0,0,0,0.2);
	font-size: 16px;
	padding: 20px 0;
	text-align: center;
}

#main-product-image {
	margin:0 0 20px 20px;
	margin:0 0 2rem 2rem;
	width: 355px;
}
#main-product-image img{
	margin-bottom: 0;
}

#main-product-image figcaption {
	color:#333333;
	font-style:italic;
	margin-top:4px;
	margin-top:.4rem;
	text-align: left;
}
#main-product-image ul {
	margin: 20px 0 0;
}
#main-product-image ul li {
	display: block;
	float: left;
	height: 68px;
	list-style: none outside none;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 55px;
}
div#product-downloads {
	width: 310px;
}
div#product-downloads ul {
	border:1px solid #d3d3d3;
	margin:0;
}
div#product-downloads ul li {
	border-bottom: 1px solid #D3D3D3;
	height: 32px;
	line-height: 32px;
	list-style: none outside none;
}
div#product-downloads ul li.last,
div#product-downloads ul li:last-child {
	border-bottom:none;
}
div#product-downloads ul li a {
	display: block;
	background: url("images/icon-downward-arrow.png") no-repeat scroll 286px center rgba(0, 0, 0, 0);
	font-size:15px;
	font-size:1.5rem;
	padding: 0 1rem;
}
#product-downloads span {
	color:#333333;
	font-size: 12px;
	font-size:1.2rem;
	font-style: italic;
}


/* Entries
--------------------------------------------- */

.entry {
	background-color: #fff;
	border-radius: 3px;
}


.entry-content a:hover {
	color: #333;
}

.entry-content .attachment a,
.entry-content .gallery a {
	border: none;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
}
body.home .entry-content p {
	display: block;
}
.entry-content ol,
.entry-content ul {
	margin-left: 40px;
	margin-left: 4rem;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content .search-form {
	width: 50%;
}

.entry-meta {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-meta a {
	border-bottom: 1px solid #ddd;
}

.entry-header img {
	margin-bottom: 16px;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.entry-footer .entry-meta {
	border-top: 2px solid #f5f5f5;
	margin: 0 -40px;
	margin: 0 -4rem;
	padding: 32px 40px 8px;
	padding: 3.2rem 4rem 0.8rem;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
	margin: 0 0.6rem 0 0.2rem;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* Pagination
--------------------------------------------- */

.archive-pagination,
.entry-pagination {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 40px 0;
	margin: 4rem 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	display: inline-block;
	background-color: #333;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	padding: 8px 12px;
	padding: 0.8rem 1.2rem;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #f15123;
}

.entry-pagination a {
	border-bottom: 1px solid #ddd;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.entry-comments {
	padding: 40px;
	padding: 4rem;
}

.comment-respond,
.entry-pings {
	padding: 40px 40px 16px;
	padding: 4rem 4rem 1.6rem;
}

.comment-respond a,
.entry-comments a {
	border-bottom: 1px solid #ddd;
}

.comment-content {
	clear: both;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
	margin-right: 1.2rem;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.comment-list li {
	margin-top: 24px;
	margin-top: 2.4rem;
	padding: 32px;
	padding: 3.2rem;
}

.comment-list li li {
	margin-right: -32px;
	margin-right: -3.2rem;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.comment .avatar {
	margin: 0 16px 24px 0;
	margin: 0 1.6rem 2.4rem 0;
}

.entry-pings .reply {
	display: none;
}

.bypostauthor {
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 24px;
	padding: 2.4rem;
}

/*
Homepage Slider
---------------------------------------------------------------------------------------------------- */

/*#slider.flexslider {
	width:100%;
	margin:0 auto;
	position:relative;
	max-height:757px;
	overflow:hidden;
	}*/
	#slider.flexslider ul li img{
		width:100%;
	}

	#slider.flexslider .flex-control-nav {
		display:none;
	}
	#slider.flexslider ul.flex-direction-nav {
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		margin: 0 auto;
		visibility:hidden;
		width: 950px;
		z-index: 500;
	}
	#slider.flexslider .flex-direction-nav li {
		display: inline;
		height: 23px;
		list-style: none outside none;
		width: 100%;
	}
	#slider.flexslider .flex-direction-nav li a {
		display: inline-block;
		position:relative;
		height: 23px;
		outline:none;
		text-indent: -9999px;
		width: 23px;
	}
	#slider.flexslider .flex-direction-nav li a.flex-prev{
		background:url('images/icon-slider-prev.png') no-repeat 0 0;
		float:left;
	}
	#slider.flexslider .flex-direction-nav li a.flex-next{
		background:url('images/icon-slider-next.png') no-repeat 0 0;
		float:right;
	}
	#slider.flexslider a.scroll-about {
		display: block;
		/*padding-right: 12px;*/
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		animation:bounce 4s;
		animation-delay: 1s;
		animation-fill-mode: forwards;
		background-attachment:scroll;
		background-color:rgba(0,0,0,0);
		background-image: url("images/down-arrow.jpg");
		background-position: center 30px;
		background-repeat: no-repeat;
		background-size:23px;
		color:#fff;
		font-family:roboto, sans-serif;
		font-size:1.5rem;
		font-weight:500;
		height:90px;
		margin: 0 auto;
		text-align:center;
		width: 85px;
		z-index: 1000;
	}
	@keyframes bounce{
		/*0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100% {transform: translateY(0);}*/
		5% {transform: translateY(-40px);}
		15% {transform: translateY(30px);}
		25% {transform: translateY(-30px);}
		35% {transform: translateY(20px);}
		45% {transform: translateY(-20px);}
		55% {transform: translateY(10px);}
		65% {transform: translateY(0px);}


	}
	#slider.flexslider a.scroll-about:hover {
		background-image: url("images/down-arrow-hover.jpg");
		color:#a6a6a6;
	}

	#slider.flexslider #slider-bottom {
		position: relative;
		background: #000;
		height: 60px;
		width: 100%;
		z-index: 400;
	}

	#slider.flexslider #slider-bottom .bottom-links { position: absolute;  bottom: 20px; left:20px; }
	#slider.flexslider #slider-bottom .bottom-links li  { display:inline; color:#a6a6a6; font-size: 14px; font-size: 1.4rem; padding: 0 0 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a { color:#a6a6a6; font-size: 14px; font-size: 1.4rem; padding: 0 15px 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a:hover { color:#333;}

/*#slider.flexslider .slider-bottom-gradient {
    background: url("images/slider-bot-grad.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 110px;
    position: absolute;
    top: -110px;
    width: 100%;
	z-index: 400;
	}*/
	li#slider1 {
		background:url('images/1_1600_757.jpg') no-repeat center center transparent;
	}
	ul.slies li h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: url("images/slider-bot-grad.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 65px;
		font-size: 6.5rem;
		font-weight: 300;
		height: 110px;
		padding: 0 0 0 50px;
		width: 100%;
		z-index: 5000;
	}
/*li#slider2 h1 {
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 65px;
	font-size: 6.5rem;
	padding: 0 0 0 50px;
	bottom: 0;
	left: 0;
    position: absolute;
	color: #fff;
	width: 100%;
	height: 110px;
	background: url("images/slider-bot-grad.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	z-index: 5000;
	}*/

	li#slider_circum {
		background:url('images/_1600_757_circum.jpg') no-repeat center center transparent;
	}
	li#slider2 {
		background:url('images/2_1600_757.jpg') no-repeat center center transparent;
	}
/*li#slider3 {
	background:url('images/3_1600_757.jpg') no-repeat center center transparent;
	}*/
	li#slider4 {
		background:url('images/4_1600_757.jpg') no-repeat center center transparent;
	}
	li#slider5 {
		background:url('images/5_1600_757.jpg') no-repeat center center transparent;
	}
/*li#slider6 {
	background:url('images/slider-image-6.jpg') no-repeat center center transparent;
	}*/

	.slides > li {
		background-size: cover !important;
	}

	#slider.flexslider .flex-direction-nav li a {
		top: 0;
		visibility: visible;
		z-index: 1000;
	}
	.slides li div {
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.75+50,1+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		color: #fff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

		font-family: roboto, sans-serif;
		font-size: 65px;
		font-size: 6.5rem;
		font-weight: 300;
		padding: 0.5em 0.7em;
		width: 100%;
		z-index: 5000;
	}
	.slides li div .product {
		line-height: 1;
/*	vertical-align: top;
	margin-top: -50px;
	*/
}
.slides li div .learn-more {
	display: inline-block;
	position: relative;
	top:0px;
	background: rgba(0, 0, 0, .20);
	color: #ccc;
	font-size: 14px;
	margin-left: 4px;
	padding: 5px 10px;
	padding-left: 20px;
}

.slides li div .learn-more:hover {
	background: rgba(0, 0, 0, .40);
}
#slider.flexslider .flex-direction-nav li a {
	background-size: cover !important;
	height: 50px;
	width: 50px;
}
#slider.flexslider ul.flex-direction-nav {
	margin-left: 2.5% !important;
	width: 95% !important;
}
#slider.flexslider .flex-direction-nav li a.flex-next {
	background: none!important;
	background-color: rgba(250, 250, 250, .50) !important;
}
#slider.flexslider .flex-direction-nav li a.flex-prev {
	background: none!important;
	background-color: rgba(250, 250, 250, .50) !important;
}
#slider.flexslider .flex-direction-nav li a {
	opacity: 0.35;
}

#slider.flexslider .flex-direction-nav li a:hover {
	opacity: 0.75;
}
#slider.flexslider .flex-direction-nav li a.flex-next:before, #slider.flexslider .flex-direction-nav li a.flex-prev:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	content:'';
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	width: 40px;
}
#slider.flexslider .flex-direction-nav li a.flex-next:before {
	background: url('images/slider-arrow-next.png') no-repeat !important;
	background-size: cover !important;
}
#slider.flexslider .flex-direction-nav li a.flex-prev:before {
	background: url('images/slider-arrow-prev.png') no-repeat !important;
	background-size: cover !important;
}
#slider.flexslider li {
	background-position: center center;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	color: #999;
}
.sidebar-home ul li {
	background:url("images/icon-black-right-arrow.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
	padding-left:17px;
	margin-bottom: 2rem;
}
.sidebar-home .tm_lcptu_excerpt {
	display:inline;
	font-size:15px;
	font-size:1.4rem;
	line-height:2.2rem;
}
.sidebar-home h4 a {
	color:#000000;
	font-weight:bold;
}
.sidebar-home li {
	line-height:16px;
	line-height:1.6rem;
}
.sidebar-home li a.tm_lcptu_read_more_link:before {
	color:#A6A6A6;
	content:'... ';
}
.sidebar p:last-child {
	margin-bottom: 0;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}
.sidebar li a {
	display:block;
	color:#898989;
	padding: 0 10px;
	padding: 0 1rem;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}
.sidebar .menu li a:hover {
	color:#000;
}
.sidebar li a.regional {
	background: url("images/icon-black-left-arrow.png") no-repeat scroll 95% center #cccccc;
	color:#333333;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 15px 5px 10px;
}
.sidebar li a.regional:hover {
	background: url("images/icon-black-left-arrow.png") no-repeat scroll 95% center #dddddd;
	background-color: none;
	color:#666666;
	padding: 5px 15px 5px 10px;
}
.sidebar li a:hover, .sidebar li.current-menu-item > a {
	background: url("images/icon-black-left-arrow.png") no-repeat scroll 168px center #cccccc;
	color: #000000;
}
.gallery-thumbs .thumb {
	display: inline-block;
	height: 105px;
	margin-bottom: 15px;
	margin-right: 15px;
	width: 85px;
}
.gallery-thumbs .thumb > a {
	display: inline-block;
	padding: 0;
}
.gallery-thumbs .thumb > a img{
	margin:0;
}
.gallery-thumbs .thumb > a:hover {
	background:none;
	padding: 0;
}

body.home .sidebar li a {
	display: inline;
	color: #000000;
	padding: 0;
}
body.home .sidebar li a:hover{
	background:none;
}
.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.sidebar .enews-widget {
	background-color: #333;
}
.sidebar .menu-item-has-children > a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #000000;
	font-weight: bold;
}
.sidebar .sub-menu li a {
	padding:0 20px;
	padding:0 2rem;
}
.sidebar .sub-menu .sub-menu li a {
	padding: 0 40px;
	padding: 0 4rem;
}
.sidebar p {
	color:#333333;
}
body.page-id-9 .sidebar .sub-menu,
body.parent-pageid-9 .sidebar .sub-menu,
body.parent-pageid-37 .sidebar .sub-menu,
body.parent-pageid-39 .sidebar .sub-menu,
body.parent-pageid-41 .sidebar .sub-menu,
body.parent-pageid-43 .sidebar .sub-menu,
body.parent-pageid-81 .sidebar .sub-menu,
body.parent-pageid-83 .sidebar .sub-menu,
body.page-id-9 #above-content,
body.page-id-11 #above-content,
body.page-id-13 #above-content,
body.page-id-15 #above-content{
	display:none;
}
body.page-id-37 .sidebar #menu-item-190 .sub-menu, body.parent-pageid-37 .sidebar #menu-item-190 .sub-menu,
body.page-id-39 .sidebar #menu-item-187 .sub-menu, body.parent-pageid-39 .sidebar #menu-item-187 .sub-menu,
body.page-id-41 .sidebar #menu-item-197 .sub-menu, body.parent-pageid-41 .sidebar #menu-item-197 .sub-menu,
body.page-id-43 .sidebar #menu-item-180 .sub-menu, body.parent-pageid-43 .sidebar #menu-item-180 .sub-menu,
body.page-id-81 .sidebar #menu-item-187 .sub-menu, body.parent-pageid-81 .sidebar #menu-item-187 .sub-menu,
body.page-id-83 .sidebar #menu-item-187 .sub-menu, body.parent-pageid-83 .sidebar #menu-item-187 .sub-menu {
	display:block;
}
input.button:hover {
	background-color: #ACACAC !important;
	color: #333333 !important;
}
/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #333;
	clear: both;
	color: #999;
	padding: 40px 0 16px;
	padding: 4rem 0 1.6rem;
}

.footer-widgets-1,
.footer-widgets-3 {
	width: 350px;
}

.footer-widgets-2 {
	width: 360px;
}

.footer-widgets-1 {
	margin-right: 40px;
	margin-right: 4rem;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets a {
	border-bottom: 1px solid #666;
	color: #999;
}

.footer-widgets a:hover {
	color: #ddd;
}

.footer-widgets .widget {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.footer-widgets .widget-title {
	color: #fff;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}

.footer-widgets .search-form input:focus {
	border: 1px solid #ddd;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

/*
.site-footer {
	background-color: #fff;
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 40px;
	padding: 0 0 4rem;
	text-align: center;
	margin-top:25px;
	margin-top:2.5rem;
}
.site-footer .wrap {
	width:950px;
	margin:0 auto;
}
.site-footer .wrap nav {
	float:left;
}
.site-footer .wrap .footer-text{
	float:right;
}
.site-footer a {
    border-right: 1px solid #000000;
    color: #555555;
    font-size: 11px;
    font-size:1.1rem;
    font-weight: normal;
    line-height: 11px;
    line-height:1.1rem;
    padding: 0 10px;
    padding:0 1rem;
}
.site-footer li:last-child a {
    border-right: medium none;
    padding-right: 0;
}
.site-footer li:first-child a {
	padding-left:0;
}
.site-footer nav #menu-footer-links li {
	margin-left:0;
}

.site-footer p {
	margin-bottom: 0;
}
.site-footer > .wrap {
	border-top:3px solid #ACACAC;
	padding-top:25px;
	padding-top:2.5rem;
}
#menu-footer-links {
    display: inline-block;
    float: left;
    width: auto;
    margin-top:0;
}
.nav-secondary {
    display: inline-block;
    width: 45%;
}
#footer-text {
    float: right;
    text-align: right;
    width: 55%;
    color:#555555;
    font-size:11px;
    font-size:1.1rem;
}
#footer-text a {
    border-right: medium none;
    padding: 0;
}
.footer-contact-pipe {
    padding: 0 15px;
}
.gallery-item img {
    width: 98%;
}
#media-article h1 {
	font-size: 2.5rem;
}

#media-article h2 {
	font-size: 1.6rem;
	color: #898989;
	font-weight: 700;
	line-height: 2.2rem;
	font-family: roboto, Helvetica, Arial, sans-serif;
}
*/

/* New Product Slider CSS */
.flexslider-thumbs{
    margin: 0 0 2rem 2rem;
    width: 355px;
}
.flexslider-thumbs .flex-direction-nav{
    display: none;
}
.flexslider-thumbs .slides{
    margin: 0;
}
.flexslider-thumbs .slides li .image{
    position: unset;
    bottom: unset;
    left: unset;
    background: unset;
    padding: unset;
}
.flexslider-thumbs .slides li .image img{
    width: 100%;
}
.flexslider-thumbs .slides li .flex-caption{
    margin-bottom: 0;
    padding: 15px 10px;
    text-align: center;
}
.flexslider-thumbs .flex-control-thumbs{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    list-style: none;
    margin: 0;
}
.flexslider-thumbs .flex-control-thumbs li{
    cursor: pointer;
    flex: 0 1 24%;
    list-style: none;
    margin-right: 1.3333333333%;
}
.flexslider-thumbs .flex-control-thumbs li:nth-child(4n+4){
    margin-right: 0;
}
.flexslider-thumbs .flex-control-thumbs li img{
    width: 100%;
    transition: all 0.1s ease-in-out;
}
.flexslider-thumbs .flex-control-thumbs li img.flex-active,
.flexslider-thumbs .flex-control-thumbs li img:hover{
    opacity: 0.6;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1139px) {

	.site-inner,
	.wrap {
		width:100%;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content,
	.site-header .widget-area {
		width: 620px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.title-area {
		width: 300px;
	}

}

@media (max-width: 1023px) {

	body {
		background-color: #fff;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.site-inner,
	.title-area,
	.wrap {
		width: 100%;
	}
	.site-header .wrap .title-area {
		text-align: left;
		width: 21%;
	}
	.site-header .wrap .nav-primary {
		padding-right:4%;
	}
	.site-header .genesis-nav-menu .menu-item {
		margin-left:20px;
	}
	.site-header .genesis-nav-menu .menu-item a {
		margin-top:10px;
		margin-top:1rem;
		padding:0;
	}
	.site-header .genesis-nav-menu .menu-item a {
		margin-top:12px;
		margin-top: 1.2rem;
	}
	.site-header .genesis-nav-menu .sub-menu li {
		width: 100%;
		margin: 0;
	}
	.site-header .genesis-nav-menu .sub-menu li a {
		width: 100%;
		margin:0;
	}
/*
	.site-footer .wrap {
         width:100%;
	    padding:10px 0;
	    padding: 1rem 0;
	}
	.site-footer .wrap .nav-secondary {
		margin: 0 4%;
		width:46%;
	}
	.site-footer .wrap #footer-text {
		margin:0 4% 0 0;
		width:41%;
	}
	.site-footer .wrap #footer-text {
		padding-top:10px;
		padding-top:1rem;
	}
	.site-footer .nav-secondary a {
	    font-size: 10px;
	    padding: 0rem 1rem 0rem 0.7rem;
	}
	*/
	.header-image .site-header .wrap {
		background-position: center top;
	}
	body.home #primary {
		width:100%;
	}
	#secondary, #main-content aside {
		padding: 1rem 2%;
	}
	.sidebar li a:hover, .sidebar li.current-menu-item > a {
		background-position: 94% center;
	}
	#slider.flexslider ul.flex-direction-nav {
		width:92%;
	}
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-footer .entry-meta,
	.header-image .site-header .widget-area,
	.sidebar .widget,
	.site-header {
		padding: 0;
	}


	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}

	.genesis-nav-menu a,
	.genesis-nav-menu > .first > a,
	.genesis-nav-menu > .last > a {
		padding: 20px 16px;
		padding: 2rem 1.6rem;
	}

	.site-header .search-form {
		margin: 16px auto ;
		margin: 1.6rem auto;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 12px;
		padding-top: 1.2rem;
	}

	.sidebar .widget.enews-widget {
		padding: 40px;
		padding: 4rem;
	}
	figure.media-item-image {
		height:auto;
		max-width:110px;
		width:25%;
	}
	figure.media-item-image img {
		height:auto;
		width:auto;
	}
	div.media-item-main {
		margin-left:5%;
		width:70%;
	}
	#product-categories a.product-category img,
	#products a.product img,
	#photo-gallery .photo img {
		filter:alpha(opacity=100); /* For IE8 and earlier */
		opacity:1;
	}
	#main-product-image, .flexslider-thumbs {
		margin: 0 0 2rem 2%;
		width: 50%;
	}
	div#product-downloads{
		width:48%;
	}
	#main-product-image ul li {
		height:auto;
		margin-right:2%;
		width:15%;
	}
	div#product-downloads ul li a {
		background-position:95% center;
	}
	.footer-widgets {
		padding: 40px 5% 16px;
	}

	.footer-widgets-1 {
		margin: 0;
	}
	.nivo-controlNav a img {
		height:109px;
		padding: 0 .87rem .65rem 0;
		width: 88px;
	}

}

@media only screen and (max-width: 1400px) {
	aside.sidebar:not(.sidebar--photo-gallery, .sidebar-home), .sidebar-contact {
		display:none !important;
	}
}

@media only screen and (max-width: 768px) {
	#primary, body.home #primary {
		float:none;
		width:100%;
	}
	body.home #secondary{
		display:block;
		float:none;
		margin:0;
		padding:0;
		width: 100%;
	}
	body.page-id-15 aside.sidebar {
		display: block;
		margin:0 !important;
		width:100% !important;
	}
	.sidebar li {
		margin:0;
	}
	.sidebar li a {
		padding:1rem;
	}
	.sidebar li a:hover {
		background-position:95% center;
	}
	aside .gallery-thumbs {
		padding: 1rem;
	}
	.gallery-thumbs .thumb {
		display: inline-block;
		height: 75px;
		margin: 0 1rem 1rem 0!important;
	}
	aside.sidebar-media > h2 {
		margin-bottom:0;
		padding:1.5rem 1rem 1rem;
	}
	.site-header .wrap .nav-primary {
		padding:0;
		width:100%;
	}
	.site-header .wrap .nav-primary .wrap {
		height:auto;
	}
	.site-header .wrap .nav-primary ul {
		margin-top:0;
	}
	.site-header #menu-global-nav {
		padding: 14px 0;
	}
	.site-header .wrap .nav-primary ul li {
		display: block;
		height: 3.6rem;
		line-height: 36px;
		margin: 0;
		padding: 0 4%;
		text-align: left;
	}

	.site-header .wrap .nav-primary ul li a {
		color: #FFFFFF;
		font-size: 14px;
		font-weight: normal;
		margin-top: 0;
		text-transform: none;
	}

	.site-header .wrap .nav-primary ul.sub-menu li {
		border-bottom:none !important;
	}
	.site-header .wrap .nav-primary ul li .sub-menu {
		display:none;
		position:relative;
		margin:0;
	}
	.site-header .genesis-nav-menu .sub-menu li {
		/* padding:0 0 0 4% !important; */
	}
	.site-header .genesis-nav-menu .sub-menu li a {
		padding: 5px 0;
		width:100%;
	}
	#slider.flexslider {
		position:relative;
		height:auto !important;
	}
	#slider.flexslider ul.flex-direction-nav, #slider.flexslider a.scroll-about {
		bottom:18px;
	}
/*
	.site-footer .wrap .nav-secondary {
	    margin: 0 4%;
	    width: 92%;
	}
	.site-footer .wrap #footer-text {
	    margin: 0 4%;
	    text-align: center;
	    width: 92%;
	}
	#menu-footer-links {
	    float: none;
	    margin: 0 auto;
	}
	*/
	.site-header .wrap .title-area {
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
	.nav-primary .sub-menu-closed > a {
		/* background: url('images/icon-plus.png') no-repeat right center; */
	}
	.nav-primary .sub-menu-open > a {
		/* background: url('images/icon-minus.png') no-repeat right center; */
	}
	.site-header .header-widget-area {
		display:block;
	}
	.site-header .wrap .nav-primary > ul li {
		border-bottom:1px solid #acacac;
	}
	.site-header .wrap .nav-primary ul li {
		height:auto;
		width:100%;
	}
	.nav-primary .sub-menu, .nav-primary .sub-menu:hover {
		opacity: 1;
	}
	.scroll-top {
		display: inline-block;
		background:url("images/icon-grey-up-arrow.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);
		float: right;
		height: 32px;
		line-height: 32px;
		line-height:3.2rem;
		margin-bottom: 1.5rem;
		padding-left:18px;
	}
	.gform_wrapper .ginput_complex .ginput_left,
	.gform_wrapper .ginput_complex .ginput_right {
		float: none !important;
		width: 100% !important;
	}
	.nivo-controlNav a img {
		height:109px;
		padding: 0 .87rem .65rem 0;
		width: 88px;
	}
	.textwidget a {
		color: #FFF !important;
	}

}

@media only screen and (max-width: 767px) {
	#slider.flexslider .slider-bottom-gradient {
		display:none;
	}

	li#slider1 h1, li#slider3 h1, li#slider4 h1, li#slider5 h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: none;
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 50px;
		font-size: 5.0rem;
		font-weight: 300;
		height:110px;
		padding: 0 0 10px 10px;
		width: 100%;
	}
	li#slider2 h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: none;
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 50px;
		font-size: 5.0rem;
		font-style: italic;
		font-weight: 300;
		height:110px;
		padding: 0 0 10px 10px;
		width: 100%;
	}
	#slider.flexslider #slider-bottom .bottom-links { position: absolute;  bottom: 20px; left:0; }
	#slider.flexslider #slider-bottom .bottom-links li  { display:inline; color:#a6a6a6; font-size: 13px; font-size: 1.3rem; padding: 0 0 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a { color:#a6a6a6; font-size: 13px; font-size: 1.3rem; padding: 0 10px 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a:hover { color:#333; }
	.nivo-controlNav a img {
		height:105px;
		padding: 0 .87rem .65rem 0;
		width: 85px;
	}
	#slider.flexslider #slider-bottom .bottom-links {
		left: 14px !important;
	}

	#slider.flexslider .flex-direction-nav li a {
		height: 35px;
		width: 35px;
	}

	#slider.flexslider .flex-direction-nav li a.flex-next:before, #slider.flexslider .flex-direction-nav li a.flex-prev:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		content:'';
		height: 24px;
		margin-left: -12px;
		margin-top: -12px;
		width: 24px;
	}

}

@media only screen and (max-width: 640px) {
	figure.single-media-image {
		float: none;
		margin: 0 auto 2.5rem;
		max-width: 100%;
	}
	figure.single-media-image img {
		margin:0 auto;
		width:100%;
	}
	li#slider1 h1, li#slider3 h1, li#slider4 h1, li#slider5 h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: none;
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 45px;
		font-size: 4.5rem;
		font-weight: 300;
		height:110px;
		padding: 0 0 10px 10px;
		width: 100%;
	}
	li#slider2 h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: none;
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 45px;
		font-size: 4.5rem;
		font-style: italic;
		font-weight: 300;
		height:110px;
		padding: 0 0 10px 10px;
		width: 100%;
	}
	#slider.flexslider #slider-bottom .bottom-links { position: absolute;  bottom: 20px; left:0; }
	#slider.flexslider #slider-bottom .bottom-links li  { display:inline; color:#a6a6a6; font-size: 13px; font-size: 1.3rem; padding: 0 0 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a { color:#a6a6a6; font-size: 13px; font-size: 1.3rem; padding: 0 10px 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a:hover { color:#333; }
	.nivo-controlNav a img {
		height:105px;
		padding: 0 .87rem .65rem 0;
		width: 85px;
	}
	.slides li div .product {
		font-size: 30px;
	}
	.slides li div .learn-more {
		top: -9px;
		font-size: 12px;
		padding: 3px 8px;
	}
	.slides li div .project {
		margin-top: 9px;
	}

}

@media only screen and (max-width: 480px) {
	/* #products a.product {
		display: block;
		float: none;
		margin: 0 auto 1.5rem !important;
		width: 75%;
	} */
	li#slider1 h1, li#slider3 h1, li#slider4 h1, li#slider5 h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: none;
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 45px;
		font-size: 4.5rem;
		font-weight: 300;
		height:110px;
		padding: 0 0 10px 10px;
		width: 100%;
	}
	li#slider2 h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: none;
		color: #fff;
		font-family: roboto, sans-serif;
		font-size: 45px;
		font-size: 4.5rem;
		font-style: italic;
		font-weight: 300;
		height:110px;
		padding: 0 0 10px 10px;
		width: 100%;
	}
	#slider.flexslider #slider-bottom .bottom-links { position: absolute;  bottom: 20px; left:0; }
	#slider.flexslider #slider-bottom .bottom-links li  { display:inline; color:#a6a6a6; font-size: 12px; font-size: 1.4rem; padding: 0 0 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a { color:#a6a6a6; font-size: 12px; font-size: 1.4rem; padding: 0 5px 0 0;}
	#slider.flexslider #slider-bottom .bottom-links li a:hover { color:#333; }
	#slider.flexslider a.scroll-about { font-size: 12px; font-size: 1.4rem; padding-right: 5px;}
	#above-content span {
		display:none;
	}
	#above-content a {
		float:none;
	}
	#main-product-image, .flexslider-thumbs {
		float: none !important;
		margin: 0 auto;
		text-align:center;
		width: 100%;
	}
	#main-product-image figcaption {
		text-align:center;
	}
	div#product-downloads {
		width: 100%;
	}
	div#product-downloads ul li a {
		background-position: 96% center;
	}

	.nivo-controlNav a img {
		height:90px;
		padding: 0 .87rem .65rem 0;
		width: 73px;
	}
	#slider.flexslider .flex-direction-nav li a {
		height: 35px;
		width: 35px;
	}

	#slider.flexslider .flex-direction-nav li a.flex-next:before, #slider.flexslider .flex-direction-nav li a.flex-prev:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		content:'';
		height: 24px;
		margin-left: -12px;
		margin-top: -12px;
		width: 24px;
	}

	#slider.flexslider a.scroll-about {
		left: inherit;
		right: 14px;
	}

	#slider.flexslider ul.slides .slideLeft {
		background-position: left;
	}

	#slider.flexslider ul.slides .slideRight {
		background-position: right;
	}

	.nivo-controlNav a {
		display: inline-block;
		margin-right: 8px;
		width: 25%;
		width: calc(25% - 6px);
	}
	.nivo-controlNav a:nth-child(4n) {
		margin-right: 0;
	}

	.nivo-controlNav a img {
		padding: 0;
		width: 100%;
	}
	}
	@media only screen and (max-width: 768px) {
		.nav-primary {
			display: none;
		}
		#slider.flexslider ul.flex-direction-nav li {
			height: 35px !important;
		}
		#slider.flexslider ul.flex-direction-nav li a {
			top: 0 !important;
		}
	}

.site-header{
	position: fixed;
    /* top: 0; */
    left: 0;
    width: 100%;
    z-index: 1000;
}

.site-inner{
	padding-top:72px;
}

.modal {
	display: none;
}

.fancybox--enews .fancybox-bg {
	background: #FFF;
}

.fancybox--enews .fancybox-slide>* {
	background-color: #000;
	color: #FFF;
	max-width: 480px;
	padding: 40px 15px;
	text-align: center;
	width: calc(100% - 40px);
}

.fancybox--enews .fancybox-slide>* h3 {
	color: #FFF;
}

.fancybox--enews .fancybox-slide>* p {
	font-size: 1.8rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 370px;
}

.fancybox--enews .fancybox-slide>* p:last-child {
	margin-bottom: 0;
}

.fancybox--enews .fancybox-slide>* p.disclaimer {
	font-size: 1.4rem;
	max-width: 275px;
}

.enews__form input[type="email"] {
	color: #000;
	font-size: 1.6rem;
	max-width: 400px;
	padding: 1rem 1.2rem;
	text-align: center;
}

.enews__form input[type="submit"],
.enews__success .button {
	background-color: #f6c61e;
	color: #000;
	font-size: 1.6rem;
	font-weight: 700;
	min-width: 120px;
}

.enews__form span.wpcf7-not-valid-tip {
	color: #f6c61e;
}

.enews__form input[type="submit"]:hover,
.enews__success .button:hover {
	background-color: rgba(246, 198, 30, 0.8) !important;
}

.enews__field:not(:last-child) {
	margin-bottom: 2.4rem;
}

.sidebar-find-rep  {
	position: relative;
	/*margin-bottom: 50px;*/
}
.sidebar-find-rep .button {
	position: absolute;
	bottom: -20px;
	left: 15px;
	text-align: center;
	transform: translateY(100%);
	width: 190px;
}
.nivo-caption {
	padding-bottom: 8px;
}
.nivo-controlNav {
	margin-top: 8px;
}
.flipbook-main-wrapper{
	top: 70px !important;
}

/* START Revslider styles */
.trigger-wrapper .icon--arrow i {
    transition: all 300ms ease;
}

.trigger-wrapper:hover .icon--arrow i {
    background: #333 !important;
    color: #FFF !important;
}

rs-arrow.tparrows.persephone {
    opacity: 0.5 !important;
    transition: all 300ms ease;
}

rs-arrow.tparrows.persephone:hover {
    opacity: 0.75 !important;
    background: rgba(250,250,250,0.75) !important;
}
/* END Revslider styles */



























/* modern css rework */
/* new styles */
body {
	color: #333333;
}

.site-header .genesis-nav-menu .menu-item a:hover {
	color: #999999 !important;
}

body a {
	font-weight: 500;
}


/* header */

.menu-item-has-children {
	position: relative;
}

.menu-item-has-children > a {
	display: block;
}

.menu-item-has-children > a::after {
	position: absolute;
	right: 0;
	display: inline-block;
}

#menu-global-nav > .menu-item-has-children > a::after {
	transition: transform 0.1s;
	width: 15px; 
	height: 15px;
	top: 10px;
	content: "";
	background-image: url("https://handrail-design.com.synapseresults.com/wp-content/uploads/2024/12/arrow-right.png");
	background-size: 15px 15px;
}

#menu-global-nav > .menu-item.sub-menu-closed > a::after {
	transform: scale(1, 1) rotate(90deg);

}

#menu-global-nav > .menu-item.sub-menu-open > a::after {
	transform: scale(-1, -1) rotate(90deg);
}

.sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) .menu-item-has-children > a::after {
	content: "";
	top: 8px;
	background-image: url(images/icon-submenu-arrow.png);
	width: 5px; 
	height: 8px;
	background-size: 5px 8px;
}

.sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) > .menu-item {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.menu-item-has-children {
	position: relative;
}

.menu-item-has-children .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) {
	/* position: absolute !important; */
	z-index: 1;
	height: auto;
	width: 100%;
	/* top: 36px; */
	left: 0;
	display: block;
	/* background-color: #000000d8; */
	padding: 0 4% 0px 4% ;
}

.menu-item-has-children .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) .sub-menu {
    width: calc(100% + 30px);
    left: -15px;
}

@media (min-width: 769px) {
	.site-header .genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) li a {
		padding: 0.4rem 2rem;
	}

	.genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) {
		position: absolute;
		left: -9999px;
		top: initial;
		width: 190px;
		padding: 16px 0px 13px 2px;
		opacity: 0;
		-webkit-transition: opacity .4s ease-in-out;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		z-index: -1;
	}

	.nav-primary:not(.is_mobile) .genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) .menu-item:hover > .sub-menu {
		left: 100%;
	}

	.genesis-nav-menu .menu-item:hover > .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) {
		padding-top: 13px;
	}

	.genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) .sub-menu {
		top: 0;
		left: -999em;
	}

	.genesis-nav-menu .menu-item:hover > .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) {
		left: 0;
		opacity: 1;
		z-index: -1;
	}

	.menu-item-has-children > a::after {
		display: none;
	}

	.menu-item-has-children > a {
		background: url(images/icon-submenu-arrow.png) no-repeat scroll 168px center rgba(0, 0, 0, 0);
	}
}


#menu-global-nav .current-menu-item, #menu-global-nav .current-page-ancestor {
	border-bottom: none;
}
#menu-global-nav > li > ul > li {
	padding: 0.3rem 0;
}

#menu-global-nav > li:hover {
	border-bottom: none;
}
.nav-primary {
	position: absolute;
	top: 71px;
	background-color: #000000d8;
	left: 0;
}

@media (min-width: 769px) {
	.nav-primary {
		position: relative;
		display: block !important;
		top: initial;
		background-color: transparent;
		left: initial;
	}
}

.genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) a {
	position: relative;
	color: #FFFFFF;
	font-size:15px;
	font-size: 1.5rem;
	line-height: 18px;
	padding: 0;
}

.site-header .header-widget-area {
	display:block;
	position: relative;
	width: auto;
	align-self: center;
}

@media (min-width: 769px) {
	.genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) {
		background-color: #000000d8;
	}

	.genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) .sub-menu {
		width: 104%;
	}

	.genesis-nav-menu .sub-menu:not(#secondary .sub-menu, #menu-case-studies .sub-menu) .sub-menu li a {
		width: auto;
	}

	.site-header .header-widget-area {
		display:none;
	}
}

.site-header .wrap {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 72px;
}

.site-inner #main-content {
	margin: 34px auto 3rem;
}

@media (min-width: 769px) {
	.site-inner #main-content {
		margin: 120px auto 3rem;
	}

	.home #main-content {
		margin-top: 140px !important;
		margin-bottom: 220px !important;
	}

	.site-header .wrap {
		display: block;
		height: 75px;
	}
}

@media (min-width: 1024px) {
	.site-header .wrap {
		height: 72px;
	}
}

@media (min-width: 1045px) {
	.site-inner #main-content {
		margin: 90px auto 3rem;
	}
}

.site-header #mobile-menu-btn {
	display: block;
}

.site-header #mobile-menu-btn,
.site-header #mobile-menu-btn:before,
.site-header #mobile-menu-btn:after {
	display: block;
	content: '';
	height: 0.5rem;
	width: 40px;
	background-color: white;
	border-radius: 10px;
}

.site-header #mobile-menu-btn.menu-closed,
.site-header #mobile-menu-btn.menu-closed:before,
.site-header #mobile-menu-btn.menu-closed:after {
	transition: background-color 0.4s;
	animation: appear-closed 0.4s forwards;
}

.site-header #mobile-menu-btn:before,
.site-header #mobile-menu-btn:after {
  	position: absolute;
}

.site-header #mobile-menu-btn:before {
  	transform: translateY(-12px);
}
.site-header #mobile-menu-btn:after {
  	transform: translateY(12px);
}

.site-header #mobile-menu-btn.menu-open {
	transition: background-color 0.4s;
	opacity: 0;
	animation: appear-closed 0.4s forwards;
	background-color: transparent;
}

.site-header #mobile-menu-btn.menu-open:before,
.site-header #mobile-menu-btn.menu-open:after {
	transition: background-color 0.4s, transform 0s 0.4s;
	background-color: transparent;
	animation: appear-open 0.4s 0.4s forwards;
}

.site-header #mobile-menu-btn.menu-open:after {
	transform: rotate(-45deg);
}

.site-header #mobile-menu-btn.menu-open:before {
	transform: rotate(45deg);
}

@keyframes appear-open {
    0% {
        background-color: transparent;
    }
    100% {
        background-color: white;
    }
}

@keyframes appear-closed {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#menu-global-nav > .menu-item-2237 a:hover, #menu-global-nav > .menu-item-2237 a:active {
    color: #acacac !important;
}


/* #menu-global-nav > .menu-item-2237 {
    background-color: #333;
} */

@media only screen and (min-width: 768px) {
    #menu-global-nav > .menu-item-2192, #menu-global-nav > .menu-item-2237 {
        background-color: #333;
    }
}

/* header */


/* main-content */

body.home .entry-content > p {
	line-height: 2em;
}

body.home .entry-content > p:first-child {
	display: none;
}

#sidebar-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	#sidebar-container {
		width: 100%;
		justify-content: center;
		flex-direction: row;
	}
}

@media (min-width: 1023px) {
	#sidebar-container {
		display: initial;
		padding-left: 60px !important;
		max-width: initial;
	}
}

.video-container {
	margin: auto;
	width: 100%;
	max-width: 400px;
	margin-bottom: 10px;
	min-width: 290px;
}

@media (min-width: 768px) {
	.video-container {
		margin-bottom: initial;
	}
}

@media (min-width: 1023px) {
	.video-container {
		padding-bottom: 3em;
	}
}

/* main-content */

/* products */

#product-categories, #products {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

#product-categories p {
	width: 23.89%;
	box-sizing: border-box;
	min-width: 329px;
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
	#product-categories p {
		min-width: 300px;
	}
}

.product-category img{
	width: 100%;
	height: 406px;
}

#products p {
	min-width: 116px;
	width: 23.89%;
	box-sizing: border-box;
	text-align: center;
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
	#products p {
		min-width: 300px;
	}
}

.product-title {
	font-size: 14px;
}

.product img {
	width: 100%;
}

@media (min-width: 1600px) {
	#products p {
		min-width: 315px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
	#products p {
		min-width: 200px;
	}
}

@media (max-width: 360px) {
	#product-categories p, #products p {
		min-width: initial;
		width: 100%;
	}

	.product-category img, .product img {
		height: auto;
	}
}


@media (min-width: 1414px) {
	#product-categories, #products {
		justify-content: initial;
	}
}

.case-study-container {
	display: flex;
	flex-direction: column;
}

#case-sidebar-updated {
	padding: 1rem 1.5rem;
	background-color: #EBEBEB;
}

#case-sidebar-updated h2 {
	font-size: 16px;
}

#case-sidebar-updated p {
	font-size: 14px;
}

#case-sidebar-updated ul {
	list-style: none;
}

#case-sidebar-updated li {
	margin-bottom: 0.6rem;
}

#case-sidebar-updated a {
	display: block;
	transition: none;
}

#case-sidebar-updated ul a {
	padding: 0 2rem;
	font-size: 14px;
}

#case-sidebar-updated a:hover:not(#recent-case-links a) {
	background: url("images/icon-black-left-arrow.png") no-repeat scroll 97% center #cccccc;
}

#recent-case-studies {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#recent-case-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-around;
}

#recent-case-links a {
	width: 216px;
}

#recent-case-links img {
	width: 100%;
	height: 60%;
	margin-bottom: 10px;
}

#case-sidebar-updated h3 {
	font-weight: 900;
	font-size: 14px;
	margin-top: 16px;
}




/* sidebar case-study */
.single-case-study {
	position: relative;
}

.photo-gallery .product img {
	margin-bottom: 1.2rem;
}

.single-case-study .sidebar-case-study {
	display: none;
	position: absolute;
	top: 43px;
	background-color: #EBEBEB;
	padding: 1rem 1.5rem;
	width: 220px;
}

#back-to-case {
	display: none;
	position: absolute;
	background-color: #EBEBEB;
	padding: 1rem 0;
	width: 220px;
	top: 0;
	padding-left: 15px;
}

#back-to-case h2 {
	font-size: 16px;
}

#back-to-case a {
	display:inline-block;
	font-size: 14px;
	padding-left: 18px;
	background: url("./images/icon-grey-left-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}


.featured-product-title {
	font-size: 14px;
}

.featured-product-photo .featured-img {
	width: 100%;
}

@media (min-width: 769px) {
	.single-case-study #primary {
		max-width: calc(100% - 267px) !important;
		margin-left: 267px;
	}

	.single-case-study .sidebar-case-study {
		display: initial;
	}

	#back-to-case {
		display: initial;
	}

	#case-sidebar-updated a:hover:not(#recent-case-links a) {
		background: url("images/icon-black-left-arrow.png") no-repeat scroll 188px center #cccccc;
	}

	.case-study-container {
		flex-direction: row;
	}

	#case-sidebar-updated {
		background-color: #EBEBEB;
		margin-top: 30px;
		margin-right: 5rem;
		height: 940px;
	}
}


#media-article > p, #media-article > h4 {
	max-width: 600px;
}

#attachment_5150 {
	max-width: 600px;
}

.services-template img {
	display: initial;
}


#map_base svg {
	max-width: 500px !important;
}

.map-iframe {
	display: block;
	margin: auto;
	max-width: 680px;
}

.category-title {
	font-size: 24px;
}


.content-sidebar {
	display: flex;
	flex-direction: column;
}

.content-sidebar #main-content:not(.page-id-13 #main-content) {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	/* flex-wrap: wrap; */
}

.sidebar-case-studies {
	width: 220px !important;
}

.sidebar-case-study, .case-study-back {
	width: 221px !important;
}

.sidebar-case-studies img {
	width: 100% !important;
}

.blog-archive aside, .single-blog aside {
	width: 220px !important;
}

.blog-archive figure.media-item-image img {
	max-width:110px;
	width: 100%;
}









.sidebar.sidebar--photo-gallery.widget-area {
    background-color: #EBEBEB !important;
    padding: 50px 23px !important;
    width: 356px !important;
    max-width: 356px !important;
    display: flex;
    flex-direction: column;
    position: relative; 
}

.sidebar.sidebar--photo-gallery.widget-area h2 {
    font-size: 22px !important;
    font-weight: 700;
    line-height: 27px;
}
.filter-group fieldset div {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 8px;
    margin-bottom: 4px;
}

.filter-group fieldset div input {
    width: 16px;
    height: 16px;
    border: 0;
    margin-top: 2px;
}

.filter-group fieldset div label {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
fieldset {
    border: 0;
    padding: 0;
}
legend {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
.filter-group {
    margin-bottom: 20px;
}

#main-content.photo-gallery {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#toggleFilters {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.photo-gallery  {
	position: relative;
}

.photo-gallery .syn-loader {
	align-items: flex-start;
}

.photo-gallery .syn-loader .loader__wrapper {
	margin-top: 25%;
}

.photo-gallery #products.hidden,
.photo-gallery #images.hidden,
.photo-gallery #gallery-video-container.hidden {
	display: none !important;
}

.photo-gallery #images {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.photo-gallery #images p {
	min-width: 325.28px;
	width: 23.89%;
	box-sizing: border-box;
}

/* LOADER */
.syn-loader {
    position: absolute;
    top: -1%;
    right: 0;
    left: -1%;
    bottom: 0;
    background: #ffffff82;
    width: 102%;
    height: 102%;
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

body>.syn-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.loader-lock {
    overflow: hidden;
}

.loader__wrapper {
    width: 100px;
    height: auto;

    img {
        animation: fade-in 2s ease-in-out infinite;
    }
}

.loader-is-active,
.wpcf7-form.submitting {
    >div:not(.syn-loader) {
        filter: blur(3px);
    }

    .syn-loader {
        display: flex;
    }
}

.wpcf7-form.invalid,
.wpcf7-form.sent {
    >div:not(.loader) {
        filter: none;
    }

    .loader {
        display: none;
    }
}

.loading-block {
    display: none !important;
}

.wpcf7-form {
    position: relative;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.no-results {
    text-align: center;
}

@media(max-width: 768px) {
	#main-content.photo-gallery {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.sidebar.sidebar--photo-gallery.widget-area {
		margin-right: 0 !important;
		width: 100vw !important;
		max-width: calc(100vw - 45px) !important;
		margin-bottom: 30px !important;
	}

	#galleryFilterForm {
		width: 100%;
		transform: scaleY(0);
		max-height: 1px;
		overflow: hidden;
		visibility: hidden;
		transition: max-height, transform, opacity 0.3s ease-in-out;
		transform-origin: top;
		opacity: 0;
	}

	#toggleFilters {
		display: flex;
		background: #000;
		border: 0;
		color: #FFF;
		font-size: 24px;
		font-weight: 700;
		width: 31px;
		height: 31px;
		justify-content: center;
		align-items: center;
		padding: 0;
	}

	.sidebar.sidebar--photo-gallery.widget-area h2 {
		margin-bottom: 0 !important;
	}

	.filter-group {
		margin-top: 16px;
	}
}

.fancybox-content {
	/* width: 100%;
	max-width: 660px; */
}


#images .gallery_photo {
	min-width: 116px;
	width: 23.89%;
	box-sizing: border-box;
}

#images .gallery_photo img {
	width: 100% !important;
	box-sizing: border-box;
}

/* when it comes to .gallery_photo (logic-wise), max-width: 360px, min-width: 361px, and min-width: 769px I dont like but I can fix it in the future as I don't have more time to think about why it works */

@media (max-width: 360px) {
    #images .gallery_photo {
        min-width: initial;
        width: 100%;
    }
}

@media (min-width: 361px) {
    #images .gallery_photo {
        min-width: 325px;
    }
}

@media only screen and (min-width: 769px) {
	#images .gallery_photo {
        min-width: initial;
        width: 100%;
	}

	.photo-gallery-grid {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		grid-auto-flow: dense;
	}
	
	.photo-gallery-grid .gallery_photo img {
		width: 100%;
		object-fit: cover;
		aspect-ratio: 1 / 1;
		margin: 0;
		display: block;
	}

	.photo-gallery-grid .gallery_photo {
		aspect-ratio: 1/1;
		display: block;
	}

    .photo-gallery-grid .gallery_photo:nth-child(8n + 2), .photo-gallery-grid .gallery_photo:nth-child(8n + 7) {
        grid-row: span 2;
        grid-column: span 2;
    }

    .photo-gallery-grid .gallery_photo:nth-child(4n + 1) {
        grid-row: span 3;
        grid-column: span 3;
    }
}

.page-id-5558 :is(.slb_details, .slb_template_tag_ui_slideshow_control) {
	display: none !important;
}

.ngg-galleryoverview img {pointer-events:none;}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a:hover {
	opacity: 0.8;
}

.rfq-row {
	display: flex;
	justify-content: space-between;

	.half {
		width: 48%;
	}

	.rfq-country select {
		padding: 0.6rem;
		position: relative;
		top: 4px;
	}
}

.rfq-system {
	display: flex;
	flex-direction: column;
}