/*
Theme Name: Industrial Applications
Description: This theme was created for Brand Constructor Clients
Author: Brand Constructors - Christi Yarema
Author URI: https://www.brandconstructors.com
Version: 04-2018
*/
/*
This site uses Sass to compile the css file.
Please do not edit the style.css file itself.
Style.scss should be updated to compile the css
*/
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:500,500i,700,700i");
*, ::before, ::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: none; -webkit-text-decoration: none dotted; text-decoration: none dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

a:hover { text-decoration: none; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg:not(:root) { overflow: hidden; }

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { touch-action: manipulation; }

table { border-collapse: collapse; }

caption { padding-top: .75rem; padding-bottom: .75rem; color: #868e96; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: .5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

* { position: relative; }

.clear { clear: both; }

/*Calculate ems automatically based on pixel size + 16 is default Ex: p {font-size: em(14);*/
html { font-size: 17px; background: #000; }

body { font-family: 'IBM Plex Sans Condensed', 'Open Sans',"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 500; font-style: normal; font-size: 1em; line-height: 1.6; color: #353535; }

@media screen and (max-width: 61.9375em) { body { padding-top: 55px; } }

.container { position: relative; max-width: 1400px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 100em) { .container { padding: 0 3%; } }

.container-fluid { max-width: 1600px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 100em) { .container-fluid { padding: 0 3%; } }

.flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 61.9375em) { .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } }

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

body #responsive-menu-container #responsive-menu-additional-content { padding: 8px 5%; }

/* STYLE FORM PLACEHOLDER TEXT */
::-webkit-input-placeholder { color: #666; }

:-moz-placeholder { color: #666; }

::-moz-placeholder { color: #666; }

:-ms-input-placeholder { color: #666; }

#return-to-top { position: fixed; bottom: 15px; right: 15px; background: rgba(80, 154, 191, 0.72); width: 50px; height: 50px; display: block; text-decoration: none; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 100; color: #fff; text-align: center; padding: 9px 0; font-size: 20px; }

#return-to-top .fa { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#return-to-top:hover { background: #509abe; }

#return-to-top:hover { margin-bottom: 7px; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

@media screen and (max-width: 37.5em) { .aligncenter, div.aligncenter { display: block; margin: 10px auto; float: none; } }

.alignright { float: right; margin: 5px 0 20px 20px; }

@media screen and (max-width: 37.5em) { .alignright { display: block; margin: 10px auto; float: none; } }

.alignleft { float: left; margin: 5px 20px 20px 0; }

@media screen and (max-width: 37.5em) { .alignleft { display: block; margin: 10px auto; float: none; } }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

@media screen and (max-width: 37.5em) { a img.alignright { display: block; margin: 10px auto; float: none; } }

a img.alignnone { margin: 5px 20px 20px 0; }

@media screen and (max-width: 37.5em) { a img.alignnone { display: block; margin: 10px auto; float: none; } }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

@media screen and (max-width: 37.5em) { a img.alignleft { display: block; margin: 10px auto; float: none; } }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 37.5em) { a img.aligncenter { display: block; margin: 10px auto; float: none; } }

.wp-caption { background: transparent; border: 0px solid #f0f0f0; max-width: 99%; /* Image does not overflow the content area */ padding: 0; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 14px; line-height: 20px; margin: 0; padding: 8px 5px 5px; text-align: left; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* DO NOT EDIT THIS */
/* THESE ARE USELESS */
/* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */
a { -webkit-transition: all .3s ease; transition: all .3s ease; color: #509abe; }

a:hover, a:focus { text-decoration: none; color: #204757; }

.pageContent h1 { background: -webkit-linear-gradient(left, #204757 0%, #204757 37%, rgba(32, 71, 87, 0) 100%); background: linear-gradient(to right, #204757 0%, #204757 37%, rgba(32, 71, 87, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204757', endColorstr='#00204757',GradientType=1 ); color: #fff; padding: 5px 25px 5px 25px; font-size: 2.3125em; margin: 30px 0 35px -25px; min-width: 60%; line-height: 1.2em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }

.pageContent h1 a { color: #fff; }

.pageContent h1 a:hover, .pageContent h1 a:focus { color: #ffb41c; }

h1.pageTitle { margin: 0; padding: 0; list-style: none; grid-column: 1 / -1; font-size: 2.7em; text-transform: uppercase; color: #204757; border-right: 2px solid #204757; padding: 10px 10px 10px 0; margin: auto 0 30px; line-height: 1.3em; text-shadow: 0 0 7px rgba(32, 72, 88, 0.17); background: transparent; color: #204757; display: block; -webkit-flex-basis: 100%; flex-basis: 100%; }

@media screen and (max-width: 47.9375em) { h1.pageTitle { font-size: 1.875em; } }

h1.pageTitle:before, h1.pageTitle:after { content: ""; width: 1000%; height: 2px; background: #204757; position: absolute; top: 0; right: 0; }

h1.pageTitle:after { top: auto; bottom: 0; }

h2 { font-size: 2em; color: #204757; line-height: 1.4em; margin-bottom: 20px; }

h3 { font-size: 1.5em; color: #204757; line-height: 1.4em; margin-bottom: 15px; }

h4 { font-weight: normal; font-size: 1.25em; color: #204757; }

.pageContent li { margin-bottom: 6px; }

.postEntry h2 { margin-bottom: 0px; }

.postEntry .readMore { background: #509abe; color: #fff; border: 0; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 6px 15px; }

.postEntry .readMore:hover, .postEntry .readMore:focus { background: #ffb41c; }

.postEntry .date { margin-bottom: 4px; }

blockquote { font-size: 1.375em; font-style: italic; color: rgba(32, 71, 87, 0.84); margin: 0px 0 30px; width: 95%; }

h1.indPageTitle { margin: 20px 0 30px 10px; font-size: 2.7em; -webkit-flex-basis: 100%; flex-basis: 100%; }

@media screen and (max-width: 47.9375em) { h1.indPageTitle { font-size: 1.875em; } }

h1.indPageTitle span { margin: 0; padding: 0; list-style: none; grid-column: 1 / -1; text-transform: uppercase; color: #204757; border-right: 2px solid #204757; padding: 10px 40px 10px 10px; line-height: 1.3em; text-shadow: 0 0 7px rgba(32, 72, 88, 0.17); background: transparent; color: #204757; display: inline-block; width: 66%; }

@media screen and (max-width: 74.9375em) { h1.indPageTitle span { width: 100%; } }

h1.indPageTitle span:before, h1.indPageTitle span:after { content: ""; width: 1000%; height: 2px; background: #204757; position: absolute; top: 0; right: 0; }

h1.indPageTitle span:after { top: auto; bottom: 0; }

h1.indPageTitle.singePost { margin-top: 40px; }

.industry { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.industry blockquote { margin: 0 0 30px; }

.pageContent .gform_wrapper .gform_footer input.button, .pageContent .gform_wrapper .gform_footer input[type=submit], .pageContent .gform_wrapper .gform_page_footer input.button, .pageContent .gform_wrapper .gform_page_footer input[type=submit], aside .gform_wrapper .gform_footer input.button, aside .gform_wrapper .gform_footer input[type=submit], aside .gform_wrapper .gform_page_footer input.button, aside .gform_wrapper .gform_page_footer input[type=submit] { background: #509abe; color: #fff; text-transform: uppercase; border: 0; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 1.25em; padding: 6px 15px; }

.pageContent .gform_wrapper .gform_footer input.button:hover, .pageContent .gform_wrapper .gform_footer input.button:focus, .pageContent .gform_wrapper .gform_footer input[type=submit]:hover, .pageContent .gform_wrapper .gform_footer input[type=submit]:focus, .pageContent .gform_wrapper .gform_page_footer input.button:hover, .pageContent .gform_wrapper .gform_page_footer input.button:focus, .pageContent .gform_wrapper .gform_page_footer input[type=submit]:hover, .pageContent .gform_wrapper .gform_page_footer input[type=submit]:focus, aside .gform_wrapper .gform_footer input.button:hover, aside .gform_wrapper .gform_footer input.button:focus, aside .gform_wrapper .gform_footer input[type=submit]:hover, aside .gform_wrapper .gform_footer input[type=submit]:focus, aside .gform_wrapper .gform_page_footer input.button:hover, aside .gform_wrapper .gform_page_footer input.button:focus, aside .gform_wrapper .gform_page_footer input[type=submit]:hover, aside .gform_wrapper .gform_page_footer input[type=submit]:focus { background: #ffb41c; }

.pageContent .ss-btn.large, .pageContent .ss-btn, aside .ss-btn.large, aside .ss-btn { font-size: 1.1em; }

.pageNav { margin: 20px 0; text-align: center; }

.pageNav a { color: #509abe; }

.pageNav .page-numbers.current { color: #204757; font-weight: bold; padding: 0 3px; }

.pageNav .prev.page-numbers, .pageNav .next.page-numbers { float: left; border: 1px solid #204757; padding: 0px 10px; color: #204757; }

.pageNav .prev.page-numbers:hover, .pageNav .prev.page-numbers:focus, .pageNav .next.page-numbers:hover, .pageNav .next.page-numbers:focus { background: #204757; color: #fff; }

.pageNav .next.page-numbers { float: right; }

header { width: 100%; background: url(../images/headerBkg.jpg) right top repeat-y #000; padding: 20px 0; color: #fff; }

@media screen and (max-width: 61.9375em) { header { padding: 0px 0; height: 55px; position: fixed; top: 0; left: 0; z-index: 15; } }

header .container-fluid { max-width: 1400px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 25px; }

header h1 { margin: 0; padding: 0; list-style: none; width: 167px; }

@media screen and (max-width: 61.9375em) { header h1 { display: none; } }

header h1 a { display: block; }

header #logo { width: 240px; }

header .container { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

@media screen and (max-width: 61.9375em) { header .container { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } }

header .widget_text { width: 51%; padding: 0 9%; }

@media screen and (min-width: 100em) { header .widget_text { width: 57%; } }

@media screen and (max-width: 85.375em) { header .widget_text { width: 48%; } }

@media screen and (max-width: 74.9375em) { header .widget_text { width: 37%; padding: 0 6%; } }

@media screen and (max-width: 61.9375em) { header .widget_text { display: none; } }

header .widget_text { color: #509abe; font-size: 1.1em; margin-top: 10px; }

header .contactInfo { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #ffb41c; text-transform: uppercase; /* flex-basis: 28%; */ width: 315px; }

@media screen and (max-width: 61.9375em) { header .contactInfo { -webkit-flex-basis: 42%; flex-basis: 42%; text-align: right; margin-left: 10%; } }

@media screen and (max-width: 47.9375em) { header .contactInfo { -webkit-flex-basis: 46%; flex-basis: 46%; text-align: right; margin-left: 1%; } }

@media screen and (max-width: 37.5em) { header .contactInfo { display: none; } }

header .contactInfo a { color: #fff; padding: 0 2px; }

header .contactInfo a:hover, header .contactInfo a:focus { color: #ffb41c; }

header .contactInfo h3 { -webkit-flex-basis: 100%; flex-basis: 100%; font-size: 34px; margin-bottom: 10px; }

@media screen and (max-width: 61.9375em) { header .contactInfo h3 { font-size: 28px; margin-bottom: 0; } }

header .contactInfo h3 span a { padding: 0; color: #ffb41c; }

header .contactInfo .fa-facebook-square { margin-left: 20px; }

@media screen and (max-width: 74.9375em) { header .contactInfo .fa-facebook-square { margin-left: 23px; } }

@media screen and (max-width: 47.9375em) { header .contactInfo .fa-facebook-square { margin-left: 0; } }

header .contactInfo .fab, header .contactInfo .svg-inline--fa { font-size: 30px; font-weight: normal; }

header .contactInfo h4 a { color: #ffb41c; font-size: 20px; letter-spacing: .05em; }

@media screen and (max-width: 61.9375em) { header .contactInfo h4 a { display: none; } }

header .contactInfo h4 a:hover, header .contactInfo h4 a:focus { color: #509abe; }

header .contactInfo .team { background: #509abe; color: #fff; border: 1px solid #707070; padding: 5px 15px; font-size: 18px; }

header .contactInfo .team:hover, header .contactInfo .team:focus { background: #ffb41c; color: #fff; }

@media screen and (max-width: 61.9375em) { header .flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } }

@media screen and (max-width: 47.9375em) { header .flex { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } }

header .mobileLogo { display: none; height: 45px; }

@media screen and (max-width: 61.9375em) { header .mobileLogo { display: block; } }

nav { background: #000; z-index: 10; z-index: 9999999; }

@media screen and (max-width: 61.9375em) { nav { display: none; } }

nav .container-fluid { max-width: 1400px; }

nav ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; }

nav li { font-size: 20px; letter-spacing: .05em; font-weight: 700; }

nav li:hover > a { color: #ffb41c; }

nav li:hover ul { display: table; }

nav a { color: #fff; padding: 10px 0; display: block; }

nav a:hover, nav a:focus { color: #ffb41c; }

nav li ul { display: none; position: absolute; top: 100%; left: 0; min-width: 250px; background: -webkit-linear-gradient(top, rgba(255, 212, 128, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%); background: linear-gradient(to bottom, rgba(255, 212, 128, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffd480', endColorstr='#e6ffffff',GradientType=0 ); }

nav li ul li { /* white-space: nowrap; */ font-weight: 400; letter-spacing: 0; font-size: .85em; line-height: 1.4em; }

nav li ul a { color: #204757; padding: 4px 15px; }

nav li ul a:hover, nav li ul a:focus { background: rgba(255, 255, 255, 0.7); color: #204757; }

nav li:last-child ul { left: auto; right: 0; min-width: 175px; text-align: right; }

#responsive-menu-additional-content ul { margin: 0; padding: 0; list-style: none; }

#responsive-menu-additional-content ul a { color: #fff; padding: 3px 6px; display: block; float: left; font-size: 27px; }

#responsive-menu-additional-content ul a:hover, #responsive-menu-additional-content ul a:focus { color: #ffb41c; }

.mobileCall { display: none; background: #ffb41c; color: #000; padding: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

@media screen and (max-width: 47.9375em) { .mobileCall { display: -webkit-box; display: -webkit-flex; display: flex; } }

.mobileCall h3 { width: 48%; text-align: center; margin: 0; padding: 0; list-style: none; border: 1px solid #000; font-size: 1.25em; }

.mobileCall h3 a { color: #000; display: block; }

.mobileCall h3 a:hover, .mobileCall h3 a:focus { background: #000; color: #ffb41c; }

.slider { background: #ccc; }

@media screen and (max-width: 47.9375em) { .slider { display: none; } }

@media screen and (max-width: 74.9375em) { .slider .new-royalslider-1 { height: 40vh !important; } }

.slider .rsUni .rsBullets { position: absolute; bottom: 10px; }

.slider .rsUni .rsBullet { width: 12px; height: 12px; }

.slider .rsUni .rsBullet.rsNavSelected span { background: #204757; }

.slider .rsUni .rsBullet span { width: 12px; height: 12px; background: #fff; border: 2px solid #204757; }

@media screen and (max-width: 74.9375em) { .slider .rsABlock, .slider .rsSBlock { width: 60% !important; } }

@media screen and (max-width: 61.9375em) { .slider .rsABlock, .slider .rsSBlock { width: 70% !important; } }

.slider .rsContent h3 { font-size: 50px; line-height: 1.2em; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.58); color: #fff; }

.slider .rsContent h3 span { color: #ffb41c; margin-left: -20px; }

.slider .rsContent p { padding: 15px; font-size: 20px; background: -webkit-linear-gradient(left, #509abe 0%, #6bacd7 59%, rgba(118, 180, 225, 0) 83%, rgba(125, 185, 232, 0) 100%); background: linear-gradient(to right, #509abe 0%, #6bacd7 59%, rgba(118, 180, 225, 0) 83%, rgba(125, 185, 232, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509abe', endColorstr='#007db9e8',GradientType=1 ); }

@media screen and (max-width: 74.9375em) { .slider .rsContent p { display: none; } }

@media screen and (max-width: 100em) { .slider .rsContent p { background: -webkit-linear-gradient(left, #509abe 0%, #509abe 78%, rgba(80, 154, 190, 0) 100%); background: linear-gradient(to right, #509abe 0%, #509abe 78%, rgba(80, 154, 190, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509abe', endColorstr='#00509abe',GradientType=1 ); } }

.heroImg { display: none; }

@media screen and (max-width: 47.9375em) { .heroImg { display: block; } }

.heroImg h3 { font-size: 35px; line-height: 1.2em; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.58); position: absolute; right: 5%; bottom: 20px; color: #fff; }

@media screen and (max-width: 37.5em) { .heroImg h3 { font-size: 25px; } }

.heroImg h3 span { color: #ffb41c; margin-left: -20px; }

.homeBlock1 { overflow: hidden; width: 100%; background: url("https://iasolutions.com/blog/wp-content/themes/Industrial_Applications/images/lightTexture.jpg") 0 0 repeat; border-top: 15px solid #204757; padding: 80px 0; }

@media screen and (max-width: 61.9375em) { .homeBlock1 { padding: 40px 0; } }

.homeBlock1 .anniversary { float: right; margin-left: 15px; margin-top: 10px; }

@media screen and (max-width: 61.9375em) { .homeBlock1 .anniversary { float: none; margin: 0 auto; display: table; margin-top: 20px; } }

.homeBlock1:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.77) 59%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.77) 59%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

@media screen and (max-width: 61.9375em) { .homeBlock1 .container-fluid.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; display: block; } }

.homeBlock1 .intro, .homeBlock1 .video { /* flex:0 0 50%; */ padding: 0 30px 0 0; width: 50%; }

@media screen and (max-width: 61.9375em) { .homeBlock1 .intro, .homeBlock1 .video { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; padding-right: 0; } }

.homeBlock1 .intro { padding-right: 60px; width: calc(50% - 60px); }

@media screen and (max-width: 61.9375em) { .homeBlock1 .intro { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; padding-right: 0; } }

@media screen and (max-width: 47.9375em) { .homeBlock1 .intro { padding-right: 0; } }

.homeBlock1 .intro h2 { font-size: 47px; text-align: right; border-right: 2px solid #fff; padding: 20px; margin: 0; font-weight: normal; line-height: 1.2em; }

@media screen and (max-width: 74.9375em) { .homeBlock1 .intro h2 { font-size: 40px; } }

@media screen and (max-width: 47.9375em) { .homeBlock1 .intro h2 { font-size: 30px; text-align: center; } }

.homeBlock1 .intro h2:before, .homeBlock1 .intro h2:after { content: ""; width: 1000%; height: 2px; background: #fff; position: absolute; top: 0; right: 0; }

.homeBlock1 .intro h2:after { top: auto; bottom: 0; }

.homeBlock1 .intro h2 span { font-weight: bold; font-size: 52px; }

@media screen and (max-width: 74.9375em) { .homeBlock1 .intro h2 span { font-size: 47px; } }

@media screen and (max-width: 47.9375em) { .homeBlock1 .intro h2 span { font-size: 40px; } }

.homeBlock1 .intro p { font-size: 20px; color: #204757; text-align: right; padding-left: 15%; padding-left: 5%; margin-top: 30px; }

@media screen and (max-width: 74.9375em) { .homeBlock1 .intro p { text-align: left; } }

@media screen and (max-width: 61.9375em) { .homeBlock1 .intro p { text-align: center; padding-left: 15px; padding-right: 15px; } }

.homeBlock1 .homeCallouts { margin: 60px 0 0 0; width: 100%; }

@media screen and (max-width: 37.5em) { .homeBlock1 .homeCallouts { display: none; } }

.homeBlock1 .homeCallouts ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.homeBlock1 .homeCallouts li { width: 22%; padding-left: 35px; margin-right: 30px; padding-right: 30px; }

@media screen and (max-width: 74.9375em) { .homeBlock1 .homeCallouts li { padding-right: 15px; width: 21%; } }

@media screen and (max-width: 61.9375em) { .homeBlock1 .homeCallouts li { width: calc(50% - 35px); margin-bottom: 30px; } }

@media screen and (max-width: 37.5em) { .homeBlock1 .homeCallouts li { width: calc(100% - 35px); padding-right: 0; } }

.homeBlock1 .homeCallouts li:before { content: ""; width: 22px; height: 22px; background: #509abe; position: absolute; left: 0; top: 0; }

.homeBlock1 .homeCallouts li:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 22px 22px; border-color: transparent transparent #204757 transparent; position: absolute; left: 0; top: 0; }

.evaluation { padding: 80px 0; color: #204757; background: #ffb41c; background: -webkit-linear-gradient(top, #ffb41c 0%, white 100%); background: linear-gradient(to bottom, #ffb41c 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb41c', endColorstr='#ffffff',GradientType=0 ); font-size: 18px; }

@media screen and (max-width: 61.9375em) { .evaluation { padding: 40px 0; } }

.evaluation .flex { -webkit-justify-content: space-around; justify-content: space-around; }

@media screen and (max-width: 61.9375em) { .evaluation .flex { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; display: block; } }

.evaluation div.eval { -webkit-box-flex: 0; -webkit-flex: 0 0 66%; flex: 0 0 66%; padding-right: 7%; }

@media screen and (max-width: 61.9375em) { .evaluation div.eval { -webkit-flex-basis: 100%; flex-basis: 100%; padding-right: 0; } }

.evaluation div.eval a { background: #204757; color: #fff; padding: 4px 10px 5px; text-transform: uppercase; }

.evaluation div.eval a:hover, .evaluation div.eval a:focus { background: #509abe; }

.evaluation div.phone { text-align: right; }

.evaluation div.phone p { color: #5A916E; }

@media screen and (max-width: 61.9375em) { .evaluation div.phone { text-align: center; } }

.evaluation h2 { font-size: 54px; line-height: 1.3em; margin-bottom: 0; }

@media screen and (max-width: 37.5em) { .evaluation h2 { font-size: 45px; } }

.evaluation h3 { font-size: 36px; }

.evaluation h3 span { font-size: 41px; }

.flooringSolutions { background: url(../images/darkTexture.jpg) 0 0 repeat; padding: 80px 0; }

@media screen and (max-width: 61.9375em) { .flooringSolutions { padding: 40px 0; } }

.flooringSolutions:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(32, 71, 87, 0.9) 0%, rgba(0, 0, 0, 0.14) 100%); background: linear-gradient(to bottom, rgba(32, 71, 87, 0.9) 0%, rgba(0, 0, 0, 0.14) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6204757', endColorstr='#24000000',GradientType=0 ); }

.flooringSolutions h2 { -webkit-flex-basis: 100%; flex-basis: 100%; font-size: 48px; color: #ffb41c; text-transform: uppercase; margin: 0 0 55px 30px; }

@media screen and (max-width: 61.9375em) { .flooringSolutions h2 { font-size: 38px; } }

@media screen and (max-width: 37.5em) { .flooringSolutions h2 { font-size: 30px; margin-left: 0; } }

.flooringSolutions h2 span { display: inline-block; }

.flooringSolutions h2 span:before, .flooringSolutions h2 span:after { content: ""; width: 1000%; height: 2px; background: #ffb41c; position: absolute; top: 0; right: 0; }

.flooringSolutions h2 span:after { top: auto; bottom: 0; }

.flooringSolutions h2 span > span { background: #ffb41c; color: #fff; padding: 0 15px; }

.flooringSolutions a { color: #509ABE; font-size: 19px; }

.flooringSolutions a:hover, .flooringSolutions a:focus { color: #fff; }

.flooringSolutions a.solutionImg { display: block; }

.flooringSolutions h3 { color: #FFD480; font-size: 30px; line-height: 1.3em; }

.flooringSolutions h3 a { color: #FFD480; font-size: 30px; }

.flooringSolutions h3 a:hover, .flooringSolutions h3 a:focus { color: #fff; }

.flooringSolutions ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; text-align: center; }

.flooringSolutions li { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(25% - 40px); flex: 0 0 calc(25% - 40px); width: calc(25% - 40px); padding: 0 20px; color: #fff; margin-bottom: 40px; }

@media screen and (max-width: 74.9375em) { .flooringSolutions li { -webkit-flex-basis: calc(50% - 20px); flex-basis: calc(50% - 20px); width: calc(50% - 20px); margin-bottom: 40px; padding: 0 10px; } }

@media screen and (max-width: 37.5em) { .flooringSolutions li { -webkit-flex-basis: calc(100% - 40px); flex-basis: calc(100% - 40px); width: calc(100% - 40px); margin: 0 auto 40px; } }

.flooringSolutions img { border: 8px solid rgba(80, 154, 191, 0.29); border-radius: 50%; width: 250px; margin-bottom: 15px; -webkit-transition: all .3s ease; transition: all .3s ease; }

.flooringSolutions img:hover, .flooringSolutions img:focus { border-color: #fff; }

/* ================== PAGE STYLES================== */
.home .bodyWrap { padding-bottom: 0; }

.bodyWrap { width: 100%; position: relative; background: url(../images/pageBkg.jpg) 0 0 repeat #fff; padding-bottom: 40px; }

.pageContent { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(66.666% - 40px); flex: 0 0 calc(66.666% - 40px); margin: 20px; width: calc(66% - 40px); }

.pageContent.full { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); margin: 20px; width: calc(100% - 40px); }

@media screen and (max-width: 74.9375em) { .pageContent { -webkit-flex-basis: calc(100% - 40px); flex-basis: calc(100% - 40px); width: calc(100% - 40px); } }

.bodyWrap .rsUni, .bodyWrap .rsUni .rsOverflow, .bodyWrap .rsUni .rsSlide, .bodyWrap .rsUni .rsVideoFrameHolder, .bodyWrap .rsUni .rsThumbs { background: transparent; }

.bodyWrap .rsUni .rsGCaption { position: absolute; float: none; bottom: 7px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: left; background: rgba(33, 33, 33, 0.73); color: #FFF; padding: 7px 15px; width: auto; font-size: 17px; border-radius: 0px; }

.pageContent.full .row div { padding-right: 100px; }

.ms_arrows { top: 50%; }

aside { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(29.333% - 40px); flex: 0 0 calc(29.333% - 40px); width: 29%; margin: 18px; }

@media screen and (min-width: 85.375em) { aside { padding-left: 30px; padding-right: 3%; } }

@media screen and (max-width: 85.375em) { aside { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(23.333% - 40px); flex: 0 0 calc(23.333% - 40px); } }

@media screen and (max-width: 74.9375em) { aside { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); width: calc(100% - 20px); margin: 10px; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; } }

aside .relatedProjects ul { margin: 0; padding: 0; list-style: none; }

@media screen and (max-width: 74.9375em) { aside .relatedProjects ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

aside .relatedProjects a { display: block; -webkit-transform: rotate(0); background: #ffb41c; }

aside .relatedProjects a:hover img, aside .relatedProjects a:focus img { opacity: .2; }

aside .relatedProjects a:hover h5, aside .relatedProjects a:focus h5 { display: none; }

aside .relatedProjects a:hover .viewProject, aside .relatedProjects a:focus .viewProject { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; }

aside .relatedProjects li { margin: 20px 0; overflow: hidden; }

@media screen and (max-width: 74.9375em) { aside .relatedProjects li { width: calc(33.333% - 20px); margin: 10px 20px 10px 0; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(33.333% - 20px); flex: 0 0 calc(33.333% - 20px); } }

@media screen and (max-width: 47.9375em) { aside .relatedProjects li { width: calc(50% - 20px); margin: 10px 20px 10px 0; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); } }

aside .relatedProjects img { -webkit-transition: all .3s ease; transition: all .3s ease; width: 350px; height: 200px; -o-object-fit: cover; object-fit: cover; }

aside .relatedProjects h5 { margin: 0; padding: 0; list-style: none; background: rgba(255, 180, 29, 0.78); color: #fff; position: absolute; bottom: 0; left: 0; padding: 6px 10px; width: 100%; font-size: 1em; font-weight: normal; -webkit-transition: all .3s ease; transition: all .3s ease; line-height: 1.2em; }

aside .relatedProjects .viewProject { border: 1px solid #fff; color: #fff; background: transparent; opacity: 0; -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 0; font-size: 18px; text-transform: uppercase; display: none; font-weight: 500; position: absolute; top: 100%; left: 50%; padding: 5px 9px; display: table; }

aside .relatedProjects .viewProject:hover, aside .relatedProjects .viewProject:focus { background: #fff; color: #29627f; }

#searchform { background: #fff; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.49); display: inline-block; padding: 4px 8px; }

#searchform input[type="text"] { background: transparent; border: 0; -webkit-appearance: none; width: 80%; }

#searchform input[type="text"]:focus { outline: 0; }

#searchform button { background: transparent; -webkit-appearance: none; border: 0; font-size: 1.2em; color: #666; }

#searchform button:hover, #searchform button:focus { color: #509abe; outline: 0; }

@media screen and (min-width: 85.375em) { .industry aside { padding-left: 4%; padding-right: 3%; } }

.industry aside h4 { background: #204757; color: #fff; padding: 8px 0 9px 50px; line-height: 1em; text-transform: uppercase; }

.industry aside h4:before { content: ""; width: 38px; height: 38px; background: #3e748a; position: absolute; left: 0; top: 0; }

.industry aside h4:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 38px 38px; border-color: transparent transparent #509abe transparent; position: absolute; left: 0; top: 0; }

.industry aside .gfield_label, .industry aside label, .industry aside .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); height: 0; }

.industry aside input[type="text"], .industry aside textarea { background: rgba(255, 255, 255, 0.5) !important; }

.industry aside .gform_wrapper .gform_footer { padding: 0; margin: 15px 0; }

.industry aside .credit { font-size: .9em; margin-top: 10px; }

.industry aside .gform_wrapper ul li.gfield, .industry aside .gform_wrapper { margin-top: 0 !important; }

.industry aside .gform_wrapper .gform_footer input.button, .industry aside .gform_wrapper .gform_footer input[type=submit], .industry aside .gform_wrapper .gform_page_footer input.button, .industry aside .gform_wrapper .gform_page_footer input[type=submit] { font-size: 1em; }

.industry aside .industryDropdown, .industry aside .sidebarContact { margin-top: 3.125em; }

.industry aside .industryList { margin-top: 15px; }

.industry aside .industryList p { margin-bottom: 5px; font-size: 1.2em; }

.industry aside ul.projectCategories { margin: 0; padding: 0; list-style: none; background-color: #fff; padding: 5px 10px; font-size: 1.1em; margin-top: 20px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.48); }

.industry aside ul.projectCategories:before { content: ">"; position: absolute; right: 14px; top: 5px; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 20px; font-weight: normal; }

.industry aside select { display: block; background-color: transparent; border-width: 0px; border-style: solid; border-color: transparent; -webkit-border-image: initial; -o-border-image: initial; border-image: initial; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: 100%; }

@media screen and (max-width: 37.5em) { .industry aside select { width: 100%; margin: 0; } }

.industry aside select:focus { outline: 0; }

aside.jobs p, aside.normal p { margin-bottom: 5px; font-size: 1.2em; color: #509abe; }

aside.jobs h4, aside.normal h4 { background: #204757; color: #fff; padding: 8px 0 9px 50px; line-height: 1em; text-transform: uppercase; margin-bottom: 15px; }

aside.jobs h4:before, aside.normal h4:before { content: ""; width: 38px; height: 38px; background: #3e748a; position: absolute; left: 0; top: 0; }

aside.jobs h4:after, aside.normal h4:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 38px 38px; border-color: transparent transparent #509abe transparent; position: absolute; left: 0; top: 0; }

aside.jobs .ss-btn.large, aside.jobs .ss-btn, aside.normal .ss-btn.large, aside.normal .ss-btn { font-size: 1.1em; margin-top: 15px; }

aside.jobs .widget_text, aside.jobs .widget, aside.normal .widget_text, aside.normal .widget { margin-top: 50px; }

aside.jobs .widget_text:nth-child(1), aside.jobs .widget:nth-child(1), aside.normal .widget_text:nth-child(1), aside.normal .widget:nth-child(1) { margin-top: 10px; }

aside.jobs .gfield_label, aside.jobs label, aside.jobs .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, aside.normal .gfield_label, aside.normal label, aside.normal .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); height: 0; }

aside.jobs input[type="text"], aside.jobs textarea, aside.normal input[type="text"], aside.normal textarea { background: rgba(255, 255, 255, 0.5) !important; }

aside.jobs .gform_wrapper .gform_footer, aside.normal .gform_wrapper .gform_footer { padding: 0; margin: 15px 0; }

aside.jobs .credit, aside.normal .credit { font-size: .9em; margin-top: 10px; }

aside.jobs .gform_wrapper ul li.gfield, aside.jobs .gform_wrapper, aside.normal .gform_wrapper ul li.gfield, aside.normal .gform_wrapper { margin-top: 0 !important; }

aside.jobs .gform_wrapper .gform_footer input.button, aside.jobs .gform_wrapper .gform_footer input[type=submit], aside.jobs .gform_wrapper .gform_page_footer input.button, aside.jobs .gform_wrapper .gform_page_footer input[type=submit], aside.normal .gform_wrapper .gform_footer input.button, aside.normal .gform_wrapper .gform_footer input[type=submit], aside.normal .gform_wrapper .gform_page_footer input.button, aside.normal .gform_wrapper .gform_page_footer input[type=submit] { font-size: 1em; }

.page-id-788 .pageContent .row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

@media screen and (max-width: 47.9375em) { .page-id-788 .pageContent .row { display: block; } }

.postEntry { margin-bottom: 60px; }

@media screen and (max-width: 37.5em) { .postEntry img { display: none; } }

.categoryImg { width: 100%; overflow: hidden; border-bottom: 16px solid #204757; margin-bottom: 1.875em; }

@media screen and (max-width: 37.5em) { .categoryImg { display: none; } }

.categoryImg img { width: 100%; height: 425px; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 74.9375em) { .categoryImg img { width: 100%; height: auto; } }

.projectCats, .singleProject { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; max-width: 1400px; width: 100%; }

.categoryInfo { grid-column: 1 / -1; }

.projectCats .pageContent { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(66.666% - 40px); flex: 0 0 calc(66.666% - 40px); margin: 20px; }

.projectCats .pageContent .categoryInfo { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.projectCats .pageContent .categoryInfo p { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; font-size: 1.25em; color: #204757; }

.projectCats .pageContent .categoryInfo ul { margin: 0; padding: 0; list-style: none; }

.projectCats .pageContent .categoryInfo ul li { margin-bottom: 6px; }

.projectCats .pageContent .categoryInfo ul li:before { content: ""; position: absolute; left: -11px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #5099be; }

.projectCats .pageContent .categoryInfo ul li span { z-index: 10; background: rgba(80, 154, 191, 0.95); color: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 0; left: -200%; visibility: hidden; width: 300px; height: auto; position: absolute; top: -10px; padding: 15px; }

.projectCats .pageContent .categoryInfo ul li span p { color: #fff; font-size: 0.9375em; margin-bottom: 0; }

.projectCats .pageContent .categoryInfo ul li span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(80, 154, 191, 0.95); position: absolute; top: 15px; right: -10px; }

.projectCats .pageContent .categoryInfo ul a { display: inline-block; color: #509abe; font-size: 1.125em; text-transform: uppercase; font-weight: bold; }

.projectCats .pageContent .categoryInfo ul a:hover ~ span { left: -225%; opacity: 1; visibility: visible; }

.projectCats .projectGrid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.projectCats .projectGrid a { display: block; }

.projectCats .projectGrid .project { overflow: hidden; width: calc(33.333% - 40px); margin: 20px; }

.projectCats .projectGrid .project:hover, .projectCats .projectGrid .project:focus { cursor: hand; }

.projectCats .projectGrid .project:hover img, .projectCats .projectGrid .project:focus img { opacity: .4; }

.projectCats .projectGrid .project:hover .projectInfo, .projectCats .projectGrid .project:focus .projectInfo { opacity: 1; }

.projectCats .projectGrid .project img { -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media screen and (min-width: 74.9375em) { .projectCats .projectGrid .project:nth-child(1) .projectInfo h3 { margin: 0; padding: 0; list-style: none; font-size: 1.75em; color: #fff; margin-bottom: 10px; }
  .projectCats .projectGrid .project:nth-child(1) .projectInfo p { margin: 0; padding: 0; list-style: none; font-style: italic; font-size: 1.375em; color: #fff; } }

.projectCats .projectGrid .projectInfo { background: -webkit-linear-gradient(top, rgba(255, 180, 28, 0.13) 0%, rgba(255, 180, 28, 0.78) 91%); background: linear-gradient(to bottom, rgba(255, 180, 28, 0.13) 0%, rgba(255, 180, 28, 0.78) 91%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21ffb41c', endColorstr='#c7ffb41c',GradientType=0 ); height: 100%; position: absolute; bottom: 0%; left: 0px; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 15px; opacity: 0; color: #fff; }

.projectCats .projectGrid .projectInfo h3 { margin: 0; padding: 0; list-style: none; font-size: 1.2em; letter-spacing: .02em; color: #fff; line-height: 1.2em; margin-bottom: 7px; text-shadow: 0 0 30px rgba(32, 71, 87, 0.52); }

.projectCats .projectGrid .projectInfo p { margin: 0; padding: 0; list-style: none; font-style: italic; font-size: 1em; line-height: 1.2em; text-shadow: 0 0 30px rgba(32, 71, 87, 0.52); }

.projectCats .projectGrid .projectInfo span { display: block; position: absolute; bottom: 15px; left: 15px; width: 90%; }

aside.projects { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(33.333% - 40px); flex: 0 0 calc(33.333% - 40px); margin: 18px; }

@media screen and (min-width: 85.375em) { aside.projects { padding-left: 30px; padding-right: 3%; } }

@media screen and (max-width: 61.9375em) { aside.projects { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); margin: 10px; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; } }

aside.projects select { display: none; background-color: transparent; border-width: 0px; border-style: solid; border-color: transparent; -webkit-border-image: initial; -o-border-image: initial; border-image: initial; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }

@media screen and (max-width: 61.9375em) { aside.projects select { display: block; } }

@media screen and (max-width: 37.5em) { aside.projects select { width: 100%; margin: 0; } }

aside.projects ul { margin: 0; padding: 0; list-style: none; border-left: 2px solid #204757; clear: both; }

@media screen and (max-width: 61.9375em) { aside.projects ul { border-left: 0; display: inline-block; background-color: #fff; padding: 10px; font-size: 1.1em; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.48); } }

@media screen and (max-width: 61.9375em) and (max-width: 37.5em) { aside.projects ul { width: 100%; } }

@media screen and (max-width: 61.9375em) { aside.projects ul:before { content: ">"; position: absolute; right: 14px; top: 10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 20px; font-weight: normal; } }

aside.projects ul li { font-size: 1.3125em; }

@media screen and (max-width: 61.9375em) { aside.projects ul li { display: none; } }

aside.projects ul li.current-menu-item a { background: #204757; color: #fff; }

aside.projects ul li.current-project-parent a { background: #204757; color: #fff; }

aside.projects ul a { color: #509abe; display: block; padding: 5px 10px 5px 15px; }

aside.projects ul a:hover, aside.projects ul a:focus { background: #204757; color: #fff; }

.container-fluid.singleProject .pageContent { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(66.666% - 40px); flex: 0 0 calc(66.666% - 40px); width: calc(66.666% - 40px); margin: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 61.9375em) { .container-fluid.singleProject .pageContent { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); width: calc(100% - 20px); margin: 10px; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; /* flex-direction: column; */ } }

.container-fluid.singleProject .projectGallery, .container-fluid.singleProject .pageTitle, .container-fluid.singleProject .extraContent { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; }

.container-fluid.singleProject .extraContent { margin-top: 40px; }

.container-fluid.singleProject .projectGallery { margin-bottom: 40px; }

.container-fluid.singleProject .projectOverview { padding-left: 3%; }

.container-fluid.singleProject .projectOverview h4 { display: block; width: 100%; font-size: 22px; color: #204757; border-bottom: 1px solid #204757; font-weight: bold; }

.container-fluid.singleProject .projectSpecs { padding-right: 3%; }

.container-fluid.singleProject .projectSpecs h2 { margin: 0; padding: 0; list-style: none; font-size: 2.0625em; color: white; margin-bottom: 20px; line-height: 1.2em; }

.container-fluid.singleProject .projectSpecs ul { margin: 0; padding: 0; list-style: none; }

.container-fluid.singleProject .projectSpecs li { color: #509abe; font-size: 1.25em; margin-bottom: 10px; }

.container-fluid.singleProject .projectSpecs li span { display: block; width: 100%; font-size: 22px; color: #204757; border-bottom: 1px solid #204757; font-weight: bold; margin-bottom: 6px; }

.container-fluid.singleProject .projectSpecs, .container-fluid.singleProject .projectOverview { -webkit-box-flex: 0; -webkit-flex: 0 0 47%; flex: 0 0 47%; width: 40%; }

@media screen and (max-width: 61.9375em) { .container-fluid.singleProject .projectSpecs, .container-fluid.singleProject .projectOverview { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; padding: 0 0 0 0; } }

.container-fluid.singleProject .rsMinW, .container-fluid.singleProject .rsMinW .rsOverflow, .container-fluid.singleProject .rsMinW .rsSlide, .container-fluid.singleProject .rsMinW .rsVideoFrameHolder, .container-fluid.singleProject .rsMinW .rsThumbs { background: #e3e3e3; }

.postNav { display: -webkit-box; display: -webkit-flex; display: flex; font-size: 1.5em; color: #5A916E; padding-top: 20px; margin-bottom: 20px; }

@media screen and (max-width: 61.9375em) { .postNav { display: none; } }

.postNav p { margin-bottom: 0; }

.postNav .prev span { padding: 0 10px; margin-right: 10px; color: #5A916E !important; }

.postNav a { color: #5A916E; }

.postNav a:hover, .postNav a:focus { color: #204757; }

.yourIndustry { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.yourIndustry li { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 40px); flex: 0 0 calc(50% - 40px); margin: 20px 40px 20px 0; width: calc(50% - 40px); }

@media screen and (max-width: 47.9375em) { .yourIndustry li { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); width: calc(100% - 40px); } }

.yourIndustry a { display: block; -webkit-transform: rotate(0); background: #ffb41c; }

.yourIndustry a:hover img, .yourIndustry a:focus img { opacity: .2; }

.yourIndustry a:hover h5, .yourIndustry a:focus h5 { display: none; }

.yourIndustry a:hover .viewProject, .yourIndustry a:focus .viewProject { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; }

.yourIndustry img { -webkit-transition: all .3s ease; transition: all .3s ease; }

.yourIndustry h5 { margin: 0; padding: 0; list-style: none; background: rgba(255, 180, 29, 0.78); color: #fff; position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; font-size: 1.25em; font-weight: normal; -webkit-transition: all .3s ease; transition: all .3s ease; line-height: 1.2em; }

@media screen and (max-width: 61.9375em) { .yourIndustry h5 { font-size: 1em; padding: 5px 10px; } }

.yourIndustry .viewProject { border: 1px solid #fff; color: #fff; background: transparent; opacity: 0; -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 0; font-size: 1.3em; text-transform: uppercase; display: none; font-weight: 500; position: absolute; top: 100%; left: 50%; padding: 5px 9px; display: table; }

.yourIndustry .viewProject:hover, .yourIndustry .viewProject:focus { background: #fff; color: #29627f; }

@supports (display: grid) { .projectCats .projectGrid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; grid-auto-flow: row dense; }
  @media screen and (max-width: 74.9375em) { .projectCats .projectGrid { grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 61.9375em) { .projectCats .projectGrid { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); margin: 10px; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } }
  @media screen and (max-width: 37.5em) { .projectCats .projectGrid { grid-template-columns: 1fr; } }
  .projectCats .projectGrid .project { margin: 0; width: auto; }
  .projectCats .projectGrid .project:nth-child(1) { grid-column: 2 / -1; grid-row: span 2; }
  @media screen and (max-width: 74.9375em) { .projectCats .projectGrid .project:nth-child(1) { grid-column: inherit; grid-row: inherit; } }
  .projectGrid.mainProject .project:nth-child(1), .projectGrid.mainProject .project:nth-child(13) { grid-column: 2 / -1; grid-row: span 2; }
  @media screen and (max-width: 74.9375em) { .projectGrid.mainProject .project:nth-child(1), .projectGrid.mainProject .project:nth-child(13) { grid-column: inherit; grid-row: inherit; } }
  .projectGrid.mainProject .project:nth-child(6), .projectGrid.mainProject .project:nth-child(19) { grid-column: 1 / span 2; grid-row: span 2; }
  @media screen and (max-width: 74.9375em) { .projectGrid.mainProject .project:nth-child(6), .projectGrid.mainProject .project:nth-child(19) { grid-column: inherit; grid-row: inherit; } } }

footer { clear: both; position: relative; background: #000; color: #fff; padding: 40px 0 20px; }

footer a { color: #fff; }

footer a:hover, footer a:focus { color: #ffb41c; }

footer .container-fluid { max-width: 1400px; }

footer #menu-footer-menu { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; text-transform: uppercase; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 47.9375em) { footer #menu-footer-menu { display: none; } }

footer #menu-footer-menu a { padding: 0 5px; }

footer .copyright { text-align: center; width: 100%; font-size: .85em; opacity: .7; margin: 20px 0 0; }

footer .copyright span { padding: 0 6px; }
/*# sourceMappingURL=style.css.map */




/*Dimi added-------*/
header .contactInfo {
    position:relative;
    margin: 0 0 40px 0;
}
.spanish {
    position: absolute;
    bottom: -44px;
    right: 0px;
}
.spanish a {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 2px 18px !important;
}



/*DZ additions=======================*/
.full2 {
    max-width: 1200px;
}

.pageContent h2 { background: -webkit-linear-gradient(left, #204757 0%, #204757 37%, rgba(32, 71, 87, 0) 100%); background: linear-gradient(to right, #204757 0%, #204757 37%, rgba(32, 71, 87, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204757', endColorstr='#00204757',GradientType=1 ); color: #fff; padding: 5px 25px 5px 25px; font-size: 2.3125em; margin: 30px 0 35px -25px; min-width: 60%; line-height: 1.2em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }

.pageContent h2 a { color: #fff; }

.pageContent h2 a:hover, .pageContent h1 a:focus { color: #ffb41c; }


/* Project Gallery */
.grid-sizer,
.project-image {
	width: 33.33%;
	padding: 3px;
}

.project-image img {
	max-width: 100%;
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.project-image img {
		height: 250px;
	}
}

@media (min-width: 1200px) {
	.grid-sizer,
	.project-image {
		width: 25%;
		padding: 4px;
	}
	
	.project-image img {
		height: 150px;
	}
}

@media (min-width: 1600px) {
	.project-image img {
		height: 200px;
	}
}

/*Sean added ==========*/
.flex-row {
    justify-content: space-evenly;
    flex-flow: row nowrap;
    display: flex;
}
.gallery-box {
    width: 48%;
}
/* hide page-4186 hero image+heading on desktop (mobile-only) */
@media (min-width: 768px) {
	body.page-id-4186 .heroImg {
		display: none !important;
	}
}

/* Regional-team pages (children of 4051), mobile only: the yellow call bar sits ABOVE the hero photo in the markup, so it is floated down to rest ON the white heading (its bottom edge meets the photo's bottom edge). top = 55px fixed header + hero height; hero height = 100vw x the image's own ratio, because img{max-width:100%;height:auto} makes it full-width. Ratio 0.5573 = uploads/2024/12/heroImg_sm.webp (768x428), used by 7 of the 8 team pages. NOTE: change the ratio if the hero image is swapped. */
@media screen and (max-width: 767px) {
	body.parent-pageid-4051 .mobileCall {
		position: absolute;
		left: 0;
		right: 0;
		top: calc(55px + 100vw * 0.5573);
		transform: translateY(-100%);
		z-index: 1;
	}

	/* Wes Gunter (6105) uses a taller hero: uploads/2019/08/1-finished-3.jpg (765x663) */
	body.page-id-6105 .mobileCall {
		top: calc(55px + 100vw * 0.8667);
	}
}