/*
Theme Name: Global Synthetics Custom
Theme URI: http://websalad.com.au
Author: Websalad
Author URI: http://websalad.com.au
Description: Global Synthetics custom Wordpress theme.
Version: 1.0
License: GNU General Public License

-----------------------------------------------------------------*/
/* @group reset - eric myer reset v2.0 | 20110126
-----------------------------------------------------------------*/
/*----------------ADDED BY JOHN WALES 2019-08-26-----------------*/
/******************************************************************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* The Modal (background) */
.modal {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: #ffffff;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
/******************************************************************/

.helper-btn {
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	display: inline-block;
}

button.helper-btn {
	border: none !important;
}

.helper-btn-primary {
	border: 1px solid #f07525;
	background: #f07525;
	color: #ffffff !important;
	padding: 12px 14px;
	text-transform: uppercase;
}

.helper-btn-primary:hover {
	border: 1px solid #f07525;
	background: #ffffff;
	color: #f07525 !important;
	text-decoration: none;
}

.helper-margin-bottom-0 {
	margin-bottom: 0 !important;
}

/*---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Set tags and general classes
-----------------------------------------------------------------*/
body {
	background-color: #eee;
	font-family: 'Roboto', sans-serif;
	font-size: .875rem;
	color: #222;
	line-height: 1.3;
	min-width: 320px;
}

a {
	text-decoration: none;
	color: #225686;
}
a[href^="tel"] {
	color: #222;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom: 1.5rem;
	line-height: 1.1;
}
h2 {
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 1.125rem;
}

p {
	margin-bottom: 1rem;
}

input, textarea {
	width: 95%;
	font-family: 'Roboto', sans-serif;
	font-size: .875rem;
	padding: 7px 2.5%;
	border-radius: 5px;
	margin-bottom: 5px;
	border: 1px solid #d6d6d6;
}
/*
 * 2019-12-09: Updating the input['submit'] /button to be a min length of 125px.
 * https://dev.globalsynthetics.com.au/request-a-quote/
 * If it affects anything else we can make some more specific selectors.
*/
input[type="submit"], button {
	border: 0;
	background-color: #017dc5;
	color: #fff;
	border-radius: 15px;
	width: 125px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
button {
	width: auto;
	padding: 8px 20px;
}

hr {
	border: 0;
	border-bottom: 1px solid #d6d6d6;
	margin: 20px 0 50px 0;
}
hr.small-gap {
	margin-bottom: 20px;
}

img {
	display: block;
}

.bold, strong {
	font-weight: bold;
}
.italic, em {
	font-style: italic;
}

.error {
	color: #ff0000;
}

.hide {
	display: none;
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.clearing {
	clear: both;
}

/* Custom
-----------------------------------------------------------------*/
.page-wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
.content-wrapper {
	width: 90%;
	margin: 0 auto;
	max-width: 1500px;
}

.helper-content-wrapper {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}

.helper-home-h2 {
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

.blue {
	color: #0a5593;
}
.orange {
	color: #fd8727;
}
.big {
	font-size: 1rem;
}

.read-more, .read-more-white {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #017dc5;
}
.read-more:after {
	content: url('images/readmore.png');
}
.rm-button {
	display: inline-block;
	padding: 10px 25px;
	margin: 10px 0;
	border-radius: 18px;
	font-size: 1.125rem;
}
.read-more-white {
	color: #235787;
	background-color: #fff;
}
.read-more-white:after {
	content: url('images/readmore-white.png');
}

.left-half {
	float: left;
	width: 47%;
}
.right-half {
	float: right;
	width: 47%;
}
.left-side {
	float: left;
	width: 55%;
	border-right: 1px solid #ddd;
	padding-right: 4.5%;
}
.right-side {
	float: right;
	width: 36%;
}

#newletter-signup {
	position: relative;
	z-index: 9999;
	background-color: #eee;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

#newletter-signup form {
	text-align: right;
}

#newletter-signup span {
	display: inline-block;
	margin-right: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

#newletter-signup input {
	width: 160px;
	padding: 7px 10px;
	display: inline-block;
	margin-right: 10px;
}

#newletter-signup button {
	display: inline-block;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #017dc5;
	padding: 7px 10px;
}
@media screen and (max-width: 800px) {
	#newletter-signup form {
		text-align: center;
	}
}
@media screen and (max-width: 680px) {
	#newletter-signup span, #newletter-signup input, #newletter-signup button {
		display: block;
		margin: 0 auto 10px auto;
	}

	#newletter-signup button {
		margin-bottom: 0;
	}
}


header {
	position: relative;
	z-index: 9998;
	border-top: 1px solid #fff;
	border-bottom: 4px solid #EF7623;
}

header #bg-wrapper {
	padding: 10px 0;
	background-color: #fff;
	width: 100%;
}
header #logo {
	float: left;
	max-width: 343px;
	width: 75%;
}

header #social-search {
	position: relative;
	float: right;
}
header #social-search img {
	float: left;
	height: 18px;
	margin-left: 15px;
}
header #phone-trigger {
	float: left;
}
header #phone-trigger div {
	position: absolute;
	display: block;
	/*top: -999px;*/
	visibility: hidden;
	width: 0;
	height: 0;
	top: 30px;
	right: 0;
	background-color: #fff;
	min-width: 255px;
	z-index: 9999;
	padding: 15px;
	border: 1px solid #ccc;
	border-top: 0;
	font-size: 1rem;
	line-height: 1.5;
	/*transition: all 0.2s ease;*/
}
header #phone-trigger:hover div {
	top: 25px;
	visibility: visible;
	width: unset;
	height: unset;
}
header #phone-trigger div span {
	display: inline-block;
	width: 80px;
}
header nav {
	clear: right;
	float: right;
	margin-top: 20px;
}
header nav li {
	display: inline-block;
	margin-left: 22px;
}
header nav li:hover > a, header nav li a.active, header nav li a:hover {
	color: #0a5593;
	text-decoration: none;
}
header nav li a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #222;
}

nav ul ul, #mega-navs {
	display: block;
	position: absolute;
	left: -9999rem;
	background-color: #fff;
	z-index: 9999;
	padding-top: 10px;
}

#mega-navs {
	left: auto;
	right: 0;
	top: -9999rem;
}

nav ul li:hover ul {
	left: auto;
}

nav ul li:hover #mega-navs {
	top: auto;
}

nav ul ul li {
	display: block;
	margin-left: -15px;
	background-color: #fff;
}

nav ul ul li a {
	display: block;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-top: 0;
}
header .content-wrapper {
	position: relative;
}

#open-mobile {
	display: none;
	position: absolute;
	top: 15px;
	right: 0;
	cursor: pointer;
}

#mobile-nav {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 9999;
	margin-top: 0;
}

#mobile-nav li {
	background-color: #137ec2;
	border-bottom: 3px solid #fff;
}

#mobile-nav li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 15px 7.5%;
}
header nav .mega-nav li a.mn-heading {
	font-weight: bold;
	margin-top: 15px;
	text-transform: uppercase;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 1rem;
}
header nav .mega-nav li.mn-subheading {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;
	color: #0a5593
}
header nav .mega-nav li a.mn-heading:hover {
	color: #0a5593
}
header nav .mega-nav li:first-of-type a.mn-heading {
	margin-top: 0;
}
header nav .mega-nav li a {
	text-transform: none;
	font-weight: normal;
	color: #0a5593;
}

nav ul ul.mega-nav li a {
	padding: 0;
	border: 0;
	font-size: 14px;
}

nav ul ul.mega-nav li a:hover {
	color: #000;
}

nav ul #mega-navs ul {
	display: block;
	position: static;
	float: left;
	margin-right: 50px;
	max-width: 250px;
}

nav ul #mega-navs ul:last-of-type {
	margin-right: 0;
}

nav ul #mega-navs {
	border: 1px solid #ccc;
	padding: 5px 0 15px 40px;
	width: 95%;
	max-width: 1120px;
}

#searchform div {
	position: absolute;
	right: 0;
	margin: 0 0 0 0;
}

#searchform label {
	display: none;
}

#searchform input {
	/*float: right;*/
	width: 130px;
	padding-right: 30px;
	/*margin-left: 15px;*/
}

#searchform input[type="submit"] {
	position: absolute;
	right: 5px;
	top: 7px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: #ffffff;
	background-image: url('images/icon-search.png');
	overflow: hidden;
	/*text-indent: -9000px;*/
}

#home-banner {
	background: url('/wp-content/uploads/2019/10/bkg-image-1.jpg') center center no-repeat fixed;
	background-size: cover;
}

#home-overlay {
	float: right;
	width: 400px;
	text-align: right;
	padding: 140px 30px 30px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	background-color: rgba(0, 0, 0, 0.5);
	min-height: calc(100vh - 708px);
}

#home-box-content-div p {
	font-weight: normal;
}

#home-tab-nav {
	background-color: #ffffff;
}

#home-tab-nav li {
	margin-right: 0;
	width: calc((100% / 6) - 3px);
	background: #245687;
	text-align: center;
}

#home-tab-nav li:first-of-type {
	background-color: #017dc5;
}

#home-tab-nav li a.active {
	background-color: #017dc5;
}

#home-tab-nav a {
	display: block;
	/*width: 16.45%;*/
	background-color: #245687;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.home-tab {
	width: 100%;
	background-color: #017dc5;
	color: #fff;
	padding: 55px 2%;
}

.home-tab div.ht-main {
	width: 40%;
	border: 0;
	padding: 0;
}
.home-tab div {
	float: left;
	width: 22%;
	margin-right: 3%;
	padding-left: 3%;
	border-left: 1px solid #3397d2;
}

#banner {
	position: relative;
	margin-top: -202px;
	padding-top: 202px;
	background-position: center 0;
	background-size: cover;
	/*height: 450px;*/
	height: 652px;
}

/* Some pages need the banner to be below where the NOW fixed header is so have to adjust accordingly. */
/* Update: 2020-03-02: Turning off the map widget #map-wrapper and therefore making this higher banner not necessary until we re-enable the widget. */
.page-id-28 #banner {
	/*margin-top: 0;*/
}

#banner #banner-text-bg {
	background-color: rgba(26, 82, 128, .75);
	padding: 15px 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8888;
}

#banner .content-wrapper h1 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	/*font-size: 4rem;*/
	font-size: 2.5rem;
	line-height: .75;
	margin-bottom: 0;
	/*text-shadow: -1px 0 #ccc, 0 1px #fff, 1px 0 #ccc, 0 -1px #ccc;*/
}

.general-content, .product-content {
	padding: 30px 0 50px 0;
}
.general-content ul {
	list-style-type: disc;
	margin: 0 0 1.125rem 30px;
}
.general-content ol {
	list-style-type: lower-alpha;
	margin: 0 0 1.125rem 30px;
}
.general-content ol ol {
	list-style-type: lower-roman;
}
.general-content ol ol ol {
	list-style-type: upper-alpha;
}
.product-content ul {
	list-style-image: url('images/ul-check-smaller.png');
	margin: .5rem 0 1.125rem 30px;
}
.product-content li {
	margin-bottom: 5px;
}

#desktop-about {
	padding-top: 15px;
}

#mobile-about {
	padding-top: 15px;
	display: none;
}

#team-wrapper div {
	float: right;
	width: 47.5%;
	margin-bottom: 15px;
}

#team-wrapper div:nth-of-type(odd) {
	float: left;
	clear: both;
}

#team-wrapper div img {
	width: 100%;
	margin-bottom: 5px;
}

#team-wrapper .blue {
	margin-bottom: 0;
}

#products-nav-wrapper {
	float: left;
	width: 73.8%;
	border-left: 1px solid #ebeef8;
	padding-left: 3%;
}

#products-wrapper div, #products-nav-wrapper div {
	float: left;
	margin: 0 10px 30px 10px;
	text-align: center;
	width: 22.5%;
}

#products-nav-wrapper div.by-name {
	float: none;
	margin: 0;
	text-align: left;
	width: 100%;
	clear: left !important;
}

#products-nav-wrapper div.by-name img {
	float: left;
	margin: 0 15px 20px 0;
	text-align: left;
	width: 75px;
}

#products-nav-wrapper div.by-name p {
	padding-top: 15px;
}

#products-nav-wrapper div {
	width: 30%;
}

#products-wrapper div:nth-of-type(4n+1), #products-nav-wrapper div:nth-of-type(3n+1) {
	clear: left;
}

#products-wrapper div img, #products-nav-wrapper div img {
	width: 100%;
	margin-bottom: 3px;
}

#products-wrapper div a, #products-nav-wrapper div a {
	font-size: 1.125rem;
	font-weight: bold;
	color: #222;
}

#technical-wrapper {
	width: 100%;
}

#technical-wrapper .tech-inner-wrapper {
	position: relative;
	width: 62%;
	margin-bottom: 40px;
}

#technical-wrapper .tech-inner-wrapper:hover {
	background-color: #e5eef3;
}

#technical-wrapper .tech-item {
	float: left;
	position: relative;
	width: 100%;
}

#technical-wrapper .tech-item img {
	float: left;
	width: 37%;
}

#technical-wrapper .tech-content {
	position: relative;
	float: left;
	width: 58%;
	padding: 15px 2.5% 0 2.5%;
	background-image: url('images/icon-arrow-down.png');
	background-position: right 15px top 15px;
	background-repeat: no-repeat;
}

#technical-wrapper .tech-inner-wrapper:hover .tech-content {
	background-image: url('images/icon-arrow-right.png');
}

#technical-wrapper .tech-content img {
	float: left;
	margin-right: 10px;
	width: 26px;
}

#technical-wrapper .tech-content p.blue {
	margin-bottom: 25px;
}

#technical-wrapper .tech-arrow {
	position: absolute;
	top: 15px;
	right: 5px;
}

#technical-wrapper .tech-downloads {
	position: absolute;
	top: 0;
	left: -9999px;
	background-color: #005395;
	color: #fff;
	padding: 0 15px;
	width: 45%;
}

#technical-wrapper .tech-inner-wrapper:hover .tech-downloads {
	left: 100%;
}

#technical-wrapper .tech-downloads a, #product-downloads a, #product-supporting a, #about-pdfs a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 8px 20px 8px 0;
	border-bottom: 1px solid #3376aa;
	background: url('images/icon-download.png') right 0 top 10px no-repeat;
}

#product-related a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 8px 0;
	border-bottom: 1px solid #3376aa;
}

#blog-geonews-subnav, #products-subnav {
	float: left;
	margin: 15px 2% 0 0;
	width: 21%;
	max-width: 200px;
}

#products-subnav {
	max-width: 250px;
}

#blog-geonews-subnav a, #products-subnav a {
	display: block;
	width: 90%;
	padding: 15px 5%;
	text-transform: uppercase;
	color: #222;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 1px solid #ebeef8;
}

#geonews-wrapper, #case-wrapper-v2 {
	float: left;
	margin: 0 0 40px 0;
	width: 77%;
}
.page-template-template-case-studies-v2 #blog-geonews-subnav, #case-wrapper-v2 {
	border-top: 1px solid #ebeef8;
}

#case-wrapper-v2 {
	margin-top: 15px;
	padding-top: 15px;
}

#geonews-wrapper div {
	padding: 25px 0 0 25px;
	border-bottom: 1px solid #ebeef8;
	border-left: 1px solid #ebeef8;
}

#geonews-wrapper div:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

#geonews-wrapper div h2 {
	margin-bottom: 0;
	padding-bottom: 18px;
}

#geonews-wrapper div p {
	margin-bottom: 0;
	padding-bottom: 16px;
}

#geonews-wrapper img {
	float: left;
	margin: 0 35px 55px 0;
	width: 28%;
	max-width: 180px;
}

#case-wrapper {
	margin-bottom: 30px;
}

#case-wrapper > div, #case-wrapper-v2 > div > div {
	clear: left;
	float: left;
	width: 47%;
	padding: 20px 2.45% 20px 0;
}

#case-wrapper > div {
	border-bottom: 1px solid #ebeef8;
	border-right: 1px solid #ebeef8;
	min-height: 210px;
}

#case-wrapper > div:first-of-type, #case-wrapper > div:nth-of-type(2) {
	border-top: 1px solid #ebeef8;
}

#case-wrapper > div:nth-of-type(even), #case-wrapper-v2 > div div:nth-of-type(even) {
	clear: none;
	border-right: 0;
	padding: 20px 0 20px 2.45%;
}

#case-wrapper-v2 > div div:nth-of-type(even) {
	border-left: 1px solid #ebeef8;
}

#case-wrapper div img, #case-wrapper-v2 div img {
	float: left;
	margin-right: 5%;
	width: 45%;
}

#case-wrapper div div, #case-wrapper-v2 div div div {
	float: left;
	width: 50%;
}

#case-wrapper-v2 div div div {
	font-size: 12px;
}

#case-wrapper-v2 div div div p {
	margin-bottom: 10px;
}

.blue-header {
	color: #fff;
	background-color: #005395;
	font-weight: bold;
	font-size: 18px;
	padding: 8px 20px;
	display: block;
}

#product-left {
	float: left;
	width: 60%;
	margin-right: 5%;
}

#product-right {
	float: right;
	width: 35%;
}

#product-right img {
	width: 100%;
}

#product-downloads, #product-related, #product-supporting, #about-pdfs {
	background-color: #005395;
	color: #fff;
	padding: 20px 15px;
}

#about-pdfs {
	padding: 30px 80px;
}

#product-downloads h2, #product-related h2, #product-supporting h2, #about-pdfs h2 {
	border-bottom: 1px solid #3376aa;
	margin-bottom: .25rem;
	padding-bottom: .75rem;
}

#about-pdfs h2 {
	font-size: 16px;
	text-transform: uppercase;
}

#products-case-study-wrapper img {
	float: left;
	margin-right: 20px;
	width: 260px;
}

#products-gallery-wrapper img {
	float: left;
	width: 23.5%;
	margin: 0 2% 20px 0;
}

#products-gallery-wrapper a:nth-of-type(4n+4) img {
	margin-right: 0;
}
.gallery-more {
	display: none;
}

#gallery-show-more {
	float: right;
	font-weight: bold;
}

#latest-posts-wrapper div {
	float: left;
	width: 23%;
	margin-right: 2.5%;
}

#latest-posts-wrapper div:last-of-type {
	margin-right: 0;
}

#contact-left {
	float: left;
	width: 63%;
	padding-right: 1.5%;
	border-right: 1px solid #d6d6d6;
}

#contact-left > div {
	float: right;
	width: 47.5%;
	margin-bottom: 50px;
}

#contact-left div:nth-of-type(odd) {
	float: left;
	clear: both;
}

#contact-left .gmap-canvas {
	width: 100%;
	height: 150px;
	background-color: #ccc;
	margin-bottom: 8px;
}

#contact-right {
	float: right;
	width: 34%;
}

#links-wrapper > div {
	border-top: 1px solid #d6d6d6;
	padding: 25px 0;
}

#links-wrapper > div img {
	float: left;
	width: 190px;
	margin-right: 30px;
}

#links-wrapper div div {
	float: left;
	padding-top: 18px;
}

#pre-footer {
	/*background: #175e95 url('images/footer-bg.jpg') center top;*/
	background: #175e95;
	color: #fff;
	padding: 30px 0;
}

#pre-footer div div {
	float: left;
	line-height: 1.5;
	width: 26%;
	margin-right: 8%;
}

#pre-footer div div:last-of-type {
	margin-right: 0;
}

#pre-footer div div a {
	color: #fff;
}

#pre-footer div div a.heading {
	display: block;
	font-weight: bold;
	font-size: 1rem;
	border-bottom: 1px solid #82a8c4;
	margin-bottom: 7px;
}

#pre-footer div div a.heading:hover {
	text-decoration: none;
}

#pre-footer div div img {
	display: inline-block;
	margin-right: 7px;
}

#pre-footer div div span {
	display: inline-block;
	width: 65px;
}
footer {
	text-align: center;
	padding: 15px 0;
	color: #fff;
	background-color: #074d86;
}
.home footer {
	background-color: #fff;
	color: #222;
}

#footer-contact {
	display: none !important;
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 99999;
	display: block;
	border-radius: 10px 10px 0 0;
	background-color: #f07525;
	padding: 8px 22px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	font-family: arial, helvetica, sans-sefif;
}

#footer-contact:hover {
	text-decoration: none;
}

/* Contact Page banner map
-----------------------------------------------------------------*/
#black-cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
}

#map-wrapper {
	position: relative;
	width: 730px;
	margin: 0 auto;
	z-index: 999;
}

#map-location {
	position: relative;
	float: right;
	height: 390px;
	width: 220px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}

#map-location #loc-copy {
	padding: 0 15px 0 25px;
}

#map-location #loc-copy div {
	height: 130px;
	margin-bottom: 40px;
}

#map-location #loc-copy div:first-of-type {
	margin-top: 165px;
	margin-bottom: 95px;
}

#map-location p {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#map-location #loc-top {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 100%);
	top: 0;
	height: 120px;
	position: absolute;
	width: 100%;
}

#map-location #loc-bottom {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0.3) 100%);
	bottom: 0;
	height: 120px;
	position: absolute;
	width: 100%;
}

#map-image {
	position: relative !important;
	float: left;
	width: 474px;
	height: 370px;
	background-image: url('images/map.png');
	background-size: cover;
	margin-top: 2px;
}

#map-image img {
	position: absolute;
	display: none;
	left: 8px;
	top: 8px;
	width: 14px;
}

#map-image p {
	position: absolute;
	display: none;
	width: 300px;
	text-align: center;
	top: -13px;
	left: -135px;
	color: #fff;
	font-weight: bold;
}

#map-image div {
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 0, 0, 0);
}

/* Blog Page
-----------------------------------------------------------------*/
.blog-img {
	float: right;
	margin: 0 0 25px 40px;
	width: 50%;
	max-width: 500px;
}

/* Search Results Page
-----------------------------------------------------------------*/
#search-wrapper .search-result {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1rem;
}

#search-wrapper .search-result a {
	font-size: 18px;
	font-weight: bold;
}

#search-wrapper .search-result p:first-of-type {
	font-size: 12px;
}

#search-wrapper .navigation {
	width: 260px;
	margin: 15px auto;
	font-size: 16px;
}

.search-result a {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.search-result a:hover {
	text-decoration: none;
}

.home-latest-news-item-img {
	width: 100%;
	height: 300px;
}

.home-latest-news-item-img > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.home-latest-news-item-body {
	width: 100%;
	height: 290px;
	background: #ffffff;
	padding: 30px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.home-latest-news-item-body h4 {
	color: #245687;
	font-weight: bold;
	font-size: 18px;
	height: 50px;
	margin: 0 0 20px 0;
}
.home-latest-news-item-body a {
	font-weight: bold;
	font-size: 15px;
}


/* Media Queries
-----------------------------------------------------------------*/
@media screen and (max-width: 799px) {
	#home-latest-news-flex-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0 0;
	}

	.home-latest-news-item {
		width: calc(100% - 30px);
	}

	.home-latest-news-item:not(:last-of-type) {
		padding-bottom: 20px;
	}

	#home-body-text-div p {
		font-size: 20px;
		text-align: center;
		padding: 0 10px;
	}

	#latest-blog-posts-home-div h4 {
		margin-left: 15px;
	}
}

@media screen and (min-width: 800px) {
	#home-body-text-div p {
		font-size: 20px;
		text-align: center;
		padding: 0 50px;
	}
}

@media screen and (min-width: 800px) and (max-width: 1500px) {
	#home-latest-news-flex-container {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.home-latest-news-item {
		width: calc((100% / 2) - 30px);
	}

	.home-latest-news-item:not(:last-of-type) {
		margin-right: 30px;
	}
}

@media screen and (max-width: 1500px) {
	#home-overlay {
		padding-top: 110px;
		min-height: calc(100vh - 678px);
	}

	#home-tab-content-1 > div {
		padding: 0 20px;
	}

	.home-caption-flex-div {
		padding: 0 20px;
	}

	#request-a-consult-home-div {
		padding: 15px 15px;
	}
}

@media screen and (min-width: 1501px) {
	div#home-body-text-div p {
		padding: 0 100px;
	}

	#request-a-consult-home-div {
		padding: 15px 0;
	}

	#home-latest-news-flex-container {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	.home-latest-news-item {
		width: calc((100% / 3) - 30px);
	}

	.home-latest-news-item:not(:last-of-type) {
		margin-right: 30px;
	}
}

@media screen and (min-width: 500px) {
	#home-expertise-li {
		position: relative;
	}

	#home-expertise-li:after {
		content: '';
		position: absolute;
		bottom: -34px;
		left: 20px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;

		border-top: 20px solid #a4c4ed;
	}
}

@media screen and (max-width: 1280px) {
	header nav li {
		margin-left: 15px;
	}
}

@media screen and (max-width: 1244px) {
	#products-wrapper div:nth-of-type(4n+1) {
		clear: none;
	}

	#products-wrapper div:nth-of-type(3n+1) {
		clear: left;
	}

	#products-wrapper div {
		width: 28%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}

	#home-overlay {
		padding-top: 85px;
		min-height: calc(100vh - 653px);
	}
}

@media screen and (max-width: 1243px) {
	header nav li {
		margin-left: 10px;
	}
}

@media screen and (max-width: 1190px) {
	header nav li:first-of-type {
		display: none;
	}
}

@media screen and (max-width: 1180px) {
	#about-pdfs {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (max-width: 1119px) {
	#products-nav-wrapper div {
		width: 45%;
	}

	#products-nav-wrapper div:nth-of-type(3n+1) {
		clear: none;
	}

	#products-nav-wrapper div:nth-of-type(odd) {
		clear: left;
	}
}

@media screen and (min-width: 1120px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		transition: 0.4s;
		background: #ffffff;
		padding: 10px 10px;
		border-bottom: 4px solid #EF7623;
	}

	header.scrolling {
		background-color: #ffffff !important;
		padding: 0 10px;
		margin-top: 0;
	}

	.phone-trigger-mobile-div {
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px) {
	ul#home-tab-nav a {
		font-size: 12px;
		font-weight: normal;
	}
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		transition: 0.4s;
		background: #ffffff;
		padding: 0 10px;
		border-bottom: 4px solid #EF7623;
	}
}

@media screen and (max-width: 1119px) {
	header nav {
		display: none;
	}
	header #social-wrapper {
		width: 100%;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	#searchform {
		margin-right: 5%;
	}

	#open-mobile {
		display: block;
	}

	#banner {
		margin-top: -223px;
		padding-top: 223px;
		height: 410px;
	}

	#phone-contacts-header-desktop-div {
		display: none !important;
	}

	#header-nav {
		display: none !important;
	}

	form#searchform div {
		margin-top: 15px;
		width: calc(100% - 60px);
		float: left;
	}

	header #phone-trigger {
		float: unset;
		position: absolute;
		bottom: 15px;
		right: 10px;

		display: none;
	}
}

@media screen and (max-width: 1080px) {
	#case-wrapper-v2 > div > div {
		clear: left;
		float: none;
		width: 100%;
		padding: 20px 0 20px 0;
	}

	#case-wrapper-v2 > div div:nth-of-type(even) {
		padding: 20px 0 20px 0;
		border-left: 0;
	}
}

@media screen and (max-width: 1030px) {
	#contact-left > div {
		float: none;
		width: 100%;
	}

	#contact-left div:nth-of-type(odd) {
		float: none;
		clear: none;
	}

	#contact-left .gmap-canvas {
		height: 250px;
	}
}

@media screen and (max-width: 1000px) {
	#home-tab-wrapper {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 970px) {
	#case-wrapper > div {
		float: none;
		width: 95%;
		padding: 20px 2.5%;
		border-bottom: 1px solid #ebeef8;
		border-right: 0;
		min-height: 0;
	}

	#case-wrapper > div:nth-of-type(2) {
		border-top: none;
	}

	#case-wrapper > div:nth-of-type(even) {
		border-right: 0;
		padding: 20px 2.5%;
	}

	#map-wrapper, #black-cover {
		display: none;
	}

	#about-pdfs {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 950px) {
	#latest-posts-wrapper div {
		width: 31%;
		margin-right: 2.5%;
	}

	#latest-posts-wrapper div:nth-of-type(3) {
		margin-right: 0;
	}

	#latest-posts-wrapper div:last-of-type {
		display: none;
	}
}

@media screen and (max-width: 935px) {
	#products-wrapper div:nth-of-type(3n+1) {
		clear: none;
	}

	#products-wrapper div:nth-of-type(odd) {
		clear: left;
	}

	#products-wrapper div {
		width: 45%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}

@media screen and (max-width: 900px) {
	#contact-left {
		width: 56%;
		padding-right: 2.5%;
	}

	#contact-right {
		width: 39%;
	}

	#products-gallery-wrapper img {
		float: left;
		width: 49%;
		margin: 0 2% 20px 0;
	}

	#products-gallery-wrapper a:nth-of-type(even) img {
		margin-right: 0;
	}
}

@media screen and (max-width: 890px) {
	.left-half {
		float: none;
		width: 100%;
		margin-bottom: 55px;
	}
	.right-half {
		float: none;
		width: 100%;
	}
	.left-side, .right-side {
		float: none;
		width: 100%;
		border: 0;
	}

	#about-pdfs {
		padding-left: 90px;
		padding-right: 90px;
	}

	#desktop-about {
		display: none;
	}

	#mobile-about {
		display: block;
	}
}

@media screen and (max-width: 830px) {
	#home-tab-nav {
		display: none;
	}

	#banner {
		height: 360px;
	}
}

@media screen and (max-width: 800px) {
	#technical-wrapper .tech-inner-wrapper {
		width: 100%;
	}

	#technical-wrapper .tech-downloads {
		/*left: 0;
		top: -9999px;*/
		left: 0;
		top: 100%;
		position: static;
		width: 95%;
		padding: 2.5%;
		z-index: 9999;
	}

	#technical-wrapper .tech-inner-wrapper:hover .tech-downloads {
		left: 0;
		top: 100%;
	}

	#technical-wrapper .tech-content {
		/*background-image: url('images/icon-arrow-right.png');*/
		background: #fff;
	}

	#technical-wrapper .tech-inner-wrapper:hover .tech-content {
		/*background-image: url('images/icon-arrow-down.png');*/
		background: #e5eef3;
	}

	#blog-geonews-subnav, #products-subnav {
		display: none;
	}

	#geonews-wrapper, #case-wrapper-v2 {
		float: none;
		width: 100%;
	}

	#geonews-wrapper div {
		padding-left: 0;
		border-left: 0;
	}

	#products-nav-wrapper {
		float: none;
		width: 100%;
		border: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 788px) {
	#banner {
		margin-top: -254px;
		padding-top: 254px;
		height: 441px;
	}
}

@media screen and (max-width: 770px) {
	#banner div {
		font-size: 3rem;
	}
	.blog-img {
		float: none;
		margin: 0 auto 25px auto;
		width: 100%;
		max-width: 600px;
	}
}

@media screen and (max-width: 760px) {
	#latest-posts-wrapper div {
		width: 47%;
		margin-right: 6%;
	}

	#latest-posts-wrapper div:nth-of-type(2) {
		margin-right: 0;
	}

	#latest-posts-wrapper div:nth-of-type(3) {
		display: none;
	}
	.home-tab {
		padding: 25px 2%;
	}

	#home-tab-latest-news div {
		width: 43%;
	}

	#home-tab-latest-news div:nth-of-type(2) {
		border: 0;
	}

	#home-tab-latest-news div.ht-main {
		float: none;
		width: 100%;
		padding-bottom: 25px;
		border-bottom: 1px solid #3397d2;
		margin: 0 0 25px 0;
	}
}

#home-tab-latest-news .ht-main p {
	font-weight: normal;
}

@media screen and (max-width: 720px) {
	#contact-left {
		width: 50%;
		padding-right: 2.5%;
	}

	#contact-right {
		width: 45%;
	}

	#contact-left .gmap-canvas {
		height: 200px;
	}

	#pre-footer {
		display: none;
	}

	#product-left {
		float: none;
		width: 100%;
		margin-right: 0%;
	}

	#product-right {
		float: none;
		width: 100%;
		margin-top: 35px;
	}
}

@media screen and (max-width: 680px) {
	#products-case-study-wrapper img {
		float: none;
		margin: 0 auto 20px auto;
		width: 100%;
	}

	#banner {
		margin-top: -331px;
		padding-top: 331px;
		height: 518px;
	}
}

@media screen and (max-width: 630px) {
	#contact-left {
		float: none;
		width: 100%;
		padding: 0;
		border: 0;
		border-bottom: 1px solid #d6d6d6;
		margin-bottom: 25px;
	}

	#contact-right {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 580px) {
	#products-wrapper div:nth-of-type(odd), #products-nav-wrapper div:nth-of-type(odd) {
		clear: none;
	}

	#products-wrapper div, #products-nav-wrapper div {
		float: none;
		width: 80%;
		margin: 0 auto 30px auto;
	}

	#banner {
		height: 650px;
	}
	.tech-desc {
		display: none;
	}
}

@media screen and (max-width: 570px) {
	#banner div {
		font-size: 2rem;
	}
}

@media screen and (max-width: 550px) {
	#team-wrapper div {
		float: none;
		width: 80%;
		margin: 20px auto 40px auto;
	}

	#team-wrapper div:nth-of-type(odd) {
		float: none;
		clear: none;
	}

	#geonews-wrapper img {
		float: none;
		margin: 0 auto 25px auto;
		width: 180px;
	}

	#products-nav-wrapper div.by-name p {
		padding-top: 0;
	}

	#about-pdfs {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 500px) {
	#links-wrapper > div img {
		float: none;
		width: 190px;
		margin: 0 auto;
	}

	#links-wrapper div div {
		float: none;
		padding-top: 15px;
		text-align: center;
	}

	#open-mobile {
		top: 5px;
		width: 45px;
	}
}

@media screen and (max-width: 460px) {
	#latest-posts-wrapper div {
		display: block !important;
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	#products-gallery-wrapper img {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}

	#case-wrapper-v2 div img {
		float: none;
		margin: 0 auto 20px auto;
		width: 80%;
	}

	#case-wrapper div div, #case-wrapper-v2 div div div {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 420px) {
	#case-wrapper div img {
		float: none;
		margin: 0 auto 20px auto;
		width: 80%;
	}

	#case-wrapper div div {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	#products-wrapper div {
		width: 90%;
	}

	#team-wrapper div {
		width: 100%;
	}

	#home-tab-wrapper {
		display: none;
	}

	#about-pdfs {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 360px) {
	header #social-search img {
		margin-left: 8px;
	}
}

#event-rego-subnav {
	float: left;
	width: 200px;
	margin-right: 50px;
}

#event-rego-subnav a {
	display: block;
	width: 90%;
	padding: 15px 5%;
	text-transform: uppercase;
	color: #222;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 1px solid #ebeef8;
}
.event-rego-content {
	float: left;
	width: calc(100% - 250px);
}

#erf-form > div:first-of-type {
	float: left;
	width: calc(100% - 340px);
}

#erf-form > div:last-of-type {
	float: left;
	width: 300px;
	margin: 10px 0 0 40px;
	border: 3px solid #155491;
	padding: 0 20px 0 20px;
	box-sizing: border-box;
}

#erf-form > div:last-of-type > p:first-of-type {
	display: block;
	background-color: #155491;
	padding: 10px 20px;
	margin: 0 -20px 20px -20px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#erf-form .cost-heading {
	font-weight: bold;
	font-size: 18px;
	color: #155491;
	margin-bottom: 5px;
}

#erf-form .cost-description {
	font-size: 16px;
	margin-bottom: 5px;
}

#erf-form .cost-total {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}

#event-registration-form {
	max-width: 950px;
}

#event-registration-form #captcha {
	display: none;
}

#event-registration-form h3 {
	font-weight: bold;
	color: #555;
	padding-bottom: 5px;
	border-bottom: 3px solid #555;
	margin: 20px 0;
	font-size: 18px;
}

#event-registration-form label {
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

#event-registration-form input, #event-registration-form select, #event-registration-form textarea {
	width: 100%;
	border-radius: 0;
	border: 1px solid #ccc;
	padding: 6px 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
}

#event-registration-form input[type="radio"], #event-registration-form input[type="checkbox"] {
	width: auto;
}

#event-registration-form button {
	border: 0;
	background-color: #017dc5;
	color: #fff;
	border-radius: 15px;
	padding: 7px 30px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

#event-registration-form .fd {
	display: block;
	margin: -14px 0 15px 0;
	color: #999;
	font-size: 12px;
}

#event-registration-form .half::after, #event-registration-form .third::after {
	content: "";
	display: table;
	clear: both;
}

#event-registration-form .half div, #event-registration-form .third div {
	float: left;
	width: calc(50% - 10px);
	margin-right: 20px;
}

#event-registration-form .third div {
	width: calc(33.333% - 14px);
}

#event-registration-form .half div:last-of-type, #event-registration-form .third div:last-of-type {
	margin-right: 0;
}
.radio-checkbox-text-wrapper-newline {
	margin: -10px 0 15px 25px;
}
.radio-checkbox-text-wrapper-sameline {
	width: calc(100% - 25px);
	margin: -30px 0 15px 25px;
}

#category-flex-icons svg {
	width: 100px;
}

#category-flex-icons svg * {
	transition: fill .2s ease-in-out;
	fill: #EF7623;
}

#category-flex-icons svg:hover * {
	fill: #245687;
}

#category-flex-icons > a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#category-flex-icons > a:hover {
	text-decoration: none;
}

#category-flex-icons > a > span {
	color: #245687;
	font-weight: bold;
	display: block;
	margin-top: 20px;
}

@media screen and (max-width: 1260px) {
	#event-rego-subnav, .event-rego-content {
		float: none;
		width: 100%;
	}

	#event-rego-subnav {
		margin-bottom: 20px;
		border-bottom: 1px solid #ebeef8;
	}

	#event-rego-subnav a {
		display: inline-block;
		width: auto;
		padding: 15px 40px 20px 15px;
		border-bottom: none;
	}
}
@media screen and (max-width: 940px) {
	#erf-form > div:first-of-type {
		float: none;
		width: 100%;
	}

	#erf-form > div:last-of-type {
		float: none;
		margin: 50px auto 0 auto;
	}
}

.paypal-wrapper input {
	width: auto;
}

#shr-admin-badge {
	display: none !important;
}

@media screen and (max-width: 450px) {
	#category-flex-icons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 1199px;
		padding: 20px 0;
		width: 100%;
		margin: 0 auto;
	}

	#category-flex-icons > a {
		width: calc(100% / 2);
		margin-bottom: 20px;
		padding: 10px 15px;
	}

	div#video-caption h3 {
		font-size: 25px;
	}

	div#video-caption p {
		font-size: 14px;
	}

	div#home-solutions-by-application-div h4 {
		font-size: 23px;
	}
}

@media screen and (min-width: 451px) and (max-width: 767px) {
	#category-flex-icons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 1199px;
		padding: 20px 0;
		width: 100%;
		margin: 0 auto;
	}

	#category-flex-icons > a {
		width: calc(100% / 3);
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#home-video-outer-container {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: calc(100vh - 165px);
		top: 117px;
	}

	video.fullscreen-video {
		width: 100% !important;
		height: auto !important;
		position: absolute;
		top: 0;
		left: 0;
	}

	#video-caption {
		position: absolute;
		top: -15px;
		left: 0;
		width: 100%;
		height: 100%;
		/*height: 100vh;*/
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 10;
	}

	#video-caption h3 {
		color: #ffffff;
		font-weight: bold;
		font-size: 30px;
		text-align: center;
		margin: 0 0 4px 0;
	}

	#video-caption p {
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		margin: 0 0 0 0;
	}

	.video-container {
		position: relative;
		padding-bottom: 56.25%; /*16:9*/
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container video,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#home-banner-2 {
		height: 50vh;
		width: 100%;
		background: url('/wp-content/uploads/2018/05/Wollert-Cell-10_Photo-1.jpg') center center no-repeat;
		background-size: cover;
	}

	#home-banner-2 .home-caption-flex-div {
		width: 100%;
		max-width: 1500px;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	#home-banner-2 h1 {
		padding: 70px 0;
		color: #ffffff;
		font-size: 24px;
		position: relative;
	}

	#home-banner-2 h1:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 270px;
		background: #ffffff;
	}

	#home-banner-2 h1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 2px;
		width: 270px;
		background: #245687;
	}

	#home-banner-2 h1 > span {
		color: #f07525;
		font-weight: bold;
		letter-spacing: 6px;
	}

	ul#home-tab-ul > li {
		padding: 5px 10px;
	}

	ul#home-tab-ul > li > a {
		font-size: 15px;
	}

	form#searchform {
		margin: 0 0 0 0;
	}

	form#searchform div {
		margin-top: 20px;
		width: calc(100% - 70px);
		float: left;
	}

	#searchform input[type="text"] {
		width: 100%;
		border-radius: 15px;
		border: 1px solid #245687;
		border-right: none;
		outline: 0;
		padding: 10px 15px;
		background: linear-gradient(to left, rgba(36, 86, 135, 1) 0%, rgba(36, 86, 135, 1) 150px, rgba(255, 255, 255, 1) 150px, rgba(255, 255, 255, 1) 100%);
	}

	#searchform input[type="submit"] {
		right: 15px !important;
		top: 9px !important;
		position: absolute;
		width: 115px;
		height: 20px;
		padding: 0;
		margin: 0;
		border-radius: 0;
		overflow: visible;
		text-indent: initial;
		color: #ffffff;
		background: #245687;
	}

	header #social-search {
		margin-top: 9px;
	}

	#request-a-consult-home-div-inner-flex-div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#home-completed-projects-bar-inner-div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#home-completed-projects-bar {
		padding: 5px 5px;
		background: #245687;
		height: 150px;
	}

	#home-tab-ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}

	#home-tab-ul > li {
		padding: 5px 15px;
	}

	#home-tab-ul > li:nth-of-type(1) {
		padding-left: 0;
	}

	#home-modal-primary-h3 {
		padding: 0 50px;
		color: #000000;
	}

	.close {
		color: #000000;
	}

	#home-content-1-div {
		margin-top: -30px;
	}
}

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

	#home-tab-nav {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	#home-tab-nav > li:not(:last-of-type) {
		margin-right: 4px;
	}

	.page-wrapper {
		position: relative;
	}

	#searchform input[type="text"] {
		width: 500px;
		border-radius: 15px;
		border: 1px solid #245687;
		border-right: none;
		outline: 0;
		padding: 10px 15px;
		background: linear-gradient(to left, rgba(36, 86, 135, 1) 0%, rgba(36, 86, 135, 1) 150px, rgba(255, 255, 255, 1) 150px, rgba(255, 255, 255, 1) 100%);
	}

	#searchform input[type="submit"] {
		right: 15px !important;
		top: 9px !important;
		position: absolute;
		width: 115px;
		height: 20px;
		padding: 0;
		margin: 0;
		border-radius: 0;
		overflow: visible;
		text-indent: initial;
		color: #ffffff;
		background: transparent;
	}

	header #social-search {
		margin-top: 9px;
	}

	#header-nav li a {
		color: #245687;
	}

	#home-banner-2 {
		height: 50vh;
		width: 100%;
		background: url('/wp-content/uploads/2018/05/Wollert-Cell-10_Photo-1.jpg') center center no-repeat;
		background-size: cover;
	}

	#home-banner-2 .home-caption-flex-div {
		width: 100%;
		max-width: 1500px;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	#home-banner-2 h1 {
		padding: 70px 0;
		color: #ffffff;
		font-size: 65px;
		position: relative;
	}

	#home-banner-2 h1:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 335px;
		background: #ffffff;
	}

	#home-banner-2 h1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 2px;
		width: 335px;
		background: #245687;
	}

	#home-banner-2 h1 > span {
		color: #f07525;
		font-weight: bold;
		letter-spacing: 6px;
	}

	#home-completed-projects-bar {
		padding: 5px 5px;
		background: #245687;
		height: 150px;
	}

	#request-a-consult-home-div-inner-flex-div {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	#home-completed-projects-bar-inner-div {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	#home-completed-projects-bar-inner-div > div:first-of-type {
		padding: 0 40px 0 0;
	}

	#home-completed-projects-bar-inner-div > div:last-of-type {
		max-width: 330px;
	}

	#home-tab-ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	#home-tab-ul > li {
		padding: 5px 15px;
	}

	#home-tab-ul > li:nth-of-type(1) {
		padding-left: 0;
	}

	.home-modal-primary .modal-content {
		min-height: 500px;
		background: #ef7522;
		position: relative;
	}

	.home-modal-primary .modal-content::after {
		content: '';
		position: absolute;
		bottom: -100px;
		left: 0;
		width: 100%;
		height: 100px;
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0);
		background: #ef7522;
	}

	#home-modal-primary-h3 {
		padding: 0 50px;
		color: #ffffff;
	}

	#home-video-outer-container {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: calc(100vh - 165px);
		top: 117px;
	}

	video.fullscreen-video {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
	}

	#video-caption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*height: 100vh;*/
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 10;
	}

	#video-caption h3 {
		color: #ffffff;
		font-weight: bold;
		font-size: 60px;
		text-align: center;
		margin: 0 0;
	}

	#video-caption p {
		color: #ffffff;
		font-weight: bold;
		font-size: 27px;
		text-align: center;
		margin: 0 0 0 0;
	}

	.video-container {
		position: relative;
		height: calc(100vh - 119px) !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	#category-flex-icons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 1199px;
		padding: 40px 0;
		width: 100%;
		margin: 0 auto;
	}

	#category-flex-icons > a {
		width: calc(100% / 4);
		margin-bottom: 20px;
	}
}

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

}

@media screen and (min-width: 1200px) {
	#header-nav > ul > li:not(:last-of-type) {
		border-right: 1px solid #245687;
		margin: 0 0;
		padding: 0 7px;
	}

	#search-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	#search-wrapper > p {
		width: 100%;
	}

	#search-wrapper > div {
		width: calc(25% - 20px);
		padding: 20px 20px;
		height: 285px;
	}

	#category-flex-icons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 1500px;
		padding: 40px 0;
		width: 100%;
		margin: 0 auto;
	}

	#category-flex-icons > a {
		width: calc(100% / 6);
		margin-bottom: 20px;
	}
}

header nav {
	margin: 25px 0 0 0;
}

#home-tab-collection-div {
	background: #eeeeee;
	padding-bottom: 20px;
}

#home-tab-content-1 {
	margin-top: 30px;
}

#home-tab-header-div {
	background: #a4c4ed;
	width: 100%;
	padding: 15px 15px;
}

#home-tab-ul > li > a {
	font-size: 16px;
	text-transform: uppercase;
}

@media screen and (min-width: 1366px) {
	form#searchform {
		width: 100%;
	}

	form#searchform div {
		width: 100%;
	}

	#searchform input[type="text"] {
		width: 100%;
		/*max-width: 725px;*/
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	form#searchform {
		width: 100%;
	}

	#searchform div {
		width: 100%;
		margin: 0 0 0 10px;
	}

	#searchform input[type="text"] {
		width: 100%;
	}

	#header-nav {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}
}

#logo-equest-a-consult-home-img {
	max-width: 300px;
}

#home-completed-projects-bar-inner-div {
	background: url('/wp-content/themes/globalsynthetics/images/Map.png') center left no-repeat;
	background-size: contain;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	height: 100%;
}

#home-completed-projects-bar-inner-div h4 {
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
}

#home-completed-projects-bar-inner-div h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

#home-completed-projects-bar-inner-div p {
	color: #ffffff;
	font-size: 17px;
	margin-bottom: 0;
}

#home-modal-primary-h3 {
	font-size: 20px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

#latest-news-home-div,
#home-solutions-by-application-div {
	background: #f1f1f1;
	padding: 40px 10px;
}

#latest-blog-posts-home-div {
	background: #f1f1f1;
	padding: 40px 0;
}

#latest-blog-posts-home-div h4,
#home-solutions-by-application-div h4 {
	color: #245687;
	font-size: 30px;
	font-weight: bold;
	border-left: 8px solid #EF7623;
	padding-left: 8px;
}

#video-caption p > span {
	color: #EF7623;
}

#home-tab-container-div {
	background: #017dc5;
}

#phone-contacts-header-desktop-div {
	position: absolute;
	top: 17px;
	right: -25px;
	transition: all 0.5s ease-in-out;
	width: 80px;
}

/*#phone-contacts-header-desktop-div:hover {*/
/*	width: 100%;*/
/*	max-width: 670px;*/
/*}*/

form#searchform {

}

#phone-contacts-header-desktop-flex-div {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

#header-search-expand-div {
	position: absolute;
	right: 40px;
	width: 30px;
}

#header-search-expand-div:hover {
	position: absolute;
	width: 560px;
	right: 40px;
}

#header-search-expand-div:hover #header-search-span {
	visibility: hidden;
}

#header-search-div {
	visibility: hidden;
	width: 0;
	height: 0;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
	top: -3px;
	/*right: 35px;*/
	/*right: 0;*/
}

#header-search-expand-div:hover #header-search-div {
	opacity: 1;
	visibility: visible;
	width: 100%;
}

#header-nav > ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-right: 85px;
}

#searchform input[type="text"] {
	margin-bottom: 0;
}

#fixed-links-home-rhs-div {
	position: fixed;
	top: 40%;
	right:0;
	width: 85px;
	background: #245687;
	border: 1px solid #ffffff;
	border-right: none;
	z-index: 1000;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#fixed-links-home-rhs-div > div {
	padding: 15px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fixed-links-home-rhs-item-div > div:first-of-type {
	padding-bottom: 5px;
}

#fixed-links-home-rhs-div > div:not(:last-of-type) {
	border-bottom: 1px solid #ffffff;
}

#fixed-links-home-rhs-div a {
	color: #ffffff;
	font-size: 12px;
}

#fixed-links-home-rhs-div a:hover {
	text-decoration: none;
}